@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff?79') format('woff'),
		url('../fonts/icomoon.ttf?79') format('truetype'),
		url('../fonts/icomoon.svg?79#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;}
[data-icon-after]{white-space:nowrap; }
[data-icon-rotate="90"]:before{ transform: rotate(90deg); }


*{ padding:0; margin:0;}
body{ font: 12px 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; }


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

.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:0; top:0; background:#b00; color:#fff; border-radius:0 0 0 2px; display:none; text-align:center; line-height:16px; width:16px; font-size:16px; z-index:1; cursor:pointer;}
.photo-sample i:hover{ background:#d00;}
.photo-sample i:before{ content:"\D7";}
.photo-sample:hover i{ display:block;}
.photo-sample[fs] input[type='file']{ height:16px; width:16px; right:16px!important; top:0!important; z-index:2;}
.photo-sample[fs]:hover:after{ content:"q"; display:block; position:absolute; font:10px/16px icomoon; background:#690; color:#fff; height:16px; width:16px; right:16px; top:0; z-index:1;}


/*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:458px; }
.inp_s3[class]{ width:690px; }
dl.select_s1{ max-width:458px; }
.inp_s2[class]{ width:227px; }

.inp_cal[type]{ width:100px;  background:transparent!important; cursor:pointer;  position:relative; }
.inp_cal[show_time]{ width:140px;}
.inp_cal_ico{ display:inline-block; position:relative; }
.inp_cal_ico:before{ content:"t"; font:14px icomoon; position:absolute; top:0.6em; right:0.6em; 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 hr{ border:0; border-top:1px solid #ccc; margin-bottom:15px;  }
.form_base label{ display:inline-block; width:120px; vertical-align:top; font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis; line-height:normal; padding:0.6em 0 0.2em 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 .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.6em 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 .radio_line{ display:inline-block; padding-top:0.6em ; }
.form_base .radio_line label{ padding-right:10px; padding-bottom:4px; }

.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.loading{ opacity:0.5;}
.form_base.loading: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_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 .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>span .photo-sample:first-child{ width:300px; min-height:300px; }
.form_base .photo>span .photo-sample-img:first-child{ min-height:0;  }
.form_base .photo .photo-first{  width:300px; min-height:300px;}

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

.form_base .form_sep{ height:0; border-top:1px solid #ddd; margin:6px 0 4px 120px;}
.form_base .inp_flex{ display: flex; justify-content: space-between;}

.autocomplete{ position:relative; line-height:normal; margin-right:6px; }
span.autocomplete{ display:inline-block; }
.autocomplete input[readonly]{ font-weight:normal!important; background:#fff;  }
.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:18px; text-decoration:none; }
.autocomplete .but_new:before{ content:"+"; }
.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{ color:#09c; }
.autocomplete .but_user:hover{ color:#c00; }



.calendar{ visibility:hidden;}


/*select*/
dl.select {  display:inline-block;  line-height:26px; position:relative; height: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:#fff; border-left-width:inherit; border-left-style:solid; border-color:inherit; }

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; }
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 2px 0px rgba(0,0,0,0.3);  }
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[readonly] dd{ color:#777;}

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-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; }
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 { border:1px solid transparent; border-left-width:5px; padding-left:4px;}
dl.select-color dl dd:hover[value]{ border-color:rgba(255,255,255,0.7); position:relative; z-index:1; }

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



/*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; text-align:center;  }
.popup-close:before{ font-family:'icomoon'; content:"x"; }
.popup-close:hover{ color:#c60; }
.popup-target.loading{ height:200px; background:url(../imgs/loading2.gif) no-repeat center center; opacity:1;}

.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; right:0px; left:0px; margin-left:0px!important; }	
}


.popup .form_base{  font-family:Arial, Helvetica, sans-serif;} 
.popup .form_base h1, .popup .form_base h2{ font-size:28px; line-height:30px; font-weight:500; margin-bottom:15px; padding:0;}

.popup .form_base{ padding: 30px;}
.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, .fs-block video{ position:absolute; top:0; left:0; transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block iframe, .fs-block video{ 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_50:before, .delivery_51:before{ background-position:0 -140px;}
/*.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_self, 
#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,
#block_name_pb,
.is_postomate_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, 
form.pay_type_2 #block_delivery.delivery_1 #block_name_pb,
form:not(.country_ua) #block_delivery_address,
form:not(.country_ua) #block_delivery_address_raw,
form:not(.country_ua) #block_delivery_zip,
#block_delivery.delivery_0.dest_type_1 #block_name_pb,
#block_delivery.delivery_1 #block_delivery_city,
#block_delivery.delivery_1 #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_2 #block_delivery_self, 
#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_4 #block_name_pb,
#block_delivery.delivery_5 #block_delivery_city,
#block_delivery.delivery_5.dest_type_0 #block_delivery_np_branch,
#block_delivery.delivery_5.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_5.dest_type_1 #block_delivery_address_raw,
#block_delivery.delivery_9 #block_delivery_address, 
#block_delivery.delivery_9 #block_delivery_address_raw,
#block_delivery_np_branch.is_postomate .is_postomate_mess
	{ 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, 
#block_delivery.delivery_5 #block_delivery_dest_type
	{ display:inline-block; }

 

form:not(.country_ua) #block_delivery_type,
form:not(.country_ua) #block_delivery_np_branch,
form:not(.country_ua) #block_delivery_place,
form:not(.country_ua) #block_delivery_self,
form:not(.country_ua) #block_delivery_address_sep
	{ display:none!important;}


/*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);  backdrop-filter: blur(4px); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.auth h2{ margin:-10px 0 10px 0; padding:0; color:#555; font:24px Arial, Helvetica, sans-serif; font-weight:bold;}
.auth form{ position:absolute; left:50%; top:50%; margin:-160px 0 0 -215px; width:333px; padding:50px;  background:#fff; border:1px solid #ccc; 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:3px solid #690; border-radius:5px;  -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset;  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset; margin-bottom:10px;  }
.auth a{ position:relative; display:block; font-size:32px; text-align:center;  padding:10px 0px 10px 0px;  border:4px solid #bbb; border-radius:5px; -webkit-box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset;  box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset; background:#690; color:#eee;  text-decoration:none; }
.auth a:hover{ background:#7a1;  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; 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 0em;}
.ce ul li{ position:relative; padding:0 0 0.5em 1.4em;}
.ce ul li:before{ content:"\2022"; position:absolute; left:0; font:2em/0.8em Arial, sans-serif; }
.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; display:none;}body{ padding:80px 0 0px 0px;}

a{ color:#09c; text-decoration:underline;}
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;}


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

h1{ font-size:28px; line-height:30px; font-weight:300; }
h1 small{ font-size:18px; color:#555; }
h2{ font-size:18px; color:#888; padding:0 0 10px 0px;}

.but { position:relative; top:0px; display:inline-block; padding:6px 25px; font-weight:bold; min-width:20px; border-radius:2px;  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%); 
}
.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_light{ background-image:none;  box-shadow:none;}


.form_base{  font-family:Arial, Helvetica, sans-serif;} 
.form_base h1, .form_base h2{ font-size:28px; line-height:30px; font-weight:300; margin-bottom:15px; padding:0;}

.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;}
.but_ico[data-icon]:before{ position:relative; left:0; top:2px; margin:0; }
.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:18px; line-height:25px; width:25px; text-align:center; border:1px solid #ddd; background:#f5f5f5; vertical-align:top; color:#aaa; text-decoration:none;}
.but_plus:before{ content:"+"; }
.but_plus:hover{background:#eee; }

.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; text-decoration:none; display:inline-block;}
.but_delete:before{ content:"x"; font-family: 'icomoon'; font-size:10px;}
.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:"x"; font: 15px '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:#690; text-decoration:none;}
.but_edit:before{ font-size:16px; line-height:14px;}
.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_hidden{ display:none;}

.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;}
.to_clipboard:before{ content:"8"; font:12px icomoon;}
.to_clipboard:hover{ color:#000;}

.tabs{ position:fixed; height:30px; top:0; z-index:2; left:0; right:0; background:#c6c9cc; padding:0px 0 0 20px;  font-weight:bold; white-space:nowrap; }
.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;}
.tabs a.parent{ position:relative; display:inline-block; font-weight:normal; font:bold 16px Arial; text-decoration:none; line-height:16px;  padding:0px 10px; line-height:30px; background: #09f; color:#fff; }
.tabs a.parent:after{ content:""; display:block; height:0; width:0; border:15px solid transparent; border-left:10px solid #09f; position:absolute; left:100%; top:0;  }
.tabs a.parent.subsite_1{ background:#0e77b3;}
.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; }


body.site_sue_privat .tabs { background: #bca; }
body.site_sue_privat .tabs a.parent{ background: #690; }
body.site_sue_privat .tabs a.parent:after{  border-left-color: #690;  }
body.site_sue_privat .tabs>ul>li>a{ background: #dec;}

.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 h1 + .but_add{ position:absolute; left:15px; top:15px; margin: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 50px; vertical-align:middle;}
.controls h1 i{ font-style:normal; color:#a00;}

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

/*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; 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:12px Arial; 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 td, .panel table th{  border-bottom:1px solid #d3d3d3; border-left:1px solid rgba(0,0,0,0.05); padding:10px 10px;  }
.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]{ 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 nobr[title], .panel table nobr.rel{ position:relative; display:block; white-space:normal; }
.panel table nobr[title]:after, .panel table nobr.rel:after{ content:attr(title); height:0px; display:inline-block; width:100%; overflow:hidden; }
.panel table nobr.abs[title]:after { content:"\A0";}
.panel table nobr[title]:before, .panel table nobr.rel>span, .panel table nobr.rel>a{ position:absolute; display:inline-block; min-width:60px; max-width:100%; overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis; }
.panel table nobr[title]:before{ content:attr(title); }

.panel table>tbody>tr[id]:hover{ background:#fcfce0;}
.panel table>tbody>tr[id].checked td{ background:#f0fcf0;}
.panel table>tbody>tr[id].checked:hover td{ background:#ebfae5;}

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




/*log*/
.log table{ border-collapse:collapse; border:0; font:12px Arial; 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;}



.panel { position:relative; z-index:1;}
.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 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].sort2:after{ content:"\2191";}

.panel .table-scroll>div:before{ content:""; display:block; width:100%; height:7px; position:fixed;  top:102px; -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; z-index:1;  }

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


.panel .table-scroll>div.loading:after, .panel .table-scroll.loading:after{ content:""; display:block; height:100px; background:url(../imgs/loading2.gif) no-repeat center center;}
.panel .table-scroll>div.loading[insert=""]{ opacity:0.5;}
.panel .table-scroll>div.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%; }

.panel .block-scroll>div:before{ position:sticky; top:21px; margin-bottom:-7px; }
.panel .block-scroll th:after{ position:absolute; top:0; }
.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{ background:rgba(225,225,0,0.1);}
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{ background:#ffebe8;}
tr:hover .td_red, tr.td_red:hover td{ background:#f8e4e1;}
.td_green{ background:#f1ffea;}
tr:hover .td_green, tr.td_green:hover td{ background:#ebfae5;}
.td_orange{ background:#fff6eb;}
tr:hover .td_orange, tr.td_orange:hover td{ background:#faf1e6;}
.td_gray{ background:#eee;}
tr:hover .td_gray, tr.td_gray:hover td{ background:#e6e6e6;}
.td_violet{ background:#e8e8ff;}
tr:hover .td_violet, tr.td_violet:hover td{ background:#f0f0ff;}

.dd_list{ position:relative; display:block; padding:5px; cursor:pointer;  }
.dd_list ul{ display:none; list-style:none; font-size:12px; text-align:left; font-weight:normal; position:absolute; left:0; top:24px; border-radius:5px; padding:3px 0px 3px 0; background:#fff; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3); z-index:1; color:#000; overflow-x:hidden; overflow-y:auto; max-height:400px;}
.dd_list ul.loading{ min-height:60px; min-width:60px; background:#fff url(../imgs/loading_b.gif) no-repeat center center;}
.dd_list.dd_rr ul{ left:auto; right:100%;  text-align:right;}
.dd_list:hover ul{ display:block;}
.dd_list ul li{ display:block; padding:1px; white-space:nowrap;}
.dd_list.dd_con:before{ content:""; position:absolute; left:50%; margin-left:19px; top:-16px; border:7px solid transparent; border-bottom-color:#aaa; transform:rotateZ(45deg);}

.dd_list li a{ color:#09c;}
.dd_list li .is_supply{ color:#690;}
.dd_list li .is_loss{ color:#c00;}
.dd_list li .is_move{ color:#900;}
.dd_list li .is_factory{ color:#e80;}
.dd_list li .not_approved{ color:#bbb;}


.dd_list table tr:hover{ background:#eee;}
.dd_list table th, .dd_list table td{ padding:3px 7px!important;}


.size_item{ display:inline-block; font-style:normal; background:#777; color:#fff; border-radius:5px; padding:2px 5px; text-align:center; cursor:text; text-decoration:none; min-height:15px; min-width:15px; }
.size_item.avail_0{ background-color:#790; }
.size_item.avail_1{ background-color:#e80; }
.size_item.avail_2{ background-color:#09c; }
.size_item.avail_3{ background-color:#b59; }
.size_item.dd_list{ cursor:pointer;}


.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:#fcfcfc; }
.viewport.active{ padding:30px 40px; 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{ display:table; padding-top:40px; smargin:0 40px; width:100%; max-width:1340px}
.viewport .form_base{ padding-top:0px; }
.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; }

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


.link_payin{ color:#690;}
.link_payout{ color:#b90;}

.payed_state{  position:relative; display:block;}
.payed_state:before{ content:""; position:absolute; left:-10px; right:-10px; bottom:-11px; display:inline-block; height:4px; background:#bbb; }
.payed_state_0:before{ background:#c00}
.payed_state_1:before{ background:#690}
.payed_state_2:before{ background:#FC0}
.payed_state_3:before{ background:#09c}


.autocomplete.set-value.optovik .but_user{ color:#80b; }


.form_base  .photo-sample{  width:180px; height:120px;}

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


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


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


/*product*/

.product td.col_units nobr{ display:inline-block; background:#eed; padding:4px 8px; font-weight:bold;}
.product.can_modify_0 .modify_hide{ display:none;}

.product .group_tabs{}
.product .group_tabs a{ display:inline-block; background:#def; padding:4px 8px; color:#000; margin-right:4px; text-decoration:none; border:1px solid #abc; min-width:24px; text-align:center; line-height:14px; vertical-align:middle;}
.product .group_tabs a:hover{ background:#cde; }
.product .group_tabs a.active{ background:#678; color:#fff; cursor:text; }

.product .tab_buttons{ position:relative; z-index:1; margin-bottom:-1px;}
.product .tab_buttons a{ display:inline-block; padding:4px 4px; margin-right:4px; text-decoration:none; border:1px solid transparent;}
.product .tab_buttons a.active{ color:#333; font-weight:bold; cursor:text; border-color:#ccc; border-bottom-color:#fcfcfc; }
.product .tab_block { margin:0 -16px; border:1px solid #ccc; padding:15px 15px 0 15px;}
.product .tab_item { visibility:hidden; position:absolute; bottom:100%;}
.product .tab_item.active { visibility:visible; position:relative;}

.product .tab_item .photo-sample{ height:auto; width:110px; vertical-align:top; margin-right:10px;}
.product .tab_item .photo-sample-empty{ height:110px; }

.product .photo { width:auto;}

.product .tc_diagram{ display:inline-block; font:10px Verdana, Geneva, sans-serif; white-space:nowrap; width:300px; margin:0px 0 0 10px; top:1px; position:relative; vertical-align:top; }
.product .tc_diagram span{ display:inline-block; background:#09c; padding:5px 0; text-align:center; color:#fff; position:relative; }
.product .tc_diagram span:before{ display:block; content:attr(value); color:#000; position:absolute; top:100%; margin:3px 0 0 0; width:100%; font-weight:bold; font-size:11px; }
.product .tc_diagram span:nth-child(2){ background:#790; }
.product .tc_diagram span:nth-child(3){ background:#f80; }


.panel table.table_tc .table_add tr td:first-child{ border-left:10px solid #09c;}
.panel table.table_tc .table_add tr.avail_9 td:first-child{ border-left-color:#F80;}
.panel table.table_tc .table_add tr.avail_8 td:first-child{ border-left-color:#790;}


/*promo*/
.promo {}
.promo big{ display:block; color:#c00; }



/*ttn*/
.ttn{}
.ttn tr.status_1{ background:#eee;}
.ttn tr.status_1 td{ border-right-color: #ddd;}
.ttn table tr.status_0 td:first-child{ border-left-color:#c11;}
.ttn table tr.status_1 td:first-child{ border-left-color:#999;}
.ttn table tr.blank table { border:1px solid #eee;}
.ttn .form_base .chb{ line-height:20px; display:inline-block; position:relative; top:-12px;}


/*category*/
.category tr.is_parent { background:#f3fbfe; }
.category tr td[onclick]{ cursor:pointer; }
.category table>tbody>tr:hover{ background:#fafaf0;}
.category tr.is_parent a.name{ border-bottom:1px dashed #09c; margin-left:15px; position:relative; }
.category tr.is_parent a.name:before{ content:"+"; font-size:18px; position:absolute; margin:-4px 0 0 -15px; padding-right:10px; }
.category .open tr.is_parent a.name:before{ content:"\2012"; }
.category tr.is_child{ display:none;}
.category tr.is_child a.name{ color:#333; padding-left:30px;} 
.category .open tr.is_child{ display:table-row;}
.category tr.state_-1{ background:#fff4ee!important;}
.category input.s { width:80px; }

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


/*customer*/
.popup-customer{ width:1000px;}
.customer table tr td.status_1{ border-left-color:#906;}
.customer.form_base label{ width:100px; vertical-align:baseline;}
.customer .label_bonus{ display:block; line-height:30px; min-width:30px; position:absolute; right:30px; text-align:center; border-radius:32px; font-weight:bold; font-size:12px; color:#fff; background:#EB0;}
.customer .block_balance{ width:200px; position:absolute; right:30px; top:80px; margin:0; border-style:dashed; padding-bottom:8px; line-height:26px;}
.customer .block_balance legend{ line-height:normal;}
.customer .block_balance.disbalance{ background:#fae6e3;}
.customer .block_balance .bonus{ position:absolute; right:100%; top:0px; margin:0 0 0 -4px;  line-height:40px; min-width:40px; font-size:14px;}
.customer .but_add_2{ position:relative; display:inline-block; top:1px; left:3px; width:13px; line-height:13px; font-size:16px; text-align:center; border:1px solid #09c; text-decoration:none;}
.customer .but_add_2:before{ content:"+";}
.customer .but_add_2:hover{ border-color:#c00;}
.customer h1 .block_r{ position:absolute; right:40px; top:4px;}
.customer .balance{ color:#580;}
.customer .bonus{ color:#eb0;}
.customer .debt{ color:#A00;}
.customer .status{ background:#777; color:#fff; display:inline-block; padding:3px 5px; margin:-3px 0; border-radius:3px; font-size:12px; line-height:16px; vertical-align:middle}
.customer .tab_list{ list-style:none; border-bottom:1px solid #888; line-height:28px; height:30px; padding:0 5px; font-weight:bold; margin-top:20px;}
.customer .tab_list li{ display:inline-block; border:1px solid #888; background:#eee; height:29px; padding:0 7px; margin-left:2px; cursor:pointer;}
.customer .tab_list li.active{ border-bottom:1px solid #fff; background:#fff; }

.customer .tab_block{ display:none; position:relative; top:0; height:300px; }
.customer .tab_block.active{ display:block;}
.customer .tab_block.block-scroll, .customer .tab_block .block-scroll{ top:0;}
.customer .tab_block.block-scroll>div, .customer .tab_block .block-scroll>div{ max-height:300px;}


.customer .tab_list li.link{ background:none; border:0;}
.customer .tab_block .type_i{ background:#f0f9fe;}
.customer .tab_block .type_1{ background:#ebfae5;}
.customer .tab_block .type_-1{ background:#fae6e3;}
.customer .tab_block .card_-1{ background:#ddd;}




.customer .access_name{ position:absolute; right:30px; top:40px; display:inline-block; padding:0 10px; color:#eee; line-height:26px; background:#09c; border-radius:3px; }
.customer .access_name:before{content:"u"; font:14px icomoon;  color:#ddd; margin-right:10px;  }

.properties_view { max-height:300px; overflow-y:auto; padding:10px!important; margin:0!important;}
.properties_list span:after{ content:", "}
.properties_list span:last-child:after{ content:""}

.properties_edit { height:0px; overflow:hidden;}
.properties_edit.show { height:auto;}
.properties_edit legend:hover { color:#09c; cursor:pointer;}
.properties_edit legend span{ font-size:20px; vertical-align:middle;}
.properties_edit legend span:before{ content:"+ ";}
.properties_edit.show legend span:before{ content:"- ";}
.properties_edit textarea[nicedit]{ height:240px;}
.properties_edit textarea.inp_s1{ width:455px;}


/*order*/
.order table .select{ margin:0px; line-height:26px; height:28px; }

.order .lock{ }
.order tr.current td.code{ background:#000!important; color:#fff; }

.order .demand_plan{ display:inline-block; padding:3px 6px; margin:-4px 0; font-size:11px; border-radius:2px; border:1px solid #ddd; background:#f7f7f7; white-space:nowrap;}
.order .demand_plan.demand_overdue{ border-color:#c00; color:#c00; font-weight:bold;}
.order .avail_items{ font-size:14px; color:#690; font-weight:bold;}
.order .avail_items span{ color:#777;}

.order .sub_customer_label{ font:14px/14px icomoon; text-decoration:none; color:#09C; cursor:text; display:inline-block; padding:0px 0px 0 7px; vertical-align:middle; }
.order .sub_customer_label:before{ content:">"; color:#777; }
.order .sub_customer_label:after{ content:"u"; cursor:pointer; display:inline-block; padding:0px 2px 0 7px; }
.order .sub_customer_label:hover:after{ color:#e22; }

.order .order_access_name, .order .customer_access_name{ position:relative; display:block; font-size:11px; color:#555; margin:-6px -8px -6px 0; max-width:80px;  overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
.order .customer_access_name{ margin-bottom:9px;}
.order .order_access_name:before, .order .customer_access_name:before{ font-size:11px; top:0px;}


.order .bonus{ color:#fff; display:inline-block; padding:2px 8px; background:#eb0;}

.order #block_customer_desc{ border:1px solid #C90; background:#Fea; color:rgba(0,0,0,0.9); padding:5px 10px; margin-bottom:15px; width:53ch; }

.order .comunicate:before{ display:inline-block; font:20px icomoon; color:#999; line-height:10px; vertical-align:middle;}
.order .comunicate_p:before{ content:"[";}
.order .comunicate_t:before{ content:"T";}

.customer_icon{ content:"R"; font:14px icomoon; display:inline-block; position:relative; background:#999; color:#fff; width:20px; line-height:20px; height:20px; vertical-align:middle; text-align:center; border-radius:20px; margin:-3px 5px -3px -5px;}

.customer_icon.is_reg:before{ content:"R"; }
.customer_icon.is_referal:before{ content:"a";}
h1 .customer_icon { font-size:18px; width:30px; line-height:30px; height:30px; border-radius:30px; }

.order.viewport tr.hidden td{ background:#eee; border-left-color:#ddd;}
.order.viewport tr.returns td{ background:#eee; border-left-color:#ddd;}
.order.viewport .returns_block .returns_name{ line-height:26px; background:#ffd; padding:0 40px 0 10px; white-space:nowrap; display:inline-block;  }
.order.viewport .returns .returns_block .returns_name{  border:1px solid #ccc; }
.order.viewport .returns_block:hover .returns_name{ display:none;}
.order.viewport .returns_block .returns_select{ display:none;}
.order.viewport .returns_block:hover .returns_select{ display:block;}
.order.viewport .returns_text{ display:none; font-size:10px; color:#777; padding:0; border:1px solid #ccc;  height:35px; min-width:150px;  box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:2px; margin-bottom:0px; }
.order.viewport tr.returns .returns_text{ display:block; }

.order .controls.is_ready{ background-color:#efffdd;}

.order table .delivery_, .order table .delivery_0, .order table .delivery_1, .order table .delivery_2{  padding:0 0 0 20px;}
.order .count{ font-size:16px; }

.order .manager_name{ display:inline-block; background:#09c; color:#fff; padding:4px 10px; position:absolute; top:0px; right:20px; border-radius:0 0 4px 4px; }
.order .manager_name.no_act{ background:#777;}
.order .demand_ok{ display:inline-block; background:#069; color:#fff; border-radius:4px; padding:4px 10px; }


.autocomplete.inp_client { position:relative; }
.autocomplete.inp_client input{  padding-left:32px; position:relative; }
.autocomplete.inp_client div a{ padding-left:32px;}

.order .block-scroll.is_disabled>div:before{ content:""; background:#000; opacity:0.1; position:absolute; top:0; left:0; bottom:0; right:17px; z-index:2; }
.order .form_base .col_l{ width:410px;}
.order .form_base .inp_client input{background:rgba(0,0,0,0.01);}
.order .form_base .sub_customer{ display:none; position:relative; border:1px dashed #999; border-radius:3px; padding:0px 10px 0 30px; font-size:12px; margin:-5px 0px 15px 28px; line-height:26px; }
.order .form_base .sub_customer.active{ display:block; }
.order .form_base .sub_customer:before{ content:""; border:1px dashed #999; border-top:0; border-right:0; display:block; width:15px; height:20px; position:absolute; left:-16px; top:-10px; }
.order .form_base .sub_customer .but_clear{ position:absolute; top:0px; right:0px; z-index:1; width:24px; line-height:24px; text-align:center; color:#b33; font-size:16px; text-decoration:none; display:block; }
.order .form_base .sub_customer .but_clear:before{ content:"\D7"; }

.order .form_base .inp1{ width:200px;}
.order .form_base .inp2{ width:20px;}
.order .form_base textarea.inp_comm{ font-size:12px; width:500px;}
.order .form_base .inp_alert{ background:#Fcb;}
.order .form_base .inp_warning{ background:#ee9;}

.order .form_base .delivery{ float:left; display:none; max-width:480px; margin:-9px 0 15px 40px; line-height:16px; padding:8px 10px 12px 10px; border-style:dashed;}
.order .form_base .delivery.active{ display:block;}
.order .form_base .delivery legend{ margin-left:0;}
.order .form_base .delivery legend .but{ padding:2px 10px 2px 20px; font-size:12px; margin:-6px 0 -3px 8px;}
.order .form_base .delivery legend .but:before{ font-size:14px; left:6px; top:1px;}
.order .form_base .delivery nobr{ display:inline-block; max-width:400px; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
.order .form_base .delivery_cost{ position:relative; padding:0 0 0 26px; top:3px; color:#5f5f5f; font-size:11px;}
.order .form_base .delivery_cost b a{ text-decoration:none;}


.order tr.close{ display:none;}
.order tr.open{ display:table-row;}

.order .balance_info{ display:inline-block; border:1px dashed #ccc; padding: 2px 10px; background:#fafaf0;}
.order .balance_info span:first-child span{ color:#690;}
.order .balance_info span:last-child span{ color:#d70;}

.order .discount_cur{ font-size:10px; display:inline-block; background:#FDA; border-radius:4px; padding:3px 4px; position:relative; top:2px; margin:0px 0 -2px 0;}
.order .discount_cur.hidden{ display:none;}

.order .prepay_ok{ color:#c00;}
.order .loss_ok{ color:#DA0;}

.order .pay_sum_ok[data-icon="2"], #uid_payment .postpay_ico{ color:#36c;}
.order .pay_sum_ok[data-icon="$"], #uid_payment .cardpay_ico{ color:#090;}


.order table .state{ border-radius:24px; display:inline-block; font-weight:bold; width:24px; line-height:24px; background:#aaa; color:#fff; margin:-2px;}

.order.viewport .state{ border:2px solid #aaa; position:relative;  background:#fafacf; padding:8px 20px 8px 60px; margin-bottom:30px; line-height:17px; display:inline-block; border-radius:50px;}
.order.viewport .state:before{ content:attr(lang); position:absolute; top:0; left:0; background:#aaa; border-radius:40px; color:#fff; display:block; width:50px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold;}
.order.viewport .state span{ color:#777;}
.order.viewport .state a{ color:#333; text-decoration:none; cursor:text;}

.order table .state_1, .order.viewport .state_1:before{ background:#690;}
.order.viewport .state_1{ border-color:#690;}
.order table .state_2, .order.viewport .state_2:before{ background:#F60;}
.order.viewport .state_2{ border-color:#F60;}
.order table .state_3, .order.viewport .state_3:before{ background:#F33;}
.order.viewport .state_3{ border-color:#F33;}
.order table .state_4, .order.viewport .state_4:before{ background:#09c;}
.order.viewport .state_4{ border-color:#09c;}
.order table .state_5, .order.viewport .state_5:before{ background:#90F;}
.order.viewport .state_5{ border-color:#90F;}
.order table .state_6, .order.viewport .state_6:before{ background:#DB0;}
.order.viewport .state_6{ border-color:#DB0;}
.order table .state_7, .order.viewport .state_7:before{ background:#B00;}
.order.viewport .state_7{ border-color:#B00;}
.order table .state_8, .order.viewport .state_8:before{ background:#06C;}
.order.viewport .state_8{ border-color:#06C;}
.order table .state_9, .order.viewport .state_9:before{ background:#60C;}
.order.viewport .state_9{ border-color:#60C;}
.order table .state_10, .order.viewport .state_10:before{ background:#b59;}
.order.viewport .state_10{ border-color:#b59;}


.order.viewport td.status{ border-left:10px solid transparent;}
.order.viewport td.status_1{ border-left-color:#790;}
.order.viewport td.status_2{ border-left-color:#EC0;}
.order.viewport td.status_6{ border-left-color:#c11;}

#uid_state{ float:left;}
.order .redial{ float:left; padding:0px 40px 0 0; line-height:24px; margin-bottom:10px;}
.order .redial label{ font-weight:bold; width:auto; }
.order .redial .select{ margin:0;}
.order .redial .select .is_holyday{ color:#e00;}

.order .readonly{ color:#999;}
.order .wait_date{ display:inline-block; padding:2px 10px; border-radius:10px; background:#777; color:#fff; white-space:nowrap; text-decoration:none;}
.order .wait_date.wait_state_1{ background:#b00;}
.order .wait_date.wait_state_2{ background:#ca0;}
.order .wait_date.wait_state_3{ background:#F80;}
.order .wait_date.wait_state_4{ background:#09C;}
.order .wait_date.wait_state_5{ background:#690;}

.order dl.select>dl>dd.lock_price_type_5{ display:none;}

.order .buts_card{}
.order .buts_card.loading .but_card{ visibility:hidden;}
.order .but_card{ display:inline-block; line-height:24px; padding:0 8px; border:1px solid #777; border-radius:4px; margin:-4px 0 -4px 6px; color:#000; text-decoration:none; background:#f8f8f8; vertical-align:middle;}
.order .but_card:hover{ background:#eee;}
.order .but_card:before{  }
.order .but_card[data-icon='%']{ color:#c00; border-color:#c00;}
.order .but_card[data-icon='$']{ color:#09c; border-color:#09c;}
.order .but_card[data-icon='%']:hover{ color:#fff; background:#c00; }
.order .but_card[data-icon='$']:hover{ color:#fff; background:#09c; }

.order .but_rro_0{ color:#d00; }
.order .but_rro_1{ color:#f80;}
.order .but_rro_2{ color:#909;}
.order .but_rro_5{ color:#690;}

.order .total_sum[onclick]{ cursor:pointer;}
.order .total_sum[onclick]:hover{ background:#eee; }


/*invoice*/
.invoice label{ width:150px;}
.invoice .inp_total{ background:#ddd;}
.invoice .inp_loss{ background:#ffb;}
.invoice .inp_prepay{ background:#fdd;}
.invoice .inp_pay_sum{ background:#def;}

/*.invoice table input{ margin:-5px 0 -3px -5px; padding:2px 4px; text-align:right; width:30px; font-size:12px; font-weight:bold; background:#ffb; }
.invoice table .card_number{ border-bottom:1px dashed #bbb;}
.invoice table.flat{ margin-bottom:15px;}
.invoice table.flat .select{ margin:-11px 0 -7px 0; }
.invoice table.flat .select>dd{ font-weight:bold; }
.invoice .postpay_show{ display:none;}
.invoice .postpay .postpay_show{ display:inline-block;}
.invoice .postpay .postpay_hide{ display:none;}
*/

/*payment*/
.payment .link_payin{ color:#690;}
.payment .link_payout{ color:#a00;}
.payment td.status_in{ border-left-color:#690!important;}
.payment td.status_out{ border-left-color:#a00!important;}
.payment tr.approved_1{ background:#eee;}
.payment tr.approved_1 td{ border-left-color:#ddd;}
.payment .select-light dl dd.selected{ background-color:#eed; color:#000; }
.payment .select .in{ color:#580; }
.payment .select .out{ color:#a00; }
.payment .select .bal{ color:#069; }
.payment .select-loading>dd:before{ content:"Завантаження..."; font-size:inherit; width:auto; text-align:left; position:static; border:0;}
.payment .select-loading>dd:after{ content:""; position:absolute; top:0; right:0px; bottom:0; height:auto; width:28px; border:0; transform:none; background:url(../imgs/loading_s.gif) no-repeat center center;   }
.popup-payment .check_img{ position:absolute; left:640px; top:74px; }
.popup-payment .check_img a{ position:relative; display:inline-block; }
.popup-payment .check_img .photo-sample{ width:160px; height:auto; border:1px solid #bbb; }
.popup-payment .check_img .photo-sample-empty{ min-height:160px;}
.popup-payment .mode_docs_delivery{ display:none;}

/*docs*/
.docs .color_icon span{ color:#000;}
.docs .payment_block { display:inline-block; vertical-align:middle; margin-bottom:15px;}
.docs .payment_block .lnk{ display:none;}
.docs .payment_block.has_payment{ display:inline-block;}
.docs .payment_block.has_payment .lnk{ display:inline-block;}
.docs .payment_block.has_payment .but{ display:none;}


.sales .sales_plan{ background:#690; color:#fff;}
.sales .sales_plan_down{ background:#c00;}


/*supply*/
.supply .form_base .inp1{ width:200px;}
.supply .form_base .inp2{ width:20px;}
.supply .form_base .sn{ margin:0;}
.supply .ico_type[data-icon="l"]{ color:#c00;}
.supply .ico_type[data-icon="r"]{ color:#690;}
.supply .ico_type[data-icon="h"]{ color:#09c;}
.supply .ico_type.store_to{ color:#b59;}
.supply .block_2{ display:inline-block; border:1px dashed #ccc; padding:10px; vertical-align:top; margin:-13px 0 10px 10px;}
.supply .block_2 .select{ margin-bottom:0;}
.supply tr.approved_{ background:#ffe9e6;}
.supply tr.approved_:hover{ background:#f8e3e0;}
.supply td.modified{ background:#Ffe799;}
.supply .dd_list ul li{ text-align:right;}
.supply #uid_approve.hidden{ display:none;}

/*privatbank*/
.privatbank{}
.privatbank .controls big{ background:#fff; border:1px solid #ccc; padding:0 5px; border-radius:2px;}
.privatbank .controls .select dd span{ padding:0 0 0 6px;}
.privatbank .controls .select dl>dd:hover span, .privatbank .controls .select dl>dd.selected span{ color:#eee; }
.privatbank tbody.loading{ opacity:0.5}
.privatbank tr.status_ok{ background:#eee;}
.privatbank tr.status_ok td{ border-right-color: #ddd;}
.privatbank tr.auto_approve{ background:#eaf4fa;}
.privatbank td .is_in{ color:#390; }
.privatbank td .is_out{ color:#a00; }
.privatbank .but_new{ display:inline-block; vertical-align:middle; text-decoration:none; background:#09c; padding:1px 5px; margin:-5px 0; }
.privatbank .but_new:hover{ background:#1ad;}
.privatbank .but_new:before{ content:"+"; font-size:20px; line-height:20px; position:relative; color:#fff;}
.privatbank .status_ok .but_new{ display:none;}
.privatbank .but_split{ display:inline-block; background:#8b2; padding:4px 5px; margin:-5px 0; vertical-align:middle; }
.privatbank .but_split:hover{ background:#9c3; }
.privatbank .but_split:before{ content:""; display:inline-block; width:3px; height:1px; border:4px solid #fff; border-top-color:transparent; border-bottom-color:transparent; }
.privatbank .but_split div{ display:none;}
.privatbank .status_ok .but_split{ display:inline; border:0; margin:0; background:none!important;}
.privatbank .status_ok .but_split:before{ display:none;}
.privatbank .status_ok .but_split div{ display:inline;}
.privatbank  .but_del{ visibility:hidden; color:#c00; text-decoration:none; line-height:inherit; font-size:16px;}
.privatbank .status_ok:hover  .but_del{ visibility:visible;}
.privatbank .dd_payment{ display:none; position:absolute; left:1px; margin-top:4px; box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.4); border:2px solid #690; background:#fff; z-index:1; text-align:left;}
.privatbank .dd_payment.show{ display:table;}
.privatbank .dd_payment>div{ display:table-row; border-bottom:1px solid #eee; white-space:nowrap; }
.privatbank .dd_payment>div:hover{ background:#f3f3f3;  }
.privatbank .dd_payment>div.active{ background:#ebfae5; }
.privatbank .dd_payment>div input{ cursor:pointer; }
.privatbank .dd_payment>div>span{ display:table-cell; padding:7px; border-left:1px solid #eee; }
.privatbank .dd_payment>div>span:first-child{  border-left:0; }



/*purchase*/
.purchase{}
.purchase .table-scroll a[data-icon]{ margin:-5px; position:relative; padding:10px 5px; display:inline-block; }
.purchase .table-scroll a[data-icon]:before{ margin:0; }
.purchase .table-scroll a[data-icon]:hover{ color:#c00!important; }
.purchase .count_allegro{ display:block; padding:16px 0; font-size:14px; color:#f60; text-decoration:none; font-weight:bold; text-align:center; margin:-8px;}
.purchase .count_allegro:hover{ background:#f60; color:#fff;}
.purchase table tr td:first-child, .purchase table tr th:first-child{ border-left:0px;}
.purchase table .more_than_1{ background:#d33; color:#fff; font-weight:bold; }  
.purchase .pane_right{ position:absolute; right:20px; top:0px;}
.purchase .allegro_seller{ display:inline-block; max-width:70px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}

.purchase .is_made{ background:#bbb!important;}

/*croping*/
table tr.first_code_abs td{border-top:9px solid #999; }
table tr.first_code_size td{border-top:2px solid #555; }
table tr.plan_line td{border-top:12px solid #c00; }

.croping .select_time, .making .select_time{ background:#555; color:#fff; display:inline-block; line-height:28px; border-radius:3px; padding:0 10px; font-weight:bold; vertical-align:middle;}
.making .complete_state_0{background:#fe9;}
.making .complete_state_1{background:#ffd0cc;}
.making .complete_state_2{background:#ddd;}
.making .complete_state_3{background:#ffcccc;}
.making .complete_state_-1{background:#eaf4fa;}


/*stock*/
.stock .count{ text-.vialign:center; font-size:18px;}

/*factory*/
.factory tr.approved_{ background:#ffe9e6;}
.factory tr.approved_:hover{ background:#f8e3e0;}
.factory .select .type_3{ background:#e5f9f7}
.factory .select .type_3.selected{ background:#1c77fe}
.factory .select .type_4{ background:#fff1e8}
.factory .select .type_4.selected{ background:#990000}
.factory td.worker:hover{ background:#09c; color:#fff; cursor:pointer;}


/*material*/
.material .count{ }

/*tc*/
.tc .product_info { border-left:5px solid #aaa; padding: 0 0 0 10px; margin:0 0 20px 0;}
.tc .product_info img{ margin:0 20px 0 0;}
.tc .product_info input{ margin:0;}
.tc .not_complete{ background:#fe9;}
.tc .not_exist{ background:#ffd0cc;}

/*made*/
.made .minus td{ background:#ffeedd; }

/*finance*/
.finance .block_scroll{ position:relative;}
.finance .block_scroll:before{ content:""; display:block; width:100%; height:7px; position:absolute;  top:21px; border-top:1px solid #ccc; -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; z-index:1; }
.finance .pnl_block{ font:12px arial; position:fixed; left:0; right:0; top:80px; bottom:0; padding:0 0 20px 0; white-space:nowrap; overflow-x:auto; }
.finance .pnl_keys{  sbox-shadow:0px 7px 7px -7px rgba(0,0,0,0.5); position:sticky; left:0; z-index:1;}
.finance .pnl_keys:before{ content:""; display:block; width:7px; position:absolute;  top:21px; right:3px; bottom:0; box-shadow:7px 0px 7px -7px rgba(0,0,0,0.5) inset; z-index:1; }
.finance .pnl_keys table{  background:#fff; }
.finance .pnl_scroll{ display:inline-block; }
.finance .pnl_scroll{}
.finance .pnl{ display:inline-block; padding-right:10px; vertical-align:top;}
.finance .pnl em{ font-style:normal;}
.finance .pnl table th, .finance .pnl table td{ border:1px solid #ccc!important; }
.finance .pnl table th{position:sticky; top:0; border-top:0!important; border-bottom:0!important;}
.finance .pnl table th.td_rl, .finance .pnl table td.td_rl {border-right:3px solid #ccc!important;}
.finance .pnl table td{ height:15px; }
.finance .pnl input{ border:1px solid #ccc; text-align:right; padding:3px; margin:-4px 0; font:12px arial;}

.finance .pnl.hide_progn td.hide_progn, .finance .pnl.hide_progn th.hide_progn{ display:none;}
.finance .pnl_block.hide_sob .col_sob{ display:none;}



.finance .col_c1{ background:rgba(225,100,0,0.1);}
.finance .col_c2{ background:rgba(0,130,225,0.07);}
.finance .col_c3{ background:rgba(100,225,0,0.07);}
.finance .pnl table tr:hover{background:rgba(0,0,0,0.05);}



.finance .block{ float:left; margin:30px 0 0 60px;}
.finance .c_blue{ color:#09C;}
.finance .c_red{ color:#900;}
.finance .c_red2{ color:#d00;}
.finance .c_orange{ color:#f60;}
.finance .c_violet{ color:#60f;}
.finance .c_green{ color:#690;}



/*analytic*/
.analytic .block{ padding:30px;}


/*review*/
.review tr.status_1 td{ background:#eee; border-color:#ddd}
.review .ico_answer:before{ color:#888; float:right; font-size:24px; position:relative; top:-1px;}



/*block_call*/
#block_call{ position:fixed; right:0; top:0; padding-top:45px; box-sizing:border-box;  max-height:100%; z-index:10; display: flex;  flex-direction: column;}
#block_call>div{ overflow:hidden; max-width:0px; overflow-y:auto; align-self: stretch; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); border-radius:5px 0 0 5px; transition: width 0.5s cubic-bezier(0.1, 0.9, 0.3, 1.0); background:#fff;}
#block_call.open>div{ max-width:600px; min-width:300px; }
#block_call>div>a{ display:block; position:relative; color:#000; text-decoration:none; padding:10px 20px 10px 70px; border-top:1px solid #ddd;}
#block_call>div>a:before{ content:"["; font:26px icomoon; border:1px solid #ccc; border-radius:20px; position:absolute; top:8px; left:15px; color:#690; display:block; width:40px; line-height:40px; text-align:center;}
#block_call .name{ display:inline-block; font-weight:bold; vertical-align:top; font-size:16px; margin:0 8px 5px 0;  max-width:400px; overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis;}
#block_call .name.is_new{ color:#999;}
#block_call .flag{ position:relative; top:2px;}
#block_call .phone{ display:block; font-style:normal;}
#block_call .access{ float:right; padding:0 10px; margin-left:40px; color:#eee; line-height:22px; background:#09c; border-radius:3px; text-decoration:none; }
#block_call .access:before{content:"u"; font:13px icomoon;  color:#ddd; margin-right:10px;  }
#block_call .time{ position:absolute; right:20px; top:38px; color:#777; font: 10px verdana;}
#block_call.open .but_close{ position:absolute; background:#a00; color:#fff; display:block; border-radius:20px; width:20px; line-height:20px; text-align:center; left:-15px; top:30px; cursor:pointer; font-size:18px; text-decoration:none; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); }
#block_call.open .but_close:before{ content:"\D7";}
#block_call.open .but_close:hover{ background:#e00;}


/*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{ display:none;}
	#uid_print{ display:block;}
}

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


.has_telegram_id{ display:inline-block; background:#09c; line-height:34px; width:25px; padding-right:3px; height:28px; vertical-align:top; border-radius:32px; color:#fff; text-align:center; margin-left:15px; }
.has_telegram_id:before{ content:"T"; font:16px icomoon;}

.customer h1 .has_telegram_id{ line-height:25px; margin-left:5px; vertical-align:middle;}
td>.has_telegram_id{ margin:0;}

.tg_buts{ display:flex; gap:15px;}
.tg_buts .tg_buts_cell{ flex:1; position:relative;}