@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PT_Sans-Web-Regular.woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PT_Sans-Web-Bold.woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'fontawesome';
	src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../font/fontawesome-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
html { 
	font-size: 62.5%; 
} 
body { 
	margin: 0;
	font-family: 'PT Sans';
	font-size: 1.4rem;
	color: #000;
	background-color: #cccdcf;
	/* scrollbar-base-color: #c7d0cc; */
	/* scrollbar-arrow-color: #000000; */
}
img{
	border:0;
}
br{
	opacity:0;
}
button > img{
	vertical-align: middle;
}
button,input,textarea{
	font-family: 'PT Sans', Verdana, Arial, Helvetica, sans-serif;
}
input,textarea,button{
	font-size: 1.4rem;
}
.f9 {
	font-size: .9rem;
}
.f13 {
	font-size: .9rem;
}
.darkgray {
	color: darkgray;
}
.block {
	display: block;
}
.left {
    float: left;
}
.right {
    float: right;
}
.green {
    color: green;
}
.red {
    color:red;
}
.bold {
    font-weight: 600;
}
.italic {
    font-style: italic;
}
div.center.width-100 {min-width: 100%}
/* remake */
.center {
    text-align: center;
    display: inherit;
}
.center div,.center fieldset,.center table,.center button{
    margin: 0 auto;
}
#panel1 input::placeholder,#panel1 textarea::placeholder{
	font-style:italic;
	font-size:96%;
	font-weight:400;
	text-transform:lowercase;
	visibility:hidden;
	color: rgba(0, 0, 0, 0.5);
}
/* end remake */
@keyframes rotates {
    from {transform: rotate(0deg);} 
    to {transform: rotate(-360deg);}
}
.rotate{
	border-radius: 8px;
	animation-name: rotates;
	animation-duration: .7s;
	transition-timing-function: ease;
}
table a:hover > img.rotate{
	transform: rotate(0deg);
}
/* table a:active > img.rotate{ */
img.rotate:active{
    background-color: rgba(52, 122, 183, 0.18);;
	transition: .15s;
}
.semilayer {
    padding: 5px;
    #background: #2bc671; 
    margin: 0 auto; 
    width: 80%; 
	position: fixed;
	top: 65%;
	left: 50%;
	#height: 30%;
	#width: 20%;
	width: 300px;
	height: 120px;
	margin: -15% 0 0 -10%;
	background: rgba(20, 20, 55, 0.8); 
	border: 1px solid red;
}
/*	start semilayerbig */
@keyframes smlrbg {
    from {opacity:0;}
    to {opacity:1;}
}	
#page_header {
    position: absolute;
    width: 100%;
    background: #507299;
    height: 42px;
    box-sizing: border-box;
}
.semilayerbig {
	z-index: 20;
	position: static;
	background: rgba(20, 20, 55, 0.8); 
	padding: 14px;
	color: white;
	border-radius:4px;
	box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
	animation-name: smlrbg;
	animation-duration: .25s;
}
.semilayerbig table {
	margin: -4px 0 2px 0;
	color: white;
}
.semilayerbig label {
    line-height: 16px;
	}
.semilayerbig button {
	line-height: 14px;
	width: 120px; 
	height: 26px;
	text-shadow: 0 1px 0 #fff;
    background: #fff;
	background: linear-gradient(#f0f0f0, #cccccc), #fff;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #cccccc);
    background-image: -moz-linear-gradient(top, #f0f0f0, #cccccc);
    border: 1px solid #fff;
	border-radius: 2px;
	transition: 0.2s;
	}
.semilayerbig button:hover {
    background: #dddddd;
}
.semilayerbig button:active {
    background-image: -webkit-linear-gradient(top, #cccccc, #f0f0f0);
    background-image: -moz-linear-gradient(top, #cccccc, #f0f0f0);
}
.semilayerbig_fon {
  /* display: flex; */
  -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
/*	stop semilayerbig */
/* ########## Start menu top ########## */
.head {
	margin: auto;
    position: static;
    width: 72.6%;
    min-width: 623px;
	overflow-y: hidden;
}
.head,.head:after {
    text-align: right;
    white-space: nowrap;

	display: block;
    height: 54px;
	background: #33414a;
}
.head:after {
	content: "";
    position: absolute;
	top:0;
    left: 0;
    right: 0;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	z-index: -1;
}
.head-left {
	display: inline-block;

	float: left;
    text-align: left;
    /* margin: 2px 0px 0px 0px; */
}
.head-right {
	display: inline-block;
}
.head-left .copyrite,.head-left .copyrite a:link {
	margin: 0px 0px 0px 0px;
	font-size: 1rem;
}
.head-logo div{
	/* text-transform: uppercase; */
    line-height: 1.25;
    color: #2b8ad6;
    font-size: 2.9rem;
	text-shadow: 0 1px 0 #000;
}
.head-logo div > sup{
	font-size: 16px;
    color: darkgrey;
    text-transform: lowercase;
    vertical-align: top;
    margin-left: 4px;
}
.head-logo div > span:first-child{color: #47b2dd;}
.head-logo div > span:last-child{color: #ff4e4e;}
.head-right ul {
    margin:0;
	padding: 0;
	text-transform: lowercase;
}
.head-right	li {
    list-style: none;
	display: inline-block;
	font-size: 1.6rem;
}
.head-right	li.login {
	font-size: 1.4rem;
}
.head-right	li a{
	display: inline-block;
    line-height: 1;
    line-height: 25px;
    padding: 13px;
	color: white;
	transition: opacity 0.2s;
}
.head-right	li a:hover {
    opacity: .6;
} 
/* ########## Stop menu top ########## */
/* ########## Авторизация в кассу ########## */ 
.content_center {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
}
.authentication {
    padding: 4px 10px 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 10px;
    background: #e6e6e6;
    background: linear-gradient(#f9f9f9, #e6e6e6);
    position: relative;
	text-shadow: 0 1px 0 #fff;
}
.authentication table{
	border-spacing: 0;
	color: #33414a;
}
.authentication table td{
	padding: 2px 4px 2px 4px;
}
.authentication form{
    margin: 0;
}
.authentication td input{
	outline: none;
	font-family: 'PT Sans';
}
.authentication .headtxt {
	text-align:center;
	font-size: 18px;
	color: #666;
	font-weight: 600;
	padding-bottom : 4px;
}
.authentication .file.dwnld {position: absolute;right: 10px;bottom: 8px;}
.box-shadow {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.mes {
padding: 10px 16px 6px 16px;
}
/* ########## Конец авторизации ########## */ 
table {
	color: #000000;
	font-size: 1.4rem;
	border-collapse: collapse;
	border-color : #a1a1a1;
}
A:link {
	color: #000020;
	text-decoration: none;
}
A:active {
	color: #000020;
	text-decoration: none;
}
A:visited {
	color: #000020;
	text-decoration: none;
}
A:hover {
	color: #dc143c;
	text-decoration: none;
}
select {
	height : 18px;
	font-family : Verdana;
	font-size : 1.2rem;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
checkbox {
	height : 18px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
button::-moz-focus-inner {
  padding: 0;
  border: none;
	}
button,input[type="button"],input[type="submit"]{
	cursor: pointer;
	}
.leg {
    font-size: 1.5rem;
    color: #000;
    margin: 0px 0px 5px 2px;
    font-weight: 400;
    display: block;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
}
.zagolovok {
    font-size: 1.9rem;
    color: #353535;
    margin: 24px 0px 26px 0px;
    font-weight: 600;
    display: block;
    text-shadow: 0 1px 0 #f5f5f5;
}
.back {
	display: block;
	margin: 24px 0px 24px 0px;
	text-align: center;
}
.back a:link {
	font-weight: bold;
	transition: 0.1s;
}
.back a:hover {
    padding: 5px 8px 5px 8px;
	border: 1px solid #b4b4b6;
	text-shadow: 0 1px 0 #fff;
    background: #fff;
    background: linear-gradient(#f5f5f5, #e4e3e3) #e4e3e3;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	transition: 0.1s;
}
.table_2 a:active,table a:hover {
	color: #bd5a35;	
	}
.table_2,.table_1,.table_3 {	
	color:#222;
	text-shadow: 0 1px 0 #fff;
	background:#eaebec;	
	margin:0 auto;	
	border: none;
	border-collapse: separate;
	border-radius:3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	line-height: 1; 
	border-spacing: 0px;
	}
table.click tr{
	cursor: pointer;
	}
table a:link{
	font-size: 1.4rem;
	}
.table_2,div#userinfo .table_1,div#traflist .table_1, .width {	
	min-width:620px; 
	}
.table_1.card{
	width:620px;
	}
.table_3.card{
	width:620px;
	}	
.table_1 tr td, .table_3 tr td{
	text-align: left;
	}
.table_3 th,.table_2 th,.table_1 th {
	cursor: default;
	padding: 5px 10px 6px 10px;
	border-top:1px solid #fafafa;	
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: linear-gradient(#ededed, #ebebeb) #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	}
.table_1 tr:last-of-type th {font-weight: 500;font-size: 90%;}
.table_2 th:first-child{
	text-align: left;
	}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;	
	-webkit-border-top-left-radius:3px;	
	border-top-left-radius:3px;
	}
.table_3 tr:first-child th:last-child,.table_2 tr:first-child th:last-child,.table_1 tr:first-child th:last-child{
	-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;
	}
.table_2 tr{
	cursor: pointer;
	text-align: center;
	padding-left:20px;
	}
.table_3 tr td:first-child,.table_2 tr td:first-child,.table_1 tr td:first-child{
	position: relative; /* for icon */
	text-align: left;
	padding-left:14px;
	border-left: 0;
	}
.table_3 tr td,.table_2 tr td,.table_1 tr td{
	padding:8px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;	
	background: #fafafa;
	background: linear-gradient(#fbfbfb, #fafafa) #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	}
.table_2 tr.even td,.table_1 tr.even td,.table_1.usl tr:nth-child(odd).table_3 tr.even td,.table_3.usl tr:nth-child(odd) td{
	background: #f6f6f6;
	background: linear-gradient(#f8f8f8, #f6f6f6) #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
	}
.table_1 td.even_th,.table_3 td.even_th{
    font-weight:600;
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
	}
.table_2 tr:last-child td,.table_2 tr:last-child th,.table_1 tr:last-child td,.table_1 tr:last-child th,.table_1 tr td.row{
	border-bottom:0;
	}
.table_2 tr:last-child td:first-child,.table_2 tr:last-child th:first-child,.table_1 tr:last-child td:first-child,.table_1 tr:last-child th:first-child,.table_3 tr:last-child td:first-child,.table_3 tr:last-child th:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	}
.table_3 tr:last-child td:last-child,.table_3 tr:last-child th:last-child,.table_2 tr:last-child td:last-child,.table_2 tr:last-child th:last-child,.table_1 tr:last-child td:last-child,.table_1 tr:last-child th:last-child,.table_1 tr td.row{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	}
.table_1.card tr:last-child td:last-child{
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	}
.table_3.card tr:last-child td:last-child{
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	}
.table_1.card tr:nth-child(2) td:nth-child(1),.table_1.card tr:nth-child(2) td:nth-child(3){
	width: 76px;
	}
.table_1.card tr:nth-child(2) td:nth-child(2){
	min-width: 90px;
	}
.table_1.card tr:nth-child(2) td:nth-child(4){
	min-width: 240px;
	}
.table_1.card tr:nth-child(10) td:nth-child(2),
.table_1.card tr:nth-child(11) td:nth-child(2),
.table_1.card tr:nth-child(12) td:nth-child(2){
	width: 200px;  /* костыль излишней растяжки для Chrome */
	}
.table_1.card tr:nth-child(10) td:nth-child(3){
	width: 50px;
	}
.table_2 tr:hover td,.table_1.click tr:hover td,div#traflist .table_1 tr:hover td,.table_1.usl tr:hover td{
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
	}
.table_3 tr.pre_tab td,.two_th th,.table_2 tr.pre_tab td,.table_2 tr.pre_tab:hover,.table_1 tr.pre_tab td,.two_th th{
	cursor: default;
	text-align: center;
	font-weight: 600;
	color: #333;
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
	}
.table_3 a:hover,.table_2 .pre_tab a:hover,.table_2 th > a:hover,.table_1 a:hover,.input_table a:hover,.search_2 td a:hover,
.hide_block.input_table > div > div > a:hover{
	color: #dc143c;
	border-bottom: 1px dashed #dc143c;
	}
.pre_tab .active a{
	color: #dc143c;
}
.pre_tab .active a:after{
	content: "";
	font-family: 'fontawesome';
	margin-left: 3px;
}
.pre_tab .active.up a:after{
	content: "\f106";
}
.pre_tab .active.down a:after{
	content: "\f107";
}
.table_1 a:hover img{
	border-bottom: 0px dashed #dc143c;
	}
.table_3 a:hover img{
	border-bottom: 0px dashed #dc143c;
	}	
table .green_tr td{
	background: #e5fbe8;
	background: linear-gradient(#e6ffe9, #e5fbe8) #e5fbe8;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6ffe9), to(#e5fbe8));
	background: -moz-linear-gradient(top,  #e6ffe9,  #e5fbe8);
	}
table .red_tr td{
    background: #fdece5;
	background: linear-gradient(#ffedeb, #fdece5) #fdece5;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffedeb), to(#fdece5));
	background: -moz-linear-gradient(top,  #ffedeb,  #fdece5);
	}
table .yellow_tr td{
    background: #fff8d8;
	background: linear-gradient(#fffbdb, #fff8d8) #fff8d8;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbdb), to(#fff8d8));
	background: -moz-linear-gradient(top,  #fffbdb,  #fff8d8);
	}
table .blue_tr td{
	background: #e5f3fd;
    background: linear-gradient(#ebf2ff, #e5effd) #e5f3fd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebf2ff), to(#e5effd));
	background: -moz-linear-gradient(top,  #ebf2ff,  #e5effd);
}
table .hidden_tr td{
    color:#a0a0a0;
	}
/* .table_1 tr.red_tr:hover td,table tr.red_tr:hover td */
table tr.red_tr:not(.nh):hover td{
    color: black;
	background: #ffe1da;
	background: linear-gradient(#ffe5de, #ffe1da) #ffe1da;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe5de), to(#ffe1da));
    background: -moz-linear-gradient(top, #ffe5de, #ffe1da);
	}
.table_1 tr.green_tr:hover td{
    color: black;
	background: #d6f5d9;
	background: linear-gradient(#d9f8dc, #d6f5d9) #d6f5d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#d9f8dc), to(#d6f5d9));
    background: -moz-linear-gradient(top, #d9f8dc, #d6f5d9);
	}
.table_1 tr.yellow_tr:hover td{
    background: #f7f0d0;
	background: linear-gradient(#faf3d3, #f7f0d0) #f7f0d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#faf3d3), to(#f7f0d0));
	background: -moz-linear-gradient(top,  #faf3d3,  #f7f0d0);
	}
.table_3 td.pre_tab_fcs a,.table_2 td.pre_tab_fcs a,.table_1 td.pre_tab_fcs a{
	color: #dc143c;
	}
.table_2 td.pre_tab_fcs a:after,.table_1 td.pre_tab_fcs a:after{
	content:" \21B5";
}
.table_3 td a,.table_3 th a,.table_2 .pre_tab a,.table_2 th a,.table_1 td a,.table_1 th a,.input_table td a,.search_2 td a,
.hide_block.input_table > div > div a{
	color:#337ab7;
	}
table td .click{
	color: black;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
#userinfo table li{
	list-style: inside;
}
.globalstat td{
	text-align: center;
}
fieldset.form_block, #allstat, #usrslist, #userinfo{
margin: 12px auto;
}
.form_block{
    width: 620px;
	box-sizing: border-box;
    border-radius: 3px;
    border: #fff 1px solid;
    background: #ececec;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	margin: 0;
	padding-bottom: 10px;
	}
fieldset#panel1.form_block{
	padding-bottom: 2px;
	}
#statuslayer,#load{
	position:absolute;
	padding-top: 5px;
	text-align: center;
	right: 0;
	left: 0;
	margin: 0 auto;
	}
.hide_block{
	text-shadow: 0 1px 0 #f5f5f5;
	}
.hide_block table td{
	padding: 0px 3px 0px 3px;
	}
.hide_block a:hover{
	border: 0;
	}
.hide_block a:hover > img{
	filter: brightness(115%);
	}
.table_2 a:hover > img{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transform: rotate(90deg);
	transition-duration: 0.3s;
	}
.table_3 a > img,
.table_2 a > img,
.table_1 a > img{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition-duration: 0.4s;
	position: relative;
}

.table_1.icon td:first-child,
#stock .table_1.icon td:first-child {padding-left: 36px}
.table_1 td i[style*="icon"] {/* margin-left: 16px; */}
.table_1 td i[style*="icon"]:before {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; width: 32px;
	background: transparent var(--icon) no-repeat 50% 50%;
	background-image: var(--icon);
}

.table_1 .n:before {font-family: 'fontawesome';}

.table_1 .n:before,
.exc .n:before {content: "\f070";cursor: pointer;}
.table_1 .n.on:before,
.exc .n.on:before {content: "\f06e";}

.table_1.notnull tr.null,
.exc.notnull tr.null {/* visibility: collapse; */display:none}
.hide_block.input_table > div > div{
	display: inline-block; 
	vertical-align: middle;
	margin-left: 4px;
	}
.hide_block.input_table div a{
	}
.hide_block.input_table div input,.hide_block.input_table div select{
	float: inherit;
	vertical-align: inherit;
	}
.hide_block.input_table table input,.hide_block.input_table table select,
.hide_block.input_table div input,.hide_block.input_table div select{
	border: 1px solid #b4b4b6;
	}
.hide_block.input_table input,.hide_block.input_table select{
	border: 1px solid #b4b4b6;
	}
.hide_block.input_table div.d {
	display: inline-block;
    vertical-align: middle;
}
.hide_block.input_table div.d img{
    vertical-align: middle;
}
.hide_block.input_table div.d input{
    width: 14.2rem;
}

.form_input_type,.authentication input{
    display: inline-block;
    padding: 0px 0px 0px 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
	box-sizing:border-box;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.40);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.40);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
.form_input_user,.form_input_money,.form_input_days,.form_input_text,.authentication input{
    display: inline-block;
    padding: 6px 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
	box-sizing:border-box;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.40);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.40);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
.form_input_user:focus, .form_input_money:focus,.form_input_days:focus,.form_input_type:focus,.form_input_text:focus {
    border-color: #F3F3F3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3), 0 0 6px #2196F3;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3), 0 0 6px #2196F3;
	}
.form_input_user{
    width: 380px;
    height: 30px;
    }
.form_input_type{
    width: 140px;
    height: 26px;
	text-align: left;
	font-weight: 600;
}	
.form_input_money,.form_input_days{
    width: 80px;
    height: 26px;
	text-align: right;
	font-weight: 600;
    }
.form_input_text{
	margin-top: 6px;
	width: 282px;
    height: 54px;
	overflow: auto;
	resize: vertical;
    }
.form_block.input_table.stereo,
.form_block.input_table.stereo ~ div table.table_1{
	width: 98%;
	max-width: 870px;
	box-sizing: border-box;
	}
.stereo table{
	display: inline-table;
	margin: 0px 18px;
	}
.stereo table tr td,.form_block.input_table.one table tr td{
text-align: left;  /* for Firefox Sany */
}
.stereo table tr td:first-child,
.one table tr td:first-child,
.stereo table tr td div.TX{
	font-weight: 600;
	}
.stereo table tr td div.TX2{
	font-weight: 600;
	}	
.stereo table tr td:first-child{
	width: 120px;
	line-height: 12px;
	}
.stereo	.form_button_save,
.one .form_button_save{
	display: block;
	margin-top: 8px;
	}
.stereo table td,.search_2 table td{
	padding: 1px 0px 1px 0px;
	}
.form_block.input_table.one table,
.form_block.search_2 table{
	width: 90%;
}
.form_block.search_2 > div > div{
	display: inline-block;
	vertical-align: middle;
	margin: 1px 6px 1px 6px;
	}
.form_block.search_2 > div > div .select{
	display: inline-block;
	}
.form_block.search_2 div > div > b{
	vertical-align: middle;
	}
.form_block.search_2 > div > div input,
.form_block.search_2 > div > div > .select select{
    width: 140px;
	float: inherit;
}
.form_block.search_2 div > div > b{
	display: inline-block;
	width: 120px; /* зависимость [4] */
	}
.form_block.search_2 > input.form_button_save{
	margin-top: 8px;
	}
.one table td:first-child{
	padding: 0px 1px 0px 1px;
	}
.search_2 table td:nth-child(2){
	padding: 1px 20px 1px 0px;
	}
.inl_block_inp{ /* div в строке с input */
	display:inline-block;
	vertical-align: middle;
	}
.input_table input[type="text"],.input_table input[type="date"],.input_table input[type="datetime-local"],.input_table input[type="number"],.input_table input[type="text"],.search_2 input[type="text"],.search_2 input[type="date"],.search_2 input[type="datetime-local"],.input_table textarea,.search_2 textarea{
	float: left;
    vertical-align: middle;
    display: inline-block;
    height: 26px;
    background: #fbfbfb;
    border: 1px solid #cccdcf;
	box-sizing:border-box;
    padding: 2px 10px;
    box-shadow: inset 0 2px 3px #e8e8e8;
	transition: background 0.1s, border 0.1s;
	}

.input_table textarea {
	overflow: auto;
	resize: vertical;
	}
.input_table.stereo table input,.input_table table select{
	width: 250px;
}
.input_table.stereo table input.b1{
	width: 210px;
}
.input_table.stereo table input.b2{
	width: 170px;
}
.input_table.stereo table input.i2b1{
	width: calc(250px/2 - 40px/2);
}
.input_table.stereo table .FO input:first-child{width: 55px;}
.input_table.stereo table .FO div.TX{display: inline-block;float: left;text-align: right;width: 65px;padding-right: 10px;box-sizing: border-box;}
.input_table.stereo table .FO input:last-child{width: calc(250px - 55px - 65px);}
.input_table.stereo table .FO2 input:first-child{width: 55px;}
.input_table.stereo table .FO2 div.TX2{display: inline-block;float: left;text-align: right;width: 95px;padding-right: 10px;box-sizing: border-box;}
.input_table.stereo table .FO2 input:last-child{width: calc(220px - 55px - 65px);}
.input_table.stereo table .TW input{width: 55px;}
.input_table.stereo table .TW div select{width: calc(250px - 55px);border-left:0;}
.input_table input[type="text"]:focus,.input_table button:active ~ input[type="text"],.input_table input[type="date"]:focus,.input_table button:active ~ input[type="date"],.search_2 input[type="text"]:focus,.search_2 input[type="date"]:focus,.search_2 input[type="datetime-local"]:focus,.input_table textarea:focus,.search_2 textarea:focus{
    outline: none;
    border: 1px solid #FE7F00;
    background-color: #fffcfa;
    box-shadow: 1px 1px 0px #EFEFEF inset, 0px 0px 1px #FE7F00;
    position: relative;
	transition: background 0.1s, border 0.1s;
	}
div.prefix{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    float: left;
    border: 1px solid #cccdcf;
    border-right: 0px;
    padding-left: 10px;
    height: 24px;
	max-width: 139px;
	line-height: 24px;
    background-color: #f3f3f3;
    box-shadow: inset 0 2px 3px #e8e8e8;
    cursor: not-allowed;
}
div.prefix ~ input[type="text"]{
    border-left-color: rgba(204, 205, 207, 0.7);
    padding-left: 0px;
}
.input_table td button{
    vertical-align: top;
    display: inline-block;
    width: 40px;
    height: 26px;
	line-height: 8px;
    background: #fff;
	background: linear-gradient(#f0f0f0, #e6e6e6) #fff;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
    border: 1px solid #cccdcf;
    border-left: 0;
	transition: 0.2s;
	}
#D11 a,#D21 a,#PS11 a,.TX{
	line-height: 26px;
	}
#D11 a,#D21 a,#PS11 a,.TX2{
	line-height: 26px;
	}	
.TabHg {height: 26px}
td.TabHg a {font-weight: normal;font-size: 94%;line-height: 13px;}
.input_table td button img{
    opacity:0.8;
	transition: 0.2s;
	}
.input_table td button:hover {
    background: #e6e6e6;
}
.input_table td button:hover > img{
    opacity:0.9;
	}
.input_table td button:active {
	background: linear-gradient(#e6e6e6, #f0f0f0) #e6e6e6;
    background-image: -webkit-linear-gradient(top, #e6e6e6, #f0f0f0);
	background-image: -moz-linear-gradient(top, #e6e6e6, #f0f0f0);
}
.input_table td div button:nth-child(2){
	border-left: 1px solid #cccdcf;
    border-right: 0;
	float: left;
	}
.input_table select,.search_2 select{
	outline:none;
	cursor: pointer;
	-webkit-appearance: none; 
	-moz-appearance: none;
	padding-left:4px;
	appearance: none;
	border: 1px solid #cccdcf;
	height: 26px;
	background: #fff;
	background: linear-gradient(#f5f5f5, #e4e3e3) #fff;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e3e3);
	background-image: -moz-linear-gradient(top, #f5f5f5, #e4e3e3);
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	transition: 0.2s;
	}
.select:after {
	margin:0; 
	content: "\25BC";
	font-size: 1rem;
	margin-left: -15px;
	pointer-events: none;
}
.input_table select:hover,.search_2 select:hover{
	background: #f2f2f2;
	}
.usl .checkbox_switch {
	position: relative;
}  
.usl .checkbox_switch input[type="checkbox"] {
	width: 35px;
	height: 23px;  
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	opacity: 0;
}
.usl .checkbox_switch input[type="checkbox"] + label {
	padding-left: 40px;
	padding-top: 20px;
	display: block;
	cursor: pointer;	
}
.usl .checkbox_switch input[type="checkbox"] + label:before {
	display: block;
	width: 35px;
	height: 23px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAF2klEQVR42q2ZW0zbdRTHZYAkezHIoAWXSBaiQ3lY5MVlvjljwsMSF52PezCamJjMGJcZEjWLGngRzWRkboV1XOTWEXXoht2FAeMigxZ6v1+gFyilF8KdcjznZ//QwCj9/ctJvuHS9pf/+fzOOb/zO32usM2VshItGo0+U2gZqEOoLFS2oPjfmfQaew+fZSSsm0kSs5bX690lAHimkoEoQ1WjBlBTqDUU7KlWJxS22EDaZAHpLSNIb+pB2qAFSb1mTSKb8KCGJNfHa/JrHpYTqBSdyogDyB4cHDypVqsvajSaX/R6fbvRaOxC3bbZbAqXy9U5NTXVOT093YHOJlMLqgZ1AVXOC+YYqjvR6X2BtDpA2mwFqVwPrzVpofKxDe6afWDyB2EuHAHHbAhGXAGoe+qCii49SG6o7x2p+qs0HkUZewA5VFxcnDM2NvaJTqczWSwWcDqdgADA4/GA2+0Gu90OJpOJyeFw0P/Ya+hwqtKjzqMy9gNTgQpxQfnNjlFihqIGDfzwxAEz82FYWVmBjY0N2NzcBDT2MxaLwdraGiwuLsI/Fj+82aaNFlzpPyvA2Rklcrm8SKvV9pLD8/Pz9Dlal9ZgWl1dheXlZcD0Bb/fD2azGQgeRg9g5JDTPFKi8vYCcwa1QQ6nDsbBoJQ0auGB1U8PziDsY8wpPwJ8/44xVnBl4JwAR4CiUChKDAaDe2ZmhpxnUJMYAxWJRFgEYXolRtZOJYsoO+roTjDHURE+KE6WPi/d1MLfJh+DwmPr6+ssuk4rdItHqu+eEIppVVVVLqaOdm5ujmdNgkcQKaUotYTIEWCkCkmFOpwI5hE5y6H/U+iWAb7ttydzYN+d1njm4OV61ROEkoPKxgJbiw/Ht+Y2HEotllZYlIWawwunRgBzihtKq5OdPsex0HqDYZY+Io0BuNRrg/wf75+mFMI6sU71hN+2IxGjTUgpihpeOKuUUgSmlh+Mgx3JFx5YWfiKs+1dHnHNgqRuRKZSqS5jIWXOpWNLS0tUiClqqNaIiZpKAqPmBtNiY33K7wZv2k6QLSwswBvNk2Y8hQapiIq27RSlSKGUEtKJF84jAhMVBaZBS/VBODHS3mE8oZbRkXA8jdKOwng6UREWA2aWwKyKBaP3Bg8MzAd3jJtWqzVGv8MBgMHeJx0wmwTGKS6VdNBvn2GNXLpGUfKOQhc+yIgJBALpgFkgMA9FHNWs/a9XuVk+p2ns2lBSPz6MdyAd1Zu4pXUy+Xw+6mfE1pgJAlMp6lRqNMGH3SZKg7Sd+NPohYKrQ9/hqXQddzrt9MSTknXBmJpiT6VaAnOUq85s36RZ1zs+FSDn0kqj9/4wrr/4pezVgYGBt7FzFdswbt3LwuEw4JWCumC+PmZbp4TO9ydR6dRoQqcMEIpExewyA9Cm8YDk2tM67HqfJ9GRHQwGhRQVsyY1dtTHiO18exOvBIdRKs6o2epnvu6zC5c9LgdG3QF4RT6hf+Gj73OFIZRSqTyBtWER+xkhEnnWpJt2YtfLC2UBVZoIRkgpO3etabYyOJ9jFxwMR/bbaTrFCCK7jb/eNOnO+6a9hIAk3K6zhoeHz+GOxzAl6CaeSvowKHgbJyhUX4TawnPD3kCd2Wsek4dScsKhyGGn1FsdOujSeyESjZLz5BTtOsGiB2f1xOALwqdKCxTJ1L25F2VFW1DiJsAZGho6i05GMQLoc7QWRWTijIfWZusiQIoQYWBFUHgHViFUxX4TvAzUeZSeO62azCx6ypo18Nl9C1wddUG71gNy9RRcHrDDu10GKJSpTZJrox9nSYtzdo43d8Lp6ekpxRHEvXi9YN0sphi7QYdCIUobBgIBJg6peKF0o44ln+DtVjnqC1QdqiOpWh0dWJA7MbU68YKpwM74Ns55u3CMiVLdkPw69lX+z49Pxue9mSnOew/R+/v6+sonJydrsM/5F0+bOQKBEsYLFC08Y80AaghVjSoTMQzfrVQt2UQ/LpFr7f7mQVj3oL8l+A/ghtBzstfbJQAAAABJRU5ErkJggg==');
	content: " ";
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
}
.usl .checkbox_switch input[type="checkbox"] + label:before {
	background-position: -35px 0;
}
.usl .checkbox_switch input[type="checkbox"]:checked + label:before {
	background-position: 0 0;
}
.usl .checkbox_switch input[type="checkbox"]:disabled + label{
	cursor: not-allowed; 
}
	@keyframes hover-color {
  from {
	border-color: #c0c0c0; }
	to {
    border-color: #3e97eb; } 
}
.radio,
.checkbox input[type="checkbox"]{
	position: absolute;
	display: none; 
}
.radio[disabled],
.checkbox input[type="checkbox"]:disabled {
	cursor: not-allowed; 
}
.radio + label,
.checkbox input[type="checkbox"] + label {
	position: relative;
	display: block;
	padding-left: 30px;
	cursor: pointer;
	vertical-align: middle; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	padding: 4px 4px 4px 32px;
    line-height: 16px;
}
.radio + label:hover:before,
.checkbox input[type="checkbox"] + label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color; 
}
.radio + label:before,
.checkbox input[type="checkbox"] + label:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	content: '';
	border: 1px solid #c0c0c0; 
	margin: 4px;
}
.radio + label:after,
.checkbox input[type="checkbox"] + label:after {
	position: absolute;
	display: none;
	content: ''; 
	margin: 4px;
}
.radio[disabled] + label,
.checkbox input[type="checkbox"]:disabled + label {
	cursor: not-allowed;
	color: #e4e4e4; }
.radio[disabled] + label:hover, .radio[disabled] + label:before, .radio[disabled] + label:after,
.checkbox input[type="checkbox"]:disabled + label:hover,
.checkbox input[type="checkbox"]:disabled + label:before,
.checkbox input[type="checkbox"]:disabled + label:after {
	cursor: not-allowed; 
}
.radio[disabled] + label:hover:before,
.checkbox input[type="checkbox"]:disabled + label:hover:before {
	border: 1px solid #e4e4e4;
	animation-name: none; 
}
.radio[disabled] + label:before,
.checkbox input[type="checkbox"]:disabled + label:before {
    border-color: #e4e4e4; 
}
.radio:checked + label:before,
.checkbox input[type="checkbox"]:checked + label:before {
	animation-name: none; 
}
.radio:checked + label:after,
.checkbox input[type="checkbox"]:checked + label:after {
	display: block; 
}
.radio + label:before {
	border-radius: 50%; 
}
.radio + label:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3e97eb; 
}
.radio:checked + label:before {
	border: 1px solid #3e97eb; 
}
.radio:checked[disabled] + label:before {
	border: 1px solid #c9e2f9; 
}
.radio:checked[disabled] + label:after {
	background: #c9e2f9; 
}
.checkbox input[type="checkbox"] + label:before {
	border-radius: 3px; 
}
.checkbox input[type="checkbox"] + label:after {
	top: 1px;
	left: 5px;
	box-sizing: border-box;
	width: 6px;
	height: 11px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0; 
}
.checkbox input[type="checkbox"]:checked + label:before {
	border: 1px solid #3e97eb;
	background: #3e97eb; 
}
.checkbox input[type="checkbox"]:checked:disabled + label:before {
	border: #c9e2f9;
	background: #c9e2f9; 
}
.form_button_searsh,.form_button_green,.form_button_save {
	display: inline-block;
    color: #fff;
    text-decoration: none;
    outline: none;
    border-width: 1px 0;
    border-style: solid none;
    border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px #d1d1d1;
    box-shadow: 0 1px 3px #d1d1d1;
    transition: box-shadow .15s, background .15s;
}
button.form_button_searsh {
	margin-left:10px;
	padding: 0px 28px;
	line-height: 26px;
	font: .89em/2.1em Arial, Helvetica;
	background: linear-gradient(#67bcff, #2196f3) #2196f3;
    border: 1px solid rgb(43, 138, 214);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}
.form_button_green {
	padding: 0px 14px;
    line-height: 26px;
    font: .89em/2.1em Arial, Helvetica;
	background: linear-gradient(#3edeaa, #1bbb87) #1bbb87;
    border: 1px solid rgb(24, 175, 126);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}
.form_button_save {
	padding: 0px 20px;
	line-height: 26px;
	font: .89em/2.1em Arial, Helvetica;
	background: linear-gradient(#ff9867, #f36521) #f36521;
    border: 1px solid rgb(214, 104, 43);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}
.form_button_searsh:hover {
    background: linear-gradient(#49adfd, #2196f3) #2196f3;
    background-color: #2196f3;
	box-shadow: 0 0 6px #2196f3;
}
.form_button_green:hover {
    background: linear-gradient(#36d09e, #1bbb87) #1bbb87;
    background-color: #1bbb87;
	box-shadow: 0 0 6px #1bbb87;
}
.form_button_save:hover {
    background: linear-gradient(#ff844a, #f36521) #f36521;
    background-color: #f36521;
	box-shadow: 0 0 6px #f36521;
}
.form_button_searsh:active {
    background: linear-gradient(#2196f3, #49adfd) #49adfd;
    background-color: #49adfd;
}
.form_button_green:active {
    background: linear-gradient(#1bbb87, #36d09e) #36d09e;
    background-color: #36d09e;
}
.form_button_save:active {
    background: linear-gradient(#f36521, #ff844a) #ff844a;
    background-color: #f36521;
	box-shadow: 0 0 6px #f36521;
}
.form_block table,
.form_block > div{
    color: #333;
    text-shadow: 0 1px 0 #fff;
} 
/* start disabled */
button:disabled,button:disabled:hover,select:disabled,select:disabled:hover{
	opacity: .7;
	cursor: not-allowed;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}
button.form_button_searsh:disabled,button.form_button_searsh:disabled:hover,button.form_button_green:disabled,button.form_button_green:disabled:hover,button.form_button_save:disabled,button.form_button_save:disabled:hover{
	box-shadow: 0 1px 3px #d1d1d1;
}
.input_table table button:disabled,.input_table table button:disabled:hover{
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
    background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
}
table button:active ~ input[type="text"]:disabled,table button:active ~ input[type="text"]:read-only,input[type="text"]:read-only:focus,table button:active ~ input[type="date"]:disabled,textarea[readonly]:focus{
	background: #f3f3f3;
    border: 1px solid #cccdcf;
    box-shadow: inset 0 2px 3px #e8e8e8;
}
table select:disabled,select:disabled:hover{
	opacity: 1;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e3e3);
    background-image: -moz-linear-gradient(top, #f5f5f5, #e4e3e3);
}
input[type="text"]:disabled,input[type="text"]:read-only,input[type="date"]:disabled,textarea:disabled,textarea[readonly],textarea[readonly]:focus {
	cursor: not-allowed;
	background-color: #f3f3f3;
}
input.form_input_money:disabled, input.form_input_days:disabled, input.form_input_type:disabled, textarea.form_input_text:disabled {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.30);
}
/* stop disabled */
button:focus{
	outline:none;
	}
a.blue{
    display: inline-block;
    color: #1768a9;
	border: 1px solid transparent;
	padding: 3px 4px 3px 4px;
    border-radius: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	min-width: 18px;
    text-align: center;
}
a.blue:hover,a.blue.active,a.blue.active:hover{
    border: 1px solid #b4b4b6;
	color: #1768a9;
    text-shadow: 0 1px 0 #fff;
    background: linear-gradient(rgba(245, 245, 245, 1), rgba(228, 227, 227, 1)) rgba(228, 227, 227, 1);
    box-shadow: inset 1px -1px rgba(241, 241, 241, 1), inset -1px 0 rgba(241, 241, 241, 1), 0 1px 2px rgba(0,0,0,0.1);
    transition: 0.1s;
}
a.blue:hover{
    background: linear-gradient(rgba(245, 245, 245, 0.5), rgba(228, 227, 227, 0.5)) rgba(228, 227, 227, 0.5);
    box-shadow: inset 1px -1px rgba(241, 241, 241, 0.5), inset -1px 0 rgba(241, 241, 241, 0.5), 0 1px 2px rgba(0,0,0,0.1);
}
a.blue.month {
    font-size: 97%;
}
div#usrslist, div#moneyslist, div#traflist, div#trafstat, div#stat, div#flowlist,div#usl,div#ticketslist,div#m_width,div#newsslist,div#speedtest {
	overflow-y: hidden;
}
div.panel button {
	line-height: 14px;
    height: 26px;
    background: rgba(0, 0, 0, 0);
    min-width: 164px;
    white-space: nowrap;
    border: none;
	border-radius:3px;
    color: #005aa7;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    transition: 0.2s;
}
div.panel button img {
	padding-right: 10px;
    transition: 0.2s;
}
div.panel button:hover {
    background: rgba(52, 122, 183, 0.12);
	text-shadow: 0 0px 1px #fff;
}
div.panel button:disabled,div.panel button:disabled:hover{
    background: none;
	box-shadow: none;
}
div.panel ul {
	display: inline-block;
	vertical-align: text-top;
	padding: 0px;
	margin: 0;
	margin-top: 10px;
}
div.panel ul li {
	display: block;
	margin: 1px;
}
.table button {
    display: inline-block;
    white-space: nowrap;
    background-image: -webkit-linear-gradient(top, #eaeaea, #ccc);
    background-image: -moz-linear-gradient(top, #eaeaea, #ccc);
    background-image: -ms-linear-gradient(top, #eaeaea, #ccc);
    background-image: -o-linear-gradient(top, #eaeaea, #ccc);
    background-image: linear-gradient(to bottom, #eaeaea, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #a7a7a7;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold .89em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    box-shadow: 0 1px 2px #d1d1d1;
    transition: 0.2s;
} 
.table button:hover{
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#ccc));
	background-image: -webkit-linear-gradient(top, #dedede, #ccc);
	background-image: -moz-linear-gradient(top, #dedede, #ccc);
	background-image: -ms-linear-gradient(top, #dedede, #ccc);
	background-image: -o-linear-gradient(top, #dedede, #ccc);
	background-image: linear-gradient(to bottom, #dedede, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dedede', EndColorStr='#ccc');
	box-shadow: 0 0 6px #c0c0c0;
} 
.table button:active{
	background-image: -webkit-linear-gradient(top, #ccc, #dedede);
    background-image: -moz-linear-gradient(top, #ccc, #dedede);
    background-image: -ms-linear-gradient(top, #ccc, #dedede);
    background-image: -o-linear-gradient(top, #ccc, #dedede);
    background-image: linear-gradient(to bottom, #ccc, #dedede);
}  
.table button:focus{
	outline:none;
} 
.table button:before{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.4), 2px 0 0 rgba(255,255,255,.6);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.4), 2px 0 0 rgba(255,255,255,.6);
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.4), 2px 0 0 rgba(255, 255, 255, 0.6);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
} 
/* Hexadecimal entities for the icons */ 
.add:before
{
	content: "\271A";
}
 
.edit:before
{
	content: "\270E";
}
 
.delete:before
{
	content: "\2718";
}
 
.save:before
{
	content: "\2714";
}
 
.email:before
{
	content: "\2709";
}
 
.like:before
{
	content: "\2764";
}
 
.next:before
{
	content: "\279C";
}
 
.star:before
{
	content: "\2605";
}
 
.spark:before
{
	content: "\2737";
}
 
.play:before
{
	content: "\25B6";
} 
.left2 {
	position: absolute;
	margin: 0 auto;
	top:4px;
	left:4px;
	padding: 0px;
	#background: #fc0;
}
.center2 {
    text-align: center;
}
.center3 {
	#display:block;
	position: absolute;
	margin: 0 auto;
	top:260px;
	#left:20%;
	padding: 4px;
	background: #FFFFFF;
} 
.copyrite {
	color: darkgray;
	font-size : .9rem;
} 
.copyrite a:link,.copyrite a:visited{
	color: #FF9800;
	font-size : .9rem;
}
.copyrite a:hover{
	color: #FFC107;
	/* text-decoration:underline; */
}
#cke_editor{
	max-width: 840px;
}
@keyframes over {
    from {background-color: rgba(0, 0, 0, 0);}
    to {background-color: rgba(0, 0, 0, 0.2);}
}	
.overlay,.semilayerbig_fon {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20; /* менее 20 разъезжается меню и превью */
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    cursor: default;
	animation-name: over;
    animation-duration: .5s;
}
div a.overlay:hover{
	border: none; 
}
.overlay:target {
    display: block; 
}
/* ########## Вспывающие подсказки и меню ########## */
.tooltip { 
  overflow: hidden;
  position: relative;
  text-indent: 0px;
}
.tooltip.to {
  overflow: visible;
}
.tooltip > div { 
  position: absolute;
  bottom: 100%;
  left: -20em; 
  right: -20em;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -ms-max-content;
  width: max-content;
  max-width: 20em; 
  max-height: 80vh;
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .6em;
  padding: .3em;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0,0,0,.15);
  font-size: 90%;
  background: #fafafa;
  line-height: normal;
  cursor: auto;
  z-index: 20;
}
.tooltip.down > div { 
  bottom: inherit;
  top: 100%;
  margin: 1em auto 0em;	
}
.tooltip.down:before {
top: inherit;
bottom: -1em; 
}
.tooltip.left > div { 
  left: 0;
  right: -20em;
  margin-left: 0;
}
.tooltip.right > div {
  left: -20em;
  right: 0;
  margin-right: 0;
}
.tooltip:after {
  content: "";
  position: absolute;
  top: -.6em;
  left: 50%;
  visibility: hidden;
  margin: 0 0 0 -.6em;
  border: .6em solid;
  border-color: #fafafa transparent transparent transparent;
  cursor: auto;
  z-index: 20;
}
.tooltip.down:after {
  top: inherit;
  bottom: -1em;	
  border-color: transparent transparent  #fafafa transparent;
}
.tooltip.left:after {
  left: 1em;
}
.tooltip.right:after {
  left: auto;
  right: .6em; 
}
.tooltip:before { 
  content: "";
  position: absolute;
  top: -.6em;
  left: 0;
  right: 0;
  height: 1em; 
  visibility: hidden;
}
.tooltip.hover:hover > div,
.tooltip.hover:hover:before,
.tooltip.hover:hover:after,
.tooltip.focus:focus > div,
.tooltip.focus:focus:before,
.tooltip.focus:focus:after {
  visibility: visible;
  transition: 0s .4s;
  outline: none;
}	 
.tooltip:focus {
  outline: none;
}
/* #### Оформление списков LI #### */
.tooltip ul {
	display: inline-block;
	vertical-align: top;
    padding: 0;
}
.tooltip ul li:hover,
.tooltip div.checkbox > span a.li_button:hover{
    background: #f0f0f0;
}
.tooltip ul li {
    display: block;
    text-align: left;
    margin: 0px 8px; /* Внимание! Зависимость [2] */
    color: #777;
    border-radius: 4px;
    transition: background .1s ease-out;
    font-size: 1.4rem;
	font-weight:400;
    cursor: pointer;
}
.tooltip ul li a,.tooltip ul li a:link,
.tooltip div.checkbox > span a.li_button,.tooltip div.checkbox > span a.li_button:link{
    display: block;
    font-weight: 400;
    padding: 6px 12px;
    color: #555;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
} 
.tooltip ul li a:hover {
    border: none;
}
.tooltip ul li img {
    vertical-align: bottom;
    margin-right: 4px;
    margin-left: -4px;
}
.input_hide,.input_hide input[type="checkbox"] + label{
	opacity: 0;
	cursor: default;
}	
/* #### Оформление кнопок #### */
.tooltip .li_button{
    text-align: center;
	text-align-last: center;
    margin-top: 4px;
    border: 1px solid #f0f0f0;
}
.tooltip div.checkbox > span {
	display: block;
}
.tooltip div.checkbox > span a.li_button,.tooltip div.checkbox > span a.li_button:link{
    display: inline-block;
	border-radius: 4px;
	margin: 0px 8px; /* Внимание! Зависимость [1] */
	transition: background .1s ease-out;
}
/* #### Анимация вариант 1 #### */
.tooltip.anim > div,
.tooltip.anim:after {
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}	 
.tooltip.down.anim > div,
.tooltip.down.anim:after {
  opacity: 0;
  transform: translateY(-1.5em) scale(.3);
  transform-origin: center top;
}
.tooltip.down.anim:after {
  transform: translateY(-.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.hover.anim:hover > div,
.tooltip.hover.anim:hover:after,
.tooltip.focus.anim:focus > div,
.tooltip.focus.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
  transform: translateY(0);
}
/* #### Анимация вариант 2 #### */
.tooltip.down.anim_2 > div,
.tooltip.down.anim_2:after {
  opacity: 0; 
  transform: translateY(-1.5em) scale(1);
  transform-origin: center top;
}
.tooltip.down.anim_2:after {
  transform: translateY(-.7em) scale(1);
}
.tooltip.hover.anim_2:hover > div,
.tooltip.hover.anim_2:hover:after,
.tooltip.focus.anim_2:focus > div,
.tooltip.focus.anim_2:focus:after {
  opacity: 1;  visibility: visible;
  transition: .4s, opacity .4s ease-in;
  transform: translateY(0);
}
/* #### Анимация блока, объявленного JavaScript #### */
.tooltip.down.anim_js > div,
.tooltip.down.anim_js:after {
	visibility: hidden;
	padding:0;
	opacity: 0; 
	transform: translateY(-1.5em) scale(1);
	transform-origin: center top;
}
.tooltip.down.anim_js:after {
  transform: translateY(-1.1em) scale(1);
}
.tooltip.down.anim_js.to > div,
.tooltip.down.anim_js.to:after {
  visibility: visible;
  opacity: 1;  
  transition: opacity .4s, transform .4s;
  transform: translateY(0);
}	

@media (max-width: 20em) { 

  .tooltip > div {
    max-width: 100vw;
    box-sizing: border-box;
  }
}
table.to:before,.bxTDM.to:before{
	content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 30px;
	margin-top: -1px;
    background-image: linear-gradient(90deg, rgba(204, 205, 207, .0), rgba(204, 205, 207,1) 27px); 
}

/* ########## Таблица из DIV, SPAN элементов ########## */
.TableDOM {
    display: table;
	box-sizing: border-box;
}
.TableDOM > span {
    display: table-caption;
}
.TableDOM > span:last-child {
    caption-side: bottom;
}
.TableDOM > a {
    display: table-row;
}
.TableDOM > div {
    display: table-row;
} 
.TableDOM > a > div {
    display: table-cell;
}
.TableDOM > div > div {
    display: table-cell;
}
/* оболочка */
.bxTDM {
	display: inline-block;
    border-radius: 3px;
    border: rgba(0, 0, 0, 0.1) 1px solid;
    box-shadow: 0 0px 1px rgba(0,0,0,0.18);
}
.TableDOM {
	line-height: 1;
	min-width: 620px;
	text-shadow: 0 1px 0 #fff;
}
/* заголовки */
.TableDOM > span:first-child {
	border-radius: 3px 3px 0 0;
}
.TableDOM > span:last-child {
	border-radius: 0 0 3px 3px;
	border-bottom: 0;
}
.TableDOM > span {
    cursor: default;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: linear-gradient(#ededed, #ebebeb) #ededed;
}
.TableDOM > span > div > a {
    color: #337ab7;
	font-weight: bold;
}
.TableDOM > span > div > a:hover {
    color: #dc143c;
    border-bottom: 1px dashed #dc143c;
}
.TableDOM > span > div > a > img,
.TableDOM > span > div > div > a > img,
.TableDOM > a > div > span > img,
.TreePopup .title img.close { 
    transition-duration: 0.4s;
}
.TableDOM > span > div > a:hover > img,
.TableDOM > span > div > div > a:hover > img,
.TableDOM > a > div > span:hover > img,
.TreePopup .title img.close:hover {
    transform: rotate(90deg);
    transition-duration: 0.3s;
}
.TableDOM > span > div > a:hover > img.rotate {
    transform: rotate(0deg);
}
/* навигатор в заголовке */
.TableDOM > span > div {
    display: inline-block;
}
/* строки */
.TableDOM > a > div,.TableDOM > div > div {
    padding: 8px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: linear-gradient(#fbfbfb, #fafafa) #fafafa;
}
.TableDOM > a.even > div,.TableDOM > div.even > div {
    background: #f6f6f6;
	background: linear-gradient(#f8f8f8, #f6f6f6) #f6f6f6;
}
.TableDOM > a > div:first-child,.TableDOM > div > div:first-child {
	text-align: left;
    padding-left: 14px;
    border-left: 0;
}
.TableDOM > a:hover > div,.TableDOM > div:hover > div {
	color: black;
    background: #f2f2f2;
    background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
}
/* нечетные строки */
.TableDOM > a:hover.even > div,.TableDOM > div:hover.even > div{
    background: #f6f6f6;
    background: linear-gradient(#f8f8f8, #f6f6f6) #f6f6f6;
}
.TableDOM > a:hover.even > div,.TableDOM > div:hover.even > div{
    background: #f2f2f2;
    background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
}
/* красные строки */
.TableDOM > a.red_tr > div,.TableDOM > div.red_tr > div {
    background: #fdece5;
    background: linear-gradient(#ffedeb, #fdece5) #fdece5;
}
.TableDOM > a.blue_tr > div,.TableDOM > div.blue_tr > div{
	background: #e5f3fd;
    background: linear-gradient(#ebf2ff, #e5effd) #e5f3fd;
}
.TableDOM > a.red_tr:hover > div,.TableDOM > div.red_tr:hover > div,
.table_1.click .red_tr:hover td{
    color: black;
    background: #ffe1da;
    background: linear-gradient(#ffe5de, #ffe1da) #ffe1da;
}
.TableDOM > a.blue_tr:hover > div,.TableDOM > div.blue_tr:hover > div{
	background: #d5e6ff;
    background: linear-gradient(#e2ecff, #d5e6ff) #d5e6ff;
}
/* строки сортировки */
.TableDOM > a.sort > div,.TableDOM > div.sort > div{
    cursor: default;
    text-align: center;
    font-weight: 600;
    color: #333;
    background: #f2f2f2;
    background: linear-gradient(#f2f2f2, #f0f0f0) #f0f0f0;
} 
.TableDOM > a.sort > div > a,.TableDOM > div.sort > div > a{
    color: #337ab7;
}
.TableDOM > div.sort > div > a:hover{
    color: #dc143c;
    border-bottom: 1px dashed #dc143c;
}
.TableDOM > div.sort > div.active > a{
    color: #dc143c;
}
.TableDOM > div.sort > div.active > a:after {
    content: "";
    font-family: 'fontawesome';
    margin-left: 3px;
}
.TableDOM > div.sort > div.active.up > a:after {
    content: "\f106";
}
.TableDOM > div.sort > div.active.down > a:after {
    content: "\f107";
}
/* input в заголовке */
.TableDOM > span > div > input[type="text"],
input[name="pagenumber"]{
	height: 22px;
	outline: none;
	padding: 0 2px 0 2px;
	margin-top: -13px;
    margin-bottom: -10px;
	vertical-align: middle;
	color: #555;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.40);
}
/* ########## Конец "Таблица из DOM элементов" ########## */

#lastusers table td, #lastusers table th {padding: 0 8px 0 14px; height: 25px;}
#lastusers table td:last-child{white-space: nowrap}

/* ########## Поправка userlist на странице index ########## */
#usrslist .tooltip {
	position: absolute; 
	margin-top: 14px;  
}
#usrslist .tooltip > div {
	max-width: calc(158px*3 + 8px*6); /* Внимание! Зависимость [3] + [2]; */
	width: calc(158px*3 + 8px*6); /* Внимание! Зависимость [3] + [2]; */
    max-height: inherit;
	left: -.4em;
}
#usrslist .tooltip:after {
	left: .6em;
}
#usrslist .tooltip ul li {
	float: left;
    width: 158px; /* Внимание! Зависимость [3]  */
    white-space: nowrap;
    overflow: hidden;
}
#usrslist .tooltip div.checkbox > span a.li_button,
#usrslist .tooltip div.checkbox > span a.li_button:link{
	width: calc(100%/3 - 8px*2); /* Внимание! Зависимость [1] */
    min-width: 140px;
	box-sizing: border-box;
	float: left;
	/* margin-top: -1em; */
    margin-bottom: 1em;
}
#usrslist table.table_2 th:first-child {
    vertical-align: baseline;
}
/* ########## Поправка usrstat.php ########## */
.usrstat{
	margin-top: -2px; 
}
.usrstat table{
	vertical-align: top;
}
.usrstat table{
	display: inline-table;
	margin: 2px;
}
/* ########## Поправка newseditor/index.php ########## */
#newseditor.tooltip > div {
	 max-width: 50em;
}
/* ########## Поправка settarif.php ########## */
#settarif.tooltip:after {
	 right: 13px;
}
/* ########## Конец кода вспывающие подсказки и меню ########## */	
#spoiler {
opacity:0;
display:block;
max-height:0px;
overflow:hidden;
transition: max-height .4s ease,opacity .6s;
}
/* Корректировка размеров таблицы услуг services.php */
table.usl{
max-width: 1000px;
}
.usl tr td:first-child{
padding: 5px 8px 5px 12px;
}
/* Корректировка размеров страницы новостей allnews.php */
#table_news tr td{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
#table_news tr td:nth-child(2){
width:130px;
}
#newsslist tr td img{
position: relative;
}
#table_news tr.pre_tab td{
text-align: center;
}
#table_news tr td:nth-child(3){
max-width:280px;
}
#table_news tr td:nth-child(4){
max-width:500px;
}
#newseditor.tooltip > div {
    max-height: inherit;
}

.too#table_news tr td{
white-space: normal;
max-width:none;
}
#table_news tr th img{
opacity:.4;
}
#table_news tr th img:hover{
opacity:.7;
}
.too#table_news.to tr th img,.too#table_news tr th img:hover{
opacity:1;
}
/* Корректировка размеров таблицы заявок alltickets.php */
#ticketslist  tr td{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#ticketslist tr td:nth-child(7),
#ticketslist tr td:nth-child(10),
#ticketslist tr td:nth-child(11){
max-width:50px;
}
#ticketslist tr td:nth-child(5),
#ticketslist tr td:nth-child(6){
max-width:200px;
}

.too#table_ticket tr td{
white-space: normal;
}
#table_ticket tr th img.h,
#table_news tr th img.h{
position: relative;
opacity:.4;
}
#table_ticket tr th img:hover,
#table_news tr th img:hover{
opacity:.7;
}
.too#table_ticket tr th img,.too#table_ticket tr th img:hover,
.too#table_news tr th img,.too#table_news tr th img:hover{
opacity:1;
}
#ticketslist .too tr td{
max-width:none;
}
/* Корректировка таблицы daystat.php */
#traflist td:nth-child(1),
#traflist tr:nth-child(2) td:nth-child(2),
#traflist tr:nth-child(2) td:nth-child(3){
    text-align: center;
}
#traflist tr td:nth-child(2),
#traflist tr td:nth-child(3){
    text-align: right;
}
/* Корректировка таблицы trafstat.php */
div#stat > table, div#result > table{width: calc(100% - 4px);}
div#trafstat{
	width: max-content;
	width: -moz-max-content;
	max-width:650px;
	margin:auto;
}
#trafstat table, div#result > table {
	margin-top: 8px;
	margin-bottom: 3px;
}
#trafstat table tr{
	margin-top: 16px;
}
#trafstat table tr td {
    width: 110px;
    box-sizing: border-box;
	white-space: nowrap;
}
#trafstat table tr:nth-child(n+3) td:nth-child(n+2) {
    text-align: right;
}
#trafstat table tr:nth-child(n+3):nth-child(even) td,
#speedtest table tr:not(.red_tr):nth-child(n+3):nth-child(even) td {
    background: #f6f6f6;
    background: linear-gradient(#f8f8f8, #f6f6f6) #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
#trafstat table tr:last-child td {
    border-left: 0;
	font-style: italic;
	padding: 5px 10px 6px 10px;
}
/* Корректировка таблицы speedtest.php */
div#speedtest{
	width: max-content;
	margin:auto;
	max-width: 100%;
}
div#speedtest table tr td {
    white-space: nowrap;
	width: 60px;
}
div#result {
    overflow-y: hidden;
    max-width: 100%;
}
#speedtest table tr:nth-child(n+3) td:nth-child(7) {color: #00897b;font-weight: 600;}
#speedtest table tr:nth-child(n+3) td:nth-child(7):before,
#speedtest table tr:nth-child(n+3) td:nth-child(8):before{
    /* content: "\f175"; */
    font-family: 'fontawesome';
	/* margin-right: 4px; */
	font-weight: normal;
}
#speedtest table tr:nth-child(n+3) td:nth-child(8) {color: #b55555;font-weight: 600;}
#speedtest table tr:nth-child(n+3) td:nth-child(8):before {/* content: "\f176"; */}

/* Форма загрузки в tooltip */
.upload { 
    border: 1px solid #cecece;
    border-radius: 4px;
    cursor: pointer;
    height: 21px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
	margin-top: 2px;
}
.upload .select-btn { 
	cursor: pointer;
    border-left: 1px solid #cecece;
    float: right;
    overflow: hidden;
    padding: 2px 10px;
    text-align: center;
    vertical-align: middle;
}
.upload input[type="file"]{
	cursor: pointer;
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    font-size: 15rem; 
    height: 30px; 
    z-index:20;
}
#filelabel,.upload span:first-child{ 
    float: left;
    height: 18px;
    overflow: hidden;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    width: 96px;
}
/* Файлы в tooltip */
.files {
	padding: 10px 10px 10px 10px;
}
.files .left {
	float:left;
}
.files .center {
	text-align: center;
}
.files > div + div {	
	margin-top: 16px;
}
.files #objid1 {	
	margin-top: 0;
}
.files a.btn,.files a.btn:hover {
	display:block;
	padding: 2px 10px 3px 10px;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	font-size: inherit;
	color: #555;
	transition: background .1s ease-out;
}
.files .btn.up,.files .btn.up:hover {
	border: 1px solid #cecece;
	margin-top: 4px;
}
.files a.btn:hover { 
	background: #f0f0f0;
}
.files div > a.btn {
	margin-top:4px;
}
.files img {
	cursor: pointer;
    padding: 4px;
	border: 1px solid #fafafa;
}
.files img:hover {
    border: 1px solid #cecece;
	transition: .2s ease-out;
}
#warning {
  animation: blink 1s linear infinite;
}
@keyframes blink {
  100% { color: rgba(34, 34, 34, 0); }
}

/* ############################################ */
/* ######## !!! Мобилные устройства !!! ######## */
/* ############################################ */

.stereo_mobile{
	display: table-row;
}

@media screen and (min-width:410px) and (max-width:873px) {
	.stereo_mobile{
		display: none;
	}
}

@media screen and (min-width:410px) and (max-width:660px) {
.stereo_mobile{
	display: none;
}
.form_block,#usrslist,#userinfo {
    width: 98%;
}
.width {
	width: 98%;
    min-width: inherit;
}
.head {
    width: 100%;
    min-width: inherit;
}
.zagolovok {
    margin: 8px 0px 10px 0px;
}
.back {
    margin: 10px 0px 8px 0px;
}
.table_2, div#userinfo .table_1, div#traflist .table_1,.TableDOM {
    width: 100%;
	min-width: inherit;
}
.bxTDM{
	display: block;
}
div#trafstat{
	width: inherit;
	max-width: max-content;;
}
table.mit1 td:first-child,table td.mit3{
    width: 100%;
}
table td.mit2{
    display:none;
}
.form_input_user,.form_input_text {
    width: 100%;
}
.form_input_money,.form_input_days,.form_input_type {
	height: 30px;
}
.form_button_green {
	margin-left: 10px;
}
.head, .head:after {
    height: 40px;
}
.head-right	li.login {
    font-size: 1.2rem;
}
.head-right	li {
    font-size: 1.4rem;
}
.head-right	li a {
    line-height: 1;
    padding: 11px;
    color: white;
    transition: opacity 0.2s;
}
.head-logo div {
    height: 23px;
    font-size: 23px;
    line-height: 1;
}
.head-left .copyrite, .head-left .copyrite a:link {
    font-size: .8rem;
}
#usrslist .tooltip > div {
    max-width: calc(158px*3 + 8px*6); /* Внимание! Зависимость [3] + [2]; */
    width: calc(100vw - 2.2em);
}
.table_1.card{
    font-size: 90%;
}
table.table_1.card td a:link {
    font-size: inherit;
}
.table_1.card tr:nth-child(2) td:nth-child(1),.table_1.card tr:nth-child(2) td:nth-child(3){
	width: 70px;
	}
.table_1.card tr:nth-child(2) td:nth-child(2){
	min-width: inherit;
	}
.table_1.card tr:nth-child(2) td:nth-child(4){
	min-width: inherit;
	width: 40%;
	}
.table_1.card tr:nth-child(10) td:nth-child(2),
.table_1.card tr:nth-child(11) td:nth-child(2),
.table_1.card tr:nth-child(12) td:nth-child(2){
	width: inherit;  /* костыль излишней растяжки для Chrome */
	}
.table_1.card tr:nth-child(10) td:nth-child(3){
	width: 20%;
	}
div.panel {
    text-align: left;
}
div.panel ul:nth-child(2) button {
	width: 142px;
}
div.panel ul:nth-child(3) button {
	width: 150px;
}
/* settarif.php */
.stereo table{
	margin: auto;
	}
.stereo table tr td:first-child,
.one table tr td:first-child,
.stereo table tr td div.TX{
	font-weight: 400;
	}
.stereo table tr td div.TX2{
	font-weight: 400;
	}	
/* usrstat.php  */
.usrstat table{
	display: table;
	width: 390px;
	margin: inherit;
}
.usrstat table + table{
	margin-top: 4px;
}
/* устаревшая форма поиска */
.form_block.search_2 > div{
	width: 90%;
	text-align: left;
	}
.form_block.search_2 > div > div{
	display: block;
	margin: 0;
	}
.form_block.search_2 > div > div + div{
	margin-top: 2px;
	}
.form_block.search_2 > div > div > .select{
    display: inline;
}
.form_block.search_2 > div > div input,
.form_block.search_2 > div > div > .select select{
    max-width: 250px;
    width: calc(98% - 120px); /* зависимость [4] */
}
/* Корректировка размеров таблицы заявок alltickets.php */
#ticketslist tr td:nth-child(5),
#ticketslist tr td:nth-child(6),
#ticketslist tr td:nth-child(7),
#ticketslist tr td:nth-child(10){
display: none;
}
#ticketslist .too tr td:nth-child(5),
#ticketslist .too tr td:nth-child(6),
#ticketslist .too tr td:nth-child(7),
#ticketslist .too tr td:nth-child(10){
display: table-cell;
}
/* Корректировка таблицы globalstat.php */
.table_1.globalstat{
	width: 390px;
    border-radius: 3px;
}
.table_1.globalstat tr:nth-child(2){
      display: none;
}
.table_1.globalstat tr:last-child td {
	border-bottom: 1px solid #e0e0e0;
	border-left: none;
}
.table_1.globalstat tr:last-child td:last-child {
    border-bottom: inherit;
	border-bottom-left-radius: 3px;
}
.table_1.globalstat td,
.table_1.globalstat tr:last-child td:first-child{
      display: block;
      text-align: right;
	  padding: 8px;
    }
.table_1.globalstat td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
/* # newseditor/index.php НА ДОРАБОТКУ # */
#newseditor.tooltip div.checkbox .li_button.left{
	 min-width: 140px;
	 float: inherit;
	}
#panel1 input::placeholder,#panel1 textarea::placeholder{visibility:visible}
}


@media screen and (min-width:0px) and (max-width:409px) {
.stereo_mobile{
	display: none;
}
.form_block,#usrslist,#userinfo {
    width: 100%;
	border-radius:0;
}
.head {
    width: 100%;
    min-width: inherit;
}
.zagolovok {
    margin: 8px 0px 10px 0px;
}
.back {
    margin: 10px 0px 8px 0px;
}
.table_2, div#userinfo .table_1, div#traflist .table_1, .width,.TableDOM, #lastusers div.width, .width > table.table_1 {
    width: 100%;
	border-radius:0;
	min-width: inherit;
}
.bxTDM{
	display: block;
}
div#stat > table{width: auto;}
div#trafstat{
	width: inherit;
	max-width: max-content;;
}
table.mit1 td:first-child,
table td.mit3 {
    width: 100%;
}
.head-left,
table td.mit2,
table td .md,
.form_input_days,
.form_input_type,
#panel1 table td span.f9{
    display:none;
}
.form_input_user,.form_input_text {
    width: 100%;
}
.form_input_money,.form_input_days {
	height: 30px;
	width: 54%;
}
.form_button_green {
	margin-left: 10px;
}
.head, .head:after {
    height: 40px;
}
.head-right	li.login {
    font-size: 1.2rem;
}
.head-right	li {
    font-size: 1.4rem;
}
.head-right	li a {
    line-height: 1;
    padding: 11px;
    color: white;
    transition: opacity 0.2s;
}
#usrslist .tooltip > div{
    width: calc(100vw - .9em);
}
.table_2 tr td:first-child,.table_1 tr td:first-child,
#lastusers table td, #lastusers table th{
    padding-left: 8px;
}
.table_1.card{
    font-size: 90%;
	word-break: break-word;
	width: 409px;
}
table.table_1.card td a:link {
    font-size: inherit;
}
.table_1.card tr td:nth-child(1),
.table_1.card tr td:nth-child(3){
	width: 14px;
	max-width: 14px;
	white-space: nowrap;
	overflow: hidden;
	color: rgba(0, 0, 0, 0);
	text-shadow: none;
	}
.table_1.card tr:nth-child(9) td:nth-child(1),
.table_1.card tr:nth-child(10) td:nth-child(3),
.table_1.card tr:nth-child(11) td:nth-child(3),
.table_1.card tr:nth-child(12) td:nth-child(3){
	width: inherit;
	max-width: inherit;
	}
.table_1.card tr:nth-child(2) td:nth-child(2){
	width: 40%;
	min-width: inherit;
	}
.table_1.card tr:nth-child(2) td:nth-child(4){
	width: 50%;
	min-width: inherit;
	}
.table_1.card tr:nth-child(10) td:nth-child(2),
.table_1.card tr:nth-child(11) td:nth-child(2),
.table_1.card tr:nth-child(12) td:nth-child(2){
	width: inherit;  /* костыль излишней растяжки для Chrome */
	}
	/* не работает в мобильном хроме */
.table_1.card tr:nth-child(10) td:nth-child(3){
	/* padding: 0; */
    /* width: 80px; */
	display: none;
	}
.table_1.card tr:nth-child(2) td:nth-child(1):before,
.table_1.card tr:nth-child(3) td:nth-child(1):before,
.table_1.card tr:nth-child(4) td:nth-child(1):before,
.table_1.card tr:nth-child(5) td:nth-child(1):before,
.table_1.card tr:nth-child(6) td:nth-child(1):before,
.table_1.card tr:nth-child(7) td:nth-child(1):before,
.table_1.card tr:nth-child(8) td:nth-child(1):before,
.table_1.card tr:nth-child(9) td:nth-child(1):before,
.table_1.card tr:nth-child(10) td:nth-child(1):before,
.table_1.card tr:nth-child(11) td:nth-child(1):before,
.table_1.card tr:nth-child(12) td:nth-child(1):before,
.table_1.card tr:nth-child(2) td:nth-child(3):before,
.table_1.card tr:nth-child(3) td:nth-child(3):before,
.table_1.card tr:nth-child(4) td:nth-child(3):before,
.table_1.card tr:nth-child(5) td:nth-child(3):before,
.table_1.card tr:nth-child(6) td:nth-child(3):before,
.table_1.card tr:nth-child(7) td:nth-child(3):before,
.table_1.card tr:nth-child(8) td:nth-child(3):before{
	
	content: "";
	font-family: 'fontawesome';
    color: #555;
	text-shadow: 0 1px 0 #fff;
	}
.table_1.card tr:nth-child(2) td:nth-child(1):before{
	content: "\f155";
	margin-left: 3px;
}
.table_1.card tr:nth-child(3) td:nth-child(1):before{
	content: "\f2c3";
}
.table_1.card tr:nth-child(4) td:nth-child(1):before{
	content: "\f080";
}
.table_1.card tr:nth-child(5) td:nth-child(1):before{
	content: "\f0c0";
}
.table_1.card tr:nth-child(6) td:nth-child(1):before{
	content: "\f1e6";
}
.table_1.card tr:nth-child(7) td:nth-child(1):before{
	content: "\f127";
}
.table_1.card tr:nth-child(8) td:nth-child(1):before{
	content: "\f133";
}
.table_1.card tr:nth-child(10) td:nth-child(1):before{
	content: "\f07a";
}
.table_1.card tr:nth-child(11) td:nth-child(1):before,
.table_1.card tr:nth-child(12) td:nth-child(1):before{
	content: "\f27b";
}
.table_1.card tr:nth-child(2) td:nth-child(3):before{
	content: "\f2c0";
}
.table_1.card tr:nth-child(3) td:nth-child(3):before{
	content: "\f09d";
}
.table_1.card tr:nth-child(4) td:nth-child(3):before{
	content: "\f080";
}
.table_1.card tr:nth-child(5) td:nth-child(3):before{
	content: "\f095";
}
.table_1.card tr:nth-child(6) td:nth-child(3):before{
	content: "\f17e";
}
.table_1.card tr:nth-child(7) td:nth-child(3):before{
	content: "\f003";
}
.table_1.card tr:nth-child(8) td:nth-child(3):before{
	content: "\f015";
}
div.panel {
    text-align: left;
}
/* settarif.php */
.form_block.input_table.stereo,
.form_block.input_table.stereo ~ div table.table_1 {
	width: 100%;
	}
.form_block.input_table.one table{
	width: 100%;
}
.stereo table{
	margin: auto;
	}
.stereo table tr td:first-child,
.one table tr td:first-child,
.stereo table tr td div.TX{
	font-weight: 400;
	font-size: 90%;
	}
.stereo table tr td div.TX2{
	font-weight: 400;
	font-size: 90%;
	}	
.stereo table tr td:last-child{
	width: 70%;
	}
.input_table.stereo table input,.input_table table select{
	width: 100%;
}
.input_table.stereo table input.b1{
	width: calc(100% - 40px);
}
.input_table.stereo table input.b2{
	width: calc(100% - 80px);
}
.input_table.stereo table input.i2b1{
	width: calc(100%/2 - 40px/2);
}
.input_table.stereo table .FO input:last-child{
	width: calc(100% - 120px);max-width: 70px; /* Костыль от неправильного размера ячейки td при использовании calc */
}
.input_table.stereo table .TW div select {width: calc(100% - 55px);}
/* # usrstat.php  */
.usrstat table{
	display: table;
	width: 100%;
	margin: inherit;
	word-break: break-word;
}
.usrstat table + table{
	margin-top: 4px;
}
.usrstat .table_1 td.even_th {
	font-weight: 400;
}
/* betta вариант */
.hide_block.input_table div.d {
	margin-right: 3.5rem;
}
.hide_block.input_table div.d + div.d {
	margin-right: inherit;
	margin-left: 2.8rem;
}
.hide_block.input_table div.d input {
    width: 13.4rem;
}
/* betta вариант */
/* устаревшая форма поиска */
.form_block.search_2 > div{
	width: 100%;
	text-align: left;
	}
.form_block.search_2 > div > div{
	display: block;
	margin: 0;
	}
.form_block.search_2 > div > div + div{
	margin-top: 2px;
	}
.form_block.search_2 > div > div > .select{
    display: inline;
}
.form_block.search_2 > div > div input,
.form_block.search_2 > div > div > .select select{
	min-width: 120px;
    width: calc(98% - 120px); /* зависимость [4] */
}
.form_block.search_2 table td:nth-child(2) {
    padding: 1px 0px 1px 0px;
}
.form_block.search_2 table {
    width: 100%;
}
/* Корректировка размеров таблицы заявок alltickets.php */
#ticketslist tr td:nth-child(5),
#ticketslist tr td:nth-child(6),
#ticketslist tr td:nth-child(7),
#ticketslist tr td:nth-child(9),
#ticketslist tr td:nth-child(10),
#ticketslist tr td:nth-child(11){
display: none;
}
#ticketslist .too tr td:nth-child(5),
#ticketslist .too tr td:nth-child(6),
#ticketslist .too tr td:nth-child(7),
#ticketslist .too tr td:nth-child(9),
#ticketslist .too tr td:nth-child(10),
#ticketslist .too tr td:nth-child(11){
display: table-cell;
}
/* Корректировка таблицы globalstat.php и allstat */
.table_1.globalstat,
#allstat .table_1{
	width: 100%;
    border-radius: 0;
}
.table_1.globalstat tr:nth-child(2),
#allstat .table_1 tr:nth-child(2){
      display: none;
}
.table_1.globalstat tr:last-child td,
#allstat .table_1 tr:last-child td{
	border-bottom: 1px solid #e0e0e0;
	border-left: none;
}
.table_1.globalstat tr:last-child td:last-child,
#allstat .table_1 tr:last-child td:last-child{
    border-bottom: inherit;
}
.table_1.globalstat td,
.table_1.globalstat tr:last-child td:first-child,
#allstat .table_1 td{
      display: block;
      text-align: right;
	  padding: 8px;
    }
.table_1.globalstat td:before,
#allstat .table_1 td:before{
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
/* # newseditor/index.php НА ДОРАБОТКУ # */
#newseditor.tooltip div.checkbox .li_button.left{
	 min-width: 140px;
	 float: inherit;
	}
#panel1 input::placeholder,#panel1 textarea::placeholder{visibility:visible}
}


/* ######## !!! Подгон меню !!! ######## */
@media screen and (min-width:359px) and (max-width:550px) {
 /* #usrslist .tooltip > div {
    max-width: 28em;
    max-height: 128vh;
}  */  
    

}

/* ############################################ */
/* ######## !!! ХАК !!! ######## */
/* ############################################ */

/* ########## Костыли для IE 10 - 11 ########## */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	
.stereo_mobile{
	display: none;
}
#usrslist #menu.tooltip > div {
	/* width: 41em; */
}
select::-ms-expand {
    display: none;
}
.tooltip#settarif > div {
	width: 14.8em;
}
.hide_block .tooltip#menu > div,.hide_block .tooltip#menu2 > div {
	width: 8.9em;
}  
.tooltip#newseditor > div {
	width: 32em;
}
}
/* ########## Костыли для Edge ########## */ 

@supports (-ms-ime-align:auto) { 
#usrslist #menu.tooltip  > div {
	/* width: 41em; */
} 
.tooltip#settarif > div {
	width: 14.8em;
}
.hide_block .tooltip#menu > div,.hide_block .tooltip#menu2 > div {
	width: 8.9em;
}
.tooltip#newseditor > div {
	width: 32em;
}
}


.file_field {
    display: inline-block;
    cursor: pointer;
}

.file {
    display: inline-block;
    overflow: hidden;
	min-width: 60px;
    max-width: 90px;
    max-height: 100px;
    vertical-align: top;
    text-align: center;
    padding: 1px 4px;
}
.file div{
	word-break: break-all;
}
.file div:last-child{
	font-size: 13px;
}
.file div a:before {
    content: "\f016";
	display: inline-block;
    position: relative;
	font-family: 'fontawesome';
	font-size: 40px;
	font-size: 28px;
	line-height: 28px; 
	color: #757575;
	padding: 6px;
	border: 1px solid transparent;
}
.file div a:hover:before {
    border: 1px solid rgb(204, 205, 207);
	    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}
.file div a:hover,.file div a:hover {
    border: 0;
}
.file:hover span {
	display: inline-block;
}
.file:hover div span,.file:hover div a:before{
	color: #565656;
	color: #333333;

}
.file div span{
	display: none;
	cursor: pointer;
    position: absolute;
    margin-left: -1px;
    width: 20px;
    height: 20px;
	font-size: 16px;
	color: #757575;
	border:1px solid  transparent;
}
.file div span{
	visibility: hidden;
}
.file.txt div span,.file.img div span,.file.pdf div span{
	visibility: visible;
}
.file div span + span{
	visibility: visible;
	margin-top: 20px;
}
.file div span:before{
	font-family: 'fontawesome';
	content: "\f06e";
}
.file div span + span:before{
	content: "\f014";
	font-family: 'fontawesome';
}
.file div span:hover{
 border: 1px solid rgb(204, 205, 207);
     box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
 }

.file.img div a:before {
	content: "\f1c5";
}
.file.txt div a:before {
	content: "\f0f6";
}
.file.cod div a:before {
	content: "\f1c9";
}
.file.pdf div a:before {
	content: "\f1c1";
}
.file.arh div a:before {
	content: "\f1c6";
}
.file.mov div a:before {
	content: "\f1c8";
}
.file.mus div a:before {
	content: "\f1c7";
}
.file.wrd div a:before {
	content: "\f1c2";
}
.file.exl div a:before {
	content: "\f1c3";
}
.file.pow div a:before {
	content: "\f1c4";
}
.file.dwnld div a:before {
	content: "\f019";
}
/* Форма загрузки */
.file.up{
	position: relative;
    min-width: 44px;
} 
.file.up div a:before {
	content: "\f016";
    color: rgba(117, 117, 117, 0.5);
    border: 1px dashed rgba(117, 117, 117, 0.35);
    border-radius: 2px;
}
.file.up:hover div a:before {
    color: rgba(117, 117, 117, 0.65);
}
.file.up:hover div a:after {
	color: #3193e0;
    text-shadow: 0 0 6px rgba(49, 147, 224, 0.8);
}
.file.up div a:after {
    content: "\f067";
    position: absolute;
    font-family: 'fontawesome';
    color: #337ab7;
	color: #009688;
	color: #3193e0;

	top: 23px;
    left: 27px;
    font-size: 24px;
 }
 .file.up div + div {
    visibility: hidden;
	font-size: 11px;
    color: #337ab7;
    margin-top: 2px;
 }
.file.up input[type="file"] {
    cursor: pointer;
    position: absolute;
    top: -20px;	 /* костыль курсора для chrome */
	bottom: 0;
	left:0;
    width: 100%;
	height:100%;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}
button.close {
    position: absolute;
	top:-8px;
	right:-8px;
	width: 32px;
    height: 32px;
	border: 3px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
 }
button.close:after {
    content: "\f00d";
    font-family: 'fontawesome';
 }
object body{color:white;}

/* Иконки для спидтеста */
#speedtest .rotate{
	/* cursor: pointer; */
    /* animation-duration: 2s; */
	/* transition-timing-function: linear; */
}
#speedtest .table_1 span.ico:before{	
	/* display: inline-block; */
	/* position: relative; */
	/* font-family: 'fontawesome'; */
	/* padding-right: 8px; */
	/* color: rgb(64, 83, 119); */
}
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(8),
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(9){
	/* color: #005598; */
}
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(8){
    /* font-weight: 600; */
	/* text-align: right; */
}
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(10),
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(11){
    /* color: #8c3f3f; */
}
#speedtest .table_1 tr:nth-child(n+3) td:nth-child(10){
    /* font-weight: 600; */
	/* text-align: right; */
}

span.edge:before{
	content: '\f282';
}
span.ie:before{
	content: '\f26b';
}
span.chrome:before{
	content: '\f268';
}
span.opera:before{
	content: '\f26a';
}
span.safari:before{
	content: '\f267';
}
span.vivaldi:before{
	content: '\f194';
}
span.firefox:before{
	content: '\f269';
}
span.windows:before{
	content: '\f17a';
}
span.android:before{
	content: '\f17b';
}
span.linux:before{
	content: '\f17c';
}
span.mac:before{
	content: '\f179';
}
span.sup{
    color: #ffffff;
    background-color: #3aa1d5;
    padding: 0px 3px;
    border-radius: 3px;
    top: -.7em;
    position: relative;
    font-size: 70%;
    line-height: 0;
    text-shadow: none;
}
/* start lng */
.lng{
    position: absolute;
    background: #33414a;
    bottom: -10px;
    padding: 2px;
    border-radius: 0 0 6px 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	right: 10px;
}
.lng a{display:inline-block;padding:2px;opacity: .7;transition: opacity .15s;}
.lng a:hover,.authentication .lng a:hover{opacity: 1}
.lng a img{vertical-align: text-bottom;}
.head{/* padding-bottom: 12px; *//* margin-bottom: -12px; */background: transparent;overflow: visible;}
.head-right {position: relative; height: 100%}

.authentication .lng{
    top: -20px;
    border-radius: 6px 6px 0 0;
    bottom: inherit;
	background: #5f5f5f;
    border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.1);
	z-index: -1;
}
.authentication .lng:hover{
	background: #33414a;
	transition: background .4s;
}
.authentication .lng a{opacity: .8}
.authentication .lng img{vertical-align: text-top;}
/* end lng */
.clear{display: inline-block;}
.clear:after{
	content: "\f2d3";
    font-family: 'fontawesome';
    margin-left: -2em;
    vertical-align: middle;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: 0.2s;
}
.form_input_user:hover + .clear:after{color: rgba(0, 0, 0, 0.2);}
.clear:hover:after{color: rgba(255, 0, 0, 1)}
.head-right i{font-style: normal;color: rgba(255, 255, 255, 0.8);}
.head-right .admin i:before{content: '\f0ad'; font-family: 'fontawesome';margin-right: 6px;}
.head-right .remote i:before{content: '\f019'; font-family: 'fontawesome';margin-right: 6px;}
.back #loading + a{display:none}

#lastusers {display: flex}
#lastusers .width {border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);overflow: hidden;transition: max-height .6s}
#lastusers .width table {width: 100%;box-shadow: none; }
#lastusers.hide img.spoiler {opacity: .5 }

/* ################## */
/* ### layout 2.0 ### */
/* ################## */
:root {
	/* Tree */
	--img-i: url('data:image/gif;base64,R0lGODlhEgASAIABAHJycv///yH5BAEAAAEALAAAAAASABIAAAIejB+Ay6YNU4RvrmoPzpJr/4EduGWldU5ptFLi6LUFADs=');
	--img-i-half: url('data:image/gif;base64,R0lGODlhEgASAIABAHJycv///yH5BAEAAAEALAAAAAASABIAAAIYjB+Ay6YNU4RvrmoPzpJr/4HiSJbmiaYFADs=');
	--img-expand-leaf: url('data:image/gif;base64,R0lGODlhEgASAPABAHJycgAAACH5BAUAAAEALAAAAAASABIAAAIVjI+py+0Po5xUgjuv3lr1CobiSFYFADs=');
	--img-expand-plus: url('data:image/gif;base64,R0lGODlhEgASAMZDAAAAAHmWwURERDk5OYGcxfz8/Pr6+v///uLm7P7+/YGdxfP09u/x9O7w88rT4P79/fHz9brG1/n6+vz8++fq7/Dy9MXP3czU4c3V4e30/tbc5uzu8uXo7vf3+Ovu8fb3+Obq7+zv8sTO3Ojr79vg6O3v8uPn7cTN3P7+/+Xp7n2axICcxYGcxPn5+fj5+ff4+N7j6t3i6tLZ5N/k6/X29+ns8NTb5f3+//v7+/Hy9NXb5b/J2fT1977J2dPa5PT19uvt8drf6P7+/v///9zh6cvU4Ort8fn5+v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////yH5BAEAAH8ALAAAAAASABIAAAeFgH+Cg4SFhoeIiYqLiAGOj5ABhwEROxYYGjMpQAwskz0iFzowHEYMPwSTJ0U2MQM1DQsvqYYBDj5EJgOxHQa0hQEyJAPEAwIGBQoCy8uCAUEIIyUDHxIFQgqTCBQhEAJHBQlDv4QBIBs5NC0TCQc3K5MeFTwuOA8HKBkqk5GRjP8AAxYKBAA7');
	--img-expand-minus : url('data:image/gif;base64,R0lGODlhEgASAMZFAAAAAHmWwURERDk5OYGcxfz8/Pr6+uLm7P///v7+/e7w84GdxfP09u/x9PX29+ns8Pz8+/79/crT4Pn6+uXo7ufq77rG183V4fDy9MXP3ezu8vHz9e30/tbc5vf3+Ovu8fb3+Obq7+zv8sTO3Ojr79vg6O3v8uPn7cTN3P7+/+Xp7n2axN3i6vj5+YCcxd7j6tzh6ff4+PLz9YGcxPHy9NTb5d/k6/v7+/n5+dLZ5P3+/77J2dXb5b/J2evt8czU4dPa5PT19uTo7cvU4P7+/v////n5+vT199rf6Ort8f///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////yH5BAEAAH8ALAAAAAASABIAAAeFgH+Cg4SFhoeIiYqLiAGOj5ABhwEWPRkXHTYqPg0zkzsjPzwvFEkNQQSTKEM1LEIPCgwxqYYBEkAwJ7AMHga0hQE5JQPEAwIGBQsCy8uCAUgHJCYyIBMFRAuTBxUiGw5GBQlFv4QBIRo0DjgQCQg6LpMfGEctNxEIKRwrk5GRjP8AAxYKBAA7');	
	/* Box TreePopup */
	--img-close : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MEM0M0U4MTIyNjExRUFBMDJGREZCQ0EzODY1N0U3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MEM0M0U5MTIyNjExRUFBMDJGREZCQ0EzODY1N0U3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYwQzQzRTYxMjI2MTFFQUEwMkZERkJDQTM4NjU3RTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYwQzQzRTcxMjI2MTFFQUEwMkZERkJDQTM4NjU3RTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZyqC7AAAAdUlEQVR42mL8//8/A0UAaoAsECuToA2kVhasF2oASGASEGsRoVkLqlYZ2QBkCS0iNGvBXY8WBvgMwZDDZgAuQ7AajMsAdA04XYXPAJghU6FYC1cMMjFQCmjhBYoCkaJopCghUZyUSc1MqkAsB9LLSGl2BggwABdNaA7hthKdAAAAAElFTkSuQmCC');
	--img-set : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZDY5NTk5ZC0wZDhiLWM3NGQtYWFhNi1iYTcyMTAxZWZmOWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjcwOTcxODExMjI1MTFFQTgzREFFNzgxRDNFODc3MzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjcwOTcxODAxMjI1MTFFQTgzREFFNzgxRDNFODc3MzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTUxNWFlZGMtOTJmNS1iMTRlLWE0ZWYtYTgxMTI2MGU3YTBhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZkNjk1OTlkLTBkOGItYzc0ZC1hYWE2LWJhNzIxMDFlZmY5YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjjwZ4QAAAGLSURBVHjajNPNK4RRFMfxZ168Fllq8g94W00ZrwsLNt5GFpSFFIVkM5P/wG40G002U3ZiQ5qsxspkgQ1qsrGWZkEUURrfU79H10S59an7nHnuec6990wgGo16f4wZLCGINA5+eynozJsw5Ty3YhVr6HDik2jwH8LO4l3cYAwnGMUGAsjiDkMoYR6zePEr6Mct1rGFGvThA+/6vREZvWPJBtwKcoijC+e4rNjqG7Y1j2kLx5VncIpOza3sJA4lqZgNO/W8ewbTaMcIehVP4FVV2VhRLIUdfawNRatgGXvo1n79M8k41WUU85S4B/t2zUFtI+yU+J8R0Jqg3yQTONPp2yiobM/ZQkHzer07bmsDTifOKWtWX0g4ZdviTZSV7FF98+MWBnGleVkHFpeUYjYuMFzZytaeD7p/u+cF1DrJ6/S/iClByW97P0Fe/W7nsajbsH1WoVpbeNZvafWLtbsXikQinlrWOutT5V6jBfdo1kesxY+U1JI8ua3sKZBznotaFNICz2n77/ElwABn+FTDg0ujVwAAAABJRU5ErkJggg==');
	--img-set-edit:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZDY5NTk5ZC0wZDhiLWM3NGQtYWFhNi1iYTcyMTAxZWZmOWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JFMkI4QUMxRjIxMTFFQTk2Q0JFQkYyN0NDNzUzNzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JFMkI4QUIxRjIxMTFFQTk2Q0JFQkYyN0NDNzUzNzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTUxNWFlZGMtOTJmNS1iMTRlLWE0ZWYtYTgxMTI2MGU3YTBhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZkNjk1OTlkLTBkOGItYzc0ZC1hYWE2LWJhNzIxMDFlZmY5YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0br+kAAAF2SURBVHjahNPNK0RRGMfxOzfvSUJJkrKxsPCepZSX1eQvUFiQYj0WSspC2XhbKGVIyVYWEis7NWm2NmqachONyMtOvqd+px7TDKc+de+Z59zzPOc8E3vdDoqNLUwghl0sFgoKzXMr1s17J6Ywi34zv4Ym/xJTBm5xCveox5V2b9QmEZIYQ07x3W7eZzCNLAawgko04x1vaEEdVhXzgBmbgRt3Si8Z/D3cZgm055/BNQbN2Zwp9UjPPnYUF35RCTbQg15zOKf4MO8nmotjHhl0Ie1KeOFhEpf41ILInnSBuWoMu3JD3XNZXjn/DRdb7taGapI5PKJGASmlHZgSUnpuUDauP3btLeyhVOWEqrnPfHAc3/rYExb8IfoxpB4IFBgvkv45lvJb2d3/M450z4eoNYtcEx2b33K+7f0HNtGGWzXJl7qtSiee1aKEYlzsji0h0h/G7bCsuQ6MoAI3uv9AZe6rF36dQcYsdiONA/N39sPGBD8CDADlmlYnuooTqwAAAABJRU5ErkJggg==');
	--img-hand:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDQ0RBQkFCMUY2RjExRUE4NzI5QjlCNkExREVFQjdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDQ0RBQkFDMUY2RjExRUE4NzI5QjlCNkExREVFQjdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RENDREFCQTkxRjZGMTFFQTg3MjlCOUI2QTFERUVCN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RENDREFCQUExRjZGMTFFQTg3MjlCOUI2QTFERUVCN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GCt0IAAAByElEQVR42oxSTUsCQRjemdlcJck+9lCORlgsGEWC0CE6BHXoH9Q9Ag+Rv6Nb905Sx+jcIaRfEEXUKaxQM5bIytV1P5xtxppNZFYaeNmdd96v53leSQo48Xh8OJHAuVQqFZEGHCRyZrNZZJpGDkKYdt3ONMaTV5nMolcqPf2vAELSFoRoCQAJUBu3LCt8fX173x+3sbEGkMipqupDKDRUNIzWuqbN5YOS6QdAgVNhD4R4HiFEuri49AKSZb8Aw5xITG3zZGre4+OzJUAHMcbbn59fER4HGdu6XtujmFcajQaij4CO7IyOjgGexG1+Po1kGa7q+tturaazIh5gUkEIFkA3nE5Ox+7tSM13UFW4TyKkc1MuvxzJoZBSsG17h75pmjab78EMk0l8WC5X9zk3bMLXV/2AEPeu1bKPu4rV63WX6UylivSxDWKxkc3l5ew558ZxXO/j40uuVF5OTNN0/XEwjneo8zRg2Xxio9HhdrVaPWP/vRhFUnUJY5jZ2IbRZD5LJCkQtWRSMbb53XVJ8bfz/zaRbmGp2TRn6HWCEcYwB20iEm1YOKx4tu3ctdumqihW4f39hzDBJv5B4BU5YcwGrLEf9y3AAAke0vJ9nHW8AAAAAElFTkSuQmCC');
	--img-add: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA29pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDNjk3QUFEMTg0RjExRUFBOUEwQzY2MDFDNDQ3MDA4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDNjk3QUFDMTg0RjExRUFBOUEwQzY2MDFDNDQ3MDA4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ1dWlkOkNDN0I5QzI2MzUxOEVBMTE4NkI3RDVBQkY1OEFENjZBIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOjQ4OUQ5NDUzRkMxN0VBMTE4NkI3RDVBQkY1OEFENjZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0QkurQAAANFJREFUeNpi/P//PwMMMB5y7ANSoSAmA27wE4hTGFE0HnT4z0AcuM2Ewv2HgT8BcS8WcXYmxr32T4D4IUTjf3T84b/jgRIs4gwsYAbcRhwuxSLOwvAXSRDK/u9xGCVw/rseAvMZd9hOAlK5EI3/0PwIUrDN9glU5PR/r8OBSHx+vDYCgTRMBCouTZRTMcBfbH7EHzhyjOussJn2H93GO0BShYgEsAzFxv+hx1WJTDngUAWlPXnG5RZPCCn+H3lCBsZmAtqYAsT3gPgvQYwEAAIMAF3ekKehvAOHAAAAAElFTkSuQmCC');
	--img-edit: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA29pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzQ0E1MEMyMTg1MDExRUE4NTg5QUE2NUNBMjczQjE2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzQ0E1MEMxMTg1MDExRUE4NTg5QUE2NUNBMjczQjE2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ1dWlkOkNDN0I5QzI2MzUxOEVBMTE4NkI3RDVBQkY1OEFENjZBIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOjQ4OUQ5NDUzRkMxN0VBMTE4NkI3RDVBQkY1OEFENjZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DulzqwAAATNJREFUeNpi+P//PwNReA6DKRCvAmJhmBgjiCAE/s9hNARS+4GYH4gvArEzY8r/t0yENP6dzWj67z+DNBDfA2IGINYH4r1AcSG8Nv+ayWgKpHYBMTMQRwFxMxAbQKW9cGr+MQOscTfUqSDwGcmApRwZ/3uwav46DUMjDHwCYn3urP8PQBwWdI2fpjCaQZ3Kj8VBTXw5EI0Ymt9PYjQHUjtxaCwWzPvfhywA1/xmIn6NIvmoGkEA7OeX/YzGQPZeHBqLxAv/92MLVKZnvYxcf/8xvAfiR0DMgIZxagRr/vePQRuIzwNxABBfBmIGKC6UKsatEeznv/8ZdIE0HxCfhyaAjUA8T77s/wRCqY8FmNR0oGw2IJ4FxCaK5f9/MRABWIDhtRRIzwDiu0oV//8ykAAAAgwAbOisZzYlERYAAAAASUVORK5CYII=');
	--img-del: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA29pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3REFCNzUxMTg1MDExRUE5OUVFOTFGMDhBNkNBQThEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3REFCNzUwMTg1MDExRUE5OUVFOTFGMDhBNkNBQThEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ1dWlkOkNDN0I5QzI2MzUxOEVBMTE4NkI3RDVBQkY1OEFENjZBIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOjQ4OUQ5NDUzRkMxN0VBMTE4NkI3RDVBQkY1OEFENjZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TkGEEAAAALhJREFUeNpi/P//PwMKCAmRApIbgdgEKnIGiP0Y1qx5jqyMiQEd/PkTCcRHgQoZwRjEBomhAcb/3t6OUBt4GYgDn4HYn4Xh1y8DEjQxQNUaMGL4kUjAAmdZWhJnwvHjjKgaf/4k08YfP5DF9YF4ApRdAMQXcWtEtRGkKQLKXonfRrKdiqqxAGoTKMDysTkVER38/MSF6sePaKH669cXIMlDRKpBS6t//tQD8WcgZsCBQXINMOUAAQYAkoRST4bV300AAAAASUVORK5CYII=');
	--img-save: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNmQ5MTY0MC01ZmQxLWJmNGEtODZiNS0zZDBlZmU0OGYzY2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0I2MUJCQzQxODVFMTFFQUFGREE5MUFFRUY2NUI5OTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0I2MUJCQzMxODVFMTFFQUFGREE5MUFFRUY2NUI5OTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2RhNTRkZTgtMjY1My1iZjQzLThkMDctMWIwNjU2ZGU5MjMyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmNhYjNmNTktMTg1Yy0xMWVhLTk3N2QtOWFiNzFlNTg0OWYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6NFw9wAAAMNJREFUeNpirFxy3ZaBgeEQA/EgoC1aYyOMw1ix+Np/dBXtMZqMuHQDLQSpDwCqARvC9O/ffwZ0jA7KF137D8IgNlTNBiDfH8Rn+ffvH0E3I6tBYm8A+YDlLxYb0QGyGnT1LH//EnZBX5IuPEzQ1QNdgGlAzszz/4mNEqJcgNeAP1AXzM4xZSRWU+qU0/8pcgGyHioY8I8MA5D0sPz7959kA5D1UMUF24C0V2jbQVKdsg1swP///6OAtAAZSeADiAAIMABtG36OcU9bpAAAAABJRU5ErkJggg==');
	--img-exit: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjYwNkFBNTQxODVEMTFFQThBNDhBMzgxMUIyQ0E0RUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjYwNkFBNTMxODVEMTFFQThBNDhBMzgxMUIyQ0E0RUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTBDMTU5NkYxNzkwMTFFQTk2OTNEMUREODhFN0U2RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTBDMTU5NzAxNzkwMTFFQTk2OTNEMUREODhFN0U2RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+aa5HAAABPElEQVR42mL8ER+fxsDAYADE2ewLFvxnwAN+JiQwAqmpQHyR6d+/f0ZAnAnE077HxTHi0gSSA6mBqjVk+vvnTyYQzwTiDCCe/iUqCkMzSAwoNw2qZhZID+P///8ZPoaFgRRPB+J0IJ4JxJn8q1aBnQ2VmwbEGUA8C0SD5MAaQeBdUBCGZqiFKJqE1q0Da4BrBIFXvr7omv8jaxLbvBmuGEUjCDzz8EDWzACzXWrHDhSFLOgB8fvXLwaoTTCANYpQbLxra4seECAAiucZQJylfPjwfwwbb1pYYIQeko0gNiNQTab6iROIwLlqbIyhSfvsWbACqBxKaIPkGC/q6mJo0rt0CcVfl/T0MDSzAFPBVGRNhteuYQQGyKDzWlqweAVp/s/y9+/fizDPm9y8iTORgww8o66eCfXzRYAAAwCi9rhtlrdFMAAAAABJRU5ErkJggg==');
}
/* ### Notifications ### */
.notifications {
	--margin: 5px;
	display: block;
	position: fixed;
	max-width: 300px;
	width: 100%;
	right: 0px;
	z-index: 2000;
}
.notifications > div {
	display: flex;
	width: calc(100% - var(--margin));
	background: rgba(68, 164, 252, 0.9);
	border-left: 5px solid rgba(24, 127, 231, 0.85);
	color: white;
	min-height: 60px;
	align-items: center;
	margin-top: var(--margin);
	padding: 2px 2px 2px 14px;
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
}
.notifications > div.error {background: rgba(229, 77, 66, 0.85); border-left: 5px solid rgb(184, 46, 36);}
.notifications .hide {opacity: 0; transition: opacity .4s;}
.notifications .ins {position: absolute; opacity: 0; animation: fadeO ease .4s;}	
@keyframes fadeO {from {opacity: 0;} to {opacity: 1;}}
/* ### Confirm ### */
.confirm {
	position: relative;
	margin: auto;
	padding: 10px 16px 16px;
	width: 240px;
	max-width: 600px;
	text-align: center;
	background: rgba(20, 20, 55, 0.8);
	border-radius: 4px;
	box-shadow: 0 15px 20px rgba(0,0,0,.22), 0 19px 60px rgba(0,0,0,.3);
}
.confirm > .txt {
	display: flex;
	align-items: center;
	text-align: left;
	min-height: 80px;
	color: white;
}
.confirm >.txt:before {
	content: "\f059";
	font-family: 'fontawesome';
	color: #4183bc;
	padding-right: 12px;
	font-size: 40px;
}
.confirm > button {
	outline: none;
	cursor: pointer;
	font-family: 'PT Sans';
	font-weight: bold;
	height: 26px;
	min-width: 90px;
	margin: 0 4px;
	border-radius: 2px;
	border: 1px solid #fff;
	background: #fff;
	background-image: linear-gradient(#cccccc, #f0f0f0);		
	text-shadow: 0 1px 0 #fff;	
	transition: 0.2s;
}
.confirm > button:hover {background: #dddddd;}
/* ### Loadblock ### */
.loadblock {
	animation: ease-in fadeO 2s;
}
.loadblock:before {
	content: '\f110';
	display: inline-block;
	position: absolute;
	font-family: 'fontawesome';
	opacity: 1;		
	margin-top: 10px;
	left: calc(50% - 15px);
	font-size: 30px;		
	color: rgb(84, 84, 84);
	animation: rotate 1.4s infinite linear;
	z-index: 1;
}
@keyframes rotate {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}

/* STOCK modify */
#stock .table_1 {width: 100%}
#stock .table_1 tr th {white-space: nowrap;}
#stock .table_1 tr td {
	box-sizing: border-box;
	padding: 2px 6px;
	height: 28px;
	--color-td-hover: #f0f0f0;
	--color-td: #fafafa;				
	background: var(--color-td);
}
#stock .table_1 tr:hover td{background: var(--color-td-hover);}

#stock .table_1 tr td:nth-child(1) {position: relative; color: #0277bd; color: #0066b7;}
#stock .table_1 td:nth-child(2),
#stock .table_1 td:nth-child(7),
#stock .table_1 td:nth-child(8){font-size: 90%;}
#stock .table_1 td:nth-child(3),
#stock .table_1 td:nth-child(4),
#stock .table_1 td:nth-child(5){text-align: right;}
#stock .table_1 td:nth-child(2),
#stock .table_1 td:nth-child(7),
#stock .table_1 td:nth-child(8){color: #455a64;}

#stock .table_1 tr.active td {
	background-color: #4e646e;
	color: #ffffff;
	text-shadow: none;
	border-color: transparent;
}
#stock .table_1 tr.old {opacity: .1; transition: opacity .8s}
#stock .table_1 tr.old td {transition: background-color .8s, color .8s;border-color: transparent; text-shadow: none;}

/* ### панельки (кнопки) таблицы */
#stock span {
	position: relative;
	cursor: pointer;
	/* display: inline-flex; */
	/* align-items: center; */
	justify-content: center;
	box-sizing: border-box;
	min-height: 17px; /* min-width: 18px; */
	font-size: 96%;
	padding: 0 3px;
}
#stock span,
.Popup .wgt a,
.Popup .wgt span {
	display: inline-flex;
	align-items: center;
	/* cursor: pointer; */    
	background: #455A64; color: white;				
	border-radius: 3px;
	text-shadow: none;
	margin: 1px;
}
#stock span[data-file] { background: #5c6bc0;}

/* панелька клиент */
#stock [data-total],
.Popup .wgt [data-total] {
	padding: 0 0 0 4px;
}
#stock [data-total]:after,
.Popup .wgt [data-total]:after {
	content: attr(data-total);
	display: inline-flex;
	align-items: center;
	background: #2196f3;
	height: 17px;
	margin-left: 4px;
	padding: 0 5px;
	border-radius: 0 3px 3px 0;
}
#stock [data-login]:before,
#stock [data-null]:before,
.Popup .wgt [data-login]:before,
.Popup .wgt [data-null]:before {font-family: 'fontawesome';font-size: 90%;margin-right: 4px;}

#stock [data-login]:before,.Popup .wgt [data-login]:before {content: '\f007';color: #78cdaa;}
#stock [data-null]:before,.Popup .wgt [data-null]:before  {content: '\f235';color: #ff9189;}

/* панелька сумма */
#stock [data-summ]:after {content: attr(data-summ);}
#stock [data-summ] {background: #3eaf80;}
#stock [data-summ="0"],
#stock [data-summ*="-"] {background: #ef594e;}

#stock [data-rsrv]:after {content: attr(data-rsrv);}
#stock [data-rsrv="0"] {opacity: 0;}

/* ### Popup ### */
.Popup *,
.TreePopup * {box-sizing: border-box;}
.Popup,
.TreePopup {
	display: flex;
	flex-direction: column;
	max-width: 800px;	
	min-width: 300px;
	max-height: calc(100vh - 6px - var(--padding));		
	margin: auto;
	padding-bottom: var(--padding);
	border-radius: var(--radius);
	background: #fafafa;
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	--padding: 8px;
	--height: 29px;
	--radius: 4px;
}
.Popup .title,
.TreePopup .title,
.TreePopup .tree-action {
	display: flex;
	align-items: center;
	min-height: var(--height);    
	padding: 0 var(--padding);
}
.Popup .title,
.TreePopup .title {
	font-weight: bold;
	justify-content: space-between;
	border-radius: var(--radius) var(--radius) 0 0;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;
	background-image: linear-gradient(#ededed, #ebebeb);
	text-shadow: 0 1px 0 #fff;
}
.Popup div.pop-b,
.TreePopup div.pop-b {display: flex;}
.Popup div.pop-b b,
.TreePopup div.pop-b b {cursor: pointer}
.Popup .content { 
	min-height: 42px;
    padding: 0 var(--padding) var(--padding);
	padding-top: var(--padding);
}
.Popup .row {
    display: flex;
    align-items: flex-end;
    margin-top: 4px;
	/* height: 22px; */
	min-height: 22px;
}
.Popup [class*="cell"] {display: flex;}
.Popup .cell_1 {width: 46%;border-bottom: 1px solid rgb(0 0 0 / 0.08);border-bottom: 1px dashed #cfd8dc;}
.Popup .cell_2 {width: 54%;}

.Popup [class*="cell"] [type="text"],
.Popup [class*="cell"] [type="number"],
.Popup [class*="cell"] select {
	outline: none;
	width: 100%;
	height: 22px;
	border: 1px solid #b7b7b7;
    background-color: #fff;
    box-shadow: inset 0 2px 3px rgb(0 0 0 / 0.05);
}

.Popup input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {appearance: none;}

.Popup .content {overflow: auto;}

.Popup .footer {display: flex;justify-content: center;}
.Popup .footer button {display: flex; justify-content: center; align-items: center; border: 1px solid #cfd8dc; background-color: #efefef;min-width: 80px; height: 26px; margin: 4px;}
.Popup .footer button:hover,
.Popup [data-ok].load {background-color: #e1e1e1;}

.Popup {position: relative;}
.Popup .loadblock { background: rgb(250 250 250 / 0.7); position: absolute; top: var(--height); bottom: 0; right: 0; left: 0;}

/* Иконки инпутов */
.Popup .measure,
.Popup .reserve { width: 100%; height: 100%; position: relative;}
.Popup .measure:before,
.Popup .measure:after,
.Popup .reserve:before {content: attr(data-value); right: 30px; position: absolute; bottom: 0;top: 0;display: flex;align-items: center; z-index: 10;}

.Popup .measure:after {content: attr(data-base); right: 52px; color: green;transition: color 1s, opacity 1s}
.Popup .measure[data-base="0"]:after {opacity: 0;}
.Popup .measure[data-base*="-"]:after {color: red;}

.Popup .measure i[data-countable="0"]:before {content:'\f1b3';}
.Popup .measure i[data-countable="1"]:before {content:'\f1b2';}
.Popup .reserve i[data-reserve]:before {content: '\f023';font-size: 118%;}

/* Подсветка инпутов */
.Popup [name].error, 
.Popup label.error {position: relative; box-shadow: 0 0 0 3px rgb(255 87 34 / 0.4); z-index: 1;}

/* ### Popup END ### */

/* ### Таблица exc ### */
.Popup .exc {margin-top: 16px;}

.Popup input, .Popup select, menu input {border-radius: 0; padding-top: 0; padding-bottom: 0; line-height: 1;} /* for safari (iphone) */

.exc {width: 100%;border-collapse: collapse;background: rgb(238 238 238 / 1);}

.exc th {--color: white; font-weight: normal;background: #3f74b5;color: var(--color);border: 1px solid #3f74b5;}

.exc th, .exc td {height: 20px;}

.exc td  {position: relative; border: 1px solid #c7ccce; padding: 0px 6px;}
.exc td > select {-webkit-appearance: none; -moz-appearance: none;}

.exc td input,
.exc td:last-child select {background-color: white;} /* for mobile */

.exc td:last-child [type="text"],
.exc td:last-child [type="number"],
.exc td:last-child [type="datetime-local"],
.exc td:last-child select,
.exc td:last-child label {width: 100%; min-height: 100%;height: 18px; border: 0; outline: none;}
.exc td:last-child label {vertical-align: top; }

.exc td [type="text"],
.exc td [type="number"],
.exc td [type="datetime-local"],
.exc td select {box-shadow: inset 0 2px 3px rgb(0 0 0 / 0.05);}

.exc td:last-child [type="checkbox"] + i {margin-left: 4px}

/* ### exc button ico ### */
.exc th > i,
.exc td > i,
.cell_2 input + i {position: absolute; right: 0; bottom: 0; top: 0; z-index: 1;}

.exc td > label u {text-decoration: none; color: gray; } /* size в file */

.exc th > i:before,
.exc td > i:before,
.exc td > select + i:before,
.exc td > label [type="file"] + span:before,
.exc td > label [type="file"][data-id] ~ i.v:before,
.exc td > label [type="file"][data-del] ~ i.d:before,
.Popup .cell_2 input + i:before {--color: #3f74b5; display: inline-flex;font-family: 'fontawesome';font-style: normal;width: 26px; height: 100%;justify-content: center; align-items: center;color:var(--color)}

.exc th > i:before {--color: inherit}
.Popup .cell_2 input + i:before {--color:#5a5a5a}

/* hover */
.exc td > .hover:hover,
.exc td > i:hover:before,
.exc td > label:hover [type="checkbox"] + i:after,
.exc td > label [type="file"] ~ *:hover,
.Popup .cell_2 input:not([readonly]) + i:hover {--bgcolor: rgb(63 116 181 / 0.12);cursor: pointer; background: var(--bgcolor);}
.Popup .cell_2 input:not([readonly]) + i:hover {--bgcolor: rgb(0 0 0 / 0.08);}

/* ico */
/* Иконки exc таблицы */
.exc td > select + i:before {content: '\f0cb';}
::-webkit-calendar-picker-indicator {opacity: .5; height: 15px; margin-right: 1px;} /* временно */

.exc td [data-fieldico]:before {content:''; display: inline-flex;font-family: 'fontawesome'; font-style: normal;}
.exc td [data-fieldico="0"]:before {content:'\f040';} /* input txt */
.exc td [data-fieldico="1"]:before {content:'\f040';} /* input txt */
.exc td [data-fieldico="2"]:before {content:'\f133';} /* input date */
.exc td [data-fieldico="3"]:before {content:'\f046';} /* input chck */
.exc td [data-fieldico="4"]:before {content:'\f0cb';} /* select */
.exc td [data-fieldico="5"]:before {content:'\f279'; font-size: 92%;} /* gps */
.exc td [data-fieldico="6"]:before {content:'\f0e8';} /* ip */
.exc td [data-fieldico="7"]:before {content:'\f2db';} /* mac */
.exc td [data-fieldico="8"]:before {content:'\f15b';}

.exc td > label [type="file"] ~ * {height: 100%;}
.exc td > label [type="file"] + span {width: 100%; color: #3968a2; font-size: 13px;overflow: hidden;}	
.exc td > label [type="file"][data-del] + span:before {content: '\f15b';}
.exc td > label [type="file"]:not([data-del]) + span:before {content: '\f0ee'; font-size: 110%;}
.exc td > label [type="file"][data-id] ~ i.v:before {content: '\f019'}			
.exc td > label [type="file"][data-del] ~ i.d:before {content: '\f1f8'}

.exc td > input[data-b] {padding-right: 30px;} /* паддинг для кнопки */

/* ### Таблица exc END ### */

/* stock-form (add, edit)*/

.exc.stock-form tr td:first-child {max-width: 150px;width: 35%;color: #0d47a1;font-size: 13px;}
.exc.stock-form tr td:last-child {padding: 0;}

/* stock-position */
.exc.stock-position tr td:first-child {color: #0d47a1;font-size: 13px;}
.exc.stock-position tr td:nth-child(2) {text-align: right;}
.exc.stock-position tr td:first-child u {margin-left: 6px; text-decoration: none; color: #9e9e9e;}
.exc.stock-position tr td:last-child {font-size: 96%;}

.exc.stock-position tr:not(:first-child):hover {cursor: pointer; background-color: #fafafa;}

.exc.stock-position tr.active td {--bg-color: #455a64; background-color: var(--bg-color); color: #ffffff;border-color: var(--bg-color);}
.exc.stock-position tr.active td u {color:#e0e0e0}


/* ### Box ### */
.fon:not(.hide) {
	overflow: auto;
	display: flex;
	position: fixed;
	align-items: center;		
	right: 0; bottom: 0; left: 0; top: 0;
	background-color: rgba(0, 0, 0, 0.2);
	animation: fadeO .4s;
	z-index: 1000;
}
.fon.move-out {background-color: transparent; transition: .35s;}
.fon.close > div,
.fon.close:not(.hide) {opacity: 0; transition: .35s;}
.TreePopup .edit:before,.TreePopup .save:before{content: none}
.TreePopup {
	height: 500px;
	--color-b-a: rgba(29, 174, 77, 0.52);
	--color-fon-a: rgb(249, 255, 251);
	--color-b-focus-a: rgba(26, 174, 75, 0.8);
	--color-b-shadow-a: rgba(29, 174, 77, 0.15);
	--color-b-e: rgba(223, 137, 2, 0.48);
	--color-fon-e: rgb(255, 251, 244);
	--color-b-focus-e: rgba(235, 144, 0, 0.7);
	--color-b-shadow-e: rgba(223, 137, 2, 0.15);
}
/* ### OldBox TreePopup ### */

/* Nav 1 */
div.pop-b b + b {
	margin-left: 6px;
}
div.pop-b b {
	display: inline-block;
	height: 16px; width: 16px;
}
div.pop-b b.hand {cursor: move; background-image: var(--img-hand);}
div.pop-b b.tree-set {background-image: var(--img-set); transition: .4s;}
div.pop-b b.tree-set.edit {background-image: var(--img-set-edit);transform: rotate(90deg); transition: .4s;}
div.pop-b b.close {	background-image: var(--img-close);	transition: 0.4s;}
div.pop-b b.close:hover {
	transform: rotate(90deg);
	transition-duration: 0.3s;
}
div.pop-b b.fixed:before {
	content: "\f08d";
    display: inline-flex;
    font-family: 'fontawesome';
    transition: 0.4s;
    color: rgb(0 0 0 / 35%);
    font-weight: 500;
    font-size: 17px;
    transform: rotate(90deg);
    transition: .2s;
}
div.pop-b b.fixed.on:before {
    color: #3f74b5;
	transform: rotate(45deg);
}
/* Nav 2 */
.TreePopup .tree-action {
	overflow: hidden;
	height: 0;
	border-top: 1px solid #fafafa;
	background: #f2f2f2;
	transition: .4s;
} 
.TreePopup .tree-action.hide {opacity: 0; min-height: 0; border-top-width: 0;}
.TreePopup .tree-action b {	
	border-radius: 3px;
	border: 1px solid rgb(224, 224, 224);
	height: 20px; width: 34px;
}
.TreePopup .tree-action b:not(:active):hover:not(.hide) {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.03);
}
.TreePopup .tree-action b + b { margin-left: 3px}
.TreePopup .tree-action b.hide { opacity: .3}
.TreePopup .tree-action .a {background: var(--img-add) 50% no-repeat;}
.TreePopup .tree-action .e {background: var(--img-edit) 50% no-repeat;}
.TreePopup .tree-action .d {background: var(--img-del) 50% no-repeat;}
/* Input */
.TreePopup input {
	font-family: 'PT Sans';
	color: #313131;
	outline: none;
	height: 20px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 0 2px;
}
.TreePopup input::placeholder {color: lightgray; transition: .2s;}
.TreePopup [data-action="a"] {
	border: 1px solid var(--color-b-a);
	background-color: var(--color-fon-a);
}
.TreePopup [data-action="e"] {
	border: 1px solid var(--color-b-e);
	background-color: var(--color-fon-e);
}
.TreePopup [data-action="a"]:focus,
.TreePopup [data-action="e"]:focus {
	position: relative;
	background: white;
	z-index: 10;
}
.TreePopup [data-action="a"]:focus {
	border: 1px solid var(--color-b-focus-a);
	box-shadow: 0 0 0 2px var(--color-b-shadow-a);		
}
.TreePopup [data-action="e"]:focus {
	border: 1px solid var(--color-b-focus-e);
	box-shadow: 0 0 0 2px var(--color-b-shadow-e);			
}
.TreePopup u.save:hover {background-color: rgba(100, 147, 202, 0.15);}
.TreePopup u.exit:hover {background-color: rgba(229, 71, 71, 0.11);}
/* Button u */
.TreePopup .tree u {
	cursor: pointer;
	display: inline-block;
	height: 20px; min-width: 20px;
	vertical-align: top;
	text-decoration: none;   
	margin-left: 1px;
}
.TreePopup u.save {background: var(--img-save) 50% no-repeat;}
.TreePopup u.exit {background: var(--img-exit) 50% no-repeat;}
/* Tree Base Style */
.tree {
	overflow: auto;
	max-height: 100%;
	padding: 0 var(--padding) var(--padding);
	border-top: 1px solid #fff;
}
.tree i {
	user-select: none;
	cursor: pointer;
	position: relative; /* 01 - ? */
	display: inline-block;
	font-style: normal; 
	min-width: 40px;
	padding: 0 4px 0 2px;
	color: rgb(45, 45, 45);
	border-radius: 3px;
}
.tree i:hover,
.tree i.active {background-color: rgba(33, 150, 243, 0.2);}

.tree.edit i:hover {background-color:rgba(255, 213, 79, 0.5);}
.tree.edit i.active {background-color: rgb(255, 213, 79);}
.tree ul {
	padding: 0;	margin: 0;
}
.tree li {
	position: relative;
	list-style: none;
	background: var(--img-i) top left repeat-y;
	padding-top: 1px;
	margin-left: 18px;
	zoom: 1;
}
.tree li:last-child {background: var(--img-i-half) no-repeat;}
.tree b {
	min-height: 18px;
	padding-left: 18px;
	background-repeat: no-repeat;
}
.tree li b {
	background-image: var(--img-expand-leaf);
}
.tree li b.expand {
	background-image: var(--img-expand-plus);
}
.tree li b.expand.show {
	background-image: var(--img-expand-minus);
}
.tree .expand ~ ul,.tree i.hide:not(.load) {display: none;}
.tree .expand.show ~ ul {display: block;}
.tree li > i:after,
.tree i.hide.load:after{content: ''; opacity: 0;}
.tree li.load > i:after,
.tree i.hide.load:after,
.TreePopup li.load > input + u:after {
	content: '\f110';
	opacity: 1;
	display: inline-block;
	color: #1E88E5;
	font-family: 'fontawesome';
	font-size: 120%;
	margin-top: 1px;
	animation: rotate 1s infinite linear;
	transition: opacity .8s;
	z-index: 1;
}
.tree li.load > i:after,
.tree i.hide.load:after{
	position: absolute;
	margin-left: 4px;
}
.tree li.load > i:hover:after,
.tree li.load > i.active:after,
.tree i.hide.load:hover:after,
.tree i.hide.load.active:after {right: -20px;}

.TreePopup li.load > u,
.TreePopup li.load > u:hover{
	cursor: default;
	background: transparent;
}
/* TEST crutches */
.tree {padding-right: 18px;}
.tree li {white-space: nowrap;}
.tree li > i {white-space: initial;}

.kassa_popup_frame{
	display:none;
	z-index:999; 
	position: fixed; 
	top: 0%; 
	left: 0%; 
	margin-top: 0px; 
	margin-left: 0px; 
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.3);
}

.iframe_popup{
	position: fixed; 
	top: 5%; 
	left: 5%; 
	width: 90%; 
	height: 90%;
	border: 1px solid black; 
	box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	border-radius: 8px;
}


/* ### MENU + NAV for TABLE */

menu {
	display: inline-flex;
	background: #ebebeb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	margin: 0 10px 10px 0;
	padding: 4px 10px;
	border-radius: 0 2px 2px 0;
	border-left: 4px solid #455a64;
	min-width: 340px;
}

/* ### Кнопки */
menu b {
	position: relative;
	display: inline-flex;
	align-items: center;  justify-content: center;
	box-sizing: border-box;
	font-weight: 500;
	width: 30px;
	height: 22px;
	font-size: 14px;
	color: #455a64;
	/* border: 1px solid rgb(199 204 206 / 1); */
}
menu b:before {font-family: 'fontawesome';}

menu b + b,
menu .search + b{margin-left: 4px;}
menu b.a {background: var(--img-add) 50% no-repeat;}
menu b.e {background: var(--img-edit) 50% no-repeat;}
menu b.d {background: var(--img-del) 50% no-repeat;}
menu b.s:before{content: "\f1e5";font-size: 13px;}
menu b.f:before{ content: "\f0b0";}
menu b.w:before{ content: "\f07e";font-size: 122%;opacity: .5;}
menu b.rf:before{ content: "\f021";font-size: 105%;}
menu b.rf.ani:before {transform: rotate(360deg); transition: transform linear 1s;}

menu b.on:before{opacity: 1;}

menu b[data-value]:after {content: attr(data-value);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 2px; bottom: 0;
	height: 12px; width: 12px;
	background: #45a3e0;
	color: white;
	font-size: 10px;  border-radius: 50%;
	opacity: 1;
	transition: opacity 1s;
}
menu b[data-value="0"]:after {opacity: 0;}
menu b[data-value].r:after {background: #ef594e}

menu b:hover,
nav li:not([class]):hover,
nav select:hover,
div nav ul *.load {background-color: rgb(220 220 220 / 1); cursor:pointer}
nav select:disabled:hover {background: rgb(220 220 220 / 1);}

menu hr {
	display: block;
	margin: 0 8px;
	width: 1px;
	box-sizing: border-box;
	border: 0;
	background: rgb(198 203 205 / 1);
}

menu + nav,
.Popup [data-ok] {--transition: color .6s .4s;}

/* Псевдо блок для INPUT TEXT, иконка поиска/загрузки и линия таймера */
menu .search:before {content: '\f002';font-family: 'fontawesome';display: inline-flex;position: absolute;align-items: center;top: 0;bottom: 0;left: 5px;color: #acbbc1;transform: rotateY(180deg);}
menu .search.load:before {content: '\f110';animation: rotate 1s infinite linear;}
menu .search:after {content: '';display: inline-flex;position: absolute;bottom: 0;left: 0;right: 100%;/* border-bottom: 1px solid rgb(69 90 100 / 0.5); */ border-bottom: 1px solid rgb(33 150 243 / 1); box-shadow: 0 0px 4px rgb(33 150 243 / 29%);}
menu .search.ani:after {right: 0%; transition: right linear 1s;}
menu .search {position: relative;}
menu .search [type="text"] {outline: none;width: 150px;height: 22px;padding-left: 22px; box-sizing: border-box;border: 1px solid #c7ccce;background-color: #fff;box-shadow: inset 0 2px 3px rgb(0 0 0 / 0.05);}

menu .search.off [type="text"] {background-color: #ebebeb; color: darkgray; transition: color .6s, background-color 1s;}

/* menu .search.off:after {--color: #c7ccce; right: 0; top: 0; background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 49.9%, var(--color) 49.9%, var(--color) 60%, rgba(0, 0, 0, 0) 60%) fixed, linear-gradient(-45deg, var(--color) 10%, rgba(0, 0, 0, 0) 10%) fixed; background-size: 0.5em 0.5em;} */

nav ul {display: inline-flex; margin: 0 10px 10px 0; padding:0}

nav li:not(.after),
nav select {
	display: inline-flex;
	align-items: center;
	height: 26px;
	background: #ebebeb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px;				
	border-radius: 2px;
	font-weight: 500;
}

.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* Блок содержащий класс не анимируется через HOVER */			
nav.waiting li:not([class]):hover,
nav.waiting select:not([class]):hover {cursor: wait; transition: cursor 1s 1s;}

nav li + li,
nav li + select {margin-left: 4px}
nav select {border: 0; outline: none;}
nav #page li.title {border-left: 4px solid #0277bd;border-radius: 0 2px 2px 0;}
nav #size li.title {border-left: 4px solid #009688;border-radius: 0 2px 2px 0;}

nav #sort li.title {border-left: 4px solid #673ab7;border-radius: 0 2px 2px 0;}

nav #sort li[data-sort]:before {content: '\f15d';font-family: 'fontawesome';color: rgb(103 58 183 / 1);}
nav #sort li[data-sort].load:before {color: rgb(103 58 183 / 0.1);transition: var(--transition);}
nav #sort li[data-sort*="-"]:before {content: '\f15e';}

nav #page .active{cursor: default; background-color:  #d3e8f5;}
nav #size .active{cursor: default; background-color: #cbe8d9;}

/* Элемент с колесом загрузки, плавный переход от значения к колесу */
nav .load,
.Popup [data-ok].load {position: relative; color: rgb(0 0 0 / 0.1); transition: var(--transition);}
nav .load:after,
.Popup [data-ok].load:after {
	content: '\f110';
	opacity: 1;
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	display: inline-flex;
	align-items: center; justify-content: center;
	color: #1E88E5;
	font-size: 124%;
	animation: rotate 1s infinite linear;
	transition: opacity .8s .5s;
	z-index: 1;
}
nav li:after,
.Popup [data-ok]:after {content: ''; font-family: 'fontawesome'; opacity: 0;}

/* если у элемента нет псевдо блока */
nav li.after {position: relative}
nav li.after.load:before,
nav.waiting li.after:before {content:'';position: absolute;top:0;bottom:0;left:0;right:0;z-index:1} /* противодействие клику SELECT */
nav.waiting li.after:not(.load):hover:before {cursor:wait;background: rgb(0 0 0 / 0.06);}

mark {background-color: rgb(255 255 0 / 0.6);}

.option {position: absolute;min-width: 160px;font-size: 96%;top: 100%;right: 0px;background: #fafafa;box-shadow: 0 2px 3px rgb(0 0 0 / 0.3);z-index:1}
.option div {cursor: default; display: flex;align-items: center; padding: 0 4px 0 8px; height: 30px; background: #f2f2f2; color: #005293;}
.option ul {margin: 0;padding: 0;}
.option li {position: relative; display: flex; align-items: center;height: 28px;line-height: .9; padding: 0 4px 0 16px;color: #455a64;}
.option li:hover {background-color: #ebebeb;cursor: pointer;}

.option li label {position: absolute;padding: 0 4px 0 16px;top:0;bottom:0;left:0;right:0}

/* ### new input */
/* ### НОВЫЕ инпуты */
label {cursor: pointer;display: inline-flex; align-items: center; --size:16px}
[type="checkbox"],
[type="radio"],
.exc tr td:last-child [type="file"] {position: absolute; display: none;}	

[type="checkbox"] + i,
[type="radio"] + i {position: relative; display: inline-flex;justify-content: center;box-sizing: border-box;min-width: var(--size); min-height: var(--size); border: 1px solid #c0c0c0; background-color: rgb(255 255 255 / 0.4);margin-right: 8px;border-radius: 2px}
[type="checkbox"]:checked + i,
[type="radio"]:checked + i {background-color: #607d8b; border-color: #607d8b;background-color: #45a3e0;border-color: #45a3e0;}
[type="checkbox"]:checked + i:after {content: '';width: calc(var(--size)/5); height: calc(var(--size)/1.8);transform: rotate(45deg);border: 0 solid white; border-width: 0 2px 2px 0;}

[type="radio"] + i {border-radius: 50%; }
[type="radio"]:checked + i {border: 3.5px solid #45a3e0; background-color: #fff;}	


.blue_flag{
	position: relative;  
	display: block;  
	left: 10px;  
	top: 0px;  
	width: 16px;  
	height: 16px;  
	border-width: 1px;  
	border-style: solid;  
	border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;  
	content: '';  
	background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);  
	background-repeat: no-repeat;  
	background-position: center; 
	cursor:pointer;'
}