*
{
 margin:0; padding:0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

-webkit-autofill
{
  background:none!important;
}

input, button, select, optgroup, textarea
{
  font-family: inherit;
}

body {
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
				font-family:"Open Sans", sans-serif;
				font-size:14px;
				line-height:1;
				color:#242222;
    overflow-y:auto;
    overflow-x:hidden;
    background:#F2F2F2;

    /*position:absolute; left:0; top:0; bottom:0; right:0;*/
}

body::before {
	content: ' ';
	display: block;
	position: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	background-position: 50% 50%;
	background-image: url(../img/bg.jpg);
/*	background-image: url(../img/bg_ny.jpg);*/
 opacity: 0.1;
 z-index:0;
}

.dn{display:none!important}
hr.line{clear:both; font-size:0; height:1px; border:none; margin:0; padding:0; background:#808080}
.push5{clear:both; font-size:0; height:5px; border:none; margin:0; padding:0;}
.push10{clear:both; font-size:0; height:10px; border:none; margin:0; padding:0;}
.inb{display:inline-block!important; // display: inline;}
.bl{display:block!important;}

.flcl{clear:both; font-size:0; height:0; border:none; margin:0; padding:0;}
.nw{white-space:nowrap}
.tc{text-align:center!important;}
.mb0{margin-bottom:0!important;}
.m0{margin:0!important;}
.oh{overflow:hidden}
.oa{overflow:auto}

.pr{position:relative}

.br3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.br5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.shadow
{
	-webkit-box-shadow:0px 0px 15px 3px rgba(128,128,128,0.9);
 -moz-box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
 box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
}

.hand{cursor:pointer!important}
textarea {resize: none;}

a{color:#0a58ca; text-decoration:none}
a:hover{text-decoration:underline}

a.line{text-decoration:underline}
a.line:hover{text-decoration:none}

a.blue{color:#0a58ca;}
a.red{color:#ff4560;}
a.yellow{color:#FFAC47;}
a.orange{color:#AC3F40;}

.avatar
{
	 display:inline-block; vertical-align:top; width:70px; height:70px;
  border:1px solid #808080; background:#F0F0F0 no-repeat center center; background-size:cover;
  position:relative;
  cursor:default;
}

.avatar lt{display:block; text-align:center; color:inherit; padding-top:50%; margin-top:-10px; font-size:18px; line-height:1; text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.7);}

#header{z-index:5; position:fixed; left:0; top:0; right:0; height:55px; border-bottom:5px solid #002E5A; background:#FFFFFF}

#header .logo{ display:block; position:absolute; left:10px; background:url(/img/small_logo.png) no-repeat left center; background-size:32px auto; line-height:50px; padding-left:40px; font-size:16px}
#header .switchLang{ display:block; position:absolute; left:200px; top:14px}
#header .switchLang img{width:30px; height:auto; vertical-align:middle; margin-left:5px; cursor:pointer; border:1px solid #F5F5F5}

#header{text-align:right}
#header .userPanel
{
 display: inline-flex;
 justify-content: center;
 align-items: center;
 align-content: center;
 height: 100%;
}

#header .userPanel .fb
{
 flex: 0 1 auto;
 align-self: center;
 margin-right:20px
}
#header .userPanel .fb:last-child{margin-right:10px}
#header .userPanel .fb swing{cursor:pointer; font-size:18px;}
#header .userPanel .avatar, .dataTBL .avatar{cursor:pointer; width:40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.dataTBL .avatar{width:50px; height:50px; cursor:default}

#userMenu{position:absolute; right:10px; top:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFFFFF;
-webkit-box-shadow:0px 0px 15px 3px rgba(128,128,128,0.9);
-moz-box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
padding:10px;
min-width:240px;
text-align:left
}

#userMenu .header{
 display: flex;
 align-items: flex-start;
 align-content: flex-start;
 border-bottom:1px solid #F0F0F0; margin-bottom:10px; padding-bottom:10px;
}

#userMenu .header div{
 flex: 0 1 auto;
 align-self: flex-start;
 font-size:12px; line-height:1.3;
 color:#808080;
}

#userMenu .header div p{font-weight:600; font-size:16px; color:#000000}
#userMenu .header div.avatar{margin-right:10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:50px; height:50px}
#userMenu .header div a{display:block; padding-top:5px; font-size:16px}

#userMenu .menu a{text-decoration:none; color:inherit; display:block; padding:10px; margin-bottom:3px; padding-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
#userMenu .menu a i{display:block; position:absolute; font-family:fontAwesome; font-size:16px; left:10px; top:9px; font-style: normal}
#userMenu .menu a:hover,
#userMenu .menu a.sel{background-color:#F8F9FA; color:#495057; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}


#menu{z-index:1; width:265px; position:fixed; left:0; top:50px; bottom:10px; padding:15px;}
#menu a{text-decoration:none; color:inherit; display:block; padding:10px; margin-bottom:3px; padding-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
#menu a i{display:block; position:absolute; font-family:fontAwesome; font-size:16px; left:10px; top:9px; font-style: normal}
#menu a:hover,
#menu a.sel{background-color:#002E5A; color:#FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#menu .uName{padding:10px; padding-left:0; font-size:18px; padding-bottom:0}
#menu .uRole{padding:10px; padding-left:0; font-size:13px; padding-top:3px; margin-bottom:10px; color:#808080}

#shell{z-index:1; position:fixed; padding:10px; left:300px; right:0; bottom:10px; top:50px; background:#FFFFFF; border:1px solid #CCCCCC; border-right:none; overflow:auto}

#shell_h1{z-index:3; position:fixed; left:300px; top:0; width:500px; border-left:1px solid #CCCCCC; padding-left:10px; line-height:40px; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#shell.with_buttons{bottom:50px}
#shell_buttons{z-index:5; position:fixed; left:300px; right:0; bottom:10px; white-space:nowrap;}


#shell_filter{position:absolute; left:275px; right:0; right:150px; text-align:left}
#shell_filter table{width:100%; height:100%}
#shell_filter table td.btn{font-size:24px; padding:10px 18px; background:#37BEFF; cursor:pointer; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
	background: #FFFFFF;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
#shell_filter table td.btn.wider{padding:10px; border-left:none}
#shell_filter table td.btn:hover{background: #002E5A; color:#FFFFFF}

#shell_filter form{display:block; height:50px; position:relative;}
#dop_filter_data{position:absolute; left:0; top:50px; right:-10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFFFFF;
-webkit-box-shadow:0px 0px 15px 3px rgba(128,128,128,0.9);
-moz-box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
padding:10px;}

#shell_filter .formLine .input input[type=submit]{width:auto; position:absolute; right:0px; top:0px; bottom:0; width:30px; cursor:pointer; border:none; background:none; background:url(/img/enter.png) no-repeat center center}

div.button{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	border: 1px solid #ACACAC;
	padding: 7px;
	line-height: 1;
	font-size: 14px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	background: #FFFFFF;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	transition: all 0.3s ease;
}

div.button:hover {
	border-color: #0080C0;
	background: #DDF4FF;
}

div.button.green:hover {
	border-color: #7CB342;
	background: #8BC34A;
}

div.button.red:hover {
	border-color: #9C2828;
	background: #EB8A8A;
}

div.button.yellow:hover {
	border-color: #FDD835;
	background: #FFEB3B;
}

div.button.disabled,div.button.disabled:hover{background:#F5F5F5; cursor:default; color:#CCCCCC;border: 1px solid #ACACAC;}


.state{text-align:center; background:#CCCCCC; color:#4a4a4a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px; font-size:12px; }
.state.green{background:#8BC34A;}
.state.red{background:#FF7D7D;}
.state.yellow{background:#FFEB3B;}

.stateTime{text-align:left; color:#555555; font-size:11px; white-space:nowrap; padding-top:3px; }

.state date{display:block; white-space:nowrap; font-size:10px; line-height:1; padding-top:3px; }

div.button.i{padding-left: 25px;}
div.button i{display:block; position:absolute; font-family:fontAwesome; font-size:14px; left:7px; top:7px; font-style: normal}


.blocker{position:fixed; left:0; top:0; bottom:0; right:0;z-index:999999; text-align:center; padding:10px; overflow:auto}
#loading div{display:inline-block; margin-top:-10px; padding:10px 20px; font-size:16px; background:#FFFFFF url(../img/clock.gif) no-repeat 10px center; padding-left:50px; border:3px solid #002E5A; border-top:none; color:#444A4D;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}


.blocker.message{background-image:url(/img/bp60.png); padding-top:5%;}
.blocker.message div.cnt{line-height:1.3; text-align:left; min-width:300px; max-width:500px; display:inline-block; padding:10px; font-size:14px; border-top: 3px solid #992023;  padding-top:50px; background:#FFFFFF no-repeat 10px 10px; background-size:30px auto; overflow:auto; max-height:8/0vh}
.blocker.message.good div.cnt{background-image: url(/img/ok.svg); border-top-color:#008000}
.blocker.message.bad div.cnt{background-image: url(/img/warn.svg); border-top-color:#DD0000}
.blocker.message.warn div.cnt{background-image: url(/img/warn2.svg); border-top-color:#FF8040}
.blocker.message.info div.cnt{background-image: url(/img/info.svg); border-top-color:#0080C0}
.blocker.message.atn div.cnt{background-image: url(/img/atn2.svg); border-top-color:#FBC44D}

.blocker.flywin{background-image:url(/img/bp60.png); text-align:left;}
.blocker.flywin .shell{position:absolute; left:20%; right:20%; top:5%; bottom:5%; background:#FFFFFF; border:1px solid #808080}
.blocker.flywin .h1{position:absolute; height:40px; line-height:40px; font-size:18px; top:0; right:0; left:0; padding:0 10px; padding-right:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#C5DAED; border-bottom:1px solid #CCCCCC}
.blocker.flywin .h1 i.closer{display:block; position:absolute; font-family:fontAwesome; font-size:18px; right:10px; top:0; font-style: normal; cursor:pointer; color:#C10000}
.blocker.flywin .h1 i.refresh{display:block; position:absolute; font-family:fontAwesome; font-size:16px; right:30px; top:0; font-style: normal; cursor:pointer; color:#004080}

.blocker.flywin .content{position:absolute; top:40px; bottom:0; right:0; left:0; padding:10px; overflow:auto}
.blocker.flywin .content.with_buttons{bottom:50px;}

.blocker.flywin .btns{position:absolute; overflow-y:hidden; white-space:nowrap; height:50px; bottom:0; right:0; left:0; padding:10px; background:#F2F2F2; border-top:1px solid #808080}

.blocker.flywin .content.with_filter{left:300px; border-left:1px solid #CCCCCC}
.blocker.flywin .btns.with_filter{padding-left:310px;}

.blocker.flywin .filter{position:absolute; left:0; top:40px; padding:10px; bottom:0; width:300px; background:#F2F2F2}

/*--------------------------------------------------------------------------------------------------------------------*/

.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices
{
  border:1px solid #ACACAC!important;
  color:#455A64!important;
  font-size:14px!important;
  line-height: 1.2!important;
  background:#FFFFFF!important;

  box-shadow:none!important;
  -webkit-border-radius: 3px!important; moz-border-radius: 3px!important; border-radius: 3px!important;
  padding:5px!important;
  height:auto!important;
}

.chzn-container-multi .chzn-choices .search-field input{height:auto}

.chzn-container-single .chzn-single div b
{
	padding:0!important;
	background-position: center center!important;
	background-image:url(/img/dropdown.png)!important
}

.chzn-container-single .chzn-single div
{
	 width:30px!important;
}

.chzn-drop{border-color:#03A9F4!important;}

.chzn-container-single .chzn-drop
{
  border:1px solid #03A9F4!important;
  box-shadow:none!important;
  -webkit-border-radius: 0!important; moz-border-radius: 0!important; border-radius: 0!important;
  background:#FFFFFF!important; color:#000000!important;
}

.chzn-container-single.chzn-container-active .chzn-single{border:1px solid #03A9F4!important; color:#000000!important}

.chzn-results{margin:0!important;padding:0!important; border-top:1px solid #808080!important;}
.chzn-results li{padding: 10px!important; border-bottom:1px solid #03A9F4}
.chzn-results li:last-child{border-bottom:none}
.chzn-results li:hover, .highlighted{background:#4681D4 no-repeat right center!important;}

.chzn-container .chzn-results .no-results{background:#FF8080!important}

/*--------------------------------------------------------------------------------------------------------------------*/

.formLine{margin-bottom:10px;}
.formLine .name{margin-bottom:5px;}
.formLine .name i{font-style: normal; color:#FF8040}
.formLine .hint{margin-bottom:5px; color:#808080; font-size:12px;}

.formLine.impblock{padding:10px; border:1px solid #008000; background:#C6FFC6;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.formLine .input{position:relative;}
.formLine .input .swap{position:absolute; right:5px; top:5px; bottom:5px; width:25px; background:url(../img/swap.png) no-repeat center center; background-size:contain; cursor:pointer; opacity:0.7}
.formLine .input .swap:hover{opacity:1}
.formLine .input select{width:100%;}

.formLine .input input,
.formLine .input textarea,
.formLine select.like_input
{
   width:100%; background:#FFFFFF; font-family:inherit; font-size:14px; padding:5px;  line-height:1.2; border:1px solid #ACACAC; color:#455A64; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

.formLine .input input:focus,
.formLine .input textarea:focus
{
   outline: none; border-color:#002E5A; /* border-top-color:#5794BF; color:#000000;*/
}

.formLine .input input.err,
.formLine .input textarea.err
{
   border-color:#ff605f; color:#E32213;
}

.formLine .input input:disabled,
.formLine .input textarea:disabled
{
   background-color:#F2F2F2!important; color:#CCCCCC!important; cursor:default!important; border-color:#CCCCCC!important
}

.formLine .chkBoxArrLine{font-size:13px; line-height:18px; position:relative; padding-left:27px; margin-bottom:10px; padding-top:1px;}
.formLine .chkBoxArrLine:last-child{margin-bottom:15px}
.formLine .chkBoxArrLine chk{display:block; position:absolute; left:0; top:0;}
.formLine .chkBoxArrLine chk .jq-checkbox{width:20px!important; height:20px!important;}

.formLine.style2{margin-bottom:15px;}
.formLine.style2 .name{margin:0; padding-bottom:10px;}

.formLine.style2 .input input,
.formLine.style2 .input input textarea
{
  background:none;
  padding:15px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.formLine.style2 .input input:focus,
.formLine.style2 .input input textarea:focus
{
	outline: none;
	-webkit-box-shadow:0px 0px 5px 3px rgba(240,240,240,0.9);
	-moz-box-shadow: 0px 0px 5px 3px rgba(240,240,240,0.9);
	box-shadow: 0px 0px 5px 3px rgba(240,240,240,0.9);
}

.formLine.style2 .chzn-container-single .chzn-single
{
  border:1px solid #F0F0F0!important;
  color:#455A64!important;
  font-size:14px!important;
  line-height: 1.2!important;
  background:none!important;

  box-shadow:none!important;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  padding:15px 10px!important;
  height:auto!important;
}

.formLine.style2 .chzn-container-single.chzn-container-active .chzn-single{border:1px solid #AC3F40!important;
-webkit-box-shadow:0px 0px 5px 3px rgba(240,240,240,0.9)!important;
	-moz-box-shadow: 0px 0px 5px 3px rgba(240,240,240,0.9)!important;
	box-shadow: 0px 0px 5px 3px rgba(240,240,240,0.9)!important;
}

.formLine.style2 .chzn-results{margin:0!important;padding:0!important; border:none!important;}

.formLine.style2 .chzn-container-single .chzn-drop{border-color:#AC3F40!important;}

.formLine.style2 .chzn-results li{border-bottom:1px solid #AC3F40}

.formLine.style2 .input input.err,
.formLine.style2 .input textarea.err
{
   border-color:#FF0000; color:#ff605f;
}

.formLine eye{display:block; position:absolute; z-index:10; right:10px; top:10px; bottom:10px; width:45px; cursor:pointer; background:url(/img/eye.svg) no-repeat center center; background-size: contain}
.formLine eye.hide{background-image:url(/img/eye_hide.svg)}

/*--------------------------------------------------------------------------------------------------------------------*/

.dataTBL{}
.dataTBL th,
.dataTBL td{padding:10px; text-align:left; font-weight:normal}

.dataTBL tr.unactive{opacity:0.5}
.dataTBL tr.unactive .dpZag{color:#D90000!important}

.dataTBL tr th{background:#F2F2F2; border-right:1px solid #FFFFFF; border-bottom:1px solid #808080; padding:15px 10px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
background: #d4edf7; /* Old browsers */
background: -moz-linear-gradient(top,  #d4edf7 0%, #b5e1f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d4edf7 0%,#b5e1f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d4edf7 0%,#b5e1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4edf7', endColorstr='#b5e1f1',GradientType=0 ); /* IE6-9 */
}
.dataTBL tr th:last-child{border-right:none;}

.dataTBL tr td{border-bottom:1px solid #CCCCCC; vertical-align:top; line-height:1.2}
.dataTBL tr:hover td{background:#F2F2F2; z-index:2}
.dataTBL tr:hover td .blockMenu m.fa{z-index:2}
.dataTBL tr:hover{opacity:1}
.dataTBL .dpZag{font-size:18px; line-height:1.2; padding-bottom:5px}
.dataTBL .dpZag id{color:#CCCCCC}

.dataTBL .dpLine{color:#464646; padding-top:3px; font-size:14px; line-height:1.2}

.dataTBL .dpLine.comment{padding:3px; margin-top:3px; border:1px dashed #808080; background:#F9FED6}

.infoLine{padding:7px; padding-left:30px; margin-top:5px; border:1px dashed #808080; background:#F9FED6; position:relative; border-radius:3px}
.infoLine::before
{
  content: '';
  position:absolute; left:0; top:0; width:30px; height:30px;
  display:flex; justify-content: center; align-items: center;
  font-size:14px;
  font-family:fontAwesome; font-style:normal;
}

.infoLine.warn{border-color:#EA7500; background-color:#FFEEDD}
.infoLine.warn::before{content: '\f071'; color:#EA7500}


.dataTBL .dpLine.person{padding:0; padding-left:22px; margin:0; line-height:22px; background:url(/img/person.svg) no-repeat left center; background-size:auto 18px;}
.dataTBL .dpLine.bar{padding:0; padding-left:22px; margin:0; line-height:22px; background:url(/img/barcode5.svg) no-repeat left center; background-size:auto 18px;}

.dataTBL td.controls{background-color:#F2F2F2; padding-top:13px; line-height:1}

.fa, fa{font-family:fontAwesome; font-style:normal}

.switcher{display:inline-block; vertical-align:middle; cursor:pointer; position:relative; width:40px; height:20px;}
.switcher i{display:block; position:absolute; left:5px; top:8px; bottom:8px; right:5px; background:#CCCCCC; z-index:0}
.switcher b{display:block; position:absolute; width:20px; top:0; height:20px; background:#464646; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:1}
.switcher.pos0 b{left:0; background-color:#800000}
.switcher.pos1 b{right:0; background-color:#008000}

.dataTBL i.fa{font-style: normal; font-size:22px; margin-right:5px; margin-top:-2px; margin-bottom:5px; display:inline-block; vertical-align:top; cursor:pointer;}
.dataTBL i.fa.edit{color:#D96C00}
.dataTBL i.fa.delete{color:#800040}

.iFilterHint{border:1px solid #AABBCD; background:#D9E7F4; color:#363F44; font-size:14px; line-height:1.3; padding:7px; margin-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.iFilterHint a{color:#D20000; display:block; padding-top:5px; text-decoration:underline}
.iFilterHint a:hover{text-decoration:none}

#trace{position:fixed; bottom:40px; left:10px; z-index:1000000; text-align:left; font-size:11px; line-height:20px;}
#trace div{color:#000000; border:1px solid #000000; padding:0 5px; background:#FFFFFF; height:22px; overflow:hidden; cursor:default; width:250px; white-space:nowrap}
#trace div:hover{height:500px; width:100%; overflow:auto; white-space:normal}
#trace p{display:block; margin:0; padding:1px; padding-left:20px}

.cubeButton{display:inline-block; border:1px solid #A5A5A5; vertical-align:top; margin-right:10px; margin-top:10px; padding:7px; width:90px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.cubeButton i{display:block; color:#999999; line-height:40px; font-size:28px; font-style:normal; font-family:fontAwesome}
.cubeButton n{display:block; color:#000000; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cubeButton l{display:block; background:#FFFF80; color:#FFFFFF; font-size:12px; padding:3px; line-height:1; margin-top:5px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.cubeButton.green l{background-color:#3EB157}
.cubeButton.dark l{background-color:#15295C}
.cubeButton.yellow l{background-color:#B9B900}

.cubeButton:hover{
	border-color:#A5A5A5
}

.cubeButton:hover i,
.cubeButton:hover n{
	color:#F56645;
}

.jq-checkbox{width:15px; height:15px; top:0; background: #F6F6F6; box-shadow:none;}
.jq-checkbox.checked div{width:auto; height:auto; margin:0; box-shadow:none; position:absolute; left:2px; top:2px; right:2px; bottom:2px; background:#03A9F4}

.jq-radio{width:15px; height:15px; top:0; background: #F6F6F6; box-shadow:none; position:relative}
.jq-radio.checked div{border-radius: 50%; width:auto; height:auto; margin:0; box-shadow:none; position:absolute; left:2px; top:2px; right:2px; bottom:2px; background:#03A9F4}


.iHint{text-align:left; border:1px solid #2BB0D7; background:#ecf0ff; font-size:14px; line-height:150%;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; padding:10px}
.iSmallHint{font-size:12px; line-height:16px; color:#627DA8; padding:0 0 5px 20px; background:url(/img/info.svg) no-repeat left top}
.iHint.orange{border-color:#FF8800; background:#FFFF80}
.iHint.purple{border-color:#800080; background:#FFD5FF}

#error404{position:fixed; left:10%; top:10%; bottom:10%; right:10%;}
#error404 i{display:block; position:absolute; left:0; right:0; top:0; bottom:30px; background:url(/img/404.svg) no-repeat center center; background-size:contain}
#error404 a{display:block; position:absolute; left:0; bottom:0; right:0; text-align:center}

#mailStop{position:fixed; left:10%; top:10%; bottom:10%; right:10%;}
#mailStop i{display:block; position:absolute; left:0; right:0; top:0; bottom:30px; background:url(/img/mail_stop3.svg) no-repeat center center; background-size:contain}
#mailStop div{display:block; position:absolute; left:0; bottom:0; right:0; text-align:center; font-size:26px;}

.no_data_found{color:#DF0000}

.fancybox-overlay{z-index:1000000!important}
.fancybox-opened{z-index:1000001!important}

.dataBlocks{margin:-10px;}
.dataBlocks .block{margin:10px; display:inline-block; vertical-align:top; border:1px solid #DADADA; background:#FFFFFF; width:47%;}
.dataBlocks .blockHeader{position:relative; background:#FEFFFF; border-bottom:1px solid #DADADA; height:55px}
.dataBlocks .blockHeader .blockName{position:absolute; right:50px; left:10px; top:15px; font-size:18px; overflow:hidden; white-space:nowrap; line-height:1.1}
.blockMenu{position:relative; margin-top:-3px}
.blockMenu m{display:block; z-index:0}
.blockMenu m.fa{font-size:26px; display:block; position:relative; cursor:pointer; padding-right:15px; z-index:0}
.blockMenu m.fa .fa{display:block; position:absolute; right:0; top:7px; font-size:12px; z-index:0}
.blockMenu .menuSelf{border:1px solid #DADADA; background:#FEFFFF; position:absolute; right:-10px; top:-8px; z-index:10}
.blockMenu .menuSelf i{padding-right:10px; font-size:18px; margin:0;}
.blockMenu .menuSelf .edit i{color:#D96C00}
.blockMenu .menuSelf .del i{color:#800040}
.blockMenu .menuSelf .stat i{color:#0080C0}
.blockMenu .menuSelf div{padding:10px; border-bottom:1px solid #F2F2F2; cursor:pointer; line-height:1; white-space:nowrap}
.blockMenu .menuSelf div:hover{background:#F2F2F2}
.blockMenu .menuSelf div:last-child{border-bottom:none}

.switcher{display:inline-block; vertical-align:middle; cursor:pointer; position:relative; width:40px; height:20px;}
.switcher i{display:block; position:absolute; left:5px; top:8px; bottom:8px; right:5px; background:#CCCCCC; z-index:0}
.switcher b{display:block; position:absolute; width:20px; top:0; height:20px; background:#464646; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:1}
.switcher.pos0 b{left:0; background-color:#800000}
.switcher.pos1 b{right:0; background-color:#008000}

.blockMenu .menuSelf .switcher{width:16px; height:16px; margin-right:10px}
.blockMenu .menuSelf .switcher i{display:none}
.blockMenu .menuSelf .switcher b{width:16px; height:16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.dataBlocks .blockContent{padding:10px}
.dataBlocks .blockContent .inLine{padding-bottom:5px}
.dataBlocks .blockContent .inLine:last-child{padding-bottom:0;}
.dataBlocks .blockContent .inLine.gray{color:#808080}

@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}

100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}

100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

.swing1 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
color:#0080C0;
}

swing{display:block;}

.rounded{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #F0F0F0; background:#FFFFFF; opacity: 0.8}
.rounded:hover{opacity:1}

.rounded.p10{padding:10px;}
.rounded.no{opacity:1!important}

.lift {
	transition: box-shadow .25s ease, transform .25s ease;
}

.lift:focus, .lift:hover {
	box-shadow: 0 6px 1rem rgba(25,24,24,0.1),0 0.5rem 1rem -0.75rem rgba(25,24,24,0.1) !important;
	transform: translate3d(0, -3px, 0);
}

.blackButton{cursor:pointer; border:1px solid #181818; background:#181818; color:#BDBDBD; text-transform:uppercase; padding:15px;}

.redButton{cursor:pointer; border:1px solid #FF4560; background:none; color:#FF4560; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.redButton:hover{background-color:#FF4560; color:#FFFFFF}

.blackButton.blue{background-color:#002E5A; color:#FFFFFF}


.mainPage{margin:65px 10px 10px 275px; opacity:1; position:relative; z-index:1}

.mainPage .pageHeader
{
	 display:flex;
	 position:relative;
	 justify-content: flex-end;
  height: 35px;
  margin-bottom:10px;
}

.mainPage .pageHeader h1{display:block; position:absolute; left:0; top:0; font-weight:normal; font-size:26px; line-height:35px}
.mainPage .pageHeader .button{margin:0; margin-left:10px; line-height:35px; padding:0; padding-left:35px; padding-right:10px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#BDBDBD; background:#181818; border:none;
/*transition: box-shadow .25s ease, transform .25s ease;*/
}
.mainPage .pageHeader .button t{display:none;}

.mainPage .pageHeader .button:focus, .mainPage .pageHeader .button:hover {
	/*box-shadow: 0 6px 1rem rgba(25,24,24,0.1),0 0.5rem 1rem -0.75rem rgba(25,24,24,0.1) !important;*/
	/*transform: translate3d(0, -3px, 0);*/
}

.mainPage .pageHeader .button:hover t{display:block;}

.mainPage .pageHeader .button i{left:15px; top:0; bottom:0; line-height:35px; font-size:16px;}

/*------------------------------------------------------------------------------------------------------------------------*/

.pageBlocks
{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  margin: 0 -5px;
	  margin-bottom:-10px;
}

.pageBlocks .pageBlock
{
   padding:30px;

	  width: calc(1/3*100% - 10px);
   margin: 0 5px 10px 5px;

   position:relative;
   z-index:1;
}

.pageBlocks .pageBlock .header h1{font-weight:normal; font-size:18px; color:#002E5A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:30px}
.pageBlocks .pageBlock .header{margin-bottom:25px; position:relative;}

.pageBlocks .pageBlock .blockMenu{position:absolute; right:20px; top:27px; z-index:2}
.pageBlocks .blockMenu .menuSelf
{
   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
   background:#FFFFFF;
   border-color:#F0F0F0;
			-webkit-box-shadow:0px 0px 15px 3px rgba(128,128,128,0.9);
			-moz-box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
			box-shadow: 0px 0px 15px 3px rgba(128,128,128,0.9);
}

.pageBlocks .pageBlock .comment{line-height:1.5; margin-bottom:25px; }

.pageBlocks .pageBlock .statLine{margin-bottom:25px;}
.pageBlocks .pageBlock .statLine div{display:inline-block; margin-right:20px; white-space:nowrap;}
.pageBlocks .pageBlock .statLine span{display:block; font-size:12px; line-height:1}
.pageBlocks .pageBlock .statLine span:first-child{padding-bottom:3px; font-size:30px;}


.pageBlocks .pageBlock .usersList{margin-bottom:25px; margin-right:-5px; margin-top:-5px;}
.pageBlocks .pageBlock .usersList .avatar
{
	 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	 margin-right:5px; margin-top:5px; width:40px; height:40px;
	 position:relative;
}
.pageBlocks .pageBlock .usersList .avatar name{font-size:12px; line-height:1.3; display:none; position:absolute; left:-3px; bottom:42px; background:#FFFFFF; border:1px solid #f0f0f0; padding:5px; white-space:nowrap}
.pageBlocks .pageBlock .usersList .avatar:hover name{display:block;}

.pageBlocks .pageBlock .usersList .avatar.self{border-color:#FF4560}

.pageBlocks .pageBlock .progress{}
.pageBlocks .pageBlock .progress .name{padding-bottom:5px; position:relative; font-size:12px;}
.pageBlocks .pageBlock .progress .name .stat{position:absolute; right:0; top:0;}

.pageBlocks .pageBlock .progress .bar{position:relative; z-index:0; height:7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden; background:#EEEEEE}
.pageBlocks .pageBlock .progress .bar .stat{position:absolute; left:0; top:0; bottom:0; background:#4FB8C9}

.pageBlock .pause,
.pageBlock .finished
{position:absolute; left:0; right:0; bottom:0; top:0; background:#FFFFFF url(../img/pause.png) no-repeat center center; opacity:0.5; z-index:1;}

.pageBlock .finished{background-image:url(../img/ok.svg); background-size:140px}

.pageBlock .warning{position:absolute; left:0; right:0; bottom:0; background:#FFFFFF url(../img/warn.svg) no-repeat 15px 15px; background-size:22px 22px; z-index:1; padding:15px; padding-left:50px; color:#800000; line-height:1.3}
/*------------------------------------------------------------------------------------------------------------------------*/


.fastFilter{border-bottom:1px solid #f0f0f0; margin-bottom:10px; font-size:14px; line-height:18px;}
.fastFilter a{text-decoration:none; color:inherit; cursor:pointer; white-space:nowrap; display:inline-block; margin-right:10px; vertical-align:top; margin-bottom:-1px; padding:5px 15px; white-space:nowrap}
.fastFilter a:last-child{margin-right:0}

.fastFilter a.active,
.fastFilter a:hover{color:#002E5A; border-bottom:2px solid #002E5A}

.fastFilter a span{display:inline-block; margin-right:7px; vertical-align:center;}
.fastFilter a span:last-child
{
  margin-right:0;
	 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	 background:#808080; color:#FFFFFF; font-size:12px; padding:0 7px;
}

.fastFilter a span.blue{background-color:#4FB8C9}
.fastFilter a span.green{background-color:#198754}
.fastFilter a span.yellow{background-color:#FFBA33}
.fastFilter a span.red{background-color:#DC3545}
.fastFilter a span.gray{background-color:#606060}


.psevdo_link{cursor:pointer; line-height:120%; color:#000000; border-bottom:1px dashed #000000; text-decoration:none; display:inline-block; // display: inline; }
.psevdo_link:hover{border-bottom-style:solid;}

.psevdo_link.blue{color:#0080FF; border-bottom-color:#0080FF}

.xdsoft_datetimepicker{z-index:999999!important}

.pages_block{position:relative; height:auto; z-index:10; font-size:12px; text-align:center; margin-top:20px; z-index:1}
.pages_block i{white-space:nowrap; font-style:normal; margin:0 10px; display:inline-block; // display: inline;}
.page{cursor:pointer; border:1px solid #808080; text-decoration:none; white-space:nowrap; background:#F2F2F2; color:#000000; padding:5px 9px; margin:0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; // display: inline;}
.page:hover{border-color:#002E5A; color:#FFFFFF; background:#002E5A; text-decoration:none;}
.page.prev{position:absolute; left:0; margin:0; padding:5px}
.page.next{position:absolute; right:0; margin:0; padding:5px}
.page.sel{border-color:#E32213; cursor:default; color:#FFFFFF; background:#E32213}

#leaveFocus{display:block; position:absolute; left:-999999px}

ul.warnZone{margin:0; padding:0; display:block;}
ul.warnZone li {
    list-style: none; /* Убираем исходные маркеры */
    background: url(/img/attention_y.png) no-repeat 0 1px; /* Параметры фона */
    background-size: 15px 13px;
    padding-left: 20px; /* Смещаем текст вправо */
    font-size:12px; line-height:16px; margin-top:3px;
   }

ul.warnZone li.crit{background-image:url(/img/attention.png)}

#sadPhone{position:fixed; display:none; z-index:999999999; left:0; top:0; bottom:0; right:0; background:#FFFFFF; padding:10%; gap:20px; align-items:center; justify-content:center; flex-direction:column}
#sadPhone > div{flex:1 0 auto; width:100%; height:100%; background:url(/img/sad_phone.png) no-repeat center center}
#sadPhone > a{border:1px solid #808080; border-radius:10px; padding:10px 20px; color:inherit; text-decoration:none}

                                             /*padding:2px; border:1px solid transparent; border-radius:1px*/
.copyTextZone{display: inline-flex; gap:5px;}
/*.copyTextZone:hover{border-color:#808080}*/
.copyTextZone fa{cursor:pointer}
.copyTextZone fa.ok{color:#00B058}
.copyTextZone fa.false{color:#FF5353}