.marklist { padding-left: 50px; padding-bottom: 20px;}
.mark1 { list-style-type: circle; line-height: 30px; font-size: 18px; font-family: var(--pfont);}
.mark1::marker { color: var(--markercolor); }



.istop { padding-top: 0px !important; margin-top: 0px !important; }

.buttonlink { background: none !important; border: none !important; color: var(--mainlinkcolor); text-decoration: underline; padding: 0px;
 margin: 0px; text-align: left; font-size: 14px; border-radius: none; min-height: 16px; }
.buttonlink:hover { color: var(--linkactivecolor);}


/* цвета */
.bglgreen {background: #ccffcc; background-color:#ccffcc;} /* светло-зеленый */
.bgroz {background: #FFEEE2; background-color:#FFEEE2;} /*светло-розово-оранженый - панель выбора варс */
.bglgray {background: #f2f2f2; background-color:#f2f2f2;} /* светло-серый */

.bglblue {background: #e6f4ff;}
.bgyell {background-color:#FDFEC2;}
.bgblue2 {background: #B3DEFF !important;}
.bgwhite {background: white !important;}
.lgray { background: #ebebeb;}
.bgred {background: #E3655B !important; color: white !important; } /*светло-розово-оранженый - панель выбора варс */
.bgred a {color: white !important; }

.bglgray { background: #D3BBB1 !important; font-weight: 600; padding: 10px;}
.bglgreen {  background: #E7EFE7;  }

.flex_container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: top; width: 99%;}
.two_wrapper {  width: 50%; max-width: 50%; padding: 15px;}
@media screen and (max-width: 700px) {
.flex_container {  flex-direction: column; flex-wrap: wrap; }
.two_wrapper { width: 95%; max-width: 95%;}
}

.reklamafon { background: #EBF7FF;  background: linear-gradient(-90deg, white 10%, var(--tableheadcolor) 100%); border-radius: 5px; padding: 20px;  line-height: 30px; font-family: "Roboto", sans-serif; font-size: 12px;}

.bigbutton {
  background-color: var(--bigbuttoncolor);
  border: none;   color: white;
  padding: 15px 32px;   text-align: center;
  text-decoration: none;   display: inline-block;
  font-size: 18px;   margin: 4px 2px;
  cursor: pointer;   min-width: 150px;
  border-radius: 10px;
  line-height: var(--lineheight_main);
  display: inline-flex; flex-direction: row; align-items: center; justify-content: center;
}
.bigbutton:hover { background-color: var(--col5); }

.st_promo { border-collapse:collapse; border: 1px var(--tableheadcolor) solid; background: white; vertical-align: top; margin-top: 20px; margin-bottom: 20px;
font-size: var(--fontsize_main); }
.st_promo td { padding:5px; padding-left: 15px; border: 1px var(--tableheadcolor) solid; vertical-align: top;  /*background: #F0F5FA;*/}

.row_container { display: flex; flex-direction: row; gap: 20px; max-width: 75vw; width: 75vw; margin: 0 auto; }
.row_elem { flex-grow: 0;  flex-shrink: 0; max-width: 250px; padding: 5px; padding-left: 15px;  border-radius: 25px; border: 1px solid var(--mainlinkcolor);  }
@media screen and (max-width: 700px) {
.row_container { flex-direction: column; }
 }

/*
.st_promo .pole { background-color: transparent; border: 2px solid transparent;}
.st_promo td .pole { background-color: transparent; border: 2px solid transparent;}
.st_promo .pole:active {  border: 2px solid #b3deff;}
.st_promo .pole:hover {  border: 2px solid #b3deff;}*/

.st_promo thead { position: sticky; top: 100px; }
.st_promo thead tr { background: var(--tableheadcolor); background: linear-gradient(180deg, white 10%, var(--tableheadcolor) 100%); }
.st_promo thead tr td {  padding: 15px;}
@media screen and (max-width: 700px) {
.st_promo thead { position: sticky; top: 44px;  }
 }

.tablemid { text-align: center; vertical-align: middle;}

.table_div { display: flex; flex-direction: column; gap: 5px; }
.table_div_big { display: flex; flex-direction: column; gap: 20px; }
.table_row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.table_row_big  { align-items: baseline; gap: 20px;}

@media screen and (max-width: 700px) {
.table_row { flex-wrap: wrap; }
.table_row_big  { margin-top: 50px; flex-wrap: wrap; gap: 10px;}
}
.table_cell { padding: 2px 2px; }

.bigcell { font-size: 18px;}

.table_row_with_form { padding-bottom: 10px; align-items: center;}
.table_cell_with_form { padding: 2px 2px; }


.st2 { border-collapse:collapse; border: 1px var(--tablebordercolor) solid; background: white; vertical-align: top; /*margin-top: 20px;*/ margin-bottom: 20px;}
.st2 td { padding:5px; border: 1px var(--tablebordercolor) solid; vertical-align: top; }
.st2 thead tr:first-child td { background: var(--tablebordercolor); }
.st2 thead td { background: var(--tablebordercolor); }

.td_uzk { max-width: 50px;  width: 50px; padding:5px; vertical-align: top;  }
.td_mid { max-width: 100px;  width: 50px; padding:5px; vertical-align: top;  }


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

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


.scrshot { border: 1px #e5e5e5 solid; max-height: 200px; min-height: 50px; max-width: 400px;}

.rounded { width:18px; height: 18px; padding: 7px;  border-radius:50%; background-color: var(--roundedcolor);
float:left; position: relative; top: 0px;  text-align: center;  margin-right: 1rem; line-height: 18px !important; font-size: 18px; color: white;}

.rounded_h3 { width:18px; height: 18px; padding: 8px; border-radius:50%; background-color: var(--roundedcolor);
float:left; position: relative; top: 25px;  text-align: center; margin-right: 1rem; font-size: 16px; color: white; font-family: var(--font1); font-weight: 600; }


.st_formset { border-collapse:collapse; border: 1px var(--tablebordercolor) solid; background: white; vertical-align: top; margin-top: 20px; margin-bottom: 20px;}
.st_formset td { padding:5px; border: 1px var(--tablebordercolor) solid; vertical-align: top;  /*background: #F0F5FA;*/ background: white;}
.st_formset .td_uzk { max-width: 50px;  width: 50px; padding:5px; border: 2px var(--tablebordercolor) solid; vertical-align: top;  }
.st_formset .td_mid { max-width: 100px;  width: 50px; padding:5px; border: 2px var(--tablebordercolor)/*#b3deff*/ solid; vertical-align: top;  }

.st_formset .pole { background-color: transparent; border: 2px solid transparent !important;}
.st_formset td .pole { background-color: transparent; border: 2px solid transparent !important;}
.st_formset .pole:active {  border: 2px solid #b3deff;}
.st_formset .pole:hover {  border: 2px solid #b3deff;}

.st_formset .podzag td{ background: var(--col1) !important; color:white; /*#3D314A */}
.podzag { background: var(--col1) !important; color:white; /*#3D314A */}
.podzag a { border-radius: 15px; background: white; padding: 3px 10px; font-size: 10px; margin-left: 10px;}
.podzagbutton { text-decoration: underline; padding: 0px; min-height: 18px; margin: 0px;  min-height: 20px; border-radius: 15px;
color: var(--mainlinkcolor); background: white; padding: 3px 10px; font-size: 10px; margin-left: 10px; color: var(--mainlinkcolor);
border: 0px;}
.podzagbutton:hover { color: var(--linkactivecolor); background-color: white; border: 0px;}
.podzagbutton:active { color: var(--linkactivecolor); background-color: white;}


.multiblock_container { display: flex; gap: 10px; flex-wrap: wrap; /*align-items: stretch;*/ justify-content: flex-start;}
.multiblock { border-radius: 15px; border: 1px solid #ebebeb; padding: 10px; }

@media screen and (max-width: 700px) {
.multiblock_container { max-width: 95vw; }
.multiblock {  }
}


.soc2 { width: 22px;  height: 20px; display: inline-block;  border-radius: 50%;margin-right: 5px; margin-bottom: -4px; }

.kletki_container { display: flex; gap: 10px; --kletka_size: 150px; flex-wrap: wrap; }
.kletka { background: red; border-radius: 15px; box-sizing: border-box; padding: 20px; min-height: var(--kletka_size); min-width: var(--kletka_size);
height: var(--kletka_size); width: var(--kletka_size); font-size: 16px;
display: flex; flex-direction: column; gap: 10px; }
.kletka:nth-child(1) {  background: linear-gradient(0deg, white 10%, var(--col1) 100%); }
.kletka:nth-child(2) {  background: linear-gradient(0deg, white 10%, var(--col2) 100%); }
.kletka:nth-child(3) {  background: linear-gradient(0deg, white 10%, var(--col4) 100%); }
.kletka:nth-child(4) {  background: linear-gradient(0deg, white 10%, var(--col5) 100%); }
.kletka_big { font-size: 36px;}

.martop_minus10 {margin-top: -10px;}
.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.padbot5 { padding-bottom: 5px;}


.tiny { padding: 0px; }
.tiny h1, .tiny h2. tiny h3 { padding-top: 0; }
.tiny ul li { list-style-type: none; }
.tiny ul li::before { color: #e3646c; content: "\2022";  padding-right: 10px; }
.tiny ul { padding-bottom: 20px; }
.tiny ol li::marker { color: #e3646c; font-weight: 600; background: #e3646c; }  /*sc-cMlSiz kdGfJV*/
.tiny ol li { padding-bottom: 20px; margin-left: 40px; }
.tiny ol { padding-bottom: 20px; }
.tiny p { padding-bottom: 0; }


.block_btn { padding: 5px; cursor:pointer; min-width: 15px; text-align: center;}
.block_btn:hover { background: var(--buttonactivecolor); color: var(--buttonactivefontcolor);}
.right_btn { margin-left: auto; }
.buttons_img { border: 0px solid blue; padding-top: 2px; margin: 0 auto; }


.register input { padding: 5px; border: 1px /*#F8F5F1 /*#FFC05C*/ var(--tablebordercolor) /* #e3646c*/ solid; border-radius:5px;
background: white; min-width: 100px;  font-size: var(--fontsize_main); }
.clearfix { clear:both; }

.setkacontainer { display: flex;  flex-direction: row; flex-wrap: wrap; gap: 10px;}
.setkadiv { padding: 15px; background: #e6f4ff; width: 250px; text-align: center; }
.setkadiv .pole {background: white; }

.mob_only { display: none; }
@media screen and (max-width: 700px) { .mob_only { display:block;  }}

.mob_not_show { display:block; }
@media screen and (max-width: 700px) { .mob_not_show { display:none;  }}

.top_sticky_right { position: sticky; top: 100px; margin-left: 80%;  z-index: 70; }
.top_sticky_center { position: sticky; top: 125px; z-index: 70;  }


.filter { padding: 0.5rem; border-radius:5px; background: #F8F5F1; line-height: 30px;}
.filter button { padding: 5px; padding-right: 10px; padding-left: 10px;  display: inline-block; margin-right: 30px; cursor: pointer;}
.filter span { padding-top: 5px; padding-bottom: 5px; }
.filter .zag { display: inline-block; padding: 5px; margin-right: 30px;
font-size: 13px; font-style:normal; text-align: left; color: rgb(41, 41, 41);
/*letter-spacing:-0.51px;*/ line-height:36px; text-rendering: optimizeLegibility; text-size-adjust: 100%;
 visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; text-transform:none; }


.doc_container { width: 90%; }
.textareaContainer { display: block; padding: 3px; }
.textarea_big {   width: 100%; margin: 0; padding: 5px; background: white; border: 1px #b3deff solid;  border-radius: 5px; }


.filefolder_container { display: flex;  flex-direction: row; flex-wrap: wrap; gap: 10px; margin-bottom: 10px;}
.filefolder { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; }
.filefolder_folder { background-image: url("folder.png"); background-size:100% 100%;}
.filefolder_doc { background-image: url("file1.jpg"); background-size:85% 90%; background-repeat:no-repeat;
background-position: center center; }
.filefolder_file { background-image: url("file3.png"); background-size:100% 100%; background-repeat:no-repeat;
background-position: center center;}
.filefolder_plus { background-image: url("plus.png"); background-size:50% 50%; background-repeat:no-repeat;
background-position: center center; }
.filefolder_actions_menu { position: absolute; bottom: 15px; left: 20px;}
.filefolder_name { padding: 15px; background: rgba(255, 255, 255, 0.7); text-align: center; font-size: 14px;}
.filefolder_folder_name { padding: 15px; text-align: center; font-size: 16px; font-weight: 600; white-space: normal;}


.statya {  display: flex; justify-content: center; align-items: center; flex-direction: column;
background: gray;  min-height: 250px; min-width: 250px; max-height: 250px; max-width: 250px; }
.statya_image { min-height: 100px; min-width: 250px; max-height: 100px; max-width: 250px;}

.wh50 { height: 50px; width: 50px; min-height: 50px; min-width: 50px; max-height: 50px; max-width: 50px;}
.wh100 { height: 100px; width: 100px; min-height: 100px; min-width: 100px; max-height: 100px; max-width: 100px;}
.wh150 { height: 150px; width: 150px; min-height: 150px; min-width: 150px; max-height: 150px; max-width: 150px;}
.w300 { height: 150px; width: 300px; min-height: 150px; min-width: 300px; max-height: 150px; max-width: 300px;}
.wh30 { height: 30px; width: 30px; min-height: 30px; min-width: 30px; max-height: 30px; max-width: 30px;}




.statya_container { display: flex; flex-direction: row; width: 99%; justify-content: space-evenly; flex-wrap: wrap; box-sizing: border-box; gap: 25px;}
.statya_card { display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;  width: 300px; box-sizing: border-box; height: 485px; }
.statya_cardheader img { width: 100%; height: 200px; object-fit: cover; }
.statya_cardbody { display: flex;  flex-direction: column; justify-content: top;  align-items: flex-start;
  padding: 20px; min-height: 150px; }
.statya_tag {  background: #cccccc;   border-radius: 50px;   font-size: 12px;   margin: 0;   color: #fff;
  padding: 2px 10px;   text-transform: uppercase;   cursor: pointer; }
.tag-teal {   background-color: #47bcd4; }
.tag-purple {   background-color: #5e76bf; }
.tag-pink {   background-color: #cd5b9f; }

.withoutdecor { text-decoration: none; color: var(--mainfontcolor); }

.bezramki { border: 0px solid transparent !important; }