:root {
    --color-green-1: #00ff83;
    --color-green-2: #3affa9;
    --color-blue-text: #081a7c;
    --background-color: #191d26;
    --background-color-1: #141616;
    --background-color-2: #22252d;
    --background-color-3: #292c35;
    --background-color-5: #353B4D;
    --background-color-6: #1f1f28;
    --background-color-8: #131515;
    --background-color-9: #363748;
    --background-color-10: #2c2d3b;
    --background-color-toast-info: #cbdfff;
    --background-color-toast-yield: #f6e7c1;
    --background-color-toast-success: #caffcc;
    --background-color-toast-warning: #cc9998;
    --background-color-21: #313242;
    --text-color-1: #d6d4d4;
    --text-color-3: #cccccc;
    --text-color-4: #dbdbdb;
    --white-color: #fff;
    --black-color: #000;
    --red-color: red;
    --dark-color_1: #000f0a;
    --dark-color_2: #262626;
    --grey-color: #999;
    --yellow-color: #ffcf0d;
    --yellow-color-2: #fff708;
    --light-blue-color: #558dfb;
    --light-blue-color2: #09b5be;
    --error-color: #F02849;
    --gradient-color-rg: linear-gradient(to right, rgb(58, 255, 169) 0%, rgba(3, 171, 192, 1) 100%);
    --gradient-color-le: linear-gradient(to left, rgba(58, 255, 169, 1) 0%, rgba(3, 171, 192, 1) 100%);
    --gradient-color: linear-gradient(324deg, rgba(58, 255, 169, 1) 0%, rgba(3, 171, 192, 1) 100%);
    --gradient-color-2: linear-gradient(322deg, rgba(0, 255, 131, 1) 0%, rgba(3, 175, 191, 1) 100%);
    --gradient-color-grey: linear-gradient(to right, var(--grey-color), var(--text-color-1));
    --backdrop-color: rgba(0, 0, 0, 0.2);
    --scrollTop-color: rgba(0, 0, 0, .6);
    --background-color-11: #e6e9ef;
    --background-color-12: #f2f4f7;
    --background-color-13: #dae1ed;
    --background-color-14: #c8c8d1;
}

/* rtl */

html[lang="ar-sa"] *,
html[lang="fa-ir"] * {
    direction: rtl;
}

html[lang="ar-sa"] .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item,
html[lang="fa-ir"] .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    margin: 0 20px 0 auto;
}

html[lang="ar-sa"] .theme-switcher,
html[lang="fa-ir"] .theme-switcher {
    margin-right: 15px;
    margin-left: 0;
}

html[lang="ar-sa"] .Wrapper--Header .Container__Item,
html[lang="fa-ir"] .Wrapper--Header .Container__Item {
    padding: 0 16px 0 27px;
}

html[lang="ar-sa"] .Wrapper--Header #searchSettings ~ a i ~ span,
html[lang="fa-ir"] .Wrapper--Header #searchSettings ~ a i ~ span {
    margin-right: 10px;
}

html[lang="ar-sa"] .Header--primary__Panel--user .identifier-menu-new:not(.loading):after,
html[lang="fa-ir"] .Header--primary__Panel--user .identifier-menu-new:not(.loading):after {
    right: 72px;
    left: unset;
}

html[lang="ar-sa"] .Header--primary__Panel--user .identifier-menu-top:not(.loading):after,
html[lang="fa-ir"] .Header--primary__Panel--user .identifier-menu-top:not(.loading):after {
    right: 41px;
    left: unset;
}

html[lang="ar-sa"] .identifier-menu-new:not(.loading):after, html[lang="ar-sa"] .identifier-menu-top:not(.loading):after,
html[lang="fa-ir"] .identifier-menu-new:not(.loading):after, html[lang="fa-ir"] .identifier-menu-top:not(.loading):after {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
}

html[lang="ar-sa"] .Language .Language-active .flag img, html[lang="ar-sa"] .Dropdown--language li .flag img,
html[lang="fa-ir"] .Language .Language-active .flag img, html[lang="fa-ir"] .Dropdown--language li .flag img {
    margin-right: unset;
    margin-left: 10px;
}

html[lang="ar-sa"] .Header--secondary .Sections a, html[lang="ar-sa"] .web-languages, .web-time,
html[lang="fa-ir"] .Header--secondary .Sections a, html[lang="fa-ir"] .web-languages, .web-time {
    margin-right: 2px;
    margin-left: unset;
    padding-right: unset;
    padding-left: 10px;
}

html[lang="ar-sa"] .Language .Dropdown--language,
html[lang="fa-ir"] .Language .Dropdown--language {
    left: unset;
    right: -4px;
}

html[lang="ar-sa"] .flickity-prev-next-button.previous,
html[lang="fa-ir"] .flickity-prev-next-button.previous {
    left: 3%;
    right: unset;
}

html[lang="ar-sa"] .flickity-prev-next-button.next,
html[lang="fa-ir"] .flickity-prev-next-button.next {
    left: calc(3% + 46px);
    right: unset;
}

html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:not(.hasHit):after,
html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:not(.hasHit):after {
    animation: light_rtl 1.5s linear 1;
}

@keyframes light_rtl {
    0% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-green-2));
        transform: rotate(0deg);
        background-color: transparent;
    }

    100% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-green-2));
        transform: rotate(-360deg);
        background-color: transparent;
    }
}

html[lang="ar-sa"] .slick-next, html[lang="ar-sa"] .swiper-button-prev,
html[lang="fa-ir"] .slick-next, html[lang="fa-ir"] .swiper-button-prev {
    left: 26px;
    right: unset;
    rotate: 180deg;
}

html[lang="ar-sa"] .slick-next, html[lang="ar-sa"] .swiper-button-next,
html[lang="fa-ir"] .slick-next, html[lang="fa-ir"] .swiper-button-next,
html[lang="ar-sa"] .paging .pi.paging-next, html[lang="ar-sa"] .paging .pi.paging-prev, html[lang="ar-sa"] .paging .pi.paging-first,
html[lang="ar-sa"] .paging .pi.paging-next-ten, html[lang="ar-sa"] .paging .pi.paging-prev-ten, html[lang="ar-sa"] .paging .pi.paging-last,
html[lang="fa-ir"] .paging .pi.paging-next, html[lang="fa-ir"] .paging .pi.paging-prev, html[lang="fa-ir"] .paging .pi.paging-first,
html[lang="fa-ir"] .paging .pi.paging-next-ten, html[lang="fa-ir"] .paging .pi.paging-prev-ten, html[lang="fa-ir"] .paging .pi.paging-last {
    rotate: 180deg;
}

html[lang="ar-sa"] .game-category-selector-container .ss-main .ss-multi-selected .ss-add,
html[lang="fa-ir"] .game-category-selector-container .ss-main .ss-multi-selected .ss-add {
    margin: 14px 5px 0 12px;
}

html[lang="ar-sa"] .game-category-selector-container .ss-main .ss-multi-selected .ss-value,
html[lang="fa-ir"] .game-category-selector-container .ss-main .ss-multi-selected .ss-value {
    padding-left: 5px;
    padding-right: 15px;
}

html[lang="ar-sa"] #searchPopup .glyphicon-search,
html[lang="fa-ir"] #searchPopup .glyphicon-search {
    left: 10px;
    right: unset;
}

html[lang="ar-sa"] .modal-dialog .modal-content button.close,
html[lang="fa-ir"] .modal-dialog .modal-content button.close {
    left: 14px;
    right: unset;
}

html[lang="ar-sa"] .modal-dialog.search,
html[lang="fa-ir"] .modal-dialog.search {
    padding-left: 6px;
    padding-right: unset;
}

    html[lang="ar-sa"] .modal-dialog.search.vendorListOpen,
    html[lang="fa-ir"] .modal-dialog.search.vendorListOpen {
        padding-left: 0;
    }

html[lang="ar-sa"] #registerContainerHeader.on-page-1 .page-header-1, html[lang="ar-sa"] .modal-title-text,
html[lang="fa-ir"] #registerContainerHeader.on-page-1 .page-header-1, html[lang="fa-ir"] .modal-title-text {
    padding-left: 0;
    padding-right: 20px;
}

html[lang="ar-sa"] .Header--secondary, html[lang="fa-ir"] .Header--secondary,
html[lang="ar-sa"] .game-nav .search-wrapper, html[lang="fa-ir"] .game-nav .search-wrapper {
    margin-right: auto;
    margin-left: unset;
}

html[lang="ar-sa"] .header-secondary .Container__Item, html[lang="fa-ir"] .header-secondary .Container__Item {
    padding: 4px 18px 4px 35px;
}

html[lang="ar-sa"] .footer_text_container .Item, html[lang="fa-ir"] .footer_text_container .Item {
    margin-right: 0;
    margin-left: 72px;
}

html[lang="ar-sa"] body:not(.mobile).modal-open .Wrapper--Header, html[lang="ar-sa"] body:not(.mobile).modal-open .header-secondary,
html[lang="ar-sa"] body:not(.mobile).modal-open .Main, html[lang="ar-sa"] body:not(.mobile).modal-open .Main_not_slidable,
html[lang="fa-ir"] body:not(.mobile).modal-open .Wrapper--Header, html[lang="fa-ir"] body:not(.mobile).modal-open .header-secondary,
html[lang="fa-ir"] body:not(.mobile).modal-open .Main, html[lang="fa-ir"] body:not(.mobile).modal-open .Main_not_slidable {
    padding-right: 0;
    width: calc(100% - 8px);
}

html[lang="ar-sa"] .eye-icon, html[lang="fa-ir"] .eye-icon {
    right: auto !important;
    left: 10px !important;
}

html[lang="ar-sa"] #loginForm .row, html[lang="fa-ir"] #loginForm .row {
    display: flex;
}

    html[lang="ar-sa"] #loginForm .row .text-left, html[lang="fa-ir"] #loginForm .row .text-left,
    html[lang="ar-sa"] .modal-sub-body.identifications .document-head-row-title div, html[lang="ar-sa"] .modal-sub-body.identifications .document-body-row-title div,
    html[lang="ar-sa"] .modal-sub-body.identifications .document-body-row-title button, html[lang="ar-sa"] .modal-sub-body.identifications .document-body-row-title i,
    html[lang="fa-ir"] .modal-sub-body.identifications .document-head-row-title div, html[lang="fa-ir"] .modal-sub-body.identifications .document-body-row-title div,
    html[lang="fa-ir"] .modal-sub-body.identifications .document-body-row-title button, html[lang="fa-ir"] .modal-sub-body.identifications .document-body-row-title i,
    html[lang="ar-sa"] #profilePopup .identifications-settings-wrapper .note, html[lang="fa-ir"] #profilePopup .identifications-settings-wrapper .note {
        text-align: right;
    }

    html[lang="ar-sa"] #loginForm .row .text-right, html[lang="fa-ir"] #loginForm .row .text-right,
    html[lang="ar-sa"] #registerContainer .row .text-right, html[lang="fa-ir"] #registerContainer .row .text-right,
    html[lang="ar-sa"] .registration.page-3 .row .col-md-6:nth-of-type(2), html[lang="fa-ir"] .registration.page-3 .row .col-md-6:nth-of-type(2),
    html[lang="ar-sa"] #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12,
    html[lang="fa-ir"] #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12,
    html[lang="ar-sa"] #profilePopup .modal-footer .col-xs-6, html[lang="fa-ir"] #profilePopup .modal-footer .col-xs-6,
    html[lang="ar-sa"] .text-right, html[lang="fa-ir"] .text-right,
    html[lang="ar-sa"] #profilePopup #searchform .col-xs-4:last-of-type.form-group,
    html[lang="fa-ir"] #profilePopup #searchform .col-xs-4:last-of-type .form-group {
        text-align: left;
    }

html[lang="ar-sa"] .modal-body label, html[lang="fa-ir"] .modal-body label {
    margin-right: 14px;
    margin-left: 0;
}

html[lang="ar-sa"] .captcha-loader, html[lang="ar-sa"] .col-sm-4, html[lang="ar-sa"] #forgotpassform .col-xs-4, html[lang="ar-sa"] #forgotpassform .captcha-loader,
html[lang="fa-ir"] .captcha-loader, html[lang="fa-ir"] .col-sm-4, html[lang="fa-ir"] #forgotpassform .col-xs-4, html[lang="fa-ir"] #forgotpassform .captcha-loader {
    margin-right: 15px;
    margin-left: 0;
    padding-right: 0;
    padding-left: 15px;
    float: right;
}

    html[lang="ar-sa"] #profilePopup .profile-sub-nav li:nth-child(1), html[lang="ar-sa"]#profilePopup #searchform .input-group-addon,
    html[lang="ar-sa"] .captcha-loader img, html[lang="ar-sa"] .captcha_block img,
    html[lang="ar-sa"] .input-group .form-control:first-child,
    html[lang="fa-ir"] #profilePopup .profile-sub-nav li:nth-child(1), html[lang="fa-ir"]#profilePopup #searchform .input-group-addon,
    html[lang="fa-ir"] .captcha-loader img, html[lang="fa-ir"] .captcha_block img,
    html[lang="fa-ir"] .input-group .form-control:first-child {
        border-radius: 0 !important;
        border-top-right-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
    }

    html[lang="ar-sa"] #profilePopup .profile-sub-nav li:last-of-type,
    html[lang="ar-sa"] .captcha-loader ~ .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-sm-2,
    html[lang="ar-sa"] .registration.page-3 .registration-sub-nav li:nth-child(2),
    html[lang="ar-sa"] #profilePopup .verification-code-email, html[lang="ar-sa"] #profilePopup .verification-code-mobile,
    html[lang="fa-ir"] #profilePopup .profile-sub-nav li:last-of-type,
    html[lang="fa-ir"] .captcha-loader ~ .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-sm-2,
    html[lang="fa-ir"] .registration.page-3 .registration-sub-nav li:nth-child(2),
    html[lang="fa-ir"] #profilePopup .verification-code-email, html[lang="fa-ir"] #profilePopup .verification-code-mobile {
        border-radius: 0 !important;
        border-top-left-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
    }

    html[lang="ar-sa"] .captcha-loader ~ .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-sm-2,
    html[lang="fa-ir"] .captcha-loader ~ .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-sm-2 {
        left: unset;
        right: 32.3%;
        rotate: y 180deg;
    }

html[lang="ar-sa"] #forgotpassform .col-xs-2, html[lang="ar-sa"] #forgotpassform .col-sm-2,
html[lang="fa-ir"] #forgotpassform .col-xs-2, html[lang="fa-ir"] #forgotpassform .col-sm-2 {
    right: 130px;
}

html[lang="ar-sa"] .captcha-loader ~ .col-xs-6, html[lang="ar-sa"] .col-sm-4 ~ .col-sm-6,
html[lang="fa-ir"] .captcha-loader ~ .col-xs-6, html[lang="fa-ir"] .col-sm-4 ~ .col-sm-6 {
    padding-left: 15px;
    padding-right: 50px;
}

html[lang="ar-sa"] .registration.page-2 .checkbox,
html[lang="fa-ir"] .registration.page-2 .checkbox {
    display: flex;
    flex-direction: column;
}

html[lang="ar-sa"] .radio input[type="radio"], html[lang="ar-sa"] .radio-inline input[type="radio"],
html[lang="ar-sa"] .checkbox input[type="checkbox"], html[lang="ar-sa"] .checkbox-inline input[type="checkbox"],
html[lang="fa-ir"] .radio input[type="radio"], html[lang="fa-ir"] .radio-inline input[type="radio"],
html[lang="fa-ir"] .checkbox input[type="checkbox"], html[lang="fa-ir"] .checkbox-inline input[type="checkbox"] {
    margin-right: -20px;
}

html[lang="ar-sa"] .nav-simple .game-nav ul li,
html[lang="fa-ir"] .nav-simple .game-nav ul li {
    margin-left: 24px;
    margin-right: 0;
}

html[lang="ar-sa"] .sub-game-nav.row,
html[lang="fa-ir"] .sub-game-nav.row {
    padding: 0 0 0 40px;
}

html[lang="ar-sa"] .arrow-button,
html[lang="fa-ir"] .arrow-button {
    left: 14px;
    right: unset;
}

    html[lang="ar-sa"] .arrow-button:after,
    html[lang="fa-ir"] .arrow-button:after,
    html[lang="ar-sa"] .game-list-normal .casino-game-list .product-card:hover .fav-game a, html[lang="ar-sa"] .game-list-slidable .casino-game-list .product-card:hover .fav-game a,
    html[lang="fa-ir"] .game-list-normal .casino-game-list .product-card:hover .fav-game a, html[lang="fa-ir"] .game-list-slidable .casino-game-list .product-card:hover .fav-game a,
    html[lang="ar-sa"] .slick-prev, html[lang="ar-sa"] .swiper-button-next,
    html[lang="fa-ir"] .slick-prev, html[lang="fa-ir"] .swiper-button-next,
    html[lang="ar-sa"] body:not(.mobile) .Menu--user,
    html[lang="fa-ir"] body:not(.mobile) .Menu--user,
    html[lang="ar-sa"] .profile-sub-nav li:nth-child(3), html[lang="ar-sa"] #profilePopup .no-footer .profile-sub-nav li:nth-child(2),
    html[lang="fa-ir"] .profile-sub-nav li:nth-child(3), html[lang="fa-ir"] #profilePopup .no-footer .profile-sub-nav li:nth-child(2),
    html[lang="ar-sa"] .select2-container--default .select2-selection--single .select2-selection__arrow,
    html[lang="fa-ir"] .select2-container--default .select2-selection--single .select2-selection__arrow,
    html[lang="ar-sa"] .form-control-feedback,
    html[lang="fa-ir"] .form-control-feedback,
    html[lang="ar-sa"] #profilePopup .modal--payments-history .profile-sub-nav li:nth-child(3), html[lang="ar-sa"] #profilePopup .modal--game-history .profile-sub-nav li:nth-child(3),
    html[lang="ar-sa"] #profilePopup .modal--balance-history .profile-sub-nav li:nth-child(3),
    html[lang="fa-ir"] #profilePopup .modal--payments-history .profile-sub-nav li:nth-child(3), html[lang="fa-ir"] #profilePopup .modal--game-history .profile-sub-nav li:nth-child(3),
    html[lang="fa-ir"] #profilePopup .modal--balance-history .profile-sub-nav li:nth-child(3),
    html[lang="ar-sa"] .footer_group_container .buttonPrev, html[lang="fa-ir"] .footer_group_container .buttonPrev,
    html[lang="ar-sa"] .Item__Title:after, html[lang="fa-ir"] .Item__Title:after,
    html[lang="ar-sa"] body.mobile .footer_text_container .Item .Item__Title:after,
    html[lang="fa-ir"] body.mobile .footer_text_container .Item .Item__Title:after {
        left: 0;
        right: unset;
    }

html[lang="ar-sa"] .sub-game-nav li:not(:last-child),
html[lang="fa-ir"] .sub-game-nav li:not(:last-child) {
    border-left: 1px solid var(--background-color-5);
    border-right: unset;
}

html[lang="ar-sa"] .ss-content .ss-list .ss-option,
html[lang="fa-ir"] .ss-content .ss-list .ss-option,
html[lang="ar-sa"] .casino-game-list .product-card .product-title,
html[lang="fa-ir"] .casino-game-list .product-card .product-title {
    text-align: right;
}

html[lang="ar-sa"] .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1),
html[lang="fa-ir"] .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1) {
    display: flex;
}

html[lang="ar-sa"] .Menu--user .la-user-check:first-child:before,
html[lang="fa-ir"] .Menu--user .la-user-check:first-child:before {
    margin: 0 5px 0 10px;
}

html[lang="ar-sa"] .Menu--user li i,
html[lang="fa-ir"] .Menu--user li i {
    margin: 0 0px 0 8px;
}

html[lang="ar-sa"] .sections-trigger ~ .Widget--Header--secondary,
html[lang="fa-ir"] .sections-trigger ~ .Widget--Header--secondary,
html[lang="ar-sa"] .game-nav .search-wrapper .form-control-feedback, html[lang="ar-sa"] .glyphicon-search,
html[lang="ar-sa"] body.mobile .game-nav ~ .search-wrapper .form-control-feedback,
html[lang="fa-ir"] .game-nav .search-wrapper .form-control-feedback, html[lang="fa-ir"] .glyphicon-search,
html[lang="fa-ir"] body.mobile .game-nav ~ .search-wrapper .form-control-feedback {
    left: unset;
    right: 0;
}

html[lang="ar-sa"] .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item,
html[lang="fa-ir"] .left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    left: unset;
    right: 10px;
    margin: 0 auto 0 20px;
}

html[lang="ar-sa"] .Button--Balance,
html[lang="fa-ir"] .Button--Balance {
    padding: 11px 50px 11px 78px;
}

    html[lang="ar-sa"] .Button--Balance .menu-button-balance-amnt:after, html[lang="ar-sa"] .right-panel-open,
    html[lang="fa-ir"] .Button--Balance .menu-button-balance-amnt:after, html[lang="fa-ir"] .right-panel-open {
        margin: 0 8px 0 0;
    }

html[lang="ar-sa"] .sections-trigger,
html[lang="fa-ir"] .sections-trigger {
    padding: 0 8px 0 0;
}

html[lang="ar-sa"] .Menu--user a#msg-row,
html[lang="fa-ir"] .Menu--user a#msg-row {
    display: flex;
    align-items: center;
}

    html[lang="ar-sa"] .Menu--user a#msg-row .msg--count,
    html[lang="fa-ir"] .Menu--user a#msg-row .msg--count {
        height: 22px;
        margin-right: 3px;
        line-height: 18px;
    }

html[lang="ar-sa"] .jackpot-hit-wrapper,
html[lang="fa-ir"] .jackpot-hit-wrapper {
    right: unset;
    left: 5px;
}

html[lang="ar-sa"] .recent-winners .slick-list.draggable,
html[lang="fa-ir"] .recent-winners .slick-list.draggable {
    direction: ltr;
}

html[lang="ar-sa"] #personal-details .btn-group, html[lang="ar-sa"] .btn-group-vertical,
html[lang="fa-ir"] #personal-details .btn-group, html[lang="fa-ir"] .btn-group-vertical,
html[lang="ar-sa"] #profilePopup .modal-footer .row,
html[lang="fa-ir"] #profilePopup .modal-footer .row,
html[lang="ar-sa"] body:not(.mobile) #profilePopup #profileForm,
html[lang="fa-ir"] body:not(.mobile) #profilePopup #profileForm,
html[lang="ar-sa"] #profilePopup #searchform .form-group .input-group,
html[lang="fa-ir"] #profilePopup #searchform .form-group .input-group {
    display: flex;
}

    html[lang="ar-sa"] #profilePopup #searchform .form-group .input-group .input-group-addon,
    html[lang="fa-ir"] #profilePopup #searchform .form-group .input-group .input-group-addon {
        order: 1;
        width: 39px;
        padding: 9px 12px;
    }

html[lang="ar-sa"] #sendMobileCode, html[lang="ar-sa"] #sendEmailCode,
html[lang="fa-ir"] #sendMobileCode, html[lang="fa-ir"] #sendEmailCode {
    margin-right: unset;
    margin-left: 5px;
}

html[lang="ar-sa"] .select2-container .select2-selection--single .select2-selection__rendered,
html[lang="fa-ir"] .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 8px 0 20px;
}

html[lang="ar-sa"] .select2-container--default .select2-selection--single .select2-selection__clear,
html[lang="fa-ir"] .select2-container--default .select2-selection--single .select2-selection__clear,
html[lang="ar-sa"] [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper,
html[lang="fa-ir"] [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper {
    float: left;
}

html[lang="ar-sa"] .tooltip,
html[lang="fa-ir"] .tooltip {
    right: 30px;
    left: unset;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
}

html[lang="ar-sa"] .communication-settings-wrapper .communication-types,
html[lang="fa-ir"] .communication-settings-wrapper .communication-types {
    border-left: 1px solid var(--color-green-2);
    border-right: unset;
}

html[lang="ar-sa"] .communication-settings-block .inner-block [class^='col-xs-'],
html[lang="fa-ir"] .communication-settings-block .inner-block [class^='col-xs-'] {
    float: right;
}

html[lang="ar-sa"] #profilePopup .switch,
html[lang="fa-ir"] #profilePopup .switch {
    left: unset;
    right: 20px;
}

html[lang="ar-sa"] .transaction-row-outlined.column-headers, html[lang="ar-sa"] .transaction-row-outlined.column-headers-withdrawal,
html[lang="fa-ir"] .transaction-row-outlined.column-headers, html[lang="fa-ir"] .transaction-row-outlined.column-headers-withdrawal {
    padding: 10px 27% 10px 0;
}

html[lang="ar-sa"] .bonus-checkbox-wrapper label:after,
html[lang="fa-ir"] .bonus-checkbox-wrapper label:after {
    left: unset;
    right: 3px;
}

html[lang="ar-sa"] .player-bonus-type-deposit .bonus-placeholder1,
html[lang="fa-ir"] .player-bonus-type-deposit .bonus-placeholder1 {
    text-align: right !important;
}

html[lang="ar-sa"] .thread-list .single-thread.active,
html[lang="fa-ir"] .thread-list .single-thread.active {
    border-left: unset;
    border-right: 4px solid var(--color-green-1);
}

html[lang="ar-sa"] .daterangepicker td.start-date,
html[lang="fa-ir"] .daterangepicker td.start-date {
    border-radius: 0 4px 4px 0;
}

html[lang="ar-sa"] .daterangepicker td.end-date,
html[lang="fa-ir"] .daterangepicker td.end-date {
    border-radius: 4px 0 0 4px;
}

html[lang="ar-sa"] #profilePopup .bonus-title-row, html[lang="ar-sa"] .bonus-body-row-header,
html[lang="fa-ir"] #profilePopup .bonus-title-row, html[lang="fa-ir"] .bonus-body-row-header {
    padding: 10px 164px 10px 20px;
}

html[lang="ar-sa"] [class*='player-bonus-type'] .bonus-body-row-title,
html[lang="fa-ir"] [class*='player-bonus-type'] .bonus-body-row-title {
    padding: 24px 10px 10px 20px;
}

html[lang="ar-sa"] .footer_text_container .Item:not(:last-child) .Item__Title,
html[lang="fa-ir"] .footer_text_container .Item:not(:last-child) .Item__Title {
    padding-left: 10px;
    padding-right: 0px;
}

html[lang="ar-sa"] .game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount,
html[lang="fa-ir"] .game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount {
    padding-left: unset;
    padding-right: 15px;
}

html[lang="ar-sa"] .casino-categories,
html[lang="fa-ir"] .casino-categories {
    padding-right: unset;
    padding-left: 15px;
}

html[lang="ar-sa"] .wallet-table th,
html[lang="fa-ir"] .wallet-table th {
    text-align: right;
}

@font-face {
    font-family: 'Roboto';
    src: url("/Content/fonts/roboto-regular-webfont.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* scrollbar */

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: transparent;
}

body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 2px solid var(--color-green-1);
    background: transparent;
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-green-1);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .55);
    }

::-webkit-scrollbar-track {
    background-color: transparent;
}

.ajax-result .col-xs-12, .ajax-result .col-md-12 {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
}

.wallet--cash, .wallet--bonus {
    height: 38%;
    min-height: 200px;
}

.wallet-amount {
    overflow: unset !important;
    position: relative;
}

.table-striped.wallet-table, .table-striped.table--scrollable__tbody {
    height: calc(100% - 42px);
}

body:not(.mobile) {
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal {
    z-index: 9999;
}

body {
    font-family: 'Roboto';
    font-size: 12px;
    background-color: var(--background-color);
}

.Container--full {
    width: 100%;
}

.page-wrapper {
    width: 100%;
}

.Main {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 104px;
}

.background {
    display: none;
}

a {
    text-decoration: none !important;
}

.Wrapper--Header .Container__Item {
    width: 100vw;
    display: flex;
    height: 56px;
    padding: 0 27px 0 16px;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--background-color-1);
}

.header_logo {
    display: inline-block;
}

    .header_logo img {
        width: 100px;
    }

.Sections, .Sections_container, .Register_container {
    display: inline-flex;
    margin-bottom: 0;
    align-items: center;
    height: 100%;
}

.Header--primary__Panel--user .Sections a, .Header--primary__Panel--user .Sections .Menu--sub > div {
    width: 100%;
    height: 56px;
    line-height: 56px;
}

.Header--primary__Panel--user .identifier-menu-new:not(.loading):after, .Header--primary__Panel--user .identifier-menu-top:not(.loading):after {
    position: absolute;
    top: 7px;
}

.Header--primary__Panel--user .identifier-menu-new:not(.loading):after, .Widget--Header--secondary .identifier-menu-aviator:not(.loading):after {
    right: unset;
    left: 72px;
}

.Header--primary__Panel--user .identifier-menu-top:not(.loading):after {
    right: unset;
    left: 41px;
}

.Widget--Header--secondary .identifier-menu-new:not(.loading):after {
    left: 80px;
    top: 2px;
}

.Widget--Header--secondary .identifier-menu-top:not(.loading):after {
    left: 52px;
    top: 2px;
}

.Header--primary__Panel--user .Menu--sub .Sections a {
    height: 42px;
}

.Header--secondary {
    margin-left: auto;
}

    .Header--secondary .Sections {
        padding: 0 24px;
        ;
    }

        .Header--secondary .Sections a, .web-languages, .web-time {
            margin-left: 2px;
            height: 40px;
            line-height: 40px;
        }

.Header--primary__Panel--user .web-languages {
    display: none;
}

.Sections_container {
    text-transform: uppercase;
}

.Sections, .Sections a, .Register_container a, .Register_container div,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more {
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: .6px;
    color: var(--white-color);
    white-space: nowrap;
}

.web-time {
    color: var(--white-color);
}

.Sections li {
    padding: 0 10px;
    height: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
}

    .Sections li.apps a, .mobile .Sections li i.apps {
        display: block;
        width: 50px !important;
        height: 50px !important;
        padding: 0;
        background: url('/Content/img/icons/apple-android-logo.svg');
        background-size: cover;
        background-position: bottom;
    }

    .Sections li.apps {
        align-items: start;
    }

.Sections .js-route.Sections__Item:hover, .Sections .js-route.Sections__Item:hover a, body:not(.mobile) .Sections .Sections__Item a:hover,
body:not(.mobile) .Sections .Sections__Item.Menu--sub div:hover {
    color: var(--color-green-2);
    cursor: pointer;
}

.Menu--sub {
    position: relative;
}

    .Menu--sub .Sections {
        display: flex;
        background-color: var(--background-color-1);
        min-width: 135px;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 56px;
        left: 0;
        z-index: 3;
        display: none;
    }

        .Menu--sub .Sections li {
            width: 100%;
            min-height: 40px;
        }

            .Menu--sub .Sections li:not(:last-child) {
                border-bottom: 1px solid var(--background-color-5);
            }

            .Menu--sub .Sections li a {
                text-transform: none;
                padding: 4px 0;
                line-height: 30px;
            }

    .Menu--sub:hover .Sections {
        display: block;
    }

    .Menu--sub:hover .la-angle-down {
        transform: rotate(180deg);
    }

    .Menu--sub .la-angle-down {
        transition: .3s linear;
    }

body:not(.mobile).modal-open .Wrapper--Header, body:not(.mobile).modal-open .header-secondary:not(.gameLaunchFull):not(.Full),
body:not(.mobile).modal-open .Main, body:not(.mobile).modal-open .Main_not_slidable {
    padding-right: 8px;
}

.Main_not_slidable img {
    width: 100%;
}

.Wrapper--Header, .header-secondary {
    position: fixed;
    top: 0;
    z-index: 9997;
    width: 100%;
}

    .header-secondary.gameLaunchFull {
        z-index: 9996 !important;
    }

.modal-backdrop {
    z-index: 9998;
}

.header-secondary {
    background: var(--background-color-5);
    margin-top: 56px;
    z-index: 4 !important;
}

    .header-secondary .Container__Item {
        display: flex;
        height: 48px;
        width: 100%;
        padding: 4px 35px 4px 18px;
    }

.blockUI.blockOverlay {
    z-index: 4 !important;
}

.sections-trigger {
    width: 35px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    padding-left: 8px;
}

    .sections-trigger div {
        height: 16px;
        display: block;
        position: relative;
    }

.Wrapper--Header .sections-trigger i {
    display: none;
}

.Wrapper--Header .sections-trigger span, .Wrapper--Header .sections-trigger span:before, .Wrapper--Header .sections-trigger span:after {
    background-color: var(--text-color-3);
    height: 2px;
    position: absolute;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    width: 18px;
}

    .Wrapper--Header .sections-trigger span:before, .Wrapper--Header .sections-trigger span:after {
        content: "";
        display: block;
        top: 12px;
    }

    .Wrapper--Header .sections-trigger span:after {
        top: 6px;
    }

    .Wrapper--Header .sections-trigger span:before {
        top: 12px;
    }

body.left_open .Wrapper--Header .sections-trigger span {
    background: transparent !important;
}

    body.left_open .Wrapper--Header .sections-trigger span:after {
        top: 4px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    body.left_open .Wrapper--Header .sections-trigger span:before {
        top: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

.sections-trigger ~ .Widget--Header--secondary .Sections a {
    height: 100%;
    display: flex;
    align-items: center;
}

.sections-trigger ~ .Widget--Header--secondary .Sections .Menu--sub a .la-angle-down {
    padding-left: 5px;
}

.sections-trigger ~ .Widget--Header--secondary .Sections {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--background-color-1);
    border-radius: 12px;
}

.sections-trigger ~ .Widget--Header--secondary > .Sections {
    padding-top: 45px;
    overflow: auto;
}

.sections-trigger ~ .Widget--Header--secondary .Sections li {
    width: 100%;
    height: 48px;
    padding: 0 18px;
    text-transform: uppercase;
    flex-direction: column;
}

    .sections-trigger ~ .Widget--Header--secondary .Sections li.Menu--sub > div {
        height: 48px;
        line-height: 48px;
    }

    .sections-trigger ~ .Widget--Header--secondary .Sections li:not(:last-child) {
        border-bottom: 1px solid var(--background-color-3);
    }

.sections-trigger ~ .Widget--Header--secondary .Sections .Menu--sub .Sections {
    display: none;
}

.sections-trigger ~ .Widget--Header--secondary {
    width: 300px;
    padding: 5px 5px;
    background-color: var(--background-color-2);
    border-radius: 12px;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 55px;
}

.Widget--banner.secondary {
    height: 100%;
    display: none;
}

    .Widget--banner.secondary .Widget--Header--secondary {
        margin: 0 auto 18px;
        display: none;
        height: calc(100% - 55px) !important;
    }

body .Header--primary__Panel--user .Backdrop, body.mobile .Header--secondary .Backdrop {
    position: fixed;
    background-color: var(--backdrop-color);
    z-index: 8;
    width: 100vw;
    height: 100vh;
    user-select: none;
    opacity: 0;
    display: none;
    touch-action: none;
}

.sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover .Sections {
    position: unset;
}

body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover {
    height: auto;
    padding-top: 0;
    padding-bottom: 5px;
}

    body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover a {
        line-height: 48px;
    }

    body:not(.mobile) .sections-trigger ~ .Widget--Header--secondary .Menu--sub:hover .Sections {
        display: block;
    }

.sections-trigger ~ .Widget--Header--secondary .Menu--sub .Sections {
    background-color: var(--background-color-3);
    top: 45px;
    width: 100%;
    border-radius: 8px;
}

    .sections-trigger ~ .Widget--Header--secondary .Menu--sub .Sections li:not(:last-child) {
        border-bottom: 1px solid var(--background-color-5);
    }

.Button--sign-up, .Button--sign-in, .Button--deposit, #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
#gameModal .modal-dialog .modal-content .modal-body .Button--outlined--transparent.Button--play-demo,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more,
.casino-game-list .product-card .user-product-ctrl .demo, .casino-game-list .product-card:hover .user-product-ctrl .demo,
#popupSearchItems .demo, #popupSearchItems .play-full {
    padding: 0 16px;
    margin: 0 8px;
    border: 1px solid var(--color-green-2);
    border-radius: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    position: relative;
}

#gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
#gameModal .modal-dialog .modal-content .modal-body .Button--outlined--transparent.Button--play-demo {
    padding: 8px 30px;
    ;
}

.Button--sign-up, .Button--deposit, #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept {
    background: var(--gradient-color);
    color: var(--background-color-1) !important;
}

body:not(.mobile) .Button--sign-up:hover, body:not(.mobile) .Button--deposit:hover,
body:not(.mobile) #gameModal .modal-dialog .modal-content .modal-body .Button--outlined.Button--play-real:hover,
body:not(.mobile) .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept:hover {
    opacity: .9;
}

.Button--deposit {
    padding: 0 30px;
    border: 1px solid transparent;
}

.Button--sign-in, .Button--outlined--transparent.Button--play-demo,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-more,
body:not(.mobile) .casino-game-list .product-card:hover .user-product-ctrl .demo,
#popupSearchItems .demo, #popupSearchItems .play-full {
    color: var(--color-green-2) !important;
    margin: 0;
    background-color: var(--background-color-1);
}

    .casino-game-list .product-card:hover .user-product-ctrl .demo:hover, .Button--sign-in:hover,
    #popupSearchItems .demo:hover {
        opacity: .8;
    }

.Register_container .Button--outlined.Button--messages {
    width: 36px;
    height: 36px;
    margin: 0 3px;
    line-height: 42px;
    text-align: center;
    border-radius: 2px;
    background-color: var(--background-color-2);
}

.Button--messages i {
    font-size: 23px;
}

.msg--holder .msg--count {
    position: absolute;
    top: 14px;
    color: var(--color-green-1);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Roboto';
    z-index: 5;
}

#msg-row {
    position: relative;
}

    #msg-row .msg--count {
        background: var(--gradient-color);
        padding: 2px;
        border-radius: 5px;
        font-weight: 600;
        color: var(--white-color);
        position: relative;
        top: -8px;
    }

.Balance--user:hover .Menu--user {
    display: block;
}

.Menu--user {
    display: none;
    width: 100%;
    max-height: calc(100vh - 56px);
    position: absolute;
    top: 56px;
    right: 0;
    background-color: var(--background-color-1);
    z-index: 9;
    border-radius: 12px;
    box-shadow: 0 2px 12px var(--dark-color_1);
}

    .Menu--user ul #menu_balance_wrapper, .Menu--user ul #menu_balance_wrapper .balance-group {
        display: flex;
        flex-direction: column;
    }

        .Menu--user ul #menu_balance_wrapper .balance-group {
            padding: 4px;
            border: 1px solid var(--background-color-1);
            border-radius: 8px;
        }

        .Menu--user ul #menu_balance_wrapper .balance-total {
            padding: 4px;
        }

    .Menu--user ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Menu--user li, .Menu--user a {
        color: var(--text-color-1);
        display: block;
    }

    .Menu--user ul li {
        width: 82%;
        overflow: hidden;
        font-size: 13px;
        font-weight: 500;
    }

.Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1) {
    color: var(--text-color-1);
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 10px 2px 10px !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-family: 'Roboto';
}

.Wrapper--Header .Container__Item .Menu--user ul li:nth-child(1), .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(2),
.Wrapper--Header .Container__Item .Menu--user ul li:nth-child(3), .Wrapper--Header .Container__Item .Menu--user ul li:nth-child(4) {
    width: 100%;
    font-size: 13px;
    padding: 0 10px 0 10px;
    background-color: unset;
    background: var(--gradient-color-le);
    border-bottom: none;
    line-height: 2;
    color: var(--black-color) !important;
    font-weight: bold;
}

.Wrapper--Header .Container__Item .Menu--user ul li div {
    display: flex;
    width: 100%;
    white-space: nowrap;
    color: var(--black-color);
}

    .Wrapper--Header .Container__Item .Menu--user ul li div span:nth-child(1) {
        width: 60%;
    }

    .Wrapper--Header .Container__Item .Menu--user ul li div span:nth-child(2) {
        width: 40%;
    }

.Wrapper--Header .Container__Item .Menu--user ul li.user-id {
    padding-bottom: 10px;
}

.Menu--user li:not(:last-child) {
    border-bottom: 1px solid var(--text-color-4);
}

.Menu--user li i {
    font-size: 20px;
    margin-right: 8px;
}

.Menu--user li:hover,
.Menu--user li:hover a {
    color: var(--color-green-2);
    cursor: pointer;
}

.Menu--user .la-user-check:first-child:before {
    margin-right: 10px;
    margin-left: 5px;
    font-family: 'Line Awesome Free';
}

.Menu--user .la-user-check:first-child:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid var(--black-color);
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    padding: 2px;
    animation: spin 3s linear infinite;
    position: absolute;
    top: 5px;
}

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

.Balance--user {
    height: 100%;
    line-height: 56px;
    margin: 0 10px;
    position: relative;
}

.Button--Balance {
    padding: 11px 78px 11px 50px;
    background-color: var(--background-color-2);
    border-radius: 20px;
}

    .Button--Balance span {
        color: var(--color-green-2);
        font-weight: 700;
    }

    .Button--Balance .menu-button-balance-amnt:after, .right-panel-open {
        content: '\f107';
        font-family: 'Line Awesome Free';
        font-size: 16px;
        margin-left: 8px;
        position: absolute;
        bottom: 2px;
        transition: all .4s ease;
    }

    .Balance--user.open .Button--Balance .menu-button-balance-amnt:after, .Button--Balance.menu-button-balance-open .menu-button-balance-amnt:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.la-credit-card {
    font-size: 16px;
    margin: auto 10px;
}

.Wrapper--Header .js-route {
    position: relative;
}

    .Wrapper--Header .js-route:before {
        margin-right: 2px;
    }

.Sections_container .js-route.Sections__Item.active a, .Menu--sub .Sections__Item.active a, .Menu--sub.active > div,
.header-secondary .Sections li.active, .header-secondary .Sections li.active a,
.sections-trigger ~ .Widget--Header--secondary .Sections li.active a {
    color: var(--color-green-2);
}

.identifier-menu-new:not(.loading):after, .identifier-menu-top:not(.loading):after, .Header--primary__Panel--user .identifier-menu-aviator:after {
    content: 'NEW';
    display: inline-block;
    height: 12px;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    background-color: var(--yellow-color);
    color: var(--dark-color_2);
    padding: 1px 6px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    position: absolute;
    top: 8px;
    right: -6px;
}

.Header--primary__Panel--user .identifier-menu-aviator:after {
    content: "";
    background: url(..//img/logos/aviator.png);
    background-size: cover;
    width: 41px;
    height: 24px;
    top: -4px;
}

.identifier-menu-top:not(.loading):after {
    content: 'TOP';
    background-color: var(--light-blue-color);
    color: var(--white-color);
}

.carousel-cell {
    width: 100%;
    position: absolute;
}

    .carousel-cell img {
        width: 100%;
    }

.flickity-viewport {
    min-height: 1075.5px !important;
}

.flickity-slider {
    z-index: -1;
}

.flickity-page-dots {
    top: 340px;
    bottom: unset;
}

    .flickity-page-dots .dot {
        border-radius: 0;
        width: 64px;
        height: 4px;
        background-color: var(--background-color-1);
        opacity: unset;
    }

        .flickity-page-dots .dot.is-selected {
            background: var(--gradient-color-2);
        }

.flickity-prev-next-button {
    width: 36px;
    height: 35px;
}

    .flickity-prev-next-button .flickity-button-icon {
        position: unset;
        width: 12px;
        height: 12px;
    }

    .flickity-prev-next-button.next, .flickity-prev-next-button.previous {
        padding: 11px 10px;
        color: var(--white-color);
        background-color: var(--background-color-10);
        opacity: .9;
        position: absolute;
        top: 62px;
        border-radius: 4px;
    }

    .flickity-prev-next-button.next {
        right: 10%;
    }

    .flickity-prev-next-button.previous {
        right: calc(10% + 46px);
        left: unset;
    }

.flickity-button:focus {
    box-shadow: none;
}

.flickity-prev-next-button:hover {
    opacity: .7;
}

.flickity-button:disabled {
    opacity: .5;
}

.first_content {
    padding-top: 461px;
}

.Wrapper--Single {
    display: block;
    width: 100%;
}

    .Widget--banner--multi.animated, .promotion_banners, .game-list-slidable,
    .Wrapper--Single.MultiSport {
        display: flex;
        justify-content: center;
        max-width: 1568px;
        margin: 24px auto;
        padding: 0 24px;
        overflow: hidden;
        position: relative;
    }

.game-list-normal {
    max-width: 1568px;
    margin: 6px auto;
    padding: 0 24px;
}

.game-list-wrapper {
    padding: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.product-wrapper.no-games-found-container {
    display: block !important;
}

.Widget--banner--multi .Sections {
    display: flex;
    justify-content: center;
    gap: 28px;
    width: 100%;
}

.Widget--banner--multi .Sections__Item, body.mobile .Widget--banner--multi .Sections__Item a {
    display: flex;
    width: 100%;
    height: 128px;
    padding: 0 12px;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    align-items: center;
    background-color: var(--background-color-1);
    color: var(--white-color);
    opacity: .9;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    position: relative;
}

    .Widget--banner--multi .Sections__Item:hover {
        text-shadow: 0 0 30px var(--color-green-1);
        transition: all .2s;
    }

        .Widget--banner--multi .Sections__Item:hover img {
            filter: drop-shadow(0 0 30px var(--color-green-1));
            transition: all .2s;
        }

.Widget--banner--multi [class*='tp-ic']:before {
    font-size: 50px;
    position: absolute;
    bottom: 38%;
    z-index: -1;
}

body:not(.mobie) .Widget--banner--multi [class*='tp-ic'] a, body.mobile .Widget--banner--multi [class*='tp-ic'] {
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.promotion_banners img {
    border-radius: 8px;
    padding: 0 4px;
    aspect-ratio: 1280/606;
}

.game_categories_container .nav-slidable, .game_categories_two .Container__Item.nav-slidable {
    display: none;
}

.casino-categories {
    /* padding-right:15px; */
    overflow: hidden;
}

.casino-game-list.row {
    margin: 0;
}

.swiper-button-prev, .swiper-button-next {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 12px;
    position: absolute;
    cursor: pointer;
}

.slick-prev, .swiper-button-prev {
    left: auto;
    right: 30px;
    top: -60px;
}

.slick-next, .swiper-button-next {
    right: 4px;
    top: -60px;
}

.game_categories_two .swiper-button-prev {
    right: 28px;
}

.game_categories_two .swiper-button-next {
    right: 2px;
}

.slick-prev:before, .slick-next:before, .swiper-button-prev:before, .swiper-button-next:before {
    font-size: 17px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    padding: 2px;
    background-color: var(--background-color-10);
    border-radius: 50%;
    color: var(--white-color);
}

.swiper-button-prev.disabled, .swiper-button-next.disabled {
    display: block !important;
    opacity: .5;
}

.slick-prev:before, .swiper-button-prev:before {
    content: "\f104";
}

.slick-next:before, .swiper-button-next:before {
    content: "\f105";
}

.name-cat-title p {
    color: var(--color-green-2);
    border-bottom: 1px solid var(--color-green-2);
    font-size: 14px;
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 17px;
    padding: 12px 0;
}

.footer_group_wrapper {
    background-color: var(--background-color);
}

.footer_group_container {
    margin: 0 auto;
    max-width: 1568px;
    padding: 32px 24px 40px;
}

    .footer_group_container > :first-child {
        margin-bottom: 32px;
        padding-bottom: 16px;
        display: flex;
        justify-content: center;
    }

    .footer_group_container .Container__Item .social_container a img, .cat-url-class {
        display: none;
    }

    .footer_group_container .Container__Item .social_container a {
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .footer_group_container .Container__Item .facebook,
    .footer_group_container .Container__Item .twitter,
    .footer_group_container .Container__Item .youtube,
    .footer_group_container .Container__Item .instagram,
    .footer_group_container .Container__Item .linkedin {
        display: inline-block;
        background-image: url("../img/icons/social_media_sprite.png");
        background-size: 254px;
        padding: 4px;
        margin-right: 14px;
        width: 40px;
        height: 40px;
        filter: grayscale(100%);
    }

    .footer_group_container .Container__Item .facebook {
        background-position: -75px -18px;
    }

    .footer_group_container .Container__Item .twitter {
        background-position: -203px -18px;
    }

    .footer_group_container .Container__Item .youtube {
        background-position: -138px -18px;
    }

    .footer_group_container .Container__Item .instagram {
        background-position: -11px -18px;
    }

    .footer_group_container .Container__Item .linkedin {
        background-position: -203px -89px;
    }

    .footer_group_container .Container__Item .social_container div:hover,
    .body-light .footer_group_container .Container__Item .social_container div {
        filter: grayscale(0%);
    }

    .footer_group_container .Container__Item:nth-child(2) {
        margin-bottom: 24px;
    }

    .footer_group_container .scroll_top.out {
        visibility: visible;
    }

    .footer_group_container .scroll_top {
        width: 72px;
        height: 32px;
        left: calc(50% - 32px);
        position: fixed;
        visibility: hidden;
        bottom: 0;
        background-color: var(--scrollTop-color);
        text-align: center;
        cursor: pointer;
        z-index: 6;
    }

        .footer_group_container .scroll_top:after {
            content: '\f106';
            font-family: 'Line Awesome Free';
            font-weight: 900;
            font-size: 18px;
            color: var(--white-color);
            position: relative;
            top: 4px;
            transition: all .2s;
        }

        .footer_group_container .scroll_top:hover:after {
            top: 0px;
        }

.footer_text_container {
    display: flex;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 1.4;
    justify-content: center;
}

    .footer_text_container .Item {
        margin-right: 72px;
        max-width: 200px;
        color: var(--text-color-1);
        line-height: 2;
    }

        .footer_text_container .Item .Item__Title {
            margin-bottom: 8px;
            font-size: 16px;
            cursor: default;
        }

        .footer_text_container .Item li a {
            opacity: .6;
            color: var(--text-color-4);
        }

            .footer_text_container .Item li a:hover {
                opacity: 1;
            }

.Copyright {
    color: var(--text-color-4);
    display: flex;
    margin-bottom: 28px;
    font-size: 10px;
}

    .Copyright:before,
    .Copyright:after {
        content: "";
        flex: 1 1;
        margin: auto;
        border-bottom: 1px solid var(--background-color-3);
    }

    .Copyright:before {
        margin-right: 20px;
    }

    .Copyright:after {
        margin-left: 20px;
    }

.footer_providers_group,
.footer_payments_group {
    max-width: 1590px;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 32px;
    gap: 10px;
}

    .footer_providers_group::-webkit-scrollbar-thumb, .footer_payments_group::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .footer_providers_group div {
        background-image: url("../img/banners/multibanner/providers_sprite.png");
    }

    .footer_providers_group div,
    .footer_payments_group div {
        width: 106px;
        height: 64px;
        display: inline-block;
        border-radius: 4px;
        background-color: var(--background-color-3);
    }

        .footer_providers_group div a,
        .footer_payments_group div a {
            display: none;
        }

.provider_betsolutions {
    background-position: 0px -448px;
}

.provider_genii,
.payment_jetonwallet {
    background-position: 0px -64px;
}

.provider_evoplay,
.payment_bitcoin {
    background-position: 0px -128px;
}

.provider_endorphina,
.payment_skrill {
    background-position: 0px -192px;
}

.provider_gameart {
    background-position: 0px -256px;
}

.provider_onetouch {
    background-position: 0px -320px;
}

.provider_vivogaming {
    background-position: 0px -384px;
}

.provider_fazi {
    background-position: 0px -512px;
}

.provider_tvbet {
    background-position: 0px -576px;
}

.provider_boominggames {
    background-position: 0px -640px;
}

.provider_tomhorn {
    background-position: 0px -704px;
}

.provider_kiron {
    background-position: 0px -768px;
}

.provider_fugaso {
    background-position: 0px -832px;
}

.provider_booongo {
    background-position: 0px -896px;
}

.footer_payments_group div {
    background-image: url("../img/banners/multibanner/payments_sprite.png");
}

    .footer_providers_group div:hover,
    .footer_payments_group div:hover,
    .body-light .footer_providers_group div,
    .body-light .footer_payments_group div {
        background-position-x: -100px;
    }

.footer_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .footer_logo:before {
        content: "POWERED BY";
        color: var(--text-color-4);
        font-size: 9px;
        margin-bottom: 10px;
        opacity: .6;
    }

    .footer_logo a {
        width: 132px;
    }

.footer_text_container .Item ul li {
    display: block;
}

.Container__Item, .Copyright {
    position: relative;
}

.footer_group_container .buttonNext, .footer_group_container .buttonPrev {
    display: none;
    height: 64px;
    padding: 0 10px;
    background: var(--backdrop-color);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    align-items: center;
}

.footer_group_container .buttonPrev {
    right: unset;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .footer_group_container .buttonPrev:after, .footer_group_container .buttonNext:after {
        content: '\f104';
        font-family: 'Line Awesome Free';
        font-weight: bold;
        font-size: 15px;
        color: var(--white-color);
    }

.footer_group_container .buttonNext:after {
    content: '\f105';
}

.footer_group_container .buttonNext:hover, .footer_group_container .buttonPrev:hover {
    background-color: var(--scrollTop-color);
}

/* -------------------------------------------------------------------------- Registration -------------------------------------------------------------------------*/

#registrationPopup .modal-dialog {
    width: 540px;
    height: auto;
    margin: 40px auto;
    transition: width 200ms;
}

.modal.fade .modal-dialog {
    transform: none;
}

.modal-content {
    background-color: var(--background-color-9);
    border-radius: 12px;
}

#registrationPopup .modal-header,
#loginPopup .modal-header,
#forgotPasswordPopup .modal-header,
#changePasswordPopup .modal-header,
#verifyPartial .modal-header {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--background-color-10);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: none;
    overflow: hidden;
}

#gameModal .modal-header {
    background-color: var(--background-color-10);
}

#registerContainer.on-page-1 .page-2,
#registerContainer.on-page-1 .page-3,
#registerContainer.on-page-2 .page-1,
#registerContainer.on-page-2 .page-3,
#registerContainer.on-page-3 .page-1,
#registerContainer.on-page-3 .page-2,
#registerContainerHeader.on-page-1 .page-header-2,
#registerContainerHeader.on-page-1 .page-header-3,
#registerContainerHeader.on-page-2 .page-header-1,
#registerContainerHeader.on-page-2 .page-header-3,
#registerContainerHeader.on-page-3 .page-header-1,
#registerContainerHeader.on-page-3 .page-header-2 {
    display: none;
}

#registerContainerHeader.on-page-1 .page-header-1,
.modal-title-text {
    padding-left: 20px;
    min-height: 48px;
    border-bottom: 1px solid #cccccc1a;
    line-height: 48px;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 14px;
}

#messageModal .modal-title-text, .modal-sub-body.securitypassword .modal-title-text {
    border: none;
}

.modal-header .logo-img {
    width: 190px;
    margin: 36px auto;
}

.modal-dialog .modal-content button.close {
    padding: 20px 0;
    position: absolute;
    top: -12px;
    right: 14px;
    line-height: 30px;
    font-size: 30px;
    outline: 0 !important;
    background-color: transparent !important;
    color: var(--white-color);
    text-shadow: none;
    opacity: 1;
}

    .modal-dialog .modal-content button.close span {
        font-weight: 200;
    }

.form-control, .select2-container--default .select2-selection--single,
.form-control#dateOfBirth, .modal-sub-body.identifications .input_name,
.game-category-selector-container .ss-main .ss-multi-selected {
    height: 42px;
    border-radius: 12px;
    background-color: var(--white-color);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: var(--background-color-10);
    }

        .form-control[disabled] ~ .glyphicon:before, .form-control[readonly] .glyphicon:before, fieldset[disabled] .form-control .glyphicon:before {
            color: var(--text-color-1);
        }

    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 42px;
        line-height: 42px;
        color: var(--grey-color);
    }

    .form-control:focus, .select2-container--default .select2-selection--single:focus, .modal-sub-body.identifications .input_name:focus,
    .identifications-settings-wrapper #Day:focus, .identifications-settings-wrapper #Month:focus, .identifications-settings-wrapper #Year:focus {
        border-color: var(--color-green-2) !important;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(58 255 169 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(58 255 169 / 60%);
    }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid var(--text-color-4);
}

.form-control ~ .glyphicon-search {
    display: block;
}

.form-control:focus ~ .glyphicon-search:before {
    color: var(--color-green-2);
}

.modal-body label {
    color: var(--text-color-3);
    margin-left: 14px;
}

.captcha-loader, .col-sm-4, #forgotpassform .col-xs-4, #forgotpassform .captcha-loader {
    background-color: var(--white-color);
    border-radius: 12px;
    margin-left: 15px;
    padding-left: 0;
}

.col-xs-6.wrapper_input--captcha {
    width: calc(100% - 33.33333333% - 15px);
}

#forgotpassform .captcha-loader, .col-sm-4, #forgotpassform .col-xs-4 {
    width: 40%;
}

.captcha-loader img, .captcha_block img {
    height: 42px;
    width: 92%;
}

.captcha-refresh {
    color: var(--black-color);
    cursor: pointer;
    font-size: 22px;
}

.registration .form-group .row, #forgotpassform .control-label ~ .row, .REALITY_CHECK .row.section--captcha {
    position: relative;
}

#registrationPopup .checkbox {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    #registrationPopup .checkbox .checkbox-body a {
        color: var(--text-color-3);
    }

        #registrationPopup .checkbox .checkbox-body a:hover {
            color: var(--grey-color);
        }

    #registrationPopup .checkbox.input-validation-error:checked ~ .has-error.field-validation-valid {
        display: none;
    }

#registrationPopup .wrapper--submit .col-md-6 {
    width: 50%;
    float: left;
}

.codeMobilePassportSection {
    display: flex;
    margin-bottom: 15px;
}

    .codeMobilePassportSection div:nth-child(1) {
        flex: .5;
    }

    .codeMobilePassportSection > div:nth-child(2) {
        flex: 1;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

.captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2 {
    width: 8px;
    position: absolute;
    top: 12%;
    left: 28%;
    font-size: 20px;
}

#forgotpassform .col-sm-2 {
    left: 32%;
}

.captcha-refresh:hover, .captcha-refresh:focus {
    text-shadow: 0 0 2px var(--color-green-2);
    color: var(--light-blue-color);
}

.captcha-loader ~ .col-xs-6, .col-sm-4 ~ .col-sm-6 {
    padding-left: 50px;
}

.btn, .btn:focus, .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning, .btn-success:active,
.btn-success.active, .open > .dropdown-toggle.btn-success, .btn-success:active:focus, .play-now,
.promo-tabs .tabs .scene .back .read-more, #tfaConfirm .btn-success {
    padding: 8px 36px !important;
    color: var(--color-blue-text) !important;
    border-radius: 20px !important;
    border: 1px solid transparent !important;
    background-image: var(--gradient-color-2) !important;
    background-color: var(--color-green-1) !important;
    text-transform: uppercase;
    position: relative;
}

#profilePopup .btn-save {
    margin-bottom: 10px;
}

.btn:hover, .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus, .btn-success:active,
.btn-success.active, .open > .dropdown-toggle.btn-success, .btn-success:active:hover, .play-now:hover, .play-now:active, .play-now:focus,
.promo-tabs .tabs .scene .back .read-more:hover {
    opacity: .9 !important;
    color: var(--color-blue-text) !important;
    border: 1px solid transparent !important;
}

.error, .depositmessage-error, .withdrawalmessage-error, .field-validation-error, #registrationPopup .has-error.field-validation-valid,
#forgotPasswordPopup .has-error, .password-group .field-validation-valid {
    display: block;
    padding: 5px 5px;
    color: var(--error-color) !important;
}

.has-error.field-validation-valid.hidden, .has-error.hidden,
.Wrapper--Single.Header--secondary.scrolleds .Widget--Header--secondary .Sections .Sections__Item:hover .slick-prev,
.Wrapper--Single.Header--secondary.scrolleds .Widget--Header--secondary .Sections .Sections__Item:hover .slick-next {
    display: block !important;
}

.login-error {
    padding-left: 0;
}

.has-error, .profile__msg--error, .state__msg--error {
    display: block;
    padding: 5px 0;
    color: var(--error-color) !important;
    font-size: 14px;
}

#loginPopup .modal-dialog, #forgotPasswordPopup .modal-dialog,
#changePasswordPopup .modal-dialog, #verificationPopup .modal-dialog {
    height: auto;
    width: 380px;
    margin: 140px auto 10px auto;
}

#registrationPopup .modal-dialog.expanded {
    margin: 180px auto 20px;
    width: 700px;
}

#loginPopup .modal-dialog .modal-body,
#forgotPasswordPopup .modal-dialog .modal-body,
#changePasswordPopup .modal-dialog .modal-body,
#verificationPopup .modal-dialog .modal-body {
    padding: 40px;
}

.text-left a, .text-right a {
    color: var(--color-green-1);
    opacity: .8;
}

    .text-left a:hover, .text-right a:hover {
        opacity: 1;
    }

#forgotPasswordPopup form > div.row > div {
    width: 100% !important;
    left: 0;
}

#forgotPasswordPopup .text-center {
    color: var(--white-color) !important
}

#loginPopup #popupLoginBtn, #forgotPasswordPopup #popupLoginBtn, #changePasswordPopup #popupSavePassBtn, #changePasswordPopup .col-md-offset-5 {
    width: 100%;
    margin-left: 0;
    margin-top: 4px;
}

#changePasswordPopup {
    color: var(--white-color);
}

#loginPopup #popupLoginBtn {
    margin-top: 12px;
}

#changepassform #NewPassword ~ .field-validation-valid, #changepassform #NewPassword ~ .field-validation-error {
    margin-bottom: 15px;
}

.datepicker {
    z-index: 2000;
    color: var(--dark-color_1);
}

#registrationPopup #cityDropdownId .select2-selection__clear {
    display: none;
}

.registration.page-3 .registration-sub-nav {
    display: flex;
    color: var(--white-color);
}

    .registration.page-3 .registration-sub-nav li {
        background-color: var(--background-color-10) !important;
        border-radius: 0px !important;
        cursor: pointer;
    }

        .registration.page-3 .registration-sub-nav li.frb-section:nth-child(1) {
            flex: 1;
            border-radius: 12px !important;
        }

.registration.page-3 .bonus-body-row-title {
    margin: 10px 6px;
    padding: 10px 20px 10px 10px;
}

.registration.page-3 .bonus-current-amount.bonus-max-amount, .registration.page-3 .bonus-body-row-header div:nth-child(4),
.registration.page-3 .bonus-valid-days, .registration.page-3 .bonus-body-row-header div:nth-child(5) {
    flex: .5 !important;
}

body:not(.mobile) .registration.page-3 .player-bonus-type-registration {
    /* max-height: 500px; */
    overflow-x: hidden;
    overflow-y: auto;
}

.registration.page-3 .freespin-games > div:not(.freespin-game), .registration.page-3 .freespin-game .Item > *,
.registration.page-3 .games-info-titles .table--scrollable__th {
    margin: 10px 5px;
}

.registration.page-3 .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 5px;
}

.registration.page-3 .freespin-games .Item img:not(.product-vendore-img),
.registration.page-3 .games-info-titles .game {
    max-width: 60px;
    min-width: 60px;
}

.select2-search--dropdown {
    width: 100%;
    display: flex;
}

    .select2-search--dropdown:before {
        padding: 5px;
        border: 1px solid #aaa;
        border-right: none;
    }

.field-validation-error.la-arrow-up {
    display: flex;
    flex-direction: row-reverse;
}

    .field-validation-error.la-arrow-up:before {
        color: var(--white-color);
    }
/* -------------------------------------------------------------------------- eye-icon-------------------------------------------------------------------------*/
.password-group, .password_input, #changepassform .form-group {
    display: block;
    position: relative;
}

.eye-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/content/img/icons/eye-dark.svg");
    background-repeat: no-repeat;
    background-position: center !important;
    position: absolute;
    left: auto;
    right: 10px !important;
    top: 30%;
    opacity: 0.5;
    cursor: pointer;
}

#changepassform .eye-icon {
    top: 30px;
}

#loginPopup .eye-icon {
    top: 44%;
}

#loginPopup .form-control.input-validation-error ~ .eye-icon {
    top: 35%;
}

.eye-icon.active {
    background-size: 17px;
    background-image: url("/content/img/icons/eye-open-dark.svg");
}

#loginPopup input:-webkit-autofill, .password_input input:-webkit-autofill, #changepassform input:-webkit-autofill,
#loginPopup input:-webkit-autofill:hover, .password_input input:-webkit-autofill:hover, #changepassform input:-webkit-autofill:hover,
#loginPopup input:-webkit-autofill:focus, .password_input input:-webkit-autofill:focus, #changepassform input:-webkit-autofill:focus,
#loginPopup input:-webkit-autofill:active, .password_input input:-webkit-autofill:active, #changepassform input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--background-color-10) inset !important;
    -webkit-text-fill-color: var(--grey-color) !important;
    caret-color: var(--grey-color);
    -webkit-background-clip: text;
}

input:-webkit-autofill ~ .eye-icon {
    background-image: url("/content/img/icons/eye.svg");
}

    input:-webkit-autofill ~ .eye-icon.active {
        background-image: url("/content/img/icons/eye-open.svg");
    }

.button_options, .login-options-container .buttons,
.REALITY_CHECK .popup-content .popup-content-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .forgotpass-option, .login-options-container .login-option,
    .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options {
        margin: 3px;
        flex: 5;
        padding: 10px 20px;
        background-color: #363748;
        border: 1px solid #00ff83;
        color: #00ff83;
        border-radius: 12px;
        text-align: center;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .forgotpass-option:hover,
        .forgotpass-option.active,
        .login-options-container .login-option.active,
        .login-options-container .login-option:hover,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options.active,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options:hover {
            color: #000;
            border-color: #00ff83;
            background-color: #00ff83;
        }

/* ------------------------------------------------------------------------- Casino --------------------------------------------------------------------------- */

.casino_first_content, .live_casino_first_content, .video_games_first_content {
    padding-top: 520px;
}

.Main_not_slidable {
    margin-top: 104px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.game-list-normal .casino-game-list-item .product-wrapper:not(.hero), .casino-game-list-item .game-favorite .product-wrapper:not(.hero) {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    margin-bottom: 12px;
    grid-gap: 8px;
}

.casino-game-list-item .product-wrapper:not(.hero) .product-card {
    height: 203px;
    background-color: var(--background-color-1);
    border-radius: 12px;
    font-weight: 500;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-thumb {
    border-radius: 12px 12px 0 0;
    height: calc(100% - 42px) !important;
    object-fit: cover;
}

.casino-game-list-item .product-wrapper .product-card .product-thumb {
    width: 100% !important;
}

.grid_game_row {
    grid-column-end: span 2;
    grid-row-end: span 1;
}

.grid_game_column {
    grid-column-end: span 1;
    grid-row-end: span 2;
    height: 414px !important;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc,
.game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-desc {
    opacity: 1;
    background-color: transparent;
    transition: all .5s;
}

.casino-game-list .product-card .product-title {
    height: auto;
    bottom: 0;
    font-weight: 300;
    font-size: 16px;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body:not(.mobile) .game-list-normal .casino-game-list-item .product-wrapper .product-card:hover .product-desc,
body:not(.mobile) .game-list-slidable .casino-game-list-item .product-wrapper .product-card:hover .product-desc {
    opacity: 0.8;
    background-color: var(--background-color-1);
}

body:not(.mobile) .game-list-normal .casino-game-list .product-card:hover .product-title,
body:not(.mobile) .game-list-slidable .casino-game-list .product-card:hover .product-title {
    height: auto;
    background: none;
    z-index: 1;
    line-height: unset;
}

body:not(.mobile) .game-list-normal .casino-game-list .product-card:hover .user-product-ctrl,
body:not(.mobile) .game-list-slidable .casino-game-list-item .product-card:hover .user-product-ctrl {
    z-index: 1;
}

.fav-game a {
    display: none;
}

.game-list-normal .casino-game-list .product-card:hover .fav-game a,
.game-list-slidable .casino-game-list .product-card:hover .fav-game a {
    display: inline-block;
    color: var(--white-color);
    font-size: 20px;
    padding: 7px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.casino-game-list .no-games-found, #popupSearchItems .no-games-found {
    grid-column-start: 1;
    grid-column-end: 10;
    color: var(--text-color-3);
}

.fav-game a:hover i, .fav-game a:active i {
    color: var(--color-green-2);
    text-decoration: none;
}

a:focus {
    outline: none;
}

.play-now {
    padding: 8px 10px !important;
    display: block;
}

.fav-game {
    text-align: right;
}

    .fav-game i:before {
        font-weight: 400;
    }

.fav-color-red:before {
    color: var(--color-green-2);
    font-weight: 900 !important;
}

.casino-game-list-item .product-wrapper .product-card .product-producer-container {
    z-index: 2;
}

.sub-game-nav-block {
    min-height: 42px;
}

.nav-simple .game-nav, .sub-game-nav.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 4px 24px;
    max-width: 1520px;
    background-color: var(--background-color-5);
    background-image: none;
    border-radius: 8px;
    border-bottom: none;
    position: relative;
    overflow: visible;
}

.sub-game-nav.row {
    padding: 0 40px 0 0;
    margin-bottom: 0 !important;
}

.game-nav.tag-filter-open {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
}

.nav-simple .game-nav ul {
    height: 42px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .nav-simple .game-nav ul li {
        margin-right: 24px;
        padding: 0;
        cursor: pointer;
    }

        .nav-simple .game-nav ul li a, .sub-game-nav li a {
            font-size: 14px;
            font-weight: 300;
            line-height: unset;
            height: auto;
        }

.game-category-selector-container-replacer {
    display: none !important;
}

.game-nav [id^=searchTb], .game-category-selector-container .ss-main .ss-multi-selected, .game-nav ~ .search-wrapper [id^=searchTb] {
    padding: 0 40px;
    background-color: var(--background-color-8) !important;
    border-radius: 8px;
}

    .game-category-selector-container .ss-main .ss-multi-selected, .game-category-selector-container .ss-main .ss-multi-selected .ss-value {
        padding-left: 15px;
        background: transparent;
        outline: none;
        border: none;
    }

.game-category-selector-container > select {
    display: none;
}

.game-category-selector-container .ss-main, .game-category-selector-container .ss-main .ss-multi-selected {
    height: 100%;
}

.ss-main .ss-multi-selected {
    transition: none;
}

    .ss-main .ss-multi-selected .ss-values .ss-value {
        animation: none;
    }

.game-category-selector-container .ss-main .ss-multi-selected .ss-add {
    margin: 14px 12px 0 5px;
}

.game-category-selector-container .ss-content {
    position: absolute;
    border: none;
    z-index: 3;
    background-color: var(--background-color-8);
}

    .game-category-selector-container .ss-content .ss-list {
        background-color: var(--background-color-8);
        color: var(--text-color-1);
    }

        .game-category-selector-container .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
            color: var(--white-color);
            background-color: var(--background-color-10);
        }

.game-category-selector-container .ss-list .ss-option:not(.ss-disabled).ss-option-selected .game-category-list span,
.game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount p {
    font-weight: 600;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
    content: 'No games found';
    color: var(--text-color-1);
    letter-spacing: 1px;
}

.game-category-selector-container, .game-category-selector-container .ss-main .ss-multi-selected {
    width: 200px;
    padding: 0;
    border: none;
}

    .game-category-selector-container .ss-main .ss-multi-selected.ss-open-below {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .game-category-selector-container .ss-main .ss-multi-selected.ss-open-above {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .game-category-selector-container .selectedInfoCount {
        display: none;
    }

    .game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount {
        width: 100%;
        display: flex;
        align-items: center;
        color: var(--white-color);
        padding-left: 15px;
    }

    .game-category-selector-container .selectedInfoCount p {
        margin: 0;
    }


.Wrapper--Single .js-view-category-filter-btn {
    background: var(--background-color-8);
    border: 1px solid var(--color-green-2);
    color: var(--color-green-2);
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
    transition: all 128ms;
}

.filter-icon {
    background-color: var(--color-green-2);
    display: block;
    height: 2px;
    position: relative;
    width: 22px;
}

    .filter-icon:after, .filter-icon:before {
        content: "";
        position: absolute;
        transition: left .3s;
    }

    .filter-icon.filter-icon-middle:before, .js-view-category-filter-btn.open .filter-icon:before {
        left: 12px;
    }

    .filter-icon.filter-icon-middle:after, .js-view-category-filter-btn.open .filter-icon:after {
        left: 14px;
    }

    .filter-icon:before, .js-view-category-filter-btn.open .filter-icon-middle:before {
        border: 1px solid var(--text-color-4);
        border-radius: 100%;
        border-color: var(--color-green-2);
        height: 6px;
        left: 3px;
        opacity: .8;
        top: -2px;
        width: 6px;
    }

    .filter-icon:after, .js-view-category-filter-btn.open .filter-icon-middle:after {
        background-color: var(--background-color-1);
        border-radius: 100%;
        height: 2px;
        left: 5px;
        top: 0;
        width: 2px;
    }

.game-nav .search-wrapper, body.mobile .game-nav ~ .search-wrapper {
    padding: 0;
    display: flex;
    gap: 5px;
}

    .game-nav .search-wrapper .form-control-feedback, .glyphicon-search, body.mobile .game-nav ~ .search-wrapper .form-control-feedback {
        color: var(--text-color-1);
        position: absolute;
        left: 0;
        padding: 5px 16px;
    }

        .game-nav .search-wrapper .form-control-feedback.clearForm, body.mobile .game-nav ~ .search-wrapper .form-control-feedback.clearForm {
            padding: 5px 16px;
        }

.glyphicon.glyphicon-search.clearForm:before {
    display: none;
}

.glyphicon.glyphicon-search.clearForm .las.la-times {
    display: block;
    padding-top: 8px;
    font-size: 19px;
    pointer-events: initial;
    cursor: pointer;
    position: relative;
    top: -1px;
    left: -2px;
}

    .glyphicon.glyphicon-search.clearForm .las.la-times:focus:before {
        color: var(--color-green-2);
    }

.sub-game-nav.row {
    background-color: var(--background-color-8);
}

.sub-game-nav li.selected, .sub-game-nav li.selected a, .sub-game-nav li:hover a,
.game-nav-tab.selected, .game-nav-tab.selected a, .nav-simple .game-nav ul li:hover a {
    background-color: unset;
    color: var(--color-green-2);
}

.sub-game-nav li:not(:last-child) {
    border-right: 1px solid var(--background-color-5);
}

.sub-game-nav li {
    height: 26px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 24px;
    line-height: 27px;
}

.text-center.load-more-container {
    width: 100%;
    max-width: 1568px;
    margin: 0 auto;
    padding: 0 24px;
    border-radius: 8px;
    position: relative;
}

[id^='loadMoreBtn_'], .btn-load-more:focus, .btn-load-more:hover, [id^='loadMoreButton_'], #loadMoreBtn {
    background: var(--gradient-color) !important;
    border-radius: 8px !important;
    padding: 14px 35px !important;
    color: var(--black-color) !important;
}

/*---------------------------------------------------------------------------- Messages ---------------------------------------------------------------------------*/

#profilePopup .modal-dialog, #__depositPopup .modal-dialog {
    width: 90vw;
}

#profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content {
    height: 90vh;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--background-color-10);
}

body:not(.mobile) #__depositPopup .modal-dialog, body:not(.mobile) #__depositPopup .modal-content {
    height: 94vh;
    width: 92vw;
}

#__depositPopup .modal-dialog {
    margin: 22px auto;
}

#profilePopup .modal-content .modal-header, .modal-dialog.search .modal-header {
    padding: 0;
    border-bottom: none;
    background-color: var(--background-color-9);
}

.profile-main-nav {
    display: flex;
    min-height: 48px;
    margin-bottom: 0;
}

    .profile-main-nav li {
        padding-left: 16px;
        padding-right: 16px;
        line-height: 48px;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid transparent;
    }

        .profile-main-nav li a {
            color: var(--text-color-3);
            white-space: nowrap;
        }

#profilePopup .profile-main-nav li:hover {
    border-color: var(--white-color);
}

#profilePopup .profile-main-nav li.active {
    border-color: var(--color-green-1);
}

#profilePopup .modal-content .modal-body {
    height: calc(100% - 94px);
    padding: 0 24px;
}

.modal-dialog.modal--wallet .modal-sub-body .ajax-result {
    height: 100%;
}

#profilePopup .profile-sub-nav, .deposit-sub-nav {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
    position: relative;
}

#profilePopup .modal-content .modal-sub-body:has(.switch-history) {
    display: grid;
    width: 100%;
    height: auto !important;
    grid-template-columns: 1fr 1fr;
}

#profilePopup .modal-content .modal-sub-body .switch-history {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

    #profilePopup .modal-content .modal-sub-body .switch-history .text-switch-history {
        color: #fff;
        margin: 10px auto;
    }

    #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history {
        max-width: 300px;
        margin: 0 auto;
        padding: 8px 36px !important;
        color: var(--color-blue-text) !important;
        border-radius: 20px !important;
        border: 1px solid transparent !important;
        background-image: var(--gradient-color-2) !important;
        background-color: var(--color-green-1) !important;
        text-transform: uppercase;
        position: relative;
    }

        #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history:hover {
            opacity: .9 !important;
            color: var(--color-blue-text) !important;
            border: 1px solid transparent !important;
        }

#profilePopup .modal-body.no-footer .profile-sub-nav li,
#profilePopup .modal-dialog.history .modal-body .profile-sub-nav li {
    width: 100%;
}

#profilePopup .profile-sub-nav:before {
    content: "";
    display: block;
    width: 100%;
    height: 130px;
    margin-bottom: 16px;
    margin-top: 16px;
    background-image: url("../img/banners/casino1.png");
    border-radius: 12px;
    background-position: 0% 18%;
    background-size: cover;
}

#profilePopup .profile-sub-nav a, .registration.page-3 .registration-sub-nav li {
    display: block;
    padding: 18px 24px;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    white-space: nowrap;
}

#profilePopup .inbox-grid {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    height: calc(90vh - 410px);
}

    #profilePopup .inbox-grid .message-short-wrapper {
        height: calc(90vh - 330px);
    }

#profilePopup .js-custom-scrollbar-wrapper,
#profilePopup .balancehistory .row.ajax-result,
#profilePopup .modal-dialog.history .row.ajax-result {
    height: 100% !important;
    margin: 0;
    border-radius: 12px;
}

.thread-list .single-thread.active {
    background-color: var(--background-color-10);
    color: var(--white-color);
    border-left: 4px solid var(--color-green-1);
}

.communication-types .comm-single-type, .thread-list .single-thread {
    padding: 10px 10px 10px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .thread-list .single-thread.unread i {
        color: var(--color-green-2);
    }

    .thread-list .single-thread .title {
        font-size: 16px;
        margin-bottom: 10px;
        color: var(--white-color);
    }

.thread-details p:first-child {
    color: var(--text-color-3);
}

.thread-details p:not(:first-child) {
    color: var(--grey-color);
}

.os-content, .js-custom-scrollbar-wrapper.os-host,
.balancehistory .row.ajax-result {
    background-color: var(--background-color-9);
    border-radius: 12px;
    padding: 0 !important;
}

.modal-dialog.history .row.ajax-result .os-content, .modal-dialog.promotions .row.ajax-result .os-content {
    background-color: transparent;
}

#profilePopup .loader {
    height: 30px;
    margin-left: 5px;
    padding: 0 5px;
    position: absolute;
    bottom: 0;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    line-height: 30px;
}

.message-content-wrapper, .message-wrapper {
    background-color: var(--background-color-21);
    height: 100%;
    min-height: 500px;
    padding: 9px 6px;
    margin-left: 16px;
    position: relative;
    border-radius: 12px;
    color: var(--text-color-1);
    letter-spacing: .3px;
}

.message-wrapper {
    margin-left: 0;
    line-height: 20px;
}

    .message-wrapper .message-details .row div {
        padding-left: 15px;
    }

    .message-wrapper .message-text {
        background-color: var(--background-color-9);
        border-radius: 12px 12px 12px 0;
        line-height: 1.5;
        padding: 16px 16px;
        margin: 6vh 15px;
    }

.message-content-wrapper .communication-settings-block, .message-content {
    min-width: 230px;
    max-height: 400px;
    min-height: 80%;
    padding: 16px 16px;
    margin: 60px 15px;
    overflow: auto;
    background-color: var(--background-color-9);
    color: var(--grey-color);
    border-radius: 12px 12px 12px 0;
    line-height: 1.5;
}

.message-id {
    color: var(--white-color);
    font-size: 14px;
}

.modal-dialog.history #PlayerBonusStateGroup,
.message-content .detail-row, .message-wrapper .detail-row {
    display: none;
}

.message-content .message-details {
    position: absolute;
    top: 8px;
}

.message-details .row div {
    padding: 0;
    width: 80%;
}

.message-text {
    color: var(--text-color-3);
    line-height: 2.5;
    margin-top: 5px;
}

    .message-text span {
        color: var(--text-color-3) !important;
        font-family: 'Roboto' !important;
    }

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background-color: var(--color-green-1);
}

/* ------------------------------------------------------------------------my profile------------------------------------------------------------------------------- */

#profilePopup .profile-sub-nav li {
    width: calc(100% / 3);
    background-color: var(--background-color-9);
}

    #profilePopup .profile-sub-nav li:nth-last-child(5):first-child,
    #profilePopup .profile-sub-nav li:nth-last-child(5):first-child ~ li {
        width: calc(100% / 5);
    }

    #profilePopup .profile-sub-nav li:nth-last-child(4):first-child,
    #profilePopup .profile-sub-nav li:nth-last-child(4):first-child ~ li {
        width: calc(100% / 4);
    }

    #profilePopup .profile-sub-nav li:nth-last-child(3):first-child,
    #profilePopup .profile-sub-nav li:nth-last-child(3):first-child ~ li {
        width: calc(100% / 3);
    }

    #profilePopup .profile-sub-nav li:nth-last-child(2):first-child,
    #profilePopup .profile-sub-nav li:nth-last-child(2):first-child ~ li {
        width: calc(100% / 2);
    }

#profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(3),
#profilePopup .modal-dialog.notifications .profile-sub-nav li:nth-child(3),
#profilePopup .modal-dialog.identifications .profile-sub-nav li:nth-child(3),
#profilePopup .modal-dialog.responsible-gambling .profile-sub-nav li:nth-child(3),
#profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(3),
#profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(3) {
    border-top-right-radius: 12px !important;
}

#profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(4),
#profilePopup .modal-dialog.notifications .profile-sub-nav li:nth-child(4),
#profilePopup .modal-dialog.identifications .profile-sub-nav li:nth-child(4),
#profilePopup .modal-dialog.responsible-gambling .profile-sub-nav li:nth-child(4),
#profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(4),
#profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(4) {
    border-bottom-left-radius: 12px !important;
}

#profilePopup .modal-dialog.myProfile .profile-sub-nav li,
#profilePopup .modal-dialog.notifications .profile-sub-nav li,
#profilePopup .modal-dialog.identifications .profile-sub-nav li,
#profilePopup .modal-dialog.responsible-gambling .profile-sub-nav li,
#profilePopup .modal-dialog.notification-settings .profile-sub-nav li,
#profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li {
    width: calc(100% / 3) !important;
}

    #profilePopup .modal-dialog.myProfile .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.notifications .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.identifications .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.responsible-gambling .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.notification-settings .profile-sub-nav li:nth-child(n+4),
    #profilePopup .modal-dialog.securityPassword-settings .profile-sub-nav li:nth-child(n+4) {
        position: unset;
        border-top-right-radius: 0 !important;
    }


#profilePopup .modal-content::-webkit-scrollbar {
    width: 3px;
}

 #profilePopup .no-footer .profile-sub-nav li:nth-child(2) {
    width: 48%;
    display: inline-block;
    position: absolute;
    top: 72%;
    right: 0;
}

#profilePopup .form-control, #profilePopup .select2-container .select2-selection--single,
.modal-sub-body.identifications .input_name {
    height: 36px;
    padding-right: 25px;
    border: 1px solid var(--grey-color);
    outline: none;
}

#profilePopup .select2-selection__clear {
    display: none;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-results__option[aria-selected] {
    padding: 2px 9px;
}

body:not(.body-light) .select2-container--default .select2-results > .select2-results__options {
    text-align: left;
    background-color: var(--background-color-10);
    color: var(--grey-color);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--color-green-2);
    color: var(--black-color);
}

#profilePopup .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--grey-color);
    line-height: 36px;
}

#profilePopup .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

#personal-details .col.col-xs-6, #personal-details .col-md-6.province {
    padding-right: 2px;
    padding-left: 2px;
}

.city-dropdown-block, .language-dropdown-block {
    display: inline-block;
    width: 100%;
}

.col-half .form-group {
    margin: 0;
}

#profilePopup .row-flex .col-half {
    flex: 1 2 50%;
    padding: 0;
    min-width: 90px;
}

.col-xs-4 .form-group:nth-child(4) .row {
    display: flex;
}

    .col-xs-4 .form-group:nth-child(4) .row .col-xs-6,
    .col-xs-4 .form-group:nth-child(4) .row .col-md-6 {
        width: 100%;
    }

.btn-group, .btn-group-vertical {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
}

.select2-search--dropdown .select2-search__field, .select2-search--dropdown {
    padding: 2px;
    background-color: var(--background-color-10);
    color: var(--text-color-1);
    outline: none;
}

.personal-details .col-xs-8 {
    position: unset;
}

.personal-details > .row {
    position: relative;
}

#profilePopup .modal-footer {
    padding: 0 15px;
    border-top: none;
    display: block;
    width: 100%;
}

    #profilePopup .modal-footer .paging {
        padding: 0 9px;
        margin-bottom: 0px;
    }

    #profilePopup .modal-footer > .row.profile-messages .col-xs-6:nth-child(1) {
        text-align: left;
    }

#profilePopup .modal-sub-body .emutable-details {
    padding: 10px 10px 10px 20px;
    margin-top: 3px;
    font-size: 12px;
    color: var(--white-color);
}

    #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em {
        color: var(--color-green-2);
        text-transform: uppercase;
    }

.email_block_margin {
    margin-top: 109px !important;
}

#profilePopup .verification-code-email,
#profilePopup .verification-code-mobile {
    height: 36px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#sendMobileCode, #sendEmailCode {
    margin-right: 5px;
}

#profilePopup .communication-settings-wrapper {
    display: flex;
    color: var(--white-color);
}

#profilePopup .communication {
    height: 100% !important;
    padding: 0 18px;
}

.communication-settings-wrapper .communication-types {
    width: 30%;
    border-right: 1px solid var(--color-green-2);
    border-radius: 12px;
}

.communication-settings-wrapper .communication-settings-block {
    width: 70%;
    min-height: 100% !important;
    padding: 10px 15px 10px 30px;
    background-color: var(--background-color-21);
    border-radius: 12px;
    color: var(--white-color);
}

.modal-sub-body.communication .row, .modal-sub-body.communication #notsettings, .modal-sub-body.communication .communication-settings-wrapper {
    height: 100%;
}

.communication-types .comm-single-type.active {
    background-image: var(--gradient-color);
    color: var(--black-color);
    border-radius: 12px;
}

#profilePopup .no-footer .profile-sub-nav li:nth-child(1),
#profilePopup .no-footer .profile-sub-nav li:nth-child(2),
#profilePopup .modal-dialog.modal--deposit .profile-sub-nav li,
#profilePopup .modal-dialog.history .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
body.mobile #profilePopup .modal-dialog.promotions .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
.registration.page-3 .registration-sub-nav li {
    display: block;
    width: calc(100% / 2) !important;
    background-color: var(--background-color-9);
}

    #profilePopup .profile-sub-nav li:nth-child(1), #profilePopup #searchform .input-group-addon,
    #profilePopup ~ .daterangepicker .calendar.left .calendar-table, .captcha-loader img, .captcha_block img,
    .registration.page-3 .registration-sub-nav li:nth-child(1) {
        border-top-left-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
    }

    #profilePopup .profile-sub-nav li:last-of-type, #profilePopup ~ .daterangepicker .calendar.right .calendar-table,
    .captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2,
    .registration.page-3 .registration-sub-nav li:nth-child(2) {
        border-top-right-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
    }

    #profilePopup .profile-sub-nav li:nth-child(1) a:focus,
    .profile-sub-nav li:not(.active) a:focus,
    #profilePopup .profile-sub-nav li.active a,
    .registration.page-3 .registration-sub-nav li.active {
        background: var(--gradient-color);
    }

#profilePopup .col-xs-3, #profilePopup .responsible-gambling .switch {
    width: 140px;
    height: 28px;
    padding: 0;
}

#profilePopup .identifications .col-xs-3 {
    height: 92px;
}

#profilePopup .switch { /*wrap*/
    width: 100%;
    max-width: unset;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
}

    #profilePopup .switch input {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border-radius: 50px;
        outline: none;
        appearance: none;
        margin-top: 0;
        cursor: pointer;
    }

        #profilePopup .switch input:after { /*inner*/
            content: "";
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--white-color);
            box-shadow: inset -5px -10px 15px 0 rgba(0, 0, 0, 0.5), 0 0 8px var(--color-green-1);
            position: absolute;
            top: 3px;
            left: 3px;
        }

#profilePopup .slider { /*outer*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), 0 0 20px 0 rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: transform 0.4s ease-in-out, margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition-delay: 0.4s, 0.3s;
}

#profilePopup .switch input:checked ~ .slider {
    -webkit-animation: shift 0.8s ease-in-out 1 forwards;
    animation: shift 0.8s ease-in-out 1 forwards;
}

@-webkit-keyframes shift {
    0% {
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        width: 20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        width: 20%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        width: 100%;
        -webkit-transform: translateX(0%) rotate(180deg);
        transform: translateX(0%) rotate(180deg);
    }
}

@keyframes shift {
    0% {
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        width: 20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        width: 20%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        width: 100%;
        -webkit-transform: translateX(0%) rotate(180deg);
        transform: translateX(0%) rotate(180deg);
    }
}

#profilePopup .slider:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    background: var(--gradient-color-grey);
}

#profilePopup .switch input:checked ~ .slider:before {
    -webkit-animation: checkbox_background 0.8s ease-in-out 1 forwards;
    animation: checkbox_background 0.8s ease-in-out 1 forwards;
}

@-webkit-keyframes checkbox_background {
    50%, 100% {
        -webkit-background: var(--gradient-color-rg);
        background: var(--gradient-color-rg);
    }
}

@keyframes checkbox_background {
    50%, 100% {
        -webkit-background: var(--gradient-color-rg);
        background: var(--gradient-color-rg);
    }
}

#profilePopup .switch input:checked:after {
    box-shadow: inset 5px -10px 15px 0 rgba(0, 0, 0, 0.5);
    -webkit-animation: inner 0.8s ease-in-out 1 forwards;
    animation: checkbox_inner 0.8s ease-in-out 1 forwards;
}

@-webkit-keyframes checkbox_inner {
    0%, 100% {
        -webkit-transform: translateX(112px);
        transform: translateX(112px);
    }

    25%, 50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes checkbox_inner {
    0%, 100% {
        -webkit-transform: translateX(112px);
        transform: translateX(112px);
    }

    25%, 50% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

#profilePopup .communication-settings-block .col-xs-9 {
    margin-bottom: 20px;
}

#profilePopup .communication-settings-block .col-xs-9 {
    width: calc(100% - 200px);
}

#personal-details .btn-group, .btn-group-vertical {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-dialog#verifyPartial [class$='-verification-code-block'] .form-control, #tfaConfirm .input-group .form-control {
    height: 38px;
}

.modal-dialog#verifyPartial [class$='-verification-code-block']:not(.recovery-verification-code-block) .btn-success, #tfaConfirm .btn-success {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#profilePopup .tfa-has-error {
    width: 100%;
    display: flex;
}

/*---------------------------------------------------------------- History ----------------------------------------------------------------*/
#searchform .col-xs-4 {
    padding-left: 0;
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(1), #profilePopup .modal--game-history .profile-sub-nav li:nth-child(1),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(1) {
    width: calc(100% / 3) !important;
    background-color: var(--background-color-9);
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(2), #profilePopup .modal--game-history .profile-sub-nav li:nth-child(2),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(2) {
    width: calc(100% / 3) !important;
    right: calc(100% / 3);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#profilePopup .modal--payments-history .profile-sub-nav li:nth-child(3), #profilePopup .modal--game-history .profile-sub-nav li:nth-child(3),
#profilePopup .modal--balance-history .profile-sub-nav li:nth-child(3) {
    width: calc(100% / 3) !important;
    display: inline-block;
    position: absolute;
    top: 72.1%;
    right: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

#profilePopup .balancehistory
#profilePopup .wallet-table {
    width: 100%;
}

#profilePopup .modal-content .modal-sub-body {
    height: calc(100% - 300px) !important;
    padding: 15px 0 30px 0 !important;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

    #profilePopup .modal-content .modal-sub-body .row.ajax-result {
        height: unset !important;
    }

    #profilePopup .modal-content .modal-sub-body .row {
        margin: 0;
    }

#profilePopup .row-flex {
    display: flex;
    gap: 20px;
}

#profilePopup .modal-sub-body .col-xs-12,
#profilePopup .modal-sub-body .col-md-12 {
    padding: 0;
}

#profilePopup .modal-sub-body .wallet-table, .table--scrollable__thead {
    width: 100%;
    color: var(--text-color-1);
}

.modal--balance-history .table--scrollable__tr, .modal--payments-history .table--scrollable {
    width: 100%;
    color: var(--text-color-1);
    min-width: 1120px;
}

.table-striped > tbody > tr:nth-of-type(odd), .table-hover > tbody > tr:hover {
    background-color: var(--background-color-10);
}

.table-striped .history-badge {
    padding: 8px 20px;
}

.table--scrollable__tr, .statedisabledforbet, .wallet-table .wallet-table tr {
    display: flex;
}

.wallet-table .wallet-table {
    min-width: 750px;
}

.table--scrollable__thead .table--scrollable__tr,
.wallet-table thead tr, .games-box .table--scrollable__tr {
    background-color: var(--background-color-6);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wallet-table tr .col-xs-12, .mobile .history .col-xs-12, .mobile .history .col-md-12, .mobile .balancehistory .col-xs-12, .mobile .gameshistory .col-xs-12 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.mobile .history .col-xs-12, .mobile .balancehistory .col-xs-12, .mobile .gameshistory .col-xs-12 {
    padding: 0 !important;
}

.mobile .history .wallet-table .btn {
    margin: 4px;
    padding: 6px 18px !important;
}

.table--scrollable__tbody .table--scrollable__td:has(.update-payment) .btn {
    margin: 4px;
}

.table--scrollable__tbody .table--scrollable__td:has(.update-payment) {
    flex: none;
}

.table--scrollable__tbody .table--scrollable__tr:nth-child(even),
.col-xs-12 .wallet-table tbody tr:nth-child(even),
.modal-sub-body.identifications .document-body-row-title:nth-child(even),
.freespin-games:nth-child(even) {
    background-color: var(--background-color-9);
}

.table--scrollable__tbody .table--scrollable__tr:hover, .modal-sub-body.identifications .document-body-row-title:hover {
    background-color: var(--background-color-10);
}

.table--scrollable__th, .table--scrollable__tbody .table--scrollable__td,
.wallet-table th, .wallet-table td {
    flex: 1;
    padding: 11.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table--scrollable__tr div {
    white-space: unset !important;
}

.modal--game-history .table--scrollable .table--scrollable__tbody, .modal--payments-history .table--scrollable .table--scrollable__tbody {
    overflow-y: auto;
}

.table--scrollable__tbody .table--scrollable__tr {
    display: flex;
}

.modal .paging li {
    display: inline-block;
    font-size: 0;
}

    .modal .paging li a, .modal .paging li i {
        font-size: 1.2rem;
        position: relative;
    }

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last, .modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: var(--background-color-1);
}

.modal .paging .pi {
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--background-color-21);
    border: 1px solid var(--text-color-1);
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: var(--white-color);
    border-radius: 5px;
}

.modal .paging div.pi {
    line-height: 26px;
}

.modal .paging .disabled {
    opacity: 0.5;
}

.modal .paging .pi.active {
    background-color: var(--color-green-2);
    color: var(--black-color);
    border: transparent;
    text-decoration: none;
}

.modal .paging .pi:hover {
    border-color: var(--color-green-2);
    text-decoration: none;
}

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last, .modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: var(--background-color-21);
    border-color: var(--text-color-1);
}

/*---------------------------------------------------------------- Promotions ----------------------------------------------------------------*/

#profilePopup #searchform .datepicker {
    color: var(--text-color-1);
    border-color: var(--text-color-1);
}

#profilePopup #searchform .ss-main .ss-single-selected {
    height: 36px;
    background-color: unset;
    border-radius: 12px;
    border-color: var(--text-color-1);
    color: var(--text-color-1);
}

#profilePopup #searchform .ss-single-selected ~ .ss-content {
    background-color: unset;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 12px;
    color: var(--text-color-1);
}

#profilePopup #searchform #PlayerBonusStateGroup .ss-single-selected ~ .ss-content.ss-open .ss-option {
    color: var(--text-color-1);
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:hover,
#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:not(.ss-disabled).ss-option-selected,
.ss-content .ss-list .ss-option.ss-disabled {
    background-color: var(--color-green-2);
    border-radius: 10px;
    color: var(--background-color-1);
}

.ss-content .ss-list .ss-option.ss-disabled {
    opacity: .8;
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:not(.ss-disabled).ss-option-selected {
    opacity: .7;
}

#profilePopup #searchform .btn.js-see-details,
#profilePopup #searchform .btn.js-form-search-submit {
    margin-top: 20px;
}

#profilePopup ~ .daterangepicker, #registrationPopup ~ .datepicker {
    z-index: 9999;
    background-color: unset;
    border-radius: 12px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#registrationPopup ~ .datepicker {
    border-color: var(--text-color-1);
    color: var(--text-color-1);
}

    #registrationPopup ~ .datepicker td.day:hover {
        color: var(--black-color);
    }

#profilePopup ~ .daterangepicker:before, #profilePopup ~ .daterangepicker:after {
    display: none;
}

#profilePopup ~ .daterangepicker ul li {
    background-color: var(--background-color-21);
    color: var(--color-green-2);
    border-color: var(--color-green-2);
    border-radius: 12px;
}

    #profilePopup ~ .daterangepicker ul li:hover,
    #profilePopup ~ .daterangepicker ul li.active,
    #registrationPopup ~ .datepicker thead tr:first-child th:hover {
        background-color: var(--color-green-2);
        color: var(--black-color);
    }

#profilePopup ~ .daterangepicker .daterangepicker_input .input-mini,
#profilePopup ~ .daterangepicker .daterangepicker_input i {
    border-radius: 12px;
    color: var(--text-color-1);
}

    #profilePopup ~ .daterangepicker .daterangepicker_input .input-mini.active {
        border-color: var(--color-green-2);
    }

#profilePopup ~ .daterangepicker .calendar-table, #registrationPopup ~ .datepicker .calendar-table {
    background: unset;
    color: var(--text-color-1);
    border-color: var(--text-color-1);
}

#profilePopup ~ .daterangepicker td.week,
#profilePopup ~ .daterangepicker th.week {
    color: var(--grey-color);
}

#profilePopup ~ .daterangepicker td.off, #profilePopup ~ .daterangepicker td.off.in-range, #profilePopup ~ .daterangepicker td.off.start-date,
#profilePopup ~ .daterangepicker td.off.end-date {
    color: var(--grey-color);
    background-color: transparent;
}

#profilePopup ~ .daterangepicker td.available:hover, #profilePopup ~ .daterangepicker th.available:hover,
#profilePopup ~ .daterangepicker td.active, #profilePopup ~ .daterangepicker td.active:hover,
#registrationPopup ~ .datepicker td.available:hover, #registrationPopup ~ .datepicker th.available:hover,
#registrationPopup ~ .datepicker td.active, #registrationPopup ~ .datepicker td.active:hover {
    background-color: var(--color-green-1) !important;
    color: var(--black-color);
    background-image: unset;
}

#profilePopup ~ .daterangepicker td.in-range {
    background-color: var(--color-green-2);
}

#registrationPopup ~ .datepicker .datepicker-days .switch, .datepicker-months .switch {
    vertical-align: middle;
}

#registrationPopup ~ .datepicker .prev, #registrationPopup ~ .datepicker .next,
#registrationPopup ~ .datepicker .prev, #registrationPopup ~ .datepicker .next {
    padding: 0px 5px 6px 5px;
}

    #registrationPopup ~ .datepicker .prev ~ th {
        vertical-align: middle;
    }

#registrationPopup ~ .datepicker .datepicker-months .table-condensed, #registrationPopup ~ .datepicker .datepicker-years .table-condensed {
    min-width: 200px;
}

#registrationPopup ~ .datepicker .datepicker-months tbody td span, #registrationPopup ~ .datepicker .datepicker-years tbody td span {
    width: 58px;
}

.datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active,
.datepicker td span.active.disabled, .datepicker td span.active[disabled] {
    background: var(--color-green-2);
    color: var(--black-color);
}

.datepicker td span:hover {
    color: var(--black-color);
}

#profilePopup .bonus-title-row, .bonus-body-row-header {
    display: flex;
    margin: 0 6px 12px 6px;
    padding: 10px 20px 10px 164px;
    color: var(--text-color-1);
    border: 1px solid var(--color-green-2);
    border-radius: 12px;
    text-align: center !important;
}

[class*='player-bonus-type'] .bonus-body-row-title div {
    text-align: center !important;
}

#profilePopup #paymentsystem .bonus-body-row-title {
    margin: 0 6px 12px 6px;
}

#profilePopup .bonus-title-row div, .bonus-body-row-header div, [class*='player-bonus-type'] .bonus-body-row-title div {
    flex: 1;
    padding: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bonus-body-row-header {
    padding: 10px !important;
}

.bonus-placeholder {
    flex: unset !important;
    width: 150px;
}

.player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder, .bonus-body-row-header.freespins .bonus-placeholder {
    flex: 1 !important;
    width: auto;
}

.bonus-body-row-title.not-allowed, #profilePopup [id^='bonus-content-'].not-allowed .os-content {
    opacity: 0.3;
    background: #000000;
    color: #fff !important;
}

#profilePopup #paymentsystem .bonus-body-row-title:not(.not-allowed) {
    border: 1px solid #3affa9;
}

/*.bonus-checkbox-wrapper, .registration.page-3 .bonus-body-row-title .bonus-checkbox-wrapper {
    flex: unset !important;
    width: 80px;
    overflow: visible !important;
}*/

body.mobile [class^='modal-body player-bonus-type-'] .bonus-table {
    min-width: 630px;
}

body.mobile .modal-body.player-bonus-type-2 .bonus-table {
    min-width: 750px;
}

#profilePopup .modal-dialog .modal_one_box .profile-sub-nav li,
#profilePopup .modal-dialog.wallet .profile-sub-nav li,
#profilePopup .modal-dialog.messages .profile-sub-nav li {
    width: 100% !important;
    border-radius: 12px;
}

.registration.page-3 .bonus-body-row-header div:not(:nth-child(1)), .registration.page-3 .bonus-body-row-title div:not(:nth-child(1)),
.registration.page-3 .row.bottom--fixed div {
    flex: 1;
}

.registration.page-3 .bonus-placeholder {
    display: none;
}

.registration.page-3 .row .col-md-6.mt20:nth-child(2) {
    text-align: right;
}

.registration.page-3 .player-bonus-type-registration .bonus-body-row-title.selected ~ [id^='bonus-content-'] {
    /* height: 250px; */
    margin: 10px;
    padding: 10px;
    display: block;
    background-color: var(--background-color-10);
    border-radius: 12px;
    color: var(--text-color-4);
    overflow: auto;
}

.registration.page-3 .row.bottom--fixed {
    display: flex;
}

.registration.page-3 .bonus-body-row-information {
    margin: 15px;
    color: var(--color-green-2);
    white-space: pre-wrap;
}

.registration.page-2 label[for^='DateOfBirth'] ~ .row {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
}

.registration.page-2 #Day, .registration.page-2 #Month, .registration.page-2 #Year {
    height: 42px;
    margin: 0 2px;
    padding: 0 10px 0 6px;
    border-radius: 12px;
    background-color: var(--background-color-10);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
    flex: 1;
    outline: none;
    cursor: pointer;
}

.registration.page-2 #Day {
    flex: .7;
}

[class^='modal-body player-bonus-type-'] .bonus-order.update-state {
    display: flex;
    gap: 4px;
}

.btn--upgrade, .btn--downgrade, .btn--upgrade.btn-success:focus, .btn--downgrade:focus {
    padding: 6px 0 !important;
    flex: .5;
}

.modal-dialog.history .bonus-current-amount, .mobile [class*='player-bonus-type'] .bonus-current-amount {
    position: relative;
    overflow: visible !important;
}

    .modal-dialog.history .bonus-current-amount:hover .tooltip, .mobile [class*='player-bonus-type'] .bonus-current-amount:hover .tooltip {
        display: block !important;
    }

/*------------------------------------------------------------------------------ Wallet ------------------------------------------------------------------------*/
.wallet-title {
    text-transform: uppercase;
    padding: 18px 0 8px 16px;
    color: var(--color-green-1);
}

/*------------------------------------------------------------------------------ Payments -----------------------------------------------------------------------*/
.transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal {
    display: flex;
    padding: 10px 0px 10px 27%;
    color: var(--text-color-1);
    border: 1px solid var(--color-green-2);
    border-radius: 12px;
}

.transaction-row-outlined {
    padding: 10px;
}

    .transaction-row-outlined .trans-proc-time,
    .transaction-row-outlined .trans-max {
        width: 25%;
    }

    .transaction-row-outlined .trans-fee,
    .transaction-row-outlined .trans-min {
        width: 17%;
    }

#profilePopup .modal-body.no-footer .row:after {
    margin-bottom: 24px;
}

.transaction-row {
    display: flex;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 4px 0;
    align-items: center;
    font-size: 12px;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
    background-color: var(--background-color-10);
    color: var(--white-color);
    transition: background-color 0.2s;
    position: relative;
}

    .transaction-row.loading {
        color: var(--white-color) !important;
    }

    .transaction-row .trans-logo, .transaction-row .trans-title {
        width: calc(27% / 2);
        padding: 0 6px;
    }

    .transaction-row .trans-proc-time, .transaction-row .trans-max {
        width: calc((100% - 27%) * 25 / 100);
    }

    .transaction-row .trans-fee, .transaction-row .trans-min {
        width: calc((100% - 27%) * 17 / 100);
    }

.transaction-block .col-md-12 {
    height: 100% !important;
}

.transaction-block:after {
    margin: 0 !important;
}

.transaction-block.active .transaction-row,
.transaction-block.active .shown {
    border-color: var(--color-green-2);
}

.transaction-row:hover {
    background-color: var(--color-green-2);
    color: var(--black-color);
    border-color: transparent;
    cursor: pointer;
}

[id^=transaction-details].shown {
    margin-top: 2px;
    padding: 30px 10px 10px 10px;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
}

[id^='transaction-details'] label {
    margin-right: 15px;
    margin-bottom: 9px;
    line-height: 30px;
}

.bonus-checkbox-wrapper label {
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
}

    .bonus-checkbox-wrapper label:after {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--white-color);
        box-shadow: inset -5px -10px 15px 0 rgba(0, 0, 0, 0.5), 0 0 8px var(--color-green-1);
        position: absolute;
        left: 3px;
    }

.bonus-checkbox-wrapper input[type='checkbox']:checked + label:after {
    background: var(--color-green-2);
    box-shadow: none;
}

.bonus-checkbox-wrapper input {
    display: none;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    color: var(--black-color);
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid var(--text-color-1);
    background-color: var(--text-color-4);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

    [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto:after {
        content: 'A';
    }

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-cashback {
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    background-position: center center;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet {
    background-image: url(/content/img/utils/freebet-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering {
    background-image: url(/content/img/utils/wagering-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual:after {
    content: 'M';
}

#profilePopup [id^='bonus-content-'] {
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: var(--text-color-4);
    border-radius: 0px 0px 3px 3px;
    font-size: 14px;
}

    #profilePopup [id^='bonus-content-'] .os-content {
        padding: 5px 10px !important;
    }

.bonus-body-row-body b, .bonus-body-row-bold {
    color: var(--color-green-2);
}

#__depositPopup .modal-body {
    height: 84vh;
    padding: 22px 20%;
}

#__depositPopup .modal-header {
    color: var(--color-green-1);
    font-size: 15px;
}

.js-payment-iframe {
    border-radius: 20px;
}

#profilePopup .modal--payments-history #withdrawal_cancel_icon {
    /* right: 34px; */
    bottom: 6px;
    text-align: center;
}

#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__th:last-child,
#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__td:last-child {
    text-align: center;
}
/* 
#paymentsystem div:nth-child(2){
    align-items: flex-end;
} */

.modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
    width: 100%;
}

#paymentsystem .form-group ~ #countryId {
    margin-bottom: 15px;
}

.deposit-sub-nav {
    margin: 10px 0;
}

#paymentsystem .deposit-sub-nav li.active, #paymentsystem .deposit-sub-nav li:hover {
    border-bottom: 2px solid var(--color-green-2);
    font-weight: bold;
    color: var(--color-green-2);
}

.deposit-sub-nav li {
    margin: 10px 5px;
    border-radius: 0px !important;
    cursor: pointer;
    color: var(--text-color-1);
    font-size: 15px;
}

.bonus-body-row-title.frb {
    padding: 10px 20px 10px 10px;
}

/*--------------------------------------------------------------------------------- Promotions ---------------------------------------------------------------------------*/
.bonus-table .os-content {
    padding: 5px !important;
}

[class*='player-bonus-type'] .col-xs-4 {
    padding-left: 5px !important;
}

[class*='player-bonus-type'] .bonus-body-row {
    margin-top: 10px;
    border-radius: 3px;
}

[class*='player-bonus-type'] .item-content {
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
    position: relative;
}

.wagering-line {
    height: 6px;
    margin-top: 7px;
    position: absolute;
    background: var(--gradient-color-le);
    border-radius: 12px;
}

[class*='player-bonus-type'] .bonus-table-body.grid li:last-child {
    margin-bottom: 40px;
}

[class*='player-bonus-type'] .bonus-body-row-title.active, [class*='player-bonus-type'] .bonus-body-row-title:not(.not-allowed):hover {
    background-color: var(--background-color-21);
}

[class*='player-bonus-type'] .item-content:hover {
    border-color: var(--color-green-2);
}

.wagering-percent {
    width: 4.1%;
    min-width: 29px;
    position: absolute;
    top: 2px;
    left: -1px;
    text-align: center;
    border-radius: 20px;
    background-color: var(--color-green-2);
}

.player-bonus-type-deposit {
    margin-top: 20px;
}

[class*='player-bonus-type'] .bonus-body-row-title {
    display: flex;
    margin-bottom: 10px;
    padding: 24px 20px 10px 10px;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s;
    color: var(--text-color-1);
    border-radius: 12px;
}

[class*='player-bonus-type'] .bonus-body-row-body {
    display: none;
    padding: 10px;
    overflow: hidden;
    background: var(--background-color-10);
    color: var(--white-color);
    border-radius: 12px;
}

    [class*='player-bonus-type'] .bonus-body-row-body h4 {
        font-size: 14px;
        color: var(--color-green-2);
        font-weight: bold;
    }

    [class*='player-bonus-type'] .bonus-body-row-body p {
        margin-bottom: 0;
    }

        [class*='player-bonus-type'] .bonus-body-row-body p .bonus-prop {
            color: var(--color-green-2);
            font-weight: 600;
        }

        [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper {
            float: right;
            margin-left: auto;
            padding-left: 10px;
        }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper ~ p.button-wrapper {
                margin: 0;
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .result-message {
                padding: 6px 20px;
                background-color: unset;
                background: var(--gradient-color);
            }

            .bonus-body-row-body .button-wrapper span.result-message, [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn,
            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn, [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn {
                display: inline-block;
                padding: 6px 14px;
                color: var(--black-color);
                transition: all 0.3s;
                border-radius: 20px;
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn {
                background-color: var(--yellow-color);
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn {
                background-color: var(--color-green-2);
            }

            [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn {
                background: var(--gradient-color-grey)
            }

                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .forfeit-btn:hover,
                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .claim-btn:hover,
                [class*='player-bonus-type'] .bonus-body-row-body p.button-wrapper .disable-btn:hover {
                    opacity: .7;
                }

.bonus-table-body.js-sortable {
    padding-bottom: 2px;
}

.depositmessage-success, .withdrawalmessage-success, .modal-dialog.history .col-md-12 .table-striped.wallet-table .table-striped td:nth-child(6),
.profile__msg--success, .depositmessage-success, #forgotpassform > .form-group p, .state__msg--success, .reality__msg--success, .password-change-success-message {
    color: var(--color-green-2) !important;
    padding: 0 5px;
}

.profile__msg--success, .profile__msg--error {
    text-align: left;
}

body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--error,
body:not(.mobile) #profilePopup .col-xs-6 .col-xs-12.profile__msg--success {
    margin-left: 40px;
    padding-left: 15px;
}

.select-expander {
    display: none;
}

.modal-dialog.history .bonus-table-body.js-sortable {
    height: unset !important;
}

/* ------------------------------------------------------------------------ Indetifications ---------------------------------------------------------------------*/

.modal-sub-body.identifications {
    color: var(--white-color);
}

.identifications .col-xs-3 {
    width: 100% !important;
}

.modal-sub-body.identifications .document-head-row-title, .modal-sub-body.identifications .document-body-row-title {
    display: flex;
    margin: 4px 0;
    padding: 5px;
    justify-content: space-between;
    border-radius: 12px;
}

.modal-sub-body.identifications .document-head-row-title {
    color: var(--color-green-1);
    margin-bottom: 20px;
    font-size: 16px;
    border: 1px solid var(--color-green-2);
    border-radius: 12px;
}

    .modal-sub-body.identifications .document-head-row-title div, .modal-sub-body.identifications .document-body-row-title div,
    .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
        flex: 1;
        margin: 4px 0;
        display: flex;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        align-items: center;
    }

.modal-sub-body.identifications .document-body-row-title .document-name {
    white-space: nowrap;
    overflow: visible;
    display: flex;
    position: relative;
}

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        display: inline-block;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tooltip, .tooltipShow {
    width: auto;
    position: absolute;
    background-color: var(--background-color-8);
    opacity: 1;
    color: var(--white-color);
    padding: 5px 8px !important;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    top: -27px;
    left: 50%;
    white-space: nowrap;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-initial-amount {
    overflow: unset;
}

.modal-sub-body.identifications .document-body-row-title i {
    color: var(--color-green-2);
    font-size: 22px;
    justify-content: center;
}

.modal-sub-body.identifications .document-head-row-title .document-action {
    text-align: center;
}

.modal-sub-body.identifications .document-body-row-title .las.la-times {
    color: var(--error-color);
}

.modal-sub-body.identifications .document-body-row-title .las.la-sync-alt {
    color: var(--white-color);
}

.modal-sub-body.identifications .document-body-row-title button {
    margin: 4px 0;
    justify-content: center;
    text-align: center;
    color: var(--black-color);
    padding: 8px 30px !important;
}

.modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i,
.modal-sub-body.identifications .document-head-row-title .document-action {
    max-width: 120px;
}

    .modal-sub-body.identifications .document-body-row-title button:hover {
        background-color: var(--yellow-color);
    }

.modal-sub-body.identifications .header-block {
    height: 350px;
    padding: 12px 15px;
    margin: 15px 0;
    overflow: auto;
    border: 1px solid var(--text-color-1);
    border-radius: 12px;
}

.identifications-settings-block .body-block .manual-upload,
.identifications-settings-block .body-block .auto-upload {
    width: 100%;
    margin: 20px auto;
    background-color: #2c2c3b;
    border-radius: 8px;
    border: 1px solid #444;
    padding: 15px;
    position: relative;
    color: #fff;
}

.identifications-settings-wrapper .verification-title {
    position: absolute;
    top: -12px;
    left: 20px;
    background-color: #2c2c3b;
    padding: 0 10px;
    font-size: 14px;
    color: #ffffff;
}

.modal-sub-body.identifications .upload-file.row:before, .modal-sub-body.identifications .upload-file.row:after {
    display: none;
}

.modal-sub-body.identifications .upload-file {
    display: flex;
    margin: 10px 0 10px 0 !important;
    gap: 2%;
}

    .modal-sub-body.identifications .upload-file section, .modal-sub-body.identifications .upload-file div {
        width: 100%;
    }

    .modal-sub-body.identifications .upload-file .btn {
        width: auto !important;
        height: 35px;
        display: flex;
        margin: 0 !important;
        padding: 16px !important;
        align-items: center;
        border-radius: 12px !important;
        border: 1px solid var(--grey-color) !important;
        background: var(--white-color) !important;
        color: var(--grey-color) !important;
    }

        .modal-sub-body.identifications .upload-file .btn:active {
            background: var(--gradient-color-2) !important;
        }

    .modal-sub-body.identifications .upload-file .col-xs-6 {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

        .modal-sub-body.identifications .upload-file .col-xs-6 .input {
            margin-left: 0;
        }

.modal-sub-body.identifications .input_name {
    width: 100%;
    padding: 16px;
    outline: none;
}

.identifications-settings-wrapper #formOne .col-xs-6 .row {
    display: flex;
    margin: 0;
}

.identifications-settings-wrapper #Day, .identifications-settings-wrapper #Month, .identifications-settings-wrapper #Year {
    height: 35px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: var(--background-color-10);
    border-radius: 12px;
    text-align: center;
}

.identifications-settings-wrapper #Day {
    flex: .7;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
}

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12, #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message {
        flex: 1;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message .col-xs-6 {
            width: 100%;
            padding: 0;
        }

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 {
        text-align: right;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 .btn {
            color: var(--white-color);
            border-color: var(--blue-color-5);
            background-color: var(--blue-color-5);
        }

#profilePopup .identifications-settings-wrapper .note {
    padding: 4px;
    text-align: left;
}

/* ----------------------------------------------------------------------------- Info pages ----------------------------------------------------------------------*/
.Container--full.container_info {
    padding-top: 140px;
}

.wrapper_info {
    padding: 10px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    line-height: 2.5;
    gap: 20px;
}

    .wrapper_info .Copyright {
        background-color: var(--background-color-21);
        border-radius: 20px;
    }

    .wrapper_info .Copyright {
        width: 100%;
        min-width: 58%;
    }

.info_content h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-green-2);
}

.info_content h4 {
    font-size: 16px;
    color: var(--color-green-2);
}

.info_content {
    text-align: justify;
    font-size: 16px;
}

    .info_content h1 {
        margin-bottom: 30px;
        text-align: center;
        color: var(--color-green-2);
    }

    .info_content h2 strong {
        border-bottom: 1px solid var(--color-green-2);
    }

    .info_content h2 ~ p:hover {
        color: var(--color-green-2);
    }

.container_info .Copyright:before, .container_info .Copyright:after {
    margin-right: 20px;
    flex: none;
}

.container_info .Copyright .Container__Item {
    width: 100%;
}

.info_content a {
    color: var(--color-green-2);
}

    .info_content a:hover {
        opacity: .5;
    }

.wrapper_info .info_content ul, .wrapper_info .info_content ol {
    list-style: inherit;
    list-style-position: inside;
}

    .wrapper_info .info_content ul li::marker {
        color: var(--color-green-1);
    }

/* ------------------------------------------------------------------------------ Game ------------------------------------------------------------------------------*/
.Wrapper--Single.play-section #one, .Wrapper--Single.play-section #two, .Wrapper--Single.play-section #four {
    font-size: 30px;
    cursor: pointer;
}

.Wrapper--Single.play-section i, .gameLaunchFull .Game--Balance .btn-bonus i {
    color: var(--white-color);
}

.Container--GamePage ~ .Item {
    text-align: center;
}

.Wrapper--Single.play-section .Item i.active {
    color: var(--color-green-2);
    box-shadow: 0 0 50px 1px var(--black-color) !important;
    font-size: 40px;
}

body:not(.mobile) .Wrapper--Single.play-section, body:not(.mobile) .Wrapper--Single.game-launch--full {
    margin-top: 104px;
}

body:not(.mobile) .Wrapper--Single.play-section {
    padding: 5px;
    position: relative;
}

.Container--GamePage, .Container--GamePage .Container__Item {
    height: 100%;
    background: transparent;
}

    .Container--GamePage .game-page {
        width: 90%;
        height: calc(100vh - 145px);
        display: flex;
        margin-top: 0px !important;
        flex-wrap: wrap;
        align-items: start;
        gap: 50px;
        row-gap: 20px;
        transition: all .3s ease;
    }

        .Container--GamePage .game-page .game-container {
            margin: 0 auto;
            min-width: calc((100% / 2) - 50px);
            min-height: calc((100% / 2) - 50px);
            flex: 1;
            border: 2px solid var(--background-color-8) !important;
        }

        .Container--GamePage .game-page:not(.single) {
            align-items: center;
        }

            .Container--GamePage .game-page:not(.single) .game-container {
                width: unset;
                height: unset;
                max-height: unset;
                max-width: unset;
                min-height: unset;
                aspect-ratio: 7/4;
            }

    .Container--GamePage.twoFrame .game-page {
        width: 94%;
        height: calc(100vh - 155px);
        padding-top: 10px;
        align-items: start;
    }

        .Container--GamePage.twoFrame .game-page .game-container, .Container--GamePage .game-page.single .game-container,
        .Container--GamePage .game-page .game-container .btn-real-game:not(.play-full) ~ .game-holder,
        body:not(.LoggedIn) .Container--GamePage .game-page .game-container .game-holder {
            height: 100% !important;
        }

    .Container--GamePage.threeFrame .game-page .game-container, .Container--GamePage.fourFrame .game-page .game-container {
        max-width: calc((100% - 50px) / 2);
        height: calc((100% - 20px )/ 2);
    }

    .Container--GamePage ~ .Item {
        position: absolute;
        right: 2%;
        bottom: 50%;
    }

    .Container--GamePage.twoFrame ~ .Item {
        right: 11px;
    }

    .Container--GamePage.threeFrame ~ .Item {
        right: 14%;
        bottom: 24%;
    }

    .Container--GamePage .game-page .game-container.empty {
        display: flex;
        align-items: center;
        font-size: 40px;
    }

        .Container--GamePage .game-page .game-container.empty a:hover i,
        .Container--GamePage .game-page .game-container.empty a:focus i {
            color: var(--color-green-2);
        }

    .Container--GamePage .game-page .game-container .game-holder {
        width: 100% !important;
        height: calc(100% - 50px);
        color: var(--white-color);
        font-size: 15px;
        justify-content: center;
        align-items: center;
    }

[class^=game-container-type-], #sport_div_iframe {
    width: 100%;
    height: 100%;
}

.Container--GamePage .game-page .game-container .game-controls {
    height: 100%;
    top: 0;
    right: -40px;
}

    .Container--GamePage .game-page .game-container .game-controls .game-controls-btn {
        height: 88px;
        position: relative;
        top: -10px;
    }

    .Container--GamePage .game-page .game-container .game-controls .btn-refresh, .Container--GamePage .game-page .game-container .game-controls .btn-close,
    .Container--GamePage .game-page .game-container .game-controls .btn-full-screen {
        border: none;
        background-color: unset;
        transition: .3s;
        cursor: pointer;
        float: none;
    }

        .Container--GamePage .game-page .game-container .game-controls .btn-refresh:hover, .Container--GamePage .game-page .game-container .game-controls .btn-close:hover,
        .Container--GamePage .game-page .game-container .game-controls .btn-full-screen:hover {
            background-color: unset;
            transform: scale(1.5);
            text-shadow: unset;
        }

            .Container--GamePage .game-page .game-container .game-controls .btn-refresh:hover i, .Container--GamePage .game-page .game-container .game-controls .btn-close:hover i,
            .Container--GamePage .game-page .game-container .game-controls .btn-full-screen:hover i {
                color: var(--color-green-2);
            }

.Container--GamePage .game-page .played-games .game-wrapper {
    display: flex;
    justify-content: center;
}

    .Container--GamePage .game-page .played-games .game-wrapper .game-title {
        width: auto;
        margin: unset;
    }

.Container--GamePage .game-page .played-games span.arrow {
    border-radius: 12px 12px 0 0;
    background: var(--color-green-2);
    color: var(--color-blue-text);
}

.Container--GamePage .game-page .game-container .played-games {
    border-color: var(--color-green-2);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: var(--background-color-8);
    z-index: 9;
}

.Container--GamePage .game-page.played-games-open {
    height: calc(100vh - 240px) !important;
}

    .Container--GamePage .game-page.played-games-open .game-container .game-holder {
        height: calc(100% - 50px) !important;
    }

.Container--GamePage.threeFrame .game-page.played-games-open, .Container--GamePage.fourFrame .game-page.played-games-open {
    width: 80%;
}

.game-page.played-games-open .slick-prev {
    left: 12px;
}

.game-page.played-games-open .slick-next {
    right: 12px;
}

.game-page.played-games-open .slick-next, .game-page.played-games-open .slick-prev {
    top: 50px;
    z-index: 1;
}

    .game-page.played-games-open .slick-prev:before {
        content: '\f104';
    }

    .game-page.played-games-open .slick-next:before {
        content: '\f105';
    }

    .game-page.played-games-open .slick-prev:before, .game-page.played-games-open .slick-next:before {
        font-family: 'Line Awesome Free';
        font-weight: bolder;
        color: var(--color-green-2);
    }

.played-games.closed .slick-next, .played-games.closed .slick-prev {
    display: none !important;
}

#gameModal .modal-dialog .modal-content .modal-body .game-name-fav {
    display: flex;
    align-items: center;
    justify-content: center;
}

#gameModal .modal-dialog .modal-content .modal-body .game-title {
    margin-top: 4px;
    padding: 10px;
    color: var(--white-color);
    font-size: 16px;
}

#gameModal .modal-content {
    touch-action: none;
}

.game-control-button, .game-control-buttonOnlyReal {
    margin-top: 10px;
    text-align: center;
}

#gameModal .game-name-fav .game-fav .fav-game a {
    position: unset;
}

.Tag-Filter {
    max-width: 1568px;
    margin: auto;
}

.game-tag-tab {
    white-space: nowrap;
}

    .game-tag-tab.filtered-by button {
        background-color: var(--color-green-2) !important;
        color: var(--black-color) !important;
    }

.Tag-Filter.replaced {
    display: flex;
    max-height: 0;
    max-width: 1520px;
    margin-bottom: 5px;
    overflow: hidden;
    transition: max-height .5s;
    background-color: var(--background-color-10);
    border-radius: 0 0 8px 8px;
}

    .Tag-Filter.replaced > .tag {
        display: flex;
        padding: 10px;
        margin-bottom: 0;
        flex-wrap: wrap;
    }

        .Tag-Filter.replaced > .tag::-webkit-scrollbar {
            display: none;
        }

    .Tag-Filter.replaced.open {
        max-height: 200px;
    }

.Container__Item.tag {
    display: flex;
    overflow: auto;
}

    .Container__Item.tag li button {
        width: unset !important;
        height: unset !important;
        margin: 0 8px 10px 0;
        padding: 8px 24px;
        border-radius: 20px;
        border: none;
        cursor: pointer;
        background-color: var(--background-color-8);
        color: var(--white-color);
    }

.sub-game-nav.row:not(.empty) ul {
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.sub-game-nav.row ul li {
    white-space: nowrap;
    cursor: pointer;
}

.arrow-button {
    position: absolute;
    right: 14px;
}

    .arrow-button:after {
        content: '\f107';
        width: 40px;
        text-align: end;
        font-family: 'Line Awesome Free';
        font-weight: bolder;
        font-size: 16px;
        color: var(--white-color);
        position: absolute;
        right: 0;
        top: 6px;
        cursor: pointer;
    }

.sub-game-nav.open ul {
    height: auto !important;
}

.sub-game-nav.open .arrow-button:after {
    content: '\f106';
}

.Container--GamePage .game-page .game-container .btn-real-game {
    background: var(--color-green-1);
    color: var(--black-color);
    right: -72px;
    z-index: 5;
    cursor: pointer;
}

    .Container--GamePage .game-page .game-container .btn-real-game.play-full {
        right: -60px;
        bottom: 22px;
        color: var(--white-color) !important;
    }

@keyframes blinking {
    0% {
        background-image: linear-gradient(180deg, var(--color-green-1), var(--color-green-2));
        border: 1px solid var(--color-green-2);
        color: var(--black-color);
    }

    33% {
        background-image: linear-gradient(180deg, var(--background-color-1), var(--background-color-1));
        border: 1px solid var(--color-green-1);
        color: var(--color-green-1);
    }

    66% {
        background-image: linear-gradient(180deg, var(--color-green-1), var(--color-green-2));
        border: 1px solid var(--color-green-2);
        color: var(--black-color);
    }
}

.Container--GamePage .game-page .game-container .btn-real-game:hover {
    background: var(--gradient-color);
    color: var(--black-color);
    border: 1px solid var(--color-green-1);
    animation-name: blinking-hover;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}

@keyframes blinking-hover {
    0% {
        background: var(--gradient-color);
        border: 1px solid var(--color-green-2);
        color: var(--black-color);
    }

    33% {
        background-image: linear-gradient(180deg, var(--background-color-1), var(--background-color-1));
        border: 1px solid var(--color-green-1);
        color: var(--color-green-1);
    }

    66% {
        background: var(--gradient-color);
        border: 1px solid var(--color-green-2);
        color: var(--black-color);
    }
}

.Container__Item.casino-game-list.row.casino-game-list-item .casino-categories,
.game_categories_two .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(2) {
    display: none;
}

    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(1),
    .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories:nth-of-type(2) {
        display: block;
    }

.product-card.identifier-menu-new:not(.loading):after {
    height: 21px;
    padding: 4px 10px;
    font-size: 11px;
    left: 8px;
    right: unset;
    background: var(--color-green-2);
    border: 1px solid var(--color-green-2);
    animation-name: blinking;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.Game--Balance--Wrapper {
    flex: 1;
}

.Container--GamePage .Balance--items, .gameLaunchFull .Balance--items {
    /* width: 100%; */
    height: 50px;
    color: var(--color-green-2);
}

    .Container--GamePage .Balance--items > ul, .gameLaunchFull .Balance--items > ul {
        display: flex;
        height: 100%;
        max-width: 60vw;
        margin: auto;
        padding: 5px;
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

        .Container--GamePage .Balance--items > ul > li, .gameLaunchFull .Balance--items > ul > li {
            padding: 0 10px;
            background-color: var(--background-color-2);
            border-radius: 20px;
            position: relative;
        }

.tooltipShow {
    background-color: var(--text-color-4);
    color: var(--black-color);
    left: 40%;
}

.Container--GamePage .Balance--items > ul > li:hover .tooltipShow, .gameLaunchFull .Balance--items > ul > li:hover .tooltipShow,
.game-page .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow {
    display: block !important;
    z-index: 999;
}

.header-secondary.gameLaunchFull:hover {
    z-index: 9999 !important;
}

.game-page .player-bonus-table .bonus-body-row-title > .bonus-current-amount ~ .tooltipShow,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > .bonus-current-amount:hover ~ .tooltipShow {
    right: 0;
    left: unset;
}

.gameLaunchFull .Balance--items > ul {
    padding: 4px;
    max-width: unset;
    font-size: 13px;
    justify-content: center;
}

    .gameLaunchFull .Balance--items > ul > li {
        padding: 6px 15px 6px 15px;
    }

.game-page #sortableList {
    margin: 0;
}

.game-page .player-bonus-table .btn-bonus, .gameLaunchFull .Game--Balance .btn-bonus {
    padding: 4px 8px;
    margin-top: 41px;
    position: absolute;
    z-index: 5;
    left: 1px;
    font-size: 15px;
    background: var(--gradient-color);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

.game-page .player-bonus-table, .gameLaunchFull .Game--Balance {
    color: var(--white-color);
}

.tp-ic-cash, .tp-ic-bonus, .tp-ic-total, .tp-ic-award {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

    .tp-ic-cash:before, .tp-ic-bonus:before, .tp-ic-total:before, .tp-ic-award:before, .tp-ic-gifts:before {
        font-size: 23px;
    }

.game-page .player-bonus-table .bonus-title-row, .game-page .player-bonus-table .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title {
    display: flex;
    min-width: 280px;
}

.game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title {
    cursor: pointer;
    position: relative;
}

    .game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open,
    .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open {
        background-color: var(--background-color-9);
        border-radius: 8px;
    }

.game-page .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title {
    opacity: .5;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title, .game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    border: 1px solid var(--text-color-1);
    border-radius: 8px;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title {
    border-color: var(--color-green-2);
    margin-bottom: 10px;
}

.nmbrUpdate {
    color: #00ff83;
}

.nmbrDown {
    color: red;
}

.nmbrUp {
    color: #00ff83;
}

.game-page .player-bonus-table .bonus-title-row > div, .game-page .player-bonus-table .bonus-body-row-title > div,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row > div, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title > div {
    padding: 5px;
    flex: 1;
}

.game-page .player-bonus-table .bonus-body-wrapper, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: 50%;
    margin-top: 40px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 5;
    right: 39px;
    background-color: var(--background-color-10);
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.game-page .player-bonus-table .bonus-body-row.item, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    margin-bottom: 10px;
}

.game-page .player-bonus-table .btn-bonus ~ .bonus-body-wrapper,
body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.game-page .forfeit-btn, .game-page .disable-btn, .game-page .enable-btn,
.gameLaunchFull .Game--Balance .forfeit-btn, .gameLaunchFull .Game--Balance .disable-btn,
.gameLaunchFull .Game--Balance .enable-btn {
    display: inline-block;
    padding: 4px 14px;
    color: var(--black-color);
    transition: all 0.3s;
    border-radius: 20px;
    background-color: var(--yellow-color);
    border: none;
    position: relative;
}

.game-page .disable-btn, .gameLaunchFull .Game--Balance .disable-btn {
    background: var(--gradient-color-grey);
}

.game-page .enable-btn, .gameLaunchFull .Game--Balance .enable-btn {
    background: var(--gradient-color-2);
}

    .game-page .forfeit-btn:active, .game-page .disable-btn:active, .game-page .enable-btn:active {
        opacity: .5;
    }

.game-controls .bonus-body-row.item .row, .Game--Balance .bonus-body-row.item .row {
    padding: 8px;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.gameLaunchFull .Game--Balance {
    display: flex;
    height: 100%;
    justify-content: center;
    gap: 15px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .btn-bonus {
    margin-top: 8px;
    position: unset;
    display: inline-block;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    position: unset;
    transform: translateY(50px);
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    margin: 0;
}

body:not(.mobile) .gameLaunchFull .Balance--items {
    height: 40px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: unset;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* -------------------------------------------------------------------------------- Coming Soon ---------------------------------------------------------------------------*/

.coming_soon_wrapper {
    height: 440px;
    margin-top: 104px;
    margin-bottom: 71px;
    box-shadow: 0 0 70px var(--white-color);
    color: var(--white-color);
    padding-bottom: 60px;
}

    .coming_soon_wrapper #contentText {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
    }

.coming, .soon {
    width: 50%;
    display: flex;
    font-size: 60px;
    gap: 10px;
}

.coming {
    justify-content: flex-end;
}

    .coming p {
        animation: coming .5s ease-in;
        position: relative;
        color: var(--color-green-2);
    }

        .coming p:nth-child(2) {
            animation-delay: .2s;
        }

        .coming p:nth-child(3) {
            animation-delay: .4s;
        }

        .coming p:nth-child(4) {
            animation-delay: .6s;
        }

        .coming p:nth-child(5) {
            animation-delay: .8s;
        }

        .coming p:nth-child(6) {
            animation-delay: 1s;
        }

@keyframes coming {
    0% {
        color: transparent;
        top: 0px;
        color: var(--white-color);
    }

    50% {
        color: transparent;
        top: -50px;
        color: var(--white-color);
    }

    100% {
        color: var(--color-green-2);
        top: 0px;
    }
}

.soon p {
    animation: soon 1s forwards;
    animation-delay: 1.5s;
    position: relative;
    top: 45%;
    left: 100%;
}

    .soon p:nth-child(2) {
        animation-delay: 2s;
    }

    .soon p:nth-child(3) {
        animation-delay: 2.5s;
    }

    .soon p:nth-child(4) {
        animation-delay: 3s;
    }

@keyframes soon {
    0% {
        left: 100%;
    }

    70% {
        left: 0%;
        transform: scale(2);
    }

    100% {
        left: 0%;
    }
}

/* ----------------------------------------------------------------------------- Promotion Group --------------------------------------------------------------------------*/

.promo-tabs {
    width: 100%;
    min-height: 400px;
    padding: 122px 122px 0 122px;
}

    .promo-tabs .tabs ul {
        display: flex;
        margin: 5px 0 30px 0;
        padding: 0 18px;
        gap: 30px;
        background-color: var(--background-color-1);
        border-radius: 10px;
    }

        .promo-tabs .tabs ul li {
            height: 46px;
            line-height: 46px;
            cursor: pointer;
            color: var(--white-color);
            position: relative;
        }

            .promo-tabs .tabs ul li.active {
                color: var(--color-green-2);
                border-bottom: 2px solid var(--color-green-2);
            }

            .promo-tabs .tabs ul li:hover {
                border-bottom: 2px solid var(--color-green-2);
            }

    .promo-tabs .tabs .scene {
        height: 100%;
        position: relative;
    }

.tab-body-inner .scene .card .front .card-date, .tab-body-inner .scene .close-info,
.tab-body-inner .scene .card-info, .tab-body-inner .scene .back .card-title {
    display: none;
}

.front .card-title {
    padding: 5px;
    font-size: 18px;
    color: var(--color-green-2);
}

.promo-tabs .tabs .scene .back .content {
    margin: 5px;
    font-size: 16px;
    color: var(--white-color);
}

.promo-tabs .tabs .scene .back .read-more {
    display: block;
    text-align: center;
}

.promo-tabs .card.flipper {
    height: 100%;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

    .promo-tabs .card.flipper .back {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.promo-tabs .tab-body-inner {
    display: grid;
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
    border-radius: 12px;
}

    .promo-tabs .tab-body-inner > div {
        padding: 30px;
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--background-color-5);
    }

        .promo-tabs .tab-body-inner > div:hover {
            box-shadow: 0 0 10px var(--text-color-1);
        }

/* ------------------------------------------------------------------------------MultiSport ------------------------------------------------------------------------*/
.Wrapper--Single {
    display: block !important;
}

    .Wrapper--Single.MultiSport > .Container__Item {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        overflow: auto;
    }

    .Wrapper--Single.MultiSport .Container__Item > .Container__Item {
        flex: 1;
    }

        .Wrapper--Single.MultiSport .Container__Item > .Container__Item:nth-child(2) {
            min-width: 420px;
        }

        .Wrapper--Single.MultiSport .Container__Item > .Container__Item .Widget--MultiFrame {
            width: 100%;
            margin: auto;
            display: block;
        }

#bt-inner-page {
    padding: 0 20px;
    background-color: rgb(30 48 58) !important;
    border-radius: 12px;
}
/* ------------------------------------------------------------------------------Favorite ------------------------------------------------------------------------*/

.favorite .Container__Item.sub-game-nav-block,
.casino_first_content.favorite .Container__Item.nav-slidable {
    display: none;
}

.favorite-cat .product-wrapper {
    display: grid !important;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)) !important;
    margin-bottom: 12px;
    grid-gap: 14px;
}

.casino_first_content.favorite .casino-categories:not(:nth-of-type(1)) {
    display: none !important;
}

/*--------------------------------------------------------------------------------- Loading---------------------------------------------------------------------- */
.overlay24.loading:after, .loading:after, .Iframe--full.loading:after, #sport_div_iframe.loading:after, .block-overlay.loading, .btn-close.loading:after,
.btn-full-screen.loading:after, .btn-refresh.loading:after {
    content: '';
    display: block;
    position: absolute !important;
    border: 2px solid var(--text-color-4);
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinAround 0.5s infinite linear;
    animation: spinAround 0.5s infinite linear;
}

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.btn-close.loading:after,
.btn-full-screen.loading:after,
.btn-refresh.loading:after {
    width: 10px !important;
    height: 10px;
    left: calc(50% - (10px / 2));
    top: calc(50% - (10px / 2));
}

.Iframe--full.loading:after,
#sport_div_iframe.loading:after {
    width: 20em;
    height: 20em;
    left: calc(50% - (20em / 2));
    top: calc(50% - (20em / 2));
}

.block-overlay.loading {
    width: 5em;
    height: 5em;
    left: calc(50% - (5em / 2));
    top: calc(50% - (5em / 2));
}

.overlay24.loading:after {
    width: 100px !important;
    height: 100px;
    left: calc(50% - (100px / 2)) !important;
    top: calc(50% - (100px / 2)) !important;
}

.loading:after {
    width: 15px !important;
    height: 15px;
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (15px / 2)) !important;
}

.block-overlay.loading:after {
    content: none;
}

.product-wrapper .product-card.loading:after {
    left: calc(50% - (15px / 2)) !important;
    top: calc(50% - (60px / 2)) !important;
}

.loading {
    color: transparent !important;
    pointer-events: none;
}

.overlay24.loading {
    z-index: 10000000 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.Container__Item:after {
    content: " ";
    display: block;
    width: calc(100% + 16px);
    position: absolute;
    left: -16px;
    top: 0;
    z-index: -1;
}

/* ---------------------------------------------------------------------------------- TV GAMES ----------------------------------------------------------------*/
.Iframe--full.game-has-error {
    height: 100vh;
    min-height: 100vh;
}

.Iframe--full {
    width: 100%;
    min-height: calc(100vh - 104px);
    margin: 0 auto;
    position: relative;
    color: var(--white-color);
}

.header-secondary.Full {
    z-index: 999 !important;
}

.Wrapper--Header.Full, .Wrapper--Header.Full .Sections__Item.Menu--sub .Sections {
    z-index: 1000 !important;
}

.Iframe--full iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.Tag-Filter {
    display: none;
}

.view-category-filter-form {
    min-width: 200px;
    display: flex;
    gap: 10px;
    position: relative;
}

#betgames_div_iframe, #betgames_load, #sport_div_iframe #bt-inner-page {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.Iframe--full:not(:has(> :first-child)) {
    display: flex;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    align-items: center;
    justify-content: center;
}

/* -------------------------------------------------------------------------------------Language------------------------------------------------------------------ */

.Language {
    display: flex;
    flex-direction: row-reverse;
    white-space: nowrap;
    position: relative;
    color: var(--white-color);
    cursor: pointer;
}

    .Language .Dropdown--language {
        position: absolute;
        display: none;
        z-index: 10;
        top: 40px;
        left: -4px;
        background-color: var(--background-color-1);
        border-radius: 12px;
    }

    .Language:hover .Dropdown--language {
        display: block;
    }

    .Language .Language-active .flag img, .Dropdown--language li .flag img {
        width: 17px;
        margin-right: 10px;
    }

    .Language .Icon--caret {
        padding: 13px 3px;
    }

.Language-active, .Dropdown--language li a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    color: var(--white-color);
}

.Dropdown--language li {
    width: 114px;
    padding: 2px 4px;
    position: relative;
}

.Dropdown--language li {
    border-radius: 12px;
}

    .Dropdown--language li:hover {
        background-color: var(--background-color-5);
    }

/* --------------------------------------------------------------------------------Header searchSettings------------------------------------------------------------- */
#searchPopup {
    overflow-y: hidden;
}

    #searchPopup .modal-title-text {
        min-height: auto;
        border: none;
        font-weight: 600;
        line-height: unset;
    }

    #searchPopup .modal-header .logo-img {
        width: 88px;
        margin: 0;
    }

    #searchPopup .glyphicon-search {
        left: unset;
        right: 10px;
    }

    #searchPopup .search-wrapper {
        padding: 20px;
        display: flex;
        gap: 8px;
        background-color: var(--background-color-21);
        border-radius: 12px;
        flex-direction: row-reverse;
    }

        #searchPopup .search-wrapper .ss-content:not(.ss-open) {
            display: none;
        }

        #searchPopup .search-wrapper .ss-content {
            width: calc(100vw - 155px);
            max-width: 1330px;
            height: 0;
            position: unset;
        }

    #searchPopup .game-category-selector-container .ss-main .ss-multi-selected {
        height: 42px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    #searchPopup .search-wrapper .view-category-filter-form {
        flex: 1;
    }

.Wrapper--Header #searchSettings ~ a {
    color: var(--white-color);
    font-size: 18px;
}

    .Wrapper--Header #searchSettings ~ a i {
        transition: all 0.3s;
    }

.modal-dialog.search {
    width: 96vw;
    height: 90vh;
    max-width: 1433px;
    overflow: auto;
    padding-right: 6px;
}

    .modal-dialog.search.vendorListOpen {
        padding-right: 0px;
    }

    .modal-dialog.search .modal-content {
        height: 100%;
        min-height: 100%;
        padding: 0 10px 6px;
    }

        .modal-dialog.search .modal-content .modal-body {
            height: calc(100% - 72px);
            padding: 0px 15px 34px;
        }

    .modal-dialog.search.vendorListOpen .modal-content .modal-body, .modal-dialog.search.vendorListOpen .modal-content {
        height: auto;
    }

    .modal-dialog.search.vendorListOpen #popupSearchItems {
        min-height: 350px;
    }

    .modal-dialog.search .modal-content .modal-body > .form-group {
        height: 100%;
    }

#searchPopup .search-wrapper .ss-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-auto-rows: minmax(50px, auto);
    max-height: unset;
    grid-gap: 10px;
    background-color: var(--background-color-21);
}

#searchPopup .search-wrapper .ss-content.ss-open {
    height: auto;
    margin-top: 0px !important;
}

#popupSearchItems {
    max-height: calc(100% - 78px);
    padding: 20px 6px 0px 0px;
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
    grid-gap: 20px;
    color: var(--white-color);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

    #popupSearchItems.no-games-found-container {
        height: 100%;
    }

    #popupSearchItems .Item {
        position: relative;
        display: flex;
        justify-content: center;
        border-radius: 12px;
        aspect-ratio: 533/337;
    }

        #popupSearchItems .Item .product-image img {
            border-radius: 12px;
        }

        #popupSearchItems .Item .play-now-btn {
            width: 100%;
            height: 40px;
            padding: 0 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            position: absolute;
            bottom: 5%;
            z-index: 5;
        }

    #popupSearchItems .play-now-btn a {
        flex: 1;
        height: 100%;
        padding: 0 !important;
        line-height: 40px;
        text-align: center;
        opacity: 0;
        cursor: pointer;
    }

    #popupSearchItems .Item .product-description {
        position: absolute;
        top: 30%;
        opacity: 0;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
    }

    #popupSearchItems .demo, #popupSearchItems .play-full {
        display: block;
        text-transform: capitalize;
    }

    #popupSearchItems .Item .info-container {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 5px 15px 5px 5px;
        top: 0;
        opacity: 0;
        text-align: center;
    }

        #popupSearchItems .Item .info-container.open {
            background-color: var(--background-color-10);
        }

        #popupSearchItems .Item .info-container .la.la-warning, #popupSearchItems .Item .info-container .la.la-times {
            font-size: 20px;
            color: var(--red-color);
            position: absolute;
            right: 3px;
            cursor: pointer;
        }

            #popupSearchItems .Item .info-container .la.la-warning:before, #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: var(--white-color);
                border-radius: 3px;
            }

            #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: transparent;
                color: var(--white-color);
            }

        #popupSearchItems .Item .info-container .info-text {
            max-width: calc(100% - 10px);
            max-height: calc(100% - 45px);
            overflow-y: auto;
            overflow-x: hidden;
        }

    #popupSearchItems .Item .game-info .close-info {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        position: absolute;
        bottom: 5%;
    }

body:not(.mobile) #popupSearchItems .Item:hover {
    background-color: var(--black-color);
}

    body:not(.mobile) #popupSearchItems .Item:hover .product-image {
        opacity: .3;
        transition: opacity 0.3s linear;
    }

    body:not(.mobile) #popupSearchItems .Item:hover .play-now-btn a,
    body:not(.mobile) #popupSearchItems .Item:hover .product-description,
    body:not(.mobile) #popupSearchItems .Item:hover .info-container {
        opacity: 1;
    }

.modal-dialog.search .ss-content .ss-list .ss-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    border-bottom: 2px solid var(--grey-color);
}

    .modal-dialog.search .ss-content .ss-list .ss-option:hover,
    .modal-dialog.search .ss-content .ss-list .ss-option.ss-highlighted,
    .modal-dialog.search .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
        background-color: unset !important;
        color: var(--color-green-2) !important;
        border-bottom: 2px solid var(--color-green-2);
    }

    .modal-dialog.search .ss-content .ss-list .ss-option:after {
        content: '';
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        border: 2px solid var(--grey-color);
        border-radius: 4px;
    }

.modal-dialog.search .ss-content .ss-list .ss-option-selected:after {
    content: '\f00c';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    border-color: var(--color-green-2);
}

.modal-dialog.search .ss-content .ss-list .ss-option img {
    display: none;
}

#searchPopup #popupSearchItems #load-more-container {
    padding: 5px 15px 8px 15px;
    position: absolute;
    bottom: -25px;
    left: 0;
}

.modal-dialog.search:not(.vendorListOpen)::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.modal-dialog.search.vendorListOpen .modal-content #popupSearchItems #load-more-container {
    bottom: -8px !important;
}

#searchPopup #popupSearchItems #load-more-container #loadMoreBtn {
    padding: 11px 35px !important;
}

    #searchPopup #popupSearchItems #load-more-container #loadMoreBtn:hover {
        opacity: 1 !important;
    }

.Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    height: 36px;
    width: 16%;
    padding: 0 8px;
    margin: 0 auto 0 20px;
    border-radius: 12px;
    background-color: var(--background-color-3);
    min-width: 142px;
}

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item:hover {
        opacity: .9;
    }

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item a {
        display: flex;
        height: 100%;
        line-height: 36px;
    }

.Wrapper--Header #searchSettings ~ a i {
    display: flex;
    align-items: center;
}

    .Wrapper--Header #searchSettings ~ a i ~ span {
        font-family: sans-serif;
        font-weight: 100;
        font-size: 12px;
        margin-left: 10px;
    }

#searchPopup[aria-modal^='true'] ~ #loginPopup {
    background-color: rgba(0, 0, 0, .5);
}

.modal-dialog.search .modal-header {
    padding: 12px 15px;
    display: flex;
    align-items: end;
}

/* --------------------------------------------------------------------------------------Jackpot------------------------------------------------------------------- */

.Jackpot--Counters {
    max-width: 1568px;
    margin: 24px auto;
    padding: 0 24px;
}

    .Jackpot--Counters .jackpot-counters {
        display: flex;
        text-align: center;
        gap: 28px;
        position: relative;
    }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container {
            display: flex;
            justify-content: space-around;
            flex: 1;
            background-color: var(--background-color-1);
            opacity: .9;
            color: var(--white-color);
            border-radius: 8px;
            position: relative;
            overflow: hidden;
            align-items: center;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots {
            display: flex;
            justify-content: center;
            gap: 6px;
            width: 98%;
            height: 98%;
            padding: 20px 0;
            border-radius: 8px;
            background-color: var(--background-color-1);
            position: relative;
            opacity: 1;
            z-index: 3;
        }

            .Jackpot--Counters .jackpot-counters .top-jackpots img {
                width: 40px;
                height: 23px;
            }

            .Jackpot--Counters .jackpot-counters .top-jackpots div div {
                display: inline-block;
                max-height: 100%;
            }

            .Jackpot--Counters .jackpot-counters .top-jackpots .jackpot-hit {
                color: var(--color-green-2);
                margin-left: 10px;
                text-transform: uppercase;
                font-style: italic;
            }

        .Jackpot--Counters .jackpot-counters .jackpot-counter, .Jackpot--Counters .jackpot-counters #jackpot-symbol {
            font-size: 20px;
            font-weight: 900;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:not(.hasHit):after {
            content: "";
            width: 500px;
            height: 500px;
            position: absolute;
            animation: light 1.5s linear 1;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(1):after {
            animation-delay: 1s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(2):after {
            animation-delay: 2.5s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(3):after {
            animation-delay: 4s;
        }

        .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after,
        html[lang="ar-sa"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after,
        html[lang="fa-ir"] .Jackpot--Counters .jackpot-counters .top-jackpots-container:nth-child(4):after {
            animation-delay: 5.5s;
        }

@keyframes light {
    0% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-green-2));
        transform: rotate(0deg);
        background-color: transparent;
    }

    100% {
        background-image: conic-gradient(transparent, transparent, transparent, var(--color-green-2));
        transform: rotate(360deg);
        background-color: transparent;
    }
}

.Jackpot--Counters .jackpot-counters .top-jackpots-container.hasHit {
    animation: HasHit 10s linear 1;
}

@keyframes HasHit {
    0% {
        flex: 1;
    }

    20%,100% {
        flex: 1.1;
    }
}

.Jackpot--Counters .jackpot-counters .top-jackpots-container.hasHit::after {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    animation: LightHasHit 10s ease-in-out 1;
}


@keyframes LightHasHit {
    0% {
        background-image: conic-gradient(var(--color-green-2), var(--color-green-2), var(--color-green-2), var(--color-green-2));
        transform: rotate(0deg);
    }

    100% {
        background-image: conic-gradient(var(--color-green-2), var(--color-green-2), var(--color-green-2), var(--color-green-2));
        transform: rotate(360deg);
    }
}

.jackpot-hit {
    font-weight: 900;
    color: var(--color-green-2);
    margin: 0 !important;
}

.jackpot-hit-wrapper {
    display: flex !important;
    position: absolute;
    right: 5px;
    top: 22%;
    overflow: hidden;
}

.jackpot-hit-container {
    display: block !important;
    height: 40px;
    border-radius: 4px;
    width: 26px;
    overflow: hidden;
    border: 1px solid var(--color-green-2);
    border-radius: 4px;
}

.jackpot-hit-second-container {
    display: flex !important;
    flex-direction: column;
    white-space: nowrap;
    animation: jackpotHit 2s linear;
    gap: 25px;
    transform: translateY(10px);
}

.jackpot-hit-container:nth-of-type(2) .jackpot-hit-second-container {
    animation-delay: .8s;
}

.jackpot-hit-container:nth-of-type(3) .jackpot-hit-second-container {
    animation-delay: 1.5s;
}

@keyframes jackpotHit {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-1000px)
    }
}
/* ------------------------------------------------------------------------------------activity-feed----------------------------------------------------------------- */
.activity-feed-container {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--background-color);
}

.activity-feed .tab-body-inner {
    display: block;
    animation: activityFeed .5s linear 1;
}

@keyframes activityFeed {
    0% {
        right: -100%;
    }

    100% {
        right: 0%;
    }
}

.activity-feed .tab-body.recent-winners .item {
    position: relative;
    display: flex;
    height: 80px;
    margin: 0 6px;
    border-radius: 15px;
    color: var(--white-color);
    background-color: var(--background-color-3);
    overflow: hidden;
    vertical-align: top;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    animation: activityFeedItem .6s linear 1;
    animation-delay: .6s;
}

@keyframes activityFeedItem {
    0%,100% {
        transform: rotate(0deg);
        scale: 1;
    }

    20%,60% {
        transform: rotate(10deg);
        scale: 1.03;
    }

    40%,80% {
        transform: rotate(-10deg);
        scale: 1.03;
    }
}

.tab-body.recent-winners .slick-track {
    display: flex;
    padding: 10px 0px;
}

.slot-banner .body .tab-body .item .player-id, .slot-banner .body .tab-body .item .win-amount, .slot-banner .body .tab-body .item .product-name {
    width: 100%;
    padding-left: 64px;
}

.slot-banner .body .tab-body .item .win-amount {
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color);
}

.slot-banner .body .tab-body .item .product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    border-radius: 5px 0 0 5px;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    object-fit: cover;
}

.slot-banner .body .tab-body .item .play-now-btn {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

    .slot-banner .body .tab-body .item .play-now-btn .play-now {
        height: 100%;
    }

.Games--Top .header, .slot-banner .body .tab-body .item .wager-id, .slot-banner .body .tab-body span.prop, .activity-feed #tabGroupWinner .body .tabs ul {
    display: none;
}
/* -------------------------------------------------------------------------------------Toast ---------------------------------------------------------------------------- */

.toast {
    margin: auto;
    width: 100%;
    max-width: 100%;
    font-size: 1.2rem;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.toast-container {
    position: absolute !important;
    top: 20px;
    right: 118px;
    padding: 1rem !important;
    z-index: 5;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
    z-index: 9999;
}

.toast-body {
    background-color: var(--background-color-toast-info);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

    .toast-body.Info {
        background-color: var(--background-color-toast-info);
    }

    .toast-body.Success {
        background-color: var(--background-color-toast-success);
    }

    .toast-body.Yield {
        background-color: var(--background-color-toast-yield);
    }

    .toast-body.Warning {
        background-color: var(--background-color-toast-warning);
    }
/* -------------------------------------------------------------------------------------Game placeholders----------------------------------------------------------------- */
.game-list-slidable.placeholder .casino-game-list.casino-game-list-item .casino-categories .product-wrapper {
    width: 100%;
    padding-right: 0;
    display: flex;
    position: relative;
}

.game-list-slidable.placeholder .Container__Item.casino-game-list.row.casino-game-list-item .casino-categories {
    padding-right: 0;
}

.game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card {
    max-height: 157px !important;
    margin-right: 8px !important;
    aspect-ratio: 27/17;
}

    .game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:last-child {
        margin-right: 0px !important;
    }

.game-list-slidable.placeholder .casino-categories article {
    display: none;
}

    .game-list-slidable.placeholder .casino-categories article:nth-child(1), .game-list-slidable.placeholder .casino-categories article:nth-child(2),
    .game-list-slidable.placeholder .casino-categories article:nth-child(3), .game-list-slidable.placeholder .casino-categories article:nth-child(4),
    .game-list-slidable.placeholder .casino-categories article:nth-child(5), .game-list-slidable.placeholder .casino-categories article:nth-child(6) {
        display: block;
    }

.game-list-slidable.placeholder .casino-categories .product-wrapper:not(.hero) .product-card:nth-child(6) {
    margin-right: 0px !important;
}

img {
    position: relative;
}

    img:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.jackpot-icon:after {
    background-color: var(--background-color-1);
}

.activity-feed .product-image img:after {
    background-color: var(--background-color-3);
}

.Widget--banner--sliding .carousel-cell img:after,
.promotion_banners .Item img::after {
    background-color: var(--background-color);
}

.Language .flag img:after {
    background-color: var(--background-color-1);
}

.Language .Language-active .flag img:after {
    background-color: var(--background-color-5);
}

/* ----------------------------------------------------------------------------------------Cookie-------------------------------------------------------------------- */

.Wrapper--Single.Wrapper--CookiePolicy {
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    font-size: 14px;
    overflow-x: hidden;
}

    .Wrapper--Single.Wrapper--CookiePolicy #contentText {
        display: none;
        min-height: 100%;
        padding: 15px;
        margin: 0 auto 86px;
        border-radius: 3px;
        background-color: var(--background-color-3);
        line-height: 21px;
        color: var(--white-color);
    }

    .Wrapper--Single.Wrapper--CookiePolicy .Container__Item {
        margin: 0;
        min-width: 100%;
        padding: 10px 10px 0;
    }

    .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        max-height: 100px;
        z-index: 20;
        background-color: var(--background-color-1);
        padding: 8px 40px;
        color: var(--white-color);
        border: 2px solid transparent;
        border-radius: 12px;
    }

        .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .text-content {
            overflow-y: scroll;
        }

        .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group {
            display: flex;
            flex-direction: column;
        }

            .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--accept {
                margin: 0 0 5px 0;
            }

            .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group .Button--read-less {
                display: none;
            }

        .Wrapper--Single.Wrapper--CookiePolicy .Confirm--policy .button-group {
            margin-left: 5px;
        }

.button-group button {
    min-width: 107px;
}

.Wrapper--CookiePolicy[style^='overflow-y: scroll'] .Confirm--policy {
    width: calc(100% - 8px);
}

.Widget--banner--sliding .carousel-cell:not(:nth-child(1)) {
    display: none;
}

.Widget--banner--sliding .flickity-slider .carousel-cell {
    display: block !important;
}

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
    display: flex;
    flex-wrap: nowrap;
    width: initial;
    padding: 10px 0;
    gap: 0 !important;
}

.game-list-slidable .casino-game-list-item .product-wrapper:not(.hero) .product-card {
    height: unset;
}

.game_categories_two .casino-categories .name-cat-title {
    height: 33px;
}

    .game_categories_two .casino-categories .name-cat-title h4 {
        display: inline-block;
        border: none;
        background-color: var(--background-color-10);
        padding: 8px 12px;
        margin: 0;
        border-radius: 3px;
        color: var(--white-color);
        font-size: 12px;
        min-width: 94px;
        height: 33px;
    }

.game_categories_two .swiper-button-prev, .game_categories_two .swiper-button-next {
    top: -28px;
}

.game_categories_two .casino-game-list.casino-game-list-item .casino-categories .product-wrapper {
    padding-left: 0;
}

#profilePopup .js-custom-scrollbar-wrapper {
    overflow: hidden !important;
}

.communication-types, .thread-list {
    position: relative;
}

.question_wrapper {
    position: relative;
}

    .question_wrapper > div.las.la-angle-down, .terms_wrapper > span {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18px;
        transition: .5s all ease;
    }

    .question_wrapper > h4 {
        cursor: pointer;
    }

        .question_wrapper > h4 > strong {
            display: block;
            width: calc(100% - 30px);
        }

    .question_wrapper > p, .cookies-policy .question_wrapper > div {
        padding: 15px;
        border-radius: 4px;
    }

    .question_wrapper h4.open_answer ~ div.las.la-angle-down, .terms_wrapper > h4.open_content ~ span {
        transform: rotate(180deg);
        color: var(--color-green-2);
    }

    .question_wrapper ~ h3, .content-page.faq .header, .question_wrapper a {
        color: var(--color-green-2);
    }

    .question_wrapper a {
        display: inline-block;
    }

.open_answer ~ p {
    background-color: var(--hover-color);
}

/* ----------------------------------------------------------------------------------------Leaderboard-------------------------------------------------------------------- */

.Wrapper--Single.leaderboard {
    max-width: 1568px;
    padding: 36px;
    margin: auto;
}

.tournament-info__section--table {
    width: 100%;
    margin-bottom: 20px;
    border-spacing: 2px;
    border-collapse: separate;
    color: var(--white-color);
}

    .tournament-info__section--table th {
        font-size: 14px;
        padding: 8px 8px 8px 16px;
        color: #9698a1;
        text-align: center;
        white-space: nowrap;
        font-weight: 900;
        font-family: Stolzl,Arial,sans-serif;
    }

.tournament-info__section--table-tr td {
    width: 168px;
    padding: 10px 8px 10px 16px;
    white-space: nowrap;
    font-family: Stolzl,Arial,sans-serif;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

    .tournament-info__section--table-tr td:before {
        font-size: 40px;
    }

.tournament-info__section--table-place {
    font-weight: 800;
}

.tournament-info__section--table-tr td:first-child span {
    position: relative;
    left: -23px;
}

.tournament-info__section--table-prize {
    color: #ffffffbd;
    font-weight: 900;
}

.tournament-info__section--table tr:nth-child(odd) td,
.tournament-info__section--table-tr:nth-child(1) td:first-child,
.tournament-info__section--table-tr:nth-child(3) td:first-child {
    background-color: hsla(0,0%,64%,.08) !important;
}

.leadboard-title {
    min-height: 62px;
    font-size: 25px;
    font-weight: 700;
    color: var(--white-color);
}

.tournament-info__section--table-tr td:first-child span {
    top: -13px;
}

.tournament-info__section--table-tr:nth-child(1) td:first-child span,
.tournament-info__section--table-tr:nth-child(2) td:first-child span,
.tournament-info__section--table-tr:nth-child(3) td:first-child span {
    top: -15px;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper.open,
.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper-2.open {
    display: block;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper,
.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText.leaderboard-wrapper-2 {
    display: none;
}

.Wrapper--Single.blue-slider-wrapper.leaderboard #contentText {
    line-height: 21px;
    margin: 0px auto;
    max-width: 1300px;
    position: relative;
}

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li.active {
        background: -webkit-gradient(radial,50.44% -14.1%,0,50.44% -14.1%,37.85,color-stop(0,var(--color-green-2)),color-stop(1,#292f40));
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 5px;
        color: var(--white-color);
        cursor: pointer;
        font-size: 16px;
        position: relative;
        border-radius: 20px;
        text-align: center;
    }

    .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul {
        position: relative;
        display: flex;
        height: 40px;
        border-bottom: 2px solid transparent;
        background-color: #212633;
        border-radius: 20px;
        width: 60%;
        margin: 0 auto;
    }

.tournament-info__section--table tr td:nth-child(2) .arrow-down {
    border-style: solid;
    border-width: 10px 6.5px 0 6.5px;
    border-color: var(--yellow-color-2) transparent transparent transparent;
    position: absolute;
    top: 43%;
    left: 70%;
}

.tournament-info__section--table tr td:nth-child(2) .arrow-up {
    border-style: solid;
    border-width: 0 6.5px 10px 6.5px;
    border-color: transparent transparent var(--color-green-2) transparent;
    position: absolute;
    top: 43%;
    left: 70%;
}

td.arrow-down-points {
    color: var(--yellow-color-2);
}

td.arrow-up-points {
    color: var(--color-green-2);
}

/* -------------------------------------------------------------------------------------------------Offline-------------------------------------------------------------- */

.offline, .online, .slow_internet {
    width: 300px;
    padding: 10px 16px;
    text-align: center;
    left: 50%;
    position: fixed;
    top: 6px;
    background-color: var(--red-color);
    color: var(--white-color);
    border-radius: 22px;
    -webkit-transform: translate(-50%,6px);
    transform: translate(-50%,6px);
    z-index: 9999;
    animation: offlineNote .5s linear 1;
}

    .offline button.close, .online button.close {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 300;
        outline: 0 !important;
        background-color: transparent !important;
        text-shadow: none;
        opacity: 1;
    }

@keyframes offlineNote {
    from {
        display: block;
        top: -100px;
    }

    to {
        top: 6px;
    }
}

.online {
    background: var(--gradient-color-2);
    color: var(--black-color);
}

    .online button.close {
        color: var(--black-color);
    }

/* ---------------------------------------- Responsible Gambling ---------------------------------------------- */
.Menu--user li[data-route='responsible'] {
    text-transform: uppercase;
}

.responsible-gambling {
    color: var(--white-color);
}

    .responsible-gambling .transaction-row-outlined.column-headers {
        padding: 10px 0;
        justify-content: center;
    }

    .responsible-gambling .transaction-row-outlined .trans-proc-time {
        text-align: center;
    }

    .responsible-gambling .transaction-row .trans-proc-time,
    #profilePopup .responsible-gambling .col-xs-3,
    .responsible-gambling .transaction-row span {
        width: calc(100% / 3);
        display: flex;
        justify-content: center;
    }

#profilePopup .responsible-gambling .switch {
    left: unset;
}

.responsible-gambling h4,
.responsible-gambling h3 {
    font-size: 15px;
    padding: 0 10px 10px;
    font-weight: 400;
    grid-column-end: span 3;
}

.responsible-gambling label {
    margin: unset;
}

.responsible-gambling .form-group:not(.mt-10, .history-modal .form-group) {
    margin: 15px;
    position: relative;
}

.responsible-gambling #responsibleSystem > div:first-child > div {
    display: grid;
    grid-template-columns: 1fr 1fr 0fr;
}

.responsible-gambling .custom-radio-button, .responsible-gambling .product-select {
    display: none;
}

.responsible-gambling [id^='transaction-details'] label:not(.control-label) input[type="checkbox"] {
    content: '';
    width: 22px;
    height: 22px;
    display: flex;
    border: 2px solid var(--grey-color);
    border-radius: 4px;
    font-weight: 900;
    border-color: var(--color-green-2);
    accent-color: var(--color-green-2);
    appearance: none;
    border-radius: 6px;
}

    .responsible-gambling [id^='transaction-details'] label:not(.control-label) input[type="checkbox"]:checked {
        background: var(--color-green-2);
        appearance: auto;
        border-radius: 6px;
    }

.responsible-settings-block .form-group .control-fields .form-control ~ .glyphicon-search {
    left: auto;
    right: 5px;
    top: -4px;
}

.responsible-gambling [id^='transaction-details'] label:not(.control-label) {
    width: 100%;
    background-color: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    user-select: none;
}

.responsible-gambling .product-select.open {
    display: block;
    position: absolute;
    width: 100%;
    border: 1px solid var(--grey-color);
    border-radius: 12px;
    background-color: var(--background-color-9);
    z-index: 5;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#limit-product-object-types .select2-results__option span {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

.responsible-gambling .select {
    color: var(--grey-color) !important;
    height: 36px;
    border: 1px solid var(--grey-color);
    outline: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    align-content: center;
    justify-content: space-between;
}

    .responsible-gambling .select:after {
        font-family: 'Line Awesome Free';
        font-weight: 900;
        content: '\f107';
    }

.responsible-gambling .responsible-label {
    display: none !important;
}

.responsible-types {
    padding: 10px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

    .responsible-types > div {
        padding: 5px;
        cursor: pointer;
        border-bottom: 2px solid transparent
    }

        .responsible-types > div:hover {
            border-color: #fff
        }

        .responsible-types > div.active {
            color: var(--color-green-1);
            border-color: var(--color-green-1)
        }

.responsible-settings-block:not(:has(.history-modal)) {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

.responsible-settings-block .inner-occurrences:has(.password-form-group) {
    box-shadow: 0 0 10px 2px #00ff8342, 0 0 #00ff8336;
    padding: 15px;
    margin-top: 15px;
}

.responsible-settings-block .inner-block,
.responsible-settings-block .history-modal {
    padding: 12px;
    border-radius: 12px;
    background: var(--background-color-9);
    flex: 1;
}

    .responsible-settings-block .inner-block .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .responsible-settings-block .inner-block .product-info, .responsible-settings-block .form-group:not(.history-modal .form-group) {
        margin-bottom: 10px;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .responsible-settings-block .history-modal label {
        margin-bottom: 5px;
    }

    .responsible-settings-block .inner-block .product-info > div {
        padding: 4px;
        border-bottom: 2px solid #fff
    }

    .responsible-settings-block .inner-block .inner-body:has(.notice-form-group) {
        display: flex;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0 0 10px 2px #00ff8342, 0 0 #00ff8336;
        margin-top: 25px;
    }

    .responsible-settings-block .inner-block .inner-body .form-groups:has(> .prevent-login-form-group:only-child) {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }

    .responsible-settings-block .inner-block .inner-body .form-groups {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        grid-template-rows: auto auto;
        box-shadow: 0 0 10px 2px #00ff8342, 0 0 #00ff8336;
        margin: 15px 0;
    }

        .responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group:not(.prevent-login-form-group) {
            width: 25%;
        }

    .responsible-settings-block .inner-block .inner-occurrences-body .canceled-limit-reminder {
        padding: 15px;
        color: #00ff83;
    }

    .responsible-settings-block .inner-block .inner-occurrences-body .notice-info {
        color: #00ff83;
        margin-right: 10px;
    }

.responsible-settings-block .select2-container--default .select2-results__option span {
    color: #Fff !important;
}

.responsible-settings-block .select2-container--default .select2-results__option span,
.responsible-settings-block .select2-container--default .select2-selection--single span:not(.select2-selection__arrow) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    width: calc(100% - 5px);
    height: auto;
}

.responsible-settings-block .select2-container--default .select2-results__option:has(.has-limit) {
    background: #1dd3b4;
    color: #000;
}

.responsible-settings-block .glyphicon.glyphicon-cancel.form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
}

.responsible-settings-block .select2-container--default .select2-results__option[aria-selected=true] span {
    color: var(--black-color) !important;
}

#profilePopup .modal-dialog .modal-footer .row .col-xs-6 .col-xs-12 {
    text-align: left;
    padding-top: 10px;
}

.responsible-settings-block .next-start-date,
.responsible-settings-block .next-end-date {
    margin: 0 4px;
}

.responsible-settings-block .modal-sub-body .col-xs-12 {
    text-align: left;
}

.responsible-settings-block #parent {
    position: relative;
}

.limit-product-info {
    display: block;
    width: 100%;
}

.responsible-gambling .form-group #currency-symbol:not(#next-limit-value #currency-symbol) {
    position: absolute;
    top: 10px;
    left: 5px;
    color: #00ff83;
}

.responsible-gambling .form-group #next-limit-value {
    position: relative;
}

    .responsible-gambling .form-group #value-reminder #reminder-currency-symbol,
    .responsible-gambling .form-group #next-limit-value #currency-symbol {
        color: #00ff83;
    }

.responsible-gambling .form-group .form-control-feedback .las:before {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
}

.responsible-gambling .form-group .form-control-feedback .la-times:before {
    color: #FF5722 !important;
}

.responsible-gambling .form-group .form-control-feedback .la-refresh:before {
    color: #00ff83 !important;
}

.responsible-settings-block .inner-block .limit-body {
    padding-bottom: 15px;
}

.form-group.password-form-group .eye-icon {
    top: 35px;
}

.responsible-settings-block .inner-block .modal-footer.form-footer .btn-body .btn {
    padding: 5px 25px !important;
    margin-top: 10px;
}

.limit-product-objects, #limit-product-object-types, .form-group.password-form-group {
    width: 50%;
    margin: 0 15px;
}

.form-group.password-form-group {
    width: 25% !important;
}

.modal-sub-body.responsible .limit-product-objects h5 {
    padding: 20px 0 10px 0;
}

.control-fields {
    position: relative;
}

.responsible-settings-block .row select {
    height: 36px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: var(--background-color-10);
    border-radius: 12px;
    text-align: center
}

    .responsible-settings-block .row select#Month {
        flex: 1.2
    }

    .responsible-settings-block .row select#Year {
        flex: 1.5
    }

#limit-product-object-types {
    margin-top: 15px !important;
}

.responsible-settings-block .inner-body > div input {
    padding: 5px 15px;
    color: #000;
    outline: none;
    border-radius: 10px
}

.reason-dropdown {
    width: 156px;
    padding: 5px;
    border-radius: 10px;
    height: 22px;
    position: relative;
    background-color: #fff;
    color: #000;
    text-align: right
}

    .reason-dropdown > span {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 5;
        background-color: #fff;
        text-align: start;
        top: 23px;
        left: 0;
        border-radius: 12px;
        display: none
    }

    .reason-dropdown.open > span, .responsible-settings-block .row:not(.filters--date),
    .responsible-settings-block .inner-block.open .inner-body > div > div.row {
        display: flex
    }

#profilePopup .responsible-settings-block .history-modal #searchform .js-form-search-submit {
    margin-top: 25px;
}

.reason-dropdown > span span {
    padding: 6px
}

    .reason-dropdown > span span:hover {
        background-color: var(--background-color-10);
        color: #fff
    }

.modal-sub-body.responsible h5 {
    margin: 0;
    padding: 8px 15px 15px
}

.responsible-settings-block.single {
    justify-content: start
}

    .responsible-settings-block.single .inner-block {
        width: calc((100%/5) - 10px);
        flex: unset
    }

        .responsible-settings-block.single .inner-block:nth-child(n+2),
        .responsible-settings-block.single .inner-block .title,
        .responsible-settings-block.single.self .inner-block .amount,
        .responsible-settings-block .inner-block.open .inner-body .not-set,
        .responsible-settings-block .inner-block .inner-body .form-groups:not(:has(:first-child)) {
            display: none
        }

.responsible-settings-block .inner-block .save-btn {
    display: flex;
    justify-content: end
}

.responsible-settings-block .inner-block.open .inner-body > div > div:nth-child(3) {
    display: block
}

#end-date-checkbox {
    align-items: center;
}

    #end-date-checkbox input[type="checkbox"] {
        visibility: hidden;
        display: none;
    }

    #end-date-checkbox *,
    #end-date-checkbox ::after,
    #end-date-checkbox ::before {
        box-sizing: border-box;
    }

    #end-date-checkbox .checkbox {
        width: 60px;
        height: 30px;
        position: relative;
        display: inline-block;
    }

    #end-date-checkbox .checkbox-slider {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 30px;
        box-shadow: 0 0 0 2px #777, 0 0 4px #777;
        cursor: pointer;
        border: 4px solid transparent;
        overflow: hidden;
        transition: 0.2s;
    }

        #end-date-checkbox .checkbox-slider:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: #777;
            border-radius: 30px;
            transform: translateX(-30px);
            transition: 0.2s;
        }

    #end-date-checkbox input:checked + .checkbox-slider:before {
        transform: translateX(30px);
        background-color: #00ff83;
    }

    #end-date-checkbox input:checked + .checkbox-slider {
        box-shadow: 0 0 0 2px #00ff83, 0 0 8px #00ff83;
    }

.responsible-settings-block .limit-set-info span {
    font-size: 15px;
    font-weight: 900;
}

.responsible-settings-block .limit-base-info {
    font-size: 15px;
}

.responsible-settings-block .limit-set-info {
    margin-bottom: 15px;
}

.responsible-settings-block .limit-revoke-info {
    display: flex;
    padding: 15px;
    gap: 15px;
    background: #00ff83;
    color: #000;
    margin: 15px 0;
    border-radius: 8px;
}

    .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

        .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body .attention {
            font-weight: 900;
        }

    .responsible-settings-block .limit-revoke-info .la-warning {
        display: flex;
        align-items: center;
        padding: 15px;
        border-radius: 100%;
        box-shadow: inset 0px 0px 8px 3px #09b3be;
    }

.responsible-settings-block .inner-block .inner-body .form-groups:has(.occurrence-notice-info) .form-group .control-label:not(.form-group:first-child .control-label) {
    margin-bottom: 16px;
}

.form-group.notice-form-group .clear-form .form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------Freespin Games-------------------------------------------------------------- */

.freespin-gamescontainer {
    display: flex;
    flex-direction: column;
}

.freespin-games {
    display: flex;
    align-items: center;
    flex: 1;
    border-radius: 4px;
}

.freespin-game .Item {
    display: flex;
    align-items: center;
    min-height: 84px;
}

.no-wrap.table--scrollable__th.games-info-titles {
    padding: 0;
    display: flex;
}

.freespin-games > div:not(.freespin-game), .freespin-game .Item > *, .games-info-titles .table--scrollable__th {
    margin: 10px;
    flex: 1;
    padding: 0;
}

.freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
    flex: 2;
}

    .freespin-game .Item .product-name, .player-bonus-type-1 .games-info-titles .name,
    .registration.page-3 .games-info-titles .name, .games-info-titles .table--scrollable__th.name {
        max-width: 100px;
        min-width: 50px;
    }

.games-box .play-now.btn {
    padding: 0 !important;
    background-color: unset !important;
    background-image: unset !important;
}

.games-box .btn a {
    display: block;
    color: var(--white-color) !important;
    width: 100%;
    padding: 8px 36px !important;
}

.games-box .dont-pl-btn {
    background-image: var(--gradient-color-grey) !important;
    cursor: not-allowed;
    padding: 8px 0px !important;
    margin: 10px 25px !important;
    color: var(--black-color) !important;
}

.freespin-game .Item .product-vendore-img, .games-info-titles .brand {
    min-width: 40px;
    max-width: 40px;
}

.freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game {
    max-width: 100px;
    min-width: 100px;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
    margin: 10px 25px;
}

.table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 25px;
}

.player-bonus-type-2 .freespin-game, .player-bonus-type-2 .no-wrap.table--scrollable__th.games-info-titles {
    flex: 4;
}

    .player-bonus-type-2 .freespin-game .Item .product-name, .player-bonus-type-2 .games-info-titles .table--scrollable__th.name {
        max-width: 200px;
        min-width: 100px;
    }

body.mobile .freespin-games.expired {
    position: relative;
}

    body.mobile .freespin-games.expired > div {
        opacity: .5;
        position: relative;
    }

    body.mobile .freespin-games.expired .expired {
        content: 'expired';
        display: block;
        position: absolute;
        z-index: 5;
        background-color: var(--error-color);
        padding: 5px 8px;
        border-radius: 12px;
        border-bottom-left-radius: 0;
        top: 10px;
    }

body.mobile [class*='player-bonus-type']:not(.player-bonus-type-deposit) .bonus-body-row-title .bonus-placeholder {
    display: none;
}

.cookieError .Confirm--policy {
    animation: cookieError .7s forwards 1;
}

@keyframes cookieError {
    20% {
        border-color: var(--red-color);
        box-shadow: 0 2px 12px var(--text-color-3);
    }

    50% {
        border-color: transparent;
    }

    100% {
        border-color: var(--red-color);
        box-shadow: 0 2px 12px var(--text-color-1);
    }
}

.cookieError .cookieErrorText {
    display: block !important;
    min-height: unset !important;
    border: 1px solid var(--color-green-2);
    color: var(--color-green-2) !important;
    background-color: var(--background-color-1) !important;
    position: absolute;
    z-index: 99;
    white-space: nowrap;
    top: 40%;
    left: calc(50% - 100px);
}

/* ---------------------------------------------------------------------------- Error ---------------------------------------------------------------------------*/

.inner-content.error-page:before {
    content: '';
    height: 37vh;
    margin: auto;
    display: block;
    background: url(../img/banners/error-not-found.webp) 50% no-repeat;
    background-size: contain;
}

#sub-header, #sub-header a {
    margin: auto;
    text-align: center;
    color: var(--color-green-2);
    text-decoration: none;
}

    #sub-header a {
        width: 141px;
        height: 56px;
        margin-top: 20px;
        display: flex;
        border-radius: 50px;
        background: var(--gradient-color-le);
        color: var(--black-color);
        justify-content: center;
        align-items: center;
    }

        #sub-header a:hover {
            background: var(--gradient-color-rg);
        }

.container.default-wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .container.default-wrap .inner-content.error-page {
        width: 100%;
    }

/* ---------------------------------------------------------------------------- APPS ---------------------------------------------------------------------------*/

.mobile-apps-info .promo-banner {
    display: flex;
    justify-content: center;
}

    .mobile-apps-info .promo-banner .body .tabs {
        width: 1056px;
        max-width: 1056px;
        height: 644px;
        position: relative;
    }

.mobile-apps-info #promo-body-wraper .card {
    min-height: 600px;
    display: flex;
    color: var(--black-color);
    border-radius: 8px;
    background-color: var(--text-color-1);
    overflow: hidden;
}

    .mobile-apps-info #promo-body-wraper .card > div {
        flex: 1;
    }

    .mobile-apps-info #promo-body-wraper .card .front img {
        height: 100%;
        pointer-events: none;
    }

    .mobile-apps-info #promo-body-wraper .card .back {
        margin-top: 68px;
    }

        .mobile-apps-info #promo-body-wraper .card .back .content {
            padding: 32px 40px;
        }

            .mobile-apps-info #promo-body-wraper .card .back .content h1, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title {
                margin: 0;
                padding: 0;
                display: flex;
                font-size: 30px;
                gap: 12px;
                font-weight: bolder;
                align-items: center;
            }

                .mobile-apps-info #promo-body-wraper .card .back .content h1 img {
                    margin: 5px 0;
                }

.app-view__description, .ios-download-instruction__instruction, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content {
    margin-top: 12px;
    font-size: 16px;
}

.app-download-instructions {
    margin-top: 32px;
}

    .app-download-instructions ol {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        counter-reset: li;
        list-style: none;
    }

        .app-download-instructions ol li:before {
            margin-right: 20px;
            font-size: 30px;
            color: var(--color-blue-text);
            content: counter(li);
            counter-increment: li;
        }

        .app-download-instructions ol li {
            display: flex;
            align-items: center;
            font-size: 16px;
        }

            .app-download-instructions ol li:nth-child(n+2) {
                margin-top: 20px;
            }

.app-view__qr {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.app-view__qr-picture-section {
    width: 108px;
    height: 108px;
    border-radius: 8px;
    flex-shrink: 0;
    overflow: hidden;
}

.app-view__qr-description {
    flex-grow: 1;
    font-size: 16px;
    color: #5e6a78;
}

.Container--full .read-more {
    display: none;
}

.mobile-apps-info ul, .apps-install_Wrapper__Mobile ul {
    width: 100%;
    max-width: 450px;
    height: 36px;
    display: flex;
    padding: 4px;
    position: absolute;
    border-radius: 4px;
    right: 50px;
    top: 5%;
    cursor: pointer;
    background: rgba(223,228,235,.64);
}

    .mobile-apps-info ul li, .mobile-apps-os ul li {
        margin: 0;
        padding: 4px 12px;
        display: flex;
        justify-content: center;
        flex: 1 1 0;
        flex-grow: 1;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        -webkit-tap-highlight-color: transparent;
        align-items: center;
        color: #5e6a78;
        outline: none;
        text-decoration: none;
        user-select: none;
    }

        .mobile-apps-info ul li.active, .mobile-apps-os ul li.active {
            border-radius: 4px;
            background: var(--white-color);
            box-shadow: 0 7px 14px 0 rgba(217,221,227,.4);
        }

.app-view__requirements {
    margin-top: 24px;
    color: #5e6a78;
}

/* ------------------------------------------------------------------------- theme-switcher ----------------------------------------------------------------------*/

.theme-switcher {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 60px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 12px;
    background: var(--gradient-color);
    cursor: pointer;
    margin-left: 15px;
}

    .theme-switcher.light {
        background: var(--background-color-11);
    }

    .theme-switcher:before {
        z-index: 1;
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: var(--white-color);
        transition: transform .3s ease-out;
        box-shadow: 0 2px 6px rgba(0,0,0,.12);
    }

    .theme-switcher .icon {
        display: inline-flex;
        position: relative;
        width: 28px;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

.icn_moon:before, .icn_sun:before {
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: inherit;
    text-transform: none;
    font-size: 22px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    color: var(--background-color-1);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.theme-switcher:before {
    transform: translate(32px);
}

.icn_moon:before {
    content: "\f185";
    color: var(--light-blue-color2);
}

.icn_sun:before {
    content: "\f186";
}

.theme-switcher.light:before {
    transform: translate(0);
}

.body-light .icn_sun:before {
    color: var(--white-color);
}

.body-light .Wrapper--Header .Container__Item, body.mobile.body-light .Widget--banner--multi .Sections__Item a {
    background-color: var(--background-color-12);
    color: var(--black-color);
}

.body-light .Widget--banner--multi .Sections li a, .body-light .Sections li, .body-light .Wrapper--Header #searchSettings ~ a,
.body-light .web-time, .body-light .Widget--banner--multi [class*='tp-ic']:before,
body:not(.mobile).body-light .Sections .Sections__Item a:hover, .body-light .Sections .js-route.Sections__Item:hover,
.body-light .Sections .js-route.Sections__Item:hover a, .body-light .leadboard-title,
.body-light .tournament-info__section--table, .body-light .tournament-info__section--table-tr td:before,
.body-light .tournament-info__section--table-tr td span, .body-light .activity-feed .tab-body.recent-winners .item,
.body-light .slot-banner .body .tab-body .item .win-amount,
.body-light .Copyright, .body-light .Language-active, .body-light .Dropdown--language li a,
.body-light .Language .Icon--caret, .body-light .game-category-selector-container .ss-content .ss-list,
.body-light .game-nav li a, .body-light .sub-game-nav li a, .body-light .la-envelope:before, .body-light .la-credit-card,
.body-light .modal-body label, .body-light #registerContainerHeader.on-page-1 .page-header-1, .body-light .modal-title-text,
.body-light .modal-dialog .modal-content button.close span, .body-light .profile-main-nav li a, .body-light #profilePopup .modal-sub-body .emutable-details,
.body-light .communication-settings-wrapper .communication-settings-block, .body-light #profilePopup .communication-settings-wrapper,
.body-light .modal-sub-body.identifications, .body-light #profilePopup .modal-sub-body .wallet-table, .body-light .table--scrollable__thead,
.body-light #profilePopup .profile-sub-nav a, .body-light .registration.page-3 .registration-sub-nav li,
.body-light .transaction-row-outlined.column-headers, .body-light .transaction-row-outlined.column-headers-withdrawal,
.body-light .transaction-row, .body-light [class*='player-bonus-type'] .bonus-body-row-title,
.body-light #profilePopup .bonus-title-row, .body-light .bonus-body-row-header, .body-light #profilePopup [id^='bonus-content-'],
.body-light .message-text, .body-light .message-id, .body-light .thread-details p:not(:first-child), .body-light .thread-list .single-thread .title,
.body-light .thread-details p:first-child, .body-light .modal--balance-history .table--scrollable__tr, .body-light .modal--payments-history .table--scrollable,
.body-light #profilePopup #searchform .ss-single-selected ~ .ss-content, .body-light .Menu--user li, .body-light .Menu--user a,
.body-light .la-wallet, .body-light #gameModal .modal-dialog .modal-content .modal-body .game-title,
.body-light .message-content-wrapper, .body-light .message-wrapper, body.mobile.body-light #profilePopup .modal-dialog.history .modal-sub-body .drawer,
body.mobile.body-light #profilePopup .modal-sub-body .drawer, .body-light [class*='player-bonus-type'] .bonus-body-row-body,
.body-light .Container--GamePage .game-page .played-games .game-wrapper .game-title,
.body-light #profilePopup ~ .daterangepicker .calendar-table, .body-light #registrationPopup ~ .datepicker .calendar-table,
.body-light .responsible-gambling h4, .body-light .responsible-gambling h3,
.body-light .registration.page-3 .player-bonus-type-registration .bonus-body-row-title.selected ~ [id^='bonus-content-'] {
    color: var(--black-color);
}

.body-light .form-control {
    color: var(--black-color) !important;
}

.body-light .Button--sign-in, .body-light .Button--outlined--transparent.Button--play-demo {
    background-color: transparent;
    border-color: var(--light-blue-color2);
    color: var(--light-blue-color2) !important;
}

body.body-light, .body-light .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item,
.body-light .Dropdown--language li:hover, .body-light #searchPopup .search-wrapper,
.body-light #searchPopup .search-wrapper .ss-list, .body-light #registerContainerHeader.on-page-1 .page-header-1,
.body-light .modal-title-text, .body-light #registrationPopup .modal-header, .body-light #verificationPopup .modal-header,
.body-light #loginPopup .modal-header, .body-light #forgotPasswordPopup .modal-header,
.body-light #changePasswordPopup .modal-header, .body-light .Register_container .Button--outlined.Button--messages,
.body-light .Button--Balance, .body-light .Menu--sub .Sections, .body-light .communication-settings-wrapper .communication-settings-block,
.body-light .table--scrollable__tbody .table--scrollable__tr:nth-child(even), .body-light .col-xs-12 .wallet-table tbody tr:nth-child(even),
.body-light .modal-sub-body.identifications .document-body-row-title:nth-child(even), .body-light .freespin-games:nth-child(even),
.body-light .sections-trigger ~ .Widget--Header--secondary, .body-light #profilePopup .modal--payments-history .profile-sub-nav li:nth-child(1),
.body-light #profilePopup .modal--game-history .profile-sub-nav li:nth-child(1), .body-light #profilePopup .modal--balance-history .profile-sub-nav li:nth-child(1),
.body-light #profilePopup .profile-sub-nav li, .body-light #profilePopup .no-footer .profile-sub-nav li:nth-child(1),
.body-light #profilePopup .no-footer .profile-sub-nav li:nth-child(2), .body-light #profilePopup .modal-dialog.modal--deposit .profile-sub-nav li,
.body-light #profilePopup .modal-dialog.history .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
.body-light.mobile #profilePopup .modal-dialog.promotions .modal-body[class*='player-bonus-type'] .profile-sub-nav li,
.body-light .registration.page-3 .registration-sub-nav li, .body-light .transaction-row, .body-light .message-content-wrapper, .body-light .message-wrapper,
.body-light .Menu--user, .body-light .Button--outlined--transparent.Button--play-demo, .body-light #gameModal .modal-header,
body.mobile.body-light #profilePopup .profile-sub-nav, body.mobile.body-light .modal-header, .body-light [class*='player-bonus-type'] .bonus-body-row-body,
.body-light .registration.page-3 .player-bonus-type-registration .bonus-body-row-title.selected ~ [id^='bonus-content-'] {
    background-color: var(--background-color-11);
}

    .body-light .header-secondary, .body-light .Language .Dropdown--language,
    .body-light .modal-content, .body-light #profilePopup .modal-content .modal-header,
    .body-light .modal-dialog.search .modal-header,
    .body-light .nav-simple .game-nav, .body-light .game-category-selector-container .ss-content .ss-list, .body-light .wrapper_info .Copyright,
    .body-light #profilePopup .modal-content, .body-light #__depositPopup .modal-dialog, .body-light #__depositPopup .modal-content,
    .body-light .identifications-settings-wrapper #Day, .body-light .identifications-settings-wrapper #Month, .body-light .identifications-settings-wrapper #Year,
    .body-light .sections-trigger ~ .Widget--Header--secondary .Sections, .body-light .message-content-wrapper .communication-settings-block, .body-light .message-content,
    .body-light .table-striped > tbody > tr:nth-of-type(odd), .body-light .table-hover > tbody > tr:hover {
        background-color: var(--background-color-13);
    }

.body-light.left_open .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    border-color: var(--background-color-13) !important;
}

.body-light #profilePopup #searchform .ss-single-selected ~ .ss-content {
    border-color: var(--black-color);
}

.body-light .carousel-cell:after, .body-light .background_banner:after {
    background-image: linear-gradient(to bottom,transparent,var(--background-color-11));
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.body-light .background_banner:after {
    height: 318px;
}

.body-light .Widget--banner--multi .Sections__Item, .body-light .Tag-Filter.replaced {
    background-color: var(--background-color-12);
}

.body-light .name-cat-title p,
.body-light .modal-dialog.search .ss-content .ss-list .ss-option:hover,
.body-light .modal-dialog.search .ss-content .ss-list .ss-option.ss-highlighted,
.body-light .modal-dialog.search .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected,
.body-light .modal-dialog.search .ss-content .ss-list .ss-option-selected:after,
.body-light .modal-sub-body.identifications .document-head-row-title {
    color: var(--light-blue-color2) !important;
    border-color: var(--light-blue-color2);
}

.body-light td.arrow-up-points, .body-light .game-nav-tab.selected a, .body-light .sub-game-nav li.selected a,
.body-light .msg--holder .msg--count, .body-light .Button--Balance span, .body-light .info_content h1,
.body-light .info_content h3, .body-light .info_content h4, .body-light .header-secondary .Sections li.active a,
.body-light .header-secondary .Sections li.active, .body-light #profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em,
.body-light .wallet-title, .body-light .info_content h2 ~ p:hover, .body-light .sections-trigger ~ .Widget--Header--secondary .Sections li.active a,
.body-light .text-left a, .body-light .text-right a, .body-light .Menu--user li:hover, .body-light .Menu--user li:hover a,
.body-light [class*='player-bonus-type'] .bonus-body-row-body h4, .body-light [class*='player-bonus-type'] .bonus-body-row-body p .bonus-prop,
.body-light .bonus-body-row-body b, .body-light .bonus-body-row-bold, .body-light .depositmessage-success,
.body-light .withdrawalmessage-success, .body-light .modal-dialog.history .col-md-12 .table-striped.wallet-table .table-striped td:nth-child(6),
.body-light .profile__msg--success, .body-light .depositmessage-success, .body-light #forgotpassform > .form-group p, .body-light .state__msg--success, .body-light .reality__msg--success,
.body-light .Sections .js-route.Sections__Item:hover, .body-light .Sections .js-route.Sections__Item:hover a,
body:not(.mobile).body-light .Sections .Sections__Item a:hover, body:not(.mobile).body-light .Sections .Sections__Item.Menu--sub div:hover,
.body-light .sub-game-nav li.selected, .body-light .sub-game-nav li:hover a, .body-light .game-nav-tab.selected, .body-light .nav-simple .game-nav ul li:hover a,
body.mobile.body-light .message-wrapper div span, body.mobile.body-light .fav-game a:hover i, .body-light .fav-game a:hover i, .body-light .fav-game a:active i,
.body-light .fav-color-red:before, .body-light .Container--full.container_info .info_content > div > p span span strong,
.body-light .Container--full.container_info .info_content > div > p ~ div span span span,
.body-light .wrapper_info .info_content ul li::marker, .body-light .registration.page-3 .bonus-body-row-information,
.body-light .Sections_container .js-route.Sections__Item.active a, .body-light .Jackpot--Counters .jackpot-counters .top-jackpots .jackpot-hit {
    color: var(--light-blue-color2) !important;
}

.body-light #profilePopup .bonus-title-row, .body-light .bonus-body-row-header, .body-light .jackpot-hit-container {
    border-color: var(--light-blue-color2);
}

.body-light .tournament-info__section--table tr td:nth-child(2) .arrow-up, .body-light .info_content h2 strong {
    border-color: transparent transparent var(--light-blue-color2) transparent;
}

.body-light td.arrow-down-points {
    color: var(--yellow-color);
}

.body-light .tournament-info__section--table tr td:nth-child(2) .arrow-down {
    border-color: var(--yellow-color) transparent transparent transparent;
}

.body-light .footer_group_wrapper, .body-light .activity-feed .tab-body.recent-winners .item, .body-light .thread-list .single-thread.active {
    background-color: var(--background-color-14);
}

.body-light .footer_providers_group div, .body-light .footer_payments_group div,
.body-light .activity-feed-container, .body-light .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul,
.body-light .game-nav [id^=searchTb], .body-light .game-category-selector-container .ss-main .ss-multi-selected,
.body-light .game-nav ~ .search-wrapper [id^=searchTb], .body-light .sub-game-nav.row,
.body-light .casino-game-list-item .product-wrapper:not(.hero) .product-card, .body-light .table--scrollable__tbody .table--scrollable__tr:hover,
.body-light .modal-sub-body.identifications .document-body-row-title:hover, .body-light .table--scrollable__thead .table--scrollable__tr,
.body-light .wallet-table thead tr, .body-light .games-box .table--scrollable__tr, .body-light .form-control[disabled],
.body-light .form-control[readonly], .body-light fieldset[disabled] .form-control,
.body-light [class*='player-bonus-type'] .bonus-body-row-title.active, .body-light [class*='player-bonus-type'] .bonus-body-row-title:hover,
.body-light .os-content, .body-light .js-custom-scrollbar-wrapper.os-host, .body-light .balancehistory .row.ajax-result,
.body-light .promo-tabs .tabs ul, .body-light .promo-tabs .tab-body-inner > div,
.body-light .Wrapper--Header .sections-trigger span, .body-light .Wrapper--Header .sections-trigger span:before, .body-light .Wrapper--Header .sections-trigger span:after,
.body-light .message-wrapper .message-text, body.mobile.body-light .thread-list .single-thread,
.body-light .Container--GamePage .game-page .game-container .played-games, .body-light #profilePopup ~ .daterangepicker ul li,
.body-light .registration.page-2 #Day, .body-light .registration.page-2 #Month, .body-light .registration.page-2 #Year,
.body-light .Container__Item.tag li button {
    background-color: var(--grey-color) !important;
}

.body-light .Container__Item.tag li.filtered-by button {
    background-color: var(--color-green-2) !important;
}

.body-light .registration.page-2 #Day, .body-light .registration.page-2 #Month, .body-light .registration.page-2 #Year,
.body-light .tp-ic-place_etc .tournament-info__section--table-place {
    color: var(--white-color) !important;
}

.body-light .Wrapper--Single.blue-slider-wrapper.leaderboard #contentText ul li.active {
    background: -webkit-gradient(radial,50.44% -14.1%,0,50.44% -14.1%,37.85,color-stop(0,var(--color-green-2)),color-stop(1,var(--grey-color)));
}

.body-light .Jackpot--Counters .jackpot-counters .top-jackpots {
    background-color: var(--background-color-12);
    color: var(--black-color);
}

.body-light .Sections li.apps a, .body-light.mobile .Sections li i.apps {
    background: url('/Content/img/icons/apple-android-logo-black.svg');
    background-size: cover;
}

.body-light #profilePopup #searchform .ss-main .ss-single-selected {
    border-color: var(--grey-color);
    color: var(--grey-color);
}

.body-light .message-text span {
    color: var(--grey-color) !important;
}

.footer_group_container .theme-switcher {
    display: none;
}

.body-light .modal-header .logo-img, .body-light .header_logo img {
    content: url("..//img/logos/logo_light.svg");
}

.body-light #loginPopup input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px var(--grey-color) inset !important;
    caret-color: var(--white-color);
    -webkit-text-fill-color: var(--white-color) !important;
}

.body-light .select2-search--dropdown .select2-search__field, .body-light .select2-search--dropdown {
    background-color: var(--white-color);
}

.body-light .Providers_content, .body-light .footer_text_container .Item, .body-light .footer_text_container .Item li a,
.body-light .footer_logo:before, .body-light .tournament-info__section--table th, .body-light .Sections li a,
.body-light .sections-trigger ~ .Widget--Header--secondary .Sections li.Menu--sub > div,
.body-light .Header--primary__Panel--user .Sections .Menu--sub > div, body.mobile.body-light .footer_text_container .Item {
    color: #161D6F;
    font-weight: 900;
}

.body-light .Copyright:before, .body-light .Copyright:after {
    border-color: #161D6F;
}


.modal.detached#loginPopup .modal-dialog, .modal.detached#loginPopup .modal-content,
.app-root.login ~ #forgotPasswordPopup .modal-dialog, .app-root.login ~ #forgotPasswordPopup .modal-content,
.app-root.login ~ #registrationPopup .modal-dialog, .app-root.login ~ #registrationPopup .modal-content {
    height: 100%;
}

.modal.detached#loginPopup .row.main-buttons {
    display: flex;
    flex-direction: column;
}

.modal.detached#loginPopup #loginForm {
    position: relative;
}

body .modal.detached#loginPopup .btn-sign-up {
    position: absolute;
    background-image: unset !important;
    background-color: transparent !important;
    color: var(--color-green-1) !important;
    font-size: 12px;
    bottom: 62px;
    right: -33px;
}

.modal.detached#loginPopup .col-xs-5 {
    width: 100%;
}

#forgotPasswordPopup {
    display: block !important;
}

.app-root.login ~ #forgotPasswordPopup .modal-dialog, .app-root.login ~ #registrationPopup .modal-dialog {
    width: 100%;
    margin: 0;
}

body .modal.detached#loginPopup #loginForm, .app-root.login ~ #forgotPasswordPopup #forgotpassform {
    max-width: 500px;
    margin: auto;
}

.app-root.login ~ #registrationPopup #registerContainer {
    max-width: 800px;
    margin: auto;
}

.app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-6 {
    width: calc(100% - 227px);
}

.app-root.login ~ #forgotPasswordPopup #forgotpassform .col-sm-2 {
    left: 182px;
}

#registerContainer .eye-icon {
    top: 23% !important;
}

#verifyPartial {
    width: 450px !important;
}

#sendEmailCode, #sendMobileCode, .btn.verification-code-email,
.btn.verification-code-email:active, .btn.verification-code-email:focus,
.btn.verification-code-mobile, .btn.verification-code-mobile:focus, .btn.verification-code-mobile:active {
    padding: 8px 10px !important;
    border-radius: 12px !important;
}

/* ------------------------------------------------------------------------- securitypassword ----------------------------------------------------------------------*/


.modal-sub-body.securitypassword .modal-body {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

    .modal-sub-body.securitypassword .modal-body > form {
        flex: 1;
        max-width: calc(100% / 3);
        margin-top: 50px;
    }

        .modal-sub-body.securitypassword .modal-body > form#twofactor {
            max-width: 300px;
        }

.modal-sub-body.securitypassword .modal-title-text {
    padding: 0;
}

.modal-sub-body.securitypassword #changepassform {
    padding: 40px 20px;
    background-color: var(--background-color-9);
}

.modal-sub-body.securitypassword form {
    position: relative;
}

.modal-sub-body.securitypassword .form-header {
    position: absolute;
    top: -54px;
    left: 0;
}

.modal-sub-body.securitypassword .modal-footer, .modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .modal-footer .col-xs-6, .modal-sub-body.securitypassword .form-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer, .modal-sub-body.securitypassword .form-footer .col-md-7 {
    padding: 0 !important;
}

    .modal-sub-body.securitypassword .modal-footer .col-xs-6, .modal-sub-body.securitypassword .modal-footer .col-md-7,
    .modal-sub-body.securitypassword .form-footer .col-xs-6, .modal-sub-body.securitypassword .form-footer .col-md-7 {
        width: 100%;
    }

    .modal-sub-body.securitypassword .modal-footer .col-md-7, .modal-sub-body.securitypassword .form-footer .col-md-7 {
        margin: 0;
    }

        .modal-sub-body.securitypassword .form-footer .col-md-7 .form-group {
            position: relative;
            text-align: left;
        }

    .modal-sub-body.securitypassword .modal-footer .btn {
        width: 100%;
    }

.modal-sub-body.securitypassword #deleteaccount .btn {
    background-image: unset !important;
    background-color: var(--error-color) !important;
    color: var(--white-color) !important;
}

.modal-sub-body.securitypassword #deleteaccount .control-label {
    display: none;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 {
    position: relative;
    margin-top: 15px;
}

.modal-sub-body.securitypassword #twofactor .btn {
    background-image: unset !important;
    background-color: var(--color-green-1) !important;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 .eye-icon {
    top: 6px;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .form-group .eye-icon {
    top: 29px;
}

#profilePopup .modal-dialog:not(.modal--payments-history,.responsible-gambling) .profile-sub-nav li:nth-child(3) {
    position: unset;
}

.modal-sub-body.securitypassword .modal-text, .manual-entry-code {
    color: var(--white-color);
    font-size: 14px;
}

.tfa-code-verification .btn-group {
    width: 100%;
}

.tfa-verification-code-block .input-group, #tfaConfirm > .input-group {
    display: block !important;
}

.manual-entry-code {
    padding: 10px;
    width: 100%;
    display: block;
    word-wrap: break-word;
}

.tfa-verification-code-block .input-group .form-control, #tfaConfirm .input-group .form-control {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    width: calc(100% - 88px);
}

.tfa-code-verification-block ~ .row .profile__msg--error {
    padding: 10px;
}

.tfa-verification-code-block .input-group-btn {
    display: inline-block;
}

.recovery-verification-code-block .row.section--captcha {
    position: relative;
}

.recovery-verification-code-block .col-sm-2.btn--reload--captcha {
    width: 8px;
    position: absolute;
    top: 12%;
    left: 115px;
    font-size: 20px;
}

.recovery-verification-code-block .col-sm-6.wrapper_input--captcha {
    width: calc(100% - 155px);
    padding-left: 15px;
}

.recovery-verification-code-block .col-sm-4.captcha-loader {
    width: 140px;
}

.modal-dialog#verifyPartial .recovery-verification-code-block .btn.btn-success {
    width: 100%;
    margin-top: 20px;
}

.modal-dialog#verifyPartial .recovery-verification-code-block .form-control {
    height: 42px;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm {
    pointer-events: initial;
    cursor: pointer;
}

#verifyPartial .verification-code-email {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* ------------------------------ notify-limit -------------------------------------------*/

.notify-limit {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 55555;
    background: #1d211f4a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify-message-group {
    width: auto;
    min-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    background-color: var(--background-color-9);
    border-radius: 12px;
    padding: 30px;
    color: var(--white-color)
}

.notify-message, .limit-info h2 {
    max-width: 600px;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
}

.notify_buttons_group {
    display: flex;
    justify-content: space-around;
}

    .notify_buttons_group button {
        margin: 0 10px;
    }

/* realityCheck */
.REALITY_CHECK .popup-content {
    padding: 15px;
    display: flex;
    max-width: 600px;
    min-width: 390px;
    min-height: auto;
    flex-direction: column;
    background-color: var(--background-color-9);
    border-radius: 12px;
    color: var(--white-color);
}

.REALITY_CHECK .popup-content button {
    order: 5;
}

html:has(.notify-limit) {
    overflow: hidden;
}

.LoggedIn:has(.notify-limit) .fade.show {
    visibility: hidden;
    opacity: 0
}

.REALITY_CHECK .popup-content #barcode {
    width: 180px;
    height: 180px;
}

.REALITY_CHECK .popup-content .form-group {
    display: flex;
    flex-direction: column;
}

#ttl-countdown {
    position: relative;
    font-family: 'Arial', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #02c6ad;
    background-color: #1a1f24;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    width: fit-content;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

[class*='player-bonus-type'] .bonus-body-row-title div.hidden {
    display: block !important;
    visibility: hidden;
}

.bonus-body-row-title #PaymentDepositButton {
    width: 100%;
    font-size: 10px;
    padding: 10px !important;
}

.message_box_wr {
    position: relative;
    margin: 160px auto 20px;
    width: 100%;
    max-width: 1000px;
}

    .message_box_wr > div {
        padding: 30px;
        margin: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 1rem 2rem 2px #3affa9;
        color: #fff;
        font-size: 17px;
    }

#KYCPopup .modal-body #kyc_div_iframe {
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

.body-block {
    display: flex;
    flex-direction: column;
}

.kyc-verification {
    margin-top: 15px;
}

    .kyc-verification .Button--kyc {
        border: 2px solid #1dd3b5;
        padding: 5px;
        color: var(--white-color);
        font-size: 18px;
        font-weight: 700;
        border-radius: 12px;
        text-align: center;
        white-space: nowrap;
        transition: all .3s cubic-bezier(0.15, -0.04, 1, -0.04);
    }

        .kyc-verification .Button--kyc:hover {
            background: var(--gradient-color);
        }

#validateform p {
    color: #fff;
}

#validateform .verification-code-recovery {
    width: 100%;
}

#validateform > .row {
    margin: 15px 0;
}

#timerDisplay {
    position: absolute;
    color: #fff;
    font-size: 20px;
    z-index: 9;
    top: 4px;
    left: 13px;
}

#sendMobileCode.inactive, #sendEmailCode.inactive, #sendEmailCodeLink.inactive {
    color: transparent !important;
}

.Wrapper--Single.game-launch--full .Iframe--full:not(:has(*)) {
    color: #fff;
    font-size: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#telegram-login-DudeBetBot {
    position: fixed;
    bottom: 100px;
    z-index: 99;
    right: 0;
}

div:has( > .tooltip), td:has( > .tooltip) {
    position: relative;
    width: 100% !important;
}

    div:has( > .tooltip):hover .tooltip, td:has( > .tooltip):hover .tooltip {
        display: block !important;
        z-index: 999;
        color: var(--white-color) !important;
        visibility: visible;
    }

.tooltip-for-amount-full.tooltip {
    left: 0;
    width: 100vh !important;
}

.modal-dialog.myProfile .tooltip-for-amount-full.tooltip {
    width: auto !important;
    left: 15px;
}

#menu_balance_wrapper {
    overflow: unset;
}