:root
{
  --main-color: #359DAC;
  --dop-color: #E75C37;
  --main-color-light: #50BCE3;

  --font-color: #333333;

  --red-color: #B00000; /*#f44336*/
  --yellow-color: #E1C10B;
  --orange-color: #FF8000;
  --green-color: #00B000; /*#4caf50*/
  --blue-color: #95DDFF; /*#2196f3*/
  --blue-color-light: #D9E2FF; /*#2196f3*/
  --blue-color-dark: #004397; /*#2196f3*/
  --gray-color: #707070;

  --main-bg-color: #FFFFFF;

  --border-color: #9FB3C3;
  --border-color-light: #C5C6D0;

  --modal-blur: 2px;

  --link-color:#0059C6;

  --fly-win-radius:24px;

  --scroll-bar-color:#5C5C5C;
  --scroll-bar-bg-color:#F5F5F5;
}

*
{
 margin:0; padding:0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-appearance: none;
 box-sizing: border-box;
 scrollbar-width: thin;
 scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

::-webkit-scrollbar-corner { background: var(--scroll-bar-bg-color); }
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: var(--scroll-bar-bg-color);}
::-webkit-scrollbar-thumb {background-color: var(--scroll-bar-color);}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



-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",Arial,sans-serif;*/
				font-family:Montserrat,Helvetica,Arial,sans-serif;
				font-size:16px;
				line-height:1.3;
    overflow:hidden;
    color:var(--font-color);
    background:var(--main-bg-color);
}

body.loading{overflow:hidden}
/*body.modalOpened{filter: blur(0);}*/

.red_err{color:var( --red-color)}

.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;}
.push20{clear:both; font-size:0; height:20px; border:none; margin:0; padding:0;}
.inb{vertical-align:middle; 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}
.vsh{visibility:hidden}

.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;}
.br10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.br12{-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.brRound{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

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


a{color:#0a58ca; text-decoration:none;}
a:hover{text-decoration:underline;}
block row.name a{
    color:#359DAC;
    text-decoration:none;
}
.mainMenu .button2 a{
    text-decoration:none;
    color:  #333333;
}
.mainMenu .button2 a:hover{
    /*text-decoration:none;*/
    color: #359DAC;
}
a.blue{color:#0a58ca;}
a.red{color:#ff4560;}
a.yellow{color:#FFAC47;}
a.orange{color:#AC3F40;}

div.avatar{display: flex; justify-content: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:var(--border-color-light) no-repeat center center; background-size:cover;}
div.avatar t{font-size:70%; font-weight:normal; letter-spacing:1px;}

#header{z-index:5; position:absolute; left:0; top:0; right:0; height:92px; border-bottom:2px solid #C7C7C7}
#header .logo{display:block; position:absolute; background:url(/img/site/logo.svg) no-repeat left top; background-size:contain; left:30px; top:25px; bottom:25px; z-index:1; color:var(--font-color); white-space:nowrap; padding-left:80px; padding-top:8px; font-weight:700; font-size:22px; text-decoration:none}

#header .mainMenu{
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
    flex-wrap: nowrap;
    align-content: space-around;
}


#header uBlock{display:flex; align-items: flex-start; align-items: center; flex-wrap: nowrap; position:absolute; right:30px; top:25px; bottom:20px;}
#header uBlock .avatar{height:40px; width:40px; border-radius:50%; margin:0; margin-right:10px; cursor:pointer; background:#B9C3CF;}
#header uBlock .avatar t{font-size:14px; color:#333333}
/*
#header uBlock div.uName{margin-right:20px; font-size:14px; padding-top:0;}
#header uBlock div.uName .state{display:block; margin-top:2px; padding:3px; font-size:11px}
*/

#header .uMenu{position:absolute; left:0px; top:53px; padding:10px; border:1px solid var(--border-color); background:#FFFFFF; display:none; border-radius:3px}
#header .uMenu uInfo{display:block; margin-bottom:10px; padding-bottom:10px; min-width:180px; border-bottom:1px dashed var(--border-color-light); }
#header .uMenu uInfo .uName{white-space:nowrap; padding-bottom:5px}
#header .uMenu uInfo .state{margin-left:-3px; padding-left:23px; color:#808080}
#header .uMenu ul{margin:0; list-style-type:none}
#header .uMenu ul a{color:var(--text-color); font-size:14px}
#header .uMenu ul i{font-style:normal; vertical-align:baseline; margin-right:5px}
#header .uMenu ul li{white-space:nowrap}
#header .uMenu ul li.exit{color:var(--red-color)!important}

#header .uMenu::before, #header .uMenu::after {
    content: '';
    position: absolute;
    left: 10px; top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
   }
#header .uMenu::after {
    border-bottom: 10px solid #FFFFFF;
    top: -19px;
   }
body.modalOpened #header{filter: blur(var(--modal-blur));}

#scrollTop{display:block; position:fixed; left:0px; bottom:0px; width:250px; padding:10px; background:#FFFFFF; z-index:5; cursor:pointer; font-size:20px; text-align:center}
#scrollTop:hover{background-color:var(--border-color-light)}
body.modalOpened #scrollTop{filter: blur(var(--modal-blur));}


#menuMobileBtn{position:absolute; left:10px; cursor:pointer; z-index:1; display:none; font-size:30px}

input[type=button], a.button, div.button
{
 display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--border-color);
	color:inherit;
	padding: 8px 20px;
	margin: 0;
	line-height: 1;
	font-size: 14px;
	position: relative;
	font-weight: normal;
	cursor:pointer;
	/*transition: all 0.3s ease;*/
	box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
	background:#FFFFFF;
 border-radius: 4px;
 text-decoration:none;
}

input[type=button]:hover, a.button:hover, div.button:hover
{
 border-color: var(--font-color);
	color:var(--main-color);
}

input[type=button].red:hover, a.button.red:hover, div.button.red:hover{border-color: 1px solid var(--red-color);	color:var(--red-color);}
input[type=button].yellow:hover, a.button.yellow:hover, div.button.yellow:hover{border-color: 1px solid var(--yellow-color);	color:var(--yellow-color);}
input[type=button].green:hover, a.button.green:hover, div.button.green:hover{border-color: 1px solid var(--green-color);	color:var(--green-color);}
input[type=button].blue:hover, a.button.blue:hover, div.button.blue:hover{border-color: 1px solid var(--blue-color-dark);	color:var(--blue-color-dark);}
/*

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

slider{display:block; border-bottom:1px solid var(--border-color); margin-bottom:10px;}
slider slide{padding:7px 15px; cursor:pointer; display:inline-block; vertical-align:top; margin-left:10px}
slider slide.active{margin-bottom:-1px; border:1px solid var(--border-color); border-bottom:none; background:#FFFFFF; cursor:default; padding-bottom:8px}


.state{text-align:left; display:inline-block; font-size:14px; padding-left:20px; position:relative;}
.state:before
{
	  content: '';
 	 z-index: 0;
   position: absolute;;
   left: 3px; top: 3px;
   background:var(--border-color);
   border-radius:50%;
   width:12px; height:12px; padding:0; margin:0; line-height:1;
}


.state.color1:before{background:#8BC34A;}
.state.color2:before{background:#FFEB3B;}
.state.color3:before{background:var(--blue-color-light);}
.state.color4:before{background:var(--red-color);}
.state.color5:before{background:var(--blue-color-dark);}



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

div.button.i{padding-left: 30px; padding-right: 20px;}
div.button i{display:block; position:absolute; font-family:fontAwesome; font-size:16px; left:0px; width:30px; text-align:center; top:0; bottom:0; line-height:30px; font-style: normal}


.blocker{display: flex; justify-content: center; align-items: center; position:fixed; left:0; top:0; bottom:0; right:0; z-index:100000; padding:10px;}
.blocker:before
{
	 content: '';
	 z-index: 0;
  position: fixed;
  left: 0; top: 0; bottom:0; right:0;
  overflow:hidden;
  background:var(--border-color);
  opacity:0.2;
}

.blocker block{z-index:1; position:relative; display:block;}
.blocker content{display:block; max-height:90vh; overflow:auto}

.blocker closer{display:block; position:absolute; color:var(--red-color); cursor:pointer;}

.blocker#flyLoading{align-items: flex-start; z-index:100005;}
.blocker#flyLoading content{display: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 var(--border-color); border-top:none;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.blocker#flyLoading:before{background:transparent}

#flyLoading pBar{margin-top:5px;}

.blocker.message{z-index:100001;}
.blocker.message content
{
  padding: 15px 20px;
  border:1px dashed #FFFFFF;
  border-top:24px solid var(--border-color);
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  font-size: 16px;
  min-width:400px;
  max-width:700px;
  overflow:auto;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

  /*
  transform: translateY(50px);
  transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
  */
}

.blocker.message.good content{border-color: var(--green-color)}
.blocker.message.bad content{border-color: var(--red-color)}

.blocker.message.info content{border-color: var(--blue-color)}
.blocker.message.warn content{border-color: var(--orange-color)}

.blocker.message closer{right:5px; top:-1px; font-size:20px; color:#FFFFFF}

.blocker.message .button{border-radius:5px; padding:15px; font-size:16px;}
.blocker.message .button.i{padding-left:40px}
.blocker.message .button i{top:7px; left:7px}


.blocker.flywin block{box-shadow: 0 0 10px 1px #646464; border-radius:var(--fly-win-radius);}

.blocker.flywin content
{
  padding:20px;
  background-color: #EEE8F4;
  font-size: 16px;
  min-width:700px;
  max-width:95vw;
  overflow:auto;
  max-height:calc(95vh - 100px);
}
.blocker.flywin closer{right:20px; top:20px; color:var(--font-color); font-size:20px;}

.blocker.flywin h1,
.blocker.flywin btns
{display:block; margin:0; padding:20px; background:#EEE8F4; font-weight:normal; font-size:20px;}

/*.blocker.flywin h1{border-bottom:1px solid var(--border-color)}*/
.blocker.flywin h1{padding-bottom:5px; padding-top:17px; font-size:28px;}
.blocker.flywin btns{padding-top:5px;}

.blocker.flywin h1,
.blocker.flywin content.noHeader
{
-webkit-border-top-left-radius: var(--fly-win-radius);
-webkit-border-top-right-radius: var(--fly-win-radius);
-moz-border-radius-topleft: var(--fly-win-radius);
-moz-border-radius-topright: var(--fly-win-radius);
border-top-left-radius: var(--fly-win-radius);
border-top-right-radius: var(--fly-win-radius);}

/*.blocker.flywin btns{border-top:1px solid var(--border-color);}*/
.blocker.flywin btns{text-align:right}

.blocker.flywin btns{position:relative;}
.blocker.flywin btns,
.blocker.flywin content.noBtns{
-webkit-border-bottom-right-radius: var(--fly-win-radius);
-webkit-border-bottom-left-radius: var(--fly-win-radius);
-moz-border-radius-bottomright: var(--fly-win-radius);
-moz-border-radius-bottomleft: var(--fly-win-radius);
border-bottom-right-radius: var(--fly-win-radius);
border-bottom-left-radius: var(--fly-win-radius);}

.blocker.flywin btns .siteButton{margin-left:20px; padding:10px 20px; line-height:1}
.blocker.flywin btns .siteButton.cansel{border:none; box-shadow:none; color:#93000A}

.blocker.flywin searchZone{display:block; margin:-20px; margin-bottom:20px; background:#EEE8F4; padding:20px;}
.blocker.flywin searchZone{position:relative;}
.blocker.flywin searchZone searchField input{font-size:16px; padding:8px; border-color:#FFFFFF; padding-right:40px}
.blocker.flywin searchZone searchField.input input[type=text]:focus{border-color:var(--font-color)}

.blocker.flywin searchZone searchField submitBtn,
.blocker.flywin searchZone searchField canselBtn{display: flex; justify-content: center; align-items: center; position:absolute; right:0; top:0; bottom:0; width:40px; font-size:20px; cursor:pointer;}
.blocker.flywin searchZone searchField canselBtn{color:var(--orange-color); left:0px; right:auto;}

.blocker.flywin .dopBtns{z-index:0; position:absolute; left:20px; right:50%; background:#FFFFFF; bottom:55px; border:1px solid var(--border-color); border-radius:5px; padding:20px;}

.blocker.flywin .dopBtns::before, .blocker.flywin .dopBtns::after {
    content: '';
    position: absolute;
    left: 20px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid var(--border-color);
   }
.blocker.flywin .dopBtns::after {
    border-top: 10px solid #FFFFFF;
    bottom: -19px;
   }

.blocker.flywin .dopBtns .button{margin-bottom:10px}
.blocker.flywin .dopBtns .button:last-child{margin-bottom:0}

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

.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices
{
  border:1px solid var(--border-color)!important;
  color:var(--font-color)!important;
  font-size:16px!important;
  line-height: 1!important;
  background:#FFFFFF!important;

  box-shadow:none!important;
  border-radius: 4px!important;
  padding:9px 8px!important;
  height:auto!important;
}



.chzn-container-multi .chzn-choices{padding:2px!important;}

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

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

.chzn-container-single.chzn-with-drop .chzn-single div b{background-image:url(/img/dropup.png)!important}

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


.chzn-container-active .chzn-single,
.chzn-container-active .chzn-choices{border:1px solid var(--font-color)!important; color:#000000!important}

.chzn-container .chzn-results{margin:0px!important; padding:0!important; border-top:none;}
.chzn-container .chzn-results li{padding: 10px!important;}

.chzn-container .chzn-results li.result-selected{background:var(--border-color-light) no-repeat right center!important; color:inherit;}
.chzn-container .chzn-results li.highlighted{background:var(--blue-color-light) no-repeat right center!important; color:inherit;}

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

.chzn-container-single .chzn-single
{
	 border-color:#757780!important;
	 background:transparent!important;
	 padding:12px!important;
	 line-height:24px!important;
	 font-size:14px!important;
}

.chzn-container .chzn-drop
{
  border:1px solid #757780!important;
  box-shadow:none!important;
  border-radius: 0!important;
  border-bottom-right-radius: 4px!important;
  border-bottom-left-radius: 4px!important;
  background:#F5F5F5!important;
  color:inherit!important;
  width:calc(100% - 8px)!important;
  margin-left:4px;
  padding:10px;
}
/*--------------------------------------------------------------------------------------------------------------------*/


.jq-checkbox{width:15px; height:15px; top:0; background: var(--main-bg-color); border:1px solid #44474F; box-shadow:none; cursor:pointer}
.jq-checkbox.checked div{width:auto; height:auto; margin:0; box-shadow:none; position:absolute; left:2px; top:3px; right:3px; bottom:3px;}

.jq-radio{width:18px; height:18px; top:0; background: #FFFFFF; box-shadow:none; position:relative; border:1px solid #44474F; border-radius:50%; cursor:pointer}
.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:#359DAC}


.iHint{text-align:left; border:1px dashed var(--blue-color-dark); background:var(--blue-color-light); line-height:1.3; border-radius: 4px; padding:12px; margin-bottom:20px;}
.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}

.iHint.green{border-color:var(--green-color); background:inherit; color:var(--green-color)}
.iHint.gray{border-color:var(--gray-color); background:inherit; color:var(--gray-color)}

.iHint.dataNotFound{border-color:var(--red-color); background-color:inherit}


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

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.formLine{margin-bottom:20px;}
form .formLine:last-child{margin-bottom:0}

.formLine .name{margin-bottom:7px; font-size:24px; font-weight:600;}
.formLine .name i{font-style: normal; color:#FF8040}
.formLine .hint{margin-bottom:5px; color:#808080; font-size:14px;}

.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{display:none; 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:1}
.formLine .input .swap{filter: grayscale(100%); transition: 0.5s;}
.formLine .input .swap:hover{opacity:1; filter: grayscale(0%);}

.formLine .input .dice{display:none; position:absolute; right:35px;  top:5px; bottom:5px; width:25px; background:url(/img/dice.png) no-repeat center center; background-size:contain; cursor:pointer; opacity:1}
.formLine .input .dice{filter: grayscale(100%); transition: 0.5s;}
.formLine .input .dice:hover{opacity:1; filter: grayscale(0%);}


.formLine .input loader{display:flex; justify-content: center; align-items: center; position:absolute; right:30px;  top:0px; bottom:0px; width:40px; font-size:22px; color:var(--border-color)}
.formLine .input loader fa{animation: rotate 2s linear infinite;}

.formLine .input suggest{display:block; max-height:120px; overflow:visible; position:absolute; z-index:10; left:0; top:40px; right:0; background:#FFFFFF; border:1px solid var(--border-color); border-radius:5px; padding:5px;}
.formLine .input suggest::before, .formLine .input suggest::after {
    content: '';
    position: absolute;
    left: 20px; top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
   }
.formLine .input suggest::after {
    border-bottom: 10px solid #FFFFFF;
    top: -19px;
   }

.formLine .input suggest ul{display:block; margin:0; padding:0; list-style:none; max-height:150px; overflow-y:auto}
.formLine .input suggest ul li{cursor:pointer; display:block; padding:5px;}
.formLine .input suggest ul li:hover{background-color:var(--main-bg-color)}

/*.formLine .input .swap{filter: invert(50%) sepia(30%) saturate(20%) brightness(100%) contrast(100%)}*/

.formLine .input select{width:100%;}

.formLine .input input,
.formLine .input textarea,
.formLine .input .likeInput,
.formLine select.ignore
{
   width:100%; background:transparent; font-family:inherit;
   font-size:14px; padding:12px; line-height:24px; border:1px solid #757780; color:inherit;
   border-radius: 4px;
}
.formLine .input input.border{
    border:none;
}
.formLine select.ignore{background:url(/img/dropdown.png) no-repeat right 10px center;}
.formLine select.ignore option{line-height:1.3}
/*background:url(/img/site/calendar.svg) no-repeat center right 10px;*/
.formLine.datepick input{padding-right:40px;  backgroud-size:auto 24px;}

input[type=text]:focus,
.formLine .input input:focus,
.formLine .input textarea:focus,
.formLine .input .likeInput:focus,
.formLine select.ignore:focus
{
   outline: none; border-color:var(--font-color); /* border-top-color:#5794BF; color:#000000;*/
}

.formLine .input input.err,
.formLine .input textarea.err,
.formLine .input .likeInput.err,
.formLine select.ignore.err
{
   border-color:#ff605f; color:#ff605f;
}

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

.formLine eye{display:block; position:absolute; z-index:10; right:0; 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)}

.formLine eye, .formLine eye.hide{filter: invert(50%) sepia(30%) saturate(20%) brightness(100%) contrast(100%)}

.formLine .chkBoxArrLine{position:relative; padding-left:27px; margin-bottom:5px; padding-top:4px; font-size:14px; line-height:22px;}
.formLine .chkBoxArrLine:last-child{margin-bottom:15px}
.formLine .chkBoxArrLine chk{display:block; position:absolute; left:0; top:5px;}
.formLine .chkBoxArrLine chk .jq-checkbox{width:20px; height:20px;}
.formLine .chkBoxArrLine div small{font-size:12px; color:#8F816E; padding-top:5px; display:block;}

.formLine .chkBoxArrLine chk .jq-checkbox.checked div{background:none;}
.formLine .chkBoxArrLine chk .jq-checkbox.checked div:before
{
  content: '\f00c';
  display: block; position:absolute; left:0; top:0; bottom:0; right:0;
  line-height:90%;
  text-align:center; font-size:14px;
  color: var(--main-color);
  padding: 0;
  font-family:fontAwesome; font-style:normal;
}

.formLine .input .chkBoxArrLine:last-child{margin-bottom:0;}

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


.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 th,
.dataTBL td{color:var(--text-color); padding:13px 10px; text-align:left; font-weight:normal; vertical-align:middle; background:#FFFFFF; border:1px solid #F4F4F4}
.dataTBL th{border-color:#DDDDDD; font-weight:bold}
.dataTBL td{background-color:#F9F9F9}
.dataTBL tbody tr:nth-child(2n) td{background:#FFFFFF}
*/
.dataTBL{border-collapse: collapse;}

.dataTBL th,
.dataTBL tr td{line-height:1.3; text-align:left; font-weight:normal; vertical-align:middle; border-bottom:2px solid var(--border-color-light); padding:10px 20px 10px 0}
.dataTBL tr td{padding-top:40px; padding-bottom:40px;}
.dataTBL tr td:last-child{padding-right:0}
.dataTBL tr th:last-child{padding-right:0}
.dataTBL tr:last-child td{border-bottom:none}

.dataTBL th{font-size:16px;}

.dataTBL td id{display:inlne-block; vertical-align:top; font-size:12px; color:#808080}
.dataTBL td .dpZag{font-size:22px}

/*
.dataTBL:hover tr td{opacity:0.5; filter:blur(2px)}
.dataTBL:hover tr:hover td{opacity:1; filter:blur(0); border-top:2px solid var(--border-color-light)}
.dataTBL:hover tr:nth-child(2):hover td{border-top-color:transparent;}
*/

.dataTBL .blockMenu{display:inline-block; position:relative;}
.dataTBL .blockMenu fa{cursor:pointer; font-size:22px}



/*
.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:12px; line-height:1.2; 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}
*/
body.trace .mainPage{bottom:24px;}
#trace{position:fixed; bottom:0px; right:0px; z-index:1000000; text-align:left; font-size:14px; line-height:24px;}
#trace div{color:#000000; padding:0 5px; background:#FFFFFF; border-left:1px solid var(--font-color); border-top:1px solid var(--font-color); height:24px; overflow:hidden; cursor:default; width:280px; white-space:nowrap}
#trace div:hover{height:100%; max-height:500px; width:100%; max-width:70vw; min-width:600px; overflow:auto; white-space:normal; padding:10px;}
#trace line{display:block;}







body.err404{display: flex; justify-content:center; align-items:center; height:100%}
body.err404 div{margin:auto; min-width:250px; max-width:400px; text-align:center;}
body.err404 div i{display:block; height:200px; background:url(/img/site/logo.svg) no-repeat center center; background-size:60% auto;}
body.err404 div t{display:block; padding:10px 0 20px 0; font-size:86px; color:#359DAC}
body.err404 div t d{display:inline-block; vertical-align:bottom; padding:0 10px}
body.err404 div t d:nth-child(2){font-size:50px; color:#E75C37}



.fancybox-overlay{z-index:1000000!important}
.fancybox-opened{z-index:1000001!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);
}

.db{display:block; width:100%}

.siteButton{cursor:pointer; border:none; background:#359DAC; color:#FFFFFF; padding:0 40px; font-size:14px; line-height:48px;
border-radius: 24px;
display:inline-block; text-align: center; vertical-align:top;
}
/*
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); transform: translate3d(0, -1px, 0);
*/


.siteButton:hover{box-shadow: none; transform: none;}

a.siteButton{text-decoration:none}

.siteButton fa.fn{font-weight:normal}
.siteButton fa{display:inline-block; font-size:18px; text-align:center; vertical-align:middle; margin-right:10px;}

.siteButton.blue{background-color:var(--blue-color)}
.siteButton.yellow{background-color:var(--yellow-color)}

.siteButton.style1{background-color:#0059C6; color:#FFFFFF; border:none; padding:10px 24px; line-height:1; border-radius:100px; font-size:14px;}
.siteButton.style1:hover
{
background: #0059C6;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
}

.siteButton.style2{background-color:#EEE8F4; color:#0059C6; border:1px solid #757780; padding:0; line-height:56px; border-radius:16px;}
.siteButton.style2:hover{background-color:rgba(103, 80, 164, 0.08);}

.siteButton.style3{background-color:#E75C37; color:#FFFFFF; border:none; padding:0 24px; font-size:16px; line-height:40px; border-radius:0; white-space:nowrap;}
.siteButton.style3:hover{filter: brightness(0.9);}

.siteButton.style4{background-color:#FFDCBC; color:#2C1700; border:none; padding:0 20px; line-height:40px; border-radius:100px;}
.siteButton.style4:hover
{
background: #FFDCBC;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
}

.siteButton.style5{background-color:transparent; color:#333333; border:none; padding:0 24px; font-size:16px; line-height:40px; border-radius:0; white-space:nowrap;}
.siteButton.style5:hover{color:#111111;}

.siteButton.style6{padding: 6px 16px 6px 8px; line-height:1; border-radius: 8px; border: 1px solid #757780; background:#FFFFFF; color:#44474F}
.siteButton.style6
{

}
.siteButton.style6:hover{}

/* M3/Elevation Light/3 */


.siteButton.disabled{background:#808080; cursor:default!important; opacity:0.5}
.siteButton.disabled:hover{-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background:#808080}



.psevdo_link{cursor:pointer; line-height:120%; color:var(--link-color); border-bottom:1px dashed var(--link-color); 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}

.switchBtns a{display:inline-block; position:relative; vertical-align:top; border:2px solid #BFBCBA; color:inherit; text-decoration:none; width:31px; height:30px}
.switchBtns a:first-child
{
	  margin-right:2px;
	  border-bottom-left-radius: 10px 10px;
	  border-top-left-radius: 10px 10px;
}

.switchBtns a:last-child
{
	  border-bottom-right-radius: 10px 10px;
	  border-top-right-radius: 10px 10px;
}

.switchBtns a b {
 display:block;
 position:relative;
}
.switchBtns a b:after {
 content: '';
 position: absolute; /* Абсолютное позиционирование */
 left: 0; top: 6px; /* Положение треугольника */
 border: 7px solid transparent;
 border-right: 12px solid #29282D;
}

.switchBtns a:last-child b:after
{
  border-right: none;
  left:8px;
  border-left: 12px solid #29282D;
}

.switchBtns a.mdl{margin-right:2px;}
.switchBtns a.mdl b:after
{
  border:none;
  background:#29282D;
  left:5px; right:5px; bottom:5px; top:5px; height:17px;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}


div.strComment{font-size:13px; line-height:1.3; padding-top:5px; color:var(--gray-color);}

.mainPage {
    position: absolute;
    max-width: 1800px;
    background: #FFFFFF;
    left: 100px;
    top: 92px;
    right: 0;
    bottom: 0;
    /*align: 200px auto 0 auto;*/
    padding: 50px 10% 5px 10%;
    z-index: 1;
    overflow-y: scroll;
}
.mainPage.unactive{z-index:0;}
.mainPage h1{font-weight:bold; margin:0; padding:0;  display:block;  padding-bottom:50px; font-size:48px;  overflow:hidden; text-overflow:ellipsis; line-height:1;}
.mainPage h2{font-weight:bold; margin:0; padding:0;  display:block;  padding-bottom:50px; font-size:32px;  overflow:hidden; text-overflow:ellipsis; line-height:1;}

body.modalOpened .mainPage{filter: blur(var(--modal-blur));}


#progressBar{position:fixed; left:0; right:0; top:0; bottom:0; display: flex; overflow: auto; padding:10px; z-index:1000000; background:url(/img/bp60.png); }
#progressBar div{margin:auto; padding:30px; min-width:200px; background:#FFFFFF; overflow:hidden; text-align:center; position:relative; padding-bottom:20px; border:1px solid #CCCCCC}
#progressBar div img_l{display:block; height:50px; background:url(/img/sand-timer.gif) no-repeat center center; background-size:contain}
#progressBar div text{display:block; padding-top:5px;}

#progressBar bar{display:block; position:absolute; left:0; bottom:0; right:0; height:10px;}
#progressBar line{display:block; position:absolute; left:0; bottom:0; top:0; width:0; background-color:var(--main-color)}

.pages_block{position:relative; text-align:center; padding:20px 60px}
.pages_block i{white-space:nowrap; font-style:normal; margin:0 10px; display:inline-block; // display: inline;}
.page{cursor:pointer; border:1px solid #DDDDDD; text-decoration:none; white-space:nowrap; background:#FFFFFF; color:var(--main-color); padding:5px 9px; margin:0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:1; display:inline-block; // display: inline;}
.page:hover{border-color:var(--main-color); text-decoration:none;}
.page.prev{position:absolute; left:0; margin:0; padding:5px}
.page.next{position:absolute; right:0; margin:0; padding:5px}

.pages_block .countInfo{position:absolute; left:0; top:0; bottom:0; padding-top:25px; font-size:14px;}

.page.sel{border-color:var(--main-color); cursor:default; color:#FFFFFF; background:var(--main-color)}


#pageLoading{ position:fixed; left:0; top:0; right:0; bottom:0; background:var(--main-bg-color); z-index:10000000; display: flex; justify-content: center; align-items: center;}
#pageLoading div{display:none!important; display:inline-block; width:150px; height:150px; background:url(/img/site/logo.svg) no-repeat center center; background-size:contain;
animation: rotate 2s linear infinite;}


pbar{display:block; height:4px; background:#E1E2EC; overflow:hidden; position:relative;}
pbar bar{display:block; position:absolute; left:0;top:0;bottom:0; background-color:var(--blue-color-dark);}

lHint{display:inline-block; vertical-align:middle; position:relative; z-index:1; overflow:visible}
lHint fa{display:flex; justify-content: center; align-items: center; font-size:13px; color:#FFFFFF; width:18px; height:18px; border-radius:50%; background-color:var(--blue-color-dark); cursor:pointer; margin-top:-1px}
lHint d{display:none; position:absolute; z-index:3; bottom:30px; right:-11px; width:250px; max-height:150px;  white-space:normal}
lHint d{padding:12px; border:1px solid var(--border-color); background:#FFFFFF; border-radius:4px; font-size:13px; line-height:1.3; color:inherit}
lHint d::before, lHint d::after {
    content: '';
    position: absolute;
    right: 10px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid var(--border-color);
   }
lHint d::after {
    border-top: 10px solid #FFFFFF;
    bottom: -19px;
   }

lHint.opened{z-index:2}
lHint.opened d{display:block}

switch{width:52px; height:32px; border-radius:100px; background-color:#0059C6; border:2px solid #0059C6; cursor:pointer; display:inline-block; vertical-align:middle; position:relative}
switch d{display:block; width:24px; height:24px; border-radius:50%; background:#FFFFFF; position:absolute; top:2px;}
switch.st0{background-color:#E1E2EC; border-color:#757780}
switch.st0 d{width:16px; height:16px; background:#757780; border:none; top:6px;}
switch.st0 d{left:6px;}
switch.st1 d{right:2px;}