@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff?78') format('woff'),
		url('../fonts/icomoon.ttf?78') format('truetype'),
		url('../fonts/icomoon.svg?78#icomoon') format('svg');
	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; }


*{ padding:0; margin:0;}
body{ font: 12px Inter, Arial, sans-serif;  }

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

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

.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_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-sample{ position:relative; display:inline-block; text-align:center; opacity:0.999; }
.photo-sample:before{ content:""; display:block;  position:absolute; z-index:-1; top:0; left:0; bottom:0; right:0; background:#ccc url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTAsMTM5YzAsMjAgMTYsMzcgMzcsMzdzMzcsLTE2IDM3LC0zN3MtMTYsLTM3IC0zNywtMzdzLTM3LDE2IC0zNywzN3ptMTE3LC02MmwtNDAsMGMtMiwtMTEgLTUsLTIyIC0xNywtMjJsLTQ1LDBjLTExLDAgLTE0LDExIC0xNywyMmwtNDAsMGMtNiwwIC0xMSw1IC0xMSwxMWwwLDEwMmMwLDYgNSwxMSAxMSwxMWwxNjAsMGM2LDAgMTEsLTUgMTEsLTExbDAsLTEwMmMwLC02IC01LC0xMSAtMTEsLTExem0tODAsMTEzYy0yOCwwIC01MCwtMjIgLTUwLC01MGMwLC0yOCAyMiwtNTAgNTAsLTUwYzI4LDAgNTAsMjIgNTAsNTBjMCwyOCAtMjIsNTAgLTUwLDUwem04MCwtNzlsLTIyLDBsMCwtMTFsMjIsMGwwLDExeiIgb3BhY2l0eT0iMC41IiBmaWxsPSIjZmZmIi8+PC9zdmc+');/*ZmZm=MDAw*/ background-repeat:no-repeat; background-position:center center; background-size:100% 100%; background-size:contain;}

.photo-sample img{ vertical-align:middle; }
.photo-sample.uploading img{opacity:0.5; filter:alpha(opacity=50);}
.photo-sample>span{  position:absolute; z-index:1; bottom:8%; left:8%; display:block; width:80%; height:6px; padding:1px; margin:0 -2px; border:1px solid #555; background:#ccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; opacity:0.85; filter:alpha(opacity=85);}
.photo-sample>span span{ display:block; width:0; height:6px; background:#5c0; }
.photo-sample>span span {
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-ms-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;		
}
.photo-sample i{ position:absolute; right:5px; top:5px; background:#b00; color:#fff; border-radius:8px; display:none; text-align:center; line-height:22px; height:24px; width:24px; font-size:17px; z-index:1; cursor:pointer; font-style:normal; border:1px solid transparent; cursor:default;}
.photo-sample i:hover{ background:#d00;}
.photo-sample i:before{ content:"\D7";}
.photo-sample:hover i{ display:block;}
.photo-sample[fs]{ cursor:pointer;}
.photo-sample[fs] input[type='file']{ height:24px; width:24px; right:5px!important; top:36px!important; z-index:2; cursor:pointer; }
.photo-sample[fs]:hover:after{ content:"q"; display:block; position:absolute; font:11px icomoon; background:#fff; color:#333; line-height:24px; height:24px; width:24px; right:5px; top:36px; z-index:1; border-radius:8px; border:1px solid #ddd;}


/*form_base*/
input[type="text"], input[type="password"], textarea{ font:12px Arial; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:6px 10px; border:1px solid #bbb; vertical-align:middle;}
input[size]{ width:auto; box-sizing:content-box; -moz-box-sizing:content-box; }
.inp_r{ text-align:right; }
.inp_s1[class]{ width:460px; }
dl.select_s1{ max-width:460px; }
.inp_s2[class]{ width:227px; }

.inp_cal[type]{ width:100px;  background:transparent!important; cursor:pointer;  position:relative; }
.inp_cal[show_time]{ width:135px;}
.inp_cal_ico{ display:inline-block; position:relative; }
.inp_cal_ico:before{ content:"t"; font:14px icomoon; position:absolute; top:0.5em; right:0.5em; color:#888;  }

.checkbox{ position:relative; display:inline-block; vertical-align:middle; color:#555; text-decoration:none; white-space:nowrap;}
.checkbox input{ display:none;}
.checkbox:hover{ color:#000;}
.checkbox:before{ content:""; font:12px/15px icomoon; text-align:center; color:#580; display:inline-block; width:15px; height:15px; position:relative; top:-2px; left:0; border:1px solid #a0a0a0; vertical-align:middle; border-radius:3px; -webkit-box-shadow:0px -12px 10px 0px rgba(0,0,0,0.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow:0px -12px 10px 0px rgba(0,0,0,0.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.1);  }
.checkbox:hover:before{ background:#fffaea;}
.checkbox.active:before{ content:";"; background:#9c3; color:#fff;  }
.checkbox.star:before{ content:"5"; font:17px icomoon; background:none; color:#777; top:-4px; left:0; border:0; -webkit-box-shadow:none; box-shadow:none; text-shadow:0px 0px 1px rgba(0,0,0,0.5);  }
.checkbox.star:hover:before{ color:#000;}
.checkbox.star.active:before{content:"X"; color:#FFCC00;  }
#uid_print .checkbox.star.active:before{color:#444;  }


.form_base{  } 
.form_base h1{ font-size:16px; line-height:30px; font-weight:600; margin-bottom:15px; padding:0;}
.form_base h2{ font-size:20px; font-weight:500;  line-height:26px; margin-bottom:15px; padding:0;}
.form_base hr{ border:0; border-top:1px solid #ccc; margin-bottom:15px;  }
.form_base label{ display:inline-block; vertical-align:top; font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis; line-height:normal; padding:0.6em 0 0.4em 0; }
.form_base label.chb{ width:auto; font-size:inherit; color:inherit; white-space:inherit; text-overflow:inherit; overflow:inherit; padding:0; cursor:pointer;}
.form_base label.chb2{ width:auto; font-size:inherit; color:inherit; white-space:inherit; text-overflow:inherit; overflow:inherit; margin:-10px 0 0 130px;}
.form_base label.chb2 input{ position:relative; top:-1px; margin-right:3px;}
.form_base label.rel{ width:auto!important; padding-right:7px}
.form_base label i{ color:#c00; font-style:normal; }
.form_base .suf{ vertical-align:top;  padding:0.6em 0 0.2em 0; display:inline-block;}
.form_base .pref{ position:absolute; margin:-16px 0 0 0; font-size:11px; color:#777;}
.form_base .pref_offset{ height:14px;}

.form_base .hr_label{ position:relative; overflow:hidden;  color:#999; font-weight:bold; padding:15px 0 15px 25px; }
.form_base .hr_label:after{ content:""; display:inline-block; position:absolute; top:50%; width:100%; margin:0 -100% 0 5px; border-top:1px solid #ccc; }
.form_base .hr_label:before{ content:""; display:inline-block; position:absolute; top:50%; width:20px; left:0; border-top:1px solid #ccc; }

.form_base input[type="text"], .form_base input[type="password"], .form_base textarea{  margin-bottom:15px; }
.form_base textarea[cols]{ width:auto;}
.form_base .checkbox.inp_margin{  margin:6px 0 15px 0; }
.form_base .checkbox.inp_margin2{  margin:0px 0 8px 0; }
.form_base input[readonly], .form_base textarea[readonly]{ background:#f2f2f2;}
.form_base input[type='image'], .form_base input[type='checkbox']{  width:auto; padding:0; margin:0; border:0; border-radius:0; }
.form_base .inp_h1[name]{ font-size:20px; line-height:20px; letter-spacing:-0.03em; font-weight:300;  }
.form_base .inp_ss[name]{ font-size:11px; padding:0 10px; }
.form_base input:invalid{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

.form_base .error input, .form_base .error textarea, .form_base .select.error>dd{ border-color:#c00;}
.form_base .error{ position:relative; display:inline-block;}
.form_base .error:after{ content:"!"; position:absolute; right:7px; top:5px; color:#c00; font:16px icomoon; z-index:0; background:#fff;}
.form_base .error_s.error:after{ font-size:10px; right:4px; top:3px;}
.form_base .no_error:after{ display:none;}
.form_base .radio_group{ position:relative; display:inline-block; line-height:20px; padding:0 0 0 20px;}
.form_base .radio_group label{ padding-bottom:5px;}
.form_base .radio_group input{ position:absolute; left:0; }
.form_base .radio_group.error{ outline:1px solid #c00;}
.form_base .radio_group.error:after{ right:-20px;}
.form_base .block_error{ display:none; border:1px solid #c00; background:#fea; padding:10px; margin:0 10px 15px 123px; line-height:normal;}
.form_base .block_error.active{ display:block;}
.form_base .block_error.block_error_full{ margin:0 0 15px 0;}
.form_base .block_error.block_error_light{ background:#ffff0033; border-color:#00000033; color:#000000cc; }

.form_base .inp_error{color:#c00; margin:-12px 0 15px 0; display:none;}
.form_base .inp_error.show{ display:block;}
.form_base .inp_error span{ display:inline-block; font-size:11px; width:420px;}
.form_base .inp_hidden{position:absolute; visibility:hidden; left:0; width:1px; height:1px;}

.form_base.loading{ opacity:0.3;}
.form_base .text{ padding:0!important;}
.form_base fieldset{ border:1px solid #ddd; margin:0px -10px 20px 0; padding:6px 9px 0px 9px;}
.form_base fieldset legend{ color:#aaa; margin-left:10px; font-weight:bold;}
.form_base fieldset hr{ border:0; border-top:1px solid #ddd; margin:12px 0;}
.form_base fieldset.params .select>dd{max-width:100px;}
.form_base .line{ display:inline-block; padding-bottom:8px;}
.form_base label.full{ width:auto;}
.form_base .inp_time{ width:16px; font-size:12px; vertical-align:middle;}
.form_base .fl{ float:left; padding-right:30px;}
.form_base .fleft{ float:left; }
.form_base .fright{ float:right; }

.form_base dl.select{ margin-bottom:15px; vertical-align:middle; }
.form_base dl.select dl dd i{ font-size:10px; line-height:8px; padding-bottom:10px; display:block;}
.form_base dl.select dl dd i:before{ content:attr(lang); }

.form_base input.s_p1{ width:24px;}
.form_base input.s_p2{ width:33px;}

.form_base dl.select-flag { margin-right:0px;}
.form_base dl.select-flag>dd { padding:0px 20px 0px 8px; border-right-width:0;}
.form_base dl.select-flag>dd:before { border-width:0;}
.form_base dl.select-flag>dd span{ display:none;}
.form_base dl.select-flag dd{ color:#777;}
.form_base dl.select-flag .flag{ display:inline-block; }
.form_base dl.select-flag .ccode{ line-height:15px; color:#000; padding-left:7px;}
.form_base dl.select-flag dl dd.selected, .form_base dl.select-flag dl dd.selected .ccode{ color:#fff;}

.form_base .link_comm{ position:relative; display:inline-block; left:20px; border-bottom:1px dashed #09c; line-height:12px; font-size:12px; margin-bottom:20px; }
.form_base .link_comm:before{ content:"+"; position:absolute; left:-18px; top:1px; font-size:18px; }
.form_base .link_comm:hover{ border-color:#c00;}

.form_base .photo{ width:275px;}
.form_base .photo .photo-sample{ width:60px; height:auto; margin-right:5px; border:1px solid #ccc; vertical-align:top; margin-top:10px;}
.form_base .photo .photo-sample img{ max-width:100%;}
.form_base .photo .photo-sample-empty{ min-height:60px;}
.form_base .photo .photo-sample-img:before{ display:none;}

.form_base .photo2{ width:730px; }
.form_base .photo2 .photo-sample{ width:160px; height:160px; min-height:160px; line-height:160px; text-align:center; margin:0 20px 20px 0; }
.form_base .photo2 .photo-sample img{ max-height:100%;}
.form_base .photo2 .photo-sample.dragstart{   box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);}
.form_base .photo2 .photo-sample.dragover{ border-left-color:#09c;}

.form_base .photo2 .photo-sample .photo-hint{ display:none; position:absolute; left:0; right:0; text-align:center; bottom:10px; line-height:normal;}
.form_base .photo2 .photo-sample .photo-hint div{ display:inline-block; background:#dddd; border:1px solid #ccc; border-radius:2px; padding:4px 10px; color:#000; margin:0 auto; }
.form_base .photo2 .photo-sample:hover .photo-hint{ display:block;}

.form_base .col_2_3{ box-sizing:border-box; width:70%; float:left; padding:0 0 0 20px;}
.form_base .col_1_3{ box-sizing:border-box; width:30%; float:left; }

.form_base .multi_item{ margin:-10px 0 5px 123px; }
.form_base .multi_item>span{ display:inline-block; line-height:30px; background:#ddd; padding:0 7px; margin:0 5px 5px 0; }
.form_base .multi_item>span .but_remove{ position:relative; top:2px;}

.form_base .show_password{ position:absolute; vertical-align:top; padding:0.4em; color:#bbb; cursor:pointer; margin-left:-2.5em;}
.form_base .show_password:hover{ color:#999;}
.form_base .show_password:before{ content:"p"; font:1.4em icomoon;}
.form_base .show_password.active:before{ content:"j";}

.form_base .show_loading{ position:relative; display:inline-block;}
.form_base .show_loading:before{ content:""; display:block; width:20px; height:20px; position:absolute; top:2px; left:-24px; background:#fff url(../imgs/loading_s.gif) no-repeat center center; }

.autocomplete{ position:relative; line-height:normal; }
span.autocomplete{ display:inline-block; margin-right:6px; }
.autocomplete.a_block{ display:block; margin-right:0px; }
.autocomplete input[readonly]{ font-weight:normal!important; background:#f0f0f0;  }
.autocomplete div{ position:absolute; z-index:2; left:0px; top:30px; background:#ffe; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5); min-width:130px; text-align:left; line-height:24px; font-size:12px;}
.autocomplete div a{ display:block; padding:0px 11px; min-height:20px; color:#000; text-decoration:none; white-space:nowrap; border-bottom:1px solid #ddc;}
.autocomplete div a:hover, .autocomplete div a.active{ background:#07c; color:#fff; }
.autocomplete .but_clear, .autocomplete .but_enter{ position:absolute; top:1px; right:1px; bottom:16px; display:none; padding:0 0.3em; line-height:1.3em; text-align:center; color:#b33; font-size:1.7em; text-decoration:none; background:rgba(255,255,255,0.8); }
.autocomplete .but_clear:before{ content:"\D7"; }
.autocomplete .but_enter:before{ content:"\21b5"; color:#777; }
.autocomplete.has-value .but_clear{ display:block;}
.autocomplete .but_new{ position:absolute; top:1px; right:1px; z-index:1; display:block; width:26px; line-height:26px; text-align:center; color:#09c; font-size:20px; text-decoration:none; }
.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:26px; position:relative; zheight:28px; overflow:hidden; vertical-align:middle; margin-right:6px; .display:inline; zoom:1; color:#111; font-size:12px; border-color:#bbb; text-align:left;  }
dl.select dd { padding:0px 3.8em 0 0.85em; line-height:inherit; white-space:nowrap;}
dl.select>dd {position:relative; background:#fff; border-width:1px; border-style:solid; border-color:inherit; border-radius:inherit; overflow:hidden; max-width:600px;  cursor:pointer; }
dl.select>dd:before {content:""; position:absolute; top:0px; bottom:0; right:0px;  display:block; width:26px; font-size:24px; text-align:center; background:inherit; border-left-width:inherit; border-left-style:solid; border-color:inherit; }

dl.select>input{ border:0; height:0; width:0; padding:0;}
dl.select>dd:after{ content:""; position:absolute; top:50%; margin-top:-1px; right:10px; width:5px; height:5px; border:1px solid #555; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; -webkit-transform:rotateZ(-135deg); -webkit-transform-origin: 30% 30% 0px; }
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 dd.default { color:#999; }
dl.select dl { position:absolute; background:#fff;  border-width:1px; border-style:solid; border-color:inherit;  max-height:310px; overflow:auto; overflow-x:hidden; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);  }
dl.select[align="right"] dl { right:0;}
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>dl {  z-index:1; }
dl.select:hover>dd:before { z-index:1; background:transparent; }
dl.select-loading{ opacity:0.5;}


dl.select dd i{ font-style:normal; color:#999;}
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-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"; }
.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:400px; }
.popup-half{ width:670px; }
.popup-text{width:910px;}

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



.popup .form_base{ padding: 30px;}
.popup .form_base h1{ margin:-20px 0 20px 0; font-size:24px; font-weight:normal;}
.popup h2.ok{ font-size:18px; color:#790;}
.popup h2.err{ font-size:18px; color:#c00;}
.popup .mess{ line-height:20px; padding:0 0 20px 30px; font-size:16px;}





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; }


/*delivery*/
.delivery_addr{ position:relative; padding:0 0 0 26px;}
.delivery_addr:before{ content:""; display:inline-block; width:20px; height:20px; position:absolute; top:50%; left:0; margin-top:-10px; background:url(../imgs/delivery5.png) no-repeat 0 0px; border-radius:3px; }
.delivery_:before {background:none;}
.delivery_00:before{ background-position:0 0px;}
.delivery_01:before{ background-position:0 -60px;}
.delivery_10:before, .delivery_11:before{ background-position:0 -20px;}
.delivery_20:before, .delivery_21:before{ background-position:0 -80px;}
.delivery_30:before, .delivery_31:before{ background-position:0 -40px;}
.delivery_40:before, .delivery_41:before{ background-position:0 -120px;}
/*.delivery_2:before{ background-position:0 -40px;}
.delivery_4:before{ background-position:0 -60px;}
.delivery_5:before{ background-position:0 -100px;}*/

#block_delivery{}
#block_delivery_city, 
#block_delivery_np_branch, 
#block_delivery_branch_num, 
#block_delivery_zip, 
#block_delivery_address,
#block_delivery_address_raw,
#block_delivery_address_sep,
#block_delivery_dest_type, 
#block_delivery_place, 
#block_delivery_dest_mode, 
#block_delivery_dest_time, 
#block_delivery_dest_time_mess
	{ display:none;}
	
#block_delivery_dest_time_mess{ margin:0 0 15px 3px ; color:#690;}
	
#block_delivery.delivery_0 #block_delivery_city, 
#block_delivery.delivery_0.dest_type_0 #block_delivery_np_branch, 
#block_delivery.delivery_0.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_0.dest_type_1 #block_delivery_address_raw, 
#block_delivery.delivery_1 #block_delivery_city,
#block_delivery.delivery_1.dest_type_0 #block_delivery_zip,
#block_delivery.delivery_1.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_1.dest_type_1 #block_delivery_address_raw,  
#block_delivery.delivery_2 #block_delivery_place, 
#block_delivery.delivery_3 #block_delivery_city,
#block_delivery.delivery_3 #block_delivery_address_sep,
#block_delivery.delivery_3 #block_delivery_address_raw, 
#block_delivery.delivery_3 #block_delivery_dest_time_mess,
#block_delivery.delivery_4 #block_delivery_city,
#block_delivery.delivery_4.dest_type_0 #block_delivery_np_branch,
#block_delivery.delivery_4.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_4.dest_type_1 #block_delivery_address_raw,
#block_delivery.delivery_9 #block_delivery_address, 
#block_delivery.delivery_9 #block_delivery_address_raw
	{ display:block;}
	
#block_delivery.delivery_0 #block_delivery_dest_type, 
#block_delivery.delivery_1 #block_delivery_dest_type, 
#block_delivery.delivery_1 #block_delivery_dest_mode,
#block_delivery.delivery_3 #block_delivery_dest_time, 
#block_delivery.delivery_4 #block_delivery_dest_type
	{ display:inline-block; }



/*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:#42e;}
.auth h2{ margin:-50px -50px 50px -50px; padding:20px 0; color:#555; font-size:24px; background:#333; border-bottom:5px solid var(--color); color:#fff; text-align:center; border-radius:10px 10px 0 0; }
.auth form{ position:absolute; left:50%; top:50%; margin:-160px 0 0 -215px; width:333px; padding:50px;  background:#f7f7f7;  border-radius:10px; color:#000; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.auth form span{ display:block; position:relative; }
.auth form span:before{ font:32px 'icomoon'; position:absolute; left:20px; top:14px; color:#999; }
.auth input{ padding:10px 17px 10px 60px; font-size:24px; line-height:36px; border-radius:5px;  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.1) inset; margin-bottom:15px;  }
.auth a{ position:relative; display:block; font-size:32px; text-align:center;  padding:10px 0px 10px 0px;  border:2px solid #bbb; border-radius:5px;  box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.1) inset; background:var(--color); color:#eee;  text-decoration:none; }
.auth a:hover{ filter:brightness(1.2);  color:#fff; }
.auth a:active{  -webkit-box-shadow:none;  box-shadow:none; }
.auth a:before{ color:#ddd; }
.auth a.logout:before{ content:"z"; font:32px 'icomoon'; position:absolute; left:15px; top:8px; color:#ccc; }



/*admin*/
.admin_links{ position:absolute; top:30px; left:0; z-index:1; border-radius:0 0 4px 4px; background:#a00; padding:0px 6px 3px 6px; font-size:10px; line-height:14px; -webkit-box-shadow:box-shadow:1px 1px 1px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 1px 0px rgba(0,0,0,0.3);  color:#fff;  }
.admin_links a{ text-decoration:none; color:#fff; padding:0 6px;  }
.admin_links a:hover{ text-decoration:underline;  }
.admin_links a.count_0{ color:#ccc; }
.admin_links.mode_view{ background:#555; opacity:0.5;}

.but_add_product{ display:inline-block; width:200px; border:1px solid #bb8; background:rgba(255, 255, 250, 0.5); padding:10px; margin:0 13px 20px 0;  border-radius:5px;  -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); text-align:center; vertical-align:top;text-decoration:none;  color:#333; }
.but_add_product:hover{ background:#fff; -webkit-box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7); box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7);  }
.but_add_product  .add{ display:block; margin:48px auto; border:5px solid #ce9; border-radius:5px; color:#790; font-weight:bold; font-size:72px; width:60px; height:60px; line-height:60px; text-align:center;   }




/*nicEdit*/
/*ce*/
.ce img::selection {background:transparent;}
.ce .photo-sample{ width:200px; height:auto; border:0; background:#eee; -webkit-box-shadow:none; box-shadow:none;}
.ce .photo-sample-empty{ min-height:200px; }
.ce{ line-height:1.5em;}
.ce p{ padding:0 0 10px 0; }
.ce u{ color:#d00; text-decoration:none; }
.ce img[align=left]{ margin:0 10px 10px 0;}
.ce ul {  padding:0 0  0.5em 1.5em;}
.ce ul li{ position:relative; padding:0 0 0.5em 1.5em;}
.ce ul li:before{ font-family:icomoon; content:";"; position:absolute; left:0; top:0.05em;}
.ce ul ul {  margin-left:1.5em;}
.ce ul ul li{ list-style:disc; padding-left:0; }
.ce ul ul li:before{ display:none;}

.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;}
.nicEdit-pane{ position:fixed; bottom:26px;}



.test_mode{ position:fixed; bottom:0; left:0; right:0; background:#e00; color:#fff; text-align:center; font:11px Arial, Helvetica, sans-serif; padding:4px 10px; z-index:1000;}html{ height:100%;}
body{ padding:80px 0 0px 0px; height:100%; box-sizing:border-box; }

a{ color:#09c; text-decoration:underline;}
a.no_link{ color:inherit; text-decoration:inherit; }
a:hover{ color:#c00;  }

*[data-icon]:before{ font-size:16px; position:relative; top:2px; line-height:10px; margin-right:0.4em;}
.icon_s[data-icon]:before{ font-size:10px; top:0;}


.page_break{ page-break-before: always;}
.page_break:first-child{ page-break-before: auto;}
.block_break{ page-break-inside: avoid;} 
.block_break:first-child{ page-break-inside: auto; }

h1{ font-size:28px; line-height:30px; font-weight:400; }
h1 small{ font-size:18px; color:#555; }
h2{ font-size:20px; color:#444; font-weight:500; padding:0 0 15px 0px;}
h3{ font-weight:500; }

.but { position:relative; top:0px; display:inline-block; padding:6px 25px; font-weight:bold; min-width:20px; border-radius:2px;  -webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3); background:#f8f8f8; color:#555; font-size:12px; border:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.3); vertical-align:middle; text-decoration:none; text-align:center;  line-height:normal; cursor:pointer; }


.but:hover{ background-color:#fff; color:inherit;}
.but:active{  top:1px; left:1px; -webkit-box-shadow:none; box-shadow:none;}
.but{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); 
}


.photo-but{ display:inline-block; position:relative; vertical-align:middle;}
.form_base .uploads .photo-sample{ width:auto; height:auto;  min-width:60px;   margin:0 0 10px 10px; border:1px solid #999; vertical-align:middle;}
.form_base .uploads .photo-sample.uploading{  min-height:60px; }
.form_base .photo-sample.inp_img{ width:auto; height:auto;   min-height:60px; margin:0 0 15px 0px; }
.form_base .photo-sample.inp_img.photo-sample-empty{ width:180px;}
.form_base .photo-sample.inp_img img{   min-height:60px; vertical-align:top; }

.as_a:hover{ color:#09c; cursor:pointer;}

.count{ text-align:center; font-size:14px; font-weight:bold; text-decoration:none;}
.count a{text-decoration:none;}
.count_allegro{ color:#F60;}
.count_avail{ color:#690;}
.count_sklad{ color:#09C;}
.count_reserv{ color:#C00;}
.count_wait{ color:#72F;}
.count_need{ color:#888;}
.count_sold{ color:#04b;}

.tr_active td{ background:#Fd2!important;}
.tr_active:hover td{ background:#Fe3!important;}

.but[data-icon]{ padding-left:30px; padding-right:10px;}
.but[data-icon]:before{  font-size:14px; position:absolute; left:9px; top:8px;}

.but_ico[data-icon]{ padding-left:7px; padding-right:7px; min-width:0; vertical-align:middle; color:#555; background:transparent; border:0; cursor:pointer;}
.but_ico[data-icon]:before{ position:relative; left:0; top:2px; margin:0; font-size:20px; }
.but_ico[data-icon]:hover{ color:#c00;}
.but_ico.ico_red{ color:#a43}
.but_ico.ico_green{ color:#580;}
.but_ico.ico_blue{ color:#07a;}

.but_plus{display:inline-block; font-size:20px; line-height:22px; width:22px; text-align:center; border:2px solid #888; background:#fcfcfc; vertical-align:top; color:#888; text-decoration:none; border-radius:22px; font-weight:bold;}
.but_plus:before{ content:"+"; }
.but_plus:hover{background:#888; color:#fff; }

.but_add{ padding:2px 7px; min-width:0px;}
.but_add:before{ content:"+"; position:relative; left:0; top:1px; margin:0; font-size:20px;  color:#777;}
.but_add:hover:before{ color:#09c;}

.but_minus:before{ content:"-";}

.but_delete{ color:#f00;}
.but_remove{ color:#aaa; text-decoration:none; font-size:16px; line-height:8px; display:inline-block; padding:4px; margin:0px -5px;}
.but_remove:hover{ color:#b30;}
.but_remove:before{ content:"d"; font-family: 'icomoon';}
.but_remove_2{ color:#c00; text-decoration:none; display:inline-block; padding:4px; margin:-4px -5px;}
.but_remove_2:hover{ color:#f00;}
.but_remove_2:before{ content:"1"; font: 18px 'icomoon';}
.but_restore{ color:#09c; text-decoration:none; display:inline-block; padding:4px; margin:-4px -5px;}
.but_restore:hover{ color:#0af;}
.but_restore:before{ content:"n"; font: 18px 'icomoon';}
.but_cancel{ color:#c55; text-decoration:none; margin-left:20px; display:inline-block; border-bottom:1px dashed #c55; line-height:normal;}
.but_edit{ color:#aaa; text-decoration:none;}
.but_edit:hover{ color:#09c;}
.but_modif{ color:#690; font-size:16px;}
.but_copy{ color:#960; font-size:15px;}
.but_allegro{ color:#F60; font-size:18px; font-weight:bold; text-decoration:none; line-height:16px;}
.but_info{ color:#EC0; font-size:17px; }
.but_check{  font-size:20px; vertical-align:top; line-height:25px;}
.but_check.loading{ background:url(../imgs/loading_s.gif) no-repeat 0 0; opacity:1!important;}
.but_check.loading:before{ opacity:0;}
.but_set_price{ display:inline-block; line-height:14px; font-size:16px; height:20px; width:20px; vertical-align:top; position:relative; top:3px; text-align:center; border:1px solid #09c; border-radius:20px;}
.but_loading.loading{ display:inline-block; width:25px; height:25px; background:url(../imgs/loading_s.gif) no-repeat 0 0; opacity:1!important; vertical-align:middle;}
.but_simple{ display:inline-block; color:#555; border:1px solid #ccc; padding:2px 5px; margin:-3px 6px -3px 0;  text-decoration:none; border-radius:2px;}
.but_simple:hover{ background:#aaaa0011;}
.but_simple:before{ font:18px/10px arial; }

.but_save{ padding-left:15px; padding-right:15px; }
.but_save i{ background:rgba(0,0,0,0.2); position:relative; margin:-5px 10px -5px -15px; display:inline-block; width:24px; padding-bottom:2px;  border-radius:3px 0 0 3px; border-right:1px solid rgba(255,255,255,0.5); text-align:center; vertical-align:top; }
.but_save i:hover{ background:rgba(0,0,0,0.1); }
.but_save i:before{ content:""; display:inline-block; width:6px; height:4px; border:2px solid #eee; border-bottom:0; border-left:0; margin:10px 5px 4px 9px;}
.but_save i:after{ content:""; display:block; width:0; height:0; position:absolute; left:0px; top:6px; border:5px solid transparent; border-right-color:#eee;}


    
.but_icon{ position:relative; top:4px;  color:#bbb; text-decoration:none; margin-left:10px; vertical-align: baseline; display:inline-block; line-height: 12px; text-align: center;}
.but_icon:hover{ color:#c00;}
.but_icon:before{ font: 24px/20px 'icomoon'; margin:0;}
.but_icon.active{ color:#09c;}

.but_back{ display:inline-block; position:absolute; left:0; top:0px; width:40px; height:50px;  box-shadow:0px 20px 20px -4px rgba(0,0,0,0.07) inset; border-right:1px solid #fff; }
.but_back:hover{ background:#777;}
.but_back:before{ content:""; position:absolute;  width:12px; height:12px; border:2px solid #777; border-right:0; border-bottom:0; transform:rotateZ(-45deg);  transform-origin: 270% -20% 0px; -webkit-transform:rotateZ(-45deg); -webkit-transform-origin: 270% -20% 0px;}
.but_back:hover:before{ border-color:#fff;}
.but_back:hover:after{ border-right-color:#fff;}


.but_txt{ background:#ddd; color:#555; border-radius:4px; padding:6px 12px; text-decoration:none; white-space:nowrap; }
.but_txt:hover{ background:#f4f0d0; color:#333;}
.but_txt.active{ color:#fff; background:#777;}
.tabs .but_txt{ padding:9px 10px; margin:0 10px 0 1px;}
.controls  .but_txt{ margin-left:10px; }
h2 .but_txt{ padding:8px 10px; font-size:14px;}


.but_green{ background-color:#88bb22; color:#fff;}
.but_green:hover{ background-color:#99dd33; color:#fff;}
.but_blue{ background-color:#2be; color:#fff;}
.but_blue:hover{ background-color:#3cf; color:#fff;}
.but_pink{ background-color:#b59; color:#fff;}
.but_pink:hover{ background-color:#d5b; color:#fff;}
.but_orange{ background-color:#e92; color:#fff;}
.but_orange:hover{ background-color:#fa3; color:#fff;}
.but_red{ background-color:#c54; color:#fff;}
.but_red:hover{ background-color:#e65; color:#fff;}
.but_disabled, .but_disabled:hover{ background-color:#bbb; cursor:default; }

.but_hidden{ display:none;}

.icon{ display:inline-block; width:22px; height:22px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; filter:saturate(0.6);}
.icon:hover{ filter:saturate(1.4);}
.icon.ico_telegram{  background-image:url(../imgs/ico_telegram.png);}
.icon.ico_viber{  background-image:url(../imgs/ico_viber.png);}


.loading_rotate.loading:before{animation:rotate 1s infinite linear; -webkit-animation:rotate 1s infinite linear; }
@keyframes rotate {100% {transform:rotate(360deg)}}
@-webkit-keyframes rotate {100% {-webkit-transform:rotate(360deg)}}

.dd_add{ position:relative; z-index:2; display:inline-block;}
.dd_add>div,.dd_add>ul{ line-height:normal; display:none; position:absolute; top:32px; margin-top:8px; left:0; border:1px solid #ccc; background:#fff; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5);  }
.dd_add:hover>div,.dd_add:hover>ul{ display:block; }
.dd_add>div a{ display:block; color:iherit; padding:0 20px 0 8px; line-height:32px; white-space:nowrap; text-decoration:none; }
.dd_add>div a span{ color:#000;}
.dd_add>div a:hover{ background:#fafae0; }
.dd_add>ul{ white-space:nowrap; padding:15px 15px 0 15px; }
.dd_add>ul label{ padding:0.6em 0 0.2em 0; font-weight:normal; }
.dd_add>ul>li{ white-space:nowrap;  }

.dd_add .check_if_superadmin{ display:none;}

.if_checked{ display:none;}
.is_checked .if_checked{ display:inline-block;}


.link_add{ position:relative; display:inline-block; border-bottom:1px dashed #09c; line-height:14px; text-decoration:none; }
.link_add:before{ content:"+"; position:absolute; left:-18px; top:1px; font-size:18px; }
.link_add:hover{ border-color:#c00;}

.to_clipboard{ cursor:pointer; color:#999; display:inline-block; margin:0 0 0 6px; text-decoration:none; transition: background 1s cubic-bezier(0.1, 0.9, 0.3, 1.0); border-radius:10px;}
.to_clipboard:before{ content:"8"; font:12px icomoon;}
.to_clipboard:hover{ color:#333;}
.to_clipboard:active{ background:#09c; transition: none;}

.tabs{ position:fixed; height:30px; top:0; z-index:2; left:0; right:0; background:#c6c9cc;  font-weight:bold; white-space:nowrap; --color:#42e; }
.tabs:before{ content:""; position:absolute; left:0; right:0; bottom:0; display:block; height:5px; box-shadow:0px -5px 5px -5px rgba(0,0,0,0.2) inset;}

.is_test .tabs .parent{ --color:#d00; }
.tabs .parent{ position:relative; display:inline-block; font-size:16px; line-height:30px; padding:0px 0px 0 0px; margin-right:20px; }
.tabs .parent>a{ position:relative; display:inline-block; font-weight:bold; text-decoration:none; padding:0px 10px 0 10px; background:var(--color); color:#fff; left:20px; }
.tabs .parent>a:after{ content:""; display:block; height:0; width:0; border:15px solid transparent; border-left:10px solid var(--color); position:absolute; left:100%; top:0; }
.tabs .parent .dd{ display:none; position:absolute; top:100%; left:20px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5); box-sizing:border-box; min-width:100%;  background:#fff;}
.tabs .parent.open .dd{ display:block;}
.tabs .parent .dd a{ display:block; font-weight:400; text-decoration:none; color:#000; padding:0 10px; }
.tabs .parent .dd a:hover{ background:#eee;}
.tabs .parent .dd a.active{ color:var(--color);}

.tabs>ul{ display:inline-block; list-style:none; background:#eee; line-height:30px; padding:0 0 0 10px;}
.tabs>ul>li{ display:inline-block; position:relative; margin-right:1px; }
.tabs>ul>li:after{ content:""; position:absolute; right:-1px; top:5px; height:20px; width:1px; background:#bbb; }
.tabs>ul>li>a{ display:inline-block; text-decoration:none; color:#888; padding:0 8px; z-index:3; position:relative;  sbox-shadow:0px -5px 5px -5px rgba(0,0,0,0.1) inset;}
.tabs>ul>li>a[data-icon]:before{ margin:0; }
.tabs>ul>li:hover>a{ background:#f0f0f0; color:#333;  box-shadow:none; z-index:4;}
.tabs>ul>li.active{ z-index:3; }
.tabs>ul>li.active>a{ color:#000; background:#fff; padding-bottom:5px; border-top:5px solid #09c; line-height:20px; box-shadow:none; }
.tabs>ul>li>ul{ display:none; position:absolute; background:#fcfcfc; top:29px; left:-1px; border:1px solid #aaa;  border-radius:0 0 3px 3px;  -webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3); min-width:100%; }
.tabs>ul>li:hover>ul{ display:block;}
.tabs>ul>li>ul>li>a{ display:block; padding:3px 10px;  }
.tabs>ul>li>ul>li>a:hover{  background:#fff; }
.tabs>ul>li>ul>li.active>a{ color:#c00;  background:#fff; }
.tabs a .unread{ padding:0 5px; border-radius:10px; background:#c00; color:#fff; display:inline-block; margin-left:4px; vertical-align:text-top; line-height:14px; font-size:10px;}
.tabs a .unread:hover{  background:#f22; }


.lang{ display:inline-block; padding:0 0 0 20px; }
.lang a{ font-weight:normal;}
.lang a:before{ content:"|"; color:#999; display:inline-block; margin:0 7px;}
.lang a:first-child:before{ display:none;}
.lang .active{ color:#555; text-decoration:none; font-weight:bold; cursor:default;}

.gname{ display: inline-block; background:#ceF; line-height:20px; padding:0 5px; margin:0 0 0 4px; text-decoration:none; color:#000; }
.cname{ display: inline-block; background:#FC0; line-height:20px; padding:0 5px; margin:0 0 0 4px; text-decoration:none; color:#000; }

.side_r{ position:absolute; right:0px; top:0px; }

.user{ position:relative; display:inline-block; vertical-align:middle; height:28px; line-height:14px; padding:1px 10px 1px 40px; background:#FFCC00; font-weight:normal; color:#000; text-decoration:none; font-size:11px;}
.user:hover{ background:#fafaf8;}
.user:before{content:"u"; font:16px icomoon;  position:absolute; left:3px; top:3px; color:#aaa; background:#eee; display:block; width:24px; line-height:24px; text-align:center; }

.controls{ position:fixed; top:30px; left:0; right:0; padding:0px 0 0px 10px; height:50px; line-height:50px;  background:#fbfbfb; z-index:3; }
.controls.is_trash{ background-color:#ffeeea;}
.controls{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); 
}
.controls label{ font-weight:bold; padding:0 6px 0 20px;}
.controls .inp{border:1px solid #aaa; padding:6px 10px; width:200px; background:#f9f9f9; font-size:14px; border-radius:3px; -webkit-box-shadow:box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; vertical-align:middle;  }
.controls .inp_l{ width:300px;   }
.controls .inp2{ width:100px;   }
.controls .search_close{ display:none; position:absolute; margin:4px 0 0 -24px;  text-decoration:none;  }
.controls .search_close:before{ content:"x"; font:18px icomoon; color:#c11;   }
.controls .search_close.show{ display:inline-block;}
.controls .page_close{ display:block; width:24px; height:24px; border-radius:12px; text-align:center; background:#c11; position:absolute; right:20px; top:5px;   }
.controls .page_close:hover{ background:#d22;   }
.controls .page_close:before{ content:"x"; font:16px/24px icomoon; color:#fff; }

.controls .but{ margin:0 10px 0 0;}
.controls .but + .but{ margin-left:0;}
.controls .but_back{ margin-right:10px; }
.controls .checkbox{ margin:0 10px; }
.controls .select{ }

.controls .sep{ display:inline-block; position:relative; width:0; height:34px; margin:-12px 10px -12px 3px; border-left:1px solid #fff; border-right:1px solid #ddd; }
.controls .select + .sep{ margin-left:4px; }
.controls .aside .sep{ display:block; border:0; width:auto; border-top:1px solid #fff; border-bottom:1px solid #ccc; height:0px; margin:12px 0 3px 0;}

.controls h1{ font-weight:normal; font-size:18px; display:inline-block; padding:0 20px 0 20px; vertical-align:middle;}
.controls h1 i{ font-style:normal; color:#a00;}
.controls .but_back + h1{ padding-left:50px; }

.controls input{ margin-bottom:0; font-size:12px; }
.controls .inp_cal_ico{ background:#fff; line-height:30px; display:inline-block;}
.controls .inp_l{ width:250px; margin:-2px 0px 0 0;}
.controls .inp_m{ width:120px; margin:-2px 0px 0 0;}
.controls .inp_s{ width:60px; margin:-2px 0px 0 0;}

.controls .block_dd{ display:none; background:#eee; box-shadow:1px 1px 7px 0px rgba(0,0,0,0.4); padding:5px 10px; border-radius:6px; position:absolute; top:30px; right:0; white-space:nowrap;}
.controls .block_dd.active{ display:block; }

.controls .block_r{position:absolute; right:20px; top:0px;}
.controls .paging { font-size:14px; color:#555;}
.controls .paging a{ display:inline-block; background:#e7e7e7; border:1px solid #ccc; border-radius:4px; padding:5px 7px; color:#777; line-height:20px;}
.controls .paging a:before{ margin:0;}
.controls .paging a:hover{ background:#d7d7d7;}
.controls .paging b{ padding:0 4px;}

.controls .clear_filter{ display:none;} 
.controls.has_filter .clear_filter{ display:inline-block;} 


/*calendar_block*/
.calendar_block{ display:inline-block; position:relative; background:#fff; border:1px solid #bbb; padding:0 30px 0 23px; height:26px; 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; }


.panel .show_if_has_checked{ display:none;}
.panel.has_checked .show_if_has_checked { display:inline-block;}

.sub_tabs{}
.sub_tabs a{ border:1px solid #999; padding:4px 10px; text-decoration:none; color:#036; background:#fff6; margin-right:10px;}
.sub_tabs a:hover{ background:#0001; }
.sub_tabs a.active{ background:#036; color:#fff;}


.aside{ display:none; position:fixed; left:0; top:80px; bottom:0; min-width:50px; max-width:400px; box-sizing:border-box; padding:10px 20px; background:#f4f4f4; border-right:1px solid #ddd; border-top:1px solid #ddd; overflow:auto; line-height:24px;}
.controls .ruler{ position:fixed; top:80px; bottom:0; width:7px; z-index:1; background:rgba(0,0,0,0.02);}
.controls .ruler:hover, .controls .ruler.hover{ cursor:e-resize; background:#bbb;}
.aside label{ display:block; padding:7px 0 0 0;}
.aside .autocomplete{width:100%; }
.aside .autocomplete input{ width:100%!important; box-sizing:border-box;}
.aside .sub_select{ display:block;}
.aside .select{ margin-bottom:5px;}
.with_aside .aside{ display:block;}



#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;}



.panel table{ border-collapse:collapse; border:0; font-size:12px; width:100%; border-top:1px solid #d3d3d3;}
.panel table.inline{ width:auto;}
.panel table tbody.loading, .panel table tr.loading{ opacity:0.5;}
.panel table tr.hide {display: none;}
.panel table tbody.hide_group tr:not(:first-child) {display: none;}
.panel table td, .panel table th{  border-bottom:1px solid #d3d3d3; border-left:1px solid rgba(0,0,0,0.05); padding:10px 10px;  }
.panel table td[aref]{ cursor:pointer; }
.panel table th{ color:#999; font-size:10px; font-weight:normal; text-align:left; background:#fafafa;  border-bottom:2px solid #d3d3d3; padding:5px 10px; white-space:nowrap; }
.panel table th[align=center]{ text-align:center; }
.panel table tr.v_top>td { vertical-align:top;}
.panel table tr td:first-child, .panel table tr th:first-child{ border-left:0px solid #ccc;}
.panel table tr[aref], .panel table tr[ref], .panel table tr.hand{ cursor:pointer;}
.panel table img{ margin:-8px -8px -8px 0; vertical-align:top;}
.panel table .max{ display:inline-block; max-width:200px; overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis;}
.panel table.no_border{ border:0; }
.panel table.no_border th{ border-left:0; padding:8px 10px; color:#777; font-size:12px; font-weight:500; background:none; }
.panel table.no_border td{ border:0; padding:12px 10px; }
.panel table.no_border td:first-child, .panel table.no_border th:first-child{ padding-left:0;}
.panel table.no_border td:last-child,  .panel table.no_border th:last-child{ padding-right:0;}


.panel table tbody[empty]:before{ content:'- Немає елементів -'; position:absolute; left:0; right:0; font-size:14px; color:#aaa; text-align:center; padding:20px 0;}

.panel table>tbody>tr[id]:hover{ background:#fafaf4;}
.panel table>tbody>tr[id].checked td{ background:#f0f9fc;}
.panel table>tbody>tr[id].checked:hover td{ background:#ecf6fa;}

.panel table tr.status_0 td:first-child{ border-left-color:#999;}
.panel table tr.status_1 td:first-child{ border-left-color:#c11;}
.panel table tr.status_2 td:first-child{ border-left-color:#EC0;}
.panel table tr.status_3 td:first-child{ border-left-color:#F80;}
.panel table tr.status_5 td:first-child{ border-left-color:#790;}
.panel table tr.status_10 td:first-child{ border-left-color:#93C;}
.panel table tr.status_11 td:first-child{ border-left-color:#09c;}

.panel table.flat td{ border:0; padding:4px 10px;  }
.panel table.flat>tbody>tr:hover{ background:none;}

.panel table .color{ display:inline-block; width:16px; height:16px; border-radius:2px; border:1px solid #999;}
.panel table .date{ font-size:11px; color:#555;}
.panel table .checkbox{ margin:0 0 -2px 0; }

.panel table td.col_date{ font-size:10px ; color:#555; line-height:13px; padding-top:5px; padding-bottom:5px; text-align:right;}

.panel table tr[_ondragdrop]:hover td:first-child:before{ content:""; position:absolute; margin:-12px 0 0 -22px; display:block;  height:40px;  cursor:pointer; border-left:2px dotted #bbb; border-right:2px dotted #bbb; width:3px;   }
.panel table tr[ondragdrop].dragstart{ cursor:grabbing; opacity:0.5; }
.panel table tr[ondragdrop].dragover{  border-top:3px solid #09c; margin-top:-2px;}


.panel table tr.deleted { background:#eee;}
.panel table tr.deleted a{ color:#888;}



.panel {position:relative; }
body>.panel { height:100%; z-index:1; min-width:1000px;}
.panel .table-scroll{padding:0px 0 50px 0; }
.panel .table-scroll td{box-sizing:border-box; -moz-box-sizing:border-box; }
.panel .table-scroll th{border-bottom:0px; position:relative; background:#f8f8f8; }
.panel .table-scroll thead tr{position:sticky; top:80px; z-index:1; }
.panel .table-scroll thead tr:after{ content:""; display:block; height:7px; position:absolute; left:0; right:0px;  bottom:-7px; box-shadow:0px 7px 7px -7px rgba(0,0,0,0.5) inset; z-index:1;  } 
.panel .table-scroll th:before{ position:absolute; content:''; left:-1px; top:-1px; right:0px; bottom:0; width:100%; border-top:1px solid #d3d3d3; border-left:1px solid #e3e3e3;}

.panel .table-scroll th.chb{ color:#09c; font-size:14px; line-height:10px; cursor:pointer; text-align:center;}
.panel .table-scroll th.chb:hover{ background:#fafafa!important; }

.panel .table-scroll th[sort]{ cursor:pointer; color:#09C; }
.panel .table-scroll th[sort]:after{ }
.panel .table-scroll th.sort1, .panel .table-scroll th.sort2{  color:#c00; background:#fafafa!important;}
.panel .table-scroll th[sort]:hover{ background:#fafafa!important; }
.panel .table-scroll th[sort].sort1:after, .panel .table-scroll th[sort].sort2:after{ display:inline-block; content:"\2193"; position:absolute; top:1px; right:2px; z-index:2; margin:1px 0px 0 -1px; font-size:13px;}
.panel .table-scroll th[sort].sort1:after{ content:"\2191";}
 

.panel .table-scroll-tfoot{padding-bottom:36px;}
.panel .table-scroll-tfoot:after{ bottom:36px;  }
.panel .table-scroll-tfoot_2{padding-bottom:72px;}
.panel .table-scroll-tfoot_2:after{ bottom:72px;  }
.panel .table-scroll-tfoot tfoot { display:block; width:100%; position:absolute; bottom:0px; background:#f9f9f9; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.panel .table-scroll-tfoot tfoot td{ border-top:0; border-bottom:0; white-space:nowrap;}

.table-left-status table tr td:first-child{ border-left:10px solid transparent;}


#uid_block_scroll.loading:after{ content:""; display:block; height:100px; background:url(../imgs/loading2.gif) no-repeat center center;}
#uid_block_scroll.loading[insert=""]{ opacity:0.5;}
#uid_block_scroll.loading[insert=""]:after{ position:absolute; top:0; bottom:0; left:0; right:0; height:auto;}

.block-scroll{ position:relative; overflow:hidden; position:absolute; width:100%; top:80px; bottom:0px; border-top:1px solid #ddd; }
.block-scroll>div{ overflow-y:auto; overflow-x:auto; height:100%; position:relative; }

.panel .block-scroll table{ border-top:0; } 
.panel .block-scroll thead tr{ top:0px; } 


.block-half{ position:absolute; width:53%; }
.block-scroll.block-half{  border-right:1px solid #bbb; }
.block-half:last-child{ width:47%; left:53%; border-right:0; }

.link_violet{ color:#80b;}

.link_code{ display:inline-block; line-height:14px; border-bottom:1px dashed transparent;  color:#000; text-decoration:none; }
.link_code:hover{ color:#c00; border-color:#c00;  }

input.sn{ padding:5px 5px;  border:1px solid #999; border-radius:3px; width:30px; text-align:center; vertical-align:middle; }
input.inp_h{ border:0; text-align:right; padding:0;; width:40px; font-size:12px; vertical-align:top;}





.td_yellow, .td_yellow td{ background:#ff01;}
tr:hover .td_yellow, tr.td_yellow:hover td{ background:#f6f6e3;}
.td_blue{ background:rgba(0,130,225,0.06);}
tr:hover .td_blue, tr.td_blue:hover td{ background:#eaf4fa;}
.td_red, .td_red td{ background:#ffebe8;}
tr:hover .td_red, tr.td_red:hover td{ background:#f8e4e1;}
.td_green, .td_green td{ background:#f1ffea;}
tr:hover .td_green, tr.td_green:hover td{ background:#ebfae5;}
.td_orange, .td_orange td{ background:#fff6eb;}
tr:hover .td_orange, tr.td_orange:hover td{ background:#faf1e6;}
.td_gray, .td_gray td{ background:#eee;}
tr:hover .td_gray, tr.td_gray:hover td{ background:#e6e6e6;}
.td_violet, .td_violet td{ background:#e8e8ff;}
tr:hover .td_violet, tr.td_violet:hover td{ background:#f0f0ff;}



.tableport{}
.tableport.hidden{ visibility:hidden; opacity:0; position: absolute; right:100%; bottom:100%; }

.viewport{ visibility:hidden; opacity:0; position: absolute; top:0px; right:100%; bottom:0; left:-100%; background:#eee; min-height:100%; box-sizing:border-box; }
.viewport.active{ padding:20px; position:relative; visibility:visible; opacity:1; right:0; left:0; top:0; }
.viewport .block-scroll{ top:0px; }
.viewport .form_base table{ clear:both;}
.viewport .form_base td input{ margin-bottom:0;}
.viewport form.loading{ opacity:0.5; transition: opacity 0.5s cubic-bezier(0.1, 0.9, 0.3, 1.0);}
.viewport table .select{ margin-bottom:0;}

.viewport .pane{ position:relative; padding:15px 20px 20px 20px; background:#fcfcfc; border-radius:10px; margin-bottom:20px; border:1px solid #d4d4d4; min-width:350px;}
.viewport .pane .drag{ position:absolute; top:0; left:0; right:0; height:15px; text-align:center; cursor:move; }
.viewport .pane .drag:hover:before{ content:":::::::";}
.viewport .pane_fl{ float:left; margin-right:20px;}
.viewport .body{ display:table-row; }
.viewport .body>div{ display:table-cell; vertical-align:top;}
.viewport .body>div.col_l{  width:300px; padding-right:40px; }
.viewport .body>div.col_c{ padding:0 0px; }
.viewport .body>div.col_r{  width:340px; padding-left:40px;}

.viewport .controls:after{ content:""; display:block; height:7px; position:absolute; bottom:-7px; left:0; right:0; -webkit-box-shadow:0px 7px 7px -7px rgba(0,0,0,0.5) inset; box-shadow:0px 7px 7px -7px rgba(0,0,0,0.5) inset;  }


.flag{ display:inline-block; width:16px; height:11px; background:url(../imgs/flag.png) no-repeat 0 11px; -webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.4); box-shadow:1px 1px 2px 0px rgba(0,0,0,0.4); vertical-align:middle; position:relative; top:-1px;  }
.flag.lang_uk{ background-position:0 0px;}
.flag.lang_ru{ background-position:0 -11px;}
.flag.lang_pl{ background-position:0 -22px;}

.alert{ position:relative; background:#Fe8; border:1px solid #888; color:#555; padding:8px 10px 8px 40px; }
.alert:before{ content:"!"; position:absolute; top:3px; left:6px; font:20px icomoon; color:#888;  }
.alert_r{ background:#Fba; }

.viewport tr.deleted { background:#eee;}
.viewport tr.deleted a{ color:#888;}


.checked_depend{ display:none;}
.has_checked .checked_depend { display:inline-block;}



/*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";  }



td .status{ background:#777; color:#fff; display:inline-block; padding:3px 5px; margin:-3px 0; border-radius:3px;}

.state{ display:inline-block; font-size:14px; padding:7px 14px; background:var(--bg-2); color:var(--color-2); border:1px solid #0002; border-radius:8px; font-weight:500;  white-space:nowrap; position:relative; line-height:normal;
	--bg-2:#F9FAFB;
	--color-2:#475467;
	--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:#C56708;
	--color-yellow-bg:#FFFAEB;
 }

.state_sub{ position:absolute; right:-3px; top:-8px; background:#1D2939; color:#fff;  border-radius:4px; padding:1px 6px; font-size:10px; font-weight:400;}
.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-yellow-bg); color:var(--color-yellow);  border-color:rgb(from var(--color-yellow) 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%); }


.lock{ position:static; display:none;}
.lock:after{ content:"";; background:#880; opacity:0.1; position:absolute; top:0; left:0; bottom:0; right:0px; z-index:2; text-align:center;}
.lock span{ display:inline-block; background:#F90; color:#fff; padding:4px 10px; position:absolute; top:0px; left:40px; border-radius:0 0 4px 4px; }
.lock_deleted span{ background:#c00;}
.lock.show{ display:block;}
.lock.lock_off:after{ display:none;}

.product .lock{ position:relative;}



/*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;}
}


/*crm*/

.lock_edit .if_lock_edit{ position:relative; z-index:0;}
.lock_edit .if_lock_edit:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0.5; z-index:10;}

.color_gray{ color:#aaa; }
.color_g{ color:#58a; }
.color_r{ color:#F03; }


.icon_edit{ display:inline-block; background:#eee; border-radius:4px; margin:-2px 10px -2px 0; line-height:32px; width:32px; text-align:center;}
.icon_edit:before{ margin:0!important;}
.icon_edit:hover{ background:#ddd;}

.icon_hid{ color:#aaa;}
.icon_hid:hover{ color:#09c;}

.drop_menu{ position:relative;}
.drop_menu>div{ position:absolute; top:100%; right:0; display:none; box-shadow:2px 2px 6px 0px #0003; background:#fff; border-radius:3px; font-size:14px; text-align:left; z-index:1;  }
.drop_menu.active>div{ display:block;}
.drop_menu>div a{ white-space:nowrap; color:#555; display:block; padding:12px 20px 12px 12px; text-decoration:none; border-bottom:1px solid #ddd;}
.drop_menu>div a:hover{ background:#eee;}
.drop_menu>div a:before{  font-size:17px; margin-right:10px;}

.panel th[type]{ width:1px;}

.panel .label{ padding:6px 12px; background:#eee; color:#777;  border-radius:1px; text-decoration:none; display:inline-block; vertical-align:top; line-height:normal;}
.panel .label_b{ background:#def;  }
.panel .label_d{ color:#fff; }
.panel .label_y{ background:#ed2; color:#333; }
.panel .label_y:hover{ filter:brightness(1.05); }
.panel .label_but{ background:#ec1; font-size:18px; line-height:14px; padding:6px 6px; }
.panel .label_round{ border:1px solid #ccc; border-radius:8px; padding:3px 6px; font-size:11px; color:#777; font-weight:600;}

.panel .ico{ display:inline-block; height:26px; width:26px;  vertical-align:top; line-height:26px; }
.panel .ico_f{ display:block; width:auto; text-align:center;}
.panel .ico_gdrive{ background:url(../imgs/gdrive.png) no-repeat 0 0; background-size:cover; }
.panel .if_no_href:not([href]){ filter:grayscale(0.8); opacity:0.3; cursor:default; }

.panel td[type] *[data-icon]:before{ font-size:16px; margin:0 8px 0 -2px; color:inherit; }
.panel td .only_icon[data-icon]:before{ margin:0;}


.panel strong{ font-weight:500; font-size:14px;  }
.panel small{ font-size:10px; font-weight:500;  color:#999; text-decoration:none; }

.panel img.avatar{ vertical-align:middle; margin:0 10px 0 0; width:32px; height:32px;  max-width:32px; max-height:32px; background:#eee; zzzborder:1px solid #ddd;}
.panel img.avatar_r{ border-radius:200px;}
.panel img.avatar_rs{ border-radius:4px;}
.panel img.avatar_b{  width:190px; height:190px;  max-width:190px; max-height:190px; margin-right:30px;}
.panel img.avatar_s{  width:24px; height:24px;  max-width:24px; max-height:24px;}
.panel img.avatar_xs{  width:18px; height:18px;  max-width:18px; max-height:18px; border:2px solid #fff;}
.panel img.avatar_s2{  width:48px; height:48px;  max-width:48px; max-height:48px;}
.panel img.avatar.snap{ margin-top:-6px; margin-bottom:-6px;}
.panel img.avatar[fit="h"]{ width:auto; max-width:none; }
.panel img.avatar[fit="w"]{ height:auto; max-height:none; }

.panel .img_left { position:relative; display:block; padding:0 0 0px 44px; font-size:12px; line-height:16px; clear:both; white-space:nowrap; text-decoration:none; margin-bottom:14px; }
.panel .img_left:last-child { margin-bottom:0px; }
.panel .img_left>img{ float:left; margin-left:-44px;}
.panel .img_left u, .panel .img_left b{ display:inline-block; padding-bottom:2px; font-weight:500; font-size:14px; text-decoration:none; color:#000;}
.panel .img_left b{  font-weight:600; }
.panel .img_left:hover>u{ color:#c00;}
.panel .img_left small{ font-size:0.8em; }
.panel .img_left.sub_img{ padding-left:75px; font-weight:500; color:#888; }
.panel .img_left.sub_img .tooltip_block{ position:absolute; left:0px; top:-3px;}
.panel .img_left.sub_img .tooltip_block>img.avatar{ border:3px solid #fff;}
.panel .img_left.sub_img .tooltip_popup{ position:absolute; top:40px; left:4px; }
.panel .big{ font-size:14px; }

.panel big{ font-size:24px; font-weight:500; }
.panel .extra_big{ text-align:center; font-size:52px; font-weight:500; padding:10px 0 30px 0;}

.form_base .photo-sample{  width:54px; height:54px;}
.project .form_base .photo-sample{ width:auto; height:60px;}
.project .form_base .photo-sample-empty{ width:60px;}


.but_arch{ color:#888; display:inline-block; margin:20px 0 10px 0;}
.but_arch:before{ content:attr(lang1);}
.show_arch .but_arch:before{content:attr(lang2);}
.is_archive{ display:none; background:#e9e9e9;}
.is_archive:hover{  background:#eaeae1!important;}
.show_arch .is_archive{ display:table-row;}

.payed_status{ background:#c00; color:#fff; display:block; padding:2px 4px; border-radius:3px;}
.payed_status_done{ background:#690; }
.payed_status_part{ background:#FB0; }

.form_base .but_del{ float:right; display:inline-block; color:#b30; font-weight:bold; text-decoration:none; padding:4px 0; margin-left:20px; }
.form_base .but_del:hover{ color:#d41;}
.form_base .but_del:before{ content:"d"; font:16px icomoon; padding:0 8px 0 0; vertical-align:text-bottom;}
.form_base .but_del[data-icon]:before{ content:attr(data-icon); margin:0; }

.form_base .but_delete{ float:right; display:inline-block; color:#b30; text-decoration:none; padding:4px 0; }
.form_base .but_delete:hover{ color:#d41;}
.form_base .but_delete:before{ content:"\D7"; font-size:1.7em; padding:0 8px 0 0; vertical-align:text-bottom;}



.panel table>tbody>tr[id]:hover td{  background-image: linear-gradient(0, #55550018 0%, #5555000a 100%);}

.form_base .but_clone{ text-align:center; color:#09c; font-size:20px; text-decoration:none;  display: inline-block;  vertical-align: top; line-height: 12px; padding:0;}
.form_base .but_clone:before{ content:"+"; }
.form_base .but_clone:hover{ color:#f42; }

/*access*/
.access table>tbody>tr.active{ background-color:#f4ffee;}

/*customer*/
/*.customer td[type="project"] nobr{ display:flex; gap:10px; }*/

/*task*/
.task .label { padding:7px 11px;}
.task .status_block dl.select + .label { display:none; }

.project .product_price nobr{ color:#777; }
.project .product_price nobr:first-child{ font-weight:bold; color:#333; }

.tooltip_block{ position:relative; cursor:pointer;}
.tooltip_popup{ visibility:hidden; z-index:1; position:absolute; top:32px; left:0; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3); opacity:0; transition: opacity 0.5s cubic-bezier(0.1, 0.9, 0.3, 1.0); padding:15px; border-radius:3px; }
.tooltip_popup:before{ content:""; display:block; border:5px solid transparent; border-bottom-color:#fff; position:absolute; top:-9px; left:10px; }
.tooltip_popup:after{ content:""; display:block; height:10px; position:absolute; top:-10px; left:0px; right:0; }
.tooltip_block:hover .tooltip_popup{ visibility:visible; opacity:1;}
.tooltip_block.is_gift:after{ content:"Q"; font:11px icomoon; position:absolute; background:#a00; color:#fff; border-radius:20px; padding:3px; left:50px}

.imgs_group{ text-align:left; display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px;  }
.imgs_group img.avatar{ margin:0;}
.imgs_group_named a{ text-decoration:none; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70px; display:inline-block; line-height:30px; font-size:14px; font-weight:500; color:#000; min-height:70px;}

.dashboard .pane_fl{ min-width:392px; min-height:100px; position:relative;}
.dashboard .pane_fl.dragover:after{ content:""; display:block; height:130px; border:1px solid #06a; background:#09C; opacity:0.2;  border-radius:10px;}
.dashboard .vi:before{ content:""; display:block; position:absolute; top:-21px; height:18px; left:0; right:0; border:1px solid #06a; background:#09C; opacity:0; border-radius:10px;}
.dashboard .vi.dragover:before{ opacity:0.2;}
.dashboard .vi.dragstart{ border-color:#000;}
.dashboard .vi.dragstart .tooltip_popup{ display:none;}

.vi_ok{ position:relative; background:#DDF2D9; border-radius:10px; padding:30px 20px 0 20px; height:130px; color:#207810; font-size:14px; line-height:24px; text-align:center; margin-top:-20px;}
.vi_ok:before{ content:";"; display:inline-block; font:14px icomoon; border:2px solid #207810; text-align:center; line-height:24px; width:24px; border-radius:24px; margin-bottom:20px; } 

.vi_state{ display:grid; grid-template-columns: repeat(3, 1fr); padding:20px 10px 5px 10px; text-align:center; font-size:14px; font-weight:500; color:#444;}
.vi_state b{ font-size:40px; font-weight:inherit; line-height:50px; display:inline-block; }
.vi_state>div{ border-right:2px solid #ddd; }
.vi_state>div:last-child{ border-right:0; }
.vi_state .tooltip_popup{  top:50px; }
.vi_state .tooltip_popup:before{  left:48px; }

.vi_scroll{ overflow-y:auto; max-height:290px; margin-right:-10px; padding-right:10px;}
.vi_scroll::-webkit-scrollbar { width: 5px;}
.vi_scroll::-webkit-scrollbar-thumb { background-color: #8883; border-radius: 3px;}
.vi_scroll:hover::-webkit-scrollbar-thumb{ background-color: #8888; }

.ico_hint:before{ content:"?"; font:12px icomoon; color:#888; cursor:pointer;}


.comment_item{ padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #ccc; line-height:18px;}
.comment_item>div{ padding:0 0 0px 44px;}
.comment_item .date{ float:right; font-size:0.8em; line-height:28px; padding:0 20px 0 0;}
.comment_item textarea{ display:none;}
.comment_item.comment_item_small{  padding:10px 0 10px 0; margin:0;}
.comment_item.comment_item_small>div{ padding:0 0 0px 23px;}


.profile{ display:flex; align-items: flex-start; padding:30px; line-height:26px; }
.profile h1{ margin-bottom:10px; }
.profile p{ margin-bottom:10px; }

.popup .but_edit{ position:absolute; top:5px; right:42px; font-size:22px; padding:4px;}
.popup .but_edit:before{ font-size:22px;}

.panel .hdr{ display:inline-block; cursor:pointer; font-size:18px; position:relative; color:#789; padding-right:55px; }
.panel .hdr:after{ content:""; position:absolute; top:0.4em; right:20px; width:10px; height:10px; border:1px solid #555; border-right:0; border-bottom:0; transform:rotateZ(45deg);  transform-origin: 30% 30% 0px;  }
.panel .hdr.active:after, .panel tbody.active .hdr:after, .panel tr.active .hdr:after, .panel td.active .hdr:after{ transform:rotateZ(-135deg);  }
.panel .hdr2:after{ right:auto; left:-30px; }

.h1_sub{ margin:-15px 0 3px 0; color:#68a; font-size:0.8em;}

.pay_type{ color:#aaa; font:20px icomoon;}
.pay_type_cash:before{ content:"%";}
.pay_type_rr:before{ content:"0";}
.pay_type_card:before{ content:"$";}
.pay_type_crypto:before{ content:"J";}

.access .hdr{ margin-top:10px;}

.state_tabs{ line-height:22px;}
.state_tabs a{ display:inline-block; margin-right:4px; text-decoration:none;  text-align:center; padding:0px 0px 10px 0px; margin-right:6px; border:1px solid #ccc; }
.state_tabs a span{ display:inline-block; background:#eee; padding:6px 10px 5px 8px; color:#000; min-width:24px; text-align:center; line-height:14px; vertical-align:middle; height:14px; border-bottom:1px solid #fff7;}
.state_tabs a:hover span{ background:#fff; }
.state_tabs a.active span{ background:#0003; color:#fff; cursor:text; }

.popup_tabs{ float:right; display:flex;}
.popup_tabs a{ flex:1; background:#eee; color:#000; font-size:16px; white-space:nowrap; padding:8px 20px; text-decoration:none;}
.popup_tabs a.active{ background:#d3d3d3;}

.panel .tab_block{ display:none; position:relative; top:0; padding:0; }
.panel .tab_block.active{ display:block;}
.panel .tab_block>div{ height:320px;}


.zp_amount{ display:flex; font-size:24px; height:120px; margin-bottom:30px; border:1px solid #ddd;}
.zp_amount div{ text-align:center; color:#777; padding:20px 0 0 0; flex:1; position:relative; }
.zp_amount div i{ font-style:normal; }
.zp_amount div span{ display:block; color:#000; padding-top:20px; }
.zp_amount div:last-child span{ color:#aaa; }
.zp_amount div:after, .zp_amount div span:after{ content:""; position:absolute; top:55px; right:0px; width:20px; height:20px; border-radius:5px; border:5px solid #999; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; -webkit-transform:rotateZ(-45deg); -webkit-transform-origin: 30% 30% 0px; }
.zp_amount div span:after{ right:-17px; opacity:0.66; }
.zp_amount div:last-child:after{ left:10px; right:auto;  opacity:0.33; }
.zp_amount div:last-child span:after{ display:none; }

.has_call{ position:relative; top:-3px; font-size:10px;}
.has_call span{ padding:2px 6px; background:#cef; color:#069; margin-right:6px;}
.has_call.type_ span{ background:#ccc; color:#000}
.has_call i{ font-style:normal; color:#690; }
.has_call.type_2 i{ color:#c00; }

/*timeboard*/
table.st {}
table.st thead{ position:relative; z-index:2; }
table.st table th{ text-align:center; padding:5px 6px; }
table.st table td{ padding-top:4px; padding-bottom:4px; }

table.st tr .sticky{ position:sticky; left:0; z-index:1; }
table.st tr .sticky.col2{ left:var(--col2-left); }
table.st tr .sticky.col3{ left:var(--col3-left); }
table.st tr .sticky.col4{ left:var(--col4-left); }
table.st tr:not(.has_bg) td.sticky{ background-color:#fff; }
table.st tr td.sticky:hover{  z-index:2; }
table.st tr td.sticky:before{ position:absolute; content:''; left:-1px; top:-1px; right:0px; bottom:0; width:100%; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;  pointer-events: none; }
table.st tr.first td.sticky:before{ border-top:2px solid #d3d3d3;}
table.st tr .sticky_r:after{ content:""; display:block; width:7px; position:absolute; left:100%; top:0; bottom:0; box-shadow:7px 0px 7px -7px #0008 inset; z-index:1;  pointer-events: none;  } 

table.st tfoot td, table.st tfoot td.sticky{ background-color:#fff;}
table.st tfoot td, table.st tfoot td.sticky, table.st tbody.total td, table.st tbody.total td.sticky{ padding-top:10px; padding-bottom:10px;  }

table.st th.today { background:#ffe; }

table.st th.is_weekend{ color:#c00;}
table.st .today { background-color:#ff01; }
table.st .fill_1 { background-color:#e88; }
table.st .fill_2 { background-color:#dd6; }
table.st .fill_3 { background-color:#9c3; }
table.st .fill_4 { background-color:#aaa; }
table.st .today.fill { background-image: linear-gradient(0, #55550016 0%, #55550016 100%); }
table.st tr:hover .today.fill { background-image: linear-gradient(0, #55550022 0%, #55550033 100%); }
table.st .tooltip_popup{  top:24px; }

.timeboard .proj{ position:relative; }
.timeboard .inf{ white-space:nowrap; }

.panel .finance .is_group td{ }
.panel .finance .is_group [is_money]{ color:#333; font-weight:bold;}

.panel .lid th[type="last_comment"]{ width:auto; }
.panel .line_limit{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}