:root {
    /*===========Gradirent2==============================*/
    --lightTheme: #FFFFFF;
    --lightTheme1: #A1A1A1;
    --lightTheme2: #E7E7E7;
    /*=========================================*/
    --darkTheme: #070707;
    --darkTheme1: #2C2C2C;
    --darkTheme2: #28324D;
    /*=========================================*/
    --mainTheme1: #F6D670;
    --mainTheme2: #D39F3B;
    --mainTheme3: #F9DF79;
    --mainTheme4: #FFE254;
    /*===========Gradirent1==============================*/
    --mainTheme5: #F8E497;
    --mainTheme6: #D2AA56;
    /*===========Text Color==============================*/
    --mainTheme7: #FFF1B3;
    --mainTheme8: #F8E497;
    /*=========================================*/
    --mainTheme5: #F6D670;
    --mainTheme: #F6D670;
}

body {
    background: var(--darkTheme);
}

.noData {
    color: var(--darkTheme2);
}

.megamenu,
.modal-header,
.modal-header button.close,
.notif-hd-title,
button.afb01.xs,
#DepositTabContent .bank-list-card .bank_list-footer .btn,
.alert-secondary {
    background: linear-gradient(180deg, var(--mainTheme1),var(--mainTheme2)) !important;
}

    .megamenu .megamenu-nav .nav-item:hover,
    .afb-main_nav .nav-item:hover {
        background: var(--mainTheme3) !important;
    }

.nav-link span,
button.btn-secondary .text-white,
.promo_preview p,
.button.button-regular,
.afb-medias a,
.afb-medias span,
.cd-tabs__list span:hover,
.cd-tabs__item:hover span {
    color: #000 !important;
}

img.icon-images {
    filter: brightness(0) invert(0);
}

.btn-lite {
    position: relative;
    border: 2px solid transparent;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--darkTheme),var(--darkTheme));
    background-clip: padding-box;
}

    .btn-lite:hover {
        background: linear-gradient(180deg, var(--mainTheme1),var(--mainTheme2));
        color: #000;
        position: relative;
        border: 2px solid transparent;
        border-radius: 3px;
        background-clip: padding-box;
    }

button.afb,
button.afb01 {
    background: linear-gradient(180deg, var(--lightTheme),var(--lightTheme1)) !important;
    color: #000;
}

    button.afb:hover,
    button.afb01:hover,
    .sharebox-container {
        background: linear-gradient(0deg, var(--mainTheme1),var(--mainTheme2)) !important;
        color: #000 !important;
    }

.dropdown-single:hover
.dropbtn-single {
    background: linear-gradient(0deg, var(--mainTheme1),var(--mainTheme2));
}

.btn-success.btn-login {
    position: relative;
    border: 2px solid transparent;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--mainTheme1),var(--mainTheme2));
    background-clip: padding-box;
    color: #000;
}

    .btn-success.btn-login:hover,
    .btn-success.btn-login:focus {
        position: relative;
        border: 2px solid transparent;
        border-radius: 3px;
        background: linear-gradient(0deg, var(--mainTheme1),var(--mainTheme2));
        background-clip: padding-box;
    }

    .btn-success.btn-login:after,
    .btn-lite:after {
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: -2px;
        background: linear-gradient(180deg, var(--mainTheme1),var(--mainTheme2));
        content: '';
        z-index: -1;
        border-radius: 3px;
    }

    .btn-success.btn-login:hover:after {
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: -2px;
        background: linear-gradient(0deg, var(--mainTheme1),var(--mainTheme2));
        content: '';
        z-index: -1;
        border-radius: 3px;
    }

input, textarea,
.searchgamewidget .input-group input, select {
    border: 1px solid var(--mainTheme1) !important;
}

    input:focus, textarea:focus,
    .searchgamewidget .input-group input:focus {
        border: 1px solid var(--mainTheme2) !important;
    }

.vl {
    border-left: 5px solid var(--mainTheme1);
}

button.btn-secondary,
.top5game .afb-title-h1:before {
    background: var(--mainTheme1);
}

    button.btn-secondary:hover,
    .a-top-text-block:hover:before {
        background: var(--mainTheme2);
    }

.btn-sharebox-gray .img-fluid {
    filter: brightness(0);
}

.search-btn,
.searchgamewidget .search-btn,
.top5game .photobox__previewbox .action_overlay a div,
.top5game .photobox .photobox_title a.tmb-content__link,
.photobox.photobox_type1.prom,
.photobox.photobox_type1.promo_preview.w-100 .text-wrap,
.btn-sharebox,
.btn-sharebox-grayo_preview.w-100 .text-wrap,
.button.afb01,
button.afb03,
.btn-sharebox-gray,
.button-afb.one,
.rgstButton,
.s006 form .suggestion-wrap span {
    background: linear-gradient(90deg, var(--mainTheme5),var(--mainTheme6)) !important;
    color: #000 !important;
}

    .search-btn:hover,
    .searchgamewidget .search-btn:hover,
    .top5game .photobox__previewbox .action_overlay a div:hover,
    .top5game .photobox .photobox_title a.tmb-content__link:hover,
    .photobox.photobox_type1.promo_preview.w-100 .text-wrap:hover,
    .button.afb01:hover,
    button.afb03:hover,
    .btn-sharebox:hover,
    .btn-sharebox-gray:hover,
    .button-afb.one:hover,
    .rgstButton:hover,
    .s006 form .suggestion-wrap span:hover {
        background: linear-gradient(90deg, var(--mainTheme6),var(--mainTheme5)) !important;
        color: #000;
    }

.top5game .afb-title-h1 a span:hover,
.user-names a span:hover,
.make-me-sticky .inside:nth-child(2) div a {
    color: var(--mainTheme5) !important;
}

    .make-me-sticky .inside:nth-child(2) div a:hover {
        color: #fff !important;
    }

.button-afb,
.popup-footer button,
.afb-medias a {
    background: linear-gradient(90deg, var(--mainTheme5),var(--mainTheme6));
}

    .button-afb:hover,
    .popup-footer button:hover,
    .afb-medias a:hover {
        background: linear-gradient(90deg, var(--mainTheme6),var(--mainTheme5));
    }

.inside-tab-item > a.active {
    color: #000 !important;
    border: 2px solid var(--mainTheme2);
    background-color: white;
}

@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 2px 0 0 var(--mainTheme2);
    }
}

.from-date:focus-within, .end-date:focus-within,
.from-date:focus-within label, .end-date:focus-within label,
.from-date:focus-within input, .end-date:focus-within input,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: var(--mainTheme1) !important;
    border: 1px solid var(--mainTheme1) !important;
    color: #fff !important;
}

.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 {
    background: var(--mainTheme1) !important;
    border: 1px solid var(--mainTheme1) !important;
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-header {
    background: var(--mainTheme1) !important;
}

.nav-pills-qr .nav-link,
#snav li:nth-child(10n+1) span,
#snav li:nth-child(10n+1) a:hover .fa {
    background: var(--mainTheme5) !important;
}

    .nav-pills-qr .nav-link.active,
    .tab-content.qr {
        background: var(--mainTheme6) !important;
    }

#tab-inbox .card.card-body {
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
}

.btn-underline-sharebox:hover::after,
.paginationjs-page.J-paginationjs-page.active a {
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
}

.pagination > li > a.one {
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
    color: white;
}

ul.pagination > li {
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 2;
    color: #ffffff;
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
    border-color: var(--mainTheme2);
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
    border-color: var(--mainTheme2);
}

#slideout p {
    background: var(--mainTheme5);
    color: #000 !important;
}

.choose-file::-webkit-file-upload-button {
    background: linear-gradient(90deg, var(--mainTheme1),var(--mainTheme2));
    border-radius: 0 !important;
}

.games-inner.member-bank-list thead,
.games-inner.member-crypto-list thead,
#main-affiliate thead, #daily-lucky-spin-history thead,
#deposit-withdraw-history thead,
#gamedeposit-withdraw-history thead,
#tier thead,
#active-member-list thead {
    background: var(--mainTheme1) !important;
}

.games-inner.member-bank-list.table-sticky thead .sticky-left,
.cd-tabs__list li,
.games-inner.member-crypto-list.table-sticky thead .sticky-left,
.crypto-button-group .btn.active,
#main-affiliate .table-sticky thead .sticky-left,
#daily-lucky-spin-history .table-sticky thead .sticky-left,
#deposit-withdraw-history .table-sticky thead .sticky-left,
#gamedeposit-withdraw-history .table-sticky thead .sticky-left,
#tier .table-sticky thead .sticky-left,
.table-sticky thead th.sticky-left,
#tournament-history thead {
    background: var(--mainTheme2) !important;
}

#registerModal .bottom.text-center a.ml-2 {
    background: linear-gradient(180deg, var(--mainTheme1) 0%, var(--mainTheme2) 100%) !important;
    padding: 8px 8px;
    border-radius: 2px;
    color: #000;
}

    #registerModal .bottom.text-center a.ml-2:hover {
        background: linear-gradient(0deg, var(--mainTheme1) 0%, var(--mainTheme2) 100%) !important;
    }

.h_nav-item > a, .h_nav-item > span {
    color: #fff !important;
}

.afb-blue-bar,
.toggleLeft-profile {
    background: var(--mainTheme1) !important;
}

.js .cd-tabs__item--selected {
    box-shadow: inset 0 2px 0 var(--mainTheme2) !important;
}

#DepositTabContent .bank-list-card .bank_list-container {
    background: var(--darkTheme1);
}

@media (min-width: 601px) {
    .megamenu .megamenu-nav .nav-link:hover {
        background: var(--mainTheme3) !important;
    }
}

@media (max-width: 600px) {
    .megamenu .megamenu-nav .nav-link:hover {
        background: var(--mainTheme3) !important;
    }
}

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

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

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

.loyalprogram-info .table-title {
    color: rgba(198, 158, 93,.8);
}

.sidebar-box .read-more a.button {
    background: linear-gradient(90deg, var(--mainTheme5),var(--mainTheme6));
}

.sidebar-box .read-more a.button:hover,
.sidebar-box .read-more-btn a.button:hover {
    background: linear-gradient(90deg, var(--mainTheme6),var(--mainTheme5));
}

#DepoConfModal .btn-primary {
    background-image: linear-gradient(180deg, var(--mainTheme1),var(--mainTheme2)) !important;
    border-color: var(--mainTheme) !important;
    color: #fff !important;
}

#DepoConfModal .modal-header {
    background: var(--mainTheme) !important;
}

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


#DepoConfModal .fa-clone,
#DepoConfModal .text-primary {
    color: var(--mainTheme) !important;
}

.game-overlay-DetailBottom .bottom-container,
.game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container {
    background: var(--mainTheme2);
}

.game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play {
    background: linear-gradient(90deg, var(--mainTheme5),var(--mainTheme6));
    color: #000;
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play:hover {
        filter: none;
        background: linear-gradient(90deg, var(--mainTheme6),var(--mainTheme5));
    }

.game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo {
    background-color: #454545;
    color: #FFF;
}

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

.dot3-popup.ui-widget.ui-widget-content {
    border-color: var(--mainTheme1);
}

    .game-overlay-DetailBottom .bottom-container .game-attribute .game-attribute-details:after {
        border-top: 0px solid var(--mainTheme1);
        border-right: 0.5px solid var(--mainTheme1);
        border-bottom: 0.5px solid var(--mainTheme1);
        border-left: 0px solid var(--mainTheme1);
    }

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle {
    border-color: var(--mainTheme2);
}

.casinoug-overlay-ui .bottom-container,
.casinoug-overlay-ui .top-container .fav-gametag .favourite-game-container {
    background: var(--mainTheme2);
}

.casinoug-overlay-ui .hover-content .btn-play {
    background: #fcae16;
}