html{
	height:100%;
	
	--bg:#ffffff;
	--bg-2:#F9FAFB;
	--bg-3:#EAECF0;
	--bg-4:#D0D5DD;
	--color:#101828;
	--color-2:#475467;
	--color-3:#667085;
	--color-4:#98A2B3;
	--active:#0186C9;
	--active-dark:#0269A4;
	--active-light:#c1e6f7;
	--color-ok:#079455;
	--color-err:#D92D20;
	--color-red:#B42318;
	--color-red-bg:#FFF6ED;
	--color-green:#067647;
	--color-green-bg:#ECFDF3;
	--color-blue:#0BA5EC;
	--color-blue-bg:#F0F9FF;
	--color-orange:#F79009;
	--color-orange-bg:#FFFAEB;
	--color-yellow:#FEC84B;
	--color-yellow-bg:#FFFAEB;
	
	--shadow:#0002;
	--radius:8px;
	--inp-size:16px;
	--inp-bottom:20px;
}


html[theme="dark"]{	
	--bg:#0D1623;
	--bg-2:#101828;
	--bg-3:#262d3b;
	--bg-4:#313846;
	--shadow:#fff2;
	--color:#d6d8da;
	--color-2:#d6d8da;
	--color-3:#70747e;
	--color-4:#a4a7ad;
	--active:#0186C9;
	--active-dark:#1196D9;
	--active-light:#0099FF55;
	--color-ok:#12b76a;
	--color-err:#d92d20;
	--color-red:#C4320A;
	--color-red-bg:#C4320A44;
	--color-green:#12B76A;
	--color-green-bg:#12B76A44;
	--color-blue:#0BA5EC;
	--color-blue-bg:#0BA5EC44;
	--color-orange:#F79009;
	--color-orange-bg:#F7900944;
	--color-yellow:#FEC84B;
	--color-yellow-bg:#FEC84B44;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.woff2?89') format('woff2'), url('../fonts/icomoon.woff?89') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
[data-icon]:before, [data-icon-after]:after{ font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin:0 0.3em 0 0;}
[data-icon-after]:after {content: attr(data-icon-after); margin:0 0 0 5px; vertical-align:middle;}
[data-icon-after]{white-space:nowrap; }
[data-icon]:before{ margin-right:0.5em; font-size: 1.2em; vertical-align:top;}


*{ padding:0; margin:0;}
body{ font: 14px Inter, Arial, sans-serif;  background:var(--bg); color:var(--color);  height:100%; min-width:400px;   }

h6{ font-size:30px; line-height:36px; margin-bottom:12px; text-align:center; color:var(--color); }
.sub_hdr{ text-align:center; margin-bottom:32px; }

.link{ color:var(--active); }
.link:hover{ color:var(--active-dark); }
.link_hover:hover{ color:var(--active-dark); }

.logo{ position:relative; font-weight:700; padding:0 0 0 44px; display:block; width:100px; line-height:18px; font-size:14px;  }
.logo:before{ content:""; position:absolute; left:0; top:0; display:inline-block; width:32px; height:32px; background:url(../imgs/logo2.svg) no-repeat 0 0; background-size:contain; box-shadow:0px 1px 3px 0px var(--shadow); border-radius:25%;}
.logo:first-line{ font-size:16px; font-weight:600;  }

/*page_auth*/
.page_auth{height:100%; padding:0 50% 0 0; display:flex; justify-content: center; align-items: center; }
.page_auth:before{ content:""; display:block;  position:fixed; right:0; left:50%; top:0; bottom:0; background: url(../imgs/bg_auth.png) no-repeat right center; background-size:cover;}
.page_auth .pane{ position:relative; width:400px; padding:32px 20px; height:100%; box-sizing:border-box; }
.page_auth .logo{ padding:0; width:48px; margin:0 auto 24px auto;}
.page_auth .logo:before{ position:static; width:48px; height:48px; }
.page_auth .flex{ display:flex; justify-content: space-between; line-height:28px; margin-bottom:var(--inp-bottom); font-weight:500; }

.page_auth_c{  padding:0 0 0 50%;}
.page_auth_c:before{  left:0; right:50%; background-image: url(../imgs/bg_auth2.png);}


@media screen and (max-width: 760px){
.page_auth{ padding:0; align-items: start; }
.page_auth:before{ display:none; }
}

/*auth_tab*/
.auth_tab{ display:none;  min-height:100%;}
.auth_tab.active{ display:flex; flex-direction: column;  box-sizing:border-box;}

.page_auth .bottom{  text-align:center; color:var(--color-g); margin:auto 0 0 0; padding-top:24px; line-height:140%; }
.page_auth .bottom a{ font-weight:bold; display:inline-block; margin-top:8px; }

.page_auth .form_base{ flex: 1; display: flex; flex-direction: column; justify-content: center; }

.auth_tab .social-block { position:relative; display:flex; column-gap:24px; justify-content: center; }
.auth_tab .social-btn { position:relative; flex:1; overflow:hidden; border:1px solid var(--bg-4); font-weight:600; text-align:center; padding:10px 16px; line-height:24px; border-radius:var(--radius); white-space:nowrap; cursor:pointer; }
.auth_tab .social-btn:hover { background:var(--bg-3);  }
.auth_tab .social-btn:before { content:""; vertical-align:top; display:inline-block; width:24px; height:24px; margin-right:12px;  background-size:cover; background-repeat:no-repeat; background-position: center center; }
.auth_tab .social-btn-telegram:before{ background-image:url(../imgs/ico_telegram.svg);}
.auth_tab .social-btn-google:before{ background-image:url(../imgs/ico_google.svg);}
.auth_tab .social-btn-google>div{ position:absolute; opacity:0.001; left:0; right:0; top:2px; bottom:0;}



/******** Main ***********/
main{ display:flex; flex-direction:column; min-height:100%; line-height:140%; background:var(--bg-2);}
main a{ text-decoration:none;}


section{ margin:0 auto; padding:0 24px; box-sizing:border-box;}

header{ border-bottom:1px solid var(--bg-4); font-weight:600; font-size:16px; background:var(--bg);}
header section{ display:flex; height:64px; column-gap:32px; align-items: center;}
header .logo{ } 
header .but_nav{ display:none; align-items: center;} 
header .but_nav:before{ content:"menu"; font:24px icomoon;} 

header nav{ display:flex; flex:1; column-gap:inherit; column-gap:8px;}
header nav a{ position:relative; display:flex; align-items: center; padding:8px 12px;  border-radius:var(--radius);  border:1px solid transparent;}
header nav a:hover{ color:var(--active);}
header nav a.active{ background:var(--bg-2); border-color:var(--bg-3);}

header .profile{ position:relative; display:flex; align-items: center;}
header .profile>a.icon:before{ padding:0; margin:0; }
header .profile>a{ display:flex; align-items: center; }
header .profile>a>img{ border-radius:100px; margin:0 0 0 12px; background:var(--bg-3);} 

/*dd_block*/
.dd_block{ position:relative;}
.dd{ position:absolute; top:100%; left:-16px; display:none; box-shadow:2px 0px 16px 0px var(--shadow); background:var(--bg); border-radius:var(--radius); font-size:15px; text-align:left; z-index:1; font-weight:600; overflow:hidden;   border:1px solid var(--bg-4);}
.dd_r{ right:0; left:auto;}
.dd.active{ display:block;}
.dd a{ white-space:nowrap; display:block; padding:10px 16px 10px 16px;  border-bottom:1px solid var(--bg-4);}
.dd a:last-child{ border-bottom:0;}
.dd a.active{ color:var(--color-err);}
.dd a:hover{ background:var(--bg-2);}
.dd a:before{  font-size:17px; margin-right:12px;}

.dd .profile_item{ color:var(--color-3); font-size:13px; line-height:19px; font-weight:500; display:flex; align-items: center;  }
.dd .profile_item img{  border-radius:100px; margin:0 12px 0 0; background:var(--bg-4); }
.dd .profile_item span{ color:var(--color-blue); }

html[theme="dark"] a[theme="icon"]:before{content:"moon";}
html[theme="light"] a[theme="icon"]:before{content:"sun";}
html:not([theme]) a[theme="default"], html[theme="light"] a[theme="light"], html[theme="dark"] a[theme="dark"]{ color:var(--color-err)}

.hdr{display: flex; flex-wrap: wrap;  padding-bottom:24px; gap:8px;}
.hdr h1{ margin:0 auto 0 0;}


.state{ display:inline-block; padding:4px 12px; background:var(--bg-2); color:var(--color-2); border:1px solid #0002; border-radius:20px;  white-space:nowrap;  }
.state_green{ background:var(--color-green-bg); color:var(--color-green); border-color:rgb(from var(--color-green) r g b / 30%); }
.state_red{ background:var(--color-red-bg); color:var(--color-red);  border-color:rgb(from var(--color-red) r g b / 30%); }
.state_orange{ background:var(--color-orange-bg); color:var(--color-orange);  border-color:rgb(from var(--color-orange) r g b / 30%); }
.state_blue{ background:var(--color-blue-bg); color:var(--color-blue);  border-color:rgb(from var(--color-blue) r g b / 30%); }

.dd_block>.state{ cursor:pointer;}
.dd .state{ border-radius:0; border:0;}


picture{ border-radius:var(--size); padding:1px; background:var(--bg-3); border:3px solid var(--bg);   box-shadow: 0px 3px 4px 0px var(--shadow); margin-left:-4px; overflow:hidden; position:relative; padding:0; }
picture:before{ content:"user"; font:calc(var(--size)/2) icomoon; position:absolute; top:0; left:0; bottom:0; right:0; line-height:var(--size); text-align:center; color:var(--color-3); }
picture img{ width:var(--size); height:var(--size); min-width:var(--size); min-height:var(--size); position:relative; vertical-align:top; }
picture label{  background:var(--active); color:#fff; display:block; position:absolute; left:0; right:0; bottom:0; text-align:center; line-height:20px; padding-bottom:4px; font-size:10px; }

/*article*/
article{ padding:24px 0 48px 0; }
article h1{ font-weight:600; }
article h1 em{ display:inline-block; position:relative; top:2px; background:var(--bg-3); color:var(--color-3); font-size:24px; font-weight:600; vertical-align:top; margin-left:8px; border-radius:var(--radius); font-style:normal; padding:0 10px;}

article .viewport{ display:flex; gap:16px; flex-direction:column;}
article section .viewport{ padding:0;}

article .block_avatar{ display:flex; gap:24px; }
article .block_avatar picture{ --size:96px; align-self: flex-start; }
article .block_avatar>div{ flex:1; }
article .block_avatar p{ font-size:16px; font-weight:500;  color:var(--color-3);  }
article .block_avatar .state{ margin-bottom:16px; }
article .block_avatar h4{ font-size:24px; font-weight:700; line-height:32px; padding:2px 24px 12px 0; display:inline-block;  }
@media screen and (max-width: 400px){
	article .block_avatar p{margin: 0 0 0 -120px;}
	article .block_avatar h4{ padding-right:0;  }
}
@media screen and (max-width: 1000px){article .block_avatar .buts{ flex:100%;}}

article .params{ display:inline-grid; grid-gap: 16px; grid-template-columns:auto auto; font-weight:500; }
article .params dt{ color:var(--color-3); }

article .line_2{ line-height:2em; margin-top:-0.3em;}

article aside{  position:relative; padding:32px; border:1px solid var(--bg-3); border-radius:var(--radius); background:var(--bg); }
article aside h5{ font-size:16px; font-weight:600; margin: 0px 0 16px 0; }

.tabs{ padding:0 32px; height:44px; display:flex; align-items:center; gap:32px; font-size:16px; font-weight:600; overflow:auto; }
.tabs a{ padding:8px 4px 8px 4px; line-height:24px; border-bottom:2px solid transparent; white-space:nowrap; }
.tabs a:first-child{ margin-left: auto; }
.tabs a:last-child{ margin-right: auto; }
.tabs a.active{ color:var(--active); border-color:var(--active); }
.tabs a:hover{ color:var(--active); }
.tabs span{ font-size:14px; font-weight:500; padding:0px 10px; margin-left:4px; }


@media screen and (max-width: 700px){
header .but_nav{ display:flex;} 
header section{ column-gap:24px;}
header .profile>a>span{ display:none;}

header .logo{ margin-right:auto;}
header nav{ display:flex; flex-direction: column; visibility:hidden; position:fixed; z-index:11; left:0; top:65px; bottom:0; right:auto;  overflow-y:auto;   box-shadow: 0px 15px 15px 0px var(--shadow); transition: all .2s  cubic-bezier(0.1, 0.5, 0.3, 1.0); transform:translateX(-100%); background-color:var(--bg); max-width:520px; }
header nav.open{ visibility:visible; transform:translateX(0);}
header nav a{ display:block; padding:16px 24px; font-size:21px; font-weight:500; margin:0!important;}
header nav a:first-child{ __border-bottom:1px solid var(--bg-4); }
header nav a.active:after{ display:none;}


}

.flex{ display:flex; gap:16px; flex-wrap: wrap;}
.flex_c{ align-items: center;}
.flex_t{ align-items: flex-start;}
.flex_f{ flex:100%!important;}
.flex .flex_left{margin-right:auto;}
.flex .flex_r{margin-left:auto;}
.flex .flex_1{flex:1;}
.flex .flex_1_5{flex:1.5;}
.flex .flex_2{flex:2;}
@media screen and (max-width: 700px){
.flex .flex_mobile_last{ order:10; z-index:auto!important;}
}

.row{ display:flex; gap:32px;  }
.row>label{ width:280px; padding-top:12px; font-weight:600; }
.row>label>small{ color:var(--color-2); font-weight:400; font-size:inherit; display:block; font-size:12px;  }
.row>div{ flex:1; display:flex; column-gap:16px; flex-wrap: wrap; }
.row>div>*{ flex:1; }
.row>div>.flex_2{ flex:2; }

@media screen and (max-width: 700px){
.row{ display:block;  }
.row>label{ display:block; width:auto; padding-top:12px; padding-bottom:12px; }
.row>div{ display:block; }

}


/*common*/
h1, h6{ font-size:30px; line-height:38px; font-weight:600; margin-bottom:16px; }
h2{ margin:10px 0px 10px 0; font-size:24px; line-height:24px; padding:0; font-weight:400;}
h3{ font-size:inherit; font-weight:600; margin-bottom:16px;}

.clear{ clear:both;}

.clear{ clear:both;}
a { cursor:pointer;  color:inherit; text-decoration:none;}
a img{ border:0;}
a:active, a:focus{ outline:0; }
sup{line-height:0;}

ul{ list-style:none;}
ol{ padding:0 0 0 26px;}


.text a {  color:var(--active-dark);}
.text a:hover{ color:var(--active); }

.but { position:relative; display:inline-block; padding:9px 16px; line-height:24px; min-width:40px; border:1px solid rgb(from var(--color) r g b / 10%); border-radius:var(--radius); background:var(--active); color:var(--bg); vertical-align:middle; text-decoration:none; text-align:center; white-space:nowrap; font-weight:600; }
.but:hover{ background-color:var(--active-dark); color:var(--bg);}
.but:before{ font-size:24px; line-height:inherit; vertical-align:top; margin-right:8px;}

.but_light { background:var(--bg); color:var(--color-3); border:1px solid var(--bg-4);}
.but_light:hover { background:var(--bg-3); color:var(--color);}

.but_disabled{background:var(--bg-2)!important; color:var(--color-4)!important; cursor:default;}

.but_full { display:block; }

.but_ico{ padding-left:1px; padding-right:1px; }
.but_ico:before{ margin:0;}

.but_r{ height:0; text-align:right;}

.but_del{ color:var(--color-err); font-weight:600; }
.but_del:hover{ filter: saturate(1.3); }

[counter-block]{counter-reset: cc;}
[counter]:before{counter-increment:cc; content:counter(cc);}


/*table*/
table{ border-collapse:collapse; counter-reset: cc; font-weight:500; width:100%; }
table th{ color:var(--color-3); font-size:12px; padding:12px 24px;  border-bottom:1px solid var(--bg-3); text-align:left; font-weight:500;}
table td{ padding:16px 24px; border-bottom:1px solid var(--bg-3);}

.table{  overflow:auto; padding:1px; }
.table table{ background:var(--bg); border-radius:var(--radius); outline:1px solid var(--bg-3);  }
.table thead tr{position:sticky; top:0px; background:var(--bg); z-index:1; border-top-left-radius:var(--radius); border-top-right-radius:var(--radius);  outline:1px solid var(--bg-3); }
.table b{ font-weight:600; }
.table small{ display:block; font-size:12px; color:var(--color-2); font-weight:400; }

@media screen and (max-width: 700px){
	.table{   }
}


.loading{ opacity:0.5;}
.loading_bg.loading{ background:url(../imgs/loading_s.gif) no-repeat 0 center; opacity:1!important;}
.loading_table.loading{ background:url(../imgs/loading2.gif) no-repeat center center; opacity:1!important; display:block; height:100px; width:100px;}
.display_none{ display:none!important;}
.display_hidden{ visibility:hidden; position:absolute; left:-10000px; top:-10000px;}
.float_clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.color_ok{ color:var(--color-ok); }
.color_err{ color:var(--color-err); }

.color_green{ color:#88bb22; }
.color_blue{ color:#2be; }
.color_yellow{ color:#db0; }
.color_pink{ color:#b59; }
.color_orange{ color:#e82; }
.color_red{ color:#c54; }
.color_pink{ color:#d0C;}
.color_navy{color:#02C;}
.color_gray{color:#777;}
.color_violet{ color:#72F;}


/*photo-sample*/


.photo-upload{ display:block; position:relative; text-align:center; opacity:0.999; border-radius:var(--radius); margin-bottom:var(--inp-bottom); border:1px solid var(--bg-4);  }
.photo-upload img{ vertical-align:middle; }
.photo-upload.uploading img{opacity:0.5; filter:alpha(opacity=50);}
.photo-upload>span{  position:absolute; z-index:1; bottom:8%; left:8%; display:block; width:80%; height:6px; padding:1px; margin:0 -2px; border:1px solid var(--bg-4); background:#ccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; opacity:0.85;  border-radius:var(--radius);}
.photo-upload>span span{ display:block; width:0; height:6px; background:#5c0; transition: width .5s ease-in-out; }
.photo-upload.photo-sample-empty{ min-height:100px; padding:68px 24px 36px 24px; padding-top:68px; box-sizing:border-box; border:1px solid var(--bg-4); text-align:center; line-height:normal;}
.photo-upload.photo-sample-empty b{ color:var(--active-dark);}
.photo-upload.photo-sample-empty:hover{ background:var(--bg-2); color:var(--color); }
.photo-upload.photo-sample-empty:before{ content:"upload_cloud"; font:24px icomoon; line-height:44px; height:44px; width:44px; position:absolute; left:50%; top:16px; margin-left:-22px; background:none; border-radius:var(--radius);}
.photo-upload.photo-sample-empty small{ font-size:0.8em; color:var(--color-2); display:block; padding-top:8px; }
.photo-upload:not(.photo-sample-empty) .photo-placeholder{ display:none;}
.photo-upload:hover i:before{ content:"trash"; font:24px icomoon; border:1px solid var(--bg-4); line-height:44px; height:44px; width:44px; position:absolute; right:16px; top:16px; background:none; border-radius:var(--radius); color:var(--color); background:var(--bg);}
.photo-upload:hover i:hover:before{ color:var(--active); }
.photo-upload.dragover{ background-color:var(--color-blue-bg);}

.photo-upload.photo-avatar img{ max-height:150px; max-width:150px; border-radius:150px; margin:10px; }
.photo-upload.photo-small img{ max-height:150px; margin:10px; }
.photo-upload.photo-medium img{ max-height:360px;}


.checkbox{ position:relative; display:inline-block; vertical-align:middle; color:inherit; text-decoration:none; white-space:nowrap; display: flex; gap: 8px; align-items: center;}
.checkbox input{ position:absolute; visibility:hidden; height:1px;}
.checkbox:before{ content:"square"; font:20px icomoon; position:relative; display:inline-block; color:var(--bg-4); }
.checkbox:hover{ color:inherit;}
.checkbox:hover:before{color:var(--color-4); }
.checkbox.active:before{content:"checkbox_on";  color:var(--active); }



.autocomplete{ position:relative; line-height:normal; }
span.autocomplete{ display:inline-block; }
.autocomplete div{ display:none; position:absolute; z-index:2; left:0px; top:100%; background:var(--bg); box-shadow:1px 1px 10px 0px var(--shadow); min-width:130px; text-align:left; line-height:20px; font-size:14px; border-radius:var(--radius);  border:1px solid var(--bg-4)!important;  }
.autocomplete div a{ display:block; padding:8px 12px; min-height:20px; color:var(--color); text-decoration:none; white-space:nowrap; border-bottom:1px solid var(--bg-3);}
.autocomplete div a:hover, .autocomplete div a.active{ background:#07c; color:#fff; }
.autocomplete .but_clear, .autocomplete .but_new{ position:absolute; top:1px; bottom:1px; right:1px; display:none; padding: 0 0.4em; text-align:center; color:#b33; font:1.3em icomoon; text-decoration:none; background:rgba(255,255,255,0.8); border-radius:var(--radius); align-items:center; }
.autocomplete.has-value .but_clear{ display:flex;}
.autocomplete .but_clear:before{ content:"X"; }
.autocomplete .but_new:before{ content:"+"; }
.autocomplete .but_new:hover{ color:#f42; }
.autocomplete.has-value .but_new{ display:none;}
.autocomplete .but_user{ font:16px icomoon; z-index:0; position:absolute; left:1px; top:1px; color:#aaa; display:block; width:26px; line-height:26px; text-align:center; text-decoration:none; }
.autocomplete .but_user:before{  content:"u"; }
.autocomplete.set-value .but_user{ z-index:2; color:#09c; }
.autocomplete .but_user:hover{ color:#c00; }



.calendar{ visibility:hidden;}



/*select*/
dl.select {  display:inline-block;  line-height:42px; position:relative; zheight:28px; overflow:hidden; vertical-align:middle; zoom:1; text-align:left;  color:var(--color); font-size:var(--inp-size); border-color:var(--bg-4); border-radius:var(--radius); text-align:left; background:var(--bg); }
dl.select dd { padding:0px 36px 0 12px; line-height:inherit; white-space:nowrap;}
dl.select>dd {position:relative; border-width:1px; border-style:solid; border-color:inherit; border-radius:inherit; overflow:hidden; max-width:600px;  cursor:pointer; }

dl.select>dd:before { display:none; content:""; position:absolute; top:0px; bottom:0; right:0px;  width:26px; font-size:24px; text-align:center; background:inherit; border-left-width:inherit; border-left-style:solid; border-color:inherit; }
dl.select>dd:after{ content:""; position:absolute; top:50%; margin-top:-3px; border:2px solid var(--color-2); border-radius:2px; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; right:12px; width:8px; height:8px;  }
dl.select-active>dd:after{ transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);  }
dl.select>dd.is_empty:before, dl.select>dd.is_empty:after{ display:none;}
/*dl.select>dd:after {content:"";  position:absolute; top:50%; margin-top:-2px; right:10px; display:block; width:0; height:0;  border:5px solid transparent; border-top-color:#555; }
dl.select-active>dd:after{   margin-top:-7px; border-top-color:transparent; border-bottom-color:#555;  }*/

dl.select[legend]{ padding-top:10px; margin-top:-10px;}
dl.select[legend]:after { display:block; content:attr(legend);  padding:0px 36px 0 12px; position:absolute; top:11px; left:1px; color:var(--color-4); transition: all .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); border-radius:inherit; pointer-events: none; }
dl.select-active[legend]:after, dl.select-set[legend]:after { font-size:0.75em; padding:2px 4px; line-height:normal; top:0px; left:9px;  background:inherit; }
dl.select-set[legend]:after {transition:none; }

dl.select dd.default {  color:var(--color-4); }
dl.select[legend]>dd.default {  color:#0000;  }

dl.select dl { position:absolute; background:var(--bg); border-width:1px; border-style:solid; border-color:inherit; border-radius:inherit;  max-height:310px; overflow:auto; overflow-x:hidden; box-shadow: 1px 2px 4px 0px var(--shadow);  }
dl.select dl dd:hover[value]{ background-color:#5cb7fe; color:#fff;  cursor:pointer; }
dl.select dl dd.hidden{ background-color:#eee; color:#777;  }
dl.select dl dd.selected{ background-color:#1c77fe; color:#fff;  }
dl.select dl dd.selected.hidden{ color:rgba(255,255,255,0.8);  }
dl.select-active { overflow:visible; }
dl.select-active>dd { border-color:var(--active);   }
dl.select-active>dl {  z-index:1; }
dl.select:hover>dd:before { z-index:1; background:transparent; }
dl.select-loading{ opacity:0.5;}
dl.select-inline {  display:inline-block; }
dl.select-empty.select-hide-empty{ display:none;}



dl.select dd i{ font-style:normal; color:#999;}
dl.select dl dd i{ font-size:10px; line-height:8px; padding-bottom:10px; display:block;}
dl.select dl dd i:before{ content:attr(lang); }
dl.select dl dd:hover i, dl.select dl dd.selected i{ color:#cde;  }

dl.select[name$="[]"]>dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:350px;  }
dl.select[name$="[]"] dl dd { position:relative;  }
dl.select[name$="[]"] dl dd:before { content:""; font:12px icomoon; display:inline-block; border:2px solid #ddd; width:16px; height:16px; border-radius:10px; line-height:16px; text-align:center; vertical-align:middle; color:#fff; position:relative; left:-3px; top:-1px;  }
dl.select[name$="[]"] dl dd:hover:before { background:#fff;  }
dl.select[name$="[]"] dl dd.selected:before { content:";"; background:#790;  }
dl.select[name$="[]"] dl dd.selected { background-color:#eee; color:#333;  background-position:7px -40px;  }
dl.select[name$="[]"] dl dd:hover, dl.select dl dd.hover{ background-color:#5cb7fe; color:#fff;  }
dl.select[name$="[]"] dl dd input{ position:absolute; left:5px; top:3px; display:block; width:20px; height:20px; background:#f00; cursor:pointer; opacity:0;  }
/*dl.select[name$="[]"].select-active>dd:before{ content:"\00D7"; }
dl.select[name$="[]"].select-active>dd:after{ display:none; }*/

dl.select.select-multiline[name$="[]"]>dd{ white-space:normal; max-width:220px;}

dl.select[readonly] dd{ color:#777;}

dl.select-up dl{ bottom:30px; box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.3); }

dl.select-color{  border-color:rgba(0,0,0,0.1); color:#fff; }
dl.select-color>dd { background:#aaa; color:inherit!important; }
dl.select-color dd.default { color:#eee; }
dl.select-color>dd:before { display:none; }
dl.select-color>dd:after { border-color:#eee; }
dl.select-color dl dd { }
dl.select-color dl dd:hover[value]{  filter:brightness(1.15);  }

dl.select-save-icon.select-active>dd:after{ border:0; content:";"; font:14px icomoon; right:0; top:0; bottom:0; width:28px; line-height:inherit; margin:0; text-align:center; color:#555; height:auto; transform:none; -webkit-transform:none;   }
dl.select-save-icon.select-active>dd:hover:after{ color:#fff; background:#690;  }

dl.select-hovered{ border-color:transparent;  }
dl.select-hovered:hover{ border-color:#bbb;  }

dl.select-no-max-height dl{ max-height:none;}

dl.select-flag .flag{ display:inline-block; background:url(../imgs/flags.gif) no-repeat 0 100px; height:11px; width:16px; margin:0 6px 0 0; }
dl.select-flag { margin-right:0px;}
dl.select-flag>dd { padding:0px 20px 0px 8px; border-right-width:0;}
dl.select-flag>dd:before { border-width:0;}
dl.select-flag>dd span{ display:none;}
dl.select-flag dd{ color:#777;}
dl.select-flag .flag{ display:inline-block; }
dl.select-flag .ccode{ line-height:15px; color:#000; padding-left:7px;}
dl.select-flag dl dd.selected, .form_base dl.select-flag dl dd.selected .ccode{ color:#fff;}

dl.select-nolabel:hover{ background:#eee; outline: 5px solid #eee;}
dl.select-nolabel>dd{ background:transparent; color:transparent; border-color:transparent;}
dl.select-nolabel>dd:before { border:1px solid #bbb; }

dl.select dl dd i[lang]{ font-size:10px; line-height:8px; padding-bottom:10px; display:block; font-style:normal; color:#999;}
dl.select dl dd i[lang]:before{ content:attr(lang); }
dl.select dl dd:hover i[lang], dl.select dl dd.selected i[lang]{ color:#cde;  }

dl.select-noborder{ border-color:transparent; }
dl.select-noborder>dd{ background-color:transparent;}
dl.select-noborder dd { padding-right:2.2em;}


/*popup*/
.popup{ display:block; visibility:hidden; height:0; overflow:hidden; position:fixed; z-index:21; top:50%; left:50%; transform: translate(-50%, -50%); width:900px; background:#fff; border:1px solid #ccc; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); color:#000; margin-right: -50%;}

.popup.popup-show{ visibility:visible; height:auto;  min-height:50px; max-height:100%; max-width:100%; overflow:auto; }
.popup-modal{display:block; background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.popup-close{ position:sticky; z-index:31; margin:0 0 -38px 0; float:right; clear:both; top:0; width:24px; height:24px; display:block; padding:7px; text-decoration:none; border:0; font-size:24px; color:#777; cursor:pointer;  }
.popup-close:before{ font-family:'icomoon'; content:"x_circle"; }
.popup-close:hover{ color:#c60; }
.popup-target.loading{ height:100px; background:url(../imgs/loading2.gif) no-repeat center center;}

.popup-full{ width:1260px; }
.popup-small{ width:422px; }
.popup-half{ width:670px; }
.popup-text{width:910px;}

@media screen and (max-width: 1000px){
	.popup-full{ width:auto!important; right:0px; left:0px; margin-left:0px!important; }	
}

/*popup v2 */
.popup{ border-radius:16px; background:var(--bg); color:var(--color); border-color:var(--bg-4);}
.popup::-webkit-scrollbar { width: var(--radius); }
.popup::-webkit-scrollbar-button { }
.popup::-webkit-scrollbar-thumb { background-color: #8883; border-radius:var(--radius); }
.popup:hover::-webkit-scrollbar-thumb{ background-color: #8888; }
.popup.popup-show{  max-height:95%; }
.popup-modal{ background:#0003; backdrop-filter: blur(2px); filter:saturate(0.5);}
.popup-close{ position:absolute; z-index:31; margin:0; float:none; top:24px; right:16px; width:auto; height:auto; padding:8px; color:var(--bg-4);   }
.popup-close:before{ font:32px icomoon; content:"x_circle"; }

.popup .text, .popup .form_base{ padding:32px;}
.popup h1{ margin-bottom:24px; line-height:30px; padding-right:24px; font-size:24px;}}


@media screen and (max-width: 700px){
	.popup.popup-show{  max-height:90%; top:auto; bottom:0; left:0; transform:none; margin:0; width:100%; border-bottom-left-radius:0; border-bottom-right-radius:0; }	
	.popup-close{   top:18px; right:14px; }
	.popup .text, .popup .form_base{ padding:24px;}
}




/*form*/
input[type="text"], input[type="password"], textarea{ box-sizing:border-box; width:100%; padding:10px 12px; line-height:22px; vertical-align:middle;  font-family:inherit; font-size:inherit; color:var(--color); border:1px solid var(--bg-4); border-radius:var(--radius); position:relative; background:transparent; outline:none; }
textarea::-webkit-scrollbar { width: var(--radius); }
textarea::-webkit-scrollbar-button { }
textarea::-webkit-scrollbar-thumb { background-color: #8883; border-radius:var(--radius); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

textarea[cols]{ width:auto;}
input[size]{ width:auto; box-sizing:content-box; }
input[readonly], .form_base textarea[readonly]{ background:#f2f2f2;}
input[type='image'], input[type='checkbox']{  width:auto; padding:0; margin:0; border:0; border-radius:0; }
input:invalid{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

.inp{ position:relative; z-index:0; display:inline-block; background:var(--bg); font-size:var(--inp-size); }
.inp>:focus, .inp:hover>*{ border-color:var(--active); }

.inp .inp_legend{ padding:10px 12px; position:absolute; top:1px; left:1px; font-size:inherit; color:var(--color-4);  border-radius:var(--radius); pointer-events: none; }
.inp input:not(:placeholder-shown) ~ .inp_legend, 
.inp textarea:not(:placeholder-shown) ~ .inp_legend, 
.inp *:focus ~ .inp_legend, 
.inp *:-webkit-autofill ~ .inp_legend{ font-size:0.75em; padding:2px 4px; top:-10px; left:9px; z-index:1;  background:inherit; }
.inp *:focus ~ .inp_legend{ transition: all .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.inp input:-webkit-autofill{ -webkit-text-fill-color:var(--color)!important; font-size:16px!important; }


.inp_ico input, .inp_ico .inp_legend{ padding-left:41px; }
.inp_ico:after{ content:attr(icon); position:absolute; left:12px; top:10px; pointer-events: none; font:1.3em icomoon; color:var(--color-4);}
.inp_s{ display:inline-block; width:100px; }
.inp_r{ text-align:right; }
.inp_c{ text-align:center; }
.inp_forgot{ text-align:right; position: relative; top:-4px; margin-bottom:28px; font-size:15px; }
.suf{ vertical-align:top;  padding:0.6em 0 0.2em 0; display:inline-block;}
.inp_sub{ font-size:14px;  position:relative; top:-10px; margin-bottom:10px; }

.error{ }
.error[legend][has_value]:before{  color:var(--color-err);}
.inp.error input, .inp.error textarea, .select.error>dd{ border-color:var(--color-err);}
.inp_error{ display:none; position:relative; top:-14px; font-size:0.75em;  color:var(--color-err);}
.inp_error:before{ content:"alert_circle"; font:1.2em icomoon; vertical-align:middle; padding-right:4px;  }
.inp_error:after{ content:attr(text); }
.inp.error_empty + .inp_error, .select.error ~ .inp_error{ display:block; }

.inp .maxlength{ display:none; position:absolute; right:2px; bottom:19px; font-size:15px; line-height:20px; padding:8px 10px 8px 4px; color:var(--bg-4); background:var(--bg); border-radius:var(--radius); }
.inp.inp_maxlength_active .maxlength{ display:block;}
.inp.inp_maxlength_active .maxlength.limit{ color:var(--color-err); }
.inp.inp_maxlength_active input{ padding-right:74px!important;}

.inp_cal[type]{ width:236px; cursor:pointer; background:var(--bg); }
.inp_cal[show_time]{ width:285px;}

.show_password{ position:absolute; vertical-align:middle; font:1.3em icomoon; padding:0.4em; margin:2px 0 0 -2em; color:var(--color-4); background:var(--bg);  border-radius:var(--radius); cursor:pointer; }
.show_password:hover{ color:#999;}
.show_password:before{ content:"eye";}
.show_password.active:before{ content:"eye_off";}


/*form_base*/
.form_base{ position:relative;   } 
.form_base.loading{ opacity:0.3;}
.form_base.inload{ opacity:0.6;}
.form_base.inload:after { content:""; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; display:block; border:8px solid #8883; border-top-color:var(--color); border-radius: 50%; width: 60px; height: 60px; animation: spin 1.5s linear infinite; z-index:1; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

*[form-ready]:not([form-ready="yes"]) .but_submit{ color:var(--color-4);  background-color:var(--bg-3); cursor:default; }
.form_base .inp_label{ display:block; font-size:16px; font-weight:600; line-height:20px; color:inherit; padding:0 0 6px 0;}
.form_base .inp_label.error:after{ content:"alert_circle"; font:12px icomoon; display:inline-block; color:#D92D20; cursor:pointer; padding:0 4px; }

.form_base hr{ border:0; border-top:1px solid var(--bg-4); margin-bottom:var(--inp-bottom);}

.form_base .inp{ display:block; margin-bottom:var(--inp-bottom); }
.form_base dl.select{ display:block; margin-bottom:var(--inp-bottom); }

.form_base .next_block{ display:none;} 
.form_base .next_show ~ .next_block{ display:block;} 

.form_base .sep{ border-top:1px solid var(--bg-4); height:var(--inp-bottom); }
.form_base .or{ position:relative; color:var(--color-3); overflow:hidden; text-align:center; margin:0 0 30px 0; }
.form_base .or:before, .auth_tab .or:after{ content:""; display:inline-block; border-top:1px solid var(--color-3); width:50%; margin-left:2%; margin-right:-52%; vertical-align:middle; }
.form_base .or:before{ position:absolute; margin-left:-52%; top:12px; }

.form_base .suf_icon{ display:none;}
.form_base input:not([value=""])+.suf_icon{ position:absolute; display:block; right:1px; top:50%; margin-top:-18px; background:var(--bg); padding-left:8px;}





/*calendar_block*/
.calendar_block{ display:inline-block; position:relative; background:#fff; border:1px solid #bbb; padding:0 30px 0 23px; height:25px; vertical-align:middle; line-height:normal; z-index:0; white-space:nowrap; }
.calendar_block.open{ z-index:1; }
.calendar_block:after{ content:"t"; font:14px icomoon; position:absolute; top:6px; left:9px; color:#888; z-index:3;  }
.calendar_block:before{ content:"-"; position:absolute; top:5px; left:95px; color:#888; z-index:2;  }
.calendar_block>input[type]{ width:72px; padding-right:0; padding-left:7px;  background:#fff!important; cursor:pointer; border:0; position:relative; z-index:1; }
.calendar_block>input[type]:hover{ background:#eee!important; }
.calendar_block>input[show_time]{ width:140px;}
.calendar_block .select{ position:absolute; left:0; right:0; margin:-1px; }
.calendar_block .select.select-set{ z-index:3;}
.calendar_block .select dd{ padding-left:30px; }


.hint_mess{ position:fixed; top:24px; right:-600px; border:1px solid var(--bg-3); border-radius:var(--radius);  background:var(--bg); padding:24px; box-shadow: 0px 0px 24px -4px #1232; transition: right .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); font-size:15px; color:var(--color-3); max-width:500px;}
.hint_mess:hover{ box-shadow: 0px 0px 24px -4px #1233; }
.hint_mess.active{ right:24px;}
.hint_mess>div{ padding:0 12px 0 72px; position:relative;}
.hint_mess>div:before{ content:"alert_circle"; font:24px icomoon; position:absolute; left:-4px; top:-4px; text-align:center; height:44px; line-height:44px; width:44px; border-radius:100px; color:var(--color-err); background:#FEE4E2; border:8px solid #FEF3F2;}
.hint_mess.is_ok>div:before{ content:"check_circle"; color:var(--color-ok); background:#D1FADF; border-color:var(--color-green-bg); }
.hint_mess b{ font-size:17px; font-weight:600; color:var(--color); display:block; padding-bottom:8px;  }
.hint_mess>a:before{ content:"X"; font:20px icomoon; position:absolute; right:0; top:0; line-height:48px; height:48px; width:48px; text-align:center; color:var(--color-3); }
.hint_mess>a:hover:before{ color:var(--color-err); }

@media screen and (max-width: 700px){
.hint_mess{ max-width:300px;}
}




img[fs]{ cursor:pointer;}
/*fs*/
.fs-block{ display:none; position:fixed;  z-index:31;  left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px;  background:#fff url(../imgs/loading.gif) no-repeat center center; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); overflow:hidden; transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); outline:20px solid transparent;}
.fs-block img, .fs-block iframe{ position:absolute; top:0; left:0; transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block iframe{ width:100%; height:100%; z-index:1; background:#000 url(../imgs/loading_b.gif) no-repeat center center; }
.fs-block.show{ display:block;}
.fs-block:before, .fs-block:after{ position:absolute; top:50%; margin-top:-40px; display:block; padding:30px; cursor:pointer; color:#fff; font:24px icomoon; text-shadow:0px 0px 4px rgba(0,0,0,1); opacity:0.4; z-index:2; }
.fs-block:hover:before, .fs-block:hover:after{ opacity:0.9; }
.fs-block:before{  content:"{"; left:0px;}
.fs-block:after{  content:"}"; right:0px;}
.fs-modal{display:none; background:rgba(0,0,0,0.6); position:fixed; z-index:30; top:0; left:0; width:100%; height:100%;}
.fs-modal.show{ display:block;}
.fs-close{ position:fixed; z-index:32; right:5px; top:5px; display:none; padding:7px; text-decoration:none; border:0; font-size:24px; color:#fff; cursor:pointer; text-shadow:0px 0px 3px rgba(0,0,0,1); }
.fs-close.show{ display:block;}
@media screen and (max-width: 999px){
.fs-block{ outline-width:10px;}
}
@media screen and (max-width: 767px){	
.fs-close, .fs-block:before, .fs-block:after{  font-size:36px; }

}
.fs-close:before{ font-family:'icomoon'; content:"X"; }
.fs-close:hover{ color:#c60; }

/*auth*/
.vote i:before{ content:"X"; font:16px icomoon; color:#ddd; vertical-align:middle; position:relative; top:-3px;}
.vote_1 i:nth-child(-n+1):before, .vote_2 i:nth-child(-n+2):before, .vote_3 i:nth-child(-n+3):before, .vote_4 i:nth-child(-n+4):before, .vote_5 i:nth-child(-n+5):before{ color:#FC0!important;  content:"X"!important;}
.vote_0, .vote_{ display:none;} 


/*pager*/
.pager span{ display:inline-block; padding:0 40px 0 0;  line-height:28px; }
.pager span a{ display:inline-block; text-decoration:none; color:#777; border:1px solid #aaa; background:#f7f7f7; text-align:center; width:30px; margin:0 5px 0 0; border-radius:3px;}
.pager span a:hover{  background:#fff; }
.pager span a.active{ color:#fff; background:#777; }
.pager span a.dot{ color:#000; background:transparent; border-color:transparent;   }
.pager span a.dot:before{ content:"..."; font-size:18px; line-height:16px; }




/*hint*/
.hint[label]{ }
.hint[label]:before{ content:attr(label); position:absolute; bottom:35px; left:0px; background:#f7f7f2; padding:10px 14px 12px 14px; width:230px; font-size:12px; font-weight:normal; color:#555; text-align:left; white-space:normal; -webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);  box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);}
.hint[label]:after{ content:""; position:absolute; bottom:30px; left:50%; margin-left:-5px; width:10px; height:10px; overflow:hidden; background:#f7f7f2; transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);  -webkit-box-shadow:2px 2px 2px -1px rgba(0,0,0,0.5);  box-shadow:2px 2px 2px -1px rgba(0,0,0,0.5); }
.hint[label]:before, .hint[label]:after{ display:block; visibility:hidden; opacity:0; max-width:0px; overflow:hidden;  transition: opacity 0.5s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.hint[label]:hover:before, .hint[label]:hover:after{ visibility:visible; opacity:1; max-width:none;  }

.hint.icon[label]{ position:relative;  font-size:10px; font-weight:bold; display:inline-block; background:#aaa; color:#fff; border-radius:5px; padding:0 3px; position:relative; top:-1px; left:2px; cursor:pointer; }
.hint.icon[label]:hover{ background:#555; z-index:1; }
.hint.icon[label]:before{  bottom:20px; left:-70px; }
.hint.icon[label]:after{  bottom:15px;  }


/*auth*/
.auth{ background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%; --color:#e00; --color-bg:#1D2939;}




/*nicEdit*/

.nicEdit-panelContain { position:sticky; zdisplay:none;}
.nicEdit-panelEnabled { display:block; top:0; z-index:100;}
.panel .nicEdit-panelEnabled{ top:80px; }
.nicEdit-main{ border-top:1px solid #bbb; font-family:inherit; font-size:inherit;}
.nicEdit-pane{ position:fixed; bottom:26px;}


/*CUSTOM ******************************************/

.popup_cf { padding:32px;}
.popup_cf .imgs{ display:flex; gap:16px; min-height:240px; align-items: flex-start; }
.popup_cf .imgs>div{  border-radius:24px; position:relative; box-shadow:0px 0 8px #0002; cursor:pointer; border:1px solid #fff; }
.popup_cf img{border-radius:inherit; width:100%; vertical-align:top; }

@media screen and (max-width: 700px){
.popup_cf .imgs{ flex-wrap: wrap;}
}

header{ position:relative; z-index:3;}

.controls{ padding:0 0 16px 0; }
.controls aside.tabs{ margin:16px 0 0 0;}
.controls .flex{ position:relative; z-index:2;}
.controls h1{ margin:0;}



.table tr[aref], .table tr[href]{ cursor:pointer; }
.table tr[aref]:hover, .table tr[href]:hover{ background:rgb(from var(--color-yellow) r g b / 5%);; }
.table th[type="chb"]{ width:1px; }
.table th[type="num"]{ width:1px; }


.avatar{ display:flex; gap:12px; align-items: center; }
.avatar picture{ --size:40px; }

.comm{ display:inline-block;}
.comm:empty:before{ content:"..."; cursor:pointer;  }
.comm:hover, .comm:focus{ outline:1px solid var(--bg-4); outline-offset:4px;  }


#foot_bar{ position:fixed; height:50px; bottom:0; z-index:1; left:auto; right:0; border-top:1px solid #ddd; background:#f5f5f5; padding:7px 0 7px 0px; line-height:16px; clear:both;  display:flex; align-items:center; min-width:50px; box-sizing:border-box; cursor:pointer; box-shadow:0px 0px 7px 1px rgba(0,0,0,0.5); }
#foot_bar:_after{ content:""; display:block; height:7px; position:absolute; top:-7px; left:0; right:0; box-shadow:0px -7px 7px -7px rgba(0,0,0,0.5) inset;  }
#foot_bar:before{ content:"."; font:27px icomoon; color:#888; position:absolute; padding:0 10px; }
#foot_bar:hover:before{ color:#c00; }
#foot_bar>div{ display:table-cell; vertical-align:middle; }
#foot_bar.loading{ background:#f7f7f7 url(../imgs/loading_b.gif) no-repeat 10px 9px; opacity:1;}
#foot_bar.loaded{ left:0; cursor:auto;}
#foot_bar.loaded:before{ display:none;}
#foot_bar{
	background-image: linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); 
}
#foot_bar span{ padding:0 0 0 15px; white-space:nowrap;}
#foot_bar span i{ font-style:normal;}




/*status_edit*/


.status_edit{   position:relative; margin:0px 0 0px 30px;}
.status_edit ul {  position:relative; list-style:none; line-height:24px; }
.status_edit ul>li{ position:relative; padding:0px 0px 0px 30px; margin-left:-30px; cursor:grab; }
.status_edit ul>li:hover:before{ content:""; display:block; width:2px; position:absolute; top:4px; bottom:4px; left:16px; border-left:2px dotted #bbb; border-right:2px dotted #bbb; }
.status_edit ul>li .color_item{ position:relative; display:inline-block; color:#fff; border-radius:3px; padding:2px 10px; min-width:60px; min-height:24px; white-space:nowrap; background:#888; vertical-align:middle; cursor:text; margin:0px 10px 6px 0;}
.status_edit ul>li>a.but_remove{ display:none;}
.status_edit ul>li:hover>a.but_remove{ display:inline-block;}
.status_edit ul>li.dragstart>a.but_remove, .status_edit ul>li.dragstart>a.but_remove{ display:none;}
.status_edit ul>li.dragstart{ cursor:grabbing; }
.status_edit ul>li.dragstart:before{ border-color:#f00!important; }
.status_edit ul>li.dragover .color_item:before{ content:""; display:block; width:100%; height:0; position:absolute; padding:0 0 0 30px; left:-30px; top:-4px;  border-top:2px solid #09c;}

.colorpick{ display:none; position:absolute; width:165px; background:#fff; -webkit-box-shadow:2px 4px 5px 0px rgba(0,0,0,0.5); box-shadow:2px 4px 5px 0px rgba(0,0,0,0.5); padding:1px 0 0 1px; margin:28px 0 0 0px; }
.colorpick a{ display:block; float:left; width:12px; height:12px; margin:0 1px 1px 0; cursor:pointer; line-height:12px; text-align:center; text-decoration:none; border:1px solid transparent; }
.colorpick a:hover{  border-color:#000; color:#fff; }
.colorpick a:hover:before{ content:"a";  }



/*log*/
.log{ display:none; position:fixed; z-index:3; top:30px; right:0; bottom:0; min-width:100px; max-width:60%; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); background:#fff;}
.log>div{ height:100%;}
.log>div>div{ position:relative; height:100%; overflow:auto; background:#fff; z-index:1;}
.log.active{ display:block;}
.log a.but_close:before{ content:"\D7"; display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:20px; color:#888; position:absolute; top:0px; left:-30px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}
.log a.but_close:hover:before{ color:#c00; }

.log table{ border-collapse:collapse; border:0; font-size:12px; width:100%;}
.log table td, .log table th{  border-bottom:1px solid #d3d3d3; border-left:1px solid #eee; padding:10px 10px;  }
.log table th{ color:#999; font-size:10px; font-weight:normal; text-align:left; background:#fafafa;  border-top:1px solid #d3d3d3; border-bottom:2px solid #d3d3d3; padding:5px 10px; white-space:nowrap; }
.log table tr:first-child td{ border-top:1px solid #ccc;}

.log table tr.box>td{ padding-left:30px;}
.log table table{ margin:-10px;}
.log table table tr:first-child td{ border-top:0;}
.log table table tr:last-child td{ border-bottom:0;}

.log tr.type_1 td, .log tr.type_11 td, .log tr.type_21 td{ background:#f1ffea;}
.log tr:hover.type_1 td, .log tr.type_11 td, .log tr.type_21 td{ background:#ebfae5;}
.log tr.type_2 td, .log tr.type_12 td, .log tr.type_22 td{ background:#f0f9fe;}
.log tr:hover.type_2 td, .log tr:hover.type_12 td, .log tr:hover.type_22 td{ background:#eaf4fa;}
.log tr.type_3 td, .log tr.type_13 td, .log tr.type_23 td{ background:#e7e7e7;}
.log tr:hover.type_3 td, .log tr:hover.type_13 td, .log tr:hover.type_23 td{ background:#f2f2f2;}
.log tr.type_4 td{ background:#ffebe8;}
.log tr:hover.type_4 td{ background:#fae6e3;}
.log tr.type_5 td{ background:#fbfbe8;}
.log tr:hover.type_5 td{ background:#f6f6e3;}
.log tr.type_6 td, .log tr.type_26 td{ background:#eaFFFF;}
.log tr:hover.type_6 td, .log tr:hover.type_26 td{ background:#e4FFFF;}
.log tr.type_7 td, .log tr.type_27 td{ background:#eaF2F2;}
.log tr:hover.type_7 td, .log tr:hover.type_27 td{ background:#e4F2F2;}
.log tr.type_8 td{ background:#f9f0fe;}
.log tr:hover.type_8 td{ background:#f4eafa;}
.log tr.type_10 td{ background:#fef9ea;}
.log tr:hover.type_10 td{ background:#faf4e4;}
.log tr.type_28 td{ background:#f001;}
.log tr:hover.type_28 td{ background:#f002;}
.log tr.type_31 td{ background:#ed03;}
.log tr:hover.type_31 td{ background:#ed04;}



/*print*/
#uid_print{ display:none;}
#uid_print h2{ color:#000; margin:0 0 20px 0; padding:20px 0 10px 0;  border-bottom:1px solid #333; clear:both;}
#uid_print table{ border-collapse:collapse; border:0; font:13px Arial; width:100%; border:0; border-top:1px solid #333; border-right:1px solid #333;}
#uid_print table td, #uid_print table th{  border-bottom:1px solid #333; border-left:1px solid #333; padding:5px 10px;  }
#uid_print table th{ color:#333; font-size:12px; padding:10px 10px; white-space:nowrap; background:#eee; }

#uid_print table.no_border { border:0; margin:0 0 20px 0;}
#uid_print table.no_border td{ border:0; }

#uid_print .left_info{  float:left;}
#uid_print .right_info{  float:right;}
#uid_print .sep{ border-top:1px solid #000; margin:20px 0 0 0; padding:10px 0 0 0; }

@media print {
	body{ padding:0; }
	.tabs, .panel, .popup, .popup-modal{ display:none;}
	#uid_print{ display:block;}
}



/*CUSTOM ******************************************/

.block_but_edit.is_edit .but:not(.but_edit), .block_but_edit:not(.is_edit) .but.but_edit{ display:none;}
@media screen and (max-width: 700px){.block_but_edit{ display:flex; flex-wrap:wrap; gap:16px; margin-bottom:20px;}}