.calendar-item {
	width: 700; /*Меняет ширину календаря*/
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 20px;
	font: 14px/1.2 Arial, sans-serif;
/*	общий фон месяца с таблицей календаря*/
}
.calendar-head {
	text-align: center;
	padding: 5px; /*внутренние отступы*/
	font-weight: 700; /*насыщенность шрифта*/
	font-size: 70px; /*размер шрифта*/
/*	общий фон месяца */
/*	background: #ffe2ad */
}
.calendar-item table {
	border-collapse: collapse;
	width: 100%;
	height: 580; /*Меняет высоту календаря*/
/*	общий фон таблицы календаря */
}
.calendar-item th {
	font-size: 50px;  /*размер шрифта*/
	text-align: center;
	color: #888;
	font-weight: normal;
    width: 140px; /*ширина кнопки*/
    height: 100px; /*высота кнопки*/
/*	оглавление таблицы календаря пн-пт */
}
.calendar-item td {
    background: #00FA9A; /*зеленый*/ 
  width: 100px; /*ширина кнопки*/
  height: 100px; /*высота кнопки*/
  font-size: 50px;  /*размер шрифта*/
  border-radius: 70px;
	text-align: center;
/*	border: 3px solid #ddd; */ 
	border: 4px solid #FFFFFF;  /*рамка календаря*/
	position: relative;
/*		cursor: pointer;  переводит стрелочку в палец для клика*/
/*	свободные дни без события */
}
.calendar-day.NOevent {
	background: #00FA9A; /*зеленый*/ 
  width: 100px; /*ширина кнопки*/
  height: 100px; /*высота кнопки*/
  font-size: 70px;  /*размер шрифта*/
  border-radius: 70px;
}
/*	свободные дни без события 
	position: relative;
	cursor: pointer;
  display: inline-block;
  text-decoration: underline; 
.calendar-day.NOevent:hover {
  text-decoration: none;
}*/

/*.calendar-day.NOevent:hover .calendar-popup {
	display: block; выводит блк надпись в событии при наведении на дату с событием
}*/
/* .calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
	background: #00FA9A; /*цвет фона дня субботы и воскресения*/
/*	color: #e65a5a; /*цвет шрифта субботы и воскресения*/
/*}	
*/

.calendar-day.last {
	color: #999;
	background: #D3D3D3;
/*	прошедшие дни */
}
.calendar-day.today {
	background: #ffe2ad; /*	цвет дня сегодня */
	font-weight: bold;
}
.calendar-day.event {
	background: #FF0000;
	  width: 100px; /*ширина кнопки*/
  height: 100px; /*высота кнопки*/
  font-size: 70px;  /*размер шрифта*/
  border-radius: 70px
/*	background: #00FA9A; зеленый*/  
/*	background: #FF0000; красный*/
/*	background: #ffe2ad; персиковый*/
/*	background: #D3D3D3; серый*/
/*	background: #C0C0C0; silver*/
/*		cursor: pointer;  переводит стрелочку в палец для клика*/
/*	день с событием */
}
.calendar-day.event:hover .calendar-popup {
	display: block; /*выводит блк надпись в событии при наведении на дату с событием*/
}
.calendar-popup {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	min-width: 200px;
	padding: 15px;
	background: #fff; /*цвет при наведении на дату с событием*/
	text-align: left;
	font-size: 13px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #000; /*цвет шрифта надписи комментария событием при наведении на дату с событием*/
}
.calendar-popup:before {
	content: ""; /*пишет на дате при наведении на дату с событием*/
	border: solid transparent;
	position: absolute;    
	left: 8px;    
	bottom: 100%;
	border-bottom-color: #fff; /*цвет при наведении на дату с событием треугольник*/
	border-width: 9px;
	margin-left: 0;
}
input.knopkisoobh {
  width: 470px; /*ширина кнопки*/
  height: 50px; /*высота кнопки*/
  color: #FAF7F7; /*цвет шрифта*/
  background: #8746C7;  /*цвет кнопки*/
  font-size: 30px;  /*размер шрифта*/
  border-radius: 50px;
  cursor: pointer; 
}
input.verhknopki {
  width: 470px; /*ширина кнопки*/
  height: 100px; /*высота кнопки*/
  color: #FAF7F7; /*цвет шрифта*/
  background: #D6B68D;  /*цвет кнопки*/
  font-size: 40px;  /*размер шрифта*/
  border-radius: 20px;
  cursor: pointer; 
}
input.verhknopki:disabled {
  background-color: #ccc; /* Фон отключённой кнопки */
  color: #E8E8E8; /* Цвет текста отключённой кнопки */
  cursor: not-allowed; /* Курсор неразрешённого действия */
  border: none; /* Без границы */
}

.bron-button {
  appearance: none;
  cursor: pointer; 
  border: 0;
  border-radius: 25px;
  background: #00FA9A;
  color: #C0C0C0;
  padding: 8px 16px;
  font-size: 16px;
}

.c-button {
  appearance: none;
  cursor: pointer; 
  border: 0;
  background: #00FA9A;
  color: #0000FF;
  width: 400px; /*ширина кнопки*/
  height: 180px; /*высота кнопки*/
  font-size: 25px;  /*размер шрифта*/
  border-radius: 80px
}
.cetka-opis {
  margin-left: 10px; /*// Отступ слева 20 пикселей*/
}
/*input[type="time"]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display: block;
    width:20px;
    color: red;
    text-align:center;
    position:relative;
input[type="time"] { 
    width: 100px; 
	height: 50px;
}
} */

.vspcontainer {
  display: flex;
}
.vspcontainer-blockinf {
  appearance: none;
  cursor: pointer; 
  border: 0;
  margin: 10px;
  background: #F4C7FF;
  color: #0000FF;
  word-break: break-word; 
  width: 450px;
  height: auto; 
  font-size: 22px; 
  margin-left: 20px; 
  padding-left: 10px; 
  border-radius: 25px
}
.vspcontainer-blockinf2 {
  appearance: none;
  cursor: pointer; 
  border: 0;
  background: #CFC7FF;
  color: #0000FF;
  word-break: break-word; /* Так длинные слова будут переноситься */
  width: 450px; /*ширина */
  height: auto; /*высота */
  font-size: 22px;  /*размер шрифта*/
  margin-left: 20px; /*сдвинуть форму вправо*/
  padding-left: 10px; /*сдвинуть содержимое формы вправо*/
  border-radius: 25px
}

input[type="text"] {
  width: 500px; /*  ширина */
  height: 40px; /* высота */
  font-size: 25px;  /*размер шрифта*/
}

input[type="tel"] {
  width: 500px; /*  ширина */
  height: 40px; /* высота */
  font-size: 25px;  /*размер шрифта*/
}

input[type="email"] {
  width: 500px; /*  ширина */
  height: 40px; /* высота */
  font-size: 25px;  /*размер шрифта*/
}

input[type="checkbox"] {
  width: 30px; /*  ширина */
  height: 30px; /* высота */
  font-size: 35px;  /*размер шрифта*/
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; // Yeah, yeah everybody write about it
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}
.clear {
  clear: both; /*// Отменяем позиционирование (влияние float)*/
}
/* стилизация содержимого страницы */
body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
} 
  
/* свойства модального окна по умолчанию */
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index: 1050;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* при отображении модального окно */
.modal:target {
    opacity: 1; /* делаем окно видимым */
	  pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
  width: 100%;
  height: 100%;
}
.modal-dialog {
  z-index: 1050;
    width:100%;
    height:100%;
  margin-right: auto;
  margin-left: auto;
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 2000px;
      margin: 30px auto; /* для отображения модального окна по центру */
  }
}
/* свойства для блока, содержащего контент модального окна */ 
.modal-content {
    width:100%;
    height:100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
/* свойства для заголовка модального окна */
.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}
/* свойства для кнопки "Закрыть" */
.close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.close:focus, .close:hover {
    color: #FF0000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}
select {
  font-size: 30px; /* задаёт размер шрифта */
}