:root
{
  --main-color: #72A4F9;
  --dop-color: #EDF3FC;
  --main-color-light: #AFD1D3;

  --font-color: #343434;

  --red-color: #B00000;
  --yellow-color: #E1C10B;
  --orange-color: #FF8000;
  --green-color: #00B000;
  --blue-color: #95DDFF;
  --blue-color-light: #D9E2FF;
  --blue-color-dark: #004397;
  --gray-color: #707070;
  --gray-dark-color: #545454;
  --gray-color-light: #818C99;
  --white-color: #FFFFFF;

  --main-bg-color: #DDE1EA;

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

  --modal-blur: 2px;

  --link-color:#0059C6;

  --fly-win-radius:5px;

  --scroll-bar-color:#72A4F9;
  --scroll-bar-bg-color:#F5F5F5;

  --blocker-color:#000000;
  --fly-win-bg-color: #FFFFFF;
}

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

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

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

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

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

body {
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
				font-family:Inter,Helvetica,Arial,sans-serif;
				font-size:15px;
				line-height:1.3;
    overflow-y:hidden;
    overflow-x:hidden;
    color:var(--font-color);
    background:var(--main-bg-color) no-repeat left top url(/img/site/bg.jpg);
    background-size:cover;
}

body.loading{overflow:hidden}

/*body.trace{padding-bottom:40px;}*/

.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}
.push1{clear:both; font-size:0; height:1px; border:none; margin:0; padding:0;}
.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}
.w100{width:100%;}

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

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

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

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

.siteButton{cursor:pointer; border:none; background:var(--main-color); color:#FFFFFF; padding:10px 30px;
border-radius: 6px;
display:inline-block; text-align: center; vertical-align:middle;
}
a.siteButton{text-decoration:none;!important;}
/*

*/

.siteButton:hover{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); /*transform: translate3d(0, -1px, 0);*/}

.siteButton fa{margin-right:10px;}

.siteButton.style2
{
	/*
	border:1px solid #A9AAAA;

 color:inherit;
 */
 background: linear-gradient(92.21deg, #31ADFD 0.45%, #51A8F9 49.1%, #72A4F8 92.88%);
 display: flex; justify-content: center; align-items: center;
 color: var(--white-color);

}





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

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

slides{display:flex; justify-content: center; align-items: center; margin-bottom:20px;}
slides slide{flex-grow:1; text-align:center; border-bottom:1px solid var(--border-color); padding-bottom:10px; padding-top:20px; cursor:pointer;}
slides slide.active{border-bottom: 3px solid var(--blue-color-dark); cursor:default}
slides slide a,
slides slide a:hover{text-decoration:none; color:inherit; display:block;}


switch{width:52px; height:32px; border-radius:100px; background-color:var(--main-color); border:2px solid var(--main-color); 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:#C5C6D0}
switch.st0 d{width:16px; height:16px; background:#C5C6D0; border:none; top:6px;}
switch.st0 d{left:6px;}
switch.st1 d{right:2px;}

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


#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.transparent .loader{opacity:0}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
    animation:
    spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
    border-color: var(--main-color);
    height: 90px;
    width: 90px;
    top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
    border-color: var(--main-color);
    height: 76px;
    width: 76px;
    top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
    border-color: var(--main-color);
    height: 62px;
    width: 62px;
    top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
    border-color: var(--main-color);
    height: 48px;
    width: 48px;
    top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
    border-color: var(--dop-color);
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {
    0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

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

.formLine{margin-bottom:12px;}
form .formLine:last-of-type{margin-bottom:0}

.formLine .name{margin-bottom:5px; font-size:90%;}
.formLine .name i{font-style: normal; color:#FF8040}
.formLine .hint{margin-bottom:5px; font-size: 80%; filter: contrast(30%);}


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

.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:block; position:absolute; left:5px; top:1px; bottom:1px; width:30px; background:url(/img/svg/dice.svg) no-repeat center center; background-size:contain; cursor:pointer; opacity:0.5}
.formLine .input .dice{transition: 0.5s;}
.formLine .input .dice:hover{opacity:1;}

.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:9px; border:1px solid var(--border-color-light); color:inherit;
   border-radius: 6px;
}

.formLine .input .likeInput{min-height:34px;}

/*.formLine select.ignore{background:url(/img/dropdown.png) no-repeat right 10px center;}*/
.formLine select.ignore option{line-height:1.3}

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;*/
   background:#FFFFFF;
}

.formLine .input input.err,
.formLine .input textarea.err,
.formLine .input .likeInput.err
{
   border-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:30px; margin-bottom:7px; font-size:90%;}
.formLine .input .chkBoxArrLine:last-child{margin-bottom:0}
.formLine .chkBoxArrLine div small{font-size:80%; color:#8F816E; padding-top:5px; display:block;}

.formLine .chkBoxArrLine chk{display:block; position:absolute; left:0; top:-1px;}

.formLine .chkBoxArrLine chk .jq-checkbox{width:20px; height:20px; background:transparent; padding:0;box-shadow:none}

.formLine .chkBoxArrLine chk .jq-checkbox.checked{background:transparent}
.formLine .chkBoxArrLine chk .jq-checkbox.checked div{background:transparent; box-shadow:none; width:auto; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:0; border-radius:0;}
.formLine .chkBoxArrLine chk .jq-checkbox.checked div:before
{
  content: '\f00c';
  position:absolute; left:0; top:0; bottom:0; right:0;
  display:flex; justify-content: center; align-items: center;
  font-size:14px; color: var(--main-color);
  font-family:fontAwesome; font-style:normal;
}

.formLine .chkBoxArrLine chk .jq-radio{width:20px; height:20px; background:transparent; padding:0; box-shadow:none;position:relative;}
.formLine .chkBoxArrLine chk .jq-radio.checked div{margin:0; padding:0; background:var(--main-color); width:auto; height:auto; box-shadow:none; position:absolute; left:3px; top:3px; right:3px; bottom:3px; border-radius:50%;}

.formLine .input{position:relative;}
.formLine .input.three{display: flex; justify-content: center; align-items: center;}
.formLine .input.three > *
{
	 flex: 1;
}
.formLine .input.three div{flex:0}
.formLine .input.three input:nth-child(2),
.formLine .input.three div{margin: 0 10px;}

.formTwoLine{display: flex;}
.formTwoLine .formLine
{
	 flex: 1;
}

.formTwoLine .formLine:first-child{margin-right:5px;}
.formTwoLine .formLine:last-child{margin-left:5px;}

.blocker.flywin .formLine .name{/* color:var(--gray-dark-color)*/}


.formLine .input.loading input,
.formLine .input.loading select
{
  border-color:var(--blue-color);
  padding-left:30px;
}
.formLine .input.loading:before
{
  content: '\f110';
  position:absolute; left:0; top:0; bottom:0; width:30px;
  display:flex; justify-content: center; align-items: center;
  font-size:14px; color: var(--blue-color);
  font-family:fontAwesome; font-style:normal;
  animation: rotate 2s linear infinite;
}

.formLine .input.ok input,
.formLine .input.ok select
{
  border-color:var(--green-color);
  padding-left:30px;
}
.formLine .input.ok:before
{
  content: '\f058';
  position:absolute; left:0; top:0; bottom:0; width:30px;
  display:flex; justify-content: center; align-items: center;
  font-size:14px; color: var(--green-color);
  font-family:fontAwesome; font-style:normal;
}

.formLine .input.error input,
.formLine .input.error select
{
  border-color:var(--red-color);
  padding-left:30px;
}
.formLine .input.error:before
{
  content: '\f057';
  position:absolute; left:0; top:0; bottom:0; width:30px;
  display:flex; justify-content: center; align-items: center;
  font-size:14px; color: var(--red-color);
  font-family:fontAwesome; font-style:normal;
}



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

.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices
{
  box-shadow:none!important;
  border-radius: 6px!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; max-height:150px;}
.chzn-container .chzn-results li{padding: 10px!important;}

.chzn-container-active.chzn-with-drop .chzn-single{background:#FFFFFF!important}

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

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

.chzn-container-single .chzn-single
{
	 background:transparent; font-family:inherit;
  font-size:14px; padding:9px!important; line-height:18px; border:1px solid var(--border-color-light); color:inherit;
}

.chzn-container .chzn-drop
{
  border:1px solid var(--font-color)!important;
  box-shadow:none!important;
  border-radius: 0!important;
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  background:#FFFFFF!important;
  color:inherit!important;
}

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

.blocker{display: flex; justify-content: center; align-items: center; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1000; padding:10px;}
.blocker{backdrop-filter: blur(var(--modal-blur)) grayscale(90%);}
.blocker:before
{
  display: block;
	 content: '';
	 z-index: 0;
  position: fixed;
  left: 0!important; top: 0; bottom:0; right:0;
  overflow:hidden;
  background:var(--blocker-color);
  opacity:0.4;
}

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

#flyLoading pBar{margin-top:5px;}
.blocker#flyLoading{backdrop-filter:none}
.blocker#flyLoading:before{background:transparent}


.blocker.notice{z-index:100000; justify-content: right; align-items: flex-end;}
.blocker.notice::before{background:#000000; opacity:0.5}

.blocker.notice content{background:#FFFFFF;
  width:360px;
  overflow:auto;
  min-height:80vh;
  }

.blocker.notice content .txt div
{
   padding:16px 20px;
   border-bottom:1px solid #C5C6D0;
   cursor:pointer;
}

.blocker.notice content .txt div status{display:block; font-size:12px; line-height:1.2; margin-bottom:5px;}
.blocker.notice content .txt div name{display:block; font-size:16px; line-height:1.2; font-weight:bold; margin-bottom:10px}
.blocker.notice content .txt div text{display:block; font-size:14px; line-height:1.2;}

.blocker.notice content .txt div date{display:inline-block; font-size:12px; line-height:1; padding:5px 10px; margin-top:5px; background:#EEEEEE; border-radius:3px; color:#464646}

.blocker.notice content .txt div.readed{opacity:0.7}
.blocker.notice content .txt div.readed name{font-weight:normal}

.blocker.notice content .txt div:hover{opacity:1}

.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;
  */
}
                                                   /*  var(--green-color)*/
.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.message .siteButton.style2{margin-top:10px; padding: 6px 12px; align-items: center; justify-content: start;}

.blocker.message .btnInLine{}


.blocker.flywin,
.blocker.flywin:before{left:0;}
                      /*box-shadow: 0 0 10px 1px #646464;*/
.blocker.flywin block{border-radius:var(--fly-win-radius); background-color: var(--fly-win-bg-color); overflow:hidden}

.blocker.flywin content
{
  padding:10px 20px;
  font-size: inherit;
  min-width:40vw;
  max-width:calc(100vw - 360px);
  overflow:auto;
  max-height:calc(100vh - 200px);
}
.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:10px 20px; font-weight:normal; font-size:130%; }
.blocker.flywin h1{padding-bottom:10px; padding-top:20px; border-bottom:1px solid #CCCCCC}
.blocker.flywin btns{padding-top:10px; padding-bottom:20px; font-size:100%; border-top:1px solid #CCCCCC; min-height:70px; position:relative;}
.blocker.flywin btns .siteButton{padding:6px 10px; display:inline-block; margin-right:10px;}

.blocker.flywin btns .siteButton[act=update]{position:absolute; right:20px; top:10px; margin:0; width:40px; text-align:center;}
.blocker.flywin btns .siteButton[act=update] fa{margin:0;}


.blocker.flywin searchZone{display:block; margin:-20px; margin-bottom:20px; background:var(--fly-win-bg-color); 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}

.blocker.flywin .sideScroll{position:absolute; left:20px; top:0; bottom:0; width:40px; display:flex; justify-content: center; align-items: center;}
.blocker.flywin .sideScroll.next{left:auto; right:20px;}
.blocker.flywin .sideScroll .siteButton.style2{width:100%; height:40%; padding:0;}

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

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

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

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

.info:not(.message){font-size:80%; color:#0074E8; padding-left:20px; position:relative; display:block;}
.info:not(.message)::before
{
  content: '\f05a';
  position:absolute; left:0; top:-4px;
  font-size:16px; color: inherit;
  font-family:fontAwesome; font-style:normal;
}

.dataTBL th .info{color:inherit}

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

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

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



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:auto 50%;}
body.err404 div t{display:block; padding:10px 0 20px 0; font-size:86px; color:var(--main-color)}
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:var(--dop-color)}


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

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

#devMode{position:fixed; top:25px; width:100px;  left:140px; z-index:1000000; text-align:center; font-size:14px; padding:5px 10px; border:1px solid #000000; background:#FF9797}



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

.pagesZone{position:relative; text-align:center; padding:10px; padding-bottom:0;}
.pagesZone i{white-space:nowrap; font-style:normal; margin:0 10px; display:inline-block; // display: inline;}
.pagesZone .page{margin:0 5px; padding:6px 12px; font-size:14px; text-decoration:none; white-space:nowrap;  display:inline-block; // display: inline;}

.pagesZone .page.prev{position:absolute; left:0; margin:0; padding:5px}
.pagesZone .page.next{position:absolute; right:0; margin:0; padding:5px}
.pagesZone .page.sel{border-color:var(--main-color); cursor:default; color:#FFFFFF; background:var(--main-color-light)}

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

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

.dataTBL{border-collapse: collapse; width:100%;}

.dataTBL th,
.dataTBL tr td{text-align:left; font-weight:normal; vertical-align:top; border-bottom:1px solid var(--border-color-light); padding:10px}
.dataTBL tr:last-child td{border-bottom:none}

.dataTBL tr:hover td{background:#F5F5F5}

.dataTBL th{padding:0; background:var(--main-color); color:#FFFFFF; vertical-align:middle}
.dataTBL th div{padding:10px; height:100%; position:relative;}
.dataTBL th div.sortIn{padding-right:20px;}
.dataTBL th div.sortIn a.sortLink{position:absolute; right:0; width:20px; height:50%; font-size:12px; text-decoration:none; color:var(--link-color); display: flex; justify-content: center; align-items: center;}
.dataTBL th div.sortIn a.sortLink.asc{top:0;}
.dataTBL th div.sortIn a.sortLink.desc{bottom:0;}

.dataTBL th div.sortIn a.sortLink.sel{color:var(--orange-color);}

.dataTBL th{border-right:1px solid #FFFFFF}
.dataTBL tr th:last-child{border-right:none}

.dataTBL td .dpZag,
.dataTBL td .dpZag .dpZagDp{font-size:110%}

.dataTBL td .dpLine{font-size:80%; color:var(--gray-dark-color); margin-top:3px;}
.dataTBL td .dpLine.warn{position:relative; padding-left:20px; color:var(--orange-color); margin-top:5px;}
.dataTBL td .dpLine.warn:before
{
	 content: '\f071';
  position:absolute; left:0; top:-1px;
  display:flex; justify-content: center; align-items: center;
  font-size:14px; color:inherit;
  font-family:fontAwesome; font-style:normal;
}

.dataTBL .recOnPageCount{font-size:80%; display:block;}

.dataTBL .btnLine{margin:0 -5px -5px 0; padding-top:5px;}
.dataTBL .btnLine .siteButton.style2{margin:0 5px 5px 0; padding: 6px 12px; align-items: center; justify-content: start; display:inline-block;}


.dataTBL .btnRow{}
.dataTBL .btnRow .siteButton.style2{margin-bottom:5px; padding:3px 7px; display:block; width:100%;}
.dataTBL .btnRow .siteButton.style2 fa{margin:0;}
.dataTBL .btnRow .siteButton.style2:last-child{margin-bottom:0;}


.dataTBL .btns{padding-right:0;}
.dataTBL .btns fa{cursor:pointer; font-size:120%}
.dataTBL .btns fa[act=editContentItem]{color:var(--yellow-color); cursor:pointer;}
.dataTBL fa[act=resetFilter]{color:var(--red-color); cursor:pointer;}


.checkable .dataTBL tbody tr td:first-child{padding-left:30px;}
.checkable .dataTBL tbody tr td:first-child .dpZag{position:relative; cursor:pointer}
.checkable .dataTBL tbody tr td:first-child .dpZag:before
{
	 content: '\f096';
  position:absolute; left:-22px; top:-2px;
  display:flex; justify-content: center; align-items: center;
  font-size:110%; color:inherit; color:var(--blue-color-dark);
  font-family:fontAwesome; font-style:normal;
}


.dataTBL tbody tr.checked td:first-child .dpZag:before
{
	 content: '\f046';
}

.dataTBL tbody tr.checked td{background-color:#FEFFE6}

.dataTBL tbody tr.unactive{opacity:0.6}

.dataTBL tbody tr.unactive .dpZag:first-child,
.dataTBL tbody tr.unactive .dpZag.m{padding-left:25px; position:relative;}
.dataTBL tbody tr.unactive .dpZag:first-child:before,
.dataTBL tbody tr.unactive .dpZag.m:before
{
	 content: '\f256';
  position:absolute; left:0px; top:-2px;
  display:flex; justify-content: center; align-items: center;
  font-size:115%; color:inherit; color:var(--red-color);
  font-family:fontAwesome; font-style:normal;
}

.dataTBL tbody tr.unactive:hover{opacity:1}

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

.scrolledTbl{max-height:calc(100%); overflow:auto; position:relative;}
.scrolledTbl.withPages{max-height:calc(100% - 50px);}

.scrolledTbl .flyTblHead{position:absolute; left:0; top:0px; z-index:2; width:100%}

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

.addressTBL{}

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

.xdsoft_datetimepicker{z-index:999909!important}

dataBlock{display:block; position:relative; border:1px solid var(--border-color); padding:10px; padding-top:20px; border-radius:5px; margin-top:18px;}
dataBlock hdr{display:block; position:absolute; top:-11px; left:5px; padding:0 5px; background:var(--main-bg-color )}
dataBlock data{display:block;}
.blocker.flywin dataBlock hdr{background:var(--fly-win-bg-color)}


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

.sort_me{padding:0; margin:0; list-style:none}
.sort_me li{padding:5px 0 0 0; position:relative;}
.sort_me li div.in{padding:10px; background:#FFFFFF; border:1px solid #CCCCCC; cursor:default; position:relative; padding-left:25px; padding-right: 150px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort_me li div.in:hover{border-color:#909090}
/*.sort_me li div.in:hover{border-color: #808080}*/
.sort_me .parent{font-weight:bold}
.sort_me .ns{border:1px solid #CCCCCC; color:#CCCCCC; background:#F2F2F2}

/*.sort_me li div{color:#808080; font-size:12px}*/
.sort_me .move{position:absolute; left:0; top:0; bottom:0; width:25px; cursor:pointer; display:flex; align-items: center; justify-content: center;}
.sort_me .move.dsbled{filter: grayscale(1); opacity:0.2}
.sort_me li.no_sort .move{filter: grayscale(1); opacity:0.2}

.sort_me .btns
{
 position:absolute; right:0; top:0; bottom:0;
 display:flex; align-items: center; justify-content: end;
}
.sort_me .btns fa{margin-right:10px; cursor:pointer;}
.sort_me fa{font-size:18px;}

.sort_me .btns fa[act=slide]{}
.sort_me .btns fa.opened[act=slide]{transform: rotate(180deg);}

.sort_me .iBtn.edit{left:auto; right:80px;}
.sort_me .iBtn.delete{left:auto; right:50px;}

.sort_me li.noActions .iBtn:not(.droper){display:none}
.sort_me li.noActions div.in{padding-left:15px}

.ui-sortable-helper .iBtn{z-index:2}

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

id{display:inlne-block; vertical-align:top; font-size:70%; color:var(--gray-color)}

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

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

.state.color1{border-color:#0059C6}
.state.color1:before{background:#0059C6}

.state.color2{border-color:#82AAFF}
.state.color2:before{background:#82AAFF}

.state.color3{border-color:#44474F}
.state.color3:before{background:#44474F}

.state.color4{border-color:#BA1A1A}
.state.color4:before{background:#BA1A1A}

.state.color5{border-color:#FF8040}
.state.color5:before{background:#FF8040}

.state.color6{border-color:#008040}
.state.color6:before{background:#008040}

.state.color7{border-color:#FF84FF}
.state.color7:before{background:#FF84FF}

.state.color8{border-color:#DFDF00}
.state.color8:before{background:#DFDF00}

.state.color9{border-color:#8080FF}
.state.color9:before{background:#8080FF}

.state.no_color{padding-left:5px}
.state.no_color:before{display:none;}

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

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

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

ul.slidesZone{display:block; padding:0; margin:0; list-style-type:none; white-space:nowrap; border-bottom:1px solid var(--border-color); overflow:visible;}
ul.slidesZone li{display:inline-block; vertical-align:top;  margin-right:5px; border:1px solid var(--border-color-light); border-bottom:none; border-top-left-radius: 3px; border-top-right-radius: 3px;}
ul.slidesZone li > *{text-decoration:none; display:block; padding:7px 18px; font-size:90%; line-height:1; color:inherit;}
ul.slidesZone li:not(.active){cursor:pointer; background:#f5f5f5; color:#888888}
ul.slidesZone li.active{border-color:var(--border-color);  margin-bottom:-1px; background:#FFFFFF; cursor:default}
ul.slidesZone li.active > * {padding-bottom:8px;}

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

ul.myUl{margin:0; padding:0; list-style-type:none;}
ul.myUl li{display:block; position:relative; padding-left:20px; line-height:1.5}
ul.myUl li::before
{
   content: '\f0da';
   display: block; position:absolute; left:0; top:0;
   padding: 0;
   font-family:fontAwesome; font-style:normal;
}


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

.flywin h1 .state::before{top:10px}
.flywin h1 .state{vertical-align:middle}

.flywin h1 id{font-size:50%}

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

.langSelect{text-align:Center;}
.langSelect a{margin:5px; display:inline-block; height:30px; aspect-ratio: 1.2 / 1; background:no-repeat center center; background-size:cover; border:1px solid var(--gray-color-light)}
.langSelect a[rel=ru]{background-image:url(/_file/_lang/ru.svg)}
.langSelect a[rel=en]{background-image:url(/_file/_lang/en.svg)}
.langSelect a[rel=de]{background-image:url(/_file/_lang/de.svg)}

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

#header{position:fixed; left:10px; top:10px; right:10px; height:60px; z-index:5;
background: var(--white-color); border-radius:10px;}

#flyLogo{display:block; width:140px; position:absolute; background:url(/img/site/logo.svg) no-repeat left top; background-size:contain; left:20px; top:20px;  z-index:1; color:var(--font-color); white-space:nowrap; text-decoration:none; line-height:40px; font-size:18px;}
#flyLogo t{visibility:hidden}
#flyLogo{position:fixed; z-index:1000000;}

.avatar{height:50px; width:50px; border-radius:50%; margin:0; background:no-repeat center center var(--main-color); background-size:cover; display: flex; justify-content: center; align-items: center;}
.avatar t{font-size:130%; color:inherit; padding:0; margin:0; line-height:1;} /*text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);*/
                                                                                                                /*bottom:5px; padding:5px; background:#FFFFFF; border-radius:5px;*/
#header uBlock{display:flex; justify-content: center; align-items: center; flex-wrap: nowrap; position:absolute; right:20px; top:5px;}
#header uBlock > div:nth-child(2){margin:0 15px;}
#header uBlock > div:nth-child(2) div:first-child{font-size:16px; line-height:20px; max-width:230px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#header uBlock > div:nth-child(2) div:last-child{font-size:13px; line-height:16px; color:var(--gray-color-light)}
#header uBlock > div:nth-child(2) div.state{color:inherit; border:none;}
#header uBlock a{display:block; width:25px; height:25px; background:url(/img/site/exit.svg) no-repeat center center; background-size:contain}

#header time{position:absolute; right:400px; top:0; bottom:0; display:flex; justify-content: center; align-items: center; font-size:180%;}

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


#menu{display:block; position:fixed; left:10px; top:90px; bottom:10px; width:280px; overflow:auto; z-index:4; /*padding-top:10px;*/
background:var(--white-color); border-radius:10px;}

#siteMenu{list-style-type:none; display:block;}
#siteMenu li{display:block; border-bottom:1px solid #CCCCCC;}
#siteMenu li a{display:block; padding:20px; font-size:14px; text-decoration:none; color:#000040; display: flex; align-items: center; justify-content: start;}
#siteMenu li a fa{margin-right:8px; font-size:26px; min-width:30px;}
#siteMenu li a:hover{padding-left:30px;}

#siteMenu li.active{padding:10px;}
#siteMenu li.active a{padding:10px; background:#FFFFFF; border-radius:5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20); position:relative;}
#siteMenu li.active a:after
{
  content: '\f061';
  display: block; position:absolute; right:10px; top:0; bottom:0;
  color: inherit;
  padding: 0;
  font-family:fontAwesome; font-style:normal;
  display: flex; justify-content: center; align-items: center;
  opacity:0.3;
}

#siteMenu li:last-child{border-bottom:0;}


.pageSearchZone{position:fixed; left:310px; top:90px; z-index:3; background:#FFFFFF; right:10px;}
.pageSearchZone mainSearchZone{display:block; position:relative;}
.pageSearchZone mainSearchZone.formLine .input input{padding:7px; padding-left:35px; padding-right:120px; line-height:22px;}
.pageSearchZone mainSearchZone submitBtn{position:absolute; left:10px; top:0; bottom:0; cursor:pointer;}


.pageSearchZone mainSearchZone .actionsZone{position:absolute; right:10px; top:0px; bottom:0; display: flex; justify-content: center; align-items: center;}
/*
.pageSearchZone mainSearchZone .actionsZone btn{color:var(--main-color); cursor:pointer;}
.pageSearchZone mainSearchZone .actionsZone btn t{margin-left:8px;}
.pageSearchZone mainSearchZone .actionsZone actions{position:absolute; right:-10px; top:35px; padding:10px; border:1px solid var(--border-color); background:#FFFFFF; display:block; border-radius:3px}
.pageSearchZone mainSearchZone .actionsZone actions .siteButton{white-space:nowrap; padding-top:5px; padding-bottom:5px; margin-bottom:10px;}
.pageSearchZone mainSearchZone .actionsZone actions .siteButton:last-child{margin-bottom:0}

.pageSearchZone mainSearchZone .actionsZone .siteButton.style2{padding:0; margin-right:20px; width:24px; height:24px; border-radius:50%; display: flex; justify-content: center; align-items: center;}
.pageSearchZone mainSearchZone .actionsZone .siteButton.style2 fa{margin:0;}

.pageSearchZone mainSearchZone .actionsZone actions::before, .pageSearchZone mainSearchZone .actionsZone actions::after {
    content: '';
    position: absolute;
    right: 10px; top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
   }
.pageSearchZone mainSearchZone .actionsZone actions::after {
    border-bottom: 10px solid #FFFFFF;
    top: -19px;
   }
/*body.modalOpened .pageSearchZone{filter: blur(var(--modal-blur));}*/


.pageFilterZone{position:fixed; right:10px; top:140px; bottom:10px; z-index:3; background:var(--white-color); width:340px; padding:10px;
border-image: linear-gradient(#FFFFFF, #CCCCCC, #FFFFFF) 1%;
border-left-width: 1px;
border-left-style: solid; overflow-x:visible; overflow-y:auto; border-radius:10px;}

.pageFilterZone .zg{display:flex; align-items: center; justify-content: start; margin-bottom:10px; padding-bottom:5px; padding-top:5px; line-height:1; border-bottom:1px solid #CCCCCC; font-size: 120%;}
.pageFilterZone .zg fa{position:relative; font-size:150%; margin-right:10px;}

.pageFilterZone .zg.active fa:after
{
    content: '';
    position: absolute;
    right:-5px; top: -3px;
    width:9px; height:9px;
    border-radius:50%;
    background:#FF8204
}

.pageFilterZone dopBtns{padding-top:10px; display:block;}
.pageFilterZone dopBtns .siteButton{display:inline-block; padding: 6px 10px;}
.pageFilterZone dopBtns .siteButton.cansel{margin-left:10px}


/*.pageFilterZone dopFields.fastAction{display: flex; justify-content: space-between; flex-wrap: wrap;}*/
.pageFilterZone dopFields.fastAction .siteButton{padding:6px 12px; margin-bottom:5px; justify-content: start;}
.pageFilterZone dopFields.fastAction .siteButton:last-child{margin-bottom:0;}

.pageFilterZone dopFields.groupAction .siteButton{padding:6px 10px; margin-bottom:5px; justify-content: start;}
.pageFilterZone dopFields.groupAction div.tc{margin-bottom:15px;}
/*.pageFilterZone dopFields .siteButton:last-child{margin-bottom:0;}*/

/*body.modalOpened .pageFilterZone{filter: blur(var(--modal-blur));}*/

.pageFilterZone .push10{height:20px}
/*--------------------------------------------------------------------------------------------------------------------*/

.h1Zone{position:fixed; left:310px; top:10px; font-size:180%; z-index:6; height:60px; display: flex; justify-content: center; align-items: center;}
.pageZone{position:fixed; left:310px; top:90px; right:10px; bottom:10px; background:var(--white-color); overflow:auto; border-radius:10px; padding:10px;}
.pageZone.withSearch{top:140px}
/*.pageZone.withFilter{right:360px}*/
/*body.modalOpened .pageZone{filter: blur(var(--modal-blur));}*/



/*.chzn-container .chzn-results .active-result, option{white-space:pre-wrap}*/

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

.contentControl{}
.contentControl div:first-child{border:1px solid var(--border-color-light); border-radius:3px; text-align:center; margin-bottom:5px; padding:5px; min-width:70px; background:#F5F5F5; color:#808080}
.contentControl.active div:first-child{border-color:var(--green-color); color:inherit; background-color:#E9FFE6}

.contentControl .contentFastSave{margin:0!important; padding:0!important;}
.contentControl .contentFastSave .input{position:relative; display:block;}
.contentControl .contentFastSave .input countControlBtn{z-index:1; top:8px; display:block; position:absolute; width:22px; height:22px; border-radius:50%; background:#CCCCCC; cursor:pointer;}
.contentControl .contentFastSave .input countControlBtn:before
{
  content: '';
  display: block; position:absolute; right:0; top:0; bottom:0; left:0;
  font-size:14px; color:#FFFFFF;
  font-family:fontAwesome; font-style:normal;
  display: flex; justify-content: center; align-items: center;
}
.contentControl .contentFastSave .input countControlBtn[act="minus"]{left:5px; background:#FF8282}
.contentControl .contentFastSave .input countControlBtn[act="minus"]:before{content: '\f068';}
.contentControl .contentFastSave .input countControlBtn[act="plus"]{right:5px;background:#00CE00}
.contentControl .contentFastSave .input countControlBtn[act="plus"]:before{content: '\f067';}
.contentControl input{border:none!important; z-index:0; text-align:center!important; width:130px!important; padding:8px 30px!important; font-size:120%!important;}

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

.contentControl .contentFastSave .input loader2
{
	 display:none; position:absolute; left:0; top:0; bottom:0; right:0;  z-index:5;
	 backdrop-filter: blur(var(--modal-blur)) grayscale(90%);
}
.contentControl .contentFastSave .input loader:before
{
  content: '';
  display: block; position:absolute; right:0; top:0; bottom:0; left:0;
  background:#FFFFFF;
  opacity:0.5;
  z-index:1;
}
.contentControl .contentFastSave .input loader2:after
{
  content: '';
  display: block; position:absolute; right:0; top:0; bottom:0; left:0;
  font-size:150%; color:inherit;
  font-family:fontAwesome; font-style:normal;
  display: flex; justify-content: center; align-items: center;
  z-index:2;
}

.contentControl .contentFastSave .input.loading2 loader2:after
{
  content: '\f110';
  animation: rotate 2s linear infinite;
}

.contentControl .contentFastSave .input.ok2 loader2:after
{
  content: '\f00c';
  color: var(--green-color);
}

.contentControl .contentFastSave .input.error2 loader2:after
{
  content: '\f057';
  color: var(--red-color);
}

.contentControl .contentFastSave .input.loading2 loader2,
.contentControl .contentFastSave .input.ok2 loader2,
.contentControl .contentFastSave .input.error2 loader2{display:block;}

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

.contentControl .siteButton{line-height:1; padding:3px; display:block;}
.contentControl .siteButton fa{margin:0}

.fileIcon{width:60px; height:60px; display:inline-block; background:no-repeat center center; background-size:cover}
.fileIcon.doc,
.fileIcon.docx{background-image:url(/img/svg/doc.svg); background-size:auto 90%}

.fileIcon.xls,
.fileIcon.xlsx{background-image:url(/img/svg/xls.svg); background-size:auto 90%}

.fileIcon.pdf{background-image:url(/img/svg/pdf.svg); background-size:auto 90%}

.fileIcon.img{background-image:url(/img/svg/img.svg); background-size:auto 90%}


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


.dataTBL .btnRow{text-align:left;}
/*
.dataTBL .btnRow .siteButton.style2{display:inline-block; margin-bottom:15px; padding:0; width:24px; height:24px; background:transparent no-repeat center center; background-size:contain; }
.dataTBL .btnRow .siteButton.style2:last-child{margin-bottom:0;}
.dataTBL .btnRow .siteButton.style2:hover{}
.dataTBL .btnRow .siteButton.style2 fa{display:none;}

.dataTBL .btnRow .siteButton.style2[act=edit]{background-image:url(/img/site/icons/btn_edit.svg)}
.dataTBL .btnRow .siteButton.style2[act=delete]{background-image:url(/img/site/icons/btn_delete.svg); width:20px; height:20px;}
.dataTBL .btnRow .siteButton.style2[act=auth]{background-image:url(/img/site/icons/btn_auth.svg); width:20px; height:20px;}
.dataTBL .btnRow .siteButton.style2[act=reSync]{background-image:url(/img/site/icons/btn_reSync.svg); width:20px; height:20px;}
*/

.dataTBL .btnRow .siteButton.style2:hover{box-shadow:none; filter: contrast(200%);}


.dataTBL thead tr th{border-bottom:none}

.dataTBL thead tr th:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.dataTBL thead tr th:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.pageSearchZone{background:transparent}
.pageSearchZone input{background:#FFFFFF!important; padding-right:300px;}
.pageSearchZone mainSearchZone .actionsZone .siteButton.style2{margin-left:10px; padding:3px 16px;}


.blocker.flywin btns .siteButton.style2{height:40px; padding:0 40px; display:inline-flex; justify-content: center; align-items: center;}
.blocker.flywin btns .siteButton.style2:not([act=update]) fa{display:none;}

.blocker.flywin btns .siteButton.style2[act=close]{background:#FFFFFF;border: 2px solid #51A8F9; color:inherit}
/*.blocker.flywin btns .siteButton.style2:hover{box-shadow:none;}*/

.blocker.flywin closer{width:20px; height:20px; background:url(/img/site/icons/btn_close.svg) no-repeat center center; background-size:contain}
.blocker.flywin closer fa{display:none}

/*
.blocker.flywin btns .siteButton[act=update]{position:absolute; right:20px; top:10px; margin:0; width:40px; padding:0; text-align:center;}
.blocker.flywin btns .siteButton[act=update] fa{margin:0;display:block;}
*/