:root {
    --mainTheme: #3170f7;
}

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

#gotoTop {
    background-color: #17a2b8;
    ;
}
    #gotoTop:hover {
        background-color: #138496;
    }
/*header*/
.oneXBet-header {
    background-color: #000;
    -webkit-box-shadow: inset 0 50px 25px -25px #111;
    box-shadow: inset 0 50px 25px -25px #111;
}

.oneXBet-main_nav {
    background-color: #3170f7;
}

.main_nav-title {
    color: #fff;
}
.btn-lightGreen {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
    .btn-lightGreen:hover {
        color: #fff;
        background-color: #138496;
        border-color: #138496;
    }
.oneXBet-lobby .lobby-marquee {
    background-color: #282828;
    -webkit-box-shadow: inset 0 50px 25px -25px #111;
    box-shadow: inset 0 50px 25px -25px #111;
}

.border-bottom {
    border-bottom: 1px solid #555!important;
}
.border-right {
    border-right: 1px solid #555!important;
}

.oneXBet-header .header-login_box {
    border-left: 1px solid #555;
}

/*content*/
.oneXBet-lobby {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: linear-gradient(to bottom, #000, #000);
}
.oneXBet-lobby .popular-title {
    background-color: #000;
    color: #fff;
}
.promo_preview p {
    background-color: none;
}
.promotion-title .title-name {
    font-size: 28px!important;
}
.oneXBet-lobby .popular-name {
    background-color: #282828;
}
.oneXBet-lobby .promotion-container {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#171717));
    background-image: linear-gradient(to bottom, #171717, #171717);
}

.title-name {
    color: #fff;
}

.news-title {
    color: #fff;
}
/*footer*/
.footer-wrapper01 {
    background-color: #000;
}

.theme-bg-darkblue {
    background-color: #000;
}
.footer-copy-right {
    background-color: #000;
    color: #fff!important;
}
.footer-copy-right p {
    color: #fff!important;
}

.oneXBet-footer .footermenu-title::before {
    border-bottom: 3px solid #66c4ff;
}

/*login*/
.theme-bg-darkblue .text-light {
    color: #fff!important;
}
.theme-bg-darkblue .btn-danger {
    color: #000;
    background-color: #3170f7;
    border-color: #3170f7;
}
.theme-bg-darkblue .btn-danger:hover {
    color: #000;
    background-color: #4e86fd;
    border-color: #4e86fd;
}
/*promotion*/
button.afb01 {
    background-image: linear-gradient(to right, #3170f7, #4e86fd);
}

.section-title {
    color: #66c4ff;
    border-bottom: 2px solid #66c4ff;
}

.afb-title-h1 {
    background-color: transparent;
}

small.section-title {
    padding: 0px;
    margin-left: -13px;
    margin-bottom: .5rem;
}

.afb-medias a {
    background-color: #17a2b8;
}

    .afb-medias a:hover {
        background-color: #138496;
    }

.btn-primary {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #138496;
        border-color: #138496   ;
    }

.company_list-title {
    background: #17a2b8 !important;
}

    .company_list-title:hover {
        background: #138496 !important;
    }

.from-date:focus-within input, .end-date:focus-within input {
    background: #07a4bd !important;
    color: #fff !important;
}

.from-date:focus-within, .end-date:focus-within {
    background: #07a4bd;
    color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    background: #07a4bd;
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #07a4bd;
    background: #07a4bd;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #07a4bd;
    background: #07a4bd;
    font-weight: normal;
    color: #ffffff;
}

/*Bottom mobile nav*/

.nav-bottom {
    --backgroundColor: #000;
}

.top5game .photobox__previewbox .action_overlay a:first-child div, .jackpotpool .photobox__previewbox .action_overlay a:first-child div {
    background-image: linear-gradient(to right, #17a2b8, #17a2b8);
}
.top5game .photobox__previewbox .action_overlay a:first-child div:hover, .jackpotpool .photobox__previewbox .action_overlay a:first-child div:hover {
    background-image: linear-gradient(to right, #138496, #138496 );
}
.jackpotpool div.text-wrap {
    background: #17a2b8;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #07a4bd !important;
}

.faq-card {
    background-color: #07a4bd !important;
}




.rgstButton {
    background: #343a40 !important;
}

    .rgstButton:hover {
        background: #333 !important;
    }


#registerModal .bottom a {
    color: #343a40 !important;
}

    #registerModal .bottom a:hover {
        color: #333 !important;
    }


.toast-body {
    border-bottom: 6px solid #3170f7;
}

.loyalprogram-info .table-title {
    color: rgba(49, 112, 247,.8);
}


#DepoConfModal .modal-dialog .modal-content .modal-header,
#DepoConfModal .modal-dialog .modal-content .btn-primary {
    background: #07a4bd !important;
    color: #fff !important;
}

#DepoConfModal .modal-dialog .modal-content .btn-primary {
    border-color: #07a4bd !important;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: #17a2b8 !important;
    color: white !important;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: #17a2b8 !important;
        color: white !important;
    }

button#playnowBtn {
    background: #17a2b8;
    border-radius: 2px !important;
    color: white !important;
}

    button#playnowBtn:hover {
        background: #17a2b8;
        border-radius: 2px !important;
        color: white !important;
    }

.transferModal #playnowBtn, .updatepassword {
    background: #17a2b8 !important;
    color: white;
}

.onex-game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play, .onex-game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo {
    background: #3170f7;
    color: #fff;
}


.universal_hamburger_menu .aside_content-main_content {
    background: #123c5c;
}

    .universal_hamburger_menu .aside_content-login, .universal_hamburger_menu .aside_content-main_content .main_content-section {
        background: linear-gradient(90deg, #1a5684, #275ba6);
    }

        .universal_hamburger_menu .aside_content-login .did-floating-input {
            background: #2e2e2e;
            color: #FFF !important;
        }

    .universal_hamburger_menu .aside_content-main_content .main_content-section-title {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0) {
    background-color: #3b5e85;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0 {
    background-color: #192f41;
}

.universal_hamburger_menu #hamburgerCategory img.icon {
    filter: grayscale(1) sepia(1) hue-rotate(169deg) brightness(0.9);
}

.universal_hamburger_menu .aside_content-main_content .main_content-section .btn svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn i.icon {
    color: #72ccff;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1) {
    background-color: #0f1e28;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-1 {
    background-color: #13243a;
}

.universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge {
    margin: 0 !important;
    background-image: linear-gradient(#455e94, #213367);
    border-width: 1px;
    border-style: solid;
    border-color: #003a9b #004b9b #384f73 #003a9b;
    border-radius: var(--gap);
    color: #8ec5ff;
}
    .universal_hamburger_menu .hamburgerSearch .dropdown-menu {
    background-color: #215267;
    border-width: 1.5px;
    border-style: solid;
    border-color: #006d9b #004b9b #386973 #00679b;
}

.universal_hamburger_menu .hamburgerSearch .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-item.active {
    color: #fff;
    background-color: #214567;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapsing {
    margin: 0;
    background-color: #192a4d;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #3c8de3;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b !important;
    text-decoration: none;
    background-color: #f8f9fa;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true] {
    background-color: #4f7fbf;
}

.universal_hamburger_menu .hamburgerSearch .input-group > .form-control:not(textarea)::placeholder, .universal_hamburger_menu .hamburgerSearch .input-group > .custom-select::placeholder {
    color: #ccc !important;
}

.universal_hamburger_menu .hamburgerSearch .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-item.active {
    color: #fff !important;
    background-color: #214567;
}
.dropdown-menu.show {
    left: -41px !important;
}

.universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-summary .summary-table th {
    border: 0 !important;
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-login {
    color: #fff;
    background-image: linear-gradient(#343a40, #343a40);
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-register {
    color: #fff;
    background-image: linear-gradient(0deg, #17a2b8 -1.02%, #17a2b8 50.05%);
}

.universal_hamburger_menu .aside_content-account_box {
    background: linear-gradient(90deg, #1a5684, #275ba6);
}

    .universal_hamburger_menu .aside_content-account_box .account_box-infopanel {
        background: #2c475b;
    }

.universal_hamburger_menu .hamburgerSearch .input-group .svg-icon {
    fill: #71bad1;
}

.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-toggle {
    border-radius: 5px;
}

.universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn {
    border-radius: 5px !important;
}

.amount-button svg {
    fill: #fff;
}


.universal_hamburger_menu .hamburgerSearch .dropdown-menu {
    left: -41px;
}
.universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li {
    background-image: linear-gradient(#214767, #214567);
    border-color: #00799b;
    border-radius: var(--gap);
}

    .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li .d-flex > div:last-child small {
        color: #ccc;
    }

.free-spin-btn {
    background: #e4dfc5;
    color: #000;
}