@font-face {
    font-family: "Gilroy-Medium";
    src: url("/assets/fonts/GilroyMedium/font.woff2") format("woff2"), url("/assets/fonts/GilroyMedium/font.woff") format("woff");
}

@font-face {
    font-family: "Gilroy-SemiBold";
    src: url("/assets/fonts/GilroySemiBold/font.woff2") format("woff2"), url("/assets/fonts/GilroySemiBold/font.woff") format("woff");
}

@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url("/assets/fonts/GilroyExtraBold/font.woff2") format("woff2"), url("/assets/fonts/GilroyExtraBold/font.woff") format("woff");
}

.card-2 dd::-webkit-scrollbar {
    height: 4px;
}

::-webkit-scrollbar-button {}

::-webkit-scrollbar-track {
    background: #363554;
    border-radius: 10px;
}

::-webkit-scrollbar-track-piece {}

::-webkit-scrollbar-thumb {
    background: #706f6fca4;
    border-radius: 10px;
}

::-webkit-scrollbar-corner {}

::-webkit-resizer {}

.rounded {
    /*border-radius: 0.25rem;
    border: 1px solid #2a2c40;*/
}

.card {
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 15px;
    padding: 1rem 1rem;
    /* -webkit-box-shadow: 0px 5px 15px 1px rgb(47 38 69 / 14%); */
    -moz-box-shadow: 0px 5px 15px 1px rgb(47 38 69 / 14%);
    /* box-shadow: 0px 5px 15px 1px rgb(47 38 69 / 14%); */
    /* background: #fff; */
    border: 1px solid #363554;
}

.card-row {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card-row:last-child {
    margin-bottom: 0;
}

.card-row dt {
    margin: 0 0px 6px 0;
    font-weight: 500;
    color: #fff;
}

.card-row dd {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    color: #6d6f96;
    background: #221e3f;
    border-radius: 10px;
    padding: .5rem .8rem;
    border-color: #211d3e;
}

.card-2 {
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 97px;
}

.card-2 .card-2-overflow {
    overflow-x: scroll;
    white-space: nowrap;
}

.card-2 dl {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 90%;
}

.card-2 i {
    font-size: 1rem;
    color: #ffffff;
    margin-right: 16px;
    align-self: center;
}

.card-2 dd i {
    color: #6d6f96;
}

.card-2:last-child {
    margin-bottom: 0;
}

.card-title,
.cab-title {
    color: #fff; //text-transform: uppercase;
}

.card-title {
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-size: 1.17em;
}

.cab-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.cab-title span {
    color: #f930ed;
}

.err {
    font-size: 14px;
    color: #f94c29;
    text-transform: capitalize;
    font-weight: 400;
}

/*----------------------------------
    cabinet-page
------------------------------------*/

.cabinet-page {
    padding-top: 70px; //
    background: radial-gradient(circle, #31291b 20%, #332a1b 20%, #1b1b1b 60%);
    background: #211d3e;
    color: #211d3e;
}

.wrapper {}

.sidebar-wrapper {
    padding-left: 10px;
    position: fixed;
    z-index: 99999;
    padding-top: 30px;
    top: 70px;
    width: 250px;
    height: 100%;
    background: #1a1830;
    border-radius: 0px; //
    overflow: scroll !important;
}

.content-wrapper {
    margin-left: 250px;
    /*padding-top: 1.75rem;*/
    padding: 1.75rem 0.75rem;
    position: relative;
    background: #211d3e;
    border-radius: 0px;
}

.footer {}

.footer p {}

.cab-link {
    color: #1ca1fa;
    text-decoration: underline;
    display: inline-block;
}

/*----------------------------------
    header
------------------------------------*/

.cabinet-page .header {
    height: 70px;
    background: #1a1830;
    /* box-shadow: 0px 0px 5px #060606; */
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
}

.navbar-brand {
    width: 250px;
    height: 70px;
    overflow: hidden;
    padding: 10px;
    background-color: #1a1830;
    position: relative; //
    border-bottom: 1px solid #060606;
    border-bottom: 1px solid #363554;
}

.navbar-brand img {}

.navbar-menu {
    padding: 0 15px;
    width: calc(100% - 250px); //
    border-bottom: 1px solid #060606;
    background: #211e3e;
    height: 70px;
}

.header-lang {
    margin-right: 20px;
}

.person {}

.btn {
    padding: 11px 20px;
}

.person .btn {
    margin: 0 30px 0 0;
}

.person .btn:last-child {
    margin-right: 0;
}

/*----------------------------------
    sidebar
------------------------------------*/

.sidebar {
    text-align: left;
}

.sidebar li {
    padding-right: 14px;
}

.sidebar li a {
    color: #6d6f96;
    white-space: nowrap;
    position: relative;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    line-height: 1.6rem;
    padding: 0.75rem 1.25rem 0.75rem 1.1rem;
    margin-bottom: 7px;
    margin-top: 7px;
    border-radius: 5px;
}

.sidebar li a:hover {
    -webkit-background-clip: text; //background: #f930ed;
    color: #f930ed; //padding: 12px 10px;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.sidebar li a::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: transparent;
    left: 0;
    top: 0;
}

.sidebar li.active a {
    color: #f930ed; //background: #007bc3;
    font-weight: 500;
    border-radius: 5px;
}

.sidebar li.active i {
    color: #f930ed;
}

.sidebar li.active a::before {
    //background: #F20127;}
    .sidebar li a:hover::before {
        //color:#6d6f96;}
        .sidebar li a i {
            margin-right: 15px;
            font-size: 20px;
            color: #6d6f96;
        }
        .sidebar li a i:hover {
            margin-right: 15px;
            font-size: 20px;
            color: #f930ed;
        }
        .sidebar li a.active i {
            margin-right: 12px;
            font-size: 18px;
            color: #fff;
        }
        /*----------------------------------
    cab-head-user
------------------------------------*/
        .cab-head-user {}
        .top-user-box {
            min-height: 135px;
            height: 150px;
            background: #1a1830;
            border-radius: 15px;
            color: #ffffff;
            font-weight: 200;
        }
        .top-user-box-bal .cab-link {
            margin-bottom: 25px;
        }
        .top-user-box-bal dt {
            //text-transform: uppercase;}
            .top-user-box-bal dd {
                font-size: 18px;
                font-weight: 700; //text-align: center;
            }
            /*----------------------------------
    CLOCK AND TIME
------------------------------------*/
            .visual-time-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
            #clock {
                position: relative;
                width: 90px;
                height: 90px;
                margin: 25px 4px 0 0;
                background: url("../../static/img/splash/clock/clockface.png");
                list-style: none;
                background-repeat: no-repeat;
            }
            #sec,
            #min,
            #hour {
                position: absolute;
                width: 4px;
                height: 65px;
                top: 0;
                left: 33px;
            }
            #sec,
            #sec2,
            #sec3 {
                background: url("../../static/img/splash/clock/sec.png");
                z-index: 3;
            }
            #min,
            #min2,
            #min3 {
                background: url("../../static/img/splash/clock/min.png");
                z-index: 2;
            }
            #hour,
            #hour2,
            #hour3 {
                background: url("../../static/img/splash/clock/hour.png");
                z-index: 1;
            }
            .visual-time-box-date {
                position: relative;
                display: inline-block;
                text-align: center;
            }
            .visual-time-box-date span {
                color: 13px;
                font-weight: 400;
                font-size: 13px; //text-transform: uppercase;
            }
            .visual-time-box-date i {
                display: inline-block;
                padding: 0 2px;
                color: #e9e4dd;
                font-weight: 900;
                font-size: 11px;
                text-transform: uppercase;
            }
            .visual-time-box-date span.dates {
                font-size: 14px;
                font-weight: 700;
                width: 100%;
                color: #6d6f96;
            }
            /*----------------------------------
    top-btn-box
------------------------------------*/
            .top-btn-box {
                margin: 1.45rem 0;
            }
            .top-btn-box .btn {
                width: 100%;
            }
            /*----------------------------------
    splash-info
------------------------------------*/
            .splash-info {}
            /*----------------------------------
    timer-info
------------------------------------*/
            .timer-info {
                margin-top: 1.75rem; // border: 3px solid #34a5d4;
                text-align: center;
                border: 2px solid #4540f7;
            }
            .timer-info b,
            .timer-info small,
            #timer1 {
                font-family: "Gilroy-Medium", sans-serif;
                color: #34a5d4;
                font-size: 15px;
            }
            .timer-info b {}
            .timer-info small {}
            /*----------------------------------
    operations
------------------------------------*/
            .finance-quick,
            .finance-balance {
                margin-bottom: 1.75rem;
            }
            .finance-balance-table th img {
                text-align: left;
            }
            .table-td-in {
                text-align: center;
            }
            .table-td-in img {
                float: left;
                margin-right: 10px; //margin-left: 10px;
            }
            .table-td-in>span {
                float: left;
                font-size: 13px;
                text-transform: uppercase;
                margin-top: 14px;
                margin-right: 0px;
                font-weight: 700;
            }
            .table-td-in p {
                //float: left;
                //margin-bottom: 0;
                text-align: center;
                line-height: 12px;
            }
            .head {
                color: #2a2a2a;
                background: #f7f7f7;
                font-size: 12px;
            }
            /*----------------------------------
    tables
------------------------------------*/
            table {
                color: #6d6f96;
                width: 100%;
                font-size: .85rem;
                font-weight: 200;
            }
            table tr {
                border-bottom: 1px solid #3635545c;
                -webkit-transition: ease-out .2s;
                -moz-transition: ease-out .2s;
                -ms-transition: ease-out .2s;
                -o-transition: ease-out .2s;
                transition: ease-out .2s;
                background: #16142c;
            }
            table tbody tr:nth-of-type(odd) {
                background-color: #16142c; //text-align:center;
            }
            table tbody tr:nth-of-type(even) {
                background-color: #16142c; //text-align:center;
            }
            table tr td,
            table tr th {
                padding: 12px 10px 7px 5px;
                vertical-align: middle;
                position: relative; //border-bottom: 1px solid #f3a21836;
            }
            table tr th img {
                max-width: 100%;
                padding: 6px;
                background: #1a1830;
                border-radius: 6px;
                height: 36px;
                width: 36px;
            }
            /*----------------------------------
    plan box
------------------------------------*/
            .cab-invest-box {}
            .plan-box {
                position: relative;
                list-style-type: none;
            }
            .plan-box-item {
                background-color: #1a1830;
                border: 1px solid #363554;
                border-radius: 15px;
                margin-bottom: 1rem;
                position: relative;
                overflow: hidden; //box-shadow: 0px 5px 15px 1px rgb(47 38 69 / 14%);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .plan-box-item:nth-last-child(2) {
                margin-bottom: 0;
            }
            .cab-invest-box-left {
                width: 70%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .cab-invest-box-right {
                width: 30%;
                border-bottom: 1px solid #363554;
                border-radius: 0px;
            }
            .cab-invest-box-proc,
            .cab-invest-box-plan,
            .cab-invest-box-reinv,
            .cab-invest-box-summ,
            .cab-invest-box-sist,
            .cab-invest-box-nach {
                padding: 15px;
                border-right: 1px solid #363554;
                border-bottom: 1px solid #363554;
                border-radius: 0px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
            .cab-invest-box-proc,
            .cab-invest-box-plan,
            .cab-invest-box-summ,
            .cab-invest-box-sist {
                width: 30%;
            }
            .cab-invest-box-reinv,
            .cab-invest-box-nach {
                width: 40%;
            }
            .cab-invest-box-proc {
                text-transform: uppercase;
            }
            .cab-invest-box-plan {}
            .cab-invest-box-plan span {
                font-size: 14px;
                font-weight: 600;
                color: #1ca1fa;
                text-transform: uppercase;
                text-align: center;
            }
            .cab-invest-box-reinv {
                font-size: 14px;
            }
            .cab-invest-box-reinv span {
                font-size: 25px;
                font-weight: 600;
                color: #007bc3;
                text-transform: uppercase;
            }
            .cab-invest-box-summ {
                font-size: 14px;
            }
            .cab-invest-box-summ span {
                font-weight: 600;
                color: #6d6f96;
                font-size: 26px;
                width: 100%;
                text-align: center;
            }
            .cab-invest-box-sist {
                font-size: 14px;
            }
            .cab-invest-box-sist span {
                width: 100%;
                text-align: center;
            }
            .cab-invest-box-sist img {
                max-height: 30px;
            }
            .cab-invest-box-nach {}
            .cab-invest-box-nach p {
                display: inline-block;
                width: 100%;
                font-size: 14px;
                font-weight: 300;
                color: #6d6f96;
            }
            .cab-invest-box-nach p span {
                font-size: 14px;
                color: #6c757d;
                margin-right: 9px;
            }
            .cab-invest-box-nach p:last-child {
                margin-bottom: 0;
            }
            .cab-invest-box-date {
                width: 100%;
                text-align: center;
                padding: 8px 10px;
                color: #4d7cff;
            }
            .cab-invest-box-date span {
                font-size: 14px;
                color: #b1b1b5;
            }
            .cab-invest-box-date img {}
            .cab-invest-box-date i {
                margin: 0 5px 0 8px;
            }
            .cab-invest-box-rest {
                position: relative;
                display: inline-block;
                width: 100%;
                text-align: center;
                vertical-align: top;
                padding: 20px;
            }
            .cab-invest-box-rest-title {
                margin-bottom: 20px;
                text-transform: uppercase;
            }
            .cab-invest-box-rest-bar {}
            .cab-invest-box-rest-bar-in {
                margin: 0 auto;
                padding-top: 20px;
                width: 130px;
                height: 130px;
                background: #6b34ff00;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-box-shadow: inset 2px 7px 88px 0px rgb(0 123 195 / 13%);
                -moz-box-shadow: inset 2px 7px 88px 0px rgb(0 123 195 / 13%);
                box-shadow: inset 2px 7px 88px 0px rgb(0 123 195 / 13%);
            }
            .dial-green {
                width: 48px !important;
                height: 48px !important;
                background: #ffffff !important;
                border: 0;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                margin-top: 22px !important;
                margin-left: -68px !important;
                line-height: 0 !important;
                font-size: 18px !important;
                color: #0a1227 !important;
                font-weight: 600 !important;
                text-transform: uppercase;
            }
            .cab-invest-box-progress {
                width: 100%;
                padding: 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
            .cab-invest-box-progress-value {
                width: 22%;
            }
            .cab-invest-box-progress-value input,
            .cab-invest-box-progress-value span {
                display: inline-block;
                width: 40px;
                background: none;
                border: 0;
                color: #6d6f96;
                text-align: center;
            }
            .cab-invest-box-progress-value span {}
            .cab-invest-box-progress-bar.ui-progressbar {
                vertical-align: middle;
                display: inline-block;
                width: 75%;
                height: 12px;
                background-color: #007bc3;
                border-radius: 50px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-top: 3px solid #007bc3;
                border-right: 1px solid #007bc3;
                border-left: 1px solid #007bc3;
                border-bottom: 1px solid #007bc3;
            }
            .cab-invest-box-progress-bar .ui-progressbar-value {
                background-color: #f930ed;
                /*\background-image: url("../../static/img/cabinet/invest/prog-line.png");
    background-repeat: repeat-x;*/
                height: 12px;
                border-radius: 50px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                margin-top: -3px;
                margin-left: -2px;
            }
            .invest-popup-content .sentence-tabs-info-right-box {
                background-image: none;
                padding: 0 25px;
                margin-left: -40px;
            }
            .invest-popup-content .sentence-tabs-title {
                position: relative;
                display: inline-block;
                width: 100%;
                font-size: 27px;
                text-transform: uppercase;
                font-weight: 900;
                color: #34a5d4;
                padding: 70px 0 40px 20px;
            }
            /*----------------------------------
    cab data
------------------------------------*/
            .cab-data {}
            .cab-data-box {}
            .form-line {
                margin-bottom: 12px;
                position: relative;
            }
            .autorefbackform-wrap input:not(.btn),
            table input:not(.btn),
            textarea,
            .form-line input:not(.btn) {
                border: 1px solid #363554;
                font-weight: 400;
                font-size: 0.8125rem;
                height: auto;
                display: block;
                width: 100%;
                padding: 0.675rem 0.875rem;
                line-height: 1;
                color: #fff;
                background-color: #1a1830;
                background-clip: padding-box;
                border-radius: 50px;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                outline: none;
            }
            table input:not(.btn):focus,
            .form-line input:not(.btn):focus {
                color: #fff;
                border-color: #363554;
            }
            .form-line label {
                font-size: 14px; //text-transform: uppercase;
                margin-bottom: 5px;
                display: inline-block;
                font-weight: 600;
            }
            .form-line label img {
                height: 30px;
            }
            .cab-data-submit .btn {
                width: 100%;
                margin-top: 21px;
            }
            .cab-data-img {
                text-align: center;
            }
            .cab-data-img img {
                width: 150px;
                height: 150px;
                border-radius: 50%;
            }
            /*----------------------------------
    combobox-wrapper
------------------------------------*/
            .combobox-wrapper {
                width: 100%;
                position: relative;
            }
            .combobox-text {
                display: block;
                width: 100%;
                height: 40px;
                line-height: 37px;
                padding: 0 15px;
                background-color: #1a1830;
                border: 1px solid #363554;
                border-radius: 50px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                font-size: 14px;
                font-weight: 400;
                cursor: pointer;
                color: #ffffff;
            }
            .combobox-button {
                position: absolute;
                width: 11px;
                height: 6px;
                display: inline-block;
                background-image: url("../../static/img/sentence/combo-ic.png");
                background-repeat: no-repeat;
                background-position: right center;
                cursor: pointer;
                top: 16px;
                right: 10px;
            }
            .combobox-options {
                position: absolute;
                width: 100%;
                top: 100%;
                left: 0;
                padding: 0;
                margin-top: 5px;
                margin: 0;
                z-index: 5;
                list-style-type: none;
            }
            .combobox-options li {
                display: block;
                color: #6d6f96;
                width: 100%;
                height: 45px;
                line-height: 45px;
                padding: 0 15px;
                margin: 0;
                background: #1a1830;
                border-radius: 0px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                font-size: 15px;
                font-weight: 700;
                border-left: 1px solid #363554;
                border-top: 1px solid #363554;
                border-right: 1px solid #363554;
                border-bottom: 1px solid #363554;
                -webkit-transform: skew(0deg);
                -moz-transform: skew(0deg);
                -o-transform: skew(0deg);
                transform: skew(0deg);
                text-align: left;
                cursor: pointer;
            }
            .combobox-options li:last-child {
                border-bottom: 1px solid #363554; //margin-top:5px;
            }
            .combobox-options li:hover {
                background-color: #363554;
                color: #ffffff;
                border-radius: 0px;
            }
            .form-line-check-input {}
            .form-line-check-input label {
                margin-left: 25px;
                font-size: 14px;
                font-weight: 400;
                color: #6d6f96;
            }
        }
        /*----------------------------------
    promo
------------------------------------*/
        .cab-teams-rang button {
            width: 100%;
        }
        .banner-box {}
        .banner-box h3 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #706f6f;
        }
        .banner-box-wrap {
            margin-bottom: 30px;
        }
        .banner-box-wrap h4 {
            margin: 10px 0;
        }
        .banner-box-wrap textarea {
            text-align: center;
        }
        .banner-box-wrap textarea:focus {
            color: #e9e6e6;
            border-color: #4540f782;
        }
        /*----------------------------------
    cab-teams-box
------------------------------------*/
        .cab-teams-box {
            margin-bottom: 1.75rem;
        }
        .cab-teams-info {}
        .cab-teams-info-title {
            margin-bottom: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
        }
        .cab-teams-info-title i {
            color: #f930ed;
            font-size: 1.7rem;
            margin-right: 12px;
        }
        .cab-teams-info-title p {
            margin: 0; //text-transform: uppercase;
            font-size: 16px;
        }
        .cab-teams-info-title p span {
            display: inline-block;
            margin-right: 12px;
        }
        .cab-teams-info-title b {
            color: #1a9dfa;
            font-size: 18px;
            font-weight: bold;
        }
        .cab-teams-info-title b i {
            font-size: 16px;
            color: #34a5d4;
        }
        .cab-teams-info-title .list {
            position: absolute;
            right: 56px;
            bottom: -16px;
            font-size: 12px;
        }
        .cab-teams-info-title .list span:last-child {
            margin: 0;
        }
        .cab-teams-info-title .list span b {
            margin-left: 4px;
        }
        .cab-teams-info-table {}
        .cab-teams-info-table th {
            text-align: center;
        }
        .cab-teams-info-table td span {
            float: right;
        }
        /*----------------------------------
    cab-teams-myteam
------------------------------------*/
        .cab-teams-myteam {}
        .finance-balance {
            background: #1a1830;
        }
        .finance-balance-table {
            overflow-y: auto;
            overflow-x: auto;
        }
        .finance-balance-table table td {
            text-align: center;
        }
        /*----------------------------------
    cab-teams-myteam
------------------------------------*/
        .popolnit-box {}
        .popolnit-box .popolnit-box-row {
            margin: 0 auto 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        .select {
            display: block;
            width: 76%;
            height: 44px;
            line-height: 36px;
            padding: 0 15px;
            background-color: #ffffff;
            border: 1px solid #eeeeee;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            color: #b1b1b5;
        }
        .autorefbackform-title {
            color: #ffffff;
            font-weight: 400;
        }
        .cab-teams-rang-title {
            color: #ffffff;
            font-weight: 400;
        }
        .popolnit-box .form-line label,
        .popolnit-box .form-line .input-box,
        .popolnit-box .form-line .select-box,
        .popolnit-box .form-line #add_Sum {
            width: 50%;
        }
        .popolnit-box .form-line label {
            margin: 0 20px 0 0;
            text-align: right;
            font-size: 14px;
            font-weight: 400;
        }
        .popolnit-box .input-box {
            position: relative;
        }
        .curr-line,
        .curr-input {
            position: absolute;
        }
        .curr-line {
            font-size: 12px;
            top: 102%;
            right: 0;
        }
        .curr-input {
            //top: 12px;
            right: 12px;
        }
        .popolnit-system {
            margin-bottom: 30px;
        }
        .popolnit-system .row-out {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            /*-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
            justify-content: center;
        }
        .popolnit-system .row-out li {
            width: 11%;
            height: 50px;
            margin: 0 1% 20px;
            border: 0px solid #007bc34f;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            position: relative;
            background: #fff; //box-shadow: 0 1px 7px 1px rgba(255, 255, 255, 0.08);
            //background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.05' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .popolnit-system .row-out li::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -webkit-transition: ease-out .1s;
            -moz-transition: ease-out .1s;
            -ms-transition: ease-out .1s;
            -o-transition: ease-out .1s;
            transition: ease-out .1s;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }
        .popolnit-system .row-out :hover {
            background: #000;
            -webkit-transition: ease-out .1s;
            -moz-transition: ease-out .1s;
            -ms-transition: ease-out .1s;
            -o-transition: ease-out .1s;
            transition: ease-out .1s;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }
        .popolnit-system .row-out li.active {
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }
        .popolnit-system .row-out li.active::before {
            background: #f930ed;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border: 0px solid #f930ed;
        }
        .popolnit-system .row-out li label {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .vyvod-box-buttons {}
        .vyvod-box-buttons ul {
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
        }
        .vyvod-box-buttons ul li:nth-child(1) {
            margin-bottom: 20px;
            text-transform: uppercase; //background: rgb(26 24 48);
            color: #fff;
            border-radius: 50px;
            padding: .5rem .8rem;
            display: inline-block;
            border: 1px solid #363554;
        }
        .vyvod-box-buttons ul li:nth-child(1) small {
            display: inline-block;
            margin: 0 5px;
            color: #f930ed;
            font-weight: 500 !important;
        }
        .vyvod-box-buttons ul li:nth-child(1) b {
            font-size: 18px;
            color: #f930ed;
        }
        .vyvod-box-buttons .btn {
            width: 70%;
            background: #1b2035;
        }
        .finance-table form {
            text-align: center;
        }
        .finance-table form .btn {
            margin: 30px 10px 0;
        }
        .formatTable input:not(.btn) {
            max-width: 250px;
            font-weight: 700;
        }
        .popolnit-box-row .combobox-wrapper {
            //width: 50%;
            width: 300px;
            float: left;
            position: relative;
            margin: 9px;
        }
        .accounter-wrap,
        .autorefbackform-wrap {
            margin-bottom: 1.75rem;
        }
        .autorefbackform-wrap .btn {
            width: 100%;
        }
        .table-accounter-head {
            margin-bottom: 30px;
        }
        .massage-section {
            padding-top: 20px;
            margin-bottom: 20px;
        }
        .massage-box {
            margin-bottom: -1.75rem;
        }
        .massage-box .fa-comments,
        .massage-box .fa-globe,
        .massage-box .fa-times {
            font-size: 20px;
            color: #5a46e8;
        }
        .massage-box .fa-comments,
        .massage-box .fa-globe {
            float: left;
            margin-right: 15px;
            color: #5a46e8;
        }
        .massage-box .fa-times {
            float: right;
            font-size: 21px;
            color: #5a46e8;
        }
        .massage-box h3 {
            margin: 0;
            color: #ffffff;
            font-weight: 700;
        }
        .massage-box p {
            margin: 0;
            color: #6d6f96;
            font-weight: 300;
        }
        .error_message {
            font-size: 14px;
            color: #cc4040;
            font-weight: 400;
            text-align: center;
        }
        .btn.btn-bluess {
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            text-transform: capitalize;
            color: #ffffff;
            border: 0px solid #3b00bc;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -ms-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
            box-shadow: none;
            background: #f930ed;
            background-size: 300% auto;
            background-position: left center;
            box-shadow: none;
        }
        .btn.btn-bluess:hover {
            background-position: right center;
            background: #f930ed80;
        }
        .btn.btn-bluess:hover {
            box-shadow: none;
        }
        section.account-section .list-standart.list-standart-refsys {
            padding: 0;
            margin: 10px 0;
        }
        section.account-section .list-standart.list-standart-refsys img {
            margin-top: 4px;
        }
        section.account-section .list-standart.list-standart-refsys .item {
            margin: 10px 0;
        }
        section.account-section .list-standart.list-standart-oper {
            padding: 0;
        }
        section.account-section .list-standart.list-standart-oper .item {
            padding-left: 38px;
        }
        section.account-section .list-standart.list-standart-oper a {
            color: #1d9ffb;
        }
        section.account-section .list-standart.list-standart-oper a:hover {
            text-decoration: underline;
            color: #35cbfd;
        }
        section.account-section .list-standart.list-standart-depo {
            padding: 0;
        }
        section.account-section .list-standart.list-standart-depo .item {
            padding-left: 44px;
        }
        section.account-section .list-standart.list-standart-depo .item span {
            margin-bottom: 4px;
        }
        section.account-section .list-standart.list-standart-depo .item b {
            font-size: 18px;
        }
        section.account-section .account-box-info {
            padding: 28px 33px 27px 30px;
            color: #fff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #1a2c46;
        }
        section.account-section .account-box-info b.subtitle {
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 14px;
        }
        section.account-section .account-box-info b.subtitle img {
            margin-right: 8px;
        }
        section.account-section .account-box-info p {
            line-height: 1.43;
        }
        section.account-section .account-box-info .media .media-left {
            padding-right: 8px;
        }
        section.account-section .account-box-info.gray {
            padding: 24px 30px;
            color: #090f18;
            background: #f6f7f8;
            border: 1px solid #eee;
        }
        section.account-section .account-box-info.gray img {
            margin-top: 6px;
        }
        section.account-section .account-box-info.gray p {
            line-height: 1.71;
        }
        section.account-section .box-example b.examle-title {
            color: #090f18;
        }
        section.account-section .box-example ul>li p {
            padding-right: 26px;
        }
        section.account-section .box-example.m-t-35 {
            margin-top: 35px;
        }
        .scroll-wrapper {
            overflow: hidden !important;
            padding: 0 !important;
            position: relative;
            >.scroll-content {
                border: none !important;
                box-sizing: content-box !important;
                height: auto;
                left: 0;
                margin: 0;
                max-height: none;
                max-width: none !important;
                overflow: scroll !important;
                padding: 0;
                position: relative !important;
                top: 0;
                width: auto !important;
                &::-webkit-scrollbar {
                    height: 0;
                    width: 0;
                }
            }
        }
        .scroll-element {
            display: none;
            box-sizing: content-box;
            div {
                box-sizing: content-box;
            }
            &.scroll-x.scroll-scrollx_visible,
            &.scroll-y.scroll-scrolly_visible {
                display: block;
            }
            .scroll-arrow,
            .scroll-bar {
                cursor: default;
            }
        }
        .scroll-textarea {
            border: 1px solid #ccc;
            border-top-color: #706f6f;
            >.scroll-content {
                overflow: hidden !important;
                >textarea {
                    border: none !important;
                    box-sizing: border-box;
                    height: 100% !important;
                    margin: 0;
                    max-height: none !important;
                    max-width: none !important;
                    overflow: scroll !important;
                    outline: 0;
                    padding: 2px;
                    position: relative !important;
                    top: 0;
                    width: 100% !important;
                }
            }
        }
        .scrollbar-inner>.scroll-element .scroll-element_outer,
        .scrollbar-outer>.scroll-element .scroll-element_outer {
            overflow: hidden;
        }
        .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
            height: 0;
            width: 0;
        }
        .scrollbar-inner>.scroll-element {
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
            div {
                border: none;
                margin: 0;
                padding: 0;
                position: absolute;
                z-index: 10;
                display: block;
                height: 100%;
                left: 0;
                top: 0;
                width: 100%;
            }
            &.scroll-x {
                bottom: 2px;
                height: 7px;
                left: 0;
                width: 100%;
                &.scroll-scrolly_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        left: -12px;
                    }
                }
            }
            &.scroll-y {
                height: 100%;
                right: 2px;
                top: 0;
                width: 7px;
                &.scroll-scrollx_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        top: -12px;
                    }
                }
            }
            .scroll-bar,
            .scroll-element_outer,
            .scroll-element_track {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }
            .scroll-bar {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                filter: alpha(opacity=40);
                opacity: .4;
            }
            .scroll-element_track {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                filter: alpha(opacity=40);
                opacity: .4;
                background-color: #e0e0e0;
            }
            .scroll-bar {
                background-color: #c2c2c2;
            }
            &.scroll-draggable .scroll-bar,
            &:hover .scroll-bar {
                background-color: #919191;
            }
        }
        .scrollbar-outer> {
            .scroll-element {
                border: none;
                margin: 0;
                padding: 0;
                position: absolute;
                z-index: 10;
                div {
                    border: none;
                    margin: 0;
                    padding: 0;
                    position: absolute;
                    z-index: 10;
                    display: block;
                    height: 100%;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                background-color: $white-color;
                &.scroll-x {
                    bottom: 0;
                    height: 12px;
                    left: 0;
                    width: 100%;
                }
                &.scroll-y {
                    height: 100%;
                    right: 0;
                    top: 0;
                    width: 12px;
                }
                &.scroll-x .scroll-element_outer {
                    height: 7px;
                    top: 2px;
                }
                &.scroll-y .scroll-element_outer {
                    left: 2px;
                    width: 7px;
                }
                .scroll-element_track {
                    background-color: #eee;
                }
                .scroll-bar,
                .scroll-element_outer,
                .scroll-element_track {
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                }
                .scroll-bar {
                    background-color: #d9d9d9;
                    &:hover {
                        background-color: #c2c2c2;
                    }
                }
                &.scroll-draggable .scroll-bar {
                    background-color: #919191;
                }
            }
            .scroll-content.scroll-scrolly_visible {
                left: -12px;
                margin-left: 12px;
            }
            .scroll-element.scroll-x.scroll-scrolly_visible {
                .scroll-element_size,
                .scroll-element_track {
                    left: -14px;
                }
            }
            .scroll-content.scroll-scrollx_visible {
                top: -12px;
                margin-top: 12px;
            }
            .scroll-element {
                &.scroll-y.scroll-scrollx_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        top: -14px;
                    }
                }
                &.scroll-x .scroll-bar {
                    min-width: 10px;
                }
                &.scroll-y .scroll-bar {
                    min-height: 10px;
                }
            }
        }
        .scrollbar-macosx {
            >.scroll-element {
                background: 0 0;
                border: none;
                margin: 0;
                padding: 0;
                position: absolute;
                z-index: 10;
                div {
                    background: 0 0;
                    border: none;
                    margin: 0;
                    padding: 0;
                    position: absolute;
                    z-index: 10;
                    display: block;
                    height: 100%;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                .scroll-element_track {
                    display: none;
                }
                .scroll-bar {
                    background-color: #6C6E71;
                    display: block;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    opacity: 0;
                    -webkit-border-radius: 7px;
                    -moz-border-radius: 7px;
                    border-radius: 7px;
                    -webkit-transition: opacity .2s linear;
                    -moz-transition: opacity .2s linear;
                    -o-transition: opacity .2s linear;
                    -ms-transition: opacity .2s linear;
                    transition: opacity .2s linear;
                }
            }
            &:hover>.scroll-element .scroll-bar {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                filter: alpha(opacity=70);
                opacity: .7;
            }
            >.scroll-element {
                &.scroll-draggable .scroll-bar {
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                    filter: alpha(opacity=70);
                    opacity: .7;
                }
                &.scroll-x {
                    bottom: 0;
                    height: 0;
                    left: 0;
                    min-width: 100%;
                    overflow: visible;
                    width: 100%;
                }
                &.scroll-y {
                    height: 100%;
                    min-height: 100%;
                    right: 0;
                    top: 0;
                    width: 0;
                }
                &.scroll-x .scroll-bar {
                    height: 7px;
                    min-width: 10px;
                    top: -9px;
                }
                &.scroll-y .scroll-bar {
                    left: -9px;
                    min-height: 10px;
                    width: 7px;
                }
                &.scroll-x {
                    .scroll-element_outer {
                        left: 2px;
                    }
                    .scroll-element_size {
                        left: -4px;
                    }
                }
                &.scroll-y {
                    .scroll-element_outer {
                        top: 2px;
                    }
                    .scroll-element_size {
                        top: -4px;
                    }
                }
                &.scroll-x.scroll-scrolly_visible .scroll-element_size {
                    left: -11px;
                }
                &.scroll-y.scroll-scrollx_visible .scroll-element_size {
                    top: -11px;
                }
            }
        }
        .scrollbar-light> {
            .scroll-element {
                border: none;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                z-index: 10;
                div {
                    border: none;
                    margin: 0;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    z-index: 10;
                    display: block;
                    height: 100%;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                background-color: $white-color;
                .scroll-element_outer {
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }
                .scroll-element_size {
                    background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
                    background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
                    background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
                    background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
                    background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }
                &.scroll-x {
                    bottom: 0;
                    height: 17px;
                    left: 0;
                    min-width: 100%;
                    width: 100%;
                }
                &.scroll-y {
                    height: 100%;
                    min-height: 100%;
                    right: 0;
                    top: 0;
                    width: 17px;
                }
                .scroll-bar {
                    background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
                    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
                    background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
                    background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
                    background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
                    background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
                    border: 1px solid #dbdbdb;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }
            }
            .scroll-content {
                &.scroll-scrolly_visible {
                    left: -17px;
                    margin-left: 17px;
                }
                &.scroll-scrollx_visible {
                    top: -17px;
                    margin-top: 17px;
                }
            }
            .scroll-element {
                &.scroll-x .scroll-bar {
                    height: 10px;
                    min-width: 10px;
                    top: 0;
                }
                &.scroll-y .scroll-bar {
                    left: 0;
                    min-height: 10px;
                    width: 10px;
                }
                &.scroll-x {
                    .scroll-element_outer {
                        height: 12px;
                        left: 2px;
                        top: 2px;
                    }
                    .scroll-element_size {
                        left: -4px;
                    }
                }
                &.scroll-y .scroll-element_outer {
                    left: 2px;
                    top: 2px;
                    width: 12px;
                }
                &.scroll-x.scroll-scrolly_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        left: -19px;
                    }
                }
                &.scroll-y {
                    .scroll-element_size {
                        top: -4px;
                    }
                    &.scroll-scrollx_visible {
                        .scroll-element_size,
                        .scroll-element_track {
                            top: -19px;
                        }
                    }
                }
            }
        }
        .scrollbar-rail> {
            .scroll-element {
                border: none;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                z-index: 10;
                div {
                    border: none;
                    margin: 0;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    z-index: 10;
                    display: block;
                    height: 100%;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                background-color: $white-color;
                .scroll-element_size {
                    background-color: #706f6f;
                    background-color: rgba(0, 0, 0, 0.3);
                }
                .scroll-element_outer:hover .scroll-element_size {
                    background-color: #666;
                    background-color: rgba(0, 0, 0, 0.5);
                }
                &.scroll-x {
                    bottom: 0;
                    height: 12px;
                    left: 0;
                    min-width: 100%;
                    padding: 3px 0 2px;
                    width: 100%;
                }
                &.scroll-y {
                    height: 100%;
                    min-height: 100%;
                    padding: 0 2px 0 3px;
                    right: 0;
                    top: 0;
                    width: 12px;
                }
                .scroll-bar {
                    background-color: #d0b9a0;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
                }
                .scroll-element_outer:hover .scroll-bar {
                    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
                }
            }
            .scroll-content {
                &.scroll-scrolly_visible {
                    left: -17px;
                    margin-left: 17px;
                }
                &.scroll-scrollx_visible {
                    margin-top: 17px;
                    top: -17px;
                }
            }
            .scroll-element {
                &.scroll-x .scroll-bar {
                    height: 10px;
                    min-width: 10px;
                    top: 1px;
                }
                &.scroll-y .scroll-bar {
                    left: 1px;
                    min-height: 10px;
                    width: 10px;
                }
                &.scroll-x {
                    .scroll-element_outer {
                        height: 15px;
                        left: 5px;
                    }
                    .scroll-element_size {
                        height: 2px;
                        left: -10px;
                        top: 5px;
                    }
                }
                &.scroll-y {
                    .scroll-element_outer {
                        top: 5px;
                        width: 15px;
                    }
                    .scroll-element_size {
                        left: 5px;
                        top: -10px;
                        width: 2px;
                    }
                }
                &.scroll-x.scroll-scrolly_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        left: -25px;
                    }
                }
                &.scroll-y.scroll-scrollx_visible {
                    .scroll-element_size,
                    .scroll-element_track {
                        top: -25px;
                    }
                }
            }
        }
        .scrollbar-dynamic>.scroll-element {
            background: 0 0;
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
            div {
                background: 0 0;
                border: none;
                margin: 0;
                padding: 0;
                position: absolute;
                z-index: 10;
                display: block;
                height: 100%;
                left: 0;
                top: 0;
                width: 100%;
            }
            &.scroll-x {
                bottom: 2px;
                height: 7px;
                left: 0;
                min-width: 100%;
                width: 100%;
            }
            &.scroll-y {
                height: 100%;
                min-height: 100%;
                right: 2px;
                top: 0;
                width: 7px;
            }
            .scroll-element_outer {
                opacity: .3;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                border-radius: 12px;
            }
            .scroll-element_size {
                background-color: #ccc;
                opacity: 0;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                border-radius: 12px;
                -webkit-transition: opacity .2s;
                -moz-transition: opacity .2s;
                -o-transition: opacity .2s;
                -ms-transition: opacity .2s;
                transition: opacity .2s;
            }
            .scroll-bar {
                background-color: #6c6e71;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;
            }
            &.scroll-x .scroll-bar {
                bottom: 0;
                height: 7px;
                min-width: 24px;
                top: auto;
            }
            &.scroll-y .scroll-bar {
                left: auto;
                min-height: 24px;
                right: 0;
                width: 7px;
            }
            &.scroll-x .scroll-element_outer {
                bottom: 0;
                top: auto;
                left: 2px;
                -webkit-transition: height .2s;
                -moz-transition: height .2s;
                -o-transition: height .2s;
                -ms-transition: height .2s;
                transition: height .2s;
            }
            &.scroll-y .scroll-element_outer {
                left: auto;
                right: 0;
                top: 2px;
                -webkit-transition: width .2s;
                -moz-transition: width .2s;
                -o-transition: width .2s;
                -ms-transition: width .2s;
                transition: width .2s;
            }
            &.scroll-x .scroll-element_size {
                left: -4px;
            }
            &.scroll-y .scroll-element_size {
                top: -4px;
            }
            &.scroll-x.scroll-scrolly_visible .scroll-element_size {
                left: -11px;
            }
            &.scroll-y.scroll-scrollx_visible .scroll-element_size {
                top: -11px;
            }
            &.scroll-draggable .scroll-element_outer,
            &:hover .scroll-element_outer {
                overflow: hidden;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                filter: alpha(opacity=70);
                opacity: .7;
            }
            &.scroll-draggable .scroll-element_outer .scroll-element_size,
            &:hover .scroll-element_outer .scroll-element_size {
                opacity: 1;
            }
            &.scroll-draggable .scroll-element_outer .scroll-bar,
            &:hover .scroll-element_outer .scroll-bar {
                height: 100%;
                width: 100%;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                border-radius: 12px;
            }
            &.scroll-x {
                &.scroll-draggable .scroll-element_outer,
                &:hover .scroll-element_outer {
                    height: 20px;
                    min-height: 7px;
                }
            }
            &.scroll-y {
                &.scroll-draggable .scroll-element_outer,
                &:hover .scroll-element_outer {
                    min-width: 7px;
                    width: 20px;
                }
            }
        }
        .scrollbar-chrome> {
            .scroll-element {
                border: none;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                z-index: 10;
                div {
                    border: none;
                    margin: 0;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    z-index: 10;
                    display: block;
                    height: 100%;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                background-color: $white-color;
                .scroll-element_track {
                    background: $grey-color;
                    border: 1px solid #dbdbdb;
                }
                &.scroll-x {
                    bottom: 0;
                    height: 16px;
                    left: 0;
                    min-width: 100%;
                    width: 100%;
                }
                &.scroll-y {
                    height: 100%;
                    min-height: 100%;
                    right: 0;
                    top: 0;
                    width: 16px;
                }
                .scroll-bar {
                    background-color: #d9d9d9;
                    border: 1px solid #bdbdbd;
                    cursor: default;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    &:hover {
                        background-color: #c2c2c2;
                        border-color: #a9a9a9;
                    }
                }
                &.scroll-draggable .scroll-bar {
                    background-color: #919191;
                    border-color: #7e7e7e;
                }
            }
            .scroll-content {
                &.scroll-scrolly_visible {
                    left: -16px;
                    margin-left: 16px;
                }
                &.scroll-scrollx_visible {
                    top: -16px;
                    margin-top: 16px;
                }
            }
            .scroll-element {
                &.scroll-x .scroll-bar {
                    height: 5px;
                    min-width: 10px;
                    top: 3px;
                }
                &.scroll-y .scroll-bar {
                    left: 3px;
                    min-height: 10px;
                    width: 5px;
                }
                &.scroll-x {
                    .scroll-element_outer {
                        border-left: 1px solid #dbdbdb;
                    }
                    .scroll-element_track {
                        height: 14px;
                        left: -3px;
                    }
                    .scroll-element_size {
                        height: 14px;
                        left: -4px;
                    }
                    &.scroll-scrolly_visible {
                        .scroll-element_size,
                        .scroll-element_track {
                            left: -19px;
                        }
                    }
                }
                &.scroll-y {
                    .scroll-element_outer {
                        border-top: 1px solid #dbdbdb;
                    }
                    .scroll-element_track {
                        top: -3px;
                        width: 14px;
                    }
                    .scroll-element_size {
                        top: -4px;
                        width: 14px;
                    }
                    &.scroll-scrollx_visible {
                        .scroll-element_size,
                        .scroll-element_track {
                            top: -19px;
                        }
                    }
                }
            }
        }
        /* Общий стиль для всего скроллбара */
        ::-webkit-scrollbar {
            width: 6px;
            /* ширина вертикального скроллбара */
            height: 6px;
            /* высота горизонтального скроллбара */
        }
        /* Стиль для трека скроллбара */
        ::-webkit-scrollbar-track {
            background: #1a1830;
            border-radius: 10px;
        }
        /* Стиль для ползунка скроллбара */
        ::-webkit-scrollbar-thumb {
            background: #6d6f96;
            /* цвет ползунка */
            border-radius: 10px;
            /* радиус скругления углов ползунка */
        }
        /* Стиль для ползунка при наведении на него */
        ::-webkit-scrollbar-thumb:hover {
            background: #2a265d;
            /* цвет ползунка при наведении */
        }