.main-container { max-width: 1300px; margin: auto; }

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: rgba(232, 240, 254, 0) !important;
}

body, html {background-color: #f9f9f9 !important;}

.trumbowyg-box {max-width: 900px !important;}
.trumbowyg-box, .trumbowyg-editor{min-height: 150px !important;}

.h100vh{height: 100vh;}
.h90vh{height: 90vh;}
.h80vh{height: 80vh;}
.h70vh{height: 70vh;}

.max-w600px {max-width: 600px;}

/*цвета и фоны*/
.bg_author { background-image: url(../images/fone-login2.png); background-size: cover; background-position: center;}
.bg_dark_blue { background-color: #34495e; }
.bg_light_blue { background-color: #dbe5ea; }
.bg_lightgray1 { background-color: #ecf0f1; }
.bg_lightgray2 { background-color: #cccccc; }

.light_gray_color { color: #aaaaaa; }
.gray_color { color: #94a5a6; }
.blue_color { color: #2c96dd; }
.light_blue_color { color: #dbe5ea; }

.border_gray { border: 1px solid #bec3c7; }

.button_hover:hover { background-color: #2c3e50 !important; }

.holyday{background-color: #ffd7d7 !important;}

/*выравнивание по правому и верхнему краю для пунктов меню*/
.top_alignment { top: 0; }
.right_alignment { right: 0; }

/*высота по ширине экрана*/
.h100vh { height: 100vh; }

/*table*/
.display_table { display: table !important; }

/*Размер текста*/
.font_size790 { font-size: 790%;}

/*Полоса прокрутки*/
.overflow-y { overflow-y: scroll;}

.sub_window{
    left: -40px !Important;
    position: absolute;
    top: 60px !important;
}

/* стиль для ввода логина и пароля */
.style_input {
    background: none !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #ffffff !important;
    margin: 10px 0px;
    border-radius: 0px!important;
    text-align: center; color: #ffffff;
    font-size: 26px;
}

.style_input::placeholder { color: #ffffff; }
.style_input:focus { box-shadow: none !important;}

/*Стрелка выпадающего меню*/
.btn-group > .dropdown-menu::before {
   position: absolute;
   top: -7px;
   right: 9px;
   display: inline-block;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #CCC;
   border-left: 7px solid transparent;
   border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
.btn-group > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
  }

.top130 { top: 130% !important; }

.right-block-1{width: calc(100% - 310px);}

.main-title { position: absolute; width: 300px; left: 55px;}

/*чередование цветов для пунктов меню*/
.alternation > div:nth-child(2n) { background-color: #f7f7f7; }
/*===============================================*/
.row { margin-right: 0 !important; margin-left: 0 !important; }

.my-container{margin-left: 60px; }

.footer-block{ position: absolute; top: calc(100% + 5px); left: 0; }

.my-hover:hover{background-color: #34495e; color: #fff;}

.legend-ico{ top: -50px; right: 0;}

.row-flex {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    flex-basis: initial;
}

.vtac{top: 50%; transform: translateY(-50%);}

#my-check
{
    height: 30px;
    width: 30px;
    padding: 5px;
    margin: 10px;
}

.leaking:before 
{
    margin-left: 60px;
    content: " ";width: 30px;
    height: 400px;
    background: #fff;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;top: -150px;
    animation-timing-function: ease-in-out;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -khtml-transition: all 0.1s;
    -ms-transition: all 0.1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 

/* нужно для  .leaking */
@keyframes shakeme {0%   {transform: rotate(-7deg);}50%   {transform: rotate(7deg);}100% {transform: rotate(-7deg);}}
@keyframes slideme {0%   {left:-30px;margin-left: 0px;}30%   {left:110%;margin-left: 80px;}100% {left:110%;margin-left: 80px;}}
/* //////////// */

.animate {
    -webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

.quick-search {
    width: 100%;
    max-width: 270px;
    padding: 5px;
    position: relative;
    display: block;
}
.clear-quick-search{
    position: absolute !important;
    top: 13px !important;
    right: 28px !important;
}

.this-veil::before,.this-veil-2::before,.this-veil-3::before, .this-veil-xs::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    z-index: -1;
    background: rgba(5,35,56,0.6);
}

.this-veil-2::before {
    z-index: 2;
    background: rgba(0,0,0,0.05);
}
.this-veil-3::before {
    z-index: 0;
    background: rgba(0,0,0,0.6);
}


@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

.mySector { padding-top: 40px !important; padding-bottom: 50px !important; }


/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  /*-webkit-transform: translateZ(0);*/
  /*transform: translateZ(0);*/
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(247, 220, 25);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


@media screen and (max-width: 1660px)/*, screen and (max-width: 1330px)*/{
}
@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1366px)/*, screen and (max-width: 1330px)*/{
    .fz170prc { font-size: 140%; }
    .fz350prc { font-size: 200% !important; }
    .fz150prc { font-size: 150% !important; }
    .fz200prc { font-size: 200% !important; }
    .fz250prc { font-size: 200% !important; }
    .fz300prc { font-size: 200% !important; }    
    .fz450prc,.fz450prc { font-size: 300% !important; }        
}
@media screen and (max-width: 1330px){
    .fz170prc { font-size: 140%; }
}
@media screen and (max-width: 1015px){

}

@media screen and (max-width: 1015px){
    .fz450prc,.fz400prc { font-size: 250% !important; }        
}


@media screen and (max-width: 1136px){
    .fz350prc { font-size: 150% !important; }
    .fz150prc { font-size: 120% !important; }
    .fz200prc { font-size: 150% !important; }
    .fz250prc { font-size: 150% !important; }
    .fz300prc { font-size: 150% !important; }
    .fz400prc { font-size: 250% !important; }    

}

@media screen and (max-width: 840px){
}

@media screen and (min-width: 1200px) {
    .text-lg-left{ text-align: left !important; }
}
@media screen and (min-width: 992px) {
    .text-md-left{ text-align: left !important; }

}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .text-sm-left{ text-align: left !important; }  
    .text-sm-center { text-align: center !important; }

}

@media screen and (max-width: 240px), screen and (max-width: 480px), screen and (max-width: 540px), screen and (max-width: 768px)  {
    .text-xs-center { text-align: center !important; }
    .fz350prc { font-size: 150% !important; }
    .fz150prc { font-size: 120% !important; }
    .fz200prc { font-size: 150% !important; }
    .fz250prc { font-size: 150% !important; }
    .fz300prc { font-size: 150% !important; }
    .fz450prc { font-size: 150% !important; }
    .fz400prc { font-size: 200% !important; }
}

/*body .printable{display: none;}*/
@media print {
    div:not(.printable) {
        display:none;
    }

    .printable, div.printable * {
        display:block !important;
    }
}