body {  color: var(--mainfontcolor); background: var(--mainbgcolor); font-family: var(--mainfont); font-size: var(--mainfontsize); line-height: var(--mainlineheight); }
a { color: var(--mainlinkcolor); cursor: pointer; }
a:hover { color: var(--highlightcolor);}

textarea { font-family: var(--polefont);  font-size: var(--polefontsize); }

h1, h2, h3, h4, h5 { font-family: var(--zagfont); font-weight: 600; font-style:normal; text-align: left; color: var(--zagcolor); line-height:28px; text-rendering: optimizeLegibility;
 text-size-adjust: 100%; visibility: visible; word-break: break-word;
 word-wrap: break-word; -webkit-font-smoothing: antialiased; text-transform:none; }

h1 { font-size: 30px; line-height: 34px; padding: 10px;}
h2 { padding-bottom: 20px;  font-size:24px; line-height:32px; margin-top: 40px;  }
h3 { padding-bottom: 20px; font-size: 20px; line-height:25px; margin-top: 30px; }
p { padding-bottom: var(--padbot_main); font-family: var(--pfont); font-size: var(--fontsize_main); line-height: var(--lineheight_main); }
.comment, .ser { font-size: var(--fontsize_mini); }
.krupnee {  font-size: var(--fontsize_krupnee);  line-height: var(--lineheight_krupnee);}

.big1 { font-size: 28px; line-height: 38px;}

.pole { min-width: 350px; max-width: 350px; padding: 5px; border: 1px /*#F8F5F1 /*#FFC05C*/ #b3deff /* #e3646c*/ solid; border-radius:5px;
background: var(--polebg);}
.w_350 {min-width: 350px;}
.w_250 {min-width: 250px; width: 250px; max-width: 250px;  }
.w_200 {min-width: 200px; width: 200px;  max-width: 200px;  }
.w_150 {min-width: 150px; width: 150px; max-width: 150px;  }
.w_100 {min-width: 100px; width: 100px;  max-width: 100px; }
.w_50 {min-width: 50px;  max-width: 50px; }
.w_35 {min-width: 35px;  max-width: 35px; }
.poleunlim { width: 100%; padding: 5px; border: 1px /*#F8F5F1 /*#FFC05C*/ #b3deff /* #e3646c*/ solid; border-radius:5px;
background: #F8F5F1; /*#FFF7EB; /* #FFEEE2;*/}
.nepole { padding: 5px; background: none; border: 0px; }

.content_msg {padding: 15px 25px;  background-color:#EFE6DD; border-radius:10px; margin-bottom: 20px;  }
.msg {padding: 15px 25px;  background-color: #FEC8AF; /* #EFE6DD;*/ border-radius:10px; margin-bottom: 20px; }
.msg a { color: #3476AD;}
.msg a:hover { color: var(--col1); }


.vyd1 { background: #FC814A;/* #EBF7FF;*/ border-radius: 15px; padding: 5px 15px;}

#glaz { position: relative; top: 10px; }

button, .but { min-height: 26px; font-size: var(--buttonfontsize); cursor:pointer; background-color: var(--buttonbg); border-radius:5px; color: var(--buttonfontcolor); text-decoration: none;
 padding: 7px; margin-right: 10px; margin-bottom: 10px; border: var(--buttonborder); border-radius:5px; }
button:hover, .but:hover  { background-color: var(--buttonbg_hover); color: var(--buttoncolor_hover); border: var(--buttonborder_hover);}
button:active { background-color: var(--buttonbg_active);}
.intable {margin: auto;}


table { border-collapse:collapse; margin-bottom: 20px; }
thead { position: sticky; top: 134px; }
thead tr:first-child td {padding: 10px 15px; background: var(--gradient1); font-weight: 600; vertical-align: middle; text-align: center;}
.bg { background: var(--tablebordercolor); }

.st { border-collapse:collapse; margin-bottom: 20px; }
.st thead { position: sticky; top: 134px; }
.st thead tr:first-child td {padding: 10px 15px; background: var(--tableheadcolor2);
/*#FEC8AF; /* #EFE6DD;/* #e6f4ff;*/ font-weight: 600; vertical-align: middle; text-align: center;}
.st { border: 1px #EFE6DD solid; min-width: 60%; }
.st td { padding: 5px 3px; border: 1px #EFE6DD solid; vertical-align: top; }
.st tr:nth-child(even) { background: var(--tablevydtr);}

@media screen and (max-width: 700px) {
thead { position: sticky; top: 79px; }
.st thead { position: sticky; top: 79px; }
}
@media screen and (orientation: portrait) {
thead { position: sticky; top: 79px; }
.st thead { position: sticky; top: 79px; }
}

.toright { position: relative; float:right; right: 1%; padding-left: 50px; max-width: 300px;}
.border_round { border-radius: 15px; }


/* Page construction */
.page_container { display: flex; flex-direction: row; margin: 0; margin-top: 50px; background-color: var(--mainbgcolor); }
.page_leftmenu { flex: 15%; min-width: 250px; min-height: 100vh;  background-color: var(--mainbgcolor); width: 250px; /* height: 100%;*/
 transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in;
  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding-top: 10px;
    }
.menu { padding: 1em;  }
.page_main { flex: 85%;  padding-right: 1rem; padding-bottom: 1rem;}
.main_content {  background:  var(--contentbg);
border: var(--contentborder); border-radius: 0 0 15px 15px; padding: 40px 50px; padding-top: 10px; min-height: 60vh;}
.main_content_vkladki { border-radius: 0 15px 15px 15px; background:  var(--contentbg);
border: var(--contentborder); padding: 40px 50px; padding-top: 10px; min-height: 60vh; }
.bottom { display: flex; width: 100%; }

@media screen and (max-width: 700px) {
.page_leftmenu { display:none; }
.page_main { flex: 80%; padding: 1rem;}
.page_container { margin-top: 0;}
}
@media screen and (orientation: portrait) {
.page_leftmenu { display:none;  }
.page_main { flex: 80%; padding: 1rem;}
.page_container { margin-top: 0;}
}

.double { display: flex; flex-direction: row;  }
.vid2 { flex: 50%; background: white; margin: 0.5em; margin-bottom: 1em; margin-top: 1em; border-radius: 15px; padding: 50px;}
.vid2:first-child { margin-left: 0;}
.vid2:last-child { margin-right: 0;}

/*Topmenu*/
.topmenu_container { position: fixed; top:0; display: flex; background-color: var(--topmenu_color); width: 100%; height: 50px; z-index: 110; }
.topmenu_left_logo_place { flex-grow: 0; flex-shrink: 0; flex-basis: 250px;  }
.topmenu_left_logo { height: 40px; padding: 5px 30px; }
.topmenu_left_logo2 {  max-width: 120px;  width: 120px; height: auto; padding-right: 30px; }

.topmenu_container a {text-decoration: none;}
.topmenu_container a:hover {text-decoration: underline; }

.topmenu_mid_punkts_container { flex-grow: 1; display: flex; justify-content: flex-start; align-items: center; }
.topmenu_mid_punkts_container a { margin-left: 50px; color: var(--topmenu_button_font_color); font-family: var(--topbuttonfont);}
.topmenu_button { padding: 8px; margin: 5px; color: var(--topmenu_button_font_color); text-decoration: none;  border: 1px solid gray; border-radius: 5px;
font-family: var(--topbuttonfont); }
.topmenu_button:hover { border: 1px solid var(--topmenu_button_hover); color: var(--topmenu_button_hover); }
.topmenu_button_show_mob { padding: 8px; margin: 5px;  color: var(--topmenu_button_font_color); text-decoration: none;  border: 1px solid gray; border-radius: 5px;}
.topmenu_button_show_mob:hover { border: 1px solid var(--topmenu_button_hover); color: var(--topmenu_button_hover); }
.topmenu_mobile { display: none; position: sticky; top: 0; background: var(--mainbgcolor); min-height: 45px; }

@media screen and (max-width: 700px) {
.topmenu_button { display:none;  }
.topmenu_container { display:none;  }
.topmenu_mobile { display: block;  background-color: var(--mainbgcolor) !important; width: 100%; position: sticky; z-index: 1000; min-height: 45px;}
}
@media screen and (orientation: portrait) {
.topmenu_button { display:none;  }
.topmenu_container { display:none;  }
.topmenu_mobile { display: block;  background-color: var(--mainbgcolor) !important; width: 100%; position: sticky; z-index: 1000; min-height: 45px;}
}
.mobile_topbutton { position: absolute; top: 0; left: 50px;}
.mobile_help { position: absolute; top: 0; left: 100px; }
.mobile_loginplace { position: absolute; top: 0; right: 15px; padding: 10px;}

.topmenu_right_userdata {  flex-grow: 0; flex-shrink: 0; flex-basis: 300px; display: flex; align-items: center;  justify-content: flex-end; }

.topmenu_login_place {   display: flex; align-items: center; justify-content: center;
 /*background-color: #e3646c; */ border-radius:5px;  padding: 5px; margin: 5px;  }
.topmenu_login_place .icon { border: 1px sold black;}
.topmenu_login_place a { padding: 5px; color: white; text-decoration: none; font-family: var(--topbuttonfont); font-size: 14px; }
.topmenu_login_place a:hover { color: var(--topmenu_button_hover); }
/*.topmenu_left_logo_place a { text-decoration: none;}*/
.role { font-family: var(--topbuttonfont); font-weight: 600; color: var(--topmenu_button_font_color); margin-right: 30px; font-size: 16px;  }


/*Logo*/
.logo_cont { display: flex; flex-direction: row;  margin-left: 50px;}
.logo_nadpis { display: flex; flex-direction: column;  padding-top: 7px;}
.nazv { font-size: 20px; font-family: "Montserrat", sans-serif;  color: #ebebeb;   font-optical-sizing: auto; font-weight: 700; font-style: normal; }
.podp { font-size: 16px; font-family: "Montserrat", sans-serif;  color: #ebebeb;   font-optical-sizing: auto; font-weight: 400; font-style: normal;}

/*Mobile Menu*/
.mobile-menu__btn { position: relative; display: flex;  align-items: center;  justify-content: center; width: 35px;  height: 30px;  cursor: pointer;  transition: .4s;}
.mobile-menu__icon {  display: block;  position: relative; background: var(--topmenu_color);  width: 90%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after, .mobile-menu__icon::before {  content: "";  display: block; position: absolute;  background: var(--topmenu_color);  width: 100%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after { top: 8px;}
.mobile-menu__icon::before { top: -8px;}
.mobile-menu__checkbox { display: none; }

#checkbox:checked ~ #mobile-menu {opacity: 1; display: block;}
#checkbox:checked ~ .mobile-menu__checkbox {}
#checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {background: transparent;}
#checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after { top: 0;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.menulogo {width: 50px;}

.mobmn { position: fixed; text-align: center;  display: flex; flex-direction:column; align-items: center; justify-content: center;  top: 50px;  left: 0;  right: 0;  z-index: 999;  opacity: 1; transition: .5s; overflow-x: hidden;
background-color: var(--topmenu_color); display:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#checkbox:checked ~ .mobmn {display: block; }

.mob_lev1 { display: block; cursor: pointer; padding: 0; color: #4D4D4D;  border-bottom: 1px solid #CCC;  position: relative;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;  font-family:  var(--topbuttonfont);  font-size: 16px; font-weight: 600; }
.mob_lev1_zag {  padding: 15px;  font-family:  var(--topbuttonfont); color: white; text-decoration: none;  font-size: 16px; font-weight: 600; }
.mob_lev1:hover{ background: var(--col4); /*#ADDCFF;*/}

.submenu { display: none; background: var(--col3); font-size: 14px; }
.submenu li { border-bottom: 1px solid #4b4a5e; }
/*.submenu a { display: block; text-decoration: none; color: gray; padding: 12px; padding-top: 25px; -webkit-transition: all 0.25s ease;
 -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.submenu a:hover { background: #e0f2ff; }*/
.submenu a:hover { background: var(--col2); /* #e0f2ff;*/ }

.hidingblock { display: none; }
.hiding_show { display: block; }
.hidingblock a { text-decoration: none; }
.hidingblock div { margin: 5px !important; padding: 10px 3px; cursor:pointer; }
.hidingblock div:first-child { padding-top: 4px; }
.hidingblock div:hover { color: #b3b3b3 !important; }
.punkt_active { /*border-left: 1px solid #d4d4d4 !important;*/ color: #b3b3b3 !important; cursor: default !important; /*#b3b3b3;*/ }


/* leftmenu */
.nav-toggle { /*position: absolute; right: 0; top: 0;*/ /*left: 300px; top: 80px;*/ padding: 10px; color: #F26928;  cursor: pointer;
  font-size: 1.2em;  line-height: 1; z-index: 5001; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; transition: color .25s ease-in-out; }
.nav-toggle:after { content: '\002190'; text-decoration: none; }
.nav-toggle:hover { color: #3F88C5; }

[id='menuswitch']:checked ~ .page_leftmenu .nav-toggle:after { content: '\2192'; text-decoration: none;  }
[id='menuswitch']:checked ~ .page_leftmenu { flex: 2%; min-width: 40px; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in;
-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;  }
[id='menuswitch']:checked ~ .page_main { flex: 96%; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in;
-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
[id='menuswitch']:checked ~ .page_leftmenu .menu { display:none;  }

.page_leftmenu_sod { padding: 2rem;  position: sticky; top: 100px; line-height: var(--lineheight_krupnee); align-self: flex-start; }

.menu_lev1 { cursor: pointer; padding: 1rem; font-weight: 600;  font-family: var(--topbuttonfont);}
.hidingblock { display: none; }
.open { display: block !important; padding-bottom: 1rem; }
.open a { padding: 1rem; display: block; font-family: var(--topbuttonfont); -webkit-transition: all 0.25s ease;
 -o-transition: all 0.25s ease; transition: all 0.25s ease;}
/*.open a:hover { background: var(--col2); /* #e0f2ff;*/


@media screen and (max-width: 700px) {
.page_leftmenu { display:none; }
.page_main { flex: 80%; padding: 1rem;}
.page_container { margin-top: 0;}
}
@media screen and (orientation: portrait) {
.page_leftmenu { display:none;  }
.page_main { flex: 80%; padding: 1rem;}
.page_container { margin-top: 0;}
}

/* управление */
.main_vars { margin: 0; display: flex; flex-wrap: wrap; max-width: 80vw; z-index: 10; line-height: 14px;}
/*.vars_title { font-size: 14px;  font-weight: 400; color: #191919; line-height: 28px; }*/
/*.vars_link { font-size: 14px;  font-weight: 400; line-height: 28px; }*/
.main_vars:first-child { margin-top: 16px;  }
.main_vars:last-child { margin-bottom: 5px; }
.main_vars a { margin-right: 25px; margin-bottom: 10px; }
.main_vars span { margin-right: 25px; }
.main_vars .vars_active { text-decoration: none; background: var(--vars_menuactive_bg); padding: 5px;
 margin-top: -5px;  margin-bottom: 10px; margin-right: 20px; }
.menuactive { text-decoration: none; background: var(--vars_menuactive_bg); padding: 5px;
 margin-top: -5px;  margin-bottom: 10px; margin-right: 20px; }
@media screen and (max-width: 700px) {
.main_vars { max-width: 85vw;  justify-content: center; margin: 0 auto; margin-top: 50px; gap: 10px 25px; }
.main_vars a { padding: 5px; margin-right: 0px; margin-bottom: 0px; }
.main_vars span { margin-right: 0px; }
.main_vars .vars_active { padding: 5px; margin-top: 0px;  margin-bottom: 0px; margin-right: 0px; }
.main_vars:first-child {  margin-top: 0px;}
}
@media screen and (orientation: portrait) {
.main_vars { max-width: 85vw; justify-content: center;  margin: 0 auto; margin-top: 50px; gap: 10px 25px;   }
.main_vars a { padding: 5px; margin-right: 0px; margin-bottom: 0px; }
.main_vars span { margin-right: 0px; }
.main_vars .vars_active { padding: 5px; margin-top: 0px;  margin-bottom: 0px; margin-right: 0px; }
.main_vars:first-child {  margin-top: 0px;}
}

.mob_ssilki { margin-top: 50px; display: flex; flex-direction: column; flex-wrap: wrap; max-width: 80vw; gap: 20px; font-size: var(--fontsize_krupno); }
.mob_ssilki a { padding: 10px; border-radius: 10px; }
.mob_ssilki a:hover { background: var(--buttonbg_hover); color: white; }
.mob_ssilki .vars_active { text-decoration: none; background: var(--vars_menuactive_bg); padding: 10px; border-radius: 10px; }

.main_zag { display: flex; flex-wrap: wrap; align-items: center; margin-left: 50px; margin-top: 20px; /*margin: 0.8rem; */}
.zag_before { margin-right: 20px; font-size: 22px; color: var(--zag_before_color); font-family: var(--topbuttonfont); font-weight: 600; }
.zag_zag { margin-right: 20px; color: var(--zag_color);  }
.zag_after { color: var(--zag_after_color); margin-right: 40px; }
.zag_status { padding: 5px; background: #F8F5F1; border-radius: 15px; color: gray;}
.status_status { color: gray; }

@media screen and (max-width: 700px) {
.main_zag { flex-direction: column; font-size: 18px !important; justify-content: center; padding-right: 0 !important; margin-top: 50px; margin-left: 0px;
 max-width: 90vw; boz-sizing: border-box;}
.zag_zag { margin-right: 0; text-align: center; }
.zag_after { margin-right: 0; padding-bottom: 15px; text-align: center;  }
.zag_before { margin-right: 0; text-align: center;}
}
@media screen and (orientation: portrait) {
.main_zag { flex-direction: column; font-size: 18px !important; justify-content: center; padding-right: 0 !important; margin-top: 50px; margin-left: 0px;
 max-width: 90vw; boz-sizing: border-box;}
.zag_zag { margin-right: 0; text-align: center; }
.zag_after { margin-right: 0; padding-bottom: 15px; text-align: center; }
.zag_before { margin-right: 0; text-align: center;}
}

.main_buttons { display: flex; flex-direction: column;  background: var(--mainbgcolor); position: sticky; top: 50px; z-index: 90; }
.main_buttons a { background-color: var(--buttonbg); border-radius:5px; color: var(--buttonfontcolor); text-decoration: none;
 padding: 7px; margin-right: 10px; margin-bottom: 10px; border: var(--buttonborder); /*color: white;*/}
.main_buttons a:hover { background-color: var(--buttonbg_hover); color: var(--buttoncolor_hover); border: var(--buttonborder_hover);}
.main_buttons a:active { background-color: var(--buttonbg_active); color: var(--buttoncolor_hover);}
@media screen and (max-width: 700px) { .main_buttons { margin-left: 0; margin-right: 0; justify-content: center; display:none; }}
@media screen and (orientation: portrait) { .main_buttons { margin-left: 0; margin-right: 0; justify-content: center; display:none;}}

.main_buttons_bts { z-index: 90; display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
justify-content: var(--btsjustifycontent); background: var(--btsbg); border-radius: var(--btsborderraduis); margin: var(--btsmargin); padding: var(--btspadding);}

.main_buttons_white {min-height: 35px; background: var(--contentbg); border-radius:15px 15px 0 0; width: 100%; z-index: 90; display: flex; flex-direction: row; /*position: sticky; top: 91px;*/}
.main_buttons_vkl {min-height: 35px; background: var(--mainbgcolor); /*border-radius:15px 15px 0 0;*/ width: 100%; z-index: 90; position: sticky; top: 100px; display: flex; flex-direction: row;}
.main_buttons_bts a { background-color: var(--buttoncolor); border-radius: 5px; color: rgb(41, 41, 41); padding: var(--btsbuttonpadding); margin: var(--btsbuttonmargin);
/*margin-right: 10px; margin-bottom: 10px;*/ border: 0px #dc3943 solid; /*color: white;*/ display: flex; flex-direction: row; align-items: center; height: 20px; min-height: 20px;}

@media screen and (max-width: 700px) {
.main_buttons_vkl { top: 45px; }
}
@media screen and (orientation: portrait) {
.main_buttons_vkl { top: 45px; }
}

/* Vkladki*/
.vkl_button { background: var(--vkladkainactivebg); min-width: 150px; height: var(--vkladkaheight); border-radius: 15px 15px 0 0; display: block; position: relative;
  display: flex; flex-direction: row; justify-content: space-between; margin-right: 10px; cursor:pointer; color: var(--vkladkafontcolor);}
.act { background: var(--vkladkaactivebg) !important; }
.vkl_text { padding: 10px;}
.unit20w { display: block; min-width: 20px; width: 20px; min-height: 10px;}
.vkladka {display: none;}
.active { display:block;}

@media screen and (max-width:600px) {
.vkl_text {  font-size: 14px; }
.vkl_button { min-height: 50px; }
}

/* Help */
#help {background: var(--helpbg); border-left: 1px solid var(--helpborder);  border-bottom: 1px solid var(--helpborder);
padding-left: 100px; padding-top: 0; width: 50%;  z-index: 0;  position: absolute; right: 0;  top: 0;
min-height: 0; height: 0; border-radius: 0 0 0 25px; display: none; min-height: 100vh; z-index: 100; height: auto; padding-top: 100px;}
.help_close {position: absolute; left: 30px; top: 80px; font-family: var(--pfont); font-size: 24px; font-weight: 700;
 line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; text-decoration: none;}
.help_close:focus, .help_close:hover {color: #000; text-decoration: none; cursor: pointer; opacity: .75;}

@media screen and (max-width: 700px) {
#help { border-bottom: 1px solid var(--helpborder); border-left: 0px; box-sizing: border-box;
padding-top: 70px; width: 99% !important; min-width: 100vw; border-radius: 0; display: none; min-height: 100vh; z-index: 100; height: auto;
 padding-left: 30px;}
.help_close { top: 60px; color:red;}
}

@media screen and (max-width: 1000px) {
#help { width: auto; margin: 0 auto; position: absolute; right: 0;  top: 0; }}
.help_img { border: 1px solid var(--helpimgborder);}

.container {width: 99%; padding-left: 100px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center;}
.four-wrapper { display:block; width: 23%; float: left; text-align:left; font-family: var(--font1); font-size: var(--fontsize_mini); line-height:20px;}
@media screen and (max-width:750px) {
.container {padding-left: 0; }
.four-wrapper {width: 45%; max-width: 45vw; padding-left: 20px; }}
@media screen and (max-width:500px) {
.four-wrapper { width: 90%; max-width: 85vw; padding-left: 20px; background: red; }
.container {padding-left: 0; }
}
.column2 { display: flex; padding: 20px; flex-direction: column; gap: 10px; max-width: 400px; margin: 0 auto;}

.docimg { max-width: 75vw; border: 1px solid var(--mainlinkcolor); cursor:pointer; }
.img_big { max-width:100%; width: auto; height:auto; display:block; object-fit: contain; cursor:pointer; }

#help .docimg { max-width: 45vw; }

.hidden { display: none;}
.data_hidden { display: none;}





 /*Модальное окно*/
/* свойства модального окна по умолчанию */
.modal { position: fixed; top: 0;    right: 0;    bottom: 0;    left: 0;
  background: rgba(0,0,0,0.5); /* цвет фона */  z-index: 1050;
  opacity: 0; -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none; margin: 0; padding: 0;}
/* при отображении модального окно */
.modal:target {  opacity: 1; pointer-events: auto; overflow-y: auto;}
.modal-dialog { position: relative; width: auto; max-width: 800px; margin: 10px auto;}
.modal-dialog_wide { position: relative; width: auto; max-width: 95vw; margin: 10px auto;}
/*@media (min-width: 576px) {  .modal-dialog { max-width: 500px; margin: 30px auto;}}*/
/* свойства для блока, содержащего контент модального окна */
.modal-content { 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: 0 25px 15px 25px; text-align: center; }
.modal-title {  margin: 0 auto; padding: 35px 25px 10px 25px; font-size: 1.25rem;}
@media (max-width: 400px) {  .modal-title { padding: 45px 15px 10px 15px;}}
/* свойства для кнопки "Закрыть" */
.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: #000; text-decoration: none; cursor: pointer; opacity: .75;}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {position: relative;  -webkit-box-flex: 1;    -webkit-flex: 1 1 auto;    -ms-flex: 1 1 auto;  flex: 1 1 auto; padding: 0 20px 20px 20px; overflow: auto;
/*font-family: 'lora'; font-size: 1rem; */ color: rgb(41, 41, 41); display: block; font-style: normal;
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px;
text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%;
visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased;
/* margin-right: auto; margin-left: auto;*/
}


.modal2 { position: fixed; top: 0;    right: 0;    bottom: 0;    left: 0;
  background: rgba(0,0,0,0.5); /* цвет фона */  z-index: 1050;
  opacity: 0; -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none; margin: 0; padding: 0;}
/* при отображении модального окно */
.show {  opacity: 1; pointer-events: auto; overflow-y: auto;}
.modal_pun_container { display: flex;}
.modal_nomer { flex-grow: 0;  flex-shrink: 0; flex-basis: 25px; font-size: 12px;  line-height: 14px; padding: 5px; padding-left: 15px; }
.modal_pun { padding: 5px;  font-size: 12px;  line-height: 14px; }

.tooltip { 	position: fixed; margin: 3px 0; 	border: 1px solid black; 	box-shadow: 1px 1px 5px gray; font-family: 'Arial', Arial, sans-serif;
	padding: 5px; 	border-radius: 5px; 	z-index: 800; 	background-color: #fff; 	transition: all ease .5s; }

.soglasovanie { padding: 20px; border-radius: 15px; background: #e6f4ff;}
.soglasovanie .pole { background: white;}
.zamechanie {  padding: 10px; border-radius: 5px; background: #e6f4ff; margin-bottom: 5px;}
.padbot0 { padding-bottom: 0px;}
.padbot1 { padding-bottom: 1px;}


.zam_modal {  position: fixed;   right: 0;    bottom: 0;    left: 0;   background: #e6f4ff; /*#EFE6DD;*/ border-top: 1px solid #3F88C5;
 opacity: 0; -webkit-transition: opacity 200ms ease-in;     -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in;
 padding-left: 100px; width: 100%; z-index: 0; height: 0; }
.zam_modal:target {    opacity: 1; pointer-events: auto; overflow-y: auto; z-index: 100; height: auto;}
.zam_close { position: absolute; right: 100px; top: 30px; 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; }
.zam_close:focus, .zam_close:hover {color: #000; text-decoration: none; cursor: pointer; opacity: .75;}
.zam_modal .pole { background: white;}


.doc {}
@media screen and (min-width: 1200px) {.doc { max-width: 800px; margin: 0 auto;  }}

.icon_edit { font-size: 18px;}

.panel { display: flex; flex-direction: row; align-items: center; padding-top: 10px; padding-bottom: 5px; background: white;}
.panel_btn {  display: flex; flex-direction: row; align-items: center; min-width: 25px; height: 20px; min-height: 20px; margin: 3px; padding: 5px;
background: #ebebeb; /*border: 1px solid var(--mainlinkcolor);*/ cursor: pointer; border-radius: 5px;}
.panel_img { border: 0px solid blue; padding-top: 5px; margin: 0 auto; }
.panel_btn:hover { background: var(--buttonactivecolor); color: var(--buttonactivefontcolor);}

.pad10 { padding: 10px;}
.bgwhite { background: red;}