@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
@import url('https://use.typekit.net/rwf2wsa.css');


/* ROOT */
body.body-light {
    --body-color: #f4f7fd;
    --promotions-home-txt-color: #000000;
    --promotions-tab-txt-color: #000000;
    --promotions-tab-txt-hover-color: #5CE2FF;
    --winners-item-win-color: #3C0078;
    --winners-item-txt-color: #000000;
    --winners-item-bg-color: radial-gradient(240.96% 236.9% at 64.89% -70.83%,rgba(151,71,255,.2) 0%,rgba(60,0,120,.2) 100%);
    --the-white-bg-color: #ffffff;
    --cat-url-txt-color: #000000;
    --footer-section-hover-color: #53189e;
    --cat-url-txt-hover-color: #ffdc00;
    --search-txt-color: #53189e;
    --first-header-bg-color: #832ed9;
    --second-header-bg-color: #53189e;
    --second-menu-item-txt-hover-color: #5CE2FF;
    --search-button-bg-color: #193439;
    --search-la-search-color: #ffffff;
    --second-menu-item-txt-color: #000000;
    --menu-item-color: #000000;
    --home-component-head-color: #832ed9;
    --modal-content-bg-color: rgb(60 0 120);
    --modal-popup-content--bg-color: #53189e;
    --promotions-quetions-head-conditions-text-color: #d87afa;
    --promotions-conditions-text-color: #000;
    --payments-withdrawals-txt-color: #3c0078;
    --payments-withdrawals-border-color: #3c0078;
    --view-search-icon-color: #3c0078;
    --view-ssoption-selected-color: rgb(131 46 217);
    --view-ssoption-selected-txt-color: #ffffff;
    --loading-background-bg-color: #f688f6;
    --view-icons-filter-color: contrast(1);
    --view-icons-selected-filter-color: invert(17%) sepia(100%) saturate(3476%) hue-rotate(266deg) brightness(90%) contrast(89%);
    --search-modal-content-bg-color: rgb(60 0 120);
    --search-input-bg-color: #53189e;
    --payments-withdrawals-active-border-color: #3c0078;
    --payments-withdrawals-color-txt-color: #fff;
    --load-more-border-color: #832ed9;
    --load-more-background-color: #fff;
    --load-more-txt-color: #3c0078;
    --load-more-border-hover-color: #ffdc00;
    --load-more-background-hover-color: #ffdc00;
    --load-more-hover-txt-color: #3c0078;
    --wrapper-view-category-nav-bg-color: #13131d;
    --wrapper-view-category-replacer-txt-color: #000;
    --view-category-filter-form-input-bg-color: #fff;
    --view-category-filter-form-input-txt-color: #000;
    --payments-block-containner-bg-color: #3C0078;
    --country-blocked-txt-color: #eaae44;
}

:root {
    --black-color: #000000;
    --white-color: #ffffff;
    /* Test Body Color */
    /* --body-color: #13131D; */
    /* --body-color: #181128; */
    --body-color: #271D33;
    /* --body-color: #212236; */
    --body-text-color: #ffffff;
    --promotions-home-txt-color: #ffffff;
    --promotions-tab-txt-color: #FFFFFF;
    --promotions-tab-txt-hover-color: #5CE2FF;
    --winners-item-win-color: #5CE2FF;
    --winners-item-txt-color: #ffffff;
    --winners-item-bg-color: radial-gradient(240.96% 236.9% at 64.89% -70.83%,#9747ff 0%,#3c0078 100%);
    --the-white-bg-color: transparent;
    --cat-url-txt-color: #898da4;
    --cat-url-txt-hover-color: #ffffff;
    /* Test Nav Color */
    /* --first-header-bg-color: #13131D; */
    /* --first-header-bg-color: #181128; */
    --first-header-bg-color: #271D33;
    /* --first-header-bg-color: #212236; */
    --scroll-bg-color: rgba(92, 226, 255, 0.5);
    --second-header-bg-color: #21004b;
    --second-menu-item-txt-color: #ffffff;
    --menu-section-hover-color: #5CE2FF;
    --footer-section-hover-color: #ffdc00;
    --burger-expender-color: #d87afa;
    --search-button-bg-color: #193439;
    --search-txt-color: #ffffff;
    --search-la-search-color: #ffffff;
    --menu-item-color: #ffffff;
    --second-menu-item-txt-hover-color: #5CE2FF;
    --login-button-border-color: #EC78D3;
    --language-dopdown-bg-color: #3c0078;
    --register-deposit-button-bg-color: #39E4CC;
    --register-login-button-hover-color: #339e90;
    --left-panel-bg-color: #282840;
    --home-component-head-color: #ffdc00;
    --modal-popup-content--bg-color: #972f97;
    --promotions-container-bg-color: #53189e;
    --promotions-quetions-head-conditions-text-color: #ffffff;
    --promotions-conditions-text-color: #ffffff;
    --information-wrapper-bg-color: RGB(83 24 158);
    --view-search-icon-color: #3c0078;
    --view-ssoption-selected-color: rgb(60 0 120);
    --view-ssoption-selected-txt-color: #f7b619;
    --payments-withdrawals-txt-color: #ffffff;
    --payments-withdrawals-border-color: #ffffff;
    --loading-background-bg-color: #cb00fc;
    --view-icons-filter-color: invert(100%) sepia(67%) saturate(2%) hue-rotate(351deg) brightness(106%) contrast(101%);
    --view-icons-selected-filter-color: invert(75%) sepia(65%) saturate(893%) hue-rotate(345deg) brightness(99%) contrast(97%);
    --search-modal-content-bg-color: rgb(83 24 158);
    --search-input-bg-color: #3c0078;
    --payments-withdrawals-active-border-color: #ffdc00;
    --payments-withdrawals-color-txt-color: #3c0078;
    --load-more-border-color: #ffdc00;
    --load-more-background-color: transparent;
    --load-more-txt-color: #fff;
    --load-more-border-hover-color: #ffdc00;
    --load-more-background-hover-color: transparent;
    --load-more-hover-txt-color: #ffdc00;
    --wrapper-view-category-nav-bg-color: #13131d;
    --wrapper-view-category-replacer-txt-color: #fff;
    --view-category-filter-form-input-bg-color: #000;
    --view-category-filter-form-input-txt-color: #fff;
    --payments-block-containner-bg-color: #53189E;
    --country-blocked-txt-color: #fff;
}


/* HTML AND BODY */
body * {
    font-family: "futura-pt", Baloo,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

body {
    background-color: var(--body-color);
    overflow-x: hidden;
    color: var(--body-text-color);
    font-family: inherit;
    line-height: inherit;
}

/* Scroll css */
*::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

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

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--scroll-bg-color);
}

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

.loading {
    color: transparent !important;
    pointer-events: none;
}

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.overlay24.loading:after,
.loading:after,
.loader: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,
#searchPopup .searchLoading:after {
    content: '';
    display: block;
    position: absolute !important;
    border: 2px solid #dbdbdb;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 290486px;
    -webkit-animation: spinAround .5s infinite linear;
    animation: spinAround .5s infinite linear;
    z-index: 2;
}

.btn-close.loading:after,
.btn-full-screen.loading:after,
.btn-refresh.loading:after {
    width: 10px;
    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));
}

#sport_div_iframe {
    --betSlipOffsetTop: 125;
    --stickyTop: 125;
}

.block-overlay.loading {
    width: 5em;
    height: 5em;
    left: calc(50% - (5em/2));
    top: calc(50% - (5em/2));
}

.overlay24.loading:after {
    width: 100px;
    height: 100px;
    left: calc(50% - (100px/2)) !important;
    top: calc(50% - (100px/2)) !important;
}

.loading:after {
    width: 15px;
    height: 15px;
    left: calc(50% - (15px/2)) !important;
    top: calc(50% - (15px/2)) !important;
}

.block-overlay.loading:after {
    content: none;
}

@keyframes loading {
    from {
        transform: scaleX(1.25);
        background-color: #3fba3a;
    }

    to {
        transform: translateY(-50px) scaleX(1);
        background-color: #9acd32;
    }
}

/* ERRORS */
.has-error {
    color: #ff0000;
    display: flex !important;
    font-weight: 600;
    /* padding: 5px 0; */
    padding-top: 4px !important;
}

    .has-error span {
        font-weight: 700;
        font-size: 12px;
        text-align: left;
    }

/* TAG a css*/
a {
    text-decoration: none !important;
}

    a:focus {
        outline: none;
    }

/* TOP FOR ALL */
.margine--top {
    margin-top: 88px !important;
}


/* CONTAINER FULL */
.Container--full {
    width: 100%;
    padding: 0 12px;
}

.Container__Item {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1500px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.Iframe--full iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.game-page .player-bonus-table .bonus-body-row-title > .bonus-current-amount ~ .tooltipShow,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > .bonus-current-amount ~ .tooltipShow {
    right: 0;
    left: unset;
}

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

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

    .Container--GamePage .Balance--items > ul,
    .gameLaunchFull .Balance--items > ul {
        display: flex;
        max-width: 60vw;
        margin: auto;
        padding: 10px;
        gap: 15px;
        font-size: 14px;
    }

        .Container--GamePage .Balance--items > ul > li,
        .gameLaunchFull .Balance--items > ul > li {
            padding: 11px 40px;
            border-radius: 12px;
            position: relative;
            color: #38E445;
            font-size: 16px;
        }

.Container--GamePage .game-page .game-container .game-holder {
    width: 100% !important;
    height: 75vh;
    border: 2px solid #5CE2FF;
    background: linear-gradient(to bottom, #151420 20%, #5CE2FF 110%);
    overflow: hidden;
    border-radius: 16px !important;
}

.Container--full.margine--top:has(.play-section) {
    margin-top: 95px !important;
}

.Wrapper--Single.play-section .game-holder {
    width: 100%;
    height: 100%;
}

/* FIRST HEADER */
.Wrapper--Header--first {
    height: 88px;
    display: flex;
    background: var(--first-header-bg-color);
    padding: 0 12px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 2px solid #39E445 !important;
    z-index: 1020;
}

.Language .Icon--caret,
.Language-active .flag img,
.modal-dialog.history .bonus-placeholder {
    display: none;
}

/*----------- Burger css ------------*/
.burger-expander-style {
    display: none;
    width: 40px;
    height: 40px;
    align-items: center;
}

    .burger-expander-style .sections-trigger {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .burger-expander-style .sections-trigger .la-bars:before {
            content: '\f0c9';
            font-size: 40px;
            cursor: pointer;
            color: var(--burger-expender-color);
        }

        .burger-expander-style .sections-trigger:hover .la-bars:before {
            color: var(--menu-section-hover-color);
        }

/*----------- Logo css ------------*/
.Widget--logo.primary {
    /* margin-right: 20px; */
    margin-left: 10px;
}

.Wrapper--Header--first .Widget--logo.primary img {
    width: 124px;
    height: auto;
    margin-right: 22px
}

/*----------- Search css ------------*/
.Item.Widget_search_filter,
.Wrapper--Header--first .Item {
    height: 40px;
    width: 205px;
    display: flex;
    align-items: center;
    background: var(--search-button-bg-color);
    border-radius: 12px;
}

    .Item.Widget_search_filter a,
    .Wrapper--Header--first .Item a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 10px 0;
        padding: 0 16px;
    }

    .Item.Widget_search_filter .las.la-search,
    .Wrapper--Header--first .las.la-search {
        color: var(--search-la-search-color);
        transform: rotate(270deg);
        font-size: 18px;
        margin-right: 10px;
    }

    .Item.Widget_search_filter a span,
    .Wrapper--Header--first .Item a span {
        color: var(--search-txt-color);
        font-family: inherit;
        font-weight: 700;
        font-size: 13px;
        line-height: 20px;
        text-transform: uppercase;
    }
    
#searchPopup .searchLoading{
    color: transparent !important;
    pointer-events: none;
}

#searchPopup .searchLoading:after {
    width: 50px !important;
    height: 50px;
    left: calc(50% - (50px / 2)) !important;
    top: calc(50% - (50px / 2)) !important;
}

    #searchPopup .modal-title-text {
        min-height: auto;
        border: none;
        font-weight: 600;
        line-height: unset;
    }

/*----------- Web Time css ------------*/
.Wrapper--Header--first .web_time_container {
    padding: 0 20px;
}

    .Wrapper--Header--first .web_time_container .Time--local {
        font-weight: 700;
    }

.Wrapper--Header--first .Widget--user {
    position: relative;
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 8px;
}

/*----------- Login and Signup css ------------*/
.Button--outlined--transparent.Button--sign-in,
.Button--outlined.Button--Balance,
body.mobile .Balance--user {
    background: #1b3d40;
    border: 2px solid #38E4CC;
    border-radius: 12px;
    box-shadow: 0 0 5px #38E4CC, inset 0 0 5px #38E4CC !important;
}

#menu-button-balance {
    white-space: nowrap;
}

.Button--outlined.Button--deposit,
.Button--outlined.Button--sign-up {
    background: var(--register-deposit-button-bg-color);
    border: 2px solid transparent;
    color: #ffffff !important;
    border-radius: 16px;
}

.Button--outlined.Button--sign-up,
.Button--outlined--transparent.Button--sign-in {
    font-weight: 700;
    padding: 16px;
    display: flex;
    align-items: center;
    height: 40px;
    color: var(--white-color);
    transition: background-color .2s;
    margin: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    justify-content: center;
}

    .Button--outlined.Button--deposit:hover,
    .Button--outlined.Button--sign-up:hover {
        background: var(--register-login-button-hover-color);
        border-color: var(--register-login-button-hover-color);
    }

    .Button--outlined--transparent.Button--sign-in:hover {
        color: #ffffff;
    }

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    padding: 0;
    line-height: inherit;
    color: inherit;
}

button,
[role=button] {
    cursor: pointer;
}

/*----------- Lnguage css ------------*/
.Language {
    display: flex;
    white-space: nowrap;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

    .Language .Language-active {
        font-size: 16px;
        color: var(--white-color);
        height: 31px;
        position: relative;
        font-weight: 400;
        line-height: 31px;
    }

        .Language .Language-active .flag {
            display: inline-flex;
            right: 0;
            position: relative !important;
            transform: unset !important;
            top: 0 !important;
        }

        .Language .Language-active:after {
            display: inline-block;
            content: '\f105';
            font-family: line awesome free;
            font-weight: 700;
            font-size: 15px;
            color: var(--white-color);
            transform: rotate(90deg);
        }

    .Language.language-dropdown-shown .Language-active:after {
        transform: rotate(270deg);
    }

    .Language .Dropdown--language {
        position: absolute;
        display: none;
        z-index: 9999;
        width: 150px;
        top: 69px;
        min-width: 203px;
        right: -14px;
        /* padding: 16px; */
        padding: 0px;
        border: unset;
        border-radius: 0px;
        background: #13131d;
        border: 1.5px solid #39e445;
        text-align: center;
    }

.Wrapper--Header--left-panel .Language .Dropdown--language {
    width: 100%;
    min-width: 100%;
    top: 20px;
    height: 166px;
    bottom: 0px;
    right: 0;
    padding: 0px;
    margin: 24px 0;
}

.Language.language-dropdown-shown .Dropdown--language {
    display: block !important;
}

.Language .Dropdown--language li {
    display: block;
    box-sizing: border-box;
    transition: background-color .15s;
}

    .Language .Dropdown--language li a {
        font-size: 16px;
        font-weight: 400;
        display: block;
        color: var(--white-color);
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .Language .Dropdown--language li:hover a {
        color: #5CE2FF;
    }

    .Language .Dropdown--language li .flag img {
        width: 20px;
    }

/*-------------- Theme Button css -----------*/
.theme-switcher {
    height: 41px;
    width: 30px;
    background: 0 0;
    border: unset;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

    .theme-switcher .icon {
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .theme-switcher .icon.light.icn_sun:before {
            content: "\f185";
        }

        .theme-switcher .icon.dark.icn_moon:before {
            content: "\f186";
        }

        .Language .Dropdown--language .flag,
        .Container__Item.sub-game-nav-block,
        .modal-dialog .modal-content .close span,
        .theme-switcher .icon.dark.icn_moon:before,
        .theme-switcher.light .icon.light.icn_sun:before,
        .select2-selection__arrow,
        .select2-selection__clear {
            display: none;
        }

        .theme-switcher .icon:before {
            font-size: 25px;
            display: flex;
            font-style: normal;
            font-feature-settings: normal;
            font-variant: normal;
            line-height: inherit;
            text-transform: none;
            font-family: line awesome free;
            font-weight: 700;
            color: var(--white-color);
            -webkit-font-smoothing: antialiased;
            align-items: center;
        }

/* LOGIN REGISTER FORGOTPASS POPUP CSS */
.modal-open:not(body.mobile) .modal {
    display: flex !important;
}

.modal-backdrop.show {
    opacity: .85;
}

#loginPopup .modal-dialog,
#verificationPopup .modal-dialog,
#forgotPasswordPopup .modal-dialog,
#registrationPopup .modal-dialog,
#after-registration-popup .modal-dialog,
#changePasswordPopup .modal-dialog {
    height: auto;
    position: relative;
    width: 500px;
    will-change: transform;
    transform: translate(0) scale(1) !important;
    transition: all .4s ease;
    display: inline-block;
    margin: auto;
    display: flex;
    align-items: center;
}

.modal-content {
    box-shadow: none;
    border: none;
    overflow: hidden;
    background: rgb(83 24 158);
    font-size: 1.3rem;
    color: var(--white-color);
    height: 100%;
    width: 100%;
    user-select: none;
    border-radius: 16px;
    backdrop-filter: blur(5px);
    padding-bottom: 20px;
}

#loginPopup .modal-content,
#verificationPopup .modal-content,
#registrationPopup .modal-content,
#forgotPasswordPopup .modal-content,
#after-registration-popup .modal-content {
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    border: 2px solid #EC78D3 !important;
    border-radius: 12px;
}

#profilePopup .modal-content {
    background: transparent;
    border-radius: unset;
}

.mobile #profilePopup .modal-content {
    height: 100vh;
    overflow-x: auto;
    overflow-y: auto;
}

#profilePopup .modal-content .modal-body {
    overflow-y: auto;
    height: 80vh;
}

.modal-header {
    display: flex;
    flex-direction: column;
    border: unset;
    align-items: center;
}

    .modal-header .logo-img {
        width: 250px;
        height: 150px;
        margin: 36px auto;
    }

.modal-title-text {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.modal-dialog .modal-content button.close {
    padding: 16px;
    width: 64px;
    height: 64px;
    position: absolute;
    right: 0;
    outline: 0 !important;
    text-shadow: none;
    opacity: 1;
    top: 0;
}

.modal-dialog .modal-content .close:before {
    content: '\f00d';
    color: var(--white-color);
    font-weight: 900;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    display: flex;
    /* background: #3c0078; */
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.modal-dialog .modal-content .close:hover:before {
    color: var(--menu-section-hover-color);
}

#loginPopup .modal-dialog .modal-body,
#forgotPasswordPopup .modal-dialog .modal-body,
#changePasswordPopup .modal-dialog .modal-body {
    padding: 48px;
    padding-top: 10px;
}

.modal-body .control-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

#registrationPopup .modal-body .control-label,
#forgotPasswordPopup .modal-body .control-label {
    margin-bottom: 0px;
}

    #registrationPopup .modal-body .control-label .checkbox-body a {
        color: #ffffff;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    height: 100%;
    align-items: center;
    color: var(--white-color) !important;
}

.select2-container,
.theme-switcher.light .icon.dark.icn_moon:before {
    display: block;
}

.Container__Item.game-list-normal {
    padding: 0px;
    scroll-margin-top: 230px;
}

.responsible-gambling .select,
select#Day,
select#Month,
select#Year,
select#date_day,
select#date_month,
select#date_year,
.wrapper-view-category .ss-67699.ss-main,
.wrapper-view-category .ss-multi-selected,
.identifications-settings-wrapper .input_name,
.select2-selection.select2-selection--single,
.identifications-settings-wrapper .btn.btn-default.btn-xs,
.form-control,
#profilePopup .ss-main .ss-single-selected {
    width: 100% !important;
    position: relative;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color) !important;
    /* background: #200033; */
    background: transparent;
    caret-color: var(--white-color) !important;
    appearance: none;
    border: none;
    border-bottom: 2px solid #EC78D3 !important;
    border-radius: 0px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--white-color);
    background: #200033;
    box-shadow: 200px 200px 100px #200033 inset;
}

.form-control.placeholder {
    color: #999 !important;
}

.btn {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    padding: 16px 16px;
    text-transform: uppercase;
    background: var(--white-color);
    color: #EC78D3 !important;
    border: var(--white-color) !important;
    border-radius: 12px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#withdrawal_cancel_icon {
    max-width: 150px;
    max-height: 40px;
}

.Container--full.wrapper-view-category .btn.btn-load-more {
    margin-top: 48px;
    margin-bottom: 32px;
    width: auto;
    font-size: 14px;
    background: var(--load-more-background-color);
    color: var(--load-more-txt-color) !important;
    padding: 8px 16px;
    background-color: var(--register-deposit-button-bg-color);
    height: 50px;
    border-color: var(--register-deposit-button-bg-color);
    min-width: 165px;
    border-radius: 16px;
}

    .Container--full.wrapper-view-category .btn.btn-load-more:hover {
        background-color: var(--register-login-button-hover-color);
        border-color: var(--register-login-button-hover-color);
    }

.wrapper-view-category .Container__Item.game-nav.row li {
    margin: 0px !important;
    margin-right: 32px !important;
    border-right: 3px solid #39E445;
    padding-right: 24px;
    height: 45px;
    display: flex;
    align-items: center;
    position: relative;
}

    .wrapper-view-category .Container__Item.game-nav.row li:not(.wrapper-view-category .Container__Item.game-nav.row li:first-child) {
        margin-left: 32px;
    }

.modal-body option,
.select2-container--default .select2-results > .select2-results__options {
    background: #3c0078;
    color: var(--white-color);
}

.wrapper-view-category .Container__Item.game-nav.row ul li i:before {
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    /* background-size: 25px !important; */
}

.wrapper-view-category .Container__Item.game-nav.row ul li:hover i:before,
.wrapper-view-category .Container__Item.game-nav.row ul .selected i:before {
    filter: var(--view-icons-selected-filter-color);
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.all-games:before {
    background: url(/content/img/icons/all-games-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.featured-games:before {
    background: url(/content/img/icons/featured-games-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.new:before {
    background: url(/content/img/icons/new-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.drops-wins:before {
    background: url(/content/img/icons/drops-wins-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.slots:before {
    background: url(/content/img/icons/slots-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.jackpots:before {
    background: url(/content/img/icons/jackpots-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.game-favorite:before {
    background: url(/content/img/icons/favorite-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul i.table-games:before {
    background: url(/content/img/icons/table-games-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-roulette:before {
    background: url(/content/img/icons/live-roulette-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-blackjack:before {
    background: url(/content/img/icons/live-blackjack-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-baccarat:before {
    background: url(/content/img/icons/Baccart.svg) 50% no-repeat;
    background-size: 45px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-poker:before {
    background: url(/content/img/icons/Poker.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.other-games:before {
    background: url(/content/img/icons/other-games-2.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.scratchcard:before {
    background: url(/content/img/icons/scratchcard.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.game-shows:before {
    background: url(/content/img/icons/Game_Show.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.cards-icon:before {
    background: url(/content/img/icons/Card_Games.svg) 50% no-repeat;
}

.wrapper-view-category .Container__Item.game-nav.row ul li:hover i:before,
.wrapper-view-category .Container__Item.game-nav.row ul .selected i:before {
    filter: brightness(0) saturate(100%) invert(60%) sepia(85%) saturate(628%) hue-rotate(71deg) brightness(104%) contrast(101%) !important;
}

/* .wrapper-view-category .Container__Item.game-nav.row ul li i.all-games:before {
    background: url(/content/img/icons/all-games.svg) 50% no-repeat;
    background-size: 40px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.slots:before {
    background: url(/content/img/icons/slots.svg) 50% no-repeat;
    background-size: 40px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.table-games:before {
    background: url(/content/img/icons/table-games.svg) 50% no-repeat;
    background-size: 40px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-roulette:before {
    background: url(/content/img/icons/live-casino.svg) 50% no-repeat;
    background-size: 40px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-blackjack:before {
    background: url(/content/img/icons/live-blackjacks.svg) 50% no-repeat;
    background-size: 40px;
} 

.wrapper-view-category .Container__Item.game-nav.row ul li i.other-games:before {
    background: url(/content/img/icons/other-games.svg) 50% no-repeat;
    background-size: 40px;
} */

.wrapper-view-category .Container__Item.game-nav.row ul li i {
    display: block;
    max-width: 60px;
    transition: transform 1s;
    position: static;
    height: 40px;
    width: 40px;
    cursor: pointer;
    margin: unset;
}

.wrapper-view-category .game-category-selector-container .ss-content {
    display: block;
    opacity: 1;
    transform: scaleY(1);
    border: 2px solid #3c0078;
    border: unset;
    width: 100%;
    background: unset !important;
    height: 100%;
}

.wrapper-view-category .game-category-selector-container .ss-list {
    max-height: 620px !important;
    padding: 16px;
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

.wrapper-view-category .ss-list .ss-option:after,
.modal-dialog.search .ss-content .ss-list .ss-option:after {
    content: '';
    width: 18px;
    height: 16px;
    display: flex;
    justify-content: center;
    border: 1px solid #5CE2FF;
    border-radius: 2px;
    margin-right: 5px;
}

.wrapper-view-category .game-category-selector-container.open {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    --tw-bg-opacity: .75;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.wrapper-view-category .game-category-selector-container .ss-main {
    box-shadow: none;
    border: none;
    overflow: hidden;
    font-size: 1.3rem;
    color: #3c0078;
    width: 100%;
    user-select: none;
    border-radius: 4px;
    height: 665px;
    max-width: 500px;
    max-height: calc(100vh - 280px);
    position: absolute;
    background: linear-gradient(to bottom, #151420 20%, #5CE2FF 110%);
    border: 2px solid #5CE2FF !important;
    border-radius: 16px;
    top: 60px;
}

.wrapper-view-category .ss-option,
.modal-dialog.search .ss-list .ss-option {
    transition: .3s linear;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    color: var(--white-color);
}

.modal-dialog.search .ss-content .ss-list .ss-option-selected:after,
.wrapper-view-category .ss-content .ss-list .ss-option-selected:after {
    content: '\f00c';
    font-family: line awesome free;
    font-weight: 900;
    background: #5CE2FF;
}

.wrapper-view-category .game-category-list img,
.wrapper-view-category .game-category-selector-container,
.modal-dialog.search .game-category-selector-container-replacer {
    display: none !important;
}

/* .Container--full.wrapper-view-category {
    padding: 0;
} */

.Container--full.wrapper-view-category .Container__Item.nav-simple {
    background: var(--body-color);
    padding: 16px 12px;
    max-width: 1500px;
    position: sticky;
    height: auto;
    top: 86px;
    z-index: 1013;
	scroll-margin-top: 100px;	
}

body.provider-open .Wrapper--Header--secondary,
body.provider-open .Wrapper--Header--first {
    z-index: 9999;
}

.wrapper-view-category .game-category-selector-container-replacer {
    color: var(--wrapper-view-category-replacer-txt-color);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: block !important;
}

    .wrapper-view-category .game-category-selector-container-replacer:after {
        margin: 0 0 0 15px;
        display: inline-block;
        content: '\f105';
        font-family: line awesome free;
        font-weight: 700;
        font-size: 16px;
        color: var(--wrapper-view-category-replacer-txt-color);
        transform: rotate(90deg);
        cursor: pointer;
    }

.wrapper-view-category .game-category-selector-container.open {
    display: flex !important;
}

.wrapper-view-category .ss-plus {
    position: relative !important;
    height: 25px !important;
    width: 25px !important;
}

.wrapper-view-category .ss-add .ss-plus:after {
    background: transparent !important;
    content: '\f00d' !important;
    position: absolute !important;
    height: 24px !important;
    width: 24px !important;
    left: -10px !important;
    top: 0 !important;
    font-size: 24px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    color: white;
}

.wrapper-view-category .ss-add .ss-plus:hover:after {
    color: #5CE2FF !important;
}

/* Login css */
#loginPopup #loginForm {
    display: flex;
    flex-direction: column;
}

#loginForm div:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

#loginPopup #loginForm .col-md-12.text-center.pt-10 {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

#popupLoginBtn {
    width: 100%;
    font-size: 14px;
    padding: 16px 16px;
    text-transform: uppercase;
    color: black !important;
    border: white !important;
}

    #profilePopup .btn:not(label.btn):hover,
    #profilePopup .btn:not(label.btn):focus,
    #popupLoginBtn:hover,
    #popupLoginBtn:focus {
        background-color: #ec78d3 !important;
        border-color: #ec78d3 !important;
        /* background-color: #38e5cc !important;
    border-color: #38e5cc !important; */
        color: white !important;
    }

#loginForm .row {
    margin: 10px -15px;
}

.eye-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/content/img/banners/password-eye-open.svg);
    background-repeat: no-repeat;
    background-position: 50% !important;
    position: absolute;
    left: auto;
    right: 10px !important;
    top: 14px;
    opacity: 1;
    cursor: pointer;
}

    .eye-icon.active {
        background-image: url(/content/img/banners/password-eye.svg);
    }

.registration .eye-icon {
    top: 30px !important;
}

.form-group,
.password_input {
    position: relative;
}

#regBackBtn, #regNextBtn{
    width: auto;
    font-size: 16px;
    background: transparent;
    padding: 6px 24px;
    height: 50px;
    background: white;
    color: black !important;
    border-color: white;
}

#registrationPopup .col-xs-6.wrapper_input--captcha {
    padding-left: 9px;
}

#registrationPopup .player-bonus-type-registration .bonus-body-row-title > div:not(:first-child) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#registrationPopup .player-bonus-type-registration .bonus-body-row-title > .bonus-title {
    display: inline-block;
}

#loginPopup #loginForm .col-xs-7, #loginPopup #loginForm .col-xs-5 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-top: 12px;
}

#loginPopup .btn-sign-up:hover,
#loginPopup .forgot-password-url:hover {
    color: var(--menu-section-hover-color) !important;
}

#loginForm .btn-sign-up {
    color: white;
    text-transform: uppercase;
}

.logon-to-registration {
    width: 100%;
    margin-top: 15px
}

.logon-to-registration .logon-to-registration_text {
    color: #fff;
    font-weight: 500
}

.logon-to-registration .logon-to-registration_button {
    font-weight: 700;
}

.logon-to-registration .btn-sign-up {
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px
}

#loginPopup .forgot-password-url  {
    line-height: 16px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: white;
    margin-top: -30px;
    margin-right: 7px;
}

    #loginPopup .forgot-password-url::after {
        content: " ?";
    }

#loginForm .or-sep,
#loginForm .btn-sign-up {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.modal-dialog.search #load-more-container #loadMoreBtn:hover,
.modal-dialog.search #load-more-container #loadMoreBtn:focus {
    background-image: unset !important;
    /* background-color: #ffdc00 !important;
    border-color: #ffdc00 !important; */
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Freespins*/

.modal-dialog.modal--deposit .bonus-body-row-header.freespins,
.modal-dialog.modal--deposit .bonus-body-row-title.frb,
.modal-dialog.deposit .bonus-body-row-header.freespins,
.modal-dialog.deposit .bonus-body-row-title.frb {
    grid-template-columns: 29px 2fr 2fr 2fr 70px;
}

.player-bonus-type-registration.freespins {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.deposit-sub-nav {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0;
}

.bon-section,
.frb-section {
    padding: 10px;
    border-bottom: 2px solid #ffdc00;
    margin: 0 10px;
    border-radius: 4px;
    width: 200px;
    display: flex;
    justify-content: center;
}

.deposit-sub-nav li:hover,
.deposit-sub-nav li.active {
    background: #ffdc00;
    color: #53189e;
}

.games-box.deposit .no-wrap.table--scrollable__th,
.player-bonus-type-registration.freespins .no-wrap.table--scrollable__th {
    text-align: center;
}

#registrationPopup .player-bonus-type-registration.freespins .bonus-body-row-title {
    grid-template-columns: 1fr 2fr 1fr 1fr !important;
}

.modal--promotions-freespins .bonus-placeholder {
    display: none !important;
}

.freespin-games:not(.mobile .freespin-games),
.games-box.deposit .table--scrollable__tr,
.player-bonus-type-registration.freespins .freespin-games:not(.mobile .freespin-games),
.modal--promotions-freespins .table--scrollable__tr:not(.games-info-titles),
.player-bonus-type-registration.freespins .table--scrollable__tr:not(.games-info-titles) {
    display: grid;
    grid-template-columns: 3fr 1fr 2fr 2fr;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    font-size: 12px;
}

.player-bonus-type-registration.freespins .freespin-games,
.player-bonus-type-registration.freespins .table--scrollable__tr:not(.games-info-titles) {
    grid-template-columns: 3fr 1fr 65px 65px;
}

#paymentsystem .freespin-game .Item {
    min-height: 84px;
}

.freespin-game .Item,
.games-box.deposit .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles,
.player-bonus-type-registration.freespins .no-wrap.table--scrollable__th.games-info-titles,
.modal--promotions-freespins .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
    align-items: center;
    justify-items: center;
    justify-content: center;
    padding: 0;
}

    .freespin-game .Item img:not(.product-vendore-img) {
        margin: 10px;
        max-width: 100px;
    }

body.mobile .freespin-games .Item img:not(.product-vendore-img),
body.mobile .games-info-titles .game {
    max-width: 60px;
    min-width: 60px;
    margin: 0;
}

.modal--promotions-freespins .no-wrap.table--scrollable__th {
    font-size: 12px;
    text-align: center;
    justify-content: center;
}

.player-bonus-type-2 .freespin-games,
.modal--promotions-freespins .player-bonus-type-2 .table--scrollable__tr:not(.games-info-titles) {
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr !important;
}

.player-bonus-type-2 .freespin-game .Item,
.modal--promotions-freespins .player-bonus-type-2 .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
    grid-template-columns: 3fr 3fr 3fr 3fr !important;
}

.modal--promotions-freespins .no-wrap.table--scrollable__th {
    padding: 0;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .product-name {
    font-size: 12px;
    text-align: center;
}

.player-bonus-type-2 .freespin-games .play-now.btn {
    border-radius: 10px !important;
    border: 1px solid transparent !important;
}

    .player-bonus-type-2 .freespin-games .play-now.btn .play-now {
        color: #53189e;
        width: 100%;
        height: 100%;
    }

    .player-bonus-type-2 .freespin-games .play-now.btn:hover {
        background: #ffdc00;
    }

.player-bonus-type-2 .freespin-games .dont-pl-btn.btn {
    background-color: #a2adb8;
    color: var(--white-color);
    cursor: not-allowed;
}

/* end Freesppins*/


/* Forgot Password css */
.captcha-refresh,
.captcha-image {
    border-radius: 4px;
    display: block;
    position: relative;
    height: 45px;
    width: 100%;
}

.captcha-refresh {
    display: flex;
    align-items: center;
    justify-content: center;
}

.captcha-refresh-i.las.la-redo-alt {
    font-weight: 700;
    font-size: 25px;
    color: #5CE2FF;
}

.modal-dialog.search .demo:hover {
    color: #ffdc00;
}

.modal-dialog.search .selectedInfoCount {
    padding: 5px;
}

.modal-dialog.search .play-now:hover {
    background: #ffdc00;
    border-color: #ffdc00;
}

.captcha-refresh-i.las.la-redo-alt:hover {
    transform: scale(1.1);
}

#forgotpassform .col-md-10.col-md-push-2 {
    --myText: "Forgot Password"
    display: flex;
    justify-content: center;
    width: 100% !important;
    left: 0 !important;
}

#forgotpassform .col-md-10.col-md-push-2::after {
    content: var(--myText);
}

/* Registration Popup css */

#registrationPopup .modal-content {
    padding: 15px;
}

#registrationPopup .modal-dialog {
    width: 90%;
    padding-left: 5%;
    padding-top: 2%;
}

#regNextBtn:hover {
    background: white;
    color: black;
    border-color: white;
}

#registration-popup #registration-form .form-group {
    width: 100%;
}

#registration-popup #registration-form .regsecion_3:has(#currencyId_currency) {
    display: block;
}

#city_form .select2-container {
    width: auto !important;
}

#registration-popup #register-container .on-page-1 .regsecion_3:has(#province-form.hidden) {
    display: block !important;
}

#registration-popup #registration-form .regsecion_1,
#registration-popup #registration-form .regsecion_2,
#registration-popup #registration-form .regsecion_3,
#registration-popup #registration-form .regsecion_4,
#registration-popup #registration-form .regsecion_5:has(#numberCode_numberCode),
#registration-popup #registration-form .regsecion_6,
.regsecion_3:has(#province-form:not(.hidden)),
.regsecion_2:has(#gender_gender) {
    display: flex !important;
    gap: 30px;
}

#registration-popup:has(.social-network button, .social-network a) .registration-to-logon-row {
    display: flex;
    width: 100%;
    max-width: 434px;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

body.mobile #registration-popup .registration-to-logon-row,
#registration-popup .modal-body:has(.on-page-2) .registration-to-logon-row {
    position: unset;
    margin: 0 auto;
}

#registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) {
    flex-direction: column;
}

    #registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) .col-md-6.mt20 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0;
    }

.social-network a,
.social-network button {
    flex-shrink: 0;
    height: 40px;
    width: 40px;
    align-items: center;
    background: #ffffff1a;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: all .3s;
    border: unset;
}

#socialnetwork-form {
    margin-top: 15px;
}

.social-network-block .btn.btn-success.active {
    padding: 0;
    flex-shrink: 0;
    height: 60px;
    width: 60px;
    align-items: center;
    background: #ec78d3;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: all .3s;
}

#registrationPopup .registration div:nth-child(7),
#registrationPopup .registration > span,
#registrationPopup .registration div:nth-child(9) {
    grid-row: span 2/span 2;
    grid-column: span 2/span 2;
}

#registrationPopup .registration div:nth-child(4) #cityDropdownId,
#registrationPopup .registration div:nth-child(3) .col-md-8.wrapper--country {
    width: 100%;
}

#registrationPopup .registration div:nth-child(3) .col-md-4,
#registrationPopup .registration div:nth-child(4) .col-md-6 {
    width: 100%;
}

#registrationPopup .registration div:nth-child(6) .row.codeMobilePassportSection .col-xs-4 {
    width: 50%;
}

#registrationPopup .registration .form-group:nth-child(3),
#registrationPopup .registration .form-group:nth-child(6) {
    width: 100%;
    grid-column: span 2 / span 2;
}

    #registrationPopup .registration .form-group:nth-child(6) .codeMobilePassportSection,
    #registrationPopup .registration .form-group:nth-child(4) .wrapper--flex,
    #registrationPopup .registration .form-group:nth-child(3) .wrapper--flex {
        display: flex;
    }

#registrationPopup .registration div:nth-child(3) .col-md-8.wrapper--country,
#registrationPopup .registration div:nth-child(4) .row:not(:has(.province.hidden)) #cityDropdownId {
    padding-right: 0;
}

#registrationPopup #socialnetwork-form .col-md-6.mt20 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
    margin-top: 10px;
    gap: 5px;
    padding: 0;
    justify-content: flex-end;
}

.registration-sub-nav {
    display: flex;
    cursor: pointer;
    margin-top: 20px;
}

#registrationPopup #socialnetwork-form .col-md-6 button {
    width: 30%;
    float: left;
    height: 50px;
}

#registrationPopup .registration div:nth-child(6) .row.codeMobilePassportSection .col-xs-3 {
    width: 50%;
}

.select2-container--default .select2-selection--single {
    border: unset;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #53189e;
}

option {
    min-width: 500px;
}

select#date_day, select#date_month, select#date_year {
    width: calc(100% / 3 - 9px) !important;
    margin: 0 5px 0 0;
}

#registrationPopup:not(.mobile #registrationPopup) .player-bonus-type-registration .bonus-body-row-title {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr;
    margin: 0 5px 12px;
    padding: 15px;
    background-color: #1920273b;
    border-radius: 8px;
    align-items: center;
}

#searchPopup .modal-dialog .modal-content .modal-title-text,
#registrationPopup .modal-header .modal-title-text {
    display: none;
}

#registrationPopup [id^=bonus-content-] {
    box-shadow: inset 0 0 0 2px #200033;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 10px;
}

#register-container-header {
    padding: 0;
}

#registration-popup .button-container .registration-block {
    color: #f6f6f6;
    position: relative;
}

#registration-popup .button-container:has(.registration-block ) {
    display: flex;
    height: 40px;
    flex-direction: row;
    margin-bottom: 15px;
    border-bottom: 1px solid #2c2d3b;
    gap: 20px;
    justify-content: center;
}

#registration-popup .button-container:has(> div:only-child.registration-block.active) {
    display: none !important;
}

#registration-popup .button-container .registration-block button {
    background: transparent;
    border: unset;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: color .2s ease-out;
    justify-content: flex-start;
}

#registration-popup .button-container .registration-block.active:after {
    border-bottom: #EC78D3;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #EC78D3;
}

#register-bonuses .registration-sub-nav li {
    margin: 3px;
    flex: 5;
    padding: 10px 20px;
    border: 1px solid #EC78D3;
    color: #EC78D3;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease;
}

    #register-bonuses .registration-sub-nav li.active,
    #register-bonuses .registration-sub-nav li:hover {
        color: #000 !important;
        border-color: #EC78D3 !important;
        background: #EC78D3 !important;
    }

.bonus-body-row-information {
    display: block;
    position: sticky;
    top: 0;
    text-align: center;
    text-transform: capitalize;
    border-bottom: 1px solid #EC78D3;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
    z-index: 5;
    transition: all .2s ease-out;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-right: 5px;
    padding-bottom: 10px;
}

#register-container {
    background-color: var(--background-color-9);
    animation: showPanel .2s ease-in;
    border-radius: 32px;
    max-height: 752px;
    max-width: 434px;
    width: 100%;
    position: relative;
    z-index: 2;
}

#registrationPopup .modal-dialog .modal-body {
    display: flex;
    flex-direction: column;
}

#registration-popup #register-container #registration-form {
    max-height: 640px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #registrationPopup .modal-dialog .modal-body .register-container {
        height: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
        display: flex;
        position: relative;
        width: 100%;
        gap: 20px;
    }

#registration-popup #register-bonuses {
    animation: showBonuses .2s ease-in;
    display: flex;
    flex-direction: column;
    max-height: 704px;
    overflow: hidden;
    width: 100%;
    max-width: 370px;
    z-index: 1;
    margin: 24px 5px;
}

    #registration-popup #register-bonuses .bonus-body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

#socialnetwork-form .col-xs-12.text-right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#registration-popup #register-bonuses .bonus-body .bonus-body-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #registration-popup #register-bonuses .bonus-body .bonus-body-list::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

#register-bonuses .bonus-body-row-title {
    flex-direction: column;
    position: relative;
    border: 1px solid #EC78D3;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
    height: auto;
    gap: 5px;
    margin-top: 10px;
}

.bonus-body-list-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.bonus-body-list-item-header-details__title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.bonus-body-list-item-header-img-wrapper__img {
    max-width: 65px;
    min-width: 65px;
    border-radius: 50%;
}

.bonus-body-list-item-inner-properties {
    display: flex;
    justify-content: space-between;
}

.bonus-body-list-item-inner-properties__item {
    margin: 10px 0;
}

.bonus-body-list-item-inner-properties__item-value,
.bonus-body-list-item-inner-properties__item-value-amount {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
}

.bonus-body-list-item-inner-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.bonus-body-list-item-inner-buttons-info {
    border: none;
    padding: 5px 12px;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 12px;
    background: #363748;
    color: #EC78D3;
    border-radius: 8px;
    border-color: transparent;
    transition: all .2s ease-out;
}

.bonus-body-list-item-inner-buttons-apply {
    width: 100%;
    max-height: 50px;
    border-radius: 8px !important;
}

.bonus-body-inner__tabs {
    white-space: nowrap;
    gap: 5px;
    position: relative;
    top: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #EC78D3;
    transition: border-radius .2s ease-out;
}

.bonus-body-list-item-inner-buttons-back {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: unset;
    background-color: #ec78d3;
    color: #fff;
    border-radius: 8px;
    margin-right: 20px;
    cursor: pointer;
    transition: all .3s ease;
}

.bonus-body-inner__tabs_nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    position: sticky;
}

.bonus-body-inner__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
    color: var(--white-color);
    position: relative;
    font-size: 18px;
    line-height: 24px;
    margin-right: 16px;
    height: 100%;
    cursor: pointer;
    transition: color .3s ease;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .bonus-body-inner__tab.active, .bonus-body-inner__tab:hover {
        color: #ec78d3;
    }

.bonus-body-inner__tab-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.bonus-body-inner__content {
    padding: 20px 0;
    color: #fff;
}

.bonus-body-inner__content-head {
    display: flex;
    margin: 0 0 20px;
}

.bonus-body-inner__content-img {
    width: 92px;
    height: 92px;
    margin-right: 24px;
    flex-shrink: 0;
    object-fit: cover;
}

.bonus-body-inner__content-inner {
    margin: auto 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
}

.bonus-body-inner__content-properties {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px;
}

.bonus-body-inner__content-properties-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #EC78D3;
}

.bonus-body-inner__content-properties-row {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.bonus-body-inner__content-properties-col:first-child {
    color: #39E4CC;
}

.bonus-body-inner__content-properties-col {
    width: 100%;
}

    .bonus-body-inner__content-properties-col:nth-child(2) {
        text-align: right;
    }

#registration-popup #register-bonuses:not(:has(.bonus-body)) {
    display: none
}

#registration-popup .modal-body:not(:has(.bonus-body)) {
    flex-direction: column;
    max-width: 700px;
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    gap: 0
}

#registration-popup .modal-content:not(:has(.bonus-body)) {
    max-width: 700px;
    width: 100%;
    margin: 0 auto
}

#registrationPopup:not(:has(.bonus-body)) {
    width: 100%;
}

#registrationPopup:not(#after-registration-popup) #registration-popup .modal-content:not(:has(.bonus-body)) #register-container-header button.close {
    right: 0;
    background-color: initial
}
#register-after-container .credentials {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

    #register-after-container .credentials .credential-item {
        width: 48%
    }

#register-after-container .login-credential-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

#register-after-container .copy-password {
    position: absolute;
    cursor: pointer;
    font-size: 18px;
    color: #1a426b;
    top: 50%;
    left: 85%
}

#register-after-container .action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

    #register-after-container .action-buttons button {
        width: 48%
    }

#register-after-container {
    padding: 20px;
}

    #register-after-container .form-control[disabled], #register-after-container .form-control[readonly], #register-after-container fieldset[disabled] .form-control {
        background-color: transparent;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background: #cccccc78;
    }

    #register-after-container .email-block {
        display: flex;
        margin-bottom: 20px;
        gap: 2%;
    }

#registration-popup .modal-body:not(:has(.bonus-body)) #register-container,
#registration-popup .modal-body:not(:has(.bonus-body)) .registration-to-logon-row{
    width: 100%;
    max-width: 700px;
    border-radius: 0;
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 25px;
    overflow: visible;
    background: 0 0
}

    #registration-popup .modal-body:not(:has(.bonus-body)) #register-container #registration-form {
        max-height: unset;
        min-height: unset;
        overflow: hidden
    }

/* ----------------------------------  Search Popup css ------------------------------------ */

#searchPopup {
    z-index: 99998;
}

    #searchPopup .modal-dialog {
    	position: relative;
    	width: 1025px;
    	will-change: transform;
    	transform: translate(0) scale(1) !important;
    	transition: all .4s ease;
    	display: flex;
    	margin: 35px;
    	max-width: calc(100% - 32px);
    	max-height: calc(100vh - 32px);
    	height: 75%;
    	margin-left: auto;
    	margin-right: auto;
    }

        #searchPopup .modal-dialog .modal-content {
            padding: 16px;
        }

.modal-dialog.search .modal-body {
    height: 635px;
    padding: 0px 0px 20px 0px;
}

.modal-dialog.search .modal-content {
    background: var(--search-modal-content-bg-color);
}

    .modal-dialog.search .modal-content button.close {
        z-index: 2;
        padding: 5px;
        width: 60px;
        height: 60px;
    }

        .modal-dialog.search .modal-content button.close span {
            font-size: 40px;
            color: var(--white-color);
        }

        .modal-dialog.search .modal-content button.close:hover span {
            color: #d87afa;
        }

.modal-dialog.search .form-group {
    /* height: calc(100% - 5px); */
    height: auto;
    display: flex;
    flex-direction: row-reverse;
}

.modal-dialog.search .search-wrapper.has-feedback .view-category-filter-form {
    position: fixed;
    top: 0;
    left: 0;
    height: 55px;
    z-index: 1;
    width: 100%;
}

#searchTb {
    position: relative;
    height: 100%;
    padding: 0 45px;
    width: 100%;
    color: var(--white-color) !important;
    background: var(--search-input-bg-color);
    border: unset;
    box-shadow: unset;
    font-size: 14px;
}

.modal-dialog.search .search-wrapper.has-feedback .glyphicon.glyphicon-search.form-control-feedback {
    color: #ffffff !important;
    left: 17px;
    z-index: 9999;
}

.modal-dialog.search #popupSearchItems:has(.Item) {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    width: 70%;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 590px;
    display: grid;
    /* align-content: center; */
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* align-items: center; */
    padding-top: 20px;
    border-right: 2px solid #5CE2FF;
    border-bottom: 2px solid #5CE2FF;
}

.modal-dialog.search #load-more-container {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 73%;
    height: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* box-shadow: 0 -1px #0000001a; */
    margin: unset;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .modal-dialog.search #load-more-container #loadMoreBtn {
        width: 40%;
        font-size: 15px;
        padding: 5px;
        margin-bottom: 4px;
    }

.modal-dialog.search .search-wrapper.has-feedback {
    width: 40%;
    /* margin-left: 20px; */
}

#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: red;
    position: absolute;
    right: 20px;
    top: 15px;
    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: initial;
    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 .info-container {
    opacity: 1;
}

#searchPopup .modal-header .logo-img,
.modal-dialog.search .game-category-list img,
.modal-dialog.search .ss-main .ss-multi-selected,
body.mobile .modal-dialog.search .play-now-btn {
    display: none;
}

.modal-dialog.search .ss-list {
    max-height: 578.5px !important;
    padding: 10px;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    background: #151420;
}

    .modal-dialog.search .ss-list .ss-option:first-child {
        grid-row: span 2/span 2;
        grid-column: span 2/span 2;
        color: var(--white-color);
    }

.modal-dialog.search .ss-content .ss-list .ss-option:hover,
.modal-dialog.search .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: var(--white-color);
    /* background-color: #3c0078; */
    border-radius: 4px;
}

.modal-dialog.search .ss-content {
    display: block;
    opacity: 1;
    transform: scaleY(1);
    background: transparent;
    border: unset;
    width: 100%;
    top: -12px;
    padding-top: 10px;
    border-radius: 0px !important;
    border-bottom: 2px solid #5CE2FF;
}

.modal-dialog.search .Item .product-image,
.modal-dialog.search .product-image img {
    border-radius: 12px;
}

.modal-dialog.search .Item .product-image {
    aspect-ratio: 533/337;
}

.modal-dialog.search .Item {
    padding: 4px;
    aspect-ratio: 200/180;
    position: relative;
}

.modal-dialog.search .product-name {
    display: -webkit-box;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.modal-dialog.search .product-description {
    margin: 10px;
}

.modal-dialog.search .Item:hover .play-now-btn {
    opacity: 1;
}

.modal-dialog.search .Item:hover .product-image:before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    border-radius: 12px;
    width: 100%;
    position: absolute;
    height: 100%;
}

.modal-dialog.search #popupSearchItems .no-games-found,
.modal-dialog.search .glyphicon.glyphicon-search.form-control-feedback.clearForm.glyphicon-search .las.la-times:before {
    color: var(--white-color);
}

.modal-dialog.search .play-now-btn {
    opacity: 0;
    position: absolute;
    height: 75%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}

.modal-dialog.search .play-now {
    background: var(--white-color);
    margin-bottom: 5px;
}

.modal-dialog.search .demo,
.modal-dialog.search .play-now {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
    color: #3c0078;
    border: 1px solid #53189e;
    border-radius: 15px !important;
    padding: 10px !important;
    width: 100px;
}

.modal-dialog.search .demo {
    border: unset;
    color: var(--white-color);
}

/* NO GAMES FOUND CSS */
.no-games-found-container .no-games-found {
    grid-column-start: 1;
    grid-column-end: 10;
}

/* USER PAGE  CSS */
body.mobile .Balance--user,
.Button--outlined.Button--deposit,
.Button--outlined.Button--Balance {
    display: flex;
    color: var(--white-color);
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    min-width: 127px;
    height: 45px;
    border-radius: 16px;
}

.loggedin .Button--outlined.Button--Balance .la-credit-card {
    margin-right: 5px;
}

.loggedin .Button--outlined.Button--Balance #menu-button-balance {
    font-weight: 700;
}

/*-------------- Menu User Css ------------------*/
/* .login-register-containers .Balance--user {
    left: 10px;
    min-width: 170px;
    position: unset;
} */

/* .Balance--user {
    position: relative;
    margin: 0 10px 0 0;
} */

.Button--outlined.Button--deposit,
.modal-dialog.search .Item .product-image {
    position: relative;
}

.Menu--user.menu--user-open {
    display: block;
    max-height: calc(100vh - 56px);
    overflow: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 20px 30px 30px -20px black;
}

.Menu--user {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0;
    width: 100%;
    display: none;
    background: #13131D;
    border-radius: 0px;
    border: 1.5px solid #39E445 !important;
    box-shadow: 0 2px 12px #000f0a;
    z-index: 1;
    top: 70px;
    width: 320px;
    font-size: 16px;
    border-top: none;
}

    .Menu--user ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0px !important;
    }

        .Menu--user ul li {
            width: 100%;
            line-height: 20px;
            padding: 10px 0;
            border-top: 1.5px solid #39E445 !important;
            padding-left: 20px;
        }

            .Menu--user ul li:last-child {
                border-bottom: 0;
            }

            .Menu--user ul li a {
                position: relative;
                font-size: 16px;
                font-weight: 400;
                letter-spacing: .6px;
                color: var(--white-color);
                display: flex;
                flex-direction: row;
                align-items: center;
            }

                .Menu--user ul li a i,
                .user-sections-trigger {
                    display: contents;
                }

    /* .Menu--user .username:before {
        content: '';
        background: url(/content/img/icons/user-name.png) 50% no-repeat;
        background-size: 30px;
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    } */

    .Menu--user .username {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .Menu--user .las:before {
        color: var(--white-color);
        font-size: 20px;
        font-weight: 700;
        margin-right: 10px;
    }

    .Menu--user ul .balance-group,
    .Menu--user ul .balance-total {
        display: flex;
        white-space: nowrap;
        line-height: 2;
        font-size: 13px;
        margin-bottom: 5px;
        text-transform: capitalize;
        flex-direction: column;
    }

    .Menu--user ul .balance-total {
        padding: 0 10px;
        border: 2px solid #EC78D3 !important;
        border-radius: 0 0 16px 16px !important;
        border-top: none !important;
        padding-bottom: 10px !important;
        margin-top: -5px !important;
    }

        .Menu--user ul .balance-group span,
        .Menu--user ul .balance-total span {
            width: 60%;
            font-size: 16px;
        }

        .Menu--user ul .name-lastname,
        .Menu--user ul .balance-group > div,
        .Menu--user ul .balance-total > div {
            display: flex;
        }

    .Menu--user ul .balance-group {
        border: 2px solid #EC78D3;
        padding: 10px;
        border-radius: 16px 16px 0 0;
        border-bottom: none;
    }

    .Menu--user ul .username,
    .Menu--user ul .player-id,
    .Menu--user ul .name-lastname {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: none;
        font-weight: 700;
    }

    .Menu--user ul li:hover a {
        color: #D87AFA;
    }

.msg--count {
    background: #EC78D3;
    padding: 1px 3px;
    border-radius: 4px;
    position: relative;
    top: -8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 2px;
    color: var(--white-color);
}

/* USER PAGE CSS */
.modal.fade .modal-dialog {
    transform: none;
}

#profilePopup .modal-dialog,
#__depositPopup .modal-dialog {
    width: 100%;
    margin: unset;
}

#__depositPopup .modal-content {
    height: 100vh;
    overflow-x: auto;
    overflow-y: auto;
    border-radius: unset;
    background: var(--body-color);
}

#profilePopup .modal-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 15;
    padding: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: var(--first-header-bg-color);
    align-items: flex-start;
    height: 88px;
    border-bottom: 2px solid #39E445 !important;
}

#profilePopup .profile-main-nav {
    display: flex;
    margin-bottom: 0;
    width: 91%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0;
    justify-content: space-between;
}

    #profilePopup .profile-main-nav li {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        margin: 0 5px;
        border-radius: 4px;
        width: 100%;
    }

        #profilePopup .profile-main-nav li a,
        #profilePopup .profile-sub-nav li a {
            width: 100%;
            height: 100%;
            color: var(--white-color);
            font-weight: 700;
            font-size: 15px;
            line-height: 28px;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #profilePopup .profile-main-nav li:hover a,
        #profilePopup .profile-main-nav li.active a {
            color: var(--second-menu-item-txt-hover-color) !important;
        }

#profilePopup .profile-sub-nav {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: -webkit-sticky;
    top: 110px;
    z-index: 16;
    padding: 20px 25px 20px;
}

#profilePopup .modal-content .modal-body {
    padding: 0;
}

.mobile #profilePopup .modal-content .modal-body {
    margin-top: 25px;
    overflow: unset;
    height: auto;
}

.kyc-verification .Button--kyc,
#profilePopup .profile-sub-nav li {
    width: 200px;
    margin-right: 10px;
    padding: 5px 15px;
    border-radius: 16px;
    background: #3e2741;
    box-shadow: 0 0 5px #EC78D3, inset 0 0 5px #EC78D3 !important;
    border: 2px solid #EC78D3;
}

    .kyc-verification .Button--kyc:hover,
    #profilePopup .profile-sub-nav li.active,
    #profilePopup .profile-sub-nav li:hover {
        background: #EC78D3;
    }

.mobile #profilePopup .profile-sub-nav li:hover {
    background-color: #3e2741;
}

#profilePopup .profile-sub-nav li.active a,
#profilePopup .profile-sub-nav li:hover a {
    color: white;
}

#profilePopup .modal-sub-body {
    height: 100%;
    padding: 30px 25px 10px !important;
    position: relative;
}

#profilePopup .modal-footer {
    border: none;
}

    #profilePopup .modal-footer .row {
        margin: 0;
    }

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

#Email[value],
#Mobile[value] {
    white-space: break-spaces;
    text-overflow: ellipsis;
}

#profilePopup .profile-main-nav li a i,
.email-verification-block .glyphicon.glyphicon-warning-sign,
.email-verification-block .glyphicon.glyphicon-warning-sign::after,
.email-verification-block .glyphicon.glyphicon-warning-sign::before,
.phone-number-verification-block .glyphicon.glyphicon-warning-sign,
.phone-number-verification-block .glyphicon.glyphicon-warning-sign::before,
.phone-number-verification-block .glyphicon.glyphicon-warning-sign::after {
    display: none;
}

#EmailCode,
#MobileCode {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* -------------- PERSONAL DETAILS ------------- */
#profilePopup .select2-container {
    width: 100% !important;
}

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

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

#profilePopup .has-error {
    /* height: 0; */
    padding: 0;
    margin: 0;
}

.modal-dialog.profile .has-feedback label ~ .form-control-feedback {
    right: 0 !important;
    display: block;
    top: 35px;
}

.has-feedback label ~ .form-control-feedback {
    top: 15px;
    right: 5px;
    color: white !important;
}

#timerDisplay {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #fff;
    font-size: 20px;
    z-index: 999;
}

#sendEmailCodeLink, button#sendEmailCodeLink {
    border-radius: 12px;
    margin: 15px 0;
}

#sendMobileCode.inactive, #sendEmailCode.inactive, #sendEmailCodeLink.inactive {
    color: transparent !important;
}

.email-verification, .phone-number-verification {
    margin: 15px 0;
}

#sendMobileCode,
#sendEmailCode {
    width: auto;
    align-items: center;
    border: 0;
    display: flex;
    height: 45px;
    border-radius: 4px !important;
    padding: 7px 12px !important;
    margin-right: 5px;
    border: 1px solid transparent;
}

    #sendMobileCode:hover,
    #sendEmailCode:hover,
    .email-verification-code-block .btn-success:hover {
        background-color: #53189e;
        color: var(--white-color) !important;
        border: var(--white-color) !important;
    }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    height: 45px;
    border: 1px solid #53189e !important;
}

#SearchDate {
    padding: 0 20px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.email-verification .btn-group,
.phone-number-verification .btn-group {
    width: 100%;
}

.emutable-details-inner-block,
#profilePopup .profile-main-nav li a {
    white-space: nowrap;
}

#profilePopup .profile-main-nav li a {
    font-weight: 700;
}

.emutable-details-inner-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #EC78D3;
    padding: 10px 40px 20px 40px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    width: 80%;
}

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block:last-child tr td {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em b {
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 12px;
    border-bottom: 2px solid #EC78D3;
}

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block .em {
    width: 80%;
    color: white;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

#profilePopup .modal-sub-body .emutable-details #wageredBalance {
    padding-top: 6px;
}

#profilePopup .modal-sub-body .emutable-details .tooltip-for-amount {
    color: white;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    text-align: right;
    padding-top: 6px;
    padding-bottom: 6px;
}

#profilePopup .modal-sub-body .emutable-details #withdrawableBalance {
    margin-bottom: 6px;
}

#profilePopup .modal-sub-body .emutable-details #totalBonus {
    border-top: 2px solid #EC78D3;
    padding-top: 6px;
}

    #profilePopup .modal-sub-body .emutable-details #totalBonus .em,
    #profilePopup .modal-sub-body .emutable-details #totalBonus .tooltip-for-amount {
        font-weight: 600 !important;
    }

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block div:nth-child(2) {
    width: 40%;
    line-height: 25px;
}

.identifications-settings-wrapper .input_name,
#profilePopup .modal-sub-body .emutable-details {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
}

#profilePopup .modal-dialog .modal-footer .row .col-xs-6:nth-child(2) .btn {
    width: 100% !important;
    height: 64px !important;
    border-color: white;
    color: black !important;
}

    #profilePopup .modal-dialog .modal-footer .row .col-xs-6:nth-child(2) .btn:hover,
    #profilePopup .btn.btn-success.aligned-action-btn.js-see-details:hover {
        color: white !important;
    }

/* -------------- DOCUMENTS ------------- */
.identifications-settings-wrapper .document-upload,
.identifications-settings-wrapper .document-body-row-title,
.identifications-settings-wrapper .document-head-row-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.identifications-settings-wrapper .upload-file.row {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.identifications-settings-wrapper .sbm-message,
.identifications-settings-wrapper .upload-file.row {
    width: 100%;
}

.identifications-settings-wrapper .col-xs-6,
.identifications-settings-wrapper section.col.col-xs-3 {
    height: 130px;
    width: 100%;
}

.identifications-settings-wrapper section.col.col-xs-3 {
    margin-bottom: 10px;
}

.identifications-settings-wrapper .upload-file.row label:not(.btn.btn-default.btn-xs) {
    display: flex;
    white-space: nowrap;
    justify-content: flex-start;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.identifications-settings-wrapper .note {
    text-align: left;
    padding: 5px 0;
    position: absolute;
    font-size: 18px;
    margin-top: -84px;
    font-weight: 700;
}

    .identifications-settings-wrapper .note::after {
        content: "*";
        color: white;
        font-size: inherit;
        /* margin-left: 4px; */
    }

#expirationDate .row {
    margin: 0;
}

.identifications-settings-wrapper .btn.btn-default.btn-xs {
    justify-content: flex-start;
    color: var(--white-color) !important;
}

.identifications-settings-wrapper select#date_day,
.identifications-settings-wrapper select#date_month,
.identifications-settings-wrapper select#date_year {
    width: calc(100% / 3 - 5px) !important;
    margin: 0 5px 0 0;
}

.identifications-settings-wrapper .row.submBtnBlock {
    width: 100%;
    height: 100px;
    padding: 15px;
    margin: 0;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.identifications-settings-wrapper button.btn.btn-success.btnDoc {
    width: 200px;
}

.identifications-settings-wrapper .row.submBtnBlock section.col.col-xs-12 {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.identifications-settings-wrapper .upload-file.row:before,
.identifications-settings-wrapper .upload-file.row:after {
    display: none;
}

.identifications-settings-wrapper .header-block {
    height: 280px;
    overflow: auto;
    padding: 20px;
    margin: 15px;
    /* box-shadow: inset 0 0 0 3px #ffdc00; */
    border-radius: 16px;
    text-align: left;
    border: 2px solid #EC78D3;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}

.identifications-settings-wrapper .document-head-row-title {
    border-bottom: 2px solid #EC78D3;
}

.document-name,
.document-activator,
.document-status,
.document-type,
.document-exDate,
.document-action,
.identifications-settings-wrapper i.las.la-sync-alt,
.identifications-settings-wrapper i.las.la-check {
    width: 20%;
    flex-direction: row;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: 700;
    color: var(--white-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .document-name .tooltip {
        width: auto;
        position: absolute;
        background-color: var(--white-color);
        opacity: 1;
        color: #53189e;
        padding: 5px 8px;
        border-radius: 12px;
        border-bottom-left-radius: 0;
        top: -27px;
        left: 30px;
        white-space: nowrap;
    }

.identifications-settings-wrapper .document-body-row-title {
    margin: 10px 0;
}

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

.identifications-settings-wrapper .document-action,
.identifications-settings-wrapper i.las.la-sync-alt,
.identifications-settings-wrapper i.las.la-check,
.identifications-settings-wrapper i.las.la-times {
    height: 30px !important;
    width: 20%;
    max-width: 150px;
    flex: unset;
    display: flex;
    align-items: center;
}

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

.profile__msg--error,
.profile__msg--success {
    text-align: left;
    display: flex;
    font-size: 15px;
    color: var(--white-color) !important;
}

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 {
    padding-left: 0;
}

.text-danger {
    color: var(--white-color);
}

.identifications-settings-block .body-block {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
}

    .identifications-settings-block .body-block .manual-upload,
    .identifications-settings-block .body-block .auto-upload {
        width: 100%;
        margin: 20px auto;
        border-radius: 8px;
        border: 2px solid #EC78D3;
        background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
        padding: 15px;
        position: relative;
        color: #fff;
    }

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

.kyc-verification {
    margin: 15px
}

/* -------------------- COMMUNICATIONS ------------------------- */
.communication-settings-wrapper {
    display: grid;
    grid-template-columns: 2fr 7fr;
}

    .communication-settings-wrapper .comm-single-type {
        font-size: 16px;
        cursor: pointer;
        font-weight: 700;
        padding: 21px;
        border-radius: 16px 0px 0px 16px;
        margin: 0px 0;
    }

        .communication-settings-wrapper .comm-single-type.active,
        .communication-settings-wrapper .comm-single-type:not(.active):hover {
            background: #EC78D3;
            color: white;
        }

.communication-settings-block,
.message-content {
    position: relative;
    /* border-left: 1px solid rgba(255,255,255,.1); */
    min-height: 540px;
}

.communication-settings-block {
    padding: 0 15px 10px 0px;
}

    .communication-settings-block .row {
        display: flex;
        align-items: center;
        padding: 10px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        border-bottom: 1px solid #EC78D3;
    }

    .communication-settings-block .inner-block .col-xs-9 {
        display: flex;
        white-space: nowrap;
        font-size: 15px;
    }

    .communication-settings-block .inner-block .col-xs-3 {
        display: flex;
        position: relative;
        justify-content: flex-end;
        height: 40px;
    }

.comunication-label {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    width: 150px;
    height: 40px;
    align-items: center;
    margin-right: 41px;
}

#profilePopup .switch {
    width: 150px;
    height: 40px;
    position: absolute;
}

    #profilePopup .switch .slider {
        transition: -webkit-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
        transition-delay: .4s;
    }

        #profilePopup .switch .slider:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 80px;
        }

#profilePopup input:checked ~ .slider {
    -webkit-animation: shift .8s ease-in-out 1 forwards;
    animation: shift .8s ease-in-out 1 forwards;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    #profilePopup input:checked ~ .slider ~ .slider:before {
        transition-delay: .4s;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        box-shadow: inset 5px -10px 15px 0 rgba(0, 0, 0, .5);
    }

    #profilePopup input:checked ~ .slider:before {
        background: linear-gradient(to left, #03001e, #5CE2FF, #EC78D3);
    }

#profilePopup .slider,
#profilePopup .switch input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    border-radius: 80px;
    opacity: 0;
}

#profilePopup .switch .slider {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), 0 0 20px 0 rgba(0, 0, 0, .15);
    opacity: 1;
    z-index: 0;
    transition: margin .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition-delay: 0s, .3s;
}

    #profilePopup .switch .slider:after {
        transition: .4s ease-in-out;
        transition-delay: 0s;
    }

#profilePopup .switch input:checked ~ .slider ~ .slider:after {
    transition-delay: .4s;
    box-shadow: inset 5px -10px 15px 0 rgba(0, 0, 0, .5);
}

#profilePopup .switch .slider:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--white-color);
    /* box-shadow: inset -5px -10px 15px 0 rgba(0,0,0,.5); */
    background-size: 120%;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 500%;
    transition: margin .3s ease-in-out, box-shadow .6s ease-in-out;
    transition-delay: .3s, 0s;
}

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

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

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

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

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

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

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

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

/*-------------------- WALLET CSS -------------------------*/
.modal--wallet .wallet--cash {
    height: auto;
}

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

.wallet-title {
    text-transform: uppercase;
    color: white;
    padding: 15px 0;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}

.wallet-table thead,
.table--scrollable__thead,
.bonus-title-row {
    padding: 5px;
    /* box-shadow: inset 0 0 0 2px #ffdc00; */
    border-radius: 0px;
}

.wallet-table .table--scrollable__thead {
    border-bottom: 2px solid #EC78D3;
}

.table--scrollable__tr {
    display: flex;
    flex-direction: row;
}

.bonus-title-row > div {
    flex: 1;
    padding: 10px 5px;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.space--spare {
    width: 100%;
    margin-bottom: 20px;
}

.modal-dialog.modal--wallet .table-striped.table--scrollable__tbody {
    max-height: 200px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.table--scrollable__thead .no-wrap.table--scrollable__th,
.table--scrollable__tbody .table--scrollable__td {
    flex: 1;
    padding: 10px 5px;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wallet-table,
.bonus-table {
    border-collapse: separate;
    width: 100%;
    border-radius: 16px;
    border: 2px solid #EC78D3;
    padding: 20px;
    min-height: 200px;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}

    .wallet-table tr {
        line-height: 32px;
    }

        .wallet-table tr td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 15px;
        }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

/*-------------------- PAYMENTS CSS -------------------------*/
.transaction-row-outlined.column-headers,
.transaction-row-outlined.column-headers-withdrawal {
    border: 2px solid #EC78D3;
    transition: background-color .2s;
    margin: 5px 0;
    border-radius: 16px;
    padding: 20px 0 20px 27%;
    display: flex;
    text-align: start;
    font-size: 14px;
    /* min-height: 200px; */
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}

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

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

.modal--deposit .options--deposit,
.modal--withdrawal .options--withdrawal {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    max-height: 90vh;
}

.transaction-row {
    transition: background-color .2s;
    position: relative;
    min-height: 40px;
    margin: 10px 0 0;
    display: flex;
    text-align: start;
    align-items: center;
}

body.mobile .message-text,
.player-bonus-type-deposit .os-host,
body.mobile .thread-list .single-thread,
[class*=player-bonus-type] .item-content,
[id^=transaction-details].shown,
.transaction-row {
    padding: 16px;
    border: 2px solid #EC78D3;
    border-radius: 16px;
}

[id^=transaction-details].shown {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.select-expander {
    display: none;
}

.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-row.loading {
    color: inherit !important;
}

.depositmessage-error,
.depositmessage-success,
.withdrawalmessage-error,
.withdrawalmessage-success {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 10px;
}

#__depositPopup .modal-body {
    height: 90%;
}

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

#paymentsystem > div:nth-child(2) > div {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    flex: unset !important;
}

.player-bonus-type-deposit .bonus-body-row-header,
.player-bonus-type-deposit .bonus-body-row-title {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
    margin-bottom: 10px;
    padding: 10px 5px !important;
}

.bonus-body-row-title #PaymentDepositButton {
    width: 100%;
    height: auto;
    font-size: 10px;
    padding: 10px !important;
    line-height: 15px;
}

[class*=player-bonus-type] .bonus-body-row-title .b-auto {
    color: var(--black-color);
    line-height: 14px;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #d6d4d4;
    background-color: #d6d4d4;
    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 .b-auto:after {
        content: 'A';
    }

[class*=player-bonus-type] .bonus-body-row-title {
    padding: 10px 0;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    align-items: center;
    transition: background-color .2s;
}

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

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

    .bonus-checkbox-wrapper label:after {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background-color: #ffdc00;
        border: 1px solid #832ed9;
        border-radius: 50px;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 10px;
    }

.bonus-body-row-title.selected .bonus-checkbox-wrapper label:before {
    content: '';
    display: block;
    width: 14px;
    height: 10px;
    border-left: 3px solid #832ed9;
    border-bottom: 3px solid #832ed9;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 100000;
    margin: 2px;
}

/* --------------- Messages Css ----------------- */
#profilePopup .inbox-grid {
    display: grid;
    grid-template-columns: 2fr 3fr;
}

    #profilePopup .inbox-grid .message-short-wrapper {
        position: relative;
        border-right: 2px solid #EC78D3;
        min-height: calc(100vh - 300px);
    }

        #profilePopup .inbox-grid .message-short-wrapper .os-host-overflow {
            position: relative;
            overflow: hidden !important;
            height: 100% !important;
            margin: 0;
        }

.thread-list .single-thread.active {
    border-right: 0;
    background-color: rgb(0 0 0/10%);
}

.thread-list .single-thread,
.thread-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 10px 10px 15px;
    cursor: pointer;
    transition: background-color .2s;
}

.message-header {
    display: flex;
    padding: 14px;
    border-bottom: 2px solid #EC78D3;
}

    .message-header .la-envelope-open:before {
        font-size: 25px;
    }

.message-content-wrapper .message-details {
    flex-direction: column;
    margin-left: 20px;
}

.message-body {
    font-size: 16px;
}

.message-header strong {
    font-size: 18px;
    color: white;
    margin-right: 20px;
    font-weight: 700;
}

.message-content .detail-row,
.message-content .message-id,
.message-content .message-sent-by,
.message-content .message-sent-date,
.message-content .message-details div[class^=col-] {
    margin-bottom: 5px;
    font-size: 14px;
    display: flex;
    white-space: nowrap;
    line-height: 20px;
}

.message-content .message-id,
.modal-sub-body.profile-messages .title,
#profilePopup .inbox-grid .message-short-wrapper .title {
    font-size: 18px;
    font-weight: 700;
}

.modal-sub-body .ajax-result.inbox-ajax-result .message-content-wrapper .message-text {
    height: 475px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 30px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: 0 0 !important;
}

#profilePopup .loader {
    display: none;
    bottom: 0;
    position: absolute;
    width: calc(100% - 20px);
    background-color: rgba(255, 255, 255, .3);
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin-left: 5px;
}

.message-id,
.message-details,
.message-details .row .col-md-7,
.detail-row {
    display: flex;
    margin: 0;
}

    .detail-row span,
    .message-details span,
    .message-id span {
        font-weight: 700;
        margin: 0 10px;
    }

/* .message-text {
    margin-top: 20px;
    box-shadow: 0 0 7px #ffdc00;
} */

/* ----------- History Css ----------*/
#profilePopup .modal-sub-body form .form-group label {
    display: flex;
    font-weight: 700;
    font-size: 18px;
}

#profilePopup .modal-sub-body #searchform .form-group .input-group-addon {
    font-size: 25px;
    padding: 3px;
}

.input-group-addon {
    border-radius: 4px;
}

#profilePopup .ss-content.ss-open,
#profilePopup .ss-content .ss-list {
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0/8%), 0 0 8px #832ed9;
}

    #profilePopup .ss-content .ss-list .ss-option:not(.ss-disabled):hover {
        background-color: #832ed9c2;
    }

.ss-content .ss-list .ss-option.ss-disabled {
    background-color: #832ed9;
}

.ss-content.ss-open {
    border: 2px solid #3c0078;
}

#profilePopup .btn.btn-success.js-form-search-submit.aligned-action-btn {
    margin-top: 10px !important;
    height: 64px !important;
    border-color: white;
    color: black !important;
}

    #profilePopup .btn.btn-success.js-form-search-submit.aligned-action-btn:hover {
        color: white !important;
    }

#profilePopup .btn.btn-success.aligned-action-btn.js-see-details {
    margin-top: 10px !important;
    height: 64px !important;
    border-color: white;
    color: black !important;
}

#profilePopup .form-control:not(.unsettled_Button),
#profilePopup .form-control[disabled],
#profilePopup .form-control[readonly],
#profilePopup fieldset[disabled] .form-control,
#profilePopup .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: transparent;
    border-bottom: 2px solid var(--login-button-border-color);
    border-radius: 0px !important;
    font-size: 16px;
}

#profilePopup .form-control.select2-hidden-accessible {
    max-width: 150px;
}

/* #profilePopup .form-control[disabled] {
    color: #000 !important;
    opacity: .5;
} */

.ajax-result .bonus-table,
.modal--payments-history .table--scrollable,
.modal--game-history .table--scrollable,
.modal--balance-history .table--scrollable {
    min-width: 744px;
}

.modal .paging {
    list-style: none;
    margin-top: 10px;
    padding: 0;
    float: right;
}

    .modal .paging li {
        display: inline-block;
        font-size: 0;
        width: auto;
        height: auto;
        vertical-align: top;
    }

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

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

    .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: #ffdc00b8;
    }

    .modal .paging .pi {
        display: flex;
        width: 25px;
        height: 25px;
        background-color: #ec78d3;
        border: 1px solid #ffdc00;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        cursor: pointer;
        transition: background-color .2s;
        color: var(--white-color);
        border-radius: 12px;
        align-items: center;
        justify-content: center;
    }

        .modal .paging .pi:hover,
        .modal .paging .pi.active {
            background-color: #ffdc00;
            color: #ec78d3;
        }

    .modal .paging li a,
    .modal .paging li i {
        position: relative;
        font-size: 1.2rem;
        color: var(--white-color);
    }

.wagering-line {
    height: 5px;
    margin-top: 5px;
    position: absolute;
    background: #ffdc00;
    border-radius: 12px;
}

.btn--upgrade.btn.btn-success.btn-xs,
.btn--downgrade.btn.btn-danger.btn-xs {
    width: 50px;
}

#paymentsystem > div:nth-child(2) > div:nth-child(2) {
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

/* --------------- Data Css  in History and Promotions  ---------------- */
.modal-open .opensright,
.ranges li:hover,
.ranges li.active,
.daterangepicker .calendar-table {
    background: #832ed9;
    border: 1px solid #ffdc00;
}

.daterangepicker .input-mini.active {
    border: 1px solid #ffdc00;
}

.ranges li {
    border: 1px solid #ffdc00;
    color: #832ed9;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #5CE2FF;
    color: var(--white-color);
}

.activity-feed-container .slick-list {
	overflow: visible;
}

/*  ---------------- Promotions Css -----------------  */
.Promotions-home-container {
    position: relative;
    margin: 30px 0;
}

    .Promotions-home-container .Content__Item {
        display: flex;
        padding: 0 0 20px;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        color: var(--promotions-home-txt-color);
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .Promotions-home-container .slick-list {
        margin: 0 -10px;
    }

    .Promotions-home-container .promotion-component {
        margin: 0 10px;
	min-width: 340px;
    }

        .Promotions-home-container .promotion-component .back {
            min-height: 180px;
        }

    .Promotions-home-container .Content__Item a {
        color: var(--cat-url-txt-color);
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }

        .Promotions-home-container .Content__Item a:hover {
            color: var(--cat-url-txt-hover-color);
        }

    .Promotions-home-container .slick-prev,
    .Promotions-home-container .slick-next {
        position: absolute;
        top: -35px;
        background: #38E445;
        border-radius: 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 50px;
        overflow: hidden;
        width: 50px;
        transition-duration: .15s;
    }

        .Promotions-home-container .slick-prev:before,
        .Promotions-home-container .slick-next:before {
            color: var(--black-color);
            font-size: 28px;
            font-family: line awesome free;
            font-weight: 900;
            opacity: 1;
        }

        .Promotions-home-container .slick-prev:before {
            content: "\f104";
        }

        .Promotions-home-container .slick-next:before {
            content: "\f105";
        }

    /*.Promotions-home-container .slick-prev {
        left: 30%;
    }*/

    .Promotions-home-container .slick-next {
        right: 30%;
    }

        .Promotions-home-container .slick-next.slick-arrow.slick-disabled,
        .Promotions-home-container .slick-prev.slick-arrow.slick-disabled {
            background: 0 0;
            box-shadow: 0 0 0 2px #38E445 inset;
        }

            .Promotions-home-container .slick-next.slick-arrow.slick-disabled:before,
            .Promotions-home-container .slick-prev.slick-arrow.slick-disabled:before {
                color: #38E445;
            }

        .Promotions-home-container .slick-prev:not(.slick-disabled):hover,
        .Promotions-home-container .slick-next:not(.slick-disabled):hover {
            background: #38c744;
        }

.bonus-title-row {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr;
}

#profilePopup .player-bonus-type-1 .bonus-body-row-title {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr;
}

#profilePopup .player-bonus-type-2 .bonus-title-row {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 2fr 2fr;
}

.player-bonus-type-3 .bonus-body-row-title,
.player-bonus-type-4 .bonus-body-row-title,
.player-bonus-type-5 .bonus-body-row-title,
.player-bonus-type-6 .bonus-body-row-title,
#profilePopup .player-bonus-type-3 .bonus-title-row,
#profilePopup .player-bonus-type-4 .bonus-title-row,
#profilePopup .player-bonus-type-5 .bonus-title-row,
#profilePopup .player-bonus-type-6 .bonus-title-row {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 2fr;
}

[class*=player-bonus-type] .bonus-body-row-body,
.modal-dialog.history #PlayerBonusStateGroup {
    display: none;
    height: 100%;
    overflow: hidden;
    padding: 15px;
}

    .bonus-body-row-body .button-wrapper .result-message,
    [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,
    [class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .claim-btn {
        padding: 10px 20px;
        display: inline-block;
        color: var(--white-color);
        transition: all .3s;
        text-decoration: none !important;
        vertical-align: middle;
        border-radius: 20px;
        border: 2px solid #ffdc00;
    }

.modal-dialog.modal--promotions-freespins .bonus-title-row,
.modal-dialog.modal--promotions-freespins .bonus-body-row-title {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr !important;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-body-row-title {
    grid-template-columns: 1fr 1fr 2fr 2fr !important;
}

.bonus-body-row-title {
    display: grid;
}

.player-bonus-type-2 .bonus-body-row-title {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 2fr 2fr !important;
}

[class*=player-bonus-type]:not(.mobile [class*=player-bonus-type]) .bonus-body-row-header > div,
[class*=player-bonus-type]:not(.mobile [class*=player-bonus-type]) .bonus-body-row-title > div {
    display: flex;
    justify-content: center;
    text-align: center;
}

.modal-body.player-bonus-type-3 .wagering-percent {
    max-width: 100%;
}

.wagering-percent {
    background: #ffdc00;
    position: relative;
    color: #832ed9;
    text-align: center;
    z-index: 111111;
    max-width: 70px;
    border-radius: 4px;
    min-width: 29px;
}

[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper {
    display: flex;
    justify-content: flex-end;
    float: right;
    padding-left: 10px;
    margin-top: 20px;
}

[class*=player-bonus-type] .item-content {
    padding: 0;
}

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

.bonus-order.update-state {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.submit-state.forfeit-btn:hover {
    background: 0 0 !important;
    color: var(--white-color) !important;
}

.submit-state.forfeit-btn,
[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .disable-btn:hover,
[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .claim-btn:hover {
    background: #ffdc00;
    color: #832ed9 !important;
}

/* ---------------------------------------- Responsible Gambling ---------------------------------------------- */
.Menu--user li[data-route='responsible'] {
    text-transform: uppercase;
}

.responsible-gambling {
    color: var(--white-color);
    background: #20172b;
}

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

.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;
        font-size: 15px;
        font-weight: 500;
    }

        .responsible-types > div:hover,
        .responsible-types > div.active {
            border-color: #EC78D3;
        }

.responsible-settings-block:not(:has(.history-modal)) {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

.responsible-settings-block:has(.history-modal) {
    padding: 10px 0;
}

.responsible-settings-block .history-modal .responsible-settings-block .responsible-settings-block .inner-occurrences:has(.password-form-group) {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec78d3;
    ;
    padding: 15px;
    margin-top: 15px;
    border-radius: 8px;
}


#profilePopup .modal-dialog .modal-footer .row .col-xs-6 .col-xs-12 {
    text-align: left;
}

.responsible-settings-block .inner-block .modal-footer.form-footer .btn-body .btn {
    padding: 5px 25px !important;
    margin-top: 10px;
    display: unset;
    width: auto;
}

.responsible-settings-block .inner-block,
.responsible-settings-block .history-modal {
    padding: 12px;
    flex: 1;
}

.responsible-settings-block .inner-block {
    width: 100%;
}

    .responsible-settings-block .inner-block .title {
        font-size: 22px;
        margin-bottom: 10px
    }

.responsible-settings-block .form-group:not(.history-modal .form-group) {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-group.value-form-group .control-fields {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.responsible-settings-block .history-modal label {
    margin-bottom: 5px;
}

.responsible-settings-block .col-md-7.col-md-offset-5.text-right #save {
    min-width: 200px;
}

.responsible__msg--error,
.responsible__msg--success {
    font-size: 20px;
}

.responsible-settings-block .inner-block .inner-body:has(.notice-form-group) {
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 1rem 2rem 2px #c9c07d;
    margin-top: 25px;
}

.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;
    border-radius: 0.8rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec78d3;
    margin: 15px;
}

.responsible-settings-block .inner-block .inner-occurrences-body .canceled-limit-reminder {
    padding: 0 0 15px 15px;
    color: #FF9800;
}

.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: #ffff;
    width: calc(100% - 5px);
}

.form-group.notice-form-group .clear-form .form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
}

.responsible-settings-block .select2-container--default .select2-results__option:has(.has-limit) {
    background: #ffdc00;
    color: #3c0078;
}

.responsible-settings-block .inner-block .inner-occurrences-body .notice-info {
    color: #c9c07d;
    margin-right: 10px;
}

.responsible-settings-block .row {
    margin: 0;
}

#limit-product-object-types {
    margin-top: 15px !important;
}

.responsible-settings-block .inner-block .inner-body .form-groups:has(> div:only-child) .form-group:not(.prevent-login-form-group) {
    width: 25%;
}

.form-group.password-form-group .eye-icon {
    top: 41px;
}

.responsible-settings-block #parent {
    position: relative;
}

.limit-product-objects .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    display: none !important;
}

.limit-product-objects,
#limit-product-object-types,
.form-group.password-form-group {
    width: 50% !important;
    min-width: auto;
    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-gambling .form-group .form-control:not(.history-modal .form-group .form-control),
.limit-product-objects .select2.select2-container.select2-container--default {
    height: 40px;
}

.limit-product-objects .select2-container--default .select2-selection--single {
    justify-content: flex-start;
}

.limit-product-objects .select2-results__option span,
.limit-product-objects .select2-selection--single .select2-selection__rendered span {
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.responsible-settings-block .row select:not(.history-modal .row select) {
    height: 40px !important;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    border-radius: 12px;
    text-align: center
}

.responsible-settings-block .row select#Month {
    flex: 1.2
}

.responsible-settings-block .row select#Year {
    flex: 1.5
}

.responsible-settings-block .inner-body > div input {
    padding: 5px 20px;
    outline: none;
    border-radius: 10px
}

.responsible-settings-block .table--scrollable__thead .no-wrap.table--scrollable__th,
.responsible-settings-block .table--scrollable__tbody .table--scrollable__td {
    font-weight: 700;
    font-size: 15px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #53189e;
}

.responsible-gambling .form-group #currency-symbol:not(#next-limit-value #currency-symbol) {
    position: absolute;
    top: 10px;
    left: 5px;
    color: #ffdc00;
}

.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: #ffdc00;
    }

.responsible-gambling .form-group:not(.mt-10, .history-modal .form-group) .control-label {
    font-size: 18px;
}

.responsible-gambling .form-group .form-control-feedback {
    top: 10px !important;
    height: auto !important;
    pointer-events: auto;
    cursor: pointer;
}

    .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: #ffdc00 !important;
    }

.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 select:not(.history-modal .row select),
    .responsible-settings-block .inner-block.open .inner-body > div > div.row {
        display: flex
    }

    .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 .inner-body .form-groups:has(.occurrence-notice-info) .form-group .control-label:not(:has(.occurrence-notice-info)) {
    margin-bottom: 30px;
}

.responsible-settings-block .inner-block .limit-body .inner-body:has(> .label-head) {
    padding-top: 20px;
}

.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: #EC78D3;
    }

    #end-date-checkbox input:checked + .checkbox-slider {
        box-shadow: 0 0 0 2px #EC78D3, 0 0 8px #EC78D3;
    }

.responsible-settings-block .limit-set-info span {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.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;
    margin: 15px 0;
    border-radius: 8px;
    border: 2px solid #EC78D3;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}

    .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;
        height: fit-content;
        padding: 15px;
        border-radius: 100%;
        box-shadow: inset 0px 0px 8px 3px #ec78d3;
    }

/* -------------------- Login and ForgotPassword Css -------------------------*/
.modal-dialog .modal-content .button_options,
.REALITY_CHECK .popup-content .popup-content-buttons,
.modal-dialog .modal-content .login-options-container .buttons {
    position: relative;
    display: flex;
    width: 100%;
    transition-timing-function: ease-out;
    transition-property: transform;
    background: linear-gradient(to bottom, #262438 -20%, #ed78d3 110%);
    will-change: transform;
    border-radius: 22px;
    gap: 4px;
    margin-bottom: 10px;
}

    .modal-dialog .modal-content .button_options .forgotpass-option,
    .modal-dialog .modal-content .login-options-container .login-option,
    .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options {
        position: relative;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: transparent;
        border: unset;
        width: 100%;
        height: 40px;
        font-size: 12px;
        font-weight: 700;
        color: var(--white-color) !important;
        line-height: 16px;
        text-transform: uppercase;
        letter-spacing: .4px;
        padding: 0 16px;
    }

        .modal-dialog .modal-content .button_options .forgotpass-option:hover,
        .modal-dialog .modal-content .login-options-container .login-option:hover,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options:hover {
            background-color: #dc69c8;
            border-radius: 20px;
        }

        .modal-dialog .modal-content .button_options .forgotpass-option.active,
        .modal-dialog .modal-content .login-options-container .login-option.active,
        .REALITY_CHECK .popup-content .popup-content-buttons .realitycheck-options.active {
            color: #fff;
            background: #dc69c8;
            border-radius: 20px;
        }

/*---------------Switch to History Popup Css--------------*/
#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: #FFF !important;
        border-radius: 8px !important;
        border: 2px solid #ffdc00 !important;
        background: transparent !important;
        text-transform: uppercase;
        position: relative;
        height: 40px;
    }

        #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history:hover {
            opacity: .9 !important;
            background: #ffdc00 !important;
            color: #9C27B0 !important;
        }

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

.table--scrollable__tbody .table--scrollable__td .update-payment {
    width: auto;
    display: unset;
}

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

/* ------------------ notif limit message css --------------------*/

.notify-limit {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 55555;
    background: #1d211f4a;
    display: flex;
    justify-content: center;
    align-items: center
}

.notify-message-group,
.REALITY_CHECK .popup-content {
    width: 500px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    background: linear-gradient(to bottom, #2e2c40 20%, #914e87 110%);
    border: 2px solid #EC78D3 !important;
    border-radius: 20px;
    padding: 15px;
}

    .notify-message-group .notify-message {
        /* max-width: 400px; */
        font-weight: 700;
        font-size: x-large;
        text-align: center;
    }

.notify_buttons_group {
    width: 100%;
    display: flex;
    gap: 15px;
    column-gap: 10px;
    margin-top: 20px;
}

/* realityCheck */
.REALITY_CHECK .popup-content {
    padding: 15px;
    display: flex;
    min-width: 430px;
    align-items: unset;
    height: auto;
    min-height: auto;
    flex-direction: column;
}

    .REALITY_CHECK .popup-content button {
        order: 5;
    }

        .notify-message-group .btn-success:hover,
        .REALITY_CHECK .popup-content button:hover {
            background-color: #ec78d3 !important;
            border-color: #ec78d3 !important;
            color: white !important;
        }

    .REALITY_CHECK .popup-content .eye-icon {
        top: 35px;
    }

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

#KYCPopup .modal-body #kyc_div_iframe {
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

.tfa-verification-code-block .input-group,
#tfaConfirm > .input-group {
    display: block !important;
}

    .tfa-verification-code-block .input-group .form-control,
    #tfaConfirm .input-group .form-control {
        width: calc(100% - 40px) !important;
    }

.tfa-verification-code-block .input-group-btn {
    display: inline-block;
}

.information-content {
    padding: 25px;
}

/* ----------- Change Password Css ---------------*/
#changePasswordPopup .row .col-md-offset-5 {
    margin-left: unset;
    width: 100%;
}

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

.Wrapper--Header--secondary {
    position: fixed;
    left: 0;
    top: 71px;
    width: 100%;
    z-index: 1015;
    background: var(--second-header-bg-color);
}

.Widget--Header--secondary--page .Sections {
    display: flex;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

    .Widget--Header--secondary--page .Sections .js-route.Sections__Item {
        padding: 10px 0;
        display: flex;
        align-items: center;
        animation: 2s slideUp ease forwards .5s;
        position: relative;
    }

        .Widget--Header--secondary--page .Sections .js-route.Sections__Item a {
            color: var(--white-color);
            line-height: 31px;
            font-size: 14px;
            display: inline-flex;
            transition: border .2s;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            width: 100%;
            white-space: nowrap;
        }

        .Widget--Header--secondary--page .Sections .js-route.Sections__Item:not(.Widget--Header--secondary--page .Sections__Item:first-child) {
            margin-left: 32px;
        }

        .Widget--Header--secondary--page .Sections .js-route.Sections__Item.active:before {
            width: 100%;
        }

        .Widget--Header--secondary--page .Sections .js-route.Sections__Item.active a,
        .Widget--Header--secondary--page .Sections .js-route.Sections__Item:hover a {
            color: var(--menu-section-hover-color);
        }

        .Widget--Header--secondary--page .Sections .js-route.Sections__Item::before {
            content: '';
            position: absolute;
            height: 2px;
            width: 0;
            left: 0;
            bottom: 10px;
            background: var(--menu-section-hover-color);
            transition: all .5s ease;
        }

#changePasswordPopup .eye-icon {
    top: 42px;
}

/* LEFT PANEL */
.Wrapper--Header--left-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 320px;
    height: 100%;
    overflow-y: auto;
    background: var(--left-panel-bg-color);
    z-index: 1030;
    transition: transform .3s ease;
    box-shadow: 0px 0px 60px 0px black;
}

    .Wrapper--Header--left-panel .Container__Item {
        display: block;
        position: unset;
    }

.Container--full.Wrapper--Header--left .Wrapper--Header--left-panel {
    transform: translateX(-100%);
}

.Container--full.Wrapper--Header--left.header-left-panel-open .Wrapper--Header--left-panel {
    transform: translateX(0);
}

.header-left-panel-open .background-overlay {
    z-index: 1025;
    opacity: .65;
    display: block;
    touch-action: none;
}

.background-overlay {
    z-index: -2;
    content: "";
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--black-color);
    opacity: 0;
    transition: opacity .3s ease;
}

/*-------------- Burger Expender css -----------*/
.Wrapper--Header--left-panel .burger-expander-open {
    position: absolute;
    top: 0;
    right: 0;
}

.Wrapper--Header--left-panel .sections-trigger > div {
    width: 64px;
    height: 64px;
    padding: 16px;
}

.Wrapper--Header--left-panel .las.la-bars {
    height: 32px;
    width: 32px;
    background: #282840;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Wrapper--Header--left-panel .burger-expander-open .la-bars:before {
    content: '\f00d';
    color: var(--white-color);
    font-size: 30px;
}

.Wrapper--Header--left-panel .burger-expander-open .sections-trigger:hover .la-bars:before {
    color: var(--menu-section-hover-color);
}

/*-------------- Left Logo css -----------*/
.Widget--left-logo {
    display: flex;
    justify-content: center;
}

.Wrapper--Header--left-panel .Widget--left-logo img {
    width: 220px;
    height: 80px;
    margin-top: 80px;
}

/*-------------- Left Login and Register css -----------*/
.Wrapper--Header--left-panel .login-register-containers {
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 10px;
}

.Wrapper--Header--left-panel .Button--outlined.Button--sign-up,
.Wrapper--Header--left-panel .Button--outlined--transparent.Button--sign-in {
    width: 50%;
}

/*-------------- Left Menu css -----------*/
.Widget--Header--secondary-left-panel {
    margin: 25px 0;
}

    .Widget--Header--secondary-left-panel .Sections {
        padding: 15px 35px;
        border-color: #39E445;
        border-bottom-width: 2px;
        border-top-width: 2px;
        border-style: solid;
    }

        .Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item {
            margin: 10px 0;
        }

            .Widget--banner--multi .Item a .Item__Label,
            .wrapper-view-category .Container__Item.game-nav.row ul li a,
            .Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a {
                color: var(--second-menu-item-txt-color);
                font-weight: 700;
                font-size: 16px;
                line-height: 28px;
                letter-spacing: 2px;
                position: relative;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-transform: uppercase;
                display: inline-block;
                padding: 5px;
                /* opacity: 0.5; */
            }

.Widget--banner--multi .Item a .Item__Label {
    opacity: 1 !important;
}

.Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item.active a,
.Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item:hover a {
    color: #5CE2FF;
}

.Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a {
    color: var(--white-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.Widget--banner--multi .Item:hover path {
    fill: var(--second-menu-item-txt-hover-color);
}

.wrapper-view-category .Container__Item.game-nav.row ul .selected a,
.wrapper-view-category .Container__Item.game-nav.row ul li:hover a,
.Widget--banner--multi .Item:hover .Item__Label,
.Widget--banner--multi .Item.game-favorite.active .Item__Label,
.wrapper-view-category .game-category-selector-container-replacer:hover,
.wrapper-view-category .game-category-selector-container-replacer:hover:after {
    color: #39E445;
    opacity: 1;
}

.Wrapper--Single--multibanner {
    margin-top: 20px;
}

/*-------------- Left  Footer css -----------*/
.web-controls-containier {
    /*display: flex;*/
    display: none;
    justify-content: space-between;
    align-items: center;
}

.web-controls-language .Language .Language-active {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.web-controls-language .Language {
    padding: 0;
}

    .web-controls-language .Language .Language-active {
        padding-right: 0;
    }

.Wrapper--Header--left-panel .theme-switcher {
    margin-right: -4px;
}

/* SLIDING BANNERS */
.Wrapper--LargeDouble--banners.loading {
    position: relative;
}

    .Wrapper--LargeDouble--banners.loading .Container__Item .swiper-wrapper {
        display: none;
    }

.Wrapper--LargeDouble--banners,
.Wrapper--LargeDouble--banners .swiper-container,
.Wrapper--LargeDouble--banners .swiper-wrapper,
.Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper img {
    height: 100%;
}

.Wrapper--LargeDouble--banners {
    padding: 20px 0;
    margin-top: 120px;
}

    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper .swiper-slide-active img {
        opacity: 1 !important;
    }

    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper img {
        height: 100%;
        position: absolute;
        width: 100%;
        object-fit: cover;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
    }

    .Wrapper--LargeDouble--banners .swiper-slide a {
        overflow: hidden;
        position: relative;
        display: block;
        padding-bottom: 35%;
        border-radius: 16px;
    }


    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper .swiper-slide-active .Item__Label,
    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper .swiper-slide-active a:after {
        opacity: 0 !important
    }

    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper a:after,
    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper .Item__Label {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-duration: .15s;
        -o-transition-duration: .15s;
        transition-duration: .15s;
    }

    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper a:after {
        content: '';
        background-color: rgb(27 1 53);
        opacity: .7;
    }

    .Wrapper--LargeDouble--banners .swiper-container .swiper-wrapper .Item__Label {
        background-color: rgb(0 0 0);
        opacity: 1;
        mix-blend-mode: saturation;
    }

    .Wrapper--LargeDouble--banners > .Container__Item {
        height: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }

        .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            align-items: center;
            justify-content: center;
        }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper .swiper-slide {
                width: calc(100% /3);
                margin-right: 16px;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                height: 100%;
                position: relative;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
            }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper img {
                height: 100%;
                position: absolute;
                width: 100%;
                object-fit: cover;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
            }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper .swiper-slide:nth-child(2) {
                width: 80%;
            }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper a:after,
            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper .Item__Label {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 100%;
                width: 100%;
                -webkit-transition-property: opacity;
                -o-transition-property: opacity;
                transition-property: opacity;
                -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                -webkit-transition-duration: .15s;
                -o-transition-duration: .15s;
                transition-duration: .15s;
            }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper a:after {
                content: '';
                background-color: rgb(27 1 53);
                opacity: .7;
            }

            .Wrapper--LargeDouble--banners > .Container__Item .swiper-wrapper .Item__Label {
                background-color: rgb(0 0 0);
                opacity: 1;
                mix-blend-mode: saturation;
            }


/* MULTIBANNERS */
.Widget--banner--multi {
    display: flex;
    height: 60px;
    justify-content: center;
    box-shadow: unset;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .Widget--banner--multi .Item {
        width: auto;
        background: 0 0;
        margin: 0 5px;
        position: relative;
    }

        .Widget--banner--multi .Item a {
            display: flex;
        }

            .Widget--banner--multi .Item a svg {
                max-width: 60px;
                position: static;
                height: 40px;
                width: 40px;
                margin: unset;
            }

            .Widget--banner--multi .Item a .Item__Label {
                width: auto;
                left: 0;
                bottom: 0;
                padding: 5px;
                box-sizing: border-box;
                text-align: center;
            }

            .Widget--banner--multi .Item a svg path {
                fill: var(--menu-item-color);
            }

.Item.game-favorite.active a svg path {
    fill: var(--second-menu-item-txt-hover-color);
}

/* HOME VIEW CATEGORY*/
.Wrapper--Single.view--category .casino-categories {
    margin: 30px 0 100px;
    padding: 12px;
}

.Wrapper--Single.view--category .name-cat-title {
    color: var(--menu-item-color);
    display: inline-block;
    text-transform: uppercase;
    margin: unset !important;
    padding: 5px 12px;
    border-radius: 12px;
    /* border-bottom: 2px solid #832ed9; */
    max-width: 300px;
    border-radius: 16px;
}
    .Wrapper--Single.view--category .name-cat-title p,
    .Wrapper--Single.view--category .name-cat-title p a {
        font-size: 16px;
        line-height: 32px;
        /* font-family: Luckiest Guy,cursive; */
        font-weight: 700;
        margin: 0;
        width: 100%;
        text-align: center;
        color: var(--menu-item-color);
    }

.Wrapper--Single.view--category .cat-url {
    top: 0;
    font-size: 16px;
    height: 58px;
    display: flex;
    align-items: center;
    position: relative;
    float: right;
    right: 0;
}

    .Wrapper--Single.view--category .cat-url .cat-url-class {
        color: var(--cat-url-txt-color);
        transition: .3s linear;
    }

    .Wrapper--Single.view--category .cat-url:hover .cat-url-class {
        color: var(--cat-url-txt-hover-color);
    }

.Wrapper--Single.view--category .product-wrapper {
    display: grid;
    grid-gap: 20px;
    overflow: hidden;
    gap: 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    transform: unset !important;
}

    .Wrapper--Single.view--category .product-wrapper .product-card:first-child {
        grid-row: span 2/span 2;
        grid-column: span 2/span 2;
    }

    .wrapper-view-category .product-wrapper .product-card,
    .Wrapper--Single.view--category .product-wrapper .product-card {
        width: 100% !important;
        height: 100% !important;
        border: unset !important;
        border-radius: 16px !important;
    }

.wrapper-view-category .view-category-filter-form,
.Wrapper--Single.view--category .swiper-notification,
.Wrapper--Single.view--category .swiper-button-prev,
.Wrapper--Single.view--category .swiper-button-next,
.Wrapper--Single.view--category .Container__Item.nav-slidable {
    display: none !important;
}

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

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-thumb,
.game-list-slidable .casino-game-list-item .product-wrapper .product-card .product-thumb {
    aspect-ratio: 533/337;
    height: 100% !important;
    width: 100% !important;
}

.picture-productThumb.loading:after,
.product-thumb.loading:after {
    background: url(/content/img/logos/default-dice.svg);
    background-size: 100%;
    animation: unset;
    border: unset;
    background-repeat: no-repeat;
    border-radius: unset;
    width: 40%;
    height: 100%;
    left: 30% !important;
    bottom: 0;
    right: 0;
    top: 33% !important;
}

.modal-dialog.search .Item .product-image,
.casino-game-list-item .product-wrapper .product-card .product-thumb {
    /* background-color: rgb(132 46 217); */
    background-color: #267b74;
}

.game-list-normal .casino-game-list .product-card .user-product-ctrl,
.game-list-slidable .casino-game-list .product-card .user-product-ctrl {
    z-index: 1;
    width: 100%;
    top: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.game-list-normal .casino-game-list .product-card.swiper-slide-active .user-product-ctrl,
.game-list-slidable .casino-game-list .product-card.swiper-slide-active .user-product-ctrl {
    top: 55%;
}

.casino-game-list .product-card .user-product-ctrl .play-now {
    background: var(--register-deposit-button-bg-color) !important;
    border: 2px solid #832ed9 !important;
    padding: 8px !important;
    font-weight: 700;
    white-space: nowrap;
    color: #832ed9;
}

.casino-game-list .product-card .user-product-ctrl .demo,
.casino-game-list .product-card .user-product-ctrl .play-now {
    display: flex !important;
    height: auto;
    align-items: center;
    justify-content: center;
    border: unset;
    font-size: 14px;
    border-radius: 12px !important;
}

    .casino-game-list .product-card .user-product-ctrl .play-now:hover {
        color: white !important;
    }

.product-thumb.loading {
    background: var(--loading-background-bg-color);
}

.casino-game-list .product-card .product-title {
    position: absolute;
    top: 12%;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 26px;
    text-transform: uppercase;
    background: 0 0 !important;
    font-weight: 700;
    font-size: 13px;
    padding: 15px 0;
    height: 50px;
    will-change: transition;
}

.casino-game-list .product-card.swiper-slide-active .product-title {
    top: 26%;
    font-size: 18px;
}

.casino-game-list-item .product-wrapper .product-card:hover .product-desc .fav-game {
    display: block;
}

.game-list-normal .fav-game,
.game-list-slidable .fav-game {
    display: none;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 26px;
}

    .fav-game a .fav-color-red,
    .game-list-normal .fav-game:hover a,
    .game-list-slidable .fav-game:hover a {
        color: #39E4CC !important;
        font-weight: 700;
    }

    .game-list-normal .fav-game a,
    .game-list-slidable .fav-game a {
        color: var(--white-color);
    }

.gameImgContainer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gameModal .modal-dialog .modal-content .modal-body img {
    border-radius: 16px;
    width: 500px;
}

#gameModal .modal-dialog .modal-content .modal-body .game-name-fav {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 15px;
    font-size: 20px;
}

    #gameModal .modal-dialog .modal-content .modal-body .game-name-fav .la-heart:before {
        color: var(--white-color);
        margin-left: 10px;
    }

.game-control-button {
    display: flex;
    height: 100%;
    margin-top: 20px;
    width: 100%;
}

#gameModal .modal-content {
    background: linear-gradient(to bottom, #151420 20%, #3ae3cc 110%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    #gameModal .modal-content .modal-body {
        max-height: calc(100vh - 120px);
        /* height: 100%; */
        margin: 0px !important;
        display: flex;
        align-items: center !important;
        justify-content: center;
    }

        #gameModal .modal-content .modal-body > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            /* padding-bottom: 120px; */
            height: max-content;
        }

        #gameModal .modal-content .modal-body .game-title {
            font-weight: 700;
        }

.game-control-button .Button--outlined.Button--play-real,
.game-control-button .Button--outlined--transparent.Button--play-demo {
    border: 2px solid var(--white-color);
    background: var(--white-color);
    padding: 10px !important;
    border-radius: 8px !important;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    color: black;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 50px;
    border-radius: 16px !important;
}

.game-control-button .Button--outlined--transparent.Button--play-demo {
    background: 0 0;
    color: var(--white-color);
    border-color: var(--white-color);
    margin-left: 10px;
}

/* HOME CENTERED TEXT */
.home-center-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1575px;
    width: 100%;
    margin: 0 auto;
}

    .home-center-container .Container__Item {
        flex-direction: column;
    }

.home-text-component {
    width: 100%;
    max-width: 768px;
    text-align: center;
    margin: 0 0 50px;
}

.home-component-text-head {
    color: var(--home-component-head-color);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.75rem;
    font-weight: 700;
    letter-spacing: normal;
}

.home-component-text {
    color: var(--menu-item-color);
    text-transform: uppercase;
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    margin-top: 25px;
    font-family: Luckiest Guy, cursive;
}

.payments-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
}

    .payments-container .Item {
        width: 120px;
        height: 72px;
    }

body.mobile .home-text-component-2 > div,
.home-text-component-2 {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content-t {
    border-radius: 14px;
    padding: 24px;
    background: radial-gradient(240.96% 236.9% at 64.89% -70.83%, #9747ff 0%, #3c0078 100%);
}

.text-h {
    font-weight: 700;
    color: #ffdc00;
    font-size: 15px;
}

.text-b {
    font-weight: 400;
    margin-top: 10px;
    font-size: 16px;
}

/* RECENT WINNERS */
.Container--full.Winners-Full,
.Container--full.Wrapper--home-center {
    background: var(--the-white-bg-color);
    padding: 45px 25px;
    display: none;
}



/* Previous Implementation
.recent-winners-component > .Container__Item {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    height: 600px;
} */

/* New Implementation */
.recent-winners-component > .Container__Item {
    display: flex;
    /* height: 600px; */
    margin-bottom: 100px;
}


.Widget-recent-component,
.Widget-big-hits-component {
    width: 100%;
    height: auto;
}

    .Widget-recent-component .header,
    .Widget-big-hits-component .header,
    .Widget-recent-component .slot-banner .body .tab-body .item .wager-id,
    .Widget-recent-component .slot-banner .body .tab-body .item .bet-amount,
    .Widget-big-hits-component .slot-banner .body .tab-body .item .wager-id,
    .Widget-big-hits-component .slot-banner .body .tab-body .item .bet-amount {
        display: none;
    }

.slot-banner .body,
.slot-banner .body .tabs {
    display: flex;
    flex-direction: column;
}

    .slot-banner .body .tabs ul {
        padding: 0;
        margin: 0;
        display: flex;
        list-style: none;
    }

.recent-winners-component .slot-banner .body .tabs ul li {
    text-transform: uppercase;
    text-align: center;
    list-style: none;
    transition: color .2s;
    font-size: 16px !important;
    line-height: 32px;
    font-weight: 700;
    border-radius: 16px;
    color: var(--menu-item-color);
    width: 170px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recent-winners-component > .Container__Item .slot-banner .tab-body-wrapper {
    margin: -2px -10px 10px -10px;
    background: unset;
}

.recent-winners-component .slot-banner .body .tab-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 510px;
}

    .recent-winners-component .slot-banner .body .tab-body .item {
        position: relative;
        height: 88px;
        width: auto !important;
        margin: 12px 0 0 0;
        margin-left: 0px;
        display: block !important;
        border: unset;
        border-radius: 16px;
        background: var(--winners-item-bg-color);
        padding: 0px 10px;
        cursor: pointer;
        transition: background-color .2s;
    }

        .recent-winners-component .slot-banner .body .tab-body .item .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.slot-banner .body .tab-body .item .player-id:not(.activity-feed .slot-banner .body .tab-body .item .player-id) {
    font-size: 16px !important;
    color: var(--winners-item-txt-color);
    line-height: 1.75rem;
    font-weight: 700;
    height: 45px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    margin-top: 112px;
    padding-left: 40px;
    width: 55%;
    margin-left: 32% !important;
    text-transform: uppercase;
}

.activity-feed .tab-body .item .product-name,
.activity-feed .tab-body .item .wager-ide,
.activity-feed .tab-body .item .bet-amount,
.recent-winners-component .slot-banner .body .tab-body .item .product-name {
    display: none;
}

.activity-feed .tab-body .item .product-name {
    display: inline-block;
    left: 170px;
    position: absolute;
    font-size: 18px;
    bottom: 6px;
    z-index: 2;
    width: fit-content;
    max-width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Open Sans Variable";
    font-weight: 600;
}

.slot-banner .body .tab-body .item .player-id {
    margin-left: calc(28% + 78px);
}

.recent-winners-component .prop {
    display: none !important;
}

.recent-winners-component .win-amount {
    position: absolute;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    color: #ffffff;
    height: 45px !important;
    margin-top: 66px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 40px;
    margin-left: 32% !important;
    border-bottom: 2px solid #ed78d3;
    width: 55%;
}

.activity-feed .slot-banner .body .tab-body .item .player-id {
    display: inline-flex;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    left: 16px;
    z-index: 2;
    width: fit-content;
    font-family: 'Open Sans Variable';
    bottom: 6px;
	
}

.activity-feed .slot-banner .body .tab-body .item .win-amount {
    position: absolute;
    top: calc(50% - 26px);
    left: 12px;
    font-size: 26px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans Variable';	
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    margin-left: 0px;
    z-index: 2;
}

.activity-feed-container .item .product-image,
.recent-winners-component .slot-banner .body .tab-body .item .product-image {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-y: -50%;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    width: 88px;
    left: 0;
    top: 50%;
    position: absolute;
    overflow: hidden;
    height: 100%;
}

.activity-feed-container .slot-banner .body .tab-body .item {
    border: 2px solid #ed78d3;
    background: linear-gradient(to bottom, #151420 -20%, #ed78d3 110%);
    box-shadow: 10px 10px 10px -8px black;
}

.activity-feed-container .item .product-image {
    z-index: 0;
    pointer-events: none;
    margin-left: auto;
    right: 0;
    width: 50%;
}

.activity-feed-container .item .bg-gradient-overlay {
    background: linear-gradient(90deg, #271d33 50%, transparent);
    height: 100%;
    z-index: 1;
}

.activity-feed-container .slot-banner .body .tab-body .item .product-image img {
    width: 100%;
    height: 100%;
}

.recent-winners-component .play-now-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

.slot-banner .body .tab-body .item .play-now-btn a {
    width: 100%;
    height: 100%;
    display: block;
}

/* PROVIDER CARUSEL */
.Widget--banner--multi.chips--centered {
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding-top: 0px;
}

    .Widget--banner--multi.chips--centered > div {
        display: inline-block;
        margin: 10px 8px;
        padding: 10px;
    }

        .Widget--banner--multi.chips--centered > div img {
            max-width: 60px;
        }

/* FOOTER */
.footer-second-container > .Container__Item {
    display: block;
}

.footer-secondary-first-content {
    padding: 16px 24px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--white-color);
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
}

.Wraper-payments-container {
    padding: 0px;
}

.age-banners-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .age-banners-container .Item a img,
    .age-banners-container .Item a svg {
        margin: 0 20px;
        height: 50px;
    }

.footer-text-container-2 {
    height: 70px;
    padding: 20px;
    text-align: center;
    color: var(--white-color);
}

.Wrapper--Single.Footer-menu {
    margin: 80px 0 0 0;
    background-color: var(--body-color);
    border-top: 2px solid #39E445;
    border-bottom: 2px solid #39E445;
}

.Footer-group-menu-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 16px 0 16px 0;
}

    .Footer-group-menu-container ul {
        margin: 0px;
    }

    .Footer-group-menu-container .Item {
        padding: 12px;
    }

        .Footer-group-menu-container .Item a {
            color: var(--white-color);
            white-space: nowrap;
            font-size: 16px;
            font-weight: 700;
            transition: .3s linear;
        }

            .Footer-group-menu-container .Item a.active,
            .Footer-group-menu-container .Item:hover a {
                color: #39E445;
            }

.Container--full.footer-color {
    background: #20172b;
}

/* PROMOTIONS PAGE CSS */
.Widget-promotions-container .body .tabs .tab-body-inner {
    display: grid;
    grid-column-gap: 25px;
    column-gap: 25px;
    grid-row-gap: 25px;
    row-gap: 25px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.Wrapper--Single-promotions.promotions-container .Content__Item,
.promotion-component .front .card-title,
.promotion-component .front .card-date,
.promotion-component .front .card-info,
.promotion-component .back .close-info,
.Wrapper--Single.promotions-group-container .Container__Item.row.article-cards:before,
.Wrapper--Single-promotions.promotions-container .promotion-component .back .read-more {
    display: none
}

.promotion-component {
    border-radius: 16px;
    /* background: var(--promotions-container-bg-color); */
    background-color: #1a3d25;
    transition-duration: .15s;
    overflow: hidden;
    border: 2px solid #39E445;
}

    .promotion-component .front,
    .promotion-component .back {
        width: 100%;
    }

    .promotion-component .card-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .promotion-component .card-title {
        font-size: 19px !important;
        margin-bottom: 12px;
        font-weight: 800;
        color: white !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-transform: uppercase;
        overflow: hidden;
    }

    .promotion-component .content,
    .promotion-component .content span {
        font-family: inherit;
        font-weight: 500;
        line-height: 20px;
        font-size: 15px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        width: 100%;
    }

    .promotion-component .back {
        padding: 16px 32px;
        display: flex;
        flex: 1 1 10%;
        justify-content: space-between;
        flex-direction: column;
    }

        .promotion-component .back .read-more, .promotion-component .content a {
            color: var(--white-color);
            background-color: #39E445;
            position: relative;
            border-radius: 20px;
            cursor: pointer;
            display: flex;
            transition: .3s ease-in-out;
            width: 48%;
            height: 40px;
            padding: 8px 16px;
            font-size: 11px;
            font-weight: 700;
            line-height: 18px;
            white-space: nowrap;
            align-items: center;
            justify-content: center;
        }

             .promotion-component .back .read-more:hover, .promotion-component .back .content a:hover {
                box-shadow: 0 0 12px rgba(255, 188, 1, .4);
                background-position: 100% 0;
            }

        .promotion-component .back .read-more {
            white-space: nowrap;
            margin-right: auto;
        }

    .promotion-component .content a {
        top: 40px;
        margin-left: auto;
    }

    .promotion-component .content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
     }

        .promotion-component .content a input {
            background-color: transparent;
            border: unset;
        }

/* .Wrapper--Single-promotions.promotions-container {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
} */

/* .Wrapper--Single-promotions.promotions-container .promotions-link-container {
        grid-row: span 2/span 2;
        grid-column: span 2/span 2;
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 35px;
    } */

.Wrapper--Single-promotions.promotions-container .promotions-link-container .promoItemPage__link {
    display: flex;
    align-items: center;
    color: var(--promotions-quetions-head-conditions-text-color);
    position: relative;
    font-weight: 700;
}

    .Wrapper--Single-promotions.promotions-container .promotions-link-container .promoItemPage__link:hover {
        text-shadow: 0 0 10px #9244f5;
    }

    .Wrapper--Single-promotions.promotions-container .promotions-link-container .promoItemPage__link:after {
        content: "";
        background: url(/Content/img/promotion-link.svg) no-repeat 100% 100%;
        margin-left: 7px;
        width: 8px;
        height: 7px;
        float: right;
    }

/* ---------------------- Promotions Single Pages Css ----------------------- */
.promotion-component .card.flipper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Widget-promotions-container .body .tabs ul {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

    .Widget-promotions-container .body .tabs ul li {
        white-space: nowrap;
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
        transition-duration: .15s;
        color: var(--promotions-tab-txt-color);
        cursor: pointer;
    }

        .Widget-promotions-container .body .tabs ul li:hover,
        .Widget-promotions-container .body .tabs ul li.active {
            color: #EC78D3;
        }

.promotion-component .scene {
    height: 100%;
}

.promotion-component:hover {
    background-color: #173621;
}

/* .promotion-component:hover .card-title, .promotion-component:hover .read-more {
        color: #ffdc00 !important;
    } */

.Wrapper--Single.promotions-group-container .Container__Item.row.article-cards.large-promotions-container {
    display: flex !important;
    padding: 30px 0;
}

.Container__Item.promotuions-container.margine--top,
.Wrapper--Single-promotions.promotions-container > .Container__Item,
.Wrapper--Single-promotions.promotions-container > .Container__Item .Container__Item.row.article-cards {
    display: block !important;
}

.Wrapper--Single-promotions.promotions-container .card.flipper {
    flex-direction: column;
    align-items: center;
}

.Wrapper--Single-promotions.promotions-container > .Container__Item, .promotions-single-container {
    line-height: 21px;
    padding: 0px;
    width: 100%;
}

/* .promotions-single-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
} */

.promotions-single-container {
    background-color: rgba(136, 115, 239, 0.1);
}

    .terms-widget-container h2, .promotions-single-container h3 {
        color: var( --promotions-quetions-head-conditions-text-color);
        font-size: 35px;
        font-weight: 700;
        text-align: center;
    }

.promoInfo__list {
    font-size: 20px;
    font-weight: 500;
}

.promotions-single-container p {
    padding: 15px 30px 15px 30px;
    /* background: #53189e;
    border-radius: 12px; */
}

.terms-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 0 25px;
}

.terms-widget-container p {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: var(--promotions-conditions-text-color);
}

/*  ---------------------------------  Footer Singel Pages Css --------------------------------------------  */
.wrapper-information-container {
    padding: 32px 24px;
}

    .wrapper-information-container .wrapper-information {
        display: flex;
        /* background: linear-gradient(to bottom, #151420 20%, #3f90a6 110%); */
        background: linear-gradient(to bottom, #151420 200px, #3f90a6 110%);
        border-radius: 16px;
        border: 2px solid #5CE2FF;
        min-width: 100% !important;
    }

        .wrapper-information-container .wrapper-information .information-content {
            padding: 20px 10px;
        }

    .wrapper-information-container .Container__Item {
        max-width: 328px;
        min-width: 328px;
        margin: 0;
        width: 100%;
        display: block;
    }

.information-content#contentText,
.widget-list-container {
    padding: 35px;
}

.wrapper-information-container ol li {
    margin-left: 30px;
}

.widget-list-container ul li:not(.Item__Title) {
    background: #1b3d40;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 8px;
    border: 2px solid #39E4CC;
    margin-bottom: 24px;
}

    .widget-list-container ul li:not(.Item__Title):hover,
    .widget-list-container ul li:not(.Item__Title):has(a.active) {
        background: var(--white-color);
    }

        .widget-list-container ul li:not(.Item__Title) a.active,
        .widget-list-container ul li:not(.Item__Title):hover a {
            color: white;
            background-color: #39E4CC;
            border-radius: 16px;
        }

.wrapper-information .information-content#contentText {
    border-left: 2px solid #5CE2FF;
}

.widget-list-container ul li:not(.Item__Title) a {
    color: var(--white-color);
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 16px 32px;
}

.information-content h1 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bolder;
}

.information-content p {
    font-size: 16px;
    line-height: 25px;
}

    .information-content p b i {
        font-weight: bold;
    }

/* ------------------------------------------  Games Pages ------------------------------------------- */
.wrapper-view-category .Container__Item.game-nav.row {
    display: flex;
    flex-direction: row;
    background: 0 0;
    border: unset;
    align-items: stretch;
    /* overflow: visible; */
    justify-content: flex-start;
}

.game-nav-tab.selected {
    background-color: transparent;
}

.game-category-list {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.game-category-selector-container select,
.modal-dialog.history #PlayerBonusStateGroup,
.modal-dialog.modal--payments-history #SearchType,
.wrapper-view-category .Container__Item.game-nav.row:after,
.wrapper-view-category .Container__Item.game-nav.row:before,
.glyphicon.glyphicon-search.form-control-feedback.clearForm:before {
    display: none !important;
}

.wrapper-view-category .search-wrapper.has-feedback:not(.mobile .wrapper-view-category .search-wrapper.has-feedback) {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    width: 140px;
    margin-left: 15px;
    padding-top: 5px;
    right: 0;
}

.wrapper-view-category .ss-multi-selected {
    height: 55px;
    padding: 0 16px;
    border-bottom: 2px solid #5CE2FF !important;
}

.wrapper-view-category .game-category-selector-container {
    width: 100%;
}

.view-category-filter-form {
    position: relative;
}

.wrapper-view-category .ss-main .ss-multi-selected .ss-values .ss-value {
    background: unset;
}

.wrapper-view-category .ss-main .ss-multi-selected .ss-add {
    align-items: center;
    flex: unset;
    width: 30px;
    height: 55px;
    margin: 0;
    padding: 0 16px;
    display: flex;
    justify-content: center;
}

.wrapper-view-category .game-nav ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    align-items: center;
}

.form-control-feedback {
    height: 100% !important;
    display: flex;
    align-items: center;
    color: white !important;
    cursor: pointer;
    pointer-events: initial;
}

.form-control:focus {
    border-color: #ec78d3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec78d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec78d3;
}

.wrapper-view-category .Container__Item.game-nav.row ul a {
    display: flex !important;
    align-items: center;
}

.wrapper-view-category .ss-content .ss-list .ss-option:hover,
.wrapper-view-category .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    /* color: #ffdc00;
    background-color: var(--view-ssoption-selected-color); */
    color: white;
}

.wrapper-view-category .selectedInfoCount {
    width: 100%;
    display: flex;
    align-items: center;
}

    .wrapper-view-category .selectedInfoCount p {
        margin: 20px;
        font-weight: 700;
        color: var(--white-color);
    }

/* -----------------------------  Not Found Page  Css -------------------------------- */
.inner-content.error-page #sub-header .not-found {
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #ffdc00;
    border: 2px solid #ffdc00;
    padding: 20px;
    border-radius: 40px;
}

.inner-content.error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .inner-content.error-page #sub-header .not-found:hover {
        color: var(--white-color);
    }

    .inner-content.error-page:before {
        background: url(/content/img/banners/not-game-founds-error.svg) 50% no-repeat;
        background-size: 100%;
        content: '';
        height: 500px;
        width: 500px;
    }

.no-games-found {
    color: var(--menu-item-color);
    grid-column-start: 1;
    grid-column-end: 10;
}

/* ------------------------------  Game Page ------------------------- */
.Container__Item.Container--GamePage {
    height: calc(100vh - 130px);
}

.Container--GamePage,
.Container--GamePage .Container__Item {
    display: block;
    position: unset;
    max-width: 95%;
    flex-direction: column;
    height: calc(100vh - 95px);
}

.Container--GamePage .Container__Item:has(.single) {
    max-width: 80%;
}

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

        .Container--GamePage .game-page .game-container {
            /* border: 2px solid #5CE2FF !important; */
            border-radius: 16px;
            align-items: center;
        }

        .Container--GamePage .game-page .played-games span.arrow,
        .Container--GamePage .game-page .played-games.closed span.arrow {
            background: #38E445;
            border-radius: 16px 16px 0 0;
            font-size: 16px;
            font-weight: 600;
            width: 150px;
            margin: -40px auto 0;
            height: 40px;
            line-height: 22px;
        }

        .Container--GamePage .game-page .game-container .game-controls {
            height: 100%;
        }

            .Container--GamePage .game-page .game-container .game-controls .game-controls-btn {
                height: 170px;
                background: #d87afa;
                border-radius: 16px;
                width: 50px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

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

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

.Container--GamePage .game-page .game-container {
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: row wrap;
    position: relative;
    display: flex;
    margin: 0 auto;
    min-width: calc((100% / 2) - 50px);
    min-height: calc((100% / 2) - 50px);
    flex: 1;
    border-radius: 16px;
}

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

.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 .game-page:not(.single) .game-container .game-controls .game-controls-btn {
    width: 45px;
}

.Container--GamePage .game-page:not(.single) .game-container .btn-real-game {
    right: -70px;
}

.Container--GamePage .game-page:not(.single) .Balance--items > ul > li {
    padding: 0px 20px;
}

.Container--GamePage~.Item {
    position: absolute;
    right: 5%;
    bottom: 50%;
    text-align: center;
}

.Container--GamePage.twoFrame~.Item {
    right: 11px
}

.Container--GamePage.threeFrame~.Item {
    right: 14%;
    bottom: 24%
}

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

.game-page .player-bonus-table,
.gameLaunchFull .player-bonus-table {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}

    .game-page .player-bonus-table .btn-bonus,
    .gameLaunchFull .player-bonus-table .btn-bonus {
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        background: #38E4CC;
        color: var(--white-color);
        align-items: center;
        margin-top: 20px;
        border-radius: 16px;
    }

        .game-page .player-bonus-table .btn-bonus .tp-ic-gifts,
        .gameLaunchFull .player-bonus-table .btn-bonus .tp-ic-gifts {
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
            height: 20px;
            font-family: 'Line Awesome Free';
            font-weight: 900;
            width: 50px;
        }

            .game-page .player-bonus-table .btn-bonus .tp-ic-gifts:before,
            .gameLaunchFull .player-bonus-table .btn-bonus .tp-ic-gifts:before {
                content: '\f06b';
                color: var(--blue-green-mix-color-1);
                font-size: 28px;
                margin-top: -4px;
                margin-left: 2px;
                animation: cssAnimations 1.5s infinite linear;
            }

@keyframes cssAnimations {
    0% {
        transform: scale(0.7);
    }

    33% {
        transform: scale(0.9);
    }

    66% {
        transform: scale(1);
        color: var(--color-green-1);
    }

    99% {
        transform: scale(0.7);
        color: var(--color-green-1);
    }
}

.header-secondary.gameLaunchFull {
    margin-top: 75px;
}

.Game--Balance {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.gameLaunchFull .player-bonus-table .btn-bonus {
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px;
    margin-top: 0;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    margin-top: 60px;
    right: 20%;
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.game-page .player-bonus-table .btn-bonus ~ .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    transform: translateX(-50px);
}

.game-page .player-bonus-table .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .bonus-body-wrapper {
    max-height: calc(100% - 222px);
    margin-top: 80px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 5;
    right: 50px;
    background: var(--register-deposit-button-bg-color);
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.game-page .player-bonus-table .bonus-title-row,
.game-page .player-bonus-table .bonus-body-row-title,
.gameLaunchFull .player-bonus-table .bonus-title-row,
.gameLaunchFull .player-bonus-table .bonus-body-row-title {
    display: flex;
    min-width: 280px;
    margin-bottom: 5px;
}

.game-page .player-bonus-table li.bonus-body-row-title,
.game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .player-bonus-table li.bonus-body-row-title,
.gameLaunchFull .player-bonus-table .bonus-body-row.item {
    border: 1px solid #d6d4d4;
    border-radius: 16px;
}

.game-page .player-bonus-table li.bonus-body-row-title,
.gameLaunchFull .player-bonus-table li.bonus-body-row-title {
    border: unset;
    margin-bottom: 10px;
}

.game-page .player-bonus-table .bonus-title-row > div,
.game-page .player-bonus-table .bonus-body-row-title > div,
.gameLaunchFull .player-bonus-table .bonus-title-row > div,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > div {
    flex: 1;
    padding: 5px;
    text-align: center;
}

.game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .player-bonus-table .bonus-body-row.item {
    margin-bottom: 10px;
}

.bonus-body-row.item .row {
    padding: 8px;
}

.game-page .forfeit-btn,
.game-page .disable-btn,
.game-page .submit-state.enable-btn,
.gameLaunchFull .forfeit-btn,
.gameLaunchFull .disable-btn,
.gameLaunchFull .submit-state.enable-btn {
    display: inline-block;
    padding: 4px 14px;
    color: var(--black-color);
    transition: all .3s;
    border-radius: 20px;
    background-color: #ffcf0d;
    border: none;
}

.game-page .submit-state.enable-btn,
.game-page .submit-state.enable-btn,
.gameLaunchFull .submit-state.enable-btn,
.gameLaunchFull .submit-state.enable-btn {
    color: var(--white-color);
    background-color: #4CAF50;
}

.game-page .disable-btn,
.gameLaunchFull .disable-btn {
    background-color: #9E9E9E;
}

.gameLaunchFull .player-bonus-table .bonus-body-row.item .row {
    display: flex;
    justify-content: center;
}

.Container--GamePage .game-page .game-container .played-games {
    border-top: 2px solid #39E445;
    background-color: var(--body-color);
    z-index: 99;
}

.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 {
    width: 35px;
    height: 40px;
    background: transparent;
    border: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .Container--GamePage .game-page .game-container .game-controls .btn-refresh i,
    .Container--GamePage .game-page .game-container .game-controls .btn-close i,
    .Container--GamePage .game-page .game-container .game-controls .btn-full-screen i {
        font-size: 35px;
    }

    .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: transparent !important;
        transform: scale(1.1);
    }

.Container--GamePage .game-page .game-container .btn-real-game {
    right: -90px;
    bottom: 60px;
    font-size: 15px;
    background-image: var(--register-deposit-button-bg-color);
    border-radius: 20px;
    margin-right: -35px;
    padding: 20px;
    display: flex;
    align-items: center;
}

@keyframes blinking {
    0% {
        background: transparent;
        border: 1px solid #ffdc00;
    }

    33% {
        background-image: linear-gradient(180deg, #121421, #121421);
        border: 1px solid transparent;
    }

    66% {
        background: transparent;
        border: 1px solid #ffdc00;
    }
}

#menu_balance_wrapper > #totalBonus,
#menu_balance_wrapper > #wageredBalance,
#menu_balance_wrapper > #notWageredBalance,
#menu_balance_wrapper > #withdrawableBalance {
    display: none;
}

/* ----------------  Favorite Css ----------------*/
.Container__Item.nav-slidable,
.casino-categories.game-favorite .name-cat-title {
    display: none;
}

.wrapper-view-category .ss-value-text {
    white-space: nowrap;
    color: var(--white-color);
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
    content: 'No games found';
    color: #3c0078;
    font-weight: 700;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm.glyphicon-search .las.la-times:before {
    font-family: line awesome free;
    content: "\f00d" !important;
    color: #ffffff;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
}

.wrapper-view-category .game-nav [id^=searchTb],
.wrapper-view-category .view-category-filter-form .form-control {
    padding: 0 26px 0 10px;
    /* 
    color: var(--view-category-filter-form-input-txt-color) !important;
    caret-color: var(--view-category-filter-form-input-txt-color) !important;
	*/

    background: #1b1027;
    border-radius: 14px !important;
    border-bottom: 1px solid #f887fc !important;
}


/* ----------------------   Payments & Withdrawals Css --------------------------- */
.Widget--Payments-container {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 55px;
}

    .Widget--Payments-container .promo-banner .body .tabs ul li {
        padding: 12px 24px;
        border: 2px solid #5CE2FF;
        border-radius: 16px;
        margin-right: 24px;
        margin-left: 5px;
        font-size: 16px;
        cursor: pointer;
        font-weight: 700;
        width: 140px;
        text-align: center;
        color: var(--payments-withdrawals-txt-color);
        background-color: #223c4a;
    }

    .Widget--Payments-container .promo-banner .body .tabs ul {
        display: flex;
        justify-content: center !important;
        padding-left: 20px;
        margin-bottom: 40px;
    }

        .Widget--Payments-container .promo-banner .body .tabs ul li:hover,
        .Widget--Payments-container .promo-banner .body .tabs ul li.active {
            background: #5CE2FF;
            border-color: #5CE2FF;
            color: white;
        }

    [class^=game-container-type-],
    .Widget--Payments-container .promo-banner .tab-body-wrapper {
        width: 100%;
        height: 100%;
    }

        .Widget--Payments-container .promo-banner .tab-body-wrapper .tab-body-inner {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            grid-column-gap: 28px;
            column-gap: 28px;
            grid-row-gap: 28px;
            row-gap: 28px;
        }

    .Widget--Payments-container .promo-banner .payments-block-containner {
        position: relative;
        padding-top: 25px;
        border-radius: 16px;
        border: 2px solid white;
    }

        .Widget--Payments-container .promo-banner .payments-block-containner a {
            pointer-events: none;
        }

    .Widget--Payments-container .payments-block-containner .read-more,
    .Widget--Payments-container .payments-block-containner .close-info,
    .Widget--Payments-container .payments-block-containner .card-title,
    .Widget--Payments-container .payments-block-containner .card-date,
    .Widget--Payments-container .payments-block-containner .card-info {
        display: none;
    }

    .Widget--Payments-container .payments-block-containner .content {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent linear-gradient(360deg, #39E4CC 0%, #382C6E00 120%) 0% 0% no-repeat padding-box;
        padding-top: 16px;
        padding-bottom: 16px;
        border-radius: 0 0 16px 16px;
    }

        .Widget--Payments-container .payments-block-containner .content .min-pay,
        .Widget--Payments-container .payments-block-containner .content .max-pay {
            font-size: 14px;
            font-weight: 700;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 20px;
        }

        .Widget--Payments-container .payments-block-containner .content .min-pay {
            margin-right: 10px;
            padding-right: 10px;
            border-right: 2px solid var(--white-color);
        }

    .Widget--Payments-container.loading:after {
        width: 50px;
        height: 50px;
    }

.Widget--payments-locations {
    position: absolute;
    width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    /* background: #3c0078; */
    border-radius: 8px;
    top: 20px;
    right: 10px;
}

    .Widget--payments-locations .locations {
        font-size: 16px;
        font-weight: 500;
    }

.la-heart:before {
    content: '\f005' !important;
}

/* --------------------------------  Cookie Policy Css ---------------------------------------*/
.Container--full.CookiePolicy-wrapper {
    padding: 0;
}

.Wrapper--Single.Wrapper--CookiePolicy {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    font-size: 14px;
    overflow-x: hidden;
    z-index: 9999;
    background-color: rgb(32 0 51/14%);
    pointer-events: none;
}

    .Wrapper--Single.Wrapper--CookiePolicy .cookies-policy#contentText {
        display: none;
        position: fixed;
        margin: 0 auto;
        top: 88px;
        min-height: 100%;
        padding: 25px 60px;
        background-color: var(--body-color);
        line-height: 21px;
        overflow: scroll;
        padding-bottom: 320px;
        height: 100%;
    }

    .Wrapper--Single.Wrapper--CookiePolicy .Container__Item {
        margin: 0;
        max-width: 100%;
        height: auto;
    }

.Confirm--policy {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 160px;
    height: 160px;
    left: 0;
    align-items: center;
    padding: 10px 60px;
    background-color: var(--body-color);
    border: 2px solid #EC78D3;
    border-radius: 16px;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    pointer-events: auto !important;
}

    .Confirm--policy .button-group {
        margin-left: 20px;
        min-width: 130px;
    }

.Button--accept,
.Button--read-more,
.Button--read-less {
    height: 40px;
    width: 100%;
    border-radius: 16px;
    color: var(--white-color);
    border: 2px solid var(--white-color);
    background: 0 0;
    vertical-align: middle;
    overflow: hidden;
    transition-duration: .2s;
    transition-property: background, color, border-color, box-shadow, opacity, visibility;
    transition-timing-function: ease-in-out;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-family: Noto Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.Button--read-less {
    display: none;
}

.Confirm--policy .Button--accept {
    background-color: #39E445 !important;
    border-color: #39E445;
}

.Confirm--policy .Button--read-more,
.Confirm--policy .Button--read-less {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF;
    color: black;
}

.Confirm--policy .text-content {
    display: block;
    max-height: 120px;
    overflow-y: scroll;
}

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

    .question_wrapper ~ h3,
    .content-page.faq .header,
    .question_wrapper a {
        color: var(--brand-color);
    }

    .question_wrapper a {
        display: inline-block;
    }

.open_answer ~ p {
    background-color: var(--hover-color);
}

.Confirm--policy .button-group .Button--accept {
    margin: 0 0 12px;
}

.Wrapper--Single.promotions-group-container {
    margin: 30px 0;
    min-height: calc(100vh - 155px);
}

.Iframe--full {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 133px);
    margin: 0 auto;
}

.cookieError .cookieErrorText {
    display: block !important;
    min-height: unset !important;
    position: absolute;
    z-index: 99;
    white-space: nowrap;
    top: 40% !important;
    left: calc(50% - 200px);
    background-color: var(--body-color) !important;
    border-radius: 16px;
    border: 2px solid #39E4CC;
    font-size: 16px;
    width: 400px;
    text-align: center;
    margin-top: 0px !important;
    padding: 25px !important;
    height: 80px !important;
    overflow: hidden !important;
}

.Wrapper--Single.Wrapper--CookiePolicy .cookieErrorText {
    display: none;
}

.state__msg--success {
    color: #ffdc00 !important;
}

/* -------------------- Country Blocked  -------------------- */

.country-blocked {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 18px;
    mix-blend-mode: normal;
    background: url(/content/img/blurred-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.country-blocked__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100%;
}

.country-blocked__logo {
    width: 150px;
}

.country-blocked__logo,
.country-blocked__subtitle,
.country-blocked__content > .Container__Item:nth-child(2) {
    grid-column: span 2/span 2;
}

    .country-blocked__subtitle .country-blocked__subtitle {
        margin: 0 0 12px;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2;
        color: var(--white-color);
        text-align: center;
    }

.country-blocked-card__image_1,
.country-blocked-card__image_2 {
    width: 208px;
    height: 208px;
}

.country-blocked-card__title {
    font-size: 20px;
    line-height: 24px;
    color: var(--country-blocked-txt-color);
    margin-bottom: 8px;
    font-weight: 600;
}

.country-blocked-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--white-color);
    padding: 10px
}

.country-blocked-card__subtitle {
    font-size: 18px;
    line-height: 21px;
    color: var(--country-blocked-txt-color);
}

    .country-blocked-card__subtitle .bold,
    .country-blocked__subtitle .country-blocked__subtitle .bold {
        font-weight: 700;
    }

/* ------------------------- Mobile Apps Css ----------------------------------- */
.apps-install_Wrapper {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 140px 32px 48px;
}

.apps-install_Container {
    display: flex;
    gap: 32px;
    width: 1056px;
    flex-direction: column;
}

.apps-install__header {
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
}

.apps__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}

.apps__description {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.Mobile-apps__complex ul {
    position: absolute;
    background: rgba(223, 228, 235, 0.64);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 36px;
    padding: 4px;
    max-width: 450px;
    width: 100%;
    right: 0;
    left: 53%;
    top: 5%;
}

    .Mobile-apps__complex ul li.active {
        background: var(--white-color);
        border-radius: 4px;
        box-shadow: 0 7px 14px 0 rgba(217, 221, 227, 0.4);
    }

    .Mobile-apps__complex ul li {
        display: flex;
        flex: 1 1 0;
        margin: 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        align-items: center;
        color: #5e6a78;
        flex-grow: 1;
        justify-content: center;
        outline: none;
        padding: 4px 12px;
        text-decoration: none;
        user-select: none;
    }

.mobile-apps-container {
    border-radius: 20px;
    box-shadow: 0 7px 14px 0 rgba(217, 221, 227, 0.4);
    display: flex;
    min-height: 600px;
    overflow: hidden;
}

    .mobile-apps-container .card.flipper {
        background-color: var(--white-color);
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 100%;
        height: 100%;
    }

        .mobile-apps-container .card.flipper .front {
            display: flex;
            position: relative;
        }

            .mobile-apps-container .card.flipper .front a {
                bottom: 0;
                display: flex;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
            }

                .mobile-apps-container .card.flipper .front a .card-image {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: center;
                    object-position: center;
                    width: 100%;
                }

            .mobile-apps-container .card.flipper .front .card-date,
            .mobile-apps-container .card.flipper .front .card-info,
            .mobile-apps-container .card.flipper .back .read-more,
            .mobile-apps-container .card.flipper .back .close-info,
            .apps-install_Wrapper__Mobile .mobile-apps-container.ios .card.flipper .front {
                display: none;
            }

        .mobile-apps-container .card.flipper .back {
            display: flex;
            flex-direction: column;
            gap: 0;
            overflow: hidden;
            padding: 32px 40px;
            margin-top: 68px;
            color: var(--black-color);
        }


            .mobile-apps-container .card.flipper .back .card-title {
                align-items: flex-start;
                display: flex;
                gap: 12px;
                margin: 0;
                padding: 0;
                font-size: 30px;
                font-weight: 700;
                line-height: 38px;
            }

                .mobile-apps-container .card.flipper .back .card-title:before {
                    --lineHeight_DisplayS: 38px;
                    content: '';
                    height: 28px;
                    width: 28px;
                    display: block;
                    margin: calc((var(--lineHeight_DisplayS) - 28px)/2) 0;
                }

    .mobile-apps-container.ios .card.flipper .back .card-title:before {
        background: url(/content/img/mobile_apps/ios-black.svg) 50% no-repeat;
        background-size: 28px;
    }

    .mobile-apps-container.android .card.flipper .back .card-title:before {
        background: url(/content/img/mobile_apps/android-black.svg) 50% no-repeat;
        background-size: 28px;
    }

.apps-install_Wrapper__Mobile .mobile-apps-container.ios .card.flipper .back .card-title:before {
    background: url(/content/img/mobile_apps/ios-black.svg) 50% no-repeat;
    background-size: 20px;
}

.apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .back .card-title:before {
    background: url(/content/img/mobile_apps/android-black.svg) 50% no-repeat;
    background-size: 20px;
}

.mobile-apps-container .card.flipper .back .content {
    display: flex;
    flex-direction: column;
}

.app-view__description {
    color: #1a1e25;
    margin-top: 12px;
}

.app-view__description,
.app-view__qr-description,
.app-view__spec-text,
.app-download-instructions__instruction-text,
.ios-download-instruction__instruction,
.app-preview__description,
.app-download-instructions {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.app-download-instructions {
    color: #1a1e25;
    display: flex;
    flex-direction: column;
}

.app-view__instructions,
.app-view__qr {
    margin-top: 32px;
}

.app-download-instructions ol {
    counter-reset: li;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .app-download-instructions ol li {
        display: flex;
        margin: 5px 0;
        align-items: center;
    }

.app-download-instructions__instruction-text {
    margin-left: 20px;
}

.app-download-instructions ol li:before {
    color: #3c0078;
    content: counter(li);
    counter-increment: li;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
}

.app-view__qr {
    align-items: center;
    display: flex;
    gap: 16px;
}

.app-view__qr-picture-section {
    background-color: var(--white-color);
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    flex-shrink: 0;
    height: 108px;
    overflow: hidden;
    width: 108px;
}

.app-view__qr-description {
    color: #5e6a78;
}

.Mobile-apps__complex .tabs:not(body.mobile .Mobile-apps__complex .tabs) {
    height: 600px
}

.Mobile-apps__complex .tabs,
.apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .front a {
    position: relative;
}

.apps-install_Wrapper__Mobile {
    padding-top: 72px;
}

.apps-install__header_mob {
    position: sticky;
    top: 64px;
    z-index: 9;
    -webkit-overflow-scrolling: touch;
    background: var(--second-header-bg-color);
    box-sizing: border-box;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.dialog-caption_header {
    display: flex;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    justify-content: center;
    align-items: center;
}

.apps-install_Wrapper__Mobile ul {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    max-width: unset;
}

.Mobile-apps__complex {
    width: 100%;
}

.apps-install_Wrapper__Mobile .tabs {
    padding: 16px 16px 0;
    background: var(--white-color);
}

    .apps-install_Wrapper__Mobile .tabs .mobile-apps-container {
        border-radius: 0;
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        min-height: unset;
    }

        .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back {
            margin: 0;
            padding: 0;
        }

            .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title {
                gap: 8px;
                font-size: 20px;
                line-height: 28px;
            }

                .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title:before {
                    --lineHeight_TextXL: 28px;
                    height: 20px;
                    margin: calc((var(--lineHeight_TextXL) - 20px)/2) 0;
                    width: 20px;
                }

.app-preview__picture-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
}

.app-preview__picture {
    display: block;
    margin-top: 32px;
    width: 100%;
    -webkit-mask-image: linear-gradient(180deg, var(--black-color) 62.98%, transparent);
    mask-image: linear-gradient(180deg, var(--black-color) 62.98%, transparent);
}

.apps-install_Wrapper__Mobile .tabs .mobile-apps-container .card.flipper {
    display: flex;
}

.ios-download-instruction__title {
    padding-top: 28px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.ios-download-instruction__instruction,
.apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content {
    margin-top: 12px;
}

.app-download-instructions {
    margin-top: 20px;
}

.apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content #install-apps {
    height: 44px;
    margin-top: 24px;
    padding: 0 18px;
    background: rgb(60 0 120 / 16%);
    border-color: transparent;
    color: #3c0078;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    outline: none;
    text-decoration: none;
    align-items: center;
}

    .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content #install-apps.disabled {
        pointer-events: none;
        background: #b1bcc9;
        color: #fafcff;
        cursor: no-drop;
    }

.install-apps_descriptions,
.notandrioid_install-apps_descriptions {
    display: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #5e6a78;
    text-align: center;
    margin-top: 12px;
}

.notandrioid_install-apps_descriptions {
    display: block;
}

body.mobile .mobile-apps-container.android .card.flipper .front .card-title,
.apps-install_Mobile_Container.android .notandrioid_install-apps_descriptions {
    display: none !important;
}

.apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper {
    flex-direction: column-reverse;
}

.mobile-apps-container.android .card.flipper .front {
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
}

.apps-install_Wrapper__Mobile .mobile-apps-container.android .card.flipper .front img {
    display: block;
    margin-top: 32px;
    width: 100%;
    -webkit-mask-image: linear-gradient(180deg, var(--black-color) 62.98%, transparent);
    mask-image: linear-gradient(180deg, var(--black-color) 80.98%, transparent);
}

.app-view__requirements {
    color: #5e6a78;
    margin-top: 24px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
}

/* Custom CSS */
.theme-switcher {
    display: none;
}

.Wrapper--Header--secondary {
    top: 0;
    z-index: 1040;
    background: transparent !important;
    height: 88px;
}

.Wrapper--Header--secondary {
    pointer-events: none;
}

    .Wrapper--Header--secondary .Sections,
    .Wrapper--Header--secondary .Sections a {
        pointer-events: auto;
    }

.Container__Item.Widget--Header--secondary--page a[href="/apps"] {
    display: none !important;
}

.Wrapper--Header--first a[href="#login"] {
    width: 127px;
    height: 45px;
    box-shadow: 0px 1px 1px #39E4CC !important;
    border: 2px solid #39E4CC !important;
    border-radius: 16px;
    box-shadow: 0 0 5px #39E4CC, inset 0 0 5px #39E4CC !important;
}

a[href="#login"]:not(.registration-to-logon, .read-more):hover {
    color: #39E4CC !important;
}

.Wrapper--Header--first a[href="#register"] {
    width: 127px;
    height: 45px !important;
    border-radius: 16px;
}

a[href="#register"]:hover {
    color: #ffffff !important;
}

.swiper-slide a[href="/welcome-casino-bonus"] {
    border: 2px solid #8873EF !important;
}

.swiper-slide a[href="/weekly-free-spins"] {
    border: 2px solid #EC78D3 !important;
}

.swiper-slide a[href="/crypto-deposit-bonus"] {
    border: 2px solid #5CE2FF !important;
}

.Widget--banner--multi .Item img {
    width: 50px;
    height: 50px;
    margin-top: -6px;
}

#loginPopup .logo-img,
#registrationPopup .logo-img,
#forgotPasswordPopup .logo-img {
    display: none;
}


#loginPopup .modal-header::before,
#forgotPasswordPopup .modal-header::before {
    content: url('/content/img/logos/logo-f2.svg');
    display: inline-block;
    width: 40%;
    height: auto;
    padding-top: 20px;
}

#registrationPopup .modal-header::before {
    content: url('/content/img/logos/logo-f2.svg');
    display: inline-block;
    width: 22.86%;
    height: auto;
    padding-top: 20px;
}

#loginPopup .modal-title-text,
#forgotPasswordPopup .modal-title-text {
    display: none;
}

#loginPopup .username-group label,
#loginPopup .password-group label {
    display: none;
}

#loginPopup .form-control {
    border-radius: 0px !important;
    /* background: transparent !important;
    border-bottom: 2px solid #EC78D3 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; */
    font-size: 17px !important;
    padding-left: 45px;
}

    #loginPopup .form-control::placeholder {
        color: white !important;
    }

#loginPopup #loginForm .col-xs-5 {
    padding: 0px;
}

.social-network:has(button) {
   display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
}

.Menu--user ul li:nth-child(1),
.Menu--user ul li:nth-child(2),
.Menu--user ul li:nth-child(3),
.Menu--user ul li:nth-child(4),
.Menu--user ul li:nth-child(5) {
    border-top: 0px !important;
}

.Menu--user ul li:nth-child(1),
.Menu--user ul li:nth-child(2) {
    padding-top: 0px;
    padding-bottom: 0px;
}

.Menu--user ul li:nth-child(1) {
    /* background-color: rgba(56, 228, 69, 0.2); */
    background-color: #1a3d25;
    padding-top: 30px;
    line-height: 14px;
}

.Menu--user ul li:nth-child(2) {
    padding-bottom: 30px;
    font-weight: 400;
    padding-left: 65px;
    margin-top: -18px;
    /* background: linear-gradient(to bottom, transparent 18px, rgba(56, 228, 69, 0.2) 18px); */
    background: #1a3d25;
}

.Menu--user .name-lastname:before {
    content: '';
    background: url(/content/img/icons/userprofile.svg) 50% no-repeat;
    background-size: 35px;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    z-index: 1;
}

.Menu--user #menu_balance_wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.Menu--user #totalBonus {
    border-top: 2px solid #EC78D3 !important;
    padding-top: 6px;
}

    .Menu--user #totalBonus span {
        font-weight: 600 !important;
    }

.Menu--user .la-user:before {
    content: '' !important;
    background: url(/content/img/icons/my-profile-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-wallet:before {
    content: '' !important;
    background: url(/content/img/icons/wallet-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-angle-down:before {
    content: '' !important;
    background: url(/content/img/icons/deposit-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-angle-up:before {
    content: '' !important;
    background: url(/content/img/icons/withdraw-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-envelope:before {
    content: '' !important;
    background: url(/content/img/icons/messages-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-history:before {
    content: '' !important;
    background: url(/content/img/icons/history-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-rocket:before {
    content: '' !important;
    background: url(/content/img/icons/promotions-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-key:before {
    content: '' !important;
    background: url(/content/img/icons/password-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Menu--user .la-sign-out-alt:before {
    content: '' !important;
    background: url(/content/img/icons/sign-out-icon.svg) 50% no-repeat;
    background-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.Widget-promotions-container .body .tabs ul li {
    position: relative;
    padding-left: 45px;
    padding-right: 10px;
}

    .Widget-promotions-container .body .tabs ul li:nth-child(1)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-image: url(/content/img/icons/all-games.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .Widget-promotions-container .body .tabs ul li:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-image: url(/content/img/icons/slot-games.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .Widget-promotions-container .body .tabs ul li:nth-child(3)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-image: url(/content/img/icons/table-games.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .Widget-promotions-container .body .tabs ul li:nth-child(4)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-image: url(/content/img/icons/live-casino.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

.Wrapper--Single-promotions {
    display: flex;
    flex-direction: column;
}

    .Wrapper--Single-promotions .promotions-link-container {
        display: none;
    }

    .Wrapper--Single-promotions .promotion-component {
        border-radius: 0px;
        border: none;
        background-color: rgba(136, 115, 239, 0.1);
    }

        .Wrapper--Single-promotions .promotion-component .front .card-title {
            font-weight: 900;
            color: white !important;
            display: inline-block !important;
            margin-top: 60px;
            font-size: 22px !important;
            padding-bottom: 10px;
            /* border-bottom: 2px solid #8873ef; */
            margin-left: 40px;
            margin-right: 40px;
            margin-bottom: 0px;
        }

        .Wrapper--Single-promotions .promotion-component .back .card-title {
            display: none !important;
        }

        .Wrapper--Single-promotions .promotion-component .content {
            display: none;
        }

    .Wrapper--Single-promotions .promotions-single-container p {
        padding: 0px 50px 0px 50px;
        font-size: 18px;
    }

.Container__Item .terms-container {
    background-color: rgba(136, 115, 239, 0.1);
    padding: 0px;
    max-width: 950px;
    justify-content: left;
    align-items: flex-start;
    padding: 38px;
    padding-top: 10px;	
    border-radius: 0 0 20px 20px;
}

.terms-container {
    padding: 0px;
}

    .Container__Item .terms-widget-container H2 {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        display: inline-block;
        padding-bottom: 10px;
	font-family: "Open Sans Variable";
	color: #00ffff;
    }

    .Container__Item .terms-widget-container p {
        font-size: 14px;
	line-height: 26px;
	font-family: "Open Sans Variable";
	font-weight: 100;
    }

/* .wrapper-view-category .Container__Item.game-nav.row ul li i.all-games:before {
    background: url(/content/img/icons/all-games.png) 50% no-repeat;
    background-size: 50px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.slots:before {
    background: url(/content/img/icons/slot-games.png) 50% no-repeat;
    background-size: 50px;
} 

.wrapper-view-category .Container__Item.game-nav.row ul li i.table-games:before {
    background: url(/content/img/icons/table-games.png) 50% no-repeat;
    background-size: 50px;
} 

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-roulette:before {
    background: url(/content/img/icons/favorite.png) 50% no-repeat;
    background-size: 50px;
} 

.wrapper-view-category .Container__Item.game-nav.row ul li i.live-blackjack:before {
    background: url(/content/img/icons/live-casino.png) 50% no-repeat;
    background-size: 50px;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i.other-games:before {
    background: url(/content/img/icons/all-games.png) 50% no-repeat;
    background-size: 50px;
} */


.game-nav-tab:hover i.favorite .sub-nav-icon path,
.game-nav-tab:hover i.all-games .sub-nav-icon path,
.game-nav-tab:hover i.slots .sub-nav-icon path,
.game-nav-tab:hover i.live-roulette .sub-nav-icon path,
.game-nav-tab:hover i.live-blackjack .sub-nav-icon path,
.game-nav-tab:hover i.other-games .sub-nav-icon path,
.game-nav-tab:hover i.featured-games .sub-nav-icon path,
.game-nav-tab:hover i.new .sub-nav-icon path,
.game-nav-tab:hover i.drops-wins .sub-nav-icon path,
.game-nav-tab:hover i.jackpots .sub-nav-icon path,
.game-nav-tab:hover i.live-baccarat .sub-nav-icon path,
.game-nav-tab:hover i.live-poker .sub-nav-icon path {
    fill: #39E445 !important;
}

.game-nav-tab.selected i.favorite .sub-nav-icon path,
.game-nav-tab.selected i.all-games .sub-nav-icon path,
.game-nav-tab.selected i.slots .sub-nav-icon path,
.game-nav-tab.selected i.live-roulette .sub-nav-icon path,
.game-nav-tab.selected i.live-blackjack .sub-nav-icon path,
.game-nav-tab.selected i.other-games .sub-nav-icon path,
.game-nav-tab.selected i.featured-games .sub-nav-icon path,
.game-nav-tab.selected i.new .sub-nav-icon path,
.game-nav-tab.selected i.drops-wins .sub-nav-icon path,
.game-nav-tab.selected i.jackpots .sub-nav-icon path,
.game-nav-tab.selected i.live-baccarat .sub-nav-icon path,
.game-nav-tab.selected i.live-poker .sub-nav-icon path {
    fill: #39E445 !important;
}

.game-nav-tab.selected i.table-games .sub-nav-icon path,
.game-nav-tab.selected i.table-games .sub-nav-icon line {
    stroke: #39E445 !important;
}

.game-nav-tab:hover i.table-games .sub-nav-icon path,
.game-nav-tab:hover i.table-games .sub-nav-icon line {
    stroke: #39E445 !important;
}

.wrapper-view-category .Container__Item.game-nav.row ul li i svg {
    position: absolute;
    height: 90%;
    width: auto;
    top: 1px;
    left: 0;
}


#loginPopup #loginForm .col-md-12 {
    width: 100%;
}

.Promotions-home-container .slick-prev {
    right: 70px !important;
    left: auto !important;
}

.Promotions-home-container .slick-next {
    right: 0px;
}

.Promotions-home-container {
    position: relative;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .Promotions-home-container .Content__Item {
        font-size: 16px;
        justify-content: center !important;
        text-align: center;
        align-items: flex-start !important;
        width: 100%;
        height: 50px;
        margin-top: 2px;
        margin-bottom: 10px;
        border-radius: 16px;
        max-width: 1500px;
        padding: 10px 38px;
    }

        .Promotions-home-container .Content__Item a {
            position: absolute;
            width: 140px;
            height: 45px;
            border-radius: 16px;
            opacity: 1;
            margin-left: -18px;
            text-align: right;
            font-size: 3px;
            color: #13131d;
            border: 2px solid #39E445 !important;
            box-shadow: 0 0 5px #39E445, inset 0 0 5px #39E445 !important;
        }

            .Promotions-home-container .Content__Item a:hover,
            .Promotions-home-container .Content__Item a:active {
                color: #13131d;
            }

.username-group:before,
.password-group:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 15px;
    margin-left: 16px;
    z-index: 1;
}

.username-group:before {
    background: url(/content/img/icons/login-user-icon.svg) 50% no-repeat;
    background-size: 16px;
}

.password-group:before {
    background: url(/content/img/icons/login-lock-icon.svg) 50% no-repeat;
}

input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
    background-color: transparent !important;
    caret-color: white;
    transition: background-color 9999s ease-in-out 0s !important;
}

    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-text-fill-color: white !important;
        background-color: transparent !important;
        caret-color: white;
    }

#profilePopup .modal-dialog .modal-content button.close {
    top: 4px;
    padding: 0px;
}

#profilePopup .modal-footer {
    padding-left: 0px;
    padding-right: 0px;
}

    #profilePopup .modal-footer .row .col-xs-6:nth-of-type(1) {
        padding: 0px;
        width: 66.66666%;
    }

    #profilePopup .modal-footer .row .col-xs-6:nth-of-type(2) {
        padding: 0px 15px 0 35px;
        width: 33.33333%;
        display: flex !important;
        justify-content: center !important;
    }

.modal-sub-body .ajax-result.inbox-ajax-result {
    border: 2px solid #EC78D3;
    padding: 0px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    min-height: calc(100vh - 300px);
    /* overflow: hidden; */
}

#profilePopup .thread-list .single-thread {
    padding: 20px;
    border-bottom: 2px solid #EC78D3;
}

#profilePopup .input-group-addon {
    background: transparent;
    border: none;
    color: #545373 !important;
}

/* #profilePopup .input-group {
    width: 100%;
} */

#profilePopup .ss-main .ss-single-selected .placeholder {
    font-size: 16px;
    color: #545373 !important;
    font-weight: 600;
}

#profilePopup .ss-main .ss-single-selected .ss-arrow span.arrow-down {
    width: 14px;
    height: 14px;
}

#profilePopup .ss-main .ss-single-selected .ss-arrow span {
    border-width: 0 3px 3px 0;
    border-color: #545373;
}

#profilePopup #SearchDate {
    color: #545373 !important;
    font-weight: 600;
}

#profilePopup .ss-content .ss-list .ss-option {
    font-size: 16px;
}

#profilePopup .bonus-title-row {
    border-bottom: 2px solid #EC78D3;
}

#profilePopup .row.ajax-result {
    margin-top: 20px;
}

.Wrapper--Single.view--category .casino-categories.games_green_background .name-cat-title {
    border: 2px solid #39E4CC !important;
    box-shadow: 0 0 5px #39E4CC, inset 0 0 5px #39E4CC !important;
}

.Wrapper--Single.view--category .casino-categories.games_green-blue-mix_background .name-cat-title {
    border: 2px solid #6F58DC !important;
    box-shadow: 0 0 5px #6F58DC, inset 0 0 5px #6F58DC !important;
}

.Wrapper--Single.view--category .casino-categories.games_blue_background .name-cat-title {
    border: 2px solid #5CE2FF !important;
    box-shadow: 0 0 5px #5CE2FF, inset 0 0 5px #5CE2FF !important;
}

.recent-winners-component .slot-banner .body .tabs ul li[data-id="197"] {
    border: 2px solid #EC78D3 !important;
    box-shadow: 0 0 5px #EC78D3, inset 0 0 5px #EC78D3 !important;
}

.recent-winners-component .slot-banner .body .tabs ul li[data-id="198"] {
    border: 2px solid #ed78d3 !important;
    box-shadow: 0 0 5px #ed78d3, inset 0 0 5px #ed78d3 !important;
    margin-left: 0px;
}

.Wrapper--Single.view--category .casino-categories.games_green_background .product-wrapper .product-card {
    border: 2px solid #39E4CC !important;
}

.Wrapper--Single.view--category .casino-categories.games_green-blue-mix_background .product-wrapper .product-card {
    border: 2px solid #6F58DC !important;
}

.Wrapper--Single.view--category .casino-categories.games_blue_background .product-wrapper .product-card {
    border: 2px solid #5CE2FF !important;
}

.Container__Item casino-game-list row casino-game-list-item {
    padding: 12px;
}

.Container__Item.wrapper-view-category-container:not(:has(.show-on-all-games)) {
    display: block;
}

.Container--full.wrapper-view-category {
    padding-bottom: 20px;
    position: relative;
}

    .Container--full.wrapper-view-category .game-nav {
        position: relative;
        overflow: hidden;
    }

        .Container--full.wrapper-view-category .game-nav ul {
            display: flex;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            max-width: calc(100% - 40px);
            padding-left: 20px;
        }

            .Container--full.wrapper-view-category .game-nav ul::-webkit-scrollbar {
                display: none;
            }

    .Container--full.wrapper-view-category .buttonNext,
    .Container--full.wrapper-view-category .buttonPrev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 45px;
        background: #271d33;
        color: var(--register-deposit-button-bg-color);
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Container--full.wrapper-view-category .buttonPrev {
        left: -2px;
    }

    .Container--full.wrapper-view-category .buttonNext {
        right: 110px;
    }

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .search-wrapper.has-feedback {
    display: block !important;
    visibility: hidden;
    width: 230px;
}

.Container--full.wrapper-view-category:not(:has(.show-on-all-games)) .Item.Widget_search_filter {
    display: none !important;
}

.Container--full.wrapper-view-category .Item.Widget_search_filter {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1019;
}

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games ul {
    max-width: calc(100% - 85px);
}

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .buttonNext,
.mobile .wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .buttonNext {
    right: 190px;
}

.Container--full.wrapper-view-category .buttonNext:before,
.Container--full.wrapper-view-category .buttonPrev:before {
    font-size: 28px;
    font-family: line awesome free;
    font-weight: 900;
    opacity: 1;
}

.Container--full.wrapper-view-category .buttonPrev:before {
    content: "\f104";
}

.Container--full.wrapper-view-category .buttonNext:before {
    content: "\f105";
}

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .search-wrapper.has-feedback {
    display: none !important;
    width: auto;
}

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .buttonNext,
.mobile .wrapper-view-category .Container__Item.game-nav.row.show-on-all-games .buttonNext {
    right: 0;
}

.Container--full.wrapper-view-category .Item.Widget_search_filter{
    display:none;
}

.wrapper-view-category .Container__Item.game-nav.row.show-on-all-games ul {
    max-width: calc(100% - 30px);
    width: 100%;
}

.identifications-settings-wrapper .upload-file > section:first-child label:not(.btn.btn-default.btn-xs) {
    opacity: 0 !important;
}

.identifications-settings-wrapper .upload-file > section:first-child #documentType {
    color: #545373 !important;
}

.identifications-settings-wrapper .upload-file > section:nth-child(2) label:not(.btn.btn-default.btn-xs) {
    opacity: 0 !important;
}

.identifications-settings-wrapper .upload-file > section:nth-child(2) .btn-default {
    font-size: 16px;
    color: #545373 !important;
}

.identifications-settings-wrapper .upload-file > section:nth-child(3) .note {
    display: none !important;
}

.identifications-settings-wrapper .upload-file > section:nth-child(3) input {
    font-size: 16px;
    padding-bottom: 0px;
}

.identifications-settings-wrapper .upload-file > section:nth-child(3) .input_name::placeholder {
    color: #545373 !important;
}

#profilePopup .identifications-settings-wrapper .btnDoc {
    margin-top: 10px !important;
    height: 64px !important;
    border-color: white;
    color: black !important;
    min-width: 300px;
}

    #profilePopup .identifications-settings-wrapper .btnDoc:hover {
        color: white !important;
    }

.communication-settings-wrapper .communication-settings-block .inner-block {
    border: 2px solid #EC78D3;
}

#profilePopup .securitypassword .modal-title-text {
    font-size: 18px;
}

#profilePopup .securitypassword .modal-sub-body form .form-group label {
    margin-top: 40px;
}

#profilePopup .securitypassword #popupSavePassBtn {
    margin-top: 40px !important;
    height: 64px !important;
    border-color: white;
    color: black !important;
    min-width: 300px;
}

    #profilePopup .securitypassword #popupSavePassBtn:hover {
        color: white !important;
    }

#profilePopup .securitypassword .col-xs-6 {
    width: 100% !important;
}

    #profilePopup .securitypassword .col-xs-6 .row {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }

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

#profilePopup .securitypassword .col-xs-6 .row .changepass__msg--error,
#profilePopup .securitypassword .col-xs-6 .row .changepass__msg--success {
    font-size: 20px;
    padding: 15px 0;
}

.Wrapper--Single.view--category .cat-url {
    margin-top: -50px;
}

.recent-winners-component > div:first-child > div:first-child .slot-banner .body .tab-body .item {
    border: 2px solid #EC78D3;
    background: rgba(236, 120, 211, 0.2);
}

    .recent-winners-component > div:first-child > div:first-child .slot-banner .body .tab-body .item .player-id,
    .recent-winners-component > div:first-child > div:first-child .slot-banner .body .tab-body .item .product-name {
        border-right: 2px solid #EC78D3;
    }

.recent-winners-component > div:first-child > div:nth-child(2) .slot-banner .body .tab-body .item {
    /* border: 2px solid #39E4CC;
    background:  rgba(57, 228, 205, 0.2); */
    border: 2px solid #ed78d3;
    background: linear-gradient(to bottom, #151420 -20%, #ed78d3 110%);
    height: 220px;
}

/* .recent-winners-component > div:first-child > div:nth-child(2) .slot-banner .body .tab-body .item .player-id, .recent-winners-component > div:first-child > div:nth-child(2) .slot-banner .body .tab-body .item .product-name {
    border-right: 2px solid #39E4CC;
} */

.Container--GamePage .Balance--items span {
    font-size: 16px;
    font-weight: 600;
}

.Container--GamePage .game-page .game-container .game-controls {
    top: 0;
}

    .Container--GamePage .game-page .game-container .game-controls .btn-close {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(62, 53, 110, 0.4) !important;
        border-radius: 0px;
    }

    .Container--GamePage .game-page .game-container .game-controls .btn-refresh {
        padding-top: 10px;
        border-top: 1px solid rgba(62, 53, 110, 0.4) !important;
        border-radius: 0px;
    }

/* input.form-control:focus, input.form-control:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 2px solid #EC78D3 !important;
    outline: none !important;
} */

select.form-control:focus,
select.form-control:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

select.col-xs-2:focus,
select.col-xs-2:active,
select.col-xs-3:focus,
select.col-xs-3:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.casino-game-list .product-card .user-product-ctrl .play-now {
    color: white;
    font-size: 10px;
    font-weight: 600;
    border: none !important;
    border-radius: 22px !important;
    width: 90px;
    height: 36px;
    margin: 0px !important;
    transition: all 0s !important;
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
}

.casino-game-list .product-card.swiper-slide-active .user-product-ctrl .play-now {
    width: 120px;
    height: 46px;
    font-size: 13px;
}

.casino-game-list .product-card .user-product-ctrl .demo {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    color: white;
    font-size: 10px;
    font-weight: 600;
    border: none !important;
    border-radius: 22px !important;
    width: 90px;
    height: 36px;
    margin: 0px !important;
    background-color: #39e4cc;
}

.casino-game-list .product-card.swiper-slide-active .user-product-ctrl .demo {
    width: 120px;
    height: 46px;
    font-size: 13px;
}

.casino-game-list-item .product-wrapper .product-card .product-desc {
    background: linear-gradient(to top, rgba(57, 228, 204, 0.7) -20%, rgba(0, 0, 0, 0.7) 60%);
    backdrop-filter: blur(1px);
}

#forgotPasswordPopup .modal-dialog .modal-body {
    padding-bottom: 30px;
}

#forgotPasswordPopup .form-control {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* -------------------------------------- Security Password ----------------------------------------*/

.modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
    width: auto;
    margin: 0 0 0 auto;
}

.modal-sub-body.securitypassword .modal-body > form#changepassform .eye-icon {
    top: 45px;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 .eye-icon {
    top: 15px;
}

.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;
        border-radius: 9px;
    }

.twofactor__msg--success,
.twofactor__msg--error {
    font-size: 16px;
    font-weight: 700;
}

.modal-sub-body.securitypassword .modal-title-text {
    padding: 0
}

.modal-sub-body.securitypassword form {
    position: relative;
}

    .modal-sub-body.securitypassword form .input-group-btn .btn.btn-success {
        padding: 12px 16px;
    }

.modal-sub-body.securitypassword .form-header {
    position: absolute;
    top: -54px;
    left: 0
}

.modal-sub-body.securitypassword .modal-body > form#twofactor .input-group-btn {
    display: inline-block;
}

.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;
        padding: 0 30px !important;
    }

        .modal-sub-body.securitypassword .form-footer .col-md-7 .form-group {
            text-align: left
        }

    .modal-sub-body.securitypassword .modal-footer .btn {
        width: 100%
    }

.modal-sub-body.securitypassword #deleteaccount .btn {
    background-image: unset !important;
    border-color: unset;
    background-color: #f02849 !important;
    color: var(--white-color) !important;
}

.modal-sub-body.securitypassword #deleteaccount .control-label {
    display: none
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 {
    margin-top: 15px;
}

.modal-sub-body.securitypassword #twofactor .btn {
    background-image: unset !important;
    background-color: #ffdc00 !important;
}

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

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

.securitypassword .form-group {
    height: auto;
}

.manual-entry-code {
    font-size: 14px;
    font-weight: 900;
    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;
}

.modal-sub-body.securitypassword #twofactor [for="ConfirmPassword"] {
    display: none;
}

.modal-sub-body.securitypassword #twofactor .form-group.mt-10 {
    margin-top: 0;
}

.tfa-code-verification .btn-group {
    display: block;
}

.modal-sub-body.securitypassword #twofactor .form-group.mt-10 .eye-icon {
    top: 15px;
}

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

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


/* FIRST SECTION */
.Wrapper--Single.view--category #casino-game-list-item_15409 > div:first-child .product-card .product-desc {
    background: linear-gradient(to top, rgba(57, 228, 204, 0.7) -20%, rgba(0, 0, 0, 0.7) 60%);
}

.Wrapper--Single.view--category #casino-game-list-item_15409 > div:first-child .product-card .user-product-ctrl .play-now {
    background-color: #39E4CC;
}

.Wrapper--Single.view--category #casino-game-list-item_15409 > div:first-child .product-card .user-product-ctrl .demo {
    background-color: #39E4CC;
}

/* SECOND SECTION */
.Wrapper--Single.view--category #casino-game-list-item_15409 > div:nth-child(2) .product-card .product-desc {
    background: linear-gradient(to top, rgba(110, 88, 220, 0.7) -20%, rgba(0, 0, 0, 0.7) 60%) !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15409 > div:nth-child(2) .product-card .user-product-ctrl .play-now {
    background-color: #6F58DC !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15409 > div:nth-child(2) .product-card .user-product-ctrl .demo {
    background-color: #6F58DC !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15409 > div:nth-child(2) .product-card .fav-game:hover a {
    color: #6F58DC !important;
}

/* THIRD SECTION */
.Wrapper--Single.view--category #casino-game-list-item_15410 > div:first-child .product-card .product-desc {
    background: linear-gradient(to top, rgba(92, 226, 255, 0.7) -20%, rgba(0, 0, 0, 0.7) 60%) !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15410 > div:first-child .product-card .user-product-ctrl .play-now {
    background-color: #5CE2FF !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15410 > div:first-child .product-card .user-product-ctrl .demo {
    background-color: #5CE2FF !important;
}

.Wrapper--Single.view--category #casino-game-list-item_15410 > div:first-child .product-card .fav-game:hover a {
    color: #5CE2FF !important;
}

.casino-game-list-item .product-wrapper:not(.hero) .product-card {
    border: 2px solid #39e4cc !important;
}

.country-blocked__logo img {
    height: 400px;
}

.country-blocked__logo {
    width: 300px;
    height: 300px;
    background: url('/content/img/logos/logo-f2.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

    .country-blocked__logo a img {
        opacity: 0;
        border-radius: 50%;
    }

.country-blocked__img {
    padding-top: 60px;
    max-width: 540px;
}

#searchPopup .modal-content {
    background: linear-gradient(to bottom, #151420 20%, #5CE2FF 110%);
    border: 2px solid #5CE2FF !important;
}

#searchPopup #searchTb {
    background-color: #151420;
    text-transform: uppercase;
    font-weight: 700;
}

#searchPopup .form-control {
    border-bottom: 2px solid #5CE2FF !important;
}

#searchPopup .btn {
    border-color: white;
    color: #000000 !important;
}

#searchPopup .ss-option:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

#searchPopup .modal-dialog.search .play-now,
#searchPopup .modal-dialog.search .demo {
    color: white !important;
    font-size: 10px;
    font-weight: 600;
    border: none !important;
    border-radius: 22px !important;
    width: 70px;
    height: 36px;
    margin: 0px !important;
    transition: all 0s !important;
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    background-color: #5CE2FF;
}

    #searchPopup .modal-dialog.search .play-now:hover,
    #searchPopup .modal-dialog.search .demo:hover {
        color: white !important;
    }

.Wrapper--Single.Wrapper--CookiePolicy.cookieError .cookieErrorText {
    display: block !important;
}

.Widget--banner--multi.chips--centered .Item {
    padding: 0px !important;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Container--full.footer-color {
    padding: 0px;
}

span.menu-button-balance-amnt {
    font-weight: 600;
}

#profilePopup .select2-selection.select2-selection--single {
    border-bottom: none !important;
}

#loginPopup .form-group.password-group {
    margin-bottom: 0;
}

.Wrapper--Header--left-panel .Widget--Header--secondary-left-panel .Sections li:nth-child(5) {
    display: none;
}

.Wrapper--Header--left-panel .Language {
    padding: 10px 35px !important;
}

.Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a {
    opacity: 1;
}

    .Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a:hover,
    .Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a:active,
    .Widget--Header--secondary-left-panel .Sections .js-route.Sections__Item a:focus {
        color: #5CE2FF !important;
    }

.Wrapper--Header--left-panel .Item {
    height: 40px;
    width: calc(100% - 70px);
    display: flex;
    align-items: center;
    background: #2b4757;
    border-radius: 12px;
    padding: 10px 16px;
    margin-left: 35px;
    margin-right: 35px;
}

    .Wrapper--Header--left-panel .Item a {
        display: flex;
        align-items: center;
    }

.Wrapper--Header--left-panel .las.la-search {
    color: var(--search-la-search-color);
    transform: rotate(270deg);
    font-size: 18px;
    margin-right: 10px;
}

.Wrapper--Header--left-panel .Item a span {
    color: var(--search-txt-color);
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}

.Wraper-payments-container .Widget--banner--multi .Item img {
    width: 100%;
    height: auto;
}

/* Hide Recent Winners */
.recent-winners-component > .Container__Item:first-child > .Container__Item:first-child {
    display: none;
}

/* Hide game provider in footer */
.footer-color .Wraper-provider-container {
    display: none;
}

/* Experimental */
.recent-winners-component .slot-banner .body .tab-body {
    display: flex;
    flex-direction: row !important;
    overflow: hidden;
    max-height: 510px;
    align-items: flex-start;
}

    .recent-winners-component .slot-banner .body .tab-body .slick-slide {
        margin: 0 10px !important;
    }

    .recent-winners-component .slot-banner .body .tab-body .tab-body-inner {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

.recent-winners-component .slick-list {
    width: 100% !important;
}

.recent-winners-component .slot-banner .body .tab-body .item .product-image {
    width: 120px !important;
    height: 120px !important;
    left: 10% !important;
    border-radius: 50%;
    border: 2px solid #ed78d3;
    z-index: 1;
    pointer-events: none;
}

.slot-banner .body .tab-body .item .player-id .prop {
    display: block !important;
    font-size: 16px;
    font-weight: 700;
    margin-right: 16px;
	font-family: "Open Sans Variable";
}

.Container--full:has(.recent-winners-component) {
    padding: 0 2px;
}

.recent-winners-component {
    margin-top: -4px;
    /* hiding this for now, we should probably remove the component too at some point */
    display: none;
}

.Container--full.Wrapper-Promotions--home {
    margin-top: -8px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
    /* background: white !important; */
    color: white !important;
    transform: rotate(0) !important;
}

/* .ss-main .ss-multi-selected .ss-add .ss-plus:after {
    background: white !important;
} */

.mobile #profilePopup .profile-main-nav {
    width: 100vw !important;
    border-top: 2px solid #39E445;
    border-bottom: 2px solid #39E445;
    overflow-x: scroll;
    min-height: 35px;
    margin-left: -24px;
    padding: 2px 0 0 0;
    margin-top: 15px;
    background-color: var(--first-header-bg-color);
    ;
}

    .mobile #profilePopup .profile-main-nav li {
        color: white;
        font-size: 14px;
        font-weight: 700;
        padding: 0 5px;
    }

        .mobile #profilePopup .profile-main-nav li.active {
            color: #5ce2ff;
        }

.pointer-auto {
    pointer-events: auto !important;
}

.registration-to-logon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .registration-to-logon span {
        color: white;
        font-size: 16px;
    }

    .registration-to-logon:hover span {
        color: var(--menu-section-hover-color) !important;
    }

.registration-to-logon_button {
    font-weight: 700;
}

.height-unset {
    height: unset !important;
}

.casino-categories a.cat-url-class {
    display: none;
}

.Language .Dropdown--language li:nth-child(2) {
    border-bottom: 2px solid #39E445;
    border-top: 2px solid #39E445;
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted {
    background-color: rgba(88, 151, 251, .1);
}

.Container--GamePage .game-page .played-games .game-wrapper img {
    height: 80px;
    border-radius: 16px;
    border: 2px solid #39E4CC;
}

.Container--GamePage .game-page .played-games .game-wrapper .game-title {
    display: none !important;
}

.age-banners-container .Item:first-child {
    display: none;
}

/* Custom Search Dropdown */
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #3a2645;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    border: 2px solid #EC78D3;
}

span.select2-search.select2-search--dropdown.las.la-search {
    width: 100%;
    border-bottom: 2px solid #EC78D3;
    padding: 8px 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    font-family: "futura-pt";
    font-weight: 700;
    color: #898da4;
}

.select2-dropdown .la-search:before {
    content: '\f002';
    position: absolute;
    font-size: 20px;
    color: #EC78D3;
    font-weight: 700;
    right: 10px;
    top: 14px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    border: none;
}

.select2-results__option {
    user-select: none;
    -webkit-user-select: none;
    padding: 12px 20px;
    border-bottom: 2px solid #EC78D3;
    font-weight: 600;
}

.modal-body option,
.select2-container--default .select2-results > .select2-results__options {
    background: #3a2645;
    color: var(--white-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EC78D3;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EC78D3;
}

/* Custom Date Picker */
.modal-open .opensright,
.daterangepicker .calendar-table {
    background: #3a2645;
    border: 2px solid #EC78D3;
}

.daterangepicker .input-mini,
.daterangepicker .input-mini.active {
    border: 2px solid #EC78D3;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #EC78D3;
}

.modal-open .opensright,
.daterangepicker .calendar-table {
    background: #3a2645;
    border: 2px solid #EC78D3;
    border-radius: 16px;
    margin-top: -2px;
    padding: 16px;
}

.ranges li {
    border: 2px solid #EC78D3;
    color: #3a2645;
    padding: 8px 8px;
}

    .ranges li:hover,
    .ranges li.active {
        background-color: #EC78D3;
        border: 2px solid #EC78D3;
        color: #fff;
    }

#messageModal .modal-content {
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}


    #messageModal .modal-content .modal-header {
        background: var(--first-header-bg-color);
        border-bottom: 2px solid #39E445 !important;
        height: 74px;
        justify-content: center;
    }

#messageModal .modal-dialog .modal-content button.close {
    width: 52px;
}

#messageModal .modal-dialog .modal-content button.close {
    top: 4px;
    padding: 0px;
}

#messageModal .modal-content .message-text {
    margin-top: 16px;
}

.Widget--banner--multi.chips--centered .Item:nth-of-type(11) {
    display: none;
}

.age-banners-container .Item:nth-of-type(2) svg {
    display: none;
}

.age-banners-container .Item:nth-of-type(2) a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 290px;
    height: 92px;
    background-image: url(/content/img/logos/logo-f2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 68px;
}

.license-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
}

.license-inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    max-width: 800px;
    gap: 10px;
}

div#anj-39eab2bc-1a0b-4525-9fb1-aa04ec51d533 div {
    /* height: 40px !important;
    width: 48px !important;
    margin-right: 24px;
    margin-top: -8px; */
    margin-left: 8px;
}

div#anj-39eab2bc-1a0b-4525-9fb1-aa04ec51d533 img {
    height: 40px !important;
    width: 48px !important;
}

.wrapper-view-category .Container__Item.game-nav.row ul li:last-child {
    border-right: unset;
    margin-right: 0px !important;
    padding-right: 0px;
}

.drops-wins .sub-nav-icon {
    height: 90% !important;
    width: 33px !important;
    margin-top: 1px;
    margin-left: -2px;
}

.game-nav-tab .sub-nav-icon {
    cursor: pointer;
}


/* ---- Deposit  ----*/
.mobile #profilePopup .modal-sub-body-inner .transaction-block .col-md-12 {
    width: 100%;
}

.mobile .modal-dialog .transaction-row {
    display: flex;
    background: transparent;
    border: unset;
    width: 100%;
    padding-left: 40%;
}

.mobile #profilePopup .modal-sub-body-inner .transaction-block,
.mobile #paymentsystem .bonus-body-row-title {
    position: relative;
    min-height: 40px;
    margin: 10px 0 0;
    display: flex;
    text-align: start;
    align-items: center;
    background: #1920271a;
    padding: 16px;
    border: 2px solid #EC78D3;
    border-radius: 16px;
}

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head > div,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-logo, .trans-title) {
        width: 100%;
    }

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-main {
        width: 100%;
        display: flex;
        align-items: start;
        row-gap: 5px;
        padding: 0;
        color: #ffffff;
        flex-direction: column;
        border: unset;
        background: transparent;
    }

        .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-title),
        .mobile #paymentsystem .bonus-body-row-title .bonus-content-main > div:not(.trans-title) {
            font-weight: bold;
            color: #EC78D3;
        }

        .mobile #paymentsystem .bonus-body-row-title .bonus-content-main > div:not(.trans-title, .bonus-button-wrapper) {
            padding: 10px;
        }

.mobile #profilePopup .transaction-block .transaction-block-main .trans-title {
    right: 50%;
    width: 100%;
    position: absolute;
    left: 15px;
    top: 90%;
    transform: translate(0%, -50%);
}

.mobile #profilePopup .transaction-block .transaction-block-main .trans-logo {
    position: absolute;
    left: 15px;
    top: 45%;
    transform: translate(0%, -50%);
    width: 90px;
    height: 60px;
    margin-right: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #EC78D3;
}

.mobile .player-bonus-type-deposit {
    min-width: auto;
    margin: 20px 0;
}

.grid-info-section {
    margin-bottom: 20px;
}

    .grid-info-section .trans-title {
        width: 100%;
        text-align: left;
        font-size: 1.8em;
        margin-bottom: 5px;
        color: #EC78D3;
        padding: 0 10px;
    }

    .grid-info-section .info-row {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #444444;
        font-size: 15px;
    }

        .grid-info-section .info-row .label {
            color: rgba(255, 255, 255, 0.7);
        }

        .grid-info-section .info-row > div {
            color: #EC78D3;
            font-weight: bold;
        }

.mobile [id^=transaction-details].shown {
    border-top: 2px solid #EC78D3;
    border-bottom: 2px solid #EC78D3;
    border-right: unset;
    border-left: unset;
    margin: 15px 0;
    padding: 10px 0;
}

.mobile #paymentsystem .bonus-body-row-title {
    justify-content: space-between;
    padding: 15px;
    position: relative;
    margin: 5px 0;
}

    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div {
        flex: unset;
        padding: 10px;
        width: auto;
    }

        .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
            font-size: 8px;
            line-height: 1rem;
            padding: 10px !important;
            position: relative;
            height: auto;
        }


.mobile #profilePopup [id^=bonus-content-] .os-content:has(.games-box) {
    color: #fff;
    min-width: unset !important;
}

.mobile .bonus-button-wrapper,
.mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
    margin: 10px 0;
}

.mobile #paymentsystem > div:nth-child(2) > div:nth-child(1) {
    overflow: hidden;
}

.mobile .bonus-body-fixed-header,
.mobile .fixed-transaction-block-head,
.mobile .bonus-col-title-wrapper.fixed-bonus-header,
.mobile .fixed-freespin-header {
    display: none;
}

.mobile .freespin-games {
    position: relative;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    background-color: transparent;
    border: 1px solid #EC78D3;
}

    .mobile .freespin-games .table--scrollable__tr {
        position: relative;
        display: flex !important;
        width: 100%;
        min-width: unset !important;
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 !important;
    }

        .mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
            color: #fff;
            display: flex;
            margin: 5px 0;
            padding: 0;
            flex-direction: row;
            align-items: flex-start;
            background-color: #ec78d3;
            justify-content: space-between;
            width: 100%;
        }

    .mobile .freespin-games .freespin-game {
        width: 100%;
    }

body.mobile .freespin-games > .freespin-games-main:not(.freespin-game) {
    position: relative;
    display: flex !important;
    width: 100%;
    min-width: auto !important;
    background-color: transparent;
    align-items: flex-start;
    flex: unset;
    margin: 0 !important;
    font-size: 12px;
    justify-content: space-between;
}

body.mobile .freespin-gamescontainer {
    min-width: auto !important;
}

body.mobile .modal-dialog.deposit .modal-content,
body.mobile .modal-dialog.withdrawal .modal-content {
    overflow-x: hidden;
}

body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body,
body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
    overflow-x: hidden !important;
}

[class*=player-bonus-type] .bonus-body-row-title div.hidden {
    display: block !important;
    visibility: hidden;
}

.mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
    padding: 25px 20px !important;
}

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

.mobile .freespin-games .no-wrap.table--scrollable__th {
    display: flex;
    width: auto;
    padding: 10px;
    justify-content: space-between;
}

.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .Item {
    min-height: unset !important;
    display: flex !important;
    margin: 5px 0;
    padding: 5px 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

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

.Digi_frame {
    width: 100%;
    height: 100vh;
}

#chat-widget-container {
    bottom: 0px;
    z-index: 9999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: bottom .4s ease !important;
}


/* ------------------------------- Partition ---------------------------------- */

.month-dropdown .unsettledButton .unsettled-item {
    pointer-events: none;
}

.month-dropdown {
    position: absolute;
    max-width: 230px;
    top: 40px;
    max-height: 350px;
    height: 100vh;
    width: 100vh;
    margin: 0;
    left: 14px;
    right: 100%;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    z-index: 3001;
}

    .month-dropdown .month-item,
    .month-dropdown .unsettledButton .unsettled-item {
        display: flex;
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #000;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
        list-style: none;
        align-items: center;
        transition: all .3s;
    }

        .month-dropdown .month-item.active,
        .month-dropdown .month-item:hover,
        .month-dropdown .unsettledButton .unsettled-item.active,
        .month-dropdown .unsettledButton .unsettled-item:hover {
            background-color: #EC78D3;
            border: 1px solid #EC78D3;
            color: #fff;
        }

    .month-dropdown .month-dropdown-footer {
        position: sticky;
        height: 40px;
        width: 100%;
        gap: 10px;
    }

    .month-dropdown .month-dropdown-list {
        max-height: 300px;
        overflow-x: hidden;
        max-width: none;
        overflow-y: scroll;
        width: 100%;
        position: relative;
        color: inherit;
        margin-top: 1px;
        background-clip: padding-box;
    }

.form-group {
    position: relative;
    width: 100%;
    height: 100%;
}

.btn.btn-success.apply-months,
.btn.btn-warning.clear-months {
    padding: 5px 15px !important;
    line-height: 15px;
    margin-top: 1px;
}

.form-control.unsettled_Button {
    white-space: nowrap;
    padding: 8px 36px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background-image: var(--gradient-color-2) !important;
    background-color: #EC78D3 !important;
    text-transform: uppercase;
    position: relative;
}


    .form-control.unsettled_Button::after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 8px solid white;
    }



.col-xs-4.checkwagers {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 10px;
}

    .col-xs-4.checkwagers .form-group {
        margin: 0;
        width: fit-content;
    }

#profilePopup .checkwagers .form-group > label:not(.unsettledRow>label) {
    display: none;
}

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

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .col-xs-3 {
    width: 25%;
    height: auto;
    padding-right: 15px;
}

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .unsettledRow.col-xs-4 {
    width: 33.33333333%;
}

.checkbox-wrapper-34 {
    margin-top: 60% !important;
}

    .checkbox-wrapper-34 .tgl {
        display: none;
    }

        .checkbox-wrapper-34 .tgl,
        .checkbox-wrapper-34 .tgl:after,
        .checkbox-wrapper-34 .tgl:before,
        .checkbox-wrapper-34 .tgl *,
        .checkbox-wrapper-34 .tgl *:after,
        .checkbox-wrapper-34 .tgl *:before,
        .checkbox-wrapper-34 .tgl + .tgl-btn {
            box-sizing: border-box;
        }

            .checkbox-wrapper-34 .tgl::selection,
            .checkbox-wrapper-34 .tgl:after::selection,
            .checkbox-wrapper-34 .tgl:before::selection,
            .checkbox-wrapper-34 .tgl *::selection,
            .checkbox-wrapper-34 .tgl *:after::selection,
            .checkbox-wrapper-34 .tgl *:before::selection,
            .checkbox-wrapper-34 .tgl + .tgl-btn::selection {
                background: none;
            }

            .checkbox-wrapper-34 .tgl + .tgl-btn {
                outline: 0;
                display: block;
                width: 65px;
                height: 20px;
                position: relative;
                cursor: pointer;
                user-select: none;
                font-size: 12px;
                font-weight: 400;
                color: #fff;
                margin-top: 5px;
            }

                .checkbox-wrapper-34 .tgl + .tgl-btn:after,
                .checkbox-wrapper-34 .tgl + .tgl-btn:before {
                    position: relative;
                    display: block;
                    content: "";
                    width: 26%;
                    height: 100%;
                }

                .checkbox-wrapper-34 .tgl + .tgl-btn:after {
                    left: 0;
                }

                .checkbox-wrapper-34 .tgl + .tgl-btn:before {
                    display: inline;
                    position: absolute;
                    top: 3px;
                }

            .checkbox-wrapper-34 .tgl:checked + .tgl-btn:after {
                left: 73.5%;
            }

    .checkbox-wrapper-34 .tgl-ios + .tgl-btn {
        background: #E1E5EB;
        border-radius: 20rem;
        padding: 2px;
        transition: all 0.4s ease;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:after {
            border-radius: 2em;
            background: #fff;
            transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:before {
            content: "Excluded";
            left: 20px;
            font-size: 10px;
            color: #848ea1;
            transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active {
            box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
        }

            .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active:after {
                padding-right: 0.4em;
            }

    .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn {
        background: linear-gradient(to left, #ffffffbf 0%, #914e87 95%) !important;
    }

        .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active {
            box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
        }

            .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active:after {
                margin-left: -0.4em;
            }

        .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:before {
            content: "Included";
            left: 6px;
            color: #ffffff;
            font-size: 10px;
        }

.unsettledRow.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
}

    #profilePopup .modal-history .modal-content .modal-sub-body .row > form > div:not(.transaction_seeDetails_btn) {
        box-shadow: 0 1px 6px rgb(255 255 255 / 16%), 0 3px 6px rgb(255 255 255 / 23%);
        padding: 10px;
        border-radius: 10px;
        flex: 1;
    }

#profilePopup .modal-history .transaction_seeDetails_btn .form-group {
    margin: 15px 0 auto;
    display: flex;
    justify-content: end;
    width: 100%;
}

#profilePopup .modal-history .transaction_seeDetails_btn {
    margin-left: auto;
}

    #profilePopup .modal-history .transaction_seeDetails_btn button {
        height: fit-content;
    }

#profilePopup .modal-history .modal-content .modal-sub-body .row {
    margin-bottom: 50px !important;
}

.responsible-gambling {
    background: #20172b;
}

.responsible-gambling-wrapper {
    display: flex;
    gap: 12px;
}

.plus18 > img {
    height: 40px;
}

.game-care > a > img {
    height: 40px;
}

.gamble-aware > a > img {
    height: 40px;
}


.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;
    padding: 5px;
    background-color: #1b3d40;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .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: #39e4cc;
    }

.played-games.closed .slick-next, .played-games.closed .slick-prev {
    display: none !important
}

.Container--GamePage .game-page .played-games .slick-track {
    margin-left: auto;
}

body:has(.game-page.single.played-games-open) #chat-widget-container {
    bottom: 100px !important;
}


/* ---------- Big Hits Carousel -------------*/

.Container--full.Winners-Full,
.Container--full.Wrapper--home-center {
    background: var(--the-white-bg-color);
    padding: 45px 25px;
    display: none;
}

.recent-winners-component > .Container__Item {
    display: flex;
    margin-bottom: 100px;
}


.Widget-recent-component,
.Widget-big-hits-component {
    width: 100%;
    height: auto;
}

    .Widget-recent-component .header,
    .Widget-big-hits-component .header,
    .Widget-recent-component .slot-banner .body .tab-body .item .wager-id,
    .Widget-recent-component .slot-banner .body .tab-body .item .bet-amount,
    .Widget-big-hits-component .slot-banner .body .tab-body .item .wager-id,
    .Widget-big-hits-component .slot-banner .body .tab-body .item .bet-amount {
        display: none;
    }

.slot-banner .body,
.slot-banner .body .tabs {
    display: flex;
    flex-direction: column;
}

    .slot-banner .body .tabs ul {
        padding: 0;
        margin: 0;
        display: flex;
        list-style: none;
    }

.recent-winners-component .slot-banner .body .tabs ul li {
    text-transform: uppercase;
    text-align: center;
    list-style: none;
    transition: color .2s;
    font-size: 16px !important;
    line-height: 32px;
    font-weight: 700;
    border-radius: 16px;
    color: var(--menu-item-color);
    padding: 5px 12px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recent-winners-component > .Container__Item .slot-banner .tab-body-wrapper {
    margin: -2px -10px 10px -10px;
    background: unset;
}

.recent-winners-component .slot-banner .body .tab-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 510px;
}

    .recent-winners-component .slot-banner .body .tab-body .item {
        position: relative;
        height: 88px;
        width: auto !important;
        margin: 12px 0 0 0;
        margin-left: 0px;
        display: block !important;
        border: unset;
        border-radius: 16px;
        background: var(--winners-item-bg-color);
        padding: 0px 10px;
        cursor: pointer;
        transition: background-color .2s;
    }

        .recent-winners-component .slot-banner .body .tab-body .item .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.activity-feed .tab-body .item {
    position: relative;
    display: flex;
    height: 74px;
    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 .3s ease-out 1; */
    /* animation-delay: .6s; */
}

.recent-winners-component .slot-banner .body .tab-body .item .product-name {
    display: none;
}

.recent-winners-component .prop {
    display: none !important;
}

.recent-winners-component .play-now-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

.slot-banner .body .tab-body .item .play-now-btn a {
    width: 100%;
    height: 100%;
    display: block;
}

.activity-feed-container {
    position: sticky;
    bottom: 0;
    z-index: 999;
}

.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: #c17ab2;
    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(0);
        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 0
}

.slot-banner .body .tab-body .item .player-id {
	color: #00ffff;
}

.activity-feed .slick-track {
    padding: 5px 0px;
    background: transparent;
}

.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;
	z-index: 3;
}

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

.activity-feed-container .slot-banner .body, .activity-feed-container .slot-banner .body .tabs {
    display: block;
}

.activity-feed div {
    width: 100%;
}

/* ---------------------------------------------*/
.sunday-booster-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .sunday-booster-content > h1 {
        background: linear-gradient(45deg, #211b31, transparent);
        padding: 20px;
        margin-bottom: 20px;
    }

    .sunday-booster-content > h2 {
        margin-top: 40px;
        margin-left: 60px;
    }

    .sunday-booster-content > p {
        margin-left: 60px;
    }

    .sunday-booster-content > ul {
        margin-top: 30px;
        font-size: 18px;
    }

        .sunday-booster-content > ul > li {
            margin: 10px;
            margin-left: 80px;
        }

.js-payment-iframe {
    border-radius: 8px;
    overflow: clip;
}

#registrationPopup {
    margin: 12px;
}

#registration-popup #register-container #registration-form .col-md-6.mt20 {
    width: 100%;
    display: flex;
    justify-content: space-between;
padding: 0;
}

#registration-form .col-md-6.mt20:has(>.js-next-button:only-child) {
    justify-content: flex-end !important;
}

.divider {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    margin: 18px 0
}

.divider-line {
    flex: auto;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(200,255,200,.18),transparent);
    opacity: .9;
    border-radius: 2px;
    min-width: 30px
}

.divider-text {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .06em;
    border: 1px solid #ec78d3;
    box-shadow: 0 2px 8px rgba(47,200,120,4%)inset;
    text-transform: lowercase
}

.divider.fancy .divider-line {
    height: 2px;
    background: linear-gradient(90deg, rgba(47, 200, 120, 0) 0%, rgb(236 120 211 / 76%) 30%, rgb(236 120 211 / 81%) 70%, rgba(47, 200, 120, 0) 100%);
    box-shadow: 0 0 10px rgba(47,200,120,7%)
}

@font-face {
  font-family: 'Open Sans Variable';
  
  font-weight: 100 900; 
  
  font-style: normal; 
  
  src: url('https://cdn.paradice.game/content/css/fonts/OpenSans-Variable.ttf') format('truetype');
}

.welcome-casino-bonus-bg  {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    background: #312646;
}

/*
.welcome-casino-bonus-bg > img {
    object-fit: cover;
    height: 300px;
}
*/

.welcome-casino-bonus-content > .content {
	padding: 38px;
	padding-bottom: 10px;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
        background: #312646;
}

.welcome-casino-bonus-content > .content > h1 {
    font-family: "Open Sans Variable";
    color: #f40999;
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 38px;
}

.welcome-casino-bonus-content > .content > h2 {
    font-family: "Open Sans Variable";
    color: #f40999;
    font-size: 18px;
    font-weight: 800;
}

.welcome-casino-bonus-content > .content > p {
	font-family: "Open Sans Variable";
	font-size: 18px;	
	margin-bottom: 42px;
}

.welcome-casino-bonus-content > .content > a > .ctaBtn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    margin-bottom: 28px;
    font-family: "Open Sans Variable";
    font-size: large;
    font-weight: 800;
    width: 260px;
    height: 60px;
    background: linear-gradient(0deg, #fa0297, #ff74c7);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 8px 18px -10px #f74de7;
}

.load-more-container {
    margin-top: 22px !important;
}

body:not(.mobile).modal-open .Wrapper--Header--first,
body:not(.mobile).provider-open .Wrapper--Header--first {
    padding-right: 18px;
}
body:not(.mobile).modal-open .Wrapper--Header--secondary,
body:not(.mobile).provider-open .Wrapper--Header--secondary {
    padding-right: 6px;
}

#popup-blocked-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    border: 2px solid #EC78D3 !important;
    color: #fff;
    padding: 25px 35px;
    border-radius: 12px;
    text-align: center;
    font-family: sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    max-width: max-content;
    max-height: max-content;
    margin: auto;
}

#popup-blocked-modal p {
    line-height: 25px;
}

#popup-blocked-modal h3 {
    font-size: 18px;
}

#popup-blocked-modal #popup-try-again {
    margin-top: 25px;
}

* {
    box-sizing: border-box;
}

body#telegram-auth-body, html:has(#telegram-auth-body) {
    width: 100%;
    height: 100%;
    margin: 0;
}

#telegram-auth::before {
    content: "";
    display: block;
    position: absolute;
    width: 320px;
    height: 320px;
    top: 0;
    left: 50%;
    opacity: 40%;
    border-radius: 100%;
    transform: translateX(-50%);
    background: var(--blue-violete);
    background-position: 50% 50%;
    filter: blur(75px);
    z-index: 0;
}

#telegram-auth {
    padding: 48px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
}

.telegram-auth__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-position: center bottom;
    min-height: 260px;
    padding: 80px 0;
    background: linear-gradient(to bottom, #151420 20%, #914e87 110%);
    border: 2px solid #EC78D3 !important;
    border-radius: 12px;
}

.telegram-auth__title {
    margin-block: 0 12px;
    font-size: 56px;
    line-height: 68px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
}

.telegram-auth__subtitle {
    margin: 0 auto;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #EC78D3;
    text-align: center;
}

#telegram-auth__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 48px 16px;
}

.telegram-auth__text {
    margin-block: 0 12px;
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 12px;
    color: #fff;
    text-align: center;
}

.telegram-auth__description {
    font-size: 20px;
    line-height: 30px;
    max-width: 460px;
    margin-bottom: 35px;
    color: #dcddde;
    text-align: center;
}

.social-continue {
    padding: 8px 15px !important;
    width: auto !important;
    opacity: .9 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    background-color: #ec78d3 !important;
}