/*!
 *   Mars-l v3.1.0
 *   Author: ASP-Group
 *   Website: MarsL.ru <https://marsl.ru>
 *   License: Open source - TopSecret
 FileName: adminlte_main.css
 */
html.old-mode {
	background: #010912;
}
 
.overlay-wrapper {
    position: relative;
}

.wrapper .overlay {
	border-radius: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .7);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.dark-mode .wrapper .overlay {
background-color: rgba(0, 0, 0, .5);
}

.ajax_loader {
    /* background: url("spinner_squares_circle.gif") no-repeat center center transparent; */
    width: 100%;
    height: 100%;
}

.blue-loader .ajax_loader {
    background: url("/dist/images/ajax-loader_blue.gif") no-repeat center center transparent;
}

.registration__loader {
    height: 40vh;
    background: url("/dist/images/ajax-loader_blue.gif") no-repeat center center transparent;
    display: none;
}

/*
.wrapper .content-wrapper {
  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
*/
.close:hover, [aria-label="Close"]:hover, .mailbox-attachment-close:hover {
    color: red;
    text-decoration: none;
}

#myModal form {
    margin: 0 !important;
}

/*****  preloader  *****/
#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: #000; */
    background: #234f66;
    /*ракета*/
    z-index: 100500;
}

#page-preloader .spinner {
    margin: 0 auto;
    position: absolute;
    /* top: 47%; */
    top: 35%;
    /*ракета*/
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* width: 100px; /*для анимации*/
    width: 300px;
    /*для логотипа*/
    height: 100px;
}

/* #page-preloader .spinner img{height: 100vh !important;} */
#page-preloader .spinner hr {
    border: 0;
    margin: 0;
    width: 20%;
    height: 20%;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spin 2s ease infinite;
    animation: spin 2s ease infinite;
}

#page-preloader .spinner hr:first-child {
    background: #009dd2;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

#page-preloader .spinner hr:nth-child(2) {
    background: #fff;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

#page-preloader .spinner hr:nth-child(3) {
    background: #009dd2;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

#page-preloader .spinner hr:last-child {
    background: #fff;
}

/*****/
.no-visibility {
    visibility: hidden;
}

.m0 {
    margin: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.bilkil h1,.bilkil h2,.bilkil h3 {
    font-family: 'BistroC';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/BistroC.ttf) format('truetype');
    text-transform: uppercase;
    color: #FFEB3B;
}

.b {
    font-weight: 700 !important;
}

.pointer {
    cursor: pointer;
}

.pointer_kind {
    cursor: url(/dist/images/n.cur), pointer !important;
}

.pointer_drop {
	cursor: no-drop;
}

.no-pointer {
    cursor: auto !important;
}

/***** ширина *****/
.w100 {
    width: 100% !important
}

.w90 {
    width: 90% !important
}

.w80 {
    width: 80% !important
}

.w70 {
    width: 70% !important
}

.w60 {
    width: 60% !important
}

.w50 {
    width: 50% !important
}

.w40 {
    width: 40% !important
}

.w30 {
    width: 30% !important
}

.w20 {
    width: 20% !important
}

.w10 {
    width: 10% !important
}
.maw100 {
    max-width: 100% !important
}

.maw90 {
    max-width: 90% !important
}

.maw80 {
    max-width: 80% !important
}

.maw70 {
    max-width: 70% !important
}

.maw60 {
    max-width: 60% !important
}

.maw50 {
    max-width: 50% !important
}

.maw40 {
    max-width: 40% !important
}

.maw30 {
    max-width: 30% !important
}

.maw20 {
    max-width: 20% !important
}

.maw10 {
    max-width: 10% !important
}
.miw100 {
    min-width: 100% !important
}

.miw90 {
    min-width: 90% !important
}

.miw80 {
    min-width: 80% !important
}

.miw70 {
    min-width: 70% !important
}

.miw60 {
    min-width: 60% !important
}

.miw50 {
    min-width: 50% !important
}

.miw40 {
    min-width: 40% !important
}

.miw30 {
    min-width: 30% !important
}

.miw20 {
    min-width: 20% !important
}

.miw10 {
    min-width: 10% !important
}
/***** высота *****/
.h100 {
    height: 100% !important
}

.h90 {
    height: 90% !important
}

.h80 {
    height: 80% !important
}

.h70 {
    height: 70% !important
}

.h60 {
    height: 60% !important
}

.h50 {
    height: 50% !important
}

.h40 {
    height: 40% !important
}

.h30 {
    height: 30% !important
}

.h20 {
    height: 20% !important
}

.h10 {
    height: 10% !important
}

.autocopy {
	cursor: copy;
}

.font-xs {
	font-size: .25rem !important;
}
.font-sm {
	font-size: .5rem !important;
}
.font-md {
	font-size: .75rem !important;
}
.font-lg {
	font-size: 1.25rem !important;
}
.font-1x {
	font-size: 1rem !important;
}
.font-2x {
	font-size: 1.5rem !important;
}
.font-3x {
	font-size: 2rem !important;
}
.font-4x {
	font-size: 2.5rem !important;
}
.font-5x {
	font-size: 3rem !important;
}

.d-flex-center {
	display: flex;
    align-items: center !important;   
    justify-content: center !important;	
}
.d-flex-top {
	display: flex;
    align-items: flex-start !important;   
    justify-content: center !important;	
}
.d-flex-bottom {
	display: flex;
    align-items: flex-end !important;   
    justify-content: center !important;	
}
.d-flex-right {
	display: flex;
    align-items: center !important;   
    justify-content: flex-end !important;	
}
.d-flex-left {
	display: flex;
    align-items: center !important;   
    justify-content: flex-start !important;	
}

/*
.bilkil h2 {
	font-size: 3.5vh !important;
}
*/
.dark-mode .navbar-lightblue {
    background-color: #032c44;
    color: #1f2d3d;
}
/*
.dark-mode .btn:hover {
    color: #fff;
}
*/
.dark-mode .navbar-white {
    background-color: #eaeae7;
}

.dark-mode a {
    color: #f39c12
}

.dark-mode .swal-modal {
    background-color: #454d55 !important;
    color: #fff;
	border: 1px #6c757d solid;
}

.dark-mode .dropdown-menu-circle-icon li, .dark-mode .dropdown-menu-circle-icon li span.fa-li i {
    background-color: #454d55 !important;
    color: #fff;
}

.text-indent {
	text-indent: 30px;
}

/*.dark-mode .dropdown-menu {
    background-color: transparent;
}*/
.label-outline {
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #5ca3d7;
    font-weight: 400;
}

.label-outline-default {
    color: #2bbbad;
    border-color: #2bbbad;
}

.label-outline-info {
    color: #33b5e5;
    border-color: #33b5e5;
}

.label-outline-primary {
    color: #337ab7;
    border-color: #337ab7;
}

.label-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.label-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.label-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.label-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.label-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.label-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.label-outline-green {
    color: green;
    border-color: green;
}

.label-outline-brown {
    color: brown;
    border-color: brown;
}

.label-outline-coral {
    color: coral;
    border-color: coral;
}

.label-outline-gray {
    color: gray;
    border-color: gray;
}

.label-outline-darkgray {
    color: darkgray;
    border-color: darkgray;
}

.label-outline-blue {
    color: blue;
    border-color: blue;
}

.label-outline-red {
    color: red;
    border-color: red;
}

.label-outline-yellow {
    color: yellow;
    border-color: yellow;
}

.label-outline-orange {
    color: orange;
    border-color: orange;
}

.label-outline:hover {
    font-weight: 700;
}

.no-border {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.no-margin {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-visibility {
    visibility: hidden;
}

.no-text-transform {
    text-transform: none !important;
}

.display-flow-root {
    display: flow-root;
}

.text-ellipsis {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.shadow-success {
	box-shadow: 0 2px 25px 5px #28a745;
}

.shadow-danger {
	box-shadow: 0 2px 25px 5px #dc3545;
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none !important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/***** dropdown-menu *****/
.dropdown-menu-circle-icon {
    border: none;
    background: transparent;
    box-shadow: none;
    min-width: max-content;
    position: absolute;
    /* transform: translate3d(-54px, 38px, 0px); */
    left: 0px;
    width: max-content;
}

.dropdown-menu-circle-icon li {
    border: 1px solid darkgray;
    border-radius: 50px;
    background: #fff;
    margin-bottom: 5px;
    display: flex;
    box-shadow: 3px 1rem 1rem rgb(0 0 0 / 18%);
    background: #fff;
}

.dropdown-menu-circle-icon li span.fa-li {
    left: -2.2em;
}

.dropdown-menu-circle-icon li span.fa-li i {
    padding: 6px;
    border: 1px solid darkgray;
    border-radius: 50px;
    display: inline-block;
    margin-top: -1px;
    box-shadow: 3px 1rem 1rem rgb(0 0 0 / 18%);
    margin-left: -0.3em;
    width: inherit;
    background: #fff;
}

.dropdown-menu-circle-icon li span.fa-li i[class*='icofont-'],
.dropdown-menu-circle-icon li span.fa-li i[class^=icofont-],
.dropdown-menu-circle-icon li span.fa-li i[class*='fa-'], 
.dropdown-menu-circle-icon li span.fa-li i[class^=fa-]
{
    padding: 2px;
    font-size: 1.6em;
} 
.dropdown-menu-circle-icon li a {
    width: 100%;
    height: 100%;
    padding: 2px 10px;
	text-align: center;
}

/***** .card *****/
.collapsed-card .card-header.with-border {
    border-bottom: none;
}

.card-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

/***** sidebar *****/
.sidebar-mini .logo-max {
    height: 2.5rem;
}

.sidebar-mini .logo-min {
    display: none;
    height: 2rem;
}

.sidebar-mini .logo-max {
    display: inline;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .logo-min {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline;
    }

    .sidebar-mini.sidebar-collapse .brand-text {
        margin-left: -10px;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: none;
    }

    .sidebar-mini.sidebar-collapse .nav-document, .sidebar-mini.sidebar-collapse .nav-social {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .nav-sidebar .nav-treeview .nav-link .nav-icon {
        font-size: 0.7rem;
    }
}

.layout-fixed .main-sidebar-custom .sidebar {
    height: calc(100% - ((5rem + 4rem) + 1px));
}

.layout-navbar-fixed .wrapper .sidebar-skin-primary .brand-link:not([class*=navbar]) {
    background-color: #1e0033;
}

.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar, .text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar {
    width: 98vw;
}

.control-sidebar, .control-sidebar::before {
    right: -98vw;
}

@media (min-width: 992px) {
    .layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar, .text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar {
        width: calc(100vw - 255px);
    }

    .control-sidebar, .control-sidebar::before {
        right: calc(250px - 100vw);
    }
}

.nav-social .social {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #e3e3e3;
    width: 51px;
    width: 3em;
    height: 51px;
    height: 3em;
    line-height: 51px;
    line-height: 3em;
    text-align: center;
    color: #9c9c9c;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.nav-social .social:hover {
    background-color: #2e90b8;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.nav-social .social:hover > i {
    color: #fff !important;
}

.nav-social .social__link--vk:hover {
    background-color: #3f6c96;
}

.nav-social .social__link--fb:hover {
    background-color: #3b5998;
}

.nav-social .social__link--inst:hover {
    background-image: linear-gradient(to left, #FC357E, #FC8F83);
}

.nav-social .social__link--google:hover {
    background-color: #E30909;
}

.nav-social .social__link--whatsapp:hover {
    background-color: #00d757;
}

.nav-social .ffc {
    margin: 1em 0 !important;
    color: #327ab7;
}

.nav-social ul.flex-column {
    padding: 0;
}

.nav-social ul.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#nav-centers {
    position: fixed;
    width: 100%;
    z-index: 3;
    /* border-top: .5rem solid #fff; */
}

#nav-centers .nav-link {
    padding: .2rem .5rem;
}

.navbar-nav>.user-menu .user-image {
    border-radius: 50%;
    float: left;
    height: 2.1rem;
    margin-right: 1rem;
    margin-top: -0.3rem;
    width: 2.1rem;
}

.content-header {
    padding: 3rem .5rem 1rem;
}

.main-footer.text-sm, .text-sm .main-footer {
    padding: .2rem .4rem;
}

.main-footer .navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.main-footer .navbar-expand .navbar-nav .nav-link.no-active {
    color: #6c757d;
}
.navbar-kind {
    height: 3rem;
	min-height: 5vh;
    background: rgba(33, 130, 232, 0.5);
	border: solid 2px rgba(33, 130, 232, 0.6);
    width: 100%;	
}
.control-sidebar {
    overflow-y: auto;
}

.control-sidebar h5.control-title-fixed {
    position: fixed;
    z-index: 10;
    /* width: calc(100% - 35px); */
    width: inherit;
    display: flex;
    padding: .3rem 1rem;
}
.dark-mode .control-sidebar h5.control-title-fixed {
	background: #343a40;
}

#control-sidebar-rigth {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0.5rem;
}

/***** login-box *****/
.login-page, .register-page {
    max-height: 100vh;
}

/***** login-box .login-card-body swal *****/
.login-box .login-card-body .swal-icon--success__ring {
    width: 15vh;
    height: 15vh;
    border: 4px solid hsla(98,55%,69%,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.login-box .login-card-body .swal-icon {
    width: 15vh;
    height: 15vh;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 12.5vh auto;
}

.login-box .login-card-body .swal-icon--success {
    border-color: #a5dc86;
}

.login-box .login-card-body .swal-icon--success__line--long {
    width: 10vh;
    right: 0.3vh;
    top: 6.5vh;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s;
}

.login-box .login-card-body .swal-icon--success__line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.login-box .login-card-body .swal-icon--success__line--tip {
    width: 5vh;
    left: 2vh;
    top: 8vh;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s;
}

/*****/
.image_inactive {
    -webkit-filter: grayscale(100%) sepia(80%) saturate(0%) hue-rotate(-190deg) contrast(1);
    filter: grayscale(100%) sepia(80%) saturate(0%) hue-rotate(-190deg) contrast(1);
}

.op_01 {
    opacity: .1 !important;
}

.op_02 {
    opacity: .2 !important;
}

.op_03 {
    opacity: .3 !important;
}

.op_04 {
    opacity: .4 !important;
}

.op_05 {
    opacity: .5 !important;
}

.op_06 {
    opacity: .6 !important;
}

.op_07 {
    opacity: .7 !important;
}

.op_08 {
    opacity: .8 !important;
}

.op_09 {
    opacity: .9 !important;
}

.content-sm ,.content-sm .form-control {
    font-size: 0.875rem;
    font-weight: 400;
}

.mline {
    border: 0.6px solid rgba(210, 210, 210, 1);
    margin: .5rem 0;
}
.content-sortable .handle {
	cursor: all-scroll !important;
}

/***** Parallax *****/
.parallax_out {
    position: relative;
    z-index: 10;
    min-width: 450px;
}

.parallax_out > * {
    position: relative;
    z-index: 10;
}

.parallax, .parallaxBg {
    /*position: fixed; */
    width: 100%;
    /*min-height: 900px;**/
    overflow: hidden;
    height: inherit;
}

.parallax {
    width: 116%;
    min-height: auto;
    /*top: -10px;*/
    margin-left: -3%;
    height: inherit;
}

.parallaxBg {
    background-repeat: repeat-x;
    background-position: center 0;
    background-size: cover;
}

.parallaxBg-New-Year--1 {
    background-image: url(/dist/images/paralax_start_page/new-year.png);
    z-index: 1;
}
.parallaxBg-New-Year--8 {
    background-image: url(/dist/images/paralax_start_page/3-06.png);
    z-index: 8;
}

.parallaxBg-1 {
    background-image: url(/dist/images/paralax_start_page/1-01.png);
    z-index: 1;
}

.parallaxBg-2 {
    background-image: url(/dist/images/paralax_start_page/1-05.png);
    z-index: 4;
}

.parallaxBg-3 {
    background-image: url(/dist/images/paralax_start_page/1-04.png);
    z-index: 6;
}

.parallaxBg-4 {
    background-image: url(/dist/images/paralax_start_page/1-03.png);
    z-index: 5;
}

.parallaxBg-5 {
    background-image: url(/dist/images/paralax_start_page/1-02.png);
    z-index: 2;
    bottom: 0;
}

.parallaxBg-6 {
    background-image: url(/dist/images/paralax_start_page/1-06.png);
    z-index: 8;
}

.parallaxBg-6m {
    background-image: url(/dist/images/paralax_start_page/1-06m.png);
    z-index: 9;
}

.parallaxBg-7 {
    background-image: url(/dist/images/paralax_start_page/1-07.png);
    z-index: 7;
}

.parallax_out_overlay {
    display: none;
    /*position: fixed;*/
    z-index: 8;
    background: rgba(0,0,0,0.65);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/***** / Parallax *****/
.card-footer {
    padding: .75rem;
}

.text-normal {
    white-space: normal !important;
}

.green, .text-green {
    color: green !important;
    text-decoration: none;
}

.coral, .text-coral {
    color: coral !important;
    text-decoration: none;
}

.orange, .text-orange {
    color: darkorange !important;
    text-decoration: none;
}

.blue, .text-blue {
    color: blue !important;
    text-decoration: none;
}

.text-sky {
    color: #337ab7;
    text-decoration: none;
}

.red, .text-red {
    color: red !important;
    text-decoration: none;
}

.text-black {
    color: #000 !important;
    text-decoration: none;
}

.text-yellow {
    color: #fff900 !important;
    text-decoration: none;
}

.text-white {
    color: #fff !important;
    text-decoration: none;
}

.text-aqua {
    color: #00c0ef !important;
    text-decoration: none;
}

.text-standart {
    color: #337ab7 !important;
    text-decoration: none;
}

.text-gray {
    color: #d2d6de !important;
}

.text-darkgray {
    color: #555 !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.link-muted {
    color: #7a869d;
}

.link-muted:hover, .link-muted:focus {
    color: #606c84;
}

.link-black {
    color: #666;
}

.link-black:hover, .link-black:focus {
    color: #999;
}

.bg-green {
    background: green !important;
}

.bg-coral {
    background: coral !important;
}

.bg-orange {
    background: darkorange !important;
}

.bg-red {
    background: red !important;
}

.bg-yellow {
    background: #fff900 !important;
}

.bg-white {
    background: #fff !important;
}
.bg-transparent {
    background: transparent !important;
}

/***** is-valid Select2 *****/
/*
.form-control.is-valid ~ .select2 .select2-selection__rendered {
	border-color: #28a745;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid ~ .select2 .select2-selection__rendered:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.form-control.is-invalid ~ .select2 .select2-selection__rendered {
	border-color: #dc3545;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid ~ .select2 .select2-selection__rendered:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}
*/
span:not(.select2-selection).form-control {
	overflow: auto;
}
[data-card-widget="collapse"] {
	cursor: n-resize;
}
.projects img.table-avatar.avatar-marsl, .projects .table-avatar.avatar-marsl img {
    border-radius: 0;
    height: 1.5rem;
}

.user-avatar-icon {
	height: 51px;
	width: 51px;
}

#hw_plan input[type='checkbox'].check_decor:checked + label {
    background-color: #327ab7;
    color: #fff;
    border: 2px solid #327ab7;
}

#hw_plan label.check_decor {
    color: #000;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    /* margin-bottom: 1vh; */
    padding: 2px 10px;
    cursor: pointer;
    font-family: Comfortaa;
    font-size: 1em;
    width: 3em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#hw_plan input[type='checkbox'].check_decor {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#hw_plan ul.check_decor {
    list-style: none;
    display: inline-flex;
}

/***** registration *****/
.login-box {
    position: fixed;
    top: 5vh;
    max-height: 90vh;
    overflow-y: auto;
}

.login-card-body, .register-card-body {
    background-color: transparent;
}

.login-box .card {
    background-color: rgba(255, 255, 255, 0.7);
}

/******/
.ui-sortable-handle:hover {
    cursor: move;
}

.btn:hover a {
    color: unset;
}

/***** DataTable *****/
.dt-buttons {
    position: fixed;
    bottom: 50px;
    left: 0;
    z-index: 10;
}

@media (min-width: 992px) {
    .dt-buttons {
        left: auto;
    }
}

table.dataTable tbody tr.odd.selected {
    background-color: #acbad4;
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

table.dataTable.dtr-inline>tbody>tr>td.details-control {
    width: 1.5em;
}

table.dataTable.dtr-inline>tbody>tr>td.details-control:before {
    height: 1em;
    width: 1em;
    display: block;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: #0275d8;
    cursor: pointer;
}

table.dataTable.dtr-inline>tbody>tr.collapsed>td.details-control:before {
    content: "-";
    background-color: #d33333;
}

table.dataTable tr.detailrows > *:nth-child(2) {
    display: none;
}

div.dataTables_wrapper div.dataTables_length select {
    padding-top: 0;
    padding-bottom: .1rem;
    height: calc(1.75rem + 2px);
}

/***** scrollbar в кабинетах *****/
::-webkit-scrollbar {
    width: 7px;
    /* 1 - вертикальный скроллбар */
}

::-webkit-scrollbar:horizontal {
    height: 5px;
    /* 1 - горизонтальный скроллбар */
}

::-webkit-scrollbar-button {
    background: transparent;
    /*#fff 2 - кнопка */
}

::-webkit-scrollbar-track {
    background: rgba(0, 9, 128, 0);
    /* 3 - трек */
}

::-webkit-scrollbar-track-piece {
    background: #f1f1f1;
    /* 4 – видимая часть трека */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #a94442;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /* 5 - ползунок */
}

.scroll_theme {
    overflow-y: auto;
}

.scroll_theme a {
    color: #fff;
    font-size: 1.3em;
    font-family: inherit;
    margin-bottom: 10px;
    line-height: 2;
}

.scroll_theme a:hover {
    color: yellow;
}

.scroll_theme span {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 700;
    line-height: 2;
    color: inherit;
}

/***** разное *****/
.new-user-widget {
    border-radius: 300px;
    border: 1px solid #ddd;
    overflow: hidden;
    height: 270px;
    width: 270px;
    max-width: 100%;
    margin: 0 auto 1rem;
}

.new-user-widget:hover {
    /* box-shadow: 0px 0 3rem 0px rgb(40 167 69 / 58%); */
    border: 1px solid #3c8dbc;
    border-radius: 0;
    height: auto;
    width: 100%;
}

.widget-user .widget-user-image>img {
    background: #ffffff47;
}

.select-center-title:before {
    content: '';
    width: 2rem;
    position: absolute;
    right: -2rem;
    top: 0;
    border: 1rem solid transparent;
    border-left: 1rem solid #e64c3c;
}

.select-center-title:hover:before,.select-center-title:focus:before,.focus.select-center-title:before,.select-center-title.disabled:before, .select-center-title:disabled:before, .select-center-title:not(:disabled):not(.disabled):active:before, .select-center-title:not(:disabled):not(.disabled).active:before, .show > .select-center-title.dropdown-toggle:before {
    border-left-color: #bd2130 !important;
}

.input-center-title {
    padding-left: 1rem;
}

.layout-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper, .text-sm .layout-navbar-fixed .wrapper .main-header~.content-wrapper {
    /*margin-top: calc(2.4rem + 1px);*/
    margin-top: calc(3rem + 1px);
}

/***** Alert окна SWAL *****/
.swal-button {
    background-color: #337ab7;
}

.swal-button--danger {
    background-color: #e64942;
}

.swal-button--danger:not([disabled]):hover {
    background-color: #ed7d78;
}

.swal-button--success {
    background-color: #449d44;
}

.swal-button--success:not([disabled]):hover {
    background-color: #70c270;
}

.swal-button--cancel {
    color: #555;
    background-color: #efefef;
}

.swal-icon--warning {
    border-color: red;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    background-color: red;
}

.swal-report .alert {
    font-size: small;
}

.swal-report .alert-link {
    font-size: small;
}

.swal-report .form-group {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
}

.swal-report .control-label {
    font-size: 12px;
}

.swal-report .additional-installation-report label {
    font-size: small;
}

.additional-installation-report label {
    font-weight: 400;
    cursor: pointer;
}

.swal-report .alert {
    padding-left: 50px;
    text-align: justify;
}

.swal-report .alert i {
    margin-left: -35px;
    margin-right: 10px;
    font-size: 30px;
    padding: 0;
    position: absolute;
}

.swal-report .alert .alert-link {
    font-size: 12px;
}

.swal-modal.border-red {
    border: 3px solid red;
}

/*.left .swal-footer > .swal-button-container ~ .swal-button-container {*/
.left .swal-footer > .swal-button-container:nth-child(1) {
    float: left;
}

.swal-button--clear {
    color: #555;
    background-color: #efefef;
}

.swal-button--clear:not([disabled]):hover {
    color: #fff;
    background-color: #df4740;
}

/*****/
.marker-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 5px;
}

/*****/
.modal .modal-dialog.text-justify .modal-footer {
    justify-content: space-between;
}

/***** разное *****/
.balans-sub {
    vertical-align: baseline;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle !important;
}

.tdnull {
    text-align: center;
    padding: 2em !important;
}

.caption-top {
    caption-side: top;
}

.card-pagin-month, .card-pagin-period, .movement-personal-month {
    font-weight: 300;
    position: relative;
    margin: 10px 0;
    font-family: inherit;
    line-height: 1.1;
    font-size: 16px !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    display: block;
}
/*
.card-pagin-month i.fas, .card-pagin-period i.fas, .movement-personal-month i.fas {
    font-size: 12px !important;
}
*/
.card-body {
    /*overflow: hidden;*/
	padding: 1.25rem .5rem;
}

span.form-control {
	height: auto;
}

@media handheld, only screen and (max-width: 767px) {
    .card-body {
        overflow-x: auto;
    }
}

/*
#open-kurses button::before {
  content: "жалЬ...";
}
#open-kurses button:hover::before {
  content: "бляяя..";
}
*/
#open-kurses li a {
    color: #000;
}

.card-body .row {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#status-info p {
    margin-bottom: .5rem;
}

.text-dashed-link {
    border-bottom: 1px dashed;
    text-decoration: none !important;
    cursor: pointer;
}

.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.card-contact {
    margin-left: -.5rem;/*-1.25rem;*/
    margin-right: -.5rem;/*-1.25rem;*/
    margin-bottom: 0;
    box-shadow: none;
}

/***** buttons *****/
.btn-ref-primary {
    font-size: 70%;
    padding: 1px 3px;
    color: #5ca3d7;
    border-radius: 5px;
    border: 1px solid #5ca3d7;
    cursor: pointer;
    margin-left: 3px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/***** hw-decor *****/
#hw-listgames ul.hw-check-decor {
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
}

#hw-listgames input.hw-check-decor {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#hw-listgames label.control-label.hw-check-decor {
    color: #000;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
    /* margin-bottom: 1vh; */
    padding: 1px 7px;
    cursor: pointer;
    font-family: Comfortaa;
    font-size: 0.8rem;
    min-width: 40px;
    width: max-content;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#hw-listgames input.hw-check-decor:checked + label {
    background-color: #327ab7;
    color: #fff;
    border: 2px solid #327ab7;
}

#hw-btn-add-task {
	position: relative;
    top: 0px;
    display: flex;
    flex-direction: column;
}

.img-transform-hor {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/***** ticket *****/
.element-list-ticket {
    padding: 1px 3px;
    color: #337ab7;
    border-radius: 5px;
    border: 1px solid #5ca3d7;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow ,.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 2rem;
    line-height: 1.8rem;
}
.select2-selection.select2-selection--multiple.form-control {
	padding: 0 2.25rem 0 0;
}
.select2-result-search {
    padding-top: 4px;
    padding-bottom: 3px;
}
.select2-result-search__avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.select2-result-search__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.select2-result-search__meta {
    margin-left: 70px;
}
.select2-result-search__title {
    color: black;
    font-weight: 700;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}
.dark-mode .select2-result-search__title {
    color: white;	
}
.select2-result-search__description {
    font-size: 13px;
    color: #777;
    margin-top: 4px;
}
.dark-mode .select2-result-search__description {
    color: white;	
}
.select2-result-search__forks, .select2-result-search__star, .select2-result-search__group {
    display: inline-block;
    color: #aaa;
    font-size: 11px;
}
.dark-mode .select2-result-search__forks, .dark-mode .select2-result-search__star, .dark-mode .select2-result-search__group {
    color: white;	
}

.select2-result-search__forks, .select2-result-search__star {
    margin-right: 1em;
}
.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}











/***** beennobeen *****/
.beennobeen.btn-success {
    padding: 2px 10px;
    color: #fff;
    background-color: rgba(92, 184, 92, 0.5);
}

.beennobeen.btn-success:hover {
    background-color: rgba(92, 184, 92, 1) !important
}

.beennobeen.btn-danger {
    padding: 2px 10px;
    color: #fff;
    background-color: rgba(217, 83, 79, 0.5);
}

.beennobeen.btn-danger:hover {
    background-color: rgba(217, 83, 79, 1) !important
}

.lock-beennobeen {
    display: inline-block;
    font-weight: 400;
    color: #e74c3c;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    s-color: transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
	padding: 2px 20.5px;
	border: 1px solid #e74c3c;
	margin-bottom: 0.5rem
}

.fc-event-container a {
    color: #ebebeb;
}

.ratesDate span.active {
    background: #337ab7;
    color: #fff;
    border-radius: 10px;
}

.ratesDate span {
    width: 14%;
    padding: 5px;
}

.list-group-item-lg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem !important;
}

.select-user-bt-search {
    height: 60vh;
    overflow: auto;
}

.table-show-next {
    display: none;
    cursor: pointer;
}

.maximized-card .table-show-next {
    display: block;
}

.table-maximized-show {
    display: none;
    cursor: pointer;
}

.maximized-card .table-maximized-show {
    display: block;
}

.maximized-card .maximized-hidden {
    display: table-row;
}

.maximized-hidden {
    display: none;
}

.mobile .card.maximized-card {
    font-size: 2em !important;
}

.mobile .card.maximized-card .btn {
    font-size: 1.5em !important;
    margin-left: 1em;
}
.footer-left-menu [class*=element-footer-left-menu-] {
	display: none;
}
.footer-left-menu [class*=element-footer-left-menu-].active {
	display: block;
}
.maximized-show {
	display: none;
}
.card.maximized-card .maximized-show {
	display: block;
}
.card.maximized-card .maximized-table-show {
	display: table-row;
}

.mobile #scene_select_games .scene-overlay {
    border-radius: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 20, 40, .7);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 20;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn-details-project {
	display: flex;
    justify-content: space-around;
}
.project-label-block {
    margin-bottom: 15px;
    width: 100%;
	/* float: left; */
}

.project-label-block .labelname {
    font-size: 16px;
    font-weight: 600;
    margin-top: -1px;
}

.project-label-block .labelname, .project-label-block .comment {
    /* display: block; */
    margin-left: 20px;
}
.project-label-block .description {
	margin-left: 45px;
}
.project-label-block .description {
    color: #6c757d;
    font-size: 13px;
    margin-top: -3px;
}

.project-label-block i {
    /* float: left; */
}
/******** context-menu button right *********/
.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 0.25rem 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}

.dark-mode .context-menu {
  background-color: #2e2f38;
  border: solid 1px #2e2f38;
  box-shadow: 1px 1px 2px #2e2f38;	 
}
.dark-mode .context-menu a, .dark-mode .context-menu a:hover {
  color: #fff
}

.context-menu .border-bottom {
	border-bottom: 1px solid #505559 !important;
}

.context-menu--active {
  display: block;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
  margin-bottom: 4px;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}

.context-menu__link:hover {
  color: #fff;
  background-color: #4177f4;
}
.nav-item {
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#screen-list-list .maximized-card .card-header {
	position: fixed;
    width: 100%;
}
#screen-list-list .card:not(.maximized-card) .card-body {
	height: 40vh;
    overflow: auto;
}

.white-block-start-screen-kind {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-shadow: inset 0 0 0 transparent;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-align: left;
}
.starry-sky .ticket-true-course h3 a, .starry-sky .ticket-true-course h5, .starry-sky .ticket-true-course h5 a, .starry-sky .ticket-true-course h5 {
	font-family: 'BistroC';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/BistroC.ttf) format('truetype');
    text-transform: uppercase;
    color: #FFEB3B;
}

#play-off-tournament tr td {
	padding: .5rem 0.1rem;
	width: 6.25%;
} 
#play-off-tournament img.img-circle, #statistic-group-tournament img.img-circle {
	height: 3rem !important;
	width: 3rem !important;
}
#statistic-group-tournament .d-flex span {
	background-color: #00b341;
	position: relative;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	text-decoration: none;
	outline: 0;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;	
	display: flex;
	align-items: center;
}
#statistic-group-tournament .d-flex span::before {
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	content: '';
}
#statistic-group-tournament td {
	border: none;
}
#statistic-group-tournament td.d-flex {
	justify-content: center;
}
.background-tournament-chess {
	background: url(/dist/images/background/background_chess.png) bottom right #fff no-repeat fixed;
}

.swal-footer--flex-justify .swal-footer{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.agp-tour-group:hover {
	background-color: #337ab7;
	color: #fff;
}
.search--user-in-group:hover {
	color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
}

@media (max-height: 599px){
	.login-card-body {
		padding: 0.5rem;
	}
	.login-card-body .social-auth-links, .login-card-body .hdn-500 {
		display: none;
	}	
	.login-card-body .login-box-msg {
		padding: 0;
	}
}
.version-mars-l {
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index: 100;
	font-size: .5rem;
	/* color: #fff; */
}

/********* select-account *********/

	.select-account-page {
		min-height: 100vh;
		height: 100vh !important;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #e9ecef;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100vh;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.select-account-page .box {
		overflow: hidden;
		position: fixed;
		top: 5vh;
		max-height: 90vh;
	}
	.select-account-page .row {
		justify-content: center;
		text-align: center;
		align-items: center;
	}
	
	.select-account-page .row a {
		font-family: Comfortaa;
		padding: 10px;
		margin: 0 auto;
		border-radius: 200px;
	/*	background: #ffffffb3;*/
		color: #337ab7;;
		background-size: auto 15vh;
		height: 25vh;
		width: 25vh;
		background-position: center;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		font-size: .8em;
		background-repeat: no-repeat;
		font-weight: 700;
		margin: 10px;
		vertical-align: middle;
		box-shadow: none;
		border: 1px solid transparent;
		line-height: 1.5;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.select-account-success {
		cursor: url(/dist/images/n.cur), pointer;
	}
	.select-account-success:hover {
		background-color: #c1e5bfb3;
		border-color: #28a745;
	}
	.select-account-danger {
		cursor: no-drop;
	}	
	.select-account-danger:hover {
		background-color: #e5bfbfb3;
		border-color: #dc3545;
	}
	.select-account-nomoney {
		background-image: url(/dist/images/personage/300_300/t_44pdj.png);
		background-color: #e5bfbfb3;
		cursor: no-drop;
	}
	.select-account-coach-w {
		background-image: url(/dist/images/personage/300_300/f_15pby.png);
	}
	.select-account-coach {
		background-image: url(/dist/images/personage/300_300/f_15pby.png);
	}
	.select-account-parent-w {
		background-image: url(/dist/images/personage/300_300/o_36yut.png);
	}
	.select-account-parent {
		background-image: url(/dist/images/personage/300_300/o_65jhx.png);
	}
	.select-account-student--old-m {
		background-image: url(/dist/images/personage/300_300/t_81ome.png);
	}
	.select-account-student--old-w {
		background-image: url(/dist/images/personage/300_300/t_40eee.png);
	}
	.select-account-student--m {
		background-image: url(/dist/images/personage/300_300/t_84dsa.png);
	}
	.select-account-student--w {
		background-image: url(/dist/images/personage/300_300/t_42fgh.png);
	}
	.select-account-student--noaccess {
		background-image: url(/dist/images/personage/300_300/t_02cec.png);
	}
	.select-account-old--parent {
		background-image: url(/dist/images/personage/300_300/t_81ome.png);
	}
	.select-account-old--coach {
		background-image: url(/dist/images/personage/300_300/t_81ome.png);
	}
	.select-account-old--student {
		background-image: url(/dist/images/personage/300_300/t_81ome.png);
	}	
	.select-account--btn-exit, .coach-games--btn-exit {
		position: fixed;
		right: 1vw;
		top: 1vh;
	}
	.coach-footer-mobile .btn-footer-scene:first-child {
		left: 2vw !important;
		position: fixed !important;
		bottom: 1vh !important;
		width: calc(5vw + 5vh) !important;
		height: calc(5vw + 5vh) !important;
		font-size: calc(2vw + 2vh) !important;
	}
	.coach-footer-mobile .btn-footer-scene:nth-child(2) {
		left: calc(6.5vw + 6.5vh) !important;
		position: fixed !important;
		bottom: 1vh !important;
		width: calc(5vw + 5vh) !important;
		height: calc(5vw + 5vh) !important;
		font-size: calc(2vw + 2vh) !important;
	}
	.coach-footer-mobile #scene_kind_start {
		left: calc(15vw + 15vh) !important;
		position: fixed !important;
		bottom: 1vh !important;
		width: auto;
		height: calc(5vw + 5vh) !important;
		font-size: calc(2vw + 2vh) !important;
	}
	.select-account-page .card {
		height: 80vh;
		width: 100vw;
		overflow: hidden;
		background-color: transparent !important;
		box-shadow: none;
	}
	.select-account-page .card-body {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 -10px;
		background: rgb(255, 255, 255);
		background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	}
	.select-account-page-ru-store {
		align-items: center !important;
	} 
	.select-account-page-ru-store img {
		width: 15vh;
	} 
	
#stream.tab-pane .timeline > div > .fa, 
#stream.tab-pane .timeline > div > .fas, 
#stream.tab-pane .timeline > div > .far, 
#stream.tab-pane .timeline > div > .fab, 
#stream.tab-pane .timeline > div > .fal, 
#stream.tab-pane .timeline > div > .fad, 
#stream.tab-pane .timeline > div > .svg-inline--fa, 
#stream.tab-pane .timeline > div > .ion {
    background-color: #adb5bd;
    border-radius: 50%;
    font-size: 14px;
    height: 24px;
    left: 21px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;
}
.reward-icon {
    width: 7em;
    height: 7em;
    position: relative;
    margin: .5em auto;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0.5rem;
    cursor: pointer;
    background-position-x: center;
}

.swal-reward-new-row {
	display: flex;
	height: 95vh;
	justify-content: center;
	align-items: center;
}
.swal-reward-icon {
	width: auto;
    height: 25vh;
    position: relative;
    margin: .5em auto;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0.5rem;
    cursor: pointer;
    background-position-x: center;
}
#top-dropdown-menu-kind .user-body .col-12:hover {
	background-color: #337ab7 !important;
} 

#top-dropdown-menu-kind .user-body .col-12:hover > a, #top-dropdown-menu-kind .user-body .col-12:hover > a b {
	color: #fff !important;
	background-color: transparent !important;
}

/** HELP */

#HELP_slideout {}

#HELP_body {}

#HELP_sidebar {
	max-width: 250px;
}

#HELP_article {
	max-width: calc(100vw - 300px);
}

.mobile #HELP_sidebar {

}

.mobile #HELP_article {

}

#HELP_footer {}