@charset "UTF-8";
/* bootstrap */
/* required */
/* bootstrap */
:root {
    --lightTheme: #fff;
    --darkTheme: #000;
    --mainTheme: #126e51;
    --subTheme: #75a50b;
    --bg-mainTheme: var(--darkTheme);
    --text-mainTheme: var(--lightTheme);
}

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


    input:focus,
    textarea:focus,
    select:focus {
        border-color: #20c692 !important;
    }

button.afb01,
.button.afb01 {
    background: none;
    background-color: #1d8735;
    color: #fff;
}

    button.afb01:hover,
    .button.afb01:hover {
        background: #005f1b;
    }

    button.afb01.xs,
    .button.afb01.xs {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
        background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
    }

        button.afb01.xs:hover,
        .button.afb01.xs:hover {
            background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
            background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
        }

button.afb-m-menu,
.button.afb-m-menu {
    border-color: #fff;
}

    button.afb-m-menu:hover,
    .button.afb-m-menu:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
        background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
    }

button-afb.one,
.button-afb.one {
    background: #008827;
}

    button-afb.one:hover,
    .button-afb.one:hover {
        background: #bf9116;
    }

.user-names a span:hover {
    color: #1baf80;
}

.btn-icontop-lg {
    background-color: var(--mainTheme);
}

    .btn-icontop-lg:hover {
        background-color: #072c21 !important;
    }

.btn-color {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
    background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
}

    .btn-color:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
        background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
    }

.btn-white {
    color: var(--mainTheme);
    border-color: var(--mainTheme);
}

.btn-sharebox {
    background: #1d8735;
}

    .btn-sharebox:hover {
        background: #005f1b;
    }

.btn-light {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
    background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
}

    .btn-light:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
        background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
    }

.filter-button {
    background: none;
    background-color: #1d8735;
    color: #fff;
}

    .filter-button.active, .filter-button:hover {
        background: none;
        background-color: #005f1b;
        color: #fff;
    }

.dropdown-single:hover .dropbtn-single {
    background: none;
}

.menu-button {
    background-color: #008827;
}

    .menu-button .svg-icon:has([href="#iconMenu-open"]) {
        color: #fff;
    }
/*Lite version button*/
.btn-lite {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: 2px solid #66c4a6;
    border-radius: 2px 2px;
    font-size: 1em;
    margin-right: 1em;
    background-image: linear-gradient(to right, #298769, #0d6146);
    color: white;
}

    .btn-lite:hover {
        background-image: linear-gradient(to left, #298769, #0d6146);
        color: white;
    }

.vl {
    border-color: #008827;
}

.pagination > li > a.one {
    color: var(--text-mainTheme);
}

.pagination > li > a:focus, .pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
    background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
}

.paginationjs-page.J-paginationjs-page.active a {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
    background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
}

    .paginationjs-page.J-paginationjs-page.active a:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
        background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
    }

.modal2 .modal-content .popup-footer button {
    background: var(--mainTheme);
    border-color: var(--mainTheme);
}

.choose-file::-webkit-file-upload-button {
    background: var(--mainTheme);
}

.unreadMSG .a-top-text-heading,
.unreadMSG .titleUnread,
.notifUnread .a-top-text-heading,
.notifUnread .titleUnread {
    color: #0b835d !important;
}

.unreadMSG .a-top-text-block:hover:before,
.notifUnread .a-top-text-block:hover:before {
    background: var(--subTheme);
}

.notif-hd-title {
    background-color: #0b835d;
}

#dls-mobile {
    color: #fff;
}

button.afb {
    background-color: #000000;
}

    button.afb:not([data-toggle="dropdown"]):hover {
        background: #086d23 !important;
    }

#searchGameBtnV3,
#notif-bell,
#headerBonusGroup > button.afb,
.dropdown.d-none.d-md-block > button.afb {
    background-color: #242424 !important;
}

.tournament_list-aside .dropdown button:hover,
.promotion_list-aside .dropdown button:hover {
    background-image: none !important;
    background-color: #2c2c2c !important;
}

.item_list-aside-function .dropdown button:hover,
.company_list-aside-function .dropdown button:hover {
    background-image: none !important;
    background-color: #303030 !important;
}

.tournament_list-aside .dropdown button .icon,
.promotion_list-aside .dropdown button .icon {
    background-color: #008827 !important;
}

/* Login button */
.afb-header-menu .btn.afb[data-target="#loginModal"] {
    background-color: #008827;
}

/* Language button */
.afb-header-menu .dropdown > button.afb[data-toggle="dropdown"] {
    background-color: #242424 !important;
}

/* Register button */
.afb-header-menu .btn.afb01[data-target="#registerModal"] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.afb-header-menu button.afb:hover,
.afb-header-menu .btn-login:hover {
    background: #bf9116;
    border-color: #bf9116;
}

    .afb-header-menu .afb01[data-target="#registerModal"]:hover {
        background: #1d8735;
    }

.afb-main_nav .megamenu {
    background: #008827;
}

    .afb-main_nav .megamenu .nav-item-content {
        background-color: #1c1c1c !important;
    }

        .afb-main_nav .megamenu .nav-item-content p {
            color: var(--text-mainTheme);
        }

    .afb-main_nav .megamenu .nav-item:hover {
        background-color: transparent;
    }

.header-marquee.afb-black {
    background-color: initial !important;
}

.header-marquee .alert-danger {
    background-color: initial !important;
}

    .header-marquee .alert-danger .text-white {
        color: var(--text-mainTheme) !important;
    }

.inside .h1, .searchgamewidget .h1 {
    color: #fff !important;
}

.inside .afb-medias a {
    background-color: #00320e;
}

.inside .afb-medias a:hover {
    background-color: #008827;
    color: white;
}

.inside .afb-medias i {
    color: #fff;
}

.inside .search-btn, .searchgamewidget .search-btn {
    background: #005f1b;
}

    .inside .search-btn:hover {
        background-color: #003e2b;
        color: white;
    }

.inside a {
    color: rgb(255, 255, 255, 0.72);
}

    .inside a:hover {
        color: #fff;
    }

#slideout .afb-medias a {
    background: #28a745;
}

    #slideout .afb-medias a:hover {
        background: #1d8735;
    }

.text-wrap {
    background-color: #003a28;
    color: var(--text-mainTheme);
}

    .text-wrap:hover {
        background-color: #126e51;
    }

.text-truncate {
    color: var(--text-mainTheme);
}

.wallet-top-left {
    background: #003a28;
}

    .wallet-top-left span {
        color: var(--text-mainTheme);
    }


    .wallet-top-right span {
        color: var(--text-mainTheme);
    }

.sharebox-container {
    background-color: #003a28;
}

    .sharebox-container .share-title {
        color: var(--text-mainTheme) !important;
    }

.btn-sharebox-gray {
    background-color: #003a28;
    color: var(--text-mainTheme) !important;
}

    .btn-sharebox-gray:hover {
        background-color: #003021;
    }

.btn-tnc {
    background-color: #003a28;
    color: var(--text-mainTheme);
}

    .btn-tnc:hover {
        background-color: #003021;
        color: var(--text-mainTheme);
    }

.user-profile .afb-blue-bar {
    background-color: var(--mainTheme);
}

    .user-profile .afb-blue-bar .toggleLeft-profile,
    .user-profile .afb-blue-bar .toggleRight-profile {
        background: transparent;
    }

.user-profile .cd-tabs__list li {
    background: #003a28;
}

    .user-profile .cd-tabs__list li span,
    .user-profile .cd-tabs__list li .icon {
        color: var(--text-mainTheme);
    }

.user-profile .cd-tabs__list .cd-tabs__item--selected span,
.user-profile .cd-tabs__list .cd-tabs__item--selected .icon {
    color: var(--darkTheme);
}

.user-profile .game-part .h3 {
    background: #003a28;
    color: var(--text-mainTheme);
}

.user-profile #profile-Bet-History span,
.user-profile #profile-promotion-sec span {
    color: #999;
}

.user-profile #profile-Bet-History button,
.user-profile #profile-promotion-sec button {
    color: var(--text-mainTheme);
}

.blog-title h1,
.blog-title h2,
.blog-title h3,
.blog-title h4,
.blog-title h5,
.blog-title h6 {
    color: var(--lightTheme);
}

#dls-container .luckspin_logo {
    background: #009527;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#dls-container .modal-content.oned {
    background: #10b336;
    border-color: #157e30;
}

#dls-container .bonus-dls-bg {
    background: #343434;
}

#dls-container .dls-title .h1 {
    background-color: #c50013;
}

.dls-overlay .dls-pop-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#14956c), to(#044c35));
    background: linear-gradient(#14956c, #044c35);
}

.dls-overlay .dls-pop-button {
    background: -webkit-gradient(linear, left top, left bottom, from(#14956c), to(#044c35));
    background: linear-gradient(#14956c, #044c35);
}

.dls-overlay .dls-content .h5 {
    color: var(--mainTheme);
}

.s006 form .suggestion-wrap span:hover {
    background-image: linear-gradient(to right, #28a745, #008827) !important;
}

.faq-nav .nav-link.active {
    background-color: #003a28;
}

#faq-tab-content .card-header a {
    color: #0b835d;
}

/* 垂直 */
/* 橫向 */
.afb-wrapper {
    background-color: initial !important;
}

.afb-f-green {
    color: #00cc00 !important;
}

.afb-title-h1 {
    color: var(--text-mainTheme);
}

    .afb-title-h1 .h1,
    .afb-title-h1 span {
        color: var(--text-mainTheme);
    }

.afb-drak-g {
    background-color: var(--bg-mainTheme) !important;
}

.afb-dark-blue {
    background-color: #003e2b !important;
}

.footer-wrapper01 h1 {
    color: var(--text-mainTheme);
}

.footer-bottom .h1 {
    color: #126e51;
}

.footer-bottom p {
    color: #fff;
}

    .footer-bottom p:hover {
        color: #1dba8d;
    }

.footer-bottom .form-group hr {
    border: none;
    border-bottom: solid 1px white !important;
}

.sidebar-box .read-more a.button {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--mainTheme)), to(var(--subTheme)));
    background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
}

    .sidebar-box .read-more a.button:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--subTheme)), to(var(--mainTheme)));
        background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
    }

.sidebar-tabing .title-small {
    color: #ffffff80;
}

footer {
    background: black;
}

.luckspin_logo {
    -webkit-box-shadow: 3px 3px 9px white;
    box-shadow: 3px 3px 9px white;
}

.s006 form legend {
    color: var(--text-mainTheme);
}

.promo_preview .h4 a,
.promo_preview p {
    color: var(--text-mainTheme);
}

.promo-details .button.button-regular.two {
    background-color: black;
    color: var(--text-mainTheme) !important;
}

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

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

.ui-datepicker .ui-datepicker-header {
    background: #126e51;
    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 #126e51;
    background: #126e51;
    font-weight: normal;
    color: #ffffff;
}

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

.nav-bottom {
    --backgroundColor: var(--mainTheme);
}

    .nav-bottom .nav-link {
        color: #fff;
    }

    .nav-bottom .nav-bottom-home::after {
        background: #df7f00;
    }

.top5game .afb-title-h1:before, .jackpotpool .afb-title-h1:before {
    background: #008827;
}

.top5game .photobox__previewbox .action_overlay a div, .jackpotpool .photobox__previewbox .action_overlay a div {
    background-image: linear-gradient(to right, var(--mainTheme), var(--subTheme));
}

    .top5game .photobox__previewbox .action_overlay a div:hover, .jackpotpool .photobox__previewbox .action_overlay a div:hover {
        background-image: linear-gradient(to right, var(--subTheme), var(--mainTheme));
    }

.faq-card {
    background-color: #003a28;
}

.rgstButton {
    background: #003e2b !important;
    border: 1px solid #fff !important;
}

    .rgstButton:hover {
        background: #1d8745 !important;
    }

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

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

.h_nav-item > a, .h_nav-item > span, .payment-item {
    background-color: #003a28 !important;
}

.inside-tab-item > a.active {
    color: var(--cd-color-1) !important;
    /* border: 2px solid transparent !important; */
    background-color: white !important;
}

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

.loyalprogram-info .table-title {
    color: rgba(18,110,81,.8);
}




    #DepoConfModal .modal-header h5 {
        color: #fff !important;
    }

#DepoConfModal .fa-clone,
#DepoConfModal .text-primary {
    color: #fff;
}

.game-overlay-DetailBottom .bottom-container,
.game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container {
    background: #003a28;
}

.game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play, .casinoug-overlay-ui .hover-content .btn-play {
    background: #008827;
    color: #FFF
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play:hover {
        filter: none;
        background: #bf9116;
    }

.game-overlay-DetailBottom .top-container .game-img-container .hover-content {
    background: linear-gradient(1deg, rgb(1 35 25) 0%, rgb(0 58 40 /68%) 35%, rgba(147, 0, 255, 0) 100%)
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo {
        border: 0px solid;
        background-color: #008827;
        color: #FFF;
    }

        .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo:hover {
            filter: none;
            background-color: #bf9116;
            border-color: #bf9116;
        }

.footer-nav li a {
    background: #003a28;
}

    .footer-nav li a .svg-icon_wrapper {
        background: #003a28;
    }

.universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn,
.universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover {
    color: #fff;
    background: #008827;
    border-color: #008827;
}

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

.universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item.active {
    background: #008827;
}

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

.universal_hamburger_menu .hamburgerSearch .input-group .svg-icon {
    color: #ffff;
    background-color: #008827;
}

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

.company_list-overlay a {
    background-color: #28a745;
}

    .company_list-overlay a:hover {
        background-color: #28a745;
    }

.company_list-overlay {
    background: #00000085;
}

button.afb03 {
    background: #28a745;
}

    button.afb03:hover {
        background: #1d8735;
    }

button.afb04 {
    background: #1d8735;
}

    button.afb04:hover {
        background: #005f1b;
    }

.afb-title-h1 a span {
    color: #FFFFFF80;
}

    .afb-title-h1 a span:hover {
        color: #fff;
    }

#buypromoModal .minmaxTxt, #buypromoModal .minmaxTxt span {
    color: #fff;
}
#buypromoModal .buypromobtn {
    background: #003e2b !important;
    border: 1px solid #fff !important;
}
#buyPromoTxt{
    color:#fff;
}
.btn-success:hover {
    color: #fff;
    background-color: #1d8735;
    border-color: #1d8735;
}

.btn-gray {
    color: #fff;
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}

    .btn-gray:hover {
        color: #fff;
        background-color: #636363;
        border-color: #636363;
    }

button.float-left.tim-btn.tim-btn-bg.btn-sm.button.button-regular.afb01 {
    background: #28a745;
}

    button.float-left.tim-btn.tim-btn-bg.btn-sm.button.button-regular.afb01:hover {
        background: #1d8735;
    }

.custom-select-dd:after {
    filter: invert(52%) sepia(94%) saturate(334%) hue-rotate(82deg) brightness(84%) contrast(103%);
}

.select-options li:hover {
    color: #fff;
    background: #086d23;
}

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

.text-gold {
    color: #000 !important;
}

.payment-item {
    border-left: solid 5px #008827;
}

.wallet-top-left:before {
    border-left: 8px solid #003a28;
}

.rank-part .h4 {
    color: #008827;
}

.promo-font-color {
    color: #fff;
}

.prem {
    background: #939393 !important;
}

    /* .prem:hover {
        color: #005f1b !important;
    } */

.modal-header {
    background: #008827;
}

.modal-footer > button.btn.btn-primary.tim-btn-bg {
    background-color: #008827;
}

    .modal-footer > button.btn.btn-primary.tim-btn-bg:hover {
        background-color: #086d23;
    }

.btn-tournament:hover, .btn-tournament.active {
    background-color: #003a28;
    color: #fff;
}

.btn-tournament {
    border: solid 1px #003a28;
    color: #fff;
}

.pmo-title {
    color: #008827 !important;
}

.custom-select-dd {
    border: 1px solid #28a745;
}

.sidebar-box .read-more {
    background-image: linear-gradient(to bottom, transparent, #000000);
}

.cd-tabs__navigation {
    background: #003a28;
}

.localized-wrapping {
    background: transparent !important;
    border: 1px solid #28a745;
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-register {
    color: #fff;
    background: linear-gradient(to right, #28a745, #008827);
}

.dot3-popup.ui-widget.ui-widget-content {
    border-color: #28a745;
}

.game-overlay-DetailBottom .bottom-container .game-attribute .game-attribute-details:after {
    border-top: 0px solid #28a745;
    border-right: 0.5px solid #28a745;
    border-bottom: 0.5px solid #28a745;
    border-left: 0px solid #28a745;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn,
button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover,
button#playnowBtn, button#playnowBtn:hover,
.transferModal #playnowBtn, .updatepassword, .transferModal #playnowBtn:hover, .updatepassword:hover,
#NRebateClaim .button-claim-rebate, #NRebateClaim .button-claim-rebate:hover {
    background: linear-gradient(to right, #28a745, #008827) !important;
}

    #NRebateClaim .button-claim-rebate, #NRebateClaim .button-claim-rebate:hover {
        color: white;
    }

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle {
    border-color: #003a28;
}

.casinoug-overlay-ui .bottom-container,
.casinoug-overlay-ui .top-container .fav-gametag .favourite-game-container {
    background: #005f1b;
}

.nav-item.afb-dark-blue {
    background: #363636 !important;
}

/* Sports widget title - matches tournament title style */
.ap-TopLeague .afb-title-h1:before, .ap-TopLeague .jackpotpool .afb-title-h1:before {
    background: #008827;
}

/* Overrides from edited black-kayagreen.css */
.save-btn button.afb01, .membank-page button.afb01 {
   background: rgba(0, 136, 39, 1);
    color: white;
}

    .save-btn button.afb01:hover, .membank-page button.afb01:hover {
        background: #086d23;
        border: none;
    }


a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.universal_hamburger_menu {
    --subtheme: #201c12;
    --contrasttheme: #126e51;
    --main_text: #fff;
}

    .universal_hamburger_menu .aside_content-login .login-button button.btn-login {
        background: #7d7d7d;
    }

        .universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover {
            background: #636363;
        }

    .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Deposit-Btn {
        background: #0d6f11;
    }

        .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Deposit-Btn:hover {
            background: #0f9315;
        }

    .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Withdraw-Btn {
        color: #fff;
        background: #890b0b;
    }

        .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Withdraw-Btn:hover {
            background: #b30d0d;
        }

body {
    background-color: #003e2b;
}

.afb-l-black {
    background-color: #004714 !important;
}

.afb {
    background-color: #008827;
}

.inside {
    background-color: #00320e;
}

.nav-pills-qr .nav-link.active {
    background: #008827;
    color: #fff;
}

.tab-content.qr {
    background: #008827;
}

.sidebar-item {
    background-color: #008827;
    overflow: hidden;
    position: sticky;
}


#registerModal .modal-content {
    background-color: #008827 !important;
}

#loginModal .modal-content {
    background-color: #008827 !important;
}

#loginModal .modal-header {
    background: #fff;
    color: #212529;
}

#loginModal .modal-header .close {
    color: #212529;
}

#loginModal button.afb01,
#loginModal .button.afb01 {
    background-color: #003e2b;
}

/* Forgot Password modal - same style as login */
#forgotPasswordModal .modal-content, #changePasswordModal .modal-content, #buypromoModal .modal-content, #onenotifModal .modal-content, #DepoConfModal .modal-content {
    background-color: #008827 !important;
}
#onenotifModal .modal-footer, #DepoConfModal .modal-footer {
    border-top: none;
}

#forgotPasswordModal .modal-header, #changePasswordModal .modal-header, #DepoConfModal .modal-header {
    background: #fff;
    color: #212529;
}

#forgotPasswordModal .modal-header .close, #changePasswordModal .modal-header .close, #DepoConfModal .modal-header .close {
    color: #212529;
}

#forgotPasswordModal button.afb01,
#forgotPasswordModal .button.afb01,
#forgotPasswordModal button[type="submit"] {
    background-color: #003e2b;
    color: #fff;
}

/* "Don't have an account?" */
    #loginModal .bottom .no-account-link {
    color: #fff !important;
}

    #loginModal .bottom .no-account-link:hover {
        color: #ccc !important;
    }

/* "Forgot Password?" */
#loginModal .bottom .forgot-pwd-link {
    color: #000000 !important;
}

    #loginModal .bottom .forgot-pwd-link:hover {
        color: #ccc !important;
    }

.did-floating-label-content svg {
    position: absolute;
    width: 24px;
    height: 24px;
    color: #fff;
    left: 17px;
    top: 5px;
    z-index: 2;
}

a:hover {
    color: #008827;
}

#registerModal .bottom {
    padding-bottom: 10px !important;
    border-radius: 0 0 5px 5px;
    color: #fff;
}

#registerModal .bottom.already-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-top: 8px;
}

.selectCustom svg {
    width: 24px;
    position: absolute;
    z-index: 1;
    left: 17px;
    color: #fff;
    top: 6px;
}

.memberProfile-nav-group {
    color: #fff;
    background-color: #008827;
}

.memberProfile-nav .nav-item:not(.collapsed) {
    background-color: #086d23;
}

.memberProfile-section .section-content {
    background-color: #00320e;
}

.memberProfile-section .input-group-text {
    background-color: #003e2b;
    border-color: #003e2b;
}

.memberProfile-nav-group-mobile .nav-item.nav-item-deposit-mobile.nav-item-deposit,
.memberProfile-nav-group-mobile .nav-item.nav-item-withdraw-mobile.nav-item-deposit {
    background-color: #086d23;
}

.form-control {
    color: #fff;
    background-color: #008827;
    border-color: #242424;
}

.memberProfile-section .form-control:disabled,
.memberProfile-section .form-control[readonly] {
    background-color: #242424;
    border-color: #242424;
    opacity: .8;
    color: #fff;
}

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle.level-1 .rtp-e-c-base,
.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle.level-2 .rtp-e-c-base {
    fill: #005f1b;
    stroke: #306c16;
    stroke-width: 14px;
}


.icon use{
    color: #fff !important;
    fill: #ffffff !important;
}

.afb-medias a {
    background-color: #00320e;
    background-image: none;
}

.afb-medias a:hover {
    background-color: #008827;
    background-image: none;
 }
   
.top5game .afb-title-h1 .controls-top-button, .top5game .afb-title-h1 span, .jackpotpool .afb-title-h1 .controls-top-button, .jackpotpool .afb-title-h1 span {
    background-color: #008827;
}

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle.level-1 .rtp-circle-start-color {
    stop-color: #feec30;
}

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-controlls .rtp-value.level-1 {
    color: #feec30;
}

.top5game .afb-title-h1 .controls-top-button, .top5game .afb-title-h1 span, .jackpotpool .afb-title-h1 .controls-top-button, .jackpotpool .afb-title-h1 span {
    background-color: #126e51;
}

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle.level-1 .rtp-circle-offset-color {
    stop-color: #f7c91b;
}

.searchgamewidget .input-group-append .btn {
    background-color: #000000;
}

.header-container .afb-header-menu-wallet {
    background-color: #242424;
}

.memberProfile-section .input-group.input-group-password .input-group-text {
    background-color: #242424 !important;
}

.megamenu .btn-link {
    color: #fff;
    aspect-ratio: 1 / 1;
    background-color: #003e2b;
    border-radius: var(--defaultRadius);
}

/* Hide toggle buttons when screen fits (large screens) */
.megamenu .container .toggleRight,
.megamenu .container .toggleLeft {
    display: none !important;
}

/* Show toggle buttons on small screens where nav overflows */
@media (max-width: 1200px) {
    .megamenu .container .toggleRight,
    .megamenu .container .toggleLeft {
        display: flex !important;
    }

        /* Still respect d-none added by JS */
        .megamenu .container .toggleRight.d-none,
        .megamenu .container .toggleLeft.d-none {
            display: none !important;
        }
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.icon use {
    color: #fff !important;
    fill: #fff !important;
}


.memberProfile-nav .nav-item:not(.collapsed) {
    background-color: #086d23;
}

.memberProfile-section .input-group .input-group-text {
    background-color: #008827 !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    gap: 10px;
    border:none;
}

.bg-primary {
    background-color: #086d23 !important;
}

.memberProfile-section input,
.memberProfile-section textarea,
.memberProfile-section select {
    border-color: #393939 !important;
}

.megamenu-nav:not(.touchtype) .nav-item:hover .nav-link {
    background-color: #003e2b !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #086d23 !important;
}

.megamenu {
    background: #008827 !important;
}

    .megamenu .megamenu-nav .nav-link:hover {
        background: #003e2b !important;
    }

    .megamenu .btn-link {
        color: #fff;
        aspect-ratio: 1 / 1;
        background-color: #003a28;
        border-radius: var(--defaultRadius);
    }

/* Hide toggle buttons when screen fits (large screens) */
.megamenu .container .toggleRight,
.megamenu .container .toggleLeft {
    display: none !important;
}

/* Show toggle buttons on small screens where nav overflows */
@media (max-width: 1200px) {
    .megamenu .container .toggleRight,
    .megamenu .container .toggleLeft {
        display: flex !important;
    }

    /* Still respect d-none added by JS */
    .megamenu .container .toggleRight.d-none,
    .megamenu .container .toggleLeft.d-none {
        display: none !important;
    }
}

.main.nav-wrapper .nav-item-content {
    background: linear-gradient( 90deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 50%, rgba(0,0,0,1) 100%);
}

.nav-link span {
    color: #fff !important;
}

.nav-item:hover > a > img.megamenu-icon {
    color: #fff;
}

.nav-item:hover > a > span.pl-lg-1 {
    color: #fff !important;
}

.megamenu-nav .nav-link {
    color: #fff !important;
    font-size: 0.75rem;
    font-weight: 600;
    column-gap: 5px;
    padding: 10px;
    border-radius: 8px;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .megamenu-nav .nav-link.mobile {
        display: none !important;
    }
}

.megamenu-nav .nav-item.active .nav-link,
.megamenu-nav .nav-link.active {
    background-color: #003e2b !important;
    color: white !important;
}

/* When language change causes JS to mark all nav items active, reset them and keep only Home */
.megamenu-nav:has(.nav-item.active ~ .nav-item.active) .nav-item.active .nav-link {
    background-color: transparent !important;
    color: #fff !important;
}
.megamenu-nav:has(.nav-item.active ~ .nav-item.active) li:first-child.active .nav-link {
    background-color: #003e2b !important;
    color: white !important;
}

.megamenu-nav .nav:not(.touchtype) .nav-item:hover .nav-link {
    background-color: #003e2b !important;
}

.megamenu-nav .nav:not(.touchtype) .nav-item:hover .nav-item-content {
    display: block;
}


.modalCloseButton svg {
    color: rgba(255, 255, 255, 0.3);
}

.btn-link {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

/* Eye icon color #125625 */
.modal .did-floating-label-content .toggle-password {
    filter: invert(41%) sepia(87%) saturate(1478%) hue-rotate(114deg) brightness(97%) contrast(106%) opacity(50%) !important;
}

.text-mandatory {
    color: #d72a2a !important;
    font-weight: bold;
}

.error-content {
    color: #dc3545;
    font-size: 80%;
    font-weight: 400;
    font-weight: bold;
}

.company_list-aside-function .dropdown button {
    font-size: var(--fontSize);
    font-weight: 600;
    width: auto;
    height: 100%;
    border-color: #303030;
    white-space: nowrap;
    padding: var(--defaultPadding);
}

.item_list-aside-function .form-control button, .item_list-aside-function .dropdown button {
    font-size: var(--fontSize) !important;
    font-weight: 600 !important;
    width: auto !important;
    height: 100% !important;
    border-color: #303030 !important;
    white-space: nowrap !important;
    padding: var(--defaultPadding) !important;
}

.btn-link:hover {
    color: #004714;
}

/* Password / registration validation messages */
.error_register_msg .text-mandatory,
.error_register_msg span {
    color: #d72a2a !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Simple login header bar — input styling */
.simple-login .fld {
    background-color: #005f1b !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.simple-login .fld::placeholder {
    color: #7fbf94 !important;
    opacity: 1 !important;
}

.dropdown-single-content[aria-labelledby=dropdownLang] a:hover,
.active-lang,
.dropdown-item.selected,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #008827 !important;
    color: #fff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #086d23 !important;
    border: none !important;
}

.memberProfile-section .section-content .save-btn button[data-toggle=collapse]:hover,
.memberProfile-section .section-content .save-btn button[data-toggle=collapse][aria-expanded=true] {
    background-color: #086d23 !important;
    color: #fff;
}

.memberProfile-section .custom-dropdown,
.memberProfile-section .custom-dropdown option,
.selectCustom .custom-select-dd {
    color: #fff !important;
}

.select-options li:hover,
.select-options li.selected {
    background: #086d23 !important;
    color: #fff !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #008827;
    border-color: #008827;
}


#gotoTop {
    display: none;
    position: fixed;
    bottom: 15%;
    right: 0;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #008827;
    color: white;
    cursor: pointer;
    padding: 9px 15px;
}

.socialMedia-list i{
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    font-size: 25px;
}

#gotoTop:hover {
    background-color: #008827;
}

/* Affiliate Application Form - match register modal colors */
.affiliate-application-form .bg-white {
    background-color: #008827 !important;
}

.affiliate-application-form h3.text-dark {
    color: #fff !important;
}

.affiliate-application-form .did-floating-label {
    color: #666 !important;
}

.affiliate-application-form .did-floating-input,
.affiliate-application-form .did-floating-select,
.affiliate-application-form select.register_currency {
    background: #121212 !important;
    color: #fff !important;
    border-color: #121212 !important;
}

.affiliate-application-form .did-floating-label-content svg {
    color: #fff !important;
}

.affiliate-application-form .selectCustom svg {
    color: #fff !important;
}

.megamenu-nav.touchtype .nav-item.open .nav-link {
    background-color: #003525;
}

.promotion_list-container {
    background-color: #00320e;
}

.promotion_detail-header button {
    color: #fff;
}

p {
    color: #fff;
}

.btn:hover {
    color: #fff;
}

.memberProfile-section .inside-tab-item a.active,
.memberProfile-section .inside-tab-item a:hover {
    background-color: #008827 !important;
    color: #fff !important;
}

.memberProfile-section .table tbody td {
     color: #fff
}

#WithdrawalTabContent .input-group-text:hover,
#DepositTabContent .input-group-text:hover {
    color: #fff;
    background-color: #008827;
    border-color: #008827;
}

/* Override blue border and black text on select.custom-dropdown */
select,
select.custom-dropdown,
select.orderby,
select.orderby.custom-dropdown.form-control {
    accent-color: #008827;
    appearance: base-select;
    border: 1px solid #008827 !important;
    outline: none !important;
    color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #008827;
}

.afb:hover, .afb.active {
    background: #303030;
}

.dropdown-menu {
    background-color: #303030;
}

.tournament_list-info .btn-learn-more {
    color: #fff;
    background-color: #008827;
}

.list-group-item:has(.titleUnread) .time::after {
    display: inline-block;
    content: "";
    background-color: #ef9c49;
    width: 1em;
    aspect-ratio: 1 / 1;
    border-radius: 50rem;
}

.list-group-item {
    background-color: #1d8735;
    color: #fff;
    padding: var(--defaultGap);
}

    .list-group-item .content {
        color: #fff;
    }


.modal-footer time {
    font-size: 12px;
    color: #fff
}

.text-muted {
    color: #fff !important;
}

.modal .modal-body {
    color: #fff;
    padding: 0.75rem;
}

.modal .modal-footer {
    color: #fff;
}

.inside ul, .inside a {
    color: #fff;
}

#dpt-info .card-body span {
    color: #fff;
}

#DepoConfModal .btn-primary {
    background-image: none !important;
    border-color: #126e51 !important;
    color: #fff !important;
    background: #003e2b !important;
    border: 1px solid #fff !important;
}
#DepoConfModal .modal-header {
    background: #008827 !important;
}
.memberProfile-section .custom-dropdown {
    background-color: #008827;
}

.lastestfourweek .button.afb01, .lastestfourmonth .button.afb01, .lastestfourweek .button.afb04:hover, .lastestfourmonth .button.afb04:hover {
    background-color: #1d8735 !important;
    color:#fff !important;
}

.afb05 {
    background: #161515;
}

.nav-pills-qr .nav-link {
    flex: 0 1 25%;
    font-weight: bold;
    text-align: center;
    background: #0d0d0d;
    /* color: #929292; */
    border-top-left-radius: var(--defaultRadius);
    border-top-right-radius: var(--defaultRadius);
    border: 0;
    padding-bottom: calc(.5rem + var(--defaultRadius));
    margin-bottom: calc(-1 * var(--defaultRadius));
}

/* Withdrawal Bank "Bank" disabled option label — white */
select option:disabled,
select option[disabled] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

select.custom-dropdown,
select.orderby {
    color-scheme: dark;
}

/* Selected/highlighted option in dropdown — green instead of light blue */
select option:checked,
select:focus option:hover {
    background-color: #008827 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Chrome 135+ base-select picker context — selected/disabled options */
select::picker(select) option:checked {
    background-color: #008827 !important;
    color: #fff !important;
}

select::picker(select) option:disabled {
    color: #fff !important;
    opacity: 1 !important;
}

.btn-success {
    color: #fff;
    background-color: #008827;
    border-color: #000;
}

#buypromoModal #buypromo-promotionTitleTxt {
    color: #fff;
}

#buypromoModal label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: inherit;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 0px;
    cursor: default;
}

#buypromoModal .displayinfo {
    background-color: #929292;
}

@media screen and (max-width: 768px) {
    #my_offcanvas1 .under-m, #my_offcanvas1 .under-n {
        /* font-size: .5em; */
        position: relative;
        overflow: hidden;
        width: max-content;
        text-overflow: ellipsis;
        max-width: 100%;
        color: white;
        background-color: #ef5a00;
        padding: 3px 4px;
        font-weight: 500;
        border-radius: 5px 5px 5px 5px;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        height: 16px;
    }

    #my_offcanvas1 .under-n {
        background-color: #008827;
    }
}
.btn-white:hover{
    background-color: #fff;
}

.afb01:hover, .afb01.active {
    background-color: #005f1b;
    background-image: none;
}

.afb01 {
    background-color: #003e2b;
    background-image: none;
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border-radius: var(--defaultRadius);
    padding: var(--defaultPadding);
}

select {
    border-radius: 2px;
    padding: 5px 15px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #2575fc;
    font-size: .89em;
    color: #000;
    font-weight: 400;
}
.memberProfile-section select.custom-dropdown {
    display: inline-flex;
    height: auto;
}

.memberProfile-section .custom-dropdown {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
}

.memberProfile-section .form-control {
    font-size: inherit;
    font-weight: inherit;
}

.form-control {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
    border-radius: var(--defaultRadius);
}

select {
    border-radius: 2px;
    padding: 5px 15px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #008827;
    font-size: .89em;
    color: #000;
    font-weight: 400;
}

.header-container .afb-header-menu #headerBonusGroup .bonus-item {
    background-color: #1C1C1C !important;
}
.header-container .afb-header-menu #headerBonusGroup .bonus-item:hover {
    background-color: #008827 !important;
}
.memberProfile-section .input-group .input-group-text:hover {
    background: #086d23 !important
}

.memberProfile-section #bankadd.custom-dropdown option:first-child{
    color:#fff;

}

.memberProfile-section .small{
    font-weight: bold;
}
.text-danger {
    color: #d72a2a !important;
}

#DepoConfModal .fa-clone, #DepoConfModal .text-primary {
    color: #fff !important;
}

.scanQR-crypto .btn {
    background-image: none;
    background: #1d8735 !important;
}
.scanQR-crypto .btn:hover {
    background: #005f1b !important;
}
.QR-code-crypto span {
    color:#fff;
}
.crypto-info-content small {
    color: #1d8735;
}

.item_list-aside-function .form-control button, .item_list-aside-function .dropdown button {
    color: #c9c7c7;
}

.promotion_detail-info button.afb01 {
    background-color: #5b5b5b;
}

#ReadAllNotif {
    background: #086d23;
}

.mtd_est_earning_total {
    color: #1d8735 !important;
}

.universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active,
.universal_hamburger_menu .aside_content-main_content .main_content-section .btn:has(+ .show),
.universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover {
    background-color: #008827;
}

#NotifPopUpSpecial .toast-wrapper .toast-title {
    color: #008827 !important;
}
#NotifPopUpSpecial .toast-wrapper .btn-gotit {
    background-color: #008827 !important;
}
#NotifPopUpSpecial .toast-wrapper .btn-gotit:hover {
    background-color: #005f1b !important;
}

.loginBox input:focus {
    border: solid 1px #28a745 !important;
}

.btn-login {
    background-color: rgba(0, 136, 39, 1) !important;
}

.captchaInputRefresh a svg {
    color: #008827;
}

.affiliate-application-form .did-floating-label-content .toggle-password {
    filter: invert(41%) sepia(87%) saturate(1478%) hue-rotate(114deg) brightness(97%) contrast(106%) opacity(50%) !important;
}

#tournament-history tbody tr.highlight td {
    color: #000;
}