html,body{margin:0;padding:0;height: 100%}
body{font-family: Arial; font-size: 14px; line-height: 1.5;}

a {text-decoration: none; color:#2764af;} 
a:hover {color: #CC0000;}

hr {border: none; color: #ebebeb; background-color: #ebebeb; height: 1px; margin: 20px 0 20px 0;}

.table-stat {border-collapse: collapse; border: 1px solid #e0dfdf; color:#000;line-height: 1.5; font-size:11pt; width:100%;}
.table-stat td {border: 1px solid #e0dfdf; height: 50px;}
.table-stat th {border: 1px solid #e0dfdf; background: #f1f1f1; text-align: left; height: 50px;}

.backlight {background: #f1f1f1; padding: 10px;border-radius: 5px;}

#dashed {border-color: #dbdbdb; border-style: dashed; border-width: 1px; box-sizing: border-box; padding:15px; line-height: 1.7;}

/* Контейнеры для футера: начало */

.container {display: flex; flex-direction: column; height: 100%;}
.container-content {flex: 1 0 auto;}
.container-footer {flex: 0 0 auto;}

/* Контейнеры для футера: конец */

/* Ссылки календаря: начало */

/* Для активных ссылок с онлайн бронированием color:#2764af; cursor:pointer; */

.link {color:#39713e; font-size: 14px;} 
.nolink .link {color:#993333; cursor:auto; text-decoration:none; font-size: 14px;} 

/* Ссылки календаря: конец */

/* Текст и ссылки: начало */

.text-red {color: #FF0000;}
.text-gray {color:#878787; font-size: 14px;}
.text-burgundy {color:#993333; font-size: 14px;}
.text-gray-9 {font-size: 8pt; color:#5a5959; line-height: 1.5;}/* Текст внутри календаря при нажатии на дату */
.text-burgundy-8 {font-size: 8pt; color:#993333; line-height: 1.5;}/* Текст внутри календаря - время въезда и выезда */
.text-blue-8 {font-size: 8pt; color:#2764af; line-height: 1.5; cursor: pointer;}/* Текст внутри календаря - время въезда и выезда */

.text-grey-disabled {color:#a5a5a5;}

/*
.text-gray-8 {font-size: 9pt; color:#5a5959;}
.text-gray-8 a {font-size: 9pt;}
.text_10_gray {font-size: 10pt; line-height: 1.5; color:#878787;}
.text_11_gray {font-size: 11pt; line-height: 1.5; color:#878787;}
*/

/* .bookform {line-height: 1.0;}*/

/* Кнопки: начало */

.button {
    background-color: #0064ba;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}
.button:disabled {
    background-color: #f2f2f2;
    color:#a5a5a5;
	cursor: default;
}
.button:disabled:hover {
    background-color: #f2f2f2;
    color:#a5a5a5;
	cursor: default;
}	  

button.button:hover {background-color: #025ca9;}

.button-no {
    background-color: #f2f2f2;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;

}


.button-cancel {
	background-color: white;
    border: none;
    color: #2764af;
    padding: 15px 32px;
    text-align: center;
	display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

button.button-cancel:hover {color: #CC0000;}

/* Кнопки: конец */

.arrow-r {
    background-image: url( '/i/right.png' );
    //background-size: 10px 14px;
  background-color: white;
    height: 10px;  
    width: 14px;
  border-width: 0px;
  background-repeat: no-repeat;
  border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
	position: relative; 
	top:5px
}
.arrow-r:disabled {
    background-image: url( '/i/px.png' );
  cursor: auto;
}
.arrow-l {
    background-image: url( '/i/left.png' );
    //background-size: 10px 14px;
  background-color: white;
    height: 10px;  
    width: 14px;
  border-width: 0px;
  background-repeat: no-repeat;
  border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
		position: relative; 
	top:5px
}
.arrow-l:disabled {
    background-image: url( 'https://grannyi.fishbooking.ru/i/px.png' );
  cursor: auto;
}

/* Текст и ссылки: конец */

/* Контейнер для футера */

.container {display: flex; flex-direction: column; height: 100%;}
.container-top {flex: 1 0 auto;}
.container-bottom {flex: 0 0 auto;}

/* Логотип: начало 

#logo {height:130px; margin:0; padding-left: 62px;}

.logo-content {position: relative; float:left; top: 32px;} */

/* Логотип: конец */

/* HEAD */

.container-head{max-width: 1170px;}

#logo {margin:0; padding: 2% 5% 0 5%;}

/* MAIN */

.container-main{max-width: 1170px;}

#main {margin:0; padding: 0 5% 0 5%;}

@media screen and (max-width: 800px) {.line {padding: 0 0 20px 0;}}

/* FOOTER */

.container-footer{max-width: 1170px;}

#footer {margin:0; padding: 0 5% 0% 5%;}

/* Меню: начало */

#menu {padding-left: 62px; height:40px; border-bottom: #ebebeb solid 1px;max-width: 1170px;}

.submenu-index {position: relative; float:left; left: 0px;}
.submenu-partners {position: relative; float:left; left: 40px;}

.menuC22D7 {margin: 0;}
.menu1C22D7 {float: left; width: 18%;}
.menu2C22D7 {float: left; width: 22%;}
.menu3C22D7 {float: left; width: 23%;}
.menu4C22D7 {float: left; width: 37%;}

/* DEL */
.menu {margin: 0;}
.menu1 {float: left; width: 9%;}
.menu2 {float: left; width: 19%;}
.menu3 {float: left; width: 23%;}
.menu4 {float: left; width: 49%;}

.footer1C22D7 {float: left; width: 11%;}
.footer2C22D7 {float: left; width: 24%;}
.footer3C22D7 {float: left; width: 65%;}

/* DEL */
.footer-copyright {float: left; width: 12%;}
.footer2 {float: left; width: 18%;}
.footer3 {float: left; width: 23%;}
.footer-email {float: left; width: 47%;}

@media screen and (max-width: 800px) {.menuC22D7, .menu1C22D7, .menu2C22D7, .menu3C22D7, .menu4C22D7, .footer1C22D7, .footer2C22D7, .footer3C22D7 {width: 100%;}}

/* DEL */
@media screen and (max-width: 800px) {.menu, .menu1, .menu2, .menu3, .menu4, .footer-copyright, .footer2, .footer3, .footer-email {width: 100%;}}

/*

.submenu-first {position: relative; float:left; left: 0px;}
.submenu-second {position: relative; float:left; left: 40px;}
.submenu-third {position: relative; float:left; left: 80px;}
.submenu-fourth {position: relative; float:left; left: 120px;}

*/

/* Меню: конец */

/* Content: начало */

#content {padding-left: 62px; width: 1024px;}

/* Content: конец */

/* Content: начало */

#content-admin {padding: 62px 62px 0 62px; width: 1024px;}

/* Content: конец */

/* КАЛЕНДАРЬ: начало */

*{
  box-sizing: border-box;
}

.table-row{
  display: table-row;

}

/* Календарь: строка с датами и ссылка на следующие 7 дней */

.container-navigation {max-width: 828px;}

.navigation {
  display: table;
  width: 100%;
  height: 50px;
  border-collapse: collapse;
}

.navigation-left-no {
  display: table-cell;
  width: 99px; /* ВЕРНУТЬСЯ К ШИРИНЕ БЛОКА ПОСЛЕ АДАПТАЦИИ ЯЧЕЕК СЕКТОРОВ */
}

.navigation-left {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.navigation-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.navigation-right {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.navigation-right-no {
  display: table-cell;
  text-align: right;
  width: 48px;
}

/* @media screen and (max-width: 800px) {#block {visibility: hidden; display: none;}}*/
@media screen and (max-width: 800px) {.navigation {display: table;  height: 50px; border-collapse: collapse;}}

/*
@media screen and (max-width: 800px) {.navigation-left-no {display: table-cell; width: 98px;}}
@media screen and (max-width: 800px) {.navigation-left {display: table-cell; text-align: left; vertical-align: middle; width: 20%}}
@media screen and (max-width: 800px) {.navigation-center {display: table-cell; text-align: center; vertical-align: middle;}}
@media screen and (max-width: 800px) {.navigation-right {display: table-cell; text-align: right; vertical-align: middle; width: 20%;}}
@media screen and (max-width: 800px) {.navigation-right-no {display: table-cell; text-align: right; width: 48px;}}
*/

/* Календарь: Дни недели */

@media screen and (min-width: 800px) {#block-min {visibility: hidden; display: none;}}

.calendar {
  /* display: table; */
  width: 838px;
}

.calendar-day-no {
  display: table-cell;
  width: 98px;
  height: 32px;
  border-left:1px solid #FFF;
  border-bottom:1px solid #FFF;
  border-right:1px solid #FFF;
}

.calendar-day {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 98px;
  font-size: 8pt;
  color:#5a5959; 
  background-color: #e0dede;
  border-left:1px solid #FFF;
  border-bottom:2px solid #FFF;
  border-right:1px solid #FFF;
}

.calendar-day-weekend {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 98px;
  background-color: #bfbebe;
  font-size: 8pt;
  color:#5a5959;
  border-left:1px solid #FFF;
  border-bottom:2px solid #FFF;
  border-right:1px solid #FFF;
}

.calendar-day-no-right {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 46px;
  border: 1px solid #FFF;
}

.calendar-sektor-name{
  display: table-cell;
  text-align: center;
  border: none;
  border-left:1px solid #FFF;
  border-bottom:2px solid #FFF;
  border-right:1px solid #FFF;
  vertical-align: middle;
  width: 98px;
  height: 98px;
  background-color: #e0dede;
  font-size: 11pt;
  color:#7f8081;
}

.calendar-sektor-day{
  display: table-cell;
  border: none;
  border-left:1px solid #FFF;
  border-bottom:2px solid #FFF;
  border-right:1px solid #FFF;
  width: 98px;
  height: 98px;
  background-color: #acd89b;
  position: relative;
}

.calendar-sektor-day div {
    display: inline-block;
}

.calendar-sektor-day-hours{
	display: table-cell;
	border: none;
	position:absolute;
    left:0;
    top:0;
	z-index: 1;
	width:100%;
	height:100%;
	}
	
		/* Полоски */	

.hours-restricted {
		width: 4px;
		float: left;
		height: 100%;
		/* background-color: #5DADE2; */
		}

		.hours-free {
		width: 4px;
		float: left;
		height: 100%;
		}

		.hours-booked {
		width: 4px;
		float: left;
		background-color: #e0dede;
		height: 100%;
		}	

		.hours-booked-01 {
		width: 4px;
		float: left;
		background-color: #FF9999; /* Надумаешь поменять цвет, в комменте не меняй, я его долго искал) #FF9999 */
		/* Бронь */
		height: 100%;
		}	

		.hours-booked-02 { /* Соревнование */
		width: 4px;
		float: left;
		background-color: #5DADE2;
		height: 100%;
		}	
		.hours-booked-03 { /* Бронь администрации */
		width: 4px;
		float: left;
		background-color: #EC7063;
		height: 100%;
		}	
		.hours-booked-04 {
		width: 4px;
		float: left;
		background-color: #e0dede;
		height: 100%;
		}	

		.hours-booked-07 { /* Блокировка начала дня по времени */
		width: 4px;
		float: left;
		background-color: #acd89b; /* Надумаешь поменять цвет, в комменте не меняй, я его долго искал) #ebebeb */
		/* Бронь */
		height: 100%;
		}	
		.hours-booked-08 { /* Клиент заехал */
		width: 4px;
		float: left;
		background-color: #ebebeb; 
		height: 100%;
		}	

		.hours-booked-09 {
		width: 4px;
		float: left;
		background-color: #fff; 
		height: 100%;
		}	
		
		.hours-booked-10 {
		width: 4px;
		float: left; 
		background-color: #acd89b; 	
		height: 100%;
		}	
		
		.hours-booked-11 {
		width: 4px;
		float: left; 		
		background-color: #acd89b; 
		height: 100%;
		}

		.hours-white{
		width: 2px;
		float: left;
		background-color: #FFF;
		height: 100%;
		}
		
		#calendar-sektor-day-hours-hover{
		width: 100%;
		height: 100%;
		float: left;
		background-color: #e0dede;
		}
				
	
.calendar-sektor-day-text{
	display: table-cell;
	border: none;
    position:absolute; 
	z-index: 100;
	padding: 5px;
	}

.calendar-sektor-day-text-grey{
	display: table-cell;
	border: none;
    position:absolute; 
	z-index: 99;
	padding: 5px;
	width: 100%;
	height: 99%;
	opacity:9%;
	background: black; 
	}

.d-td:not(.no-p){
  padding: 2px;
}

/* Блок Календарь. Кнопка ввиде ссылки */

button {
    overflow: visible;
    width: auto;
}

button.nav0 {
	font-family: Arial; 
	font-size: 11pt;
    text-align: left;
    color: #2764af;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-user-select: text;
}
button.nav0 span {
    text-decoration: underline;
}
button.nav0:hover span,
button.nav0:focus span {
    color: black;
}

button.nav0:hover {color: #CC0000;}

button.nav0:disabled, 
button.nav0[disabled]{
  color: #FFFFFF;
  cursor: auto;
}

button.week0 {
	font-family: Arial; 
	font-size: 11pt;
    text-align: left;
    color: #2764af;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-user-select: text;

}
button.week0 span {
    text-decoration: underline;
}
button.week0:hover span,
button.week0:focus span {
    color: black;
}

button {
    overflow: visible;
    width: auto;
}
button.week1 {
	font-family: Arial; 
	font-size: 11pt;
    text-align: left;
    color: #2764af;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
  
    -moz-user-select: text;
 
}
button.week1 span {
    text-decoration: underline;
}
button.week1:hover span,
button.week1:focus span {
    color: black;
}

/* Блок Вы выбрали. Кнопка ввиде ссылки */

button.button-text {
    text-align: left;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-user-select: text;

}
button.button-text span {
    text-decoration: underline;
}
button.button-text:hover span,
button.button-text:focus span {
    color: #5a5959; text-decoration: none;
}

/* Блок Вы выбрали. Кнопки 

.button-zabronirovat {position: relative; float:left; width: 160px; height: 45px; background: #0064ba; padding: 6px; text-align:  center; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; color: #FFFFFF;}
.button-zabronirovat:hover {background-color: #195285;}
.button-zabronirovat:disabled,
.button-zabronirovat[disabled]{background: #888888; color: #BBBBBB;}


.zabronirovat {position: relative; float:left; left: 0px;}
.chancel {position: relative;float:left; left: 20px;padding: 6px;}

*/

/* Блок Вы выбрали. Форма для телефона */

input {
  border: 1px solid #CCCCCC;
  padding: 0 3px 0px 3px;
  color: #000;
  font-size: 11pt;
  outline: none;}
  
.input_group {width: 150px; height: 25px;}

.column-phone {position: relative; float:left; left: 0px;}
.column-notification {position: relative; float:left; left: 10px; top: 3px;}

.column-email {position: relative; float:left; left: 0px;}
.column-emailnotification {position: relative; float:left; left: 10px; top: 3px;}

/* Блок Вы выбрали. Форма для времени */

select {
  border: 1px solid #CCCCCC;
  padding: 0px 3px 0px 0px;
  color: #000;
  font-size: 11pt;
  outline: none;
  height: 25px;}
  
/* Футер: начало */

/*

#footer {padding-left: 62px; height:64px; border-top: #ebebeb solid 1px;}

.footer-copyright {position: relative; float:left; left: 0px;}
.footer-oferta {position: relative; float:left; left: 0px;}
.footer-mail {position: relative; float:left; left: 40px;}

.footer-first {position: relative; float:left; left: 0px;}
.footer-second {position: relative; float:left; left: 40px;}
.footer-third {position: relative; float:left; left: 80px;}
.footer-fourth {position: relative; float:left; left: 120px;}

*/

/* Футер: конец */

/* Админка */

.input-login {width: 150px; height: 25px;}

input.input-login {
  border: 1px solid #CCCCCC;
  padding: 0 5px 2px 5px;
  color: #000;
  font-size: 11pt;
  outline: none;}
  
button.standart {
	font-family: Arial; 
	font-size: 11pt;
    text-align: left;
    color: #2764af;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
	-moz-user-select: text;

}
button.standart span {
    text-decoration: underline;
}
button.standart:hover span,
button.standart:focus span {
    color: black;
}

button.standart:hover {color: #CC0000;}