:root {
    --mainTheme: #04172c;
    --subTheme: #0b4587;
    --contrastTheme: #ffc400;
}


html {
    background: var(--mainTheme);
}

body {
    background-color: var(--mainTheme);
}

#mainarea {
    background-color: var(--mainTheme);
}

/*HEADER*/
.mega88-header, .mega88-main_nav {
    background-color: var(--subTheme);
}
.btn-maintheme {
    background-color: var(--subTheme);
    border-color: var(--subTheme);
}

#top-Withdraw-Btn {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
#top-Deposit-Btn:hover {
    background-color: #185aa5;
    border-color: #185aa5;
}

.btn-dark {
    background-color: var(--subTheme);
}

.bg-danger {
    background-color: #185aa5!important;
}
.a-top-text-block:hover:before {

    background: #3273bd;
}

.mega88-main_nav .nav-item .game-list-item a:hover {
    background-color: var(--subTheme);
}

.mega88-main_nav .nav-item:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#185aa5), to(#185aa5));
    background-image: linear-gradient(to bottom, #185aa5 0%, #185aa5 100%);
}
/*content*/
.promobtn  {
    background-color: #04172c!important;
    border: 1px solid #fff!important;
    color: #fff!important;
    background-image: linear-gradient(to right, #04172c, #04172c)!important;
    border-radius: 5px!important;
}

.btn-contrasttheme {
    background-color: var(--subTheme)!important;
    border: 1px solid var(--subTheme) !important;
    color: #fff!important;
    background-image: linear-gradient(to right, var(--subTheme), var(--subTheme))!important;
    border-radius: 5px!important;
}
.top5game .under-ml, .jackpotpool .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml {
    background-color: var(--contrastTheme);
    color: #04172c;
}
button.afb01.xs {
    background-image: linear-gradient(to right, var(--subTheme),  var(--subTheme)); 
}
.mega88-company_list .company_list-overlay a:hover {
    background-color: var(--subTheme);
}
.table .thead-dark th {
    background-color: #00346e;
}
.table-sticky thead .sticky-left {
    background-color: var(--subTheme);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #08213d!important;
}
.btn-sharebox-gray {
    background-color: #333!important;
}
.table tr , .table-sticky.table-striped tbody .sticky-left{
    background-color: var(--subTheme);
}

.table tr{
    background-color: transparent;
}

.table-sticky.table-striped tbody tr:nth-child(odd) .sticky-left {
    background-color: #0e325c!important;
}

.mega88-main_nav .nav-item .game-list {
    background-color: var(--mainTheme);
    border-color: var(--subTheme);
}

.jackpotpool div.text-wrap {
    background-color: var(--subTheme);
}
#slideout p {
    background-color: var(--subTheme);
}

.afb-medias a {
    background-color: var(--subTheme);
}

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

.top5game .photobox .photobox_title a.tmb-content__link {
    background-color: var(--subTheme);
}

.memberservice.mega88 .inside {
    background-color: var(--subTheme)!important;
}

.memberservice.mega88 .inside .afb-medias {
    background-color: #185aa5;
}

.memberservice.mega88 .inside .afb-medias:hover {
    background-image: linear-gradient(to right,#3273bd,#3273bd);
}

.nav-item-qr .nav-link.active {
    color: var(--subTheme);
}

/*footer*/
.footer-copy-right {
    background-color: var(--subTheme);
}

.form-group.col-12 hr {
    border-color: #ffffff50!important;
}

/*member*/

.afb-blue-bar {
    background-color: #3273bd;
}

.cd-tabs__navigation, .cd-tabs__item {
    background-color: var(--subTheme);
}

.js .cd-tabs__item--selected {
    box-shadow: inset 0 2px 0 #00aeff;
    box-shadow: inset 0 3px 0 #00aeff;
} 

.button.afb01 {
    background-image: linear-gradient(to right,  var(--subTheme),  var(--subTheme));
}

.paginationjs-page.J-paginationjs-page.active {
    background-color: #185aa5;
}

.pagination a:hover:not(.active), .pagination a.active {
    background-color: #3273bd!important;
}

#profile-promotion-sec, #profile-Bet-History {
    background-color: var(--subTheme);
}
#profile-Bet-History span, #profile-promotion-sec span{
    color: #fff;
}
.card-header {
    background-color: #0e325c;
}
.from-date:focus-within input, .end-date:focus-within input, .from-date:focus-within, .end-date:focus-within {
    background-color: #0e325c!important;
}
.from-date, .gh-calendar-part input{
     
}

.ui-datepicker .ui-datepicker-header {
    background-color: var(--subTheme);
}

.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 var(--subTheme);
    background: var(--subTheme);
}

.wallet-top-left {
    background: var(--subTheme);
    border-bottom: solid 1px var(--subTheme);
    color: #fff;
}

.wallet-top-left:before {
    border-color: transparent;

    border-left: 10px solid var(--subTheme);
}

.btn-sharebox {
    background-color: var(--subTheme);
}

.btn-sharebox:hover {
    background-color: #185aa5;
}

.title-stone {
    border-left: 5px solid var(--subTheme);
}

/*mobile*/

.mega88-main_nav .main_nav-balance {
    background-color: #0e325c;
}

.c_title_h1, .h6.m-0 {
    color: #fff;
}

.btn-maintheme:not(:disabled):not(.disabled):active, .btn-maintheme:not(:disabled):not(.disabled).active, .show > .btn-maintheme.dropdown-toggle {
    color: #fff;
    background-color: #185aa5;
    border-color: #185aa5;
}

.mega88-promotion_list .vl {
    border-left: 5px solid var(--subTheme);
}

/*.user-profile .h3 {
    color: #fff;
}*/

.marqueeinfinite{
    color: white;
}

.h_nav-item > a, .h_nav-item > span, .payment-item {
    background-color: var(--subTheme);
}

.footer-nav li a, .footer-nav li a .svg-icon_wrapper {
    background: var(--subTheme);
}

.toast-body {
    border-bottom: 6px solid var(--subTheme);
}

.loyalprogram-info .table-title {
    color: rgba(11, 69, 135,.8);
}

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

#DepoConfModal .modal-dialog .modal-content .modal-footer .btn-primary {
    border-color: #0b4587 !important;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: var(--subTheme) !important;
    color: #fff !important;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: var(--subTheme) !important;
        color: #fff !important;
    }

button#playnowBtn {
    background: var(--subTheme);
    border-radius: 2px !important;
    color: #fff !important;
}

    button#playnowBtn:hover {
        background: var(--subTheme);
        border-radius: 2px !important;
        color: #fff !important;
    }

.transferModal #playnowBtn, .updatepassword {
    background: var(--subTheme) !important;
    color: #fff;
}

.universal_hamburger_menu {
    --maintheme: #444;
    --subtheme: #232323;
    --contrasttheme: #185aa5;
    --main_text: #185aa5;
}

    .universal_hamburger_menu input:-webkit-autofill,
    .universal_hamburger_menu input:is(:-webkit-autofill, :autofill) {
        box-shadow: inset 0 0 0 100px #333;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: #185aa5;
    }

        .universal_hamburger_menu input:-webkit-autofill:hover,
        .universal_hamburger_menu input:-webkit-autofill:focus,
        .universal_hamburger_menu input:-webkit-autofill:active,
        .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):hover,
        .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):focus,
        .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):active {
            box-shadow: inset 0 0 0 100px #333;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: #185aa5;
        }

    .universal_hamburger_menu .text-mandatory {
        color: #ff8181;
    }

    .universal_hamburger_menu .aside_content-account_box,
    .universal_hamburger_menu .aside_content-login {
        background: #191919;
    }

        .universal_hamburger_menu .aside_content-account_box .account_box-welcome,
        .universal_hamburger_menu .aside_content-account_box .account_box-infopanel {
            color: #185aa5;
        }

            .universal_hamburger_menu .aside_content-account_box .account_box-welcome .welcome-username {
                color: #fff;
            }

        .universal_hamburger_menu .aside_content-login .did-floating-label,
        .universal_hamburger_menu .aside_content-login .did-floating-label-content svg {
            color: #185aa5;
        }

        .universal_hamburger_menu .aside_content-login .did-floating-label-content .toggle-password {
            filter: invert(24%) sepia(94%) saturate(1065%) hue-rotate(189deg) brightness(95%) contrast(94%);
        }

        .universal_hamburger_menu .aside_content-login .did-floating-input,
        .universal_hamburger_menu .aside_content-login fieldset .fld-block {
            color: #185aa5;
            background: #232323;
            border-color: var(--contrasttheme);
        }

        .universal_hamburger_menu .aside_content-login .login-button button.btn-login {
            font-weight: 500;
            background: #185aa5;
            color: #fff;
            border-color: var(--contrasttheme);
        }

            .universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover {
                background: #185aa5;
                color: #fff;
            }

        .universal_hamburger_menu .aside_content-login .login-button button.btn-register {
            font-weight: 500;
            background: #343a40;
            color: #fff;
            border-color: #343a40;
        }

            .universal_hamburger_menu .aside_content-login .login-button button.btn-register:hover {
                color: #fff;
                background: #343a40;
                border-color: #343a40;
            }

    .universal_hamburger_menu .aside_content-main_content {
        background: #000;
        height: 100%;
        padding-block: 50px;
    }

        .universal_hamburger_menu .aside_content-main_content .main_content-section {
            background: #191919;
        }

        .universal_hamburger_menu .aside_content-main_content .main_content-section-title {
            color: #185aa5;
            padding: 0;
            border-bottom: 0;
        }

        .universal_hamburger_menu .aside_content-main_content .main_content-section .btn,
        .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,
        .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active i.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover i.icon {
            color: #185aa5;
        }

            .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active,
            .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover {
                background: #191919;
            }

    .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn {
        background: transparent;
        border-color: #185aa5;
    }

        .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn.active,
        .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover {
            background: #191919;
        }

        .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn::after {
            border-top-color: #185aa5;
        }

.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a {
    color: #185aa5;
}

    .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:hover,
    .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:focus {
        background: linear-gradient(-90deg, var(--subtheme), #185aa5);
    }

.universal_hamburger_menu .hamburgerSearch .input-group {
    border-color: var(--contrasttheme);
}

    .universal_hamburger_menu .hamburgerSearch .input-group .svg-icon {
        color: var(--contrasttheme);
    }

    .universal_hamburger_menu .hamburgerSearch .input-group > .form-control:not(textarea),
    .universal_hamburger_menu .hamburgerSearch .input-group > .custom-select {
        color: #185aa5;
    }

.universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li {
    background: transparent;
    border-color: var(--contrasttheme);
}

    .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li p {
        color: #185aa5 !important;
    }

.universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge {
    color: #fff;
    background: #185aa5;
    border-color: transparent;
}

    .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge span {
        color: inherit;
    }

.universal_hamburger_menu .collapse-container a {
    color: #185aa5;
}
/* .universal_hamburger_menu .dropdown-item {
        color: var(--contrasttheme);
    } */

.universal_hamburger_menu #hamburgerCategory .collapse-container img.icon,
.universal_hamburger_menu #hamburgerCategory .collapse-container [data-toggle=collapse][aria-expanded=true] img.icon {
    filter: invert(24%) sepia(94%) saturate(1065%) hue-rotate(189deg) brightness(65%) contrast(100%);
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true] {
    border-bottom: 1px solid #185aa5;
}

.universal_hamburger_menu .provider-row .provider-row-item {
    background: #232323 linear-gradient(180deg, #185aa5, #185aa5) repeat-x;
    border-radius: 0.375rem;
}

.universal_hamburger_menu #hamburgerCategory img.icon {
    filter: invert(24%) sepia(94%) saturate(1065%) hue-rotate(189deg) brightness(65%) contrast(100%);
}

.universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover {
    color: #185aa5;
}

.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 {
    border: solid 1px #185aa5;
    left: auto;
}

.modalCloseButton {
    background: transparent;
    width: 35px;
}

    .modalCloseButton svg {
        color: #185aa5;
        width: 100%;
    }

.universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-wallet .amount-button {
    color: #185aa5;
}

.game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play {
    background: var(--subTheme);
}
.game-overlay-DetailBottom .bottom-container {
    background: var(--subTheme);
}

#NRebateClaim .button-claim-rebate {
    background-image: linear-gradient(to right, #185aa5, #185aa5)
}

    #NRebateClaim .button-claim-rebate:hover {
        background-image: linear-gradient(to right, #185aa5, #185aa5);
        color: #fff;
    }

.transferModal .btn-primary {
    background-color: var(--subTheme) !important;
    border-color: var(--subTheme) !important;
    border: 2px;
}

#pokervModal .form-group .col-12 .col-sm-auto .btn.btn-primary {
    border-color: #0b4587;
}

.user-profile .games-title .h3, .user-profile #invite-friend .h3 {
    color: #000000;
}

#WithdrawalTabContent .form-control {
    color: #000000;
}

.noData {
    color: #000000;
}