/*Обнуление.  @media (orientation: portrait/landscape)*/
*,*:focus {outline: none;}
*,*:before,*:after{
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-sizing: border-box;
}
html,body{
    height: 100%;
    font-family: Arial;
}
.wrapper{
    display: flex;
    min-height: 100%;
    overflow: hidden;
    flex-direction: column;
}
.container{
    max-width: 1180;
    margin: 0px auto;
    padding: 0px 10px;
}
.header{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 50;
}
.header:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #5e5373;
    z-index: 2;
}
.header_body{
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 80px;
    align-items: center;
}
.header__logo{
   flex: 0 0 40px;
   border-radius: 50%;
   overflow: hidden;
   position: relative;
   z-index: 3;
}
.header__logo img{
    max-width: 100%;
    display: block;
}
.header_burger{
    display: none;
}
.header_menu{   
}
.header_list{
    display: flex;
    position: relative;
    z-index: 5;
}
.header_list li{
    list-style: none;
    margin: 0px 0px 0px 15px;
}
.header_link{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}
.content{
    padding: 100px 0px 0px 0px;
}
.content_text{
    font-size: 14px;
    line-height: 25px;
}
.content_text p{
    margin: 20px 0px 0px 20px;
}

/* кнопка*/
.submit-button-1 {
 height:30px;
 width:220px;
 padding:5px 8px;
 font-size: 12px;
 text-decoration: none;
 margin-left:156px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 background-color: #FE6637;
 background: -webkit-gradient(linear, left top, left bottom, from(#FE6637), to(#e8fe37));
 background: -webkit-linear-gradient(top, #FE6637, #e8fe37);
 background: -moz-linear-gradient(top, #FE6637, #e8fe37);
 background: -ms-linear-gradient(top, #FE6637, #e8fe37);
 background: -o-linear-gradient(top, #FE6637, #e8fe37);
 background: linear-gradient(top, #FE6637, #e8fe37);
 border: 1px solid #509111;
 border-bottom: 1px solid #5b992b;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 box-shadow: inset 0 1px 0 0 #9fd574;
 -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
 -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
 -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
 -o-box-shadow: 0 1px 0 0 #9fd574 inset;
 color: black;
 padding: 6px 20px;
 text-align: center;
 text-shadow: 0 -1px 0 #396715;
}
.submit-button-1:hover {
 opacity:.85;
 cursor: pointer;
}
.submit-button-1:active {
 border: 1px solid #20911e;
 box-shadow: 0 0 10px 5px #356b0b inset;
 -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
 -moz-box-shadow: 0 0 10px 5px #356b0b inset;
 -ms-box-shadow: 0 0 10px 5px #356b0b inset;
 -o-box-shadow: 0 0 10px 5px #356b0b inset;
}
.submit-button-1:focus {
 padding-right:70px;
-moz-transition: padding .25s;
-webkit-transition: padding .25s;
-o-transition: padding .25s;
 transition: padding .25s;
 background: #fff;
 border:1px solid #555;
 box-shadow: 0 0 3px #aaa;
}
/*кнопка*/
.submit-button {
 background-color: #4169E1;
 background: -webkit-gradient(linear, left top, left bottom, from(#4169E1), to(#4169E1));
 background: -webkit-linear-gradient(top, #4169E1, #4169E1);
 background: -moz-linear-gradient(top, #4169E1, #4169E1);
 background: -ms-linear-gradient(top, #4169E1, #4169E1);
 background: -o-linear-gradient(top, #4169E1, #4169E1);
 background: linear-gradient(top, #4169E1, #4169E1);
 border: 1px solid #509111;
 border-bottom: 1px solid #5b992b;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 box-shadow: inset 0 1px 0 0 #9fd574;
 -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
 -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
 -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
 -o-box-shadow: 0 1px 0 0 #9fd574 inset;
 color: black;
 padding: 6px 20px;
 text-align: center;
 text-shadow: 0 -1px 0 #396715;
}
.submit-button:hover {
 opacity:.85;
 cursor: pointer;
}
.submit-button:active {
 border: 1px solid #20911e;
 box-shadow: 0 0 10px 5px #356b0b inset;
 -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
 -moz-box-shadow: 0 0 10px 5px #356b0b inset;
 -ms-box-shadow: 0 0 10px 5px #356b0b inset;
 -o-box-shadow: 0 0 10px 5px #356b0b inset;
}
/*кнопка для планов*/
.shine-button {
  text-decoration: none;
  display: inline-block;
  padding: 5px 5px;
  margin: 5px 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid #4169E1;
  font-family: 'Montserrat', sans-serif;
  color: blue;
  transition: .2s ease-in-out;
}
.shine-button:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 20px;
  width: 20px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(0deg);
}
.shine-button:hover {
  background: #4169E1;
  color: #fff;
}
.shine-button:hover:before {
  left: 700px;
  transition: .4s ease-in-out;
}
/*кнопка для действий*/
.shine-button-a {
  text-decoration: none;
  display: inline-block;
  padding: 5px 5px;
  margin: 5px 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid #36c8ff;
  font-family: 'Montserrat', sans-serif;
  color: #000066;
  transition: .2s ease-in-out;
}
.shine-button-a:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 20px;
  width: 20px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(0deg);
}
.shine-button-a:hover {
  background: #36c8ff;
  color: #fff;
}
.shine-button-a:hover:before {
  left: 700px;
  transition: .4s ease-in-out;
}
/*кнопка для действий в формах*/
.shine-button-af {
  text-decoration: none;
  display: inline;
  padding: 2px 2px;
  margin: 2px 2px;
  position: relative;
  align-content: center;
  border: 1px solid #36c8ff;
  font-family: 'Montserrat', sans-serif;
  color: #000066;
  transition: .2s ease-in-out;
}
.shine-button-af:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 10px;
  width: 10px;
  position: relative;
  align-content: center;
  top: -8px;
  left: -75px;
  transform: skewX(0deg);
}
.shine-button-af:hover {
  background: #36c8ff;
  color: #fff;
}
.shine-button-af:hover:before {
  left: 50px;
  transition: .4s ease-in-out;
}
.login_form h4 {
    font-family: Arial, serif;
    text-transform: uppercase;}
.login_form label {
    font-family: Arial, serif;
    }
.form_hint, .required_notification {font-size: 11px;}
.login_form li:first-child, .login_form li:last-child {
    border-bottom:1px solid #777;
}
.login_form ul {
 width:100%;
 text-align: center;
 list-style-type:none;
 list-style-position:outside;
 margin:0px;
 padding:0px;
}
.login_form li{
 padding:12px;
 border-bottom:1px solid #eee;
 position:relative;
}
.login_form li:first-child, .login_form li:last-child {
 border-bottom:1px solid #777;
}
.login_form h2 {
 margin:0;
 display: inline;
}
.login_form label {
 width:150px;
 margin-top: 3px;
 display: inline;
 float: center;
 padding: 3px;
}
.login_form input {
 height:30px;
 width:220px;
 padding:5px 8px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 -moz-transition: padding .25s;
 -webkit-transition: padding .25s;
 -o-transition: padding .25s;
 transition: padding .25s;
}
.login_form textarea {
 height:70px;
 width:220px;
 padding:5px 8px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 -moz-transition: padding .25s;
 -webkit-transition: padding .25s;
 -o-transition: padding .25s;
 transition: padding .25s;
}
.login_form textarea {padding:8px; width:300px;}
.login_form button {margin-left:156px;}
.login_form input:focus {
  background: #fff;
  border:1px solid #555;
  box-shadow: 0 0 3px #aaa;
  margin-left: 35px;
}
/*Форма ввода нового описания*/
.add_object_form h4 {
    font-family: Arial, serif;
    text-transform: uppercase;}
.add_object_form label {
    font-family: Arial, serif;
    }
.form_hint, .required_notification {font-size: 11px;}
.add_object_form li:first-child, .add_object_form li:last-child {
    border-bottom:1px solid #777;
}
.add_object_form ul {
 width:100%;
 text-align: center;
 list-style-type:none;
 list-style-position:outside;
 margin:0px;
 padding:0px;
}
.add_object_form li{
 padding:12px;
 border-bottom:1px solid #eee;
 position:relative;
}
.add_object_form li:first-child, .add_object_form li:last-child {
 border-bottom:1px solid #777;
}
.add_object_form h2 {
 margin:0;
 display: inline;
}
.add_object_form label {
 width:150px;
 margin-top: 3px;
 display: inline;
 float: center;
 padding: 3px;
}
.add_object_form input {
 height:40px;
 width:300px;
 padding:5px 8px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 -moz-transition: padding .25s;
 -webkit-transition: padding .25s;
 -o-transition: padding .25s;
 transition: padding .25s;
}
.add_object_form textarea {
 height:70px;
 width:250px;
 padding:5px 8px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 -moz-transition: padding .25s;
 -webkit-transition: padding .25s;
 -o-transition: padding .25s;
 transition: padding .25s;
}
.add_object_form textarea {padding:8px; width:300px;}
.add_object_form button {margin-left:156px;}
.add_object_form input:focus {
  background: #fff;
  border:1px solid #555;
  box-shadow: 0 0 3px #aaa;
  margin-left: 35px;
}
/*Конец*/
.plan_form h4, .plan_form label {
    font-family: Arial, serif;
    }
.form_hint, .required_notification {font-size: 11px;}
.plan_form li:first-child, .plan_form li:last-child {
    border-bottom:1px solid #777;
}
.plan_form ul {
 width:100%;
 text-align: center;
 list-style-type:none;
 list-style-position:outside;
 margin:0px;
 padding:0px;
}
.plan_form li{
 padding:12px;
 border-bottom:1px solid #eee;
 position:relative;
}
.plan_form li:first-child, .plan_form li:last-child {
 border-bottom:1px solid #777;
}
.plan_form h2 {
 margin:0;
 display: inline;
}
.plan_form label {
 width:150px;
 margin-top: 3px;
 display: inline;
 float: center;
 padding: 3px;
}
.plan_form input {
 height:30px;
 width:220px;
 padding:5px 8px;
 border:1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius:2px;
 -moz-transition: padding .25s;
 -webkit-transition: padding .25s;
 -o-transition: padding .25s;
 transition: padding .25s;
}
.plan_form textarea {padding:8px; width:300px;}
.plan_form button {margin-left:156px;}
.plan_form input:focus {
  background: #fff;
  border:1px solid #555;
  box-shadow: 0 0 3px #aaa;
  margin-left: 35px;
}
@media (max-width: 767px){
    .content {
        padding: 60px 0px 0px 0px;
    }
}
.system_info{
    display: block;
    min-height: 50px;
    min-width: 100px;
    box-shadow: 0 0 10px #000;
    background-color: transparent;
    padding: 10px 5px 5px 10px;
    margin: 10px 0px 0px 10px;
}
.system_info_center{
    display: block;
    min-height: 50px;
    min-width: 100px;
    text-align: center;
    box-shadow: 0 0 10px #000;
    background-color: transparent;
    padding: 10px 5px 5px 10px;
    margin: 10px 0px 0px 10px;
}
.objects__list{
    display: block;
    min-height: 50px;
    min-width: 100px;
    padding: 0px 0px 0px 5px;
    margin: 10px 0px 0px 5px;
    z-index: 3;
}
.objects__list li{
    list-style: none;
    padding: 0px 0px 0px 5px;
    margin: 5px 0px 0px 0px;
}
@media (max-width: 767px){
    body.lock {
        overflow: hidden;
    }
	  .header__logo{
		flex: 0 0 40px;
    }
	  .header_body{
		height: 50px;
    }
    .header_burger{
        display: block;
        position: relative;
        width: 30px;
        height: 7px;
	    z-index: 3;
    }
	  .header_burger span{
		position: absolute;
		background-color: #fff;
		left: 0px;
		width: 100%;
		height: 2px;
		top: 10px;
    transition: all 0.3s ease 0s;
	  }
	  .header_burger:before,
	  .header_burger:after{
		content: '';
		background-color: #fff;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0px;
    transition: all 0.3s ease 0s;
	  }
	  .header_burger:before{
		top: 0px;
	  }
	  .header_burger:after{
		bottom: 0px;
	  }
    .header_burger.active span{
        transform: scale(0);
    }
    .header_burger.active:before{
        transform: rotate(45deg);
        top: 3px;
    }
    .header_burger.active:after{
        transform: rotate(-45deg);
        bottom: 3px;
    }
	  .header_menu{
    	position: fixed;
		top: -100%;
		left: 0px;
		width: 100%;
		height: 100%;
    overflow: auto;
		background-color: #18b5a4;
        padding: 70px 10px 20px 10px;
        transition: all 0.3s ease 0s;
	  }
    .header_menu.active{
        top: 0px;
    }
    .header_list{
        display: block;
    }
    .header_list li{
    list-style: none;
    margin: 0px 0px 20px 0px;
    }
}
 [data-tooltip] {
    position: relative; /* Относительное позиционирование */ 
   }
   [data-tooltip]::after {
    content: attr(data-tooltip); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 250px; /* Ширина подсказки */
    left: 0; top: -1em; /* Положение подсказки */
    background: #3989c9; /* Синий цвет фона */
    color: #fff; /* Цвет текста */
    padding: 0.5em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: 1s; /* Время появления подсказки */
    z-index: 3;
   } 
   [data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: -2em; /* Положение подсказки */
   }
   /*Всплывающая подсказка для редактирования 4 плана*/
   [data-tooltip-4] {
    position: relative; /* Относительное позиционирование */ 
   }
   [data-tooltip-4]::after {
    content: attr(data-tooltip-4); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 250px; /* Ширина подсказки */
    left: 0; top: -1em; /* Положение подсказки */
    background: #3989c9; /* Синий цвет фона */
    color: #fff; /* Цвет текста */
    padding: 0.5em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: 1s; /* Время появления подсказки */
    z-index: 3;
   } 
   [data-tooltip-4]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: -2em; /* Положение подсказки */
   }
   .act_button_form {
    display: none;
   }
.scroll-right:after {
	content: '';
	display: block;
	width: 15px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 15px 100%;
	background-position: 100% 0%;
}
.scroll-left:before {
	content: '';
	display: block;
	width: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
	background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 15px 100%;
}
table.iksweb{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;}
	table.iksweb th{font-weight:500;font-size:14px; color:#000508;background-color:#d4b353;}
	table.iksweb td{font-size:13px;color:#0e0f0f;}
	table.iksweb td,table.iksweb th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #354251;}	table.iksweb tr:hover{background-color:#ace1e6}
	table.iksweb tr:hover td{color:#354251;cursor:default;}
	.mobile-table{width: 100%; max-width: 100%; overflow-x: auto;}