/*Обнуление.  @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 20px 20px 20px;
}
.content_text{
    font-size: 16px;
    line-height: 25px;
}
.content_text p{
	 text-align: justify;
    text-indent: 30px;
    margin: 0px 0px 0px 0px;
}
.content_text ul, ol, li{
	 text-align: justify;
    padding: 5px 10px 5px 20px;
}
.content_text h1, h2, h3, h4, h5{/*не работает*/
	 display: flex;
  	 flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1ch;
	 margin-top: 20px
    padding: 5px 10px 5px 20px;
}
.gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  padding: 15px 15px;
}
.subscript {
  font-size: 0.8rem;
}
/* кнопка*/
.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: #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: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 #fe6637;
  font-family: 'Montserrat', sans-serif;
  color: red;
  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: #fe6637;
  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-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-af: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-af:hover {
  background: #36c8ff;
  color: #fff;
}
.shine-button-af:hover:before {
  left: 700px;
  transition: .4s ease-in-out;
}
.login_form h4, .login_form label {
    font-family: Arial, serif;
    text-transform: uppercase;}
.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{
 text-align: center;
 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,h3,h4 {
 text-align: center;
 margin:0;
 display: inline;
}
.login_form label {
 width:150px;
 margin-top: 3px;
 display: block;
 float: left;
 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 {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;
}
.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;
}

.decision textarea {
    resize: both;
    display: inline-block;
    overflow: auto;
    min-width: 15%;
    max-width: 95%;  
}

figure {
 width: 40%; /* Ширина области */
 height: 30%; /* Высота области */
 display: block;
 margin: auto;
}
figure img { 
 width: 100%; /* Ширина изображений */
 height: 100%; /* Высота изображении */
 object-fit: cover; /* Вписываем фотографию в область */
}
@media (max-width: 767px){
    .content {
        padding: 60px 0px 0px 0px;
    }
    figure {
 		width: 70%; /* Ширина области */
 		height: 60%; /* Высота области */
 		display: block;
 		margin: auto;
	}
	figure img { 
 		width: 100%; /* Ширина изображений */
 		height: 100%; /* Высота изображении */
 		object-fit: cover; /* Вписываем фотографию в область */
	}
	.content_text p{
	 	text-align: justify;
    	text-indent: 15px;
    	margin: 0px 0px 0px 0px;
	}
	.content_text ul, ol, li{
	 	text-align: justify;
    	padding: 3px 5px 3px 20px;
	}
	.content_text h1,h2,h3,h4,h5,h6{
		text-align: center;
    	padding: 3px 5px 3px 10px;
	}
	 .system_info_decision{
    	display: block;
    	min-height: 50px;
    	min-width: 100px;
    	font-size: 0.8rem;
    	box-shadow: 0 0 5px #000;
   	background-color: transparent;
    	padding: 10px 5px 5px 10px;
    	margin: 5px 0px 0px 5px;
	 }
	 .subscript {
    	font-size: 0.5rem;
	 }
}
.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_decision{
    display: block;
    min-height: 50px;
    min-width: 100px;
    box-shadow: 0 0 10px #000;
    background-color: transparent;
    padding: 20px 10px 10px 20px;
    margin: 10px 5px 5px 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;
    }
}

.title_div {
	justify-content: center;
	align-items: center;
	text-align: center;
   border-top:1px solid #777;
}

/*Разметка для плана 4*/
.plan_four { 
  display: grid;
  grid-template-areas: 
    "header_1 header_2 header_3 header_4 header_5 header_6 header_7 header_8"
    "cont_1 cont_2 cont_3 cont_4 cont_5 cont_6 cont_7 cont_8";
  grid-template-rows: auto;  
  grid-template-columns: auto;
  grid-auto-flow: row;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  margin: 10px;
  padding: 10px;
  background: white;
  }  
@media (max-width: 767px) {
  .plan_four { 
    display: grid;
    grid-template-areas: 
      "header_1 cont_1"
      "header_2 cont_2"
      "header_3 cont_3"
      "header_4 cont_4"
      "header_5 cont_5"
      "header_6 cont_6"
      "header_7 cont_7"
      "header_8 cont_8";
    grid-template-rows: auto;  
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    margin: 10px;
    padding: 10px;
 }
}
#header_1 {
  grid-area: header_1;
  background: LemonChiffon;
  }
#header_2 {
  grid-area: header_2;
  background: LemonChiffon;
  }
#header_3 { 
  grid-area: header_3; 
  background: LemonChiffon;     
  }
#header_4 { 
  grid-area: header_4; 
  background: LemonChiffon;     
  }
#header_5 { 
  grid-area: header_5; 
  background: LemonChiffon;     
  }
#header_6 { 
  grid-area: header_6; 
  background: LemonChiffon;     
  }
#header_7 { 
  grid-area: header_7;      
  background: LemonChiffon;
  }
#header_8 { 
  grid-area: header_8;
  background: LemonChiffon;      
  }
#cont_1 { 
  grid-area: cont_1; 
  }
#cont_2 { 
  grid-area: cont_2; 
  }
#cont_3 { 
  grid-area: cont_3; 
  }
#cont_4 { 
  grid-area: cont_4; 
  }
#cont_5 { 
  grid-area: cont_5; 
  }
#cont_6 { 
  grid-area: cont_6; 
  }
#cont_7 { 
  grid-area: cont_7; 
  }
#cont_8 { 
  grid-area: cont_8; 
  }
/*Конец разметки для плана 4*/
 [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;
   }
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;}
.table_decision {
	width: 100%;
	border: none;
	margin-bottom: 0px;
}
.table_decision thead th {
	padding: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #444441;
	border-top: 2px solid #716561;
	border-bottom: 2px solid #716561;
}
.table_decision tbody td {
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #444441;
	border-top: 1px solid #716561;
}
/* для элемента radio */
 .radiobtn {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.radiobtn + label {
  position: relative;
  padding: 0 0 0 40px;
  cursor: pointer;
}
.radiobtn + label:before {
  content: " ";
  position: absolute;
  top: -3px;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 0px;
  border: 1px solid #161201;
  background: #ffffff;
}
.radiobtn + label:after {
  content: " ";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 15px;
  height: 15px;
  border-radius: 0px;
  background: #16dc28;
  box-shadow: 0px 0px 2px 1px #767676 inset;
  opacity: 0;
  transition: .2s;
}
.radiobtn:checked + label:after {
  opacity: 1;
}
.radiobtn:focus + label:before {
  box-shadow: 0px 0px 4px 1px #4d4438;
}