:root {
    --mainTheme: #16171b;
}

.afb-wrapper {
    background-color: #16171b !important;
}

span {
    color:white;
}

.inside {
    border-top: 1px solid #f9eb0c;
    background-color: #414141;
}

.promo-font-color {
    color: #cbf7c2 !important;
}

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

.afb-title-h1 .h1 {
    color: #fff !important;
}

.afb-title-h1 {
    background: rgb(0 0 0 / 0%);
}

.afb-title-h1 a span {
    color: color: #acacac !important;
}

    .afb-title-h1 a span:hover {
        color: #ebe822 !important;
    }

.megamenu {
    background: #16171b !important;
    border: 0px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #ffc107, #f0ff07);
    border-image-slice: 1;
    border-top: 1px solid;
}

    .megamenu .megamenu-nav .nav-link:hover {
        background: rgb(65 65 65) !important;
    }

.main.nav-wrapper .nav-item-content {
    background: linear-gradient( 90deg, rgb(65 65 65) 0%, rgb(65 65 65) 50%, rgb(44 44 44) 100%);
}

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

.dropdown-single:hover .dropbtn-single {
    background: unset;
    /*background: linear-gradient( 0deg, rgba(50,115,36,1) 0%, rgba(56,127,41,1) 35%, rgba(114,244,82,1) 100%);*/
}

button.afb {
    background: rgb(220 53 69);
    background: linear-gradient( 0deg, #dc3545 0%, #dc3545 50%, #dc3545 100%);
    padding: .375rem .75rem;
}

button.afb01.xs {
    background-image: linear-gradient( 0deg, #dc3545 0%, #dc3545 50%, #dc3545 100%);
}

button.afb01 {
    border: 1px solid #f2f305;
    background: none;
    background-color: transparent !important;
    color: #f2f305;
    border-radius: 25 px;
    padding: 0.375 rem 0.75 rem;
}

    button.afb01:hover {
        border: 1px solid #fec200;
        background: #fec200;
        background-color: #fec200 !important;
        color: #000;
    }

button.afb:hover {
    background: #fdc405 !important;
    background: linear-gradient(to right, #fdc405, #fbff00);
    color:black;
}

/*Lite version button*/
.btn-lite {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: 2px solid #f2f0ae;
    border-radius: 2px 2px;
    font-size: 1em;
    margin-right: 1em;
    background-image: linear-gradient(to right, #f5f184, #e8e472);
    color: black;
}

    .btn-lite:hover {
        background-image: linear-gradient(to left, #f5f184, #e8e472);
        color: black;
    }

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

.inside p, .inside .h2 {
    color: black !important;
}
.inside > div > div > a > i{
    color: #000;
}
.inside > div > div > a {
    color: #c9c9c9 !important;
}

.inside > div > div > a:hover {
    color: white !important;
}

.inside a p:hover {
    color: white !important;
}

button.afb-m-menu {
    border: 1px solid #f2f305 !important;
    background-color: #000 !important;
}

    button.afb-m-menu:hover {
        background: #fec200 !important;
        border: 1px solid #fec200 !important;
    }

.btn-icontop-lg {
    background-color: #f8ce46 !important;
    color: black;
}

.btn-icontop-lg span {
    color: black !important;
}

.nav-item:hover > a > img.megamenu-icon {
    filter: invert(13%) sepia(100%) saturate(289%) hue-rotate(350deg) brightness(100%) contrast(100%) !important;
}


a.btn-icontop-lg:hover {
    background: #fffcf2 !important;
}

.btn-light {
    background-color: #595959 !important;
}

    .btn-light:hover {
        background: rgb(82,82,82) !important;
        background: linear-gradient(to right, #fdc405, #fbff00) !important;
        color:black;
    }

.mobile-col {
    background-color: #2c2c2c !important;
}

/*.text-wrap {
    border-top: 3px solid transparent;
    border-image: #977931;
    border-image: -moz-linear-gradient(left, #977931 1%, #f4e194 25%, #bf8e31 48%, #f4e497 70%, #886722 100%);
    border-image: -webkit-linear-gradient(left, #977931 1%,#f4e194 25%,#bf8e31 48%,#f4e497 70%,#886722 100%);
    border-image: linear-gradient(to right, #977931 1%,#f4e194 25%,#bf8e31 48%,#f4e497 70%,#886722 100%);
    border-image-slice: 1;
    border-radius: 0 0 8px 8px;
}*/

#slideout p {
    background: #f2f305 !important;
    color: #000;
}

.afb-medias a {
    background: #f2f305;
}

    .afb-medias a:hover {
        background: #fcc712;
    }
/* saerch bar */
.search-btn, .searchgamewidget .search-btn {
    background: #fdc405;
    /*background: linear-gradient(to right, #fdc405, #fbff00);*/
}

    .search-btn:hover {
        background: rgb(65 65 65);
        background: linear-gradient( 180deg, rgb(65 65 65) 0%, rgb(65 65 65) 35%, rgb(65 65 65) 100%);
        color: white;
    }

.button-afb.one {
    background: #00aaa9 !important;
    background: linear-gradient( 0deg, rgb(0 102 102) 0%, rgb(0 116 115) 35%, rgb(0 170 169) 100%) !important;
}

    .button-afb.one:hover {
        background: #00aaa9 !important;
        background: linear-gradient( 0deg, rgb(0 170 169) 0%, rgb(0 170 169) 35%, rgb(0 170 169) 100%) !important;
    }

.button-afb {
    background: #d42939 !important;
}

    .button-afb:hover {
        background: #de4756 !important;
    }

.btn-primary {
    background-color: #ff6a00 !important;
}

/*@media (min-width: 64rem) {
    .cd-tabs__list {
        background-color: hsl(0deg 0% 18%) !important;
    }
}

@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 3px 0 #fcc712 !important;
    }
}*/

.inside-tab-item > a.active {
    border: 2px solid #464646 !important;
}

.game-part .h3 {
    background: #2e2e2e !important;
}

ul.gamesHs-title li {
    background-color: #434959 !important;
}

.rank-part .h4 {
    color: #72f452 !important;
}

/*
.card-header {
    background: #434959 !important;
}
*/
.user-names a span:hover {
    color: #f8ce46 !important;
}
/* Delete Button */
button.afb02 {
    background: #dc3545 !important;
}
/* number page */
.paginationjs-page.J-paginationjs-page.active {
    background: #dc3545 !important;
    background-image: none !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background: #dc3545;
    background: linear-gradient(to right, #dc3545, #dc3545) !important;
}

.notif-hd-title {
    background: #00aaa9 !important;
}

.gold-faq a {
    color: #dadada !important;
}

    .gold-faq a:hover {
        color: #e2c360 !important;
    }

/*.nav-bottom img.megamenu-icon {
    filter: brightness(0) invert(1) !important;
}*/
/* User Profile */
.afb-blue-bar {
    background: #fcc712 !important;
}

    .afb-blue-bar a.toggleLeft-profile {
        background: #fcc712 !important;
    }

.btn-link i {
    color: #242424 !important;
}

/* Navigation Bar */
.afb-main_nav .nav-item:hover {
    background: rgb(65 65 65) !important;
}
/* Daily Lucky Spin | Free spin Button */
.button-afb.one:hover.free-spin-btn:hover {
    background: rgb(217,170,22) !important;
}

.luckspin_logo {
    background: rgb(28,28,28) !important;
    background: linear-gradient( 180deg, rgba(28,28,28,1) 0%, rgba(51,51,51,1) 100%) !important;
    box-shadow: 3px 3px 13px black; /*border: 2px solid gold;*/
}

.filter-button.active, .filter-button:hover {
    background: #00aaa9 !important;
    background-image: none !important;
}

.btn-primary {
    background-color: #d42939 !important;
}

.modal-content.oned {
    background: #00aaa9 !important;
    border-bottom: 5px solid #00aaa9 !important;
    background: linear-gradient( 180deg, rgba(28,28,28,1) 0%, rgba(51,51,51,1) 100%) !important;
}

.dls-title .h1 {
    background-color: #00aaa9 !important;
}

.bonus-dls-bg {
    background: #2e2e2e66 !important;
}

.modal, .modal2 {
    background-color: rgb(76 76 76 / 60%) !important;
}

.pagination a.active {
    background-image: linear-gradient(to right, #b18f35, #b18f35) !important;
    color: white !important;
    display: block !important;
}


.btn-icontop-lg img {
    filter: invert(0) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(10%) contrast(60%) !important;
}



.btn-white:hover {
    color: #fff !important;
    background: rgb(220 53 69);
    background: linear-gradient( 0deg, #dc3545 0%, #dc3545 50%, #dc3545 100%);
    border: 2px solid #dc3545 !important;
}



/*.inside-tab {
    background-color: hsl(0deg 0% 18%)!important;
}*/


.paginationjs-page.J-paginationjs-page.active {
    background-image: linear-gradient(to right, #dc3545, #dc3545) !important;
    color: white !important;
}


.cd-tabs__list li {
     background: hsl(0deg 0% 14%)!important;
}

.cd-tabs__navigation {
    background: hsl(0deg 0% 14%) !important;
}

.modal-header button.close {
    background: #dc3545;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn-light.focus, .btn-light:focus {
    background: rgb(82,82,82) !important;
    background: linear-gradient( 180deg, rgba(82,82,82,1) 0%, rgba(48,48,48,1) 100%) !important;
}

.faq-nav .nav-link.active {
    background-color: #00aaa9 !important;
}

.nav-pills-qr .nav-link {
    background: #b18f35;
}

#dls-mobile {
    background-color: #d2a20a;
}


/* DLS */
.dls-pop-bg {
    background: linear-gradient(180deg, rgb(253 222 0) 0%, rgb(106 83 0) 100%) !important;
}
.dls-pop-button {
    /* background: #fdc405 !important; */
    /* color: black !important; */
    background: #00aaa9 !important;
    background: linear-gradient( 0deg, rgb(0 102 102) 0%, rgb(0 116 115) 35%, rgb(0 170 169) 100%) !important;
}
    .dls-pop-button:hover {
        background: #00aaa9 !important;
        background: linear-gradient( 0deg, rgb(0 170 169) 0%, rgb(0 170 169) 35%, rgb(0 170 169) 100%) !important;
    }



input,
textarea,
select {
    border: 1px solid #545454 !important;
}

    input:focus,
    textarea:focus,
    select:focus {
        border: 2px solid #28a745 !important;
    }

.megamenu .megamenu-nav .nav-link {
    flex-direction: column !important;
}

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

button.btn-success.btn-login {
    background: rgb(106,106,106);
    background: linear-gradient( 0deg, rgba(106,106,106,1) 0%, rgba(89,89,89,1) 50%, rgba(73,73,73,1) 100%);
    border: 1px solid transparent;
    background-color: rgb(106,106,106);
}
    button.btn-success.btn-login:hover {
        background: rgb(106,106,106) !important;
        background: linear-gradient( 180deg, rgba(106,106,106,1) 0%, rgba(89,89,89,1) 50%, rgba(73,73,73,1) 100%) !important;
        color: white;
    }
.alert-danger > marquee span {
    color: #d9d9d9;
}
.product-sm .img-wrap {
    border-radius: 0px;
    border: 2px solid #f4ec07;
}
.text-truncate > marquee{
    margin: -2px;
}

/*.text-wrap {
    border-bottom: 1px solid #2ba8a7;
    background-color: #414141;
}*/

.vl {
    border-left: 5px solid #bffeff;
}

button.afb03 {
    background: #414141;
}
button.promobtn {
    background: rgb(220 53 69);
    background: linear-gradient( 0deg, rgb(220 53 69) 0%, rgb(220 53 69) 50%, rgb(220 53 69) 100%);
    border: 1px solid transparent;
}
    button.promobtn:hover {
        background: rgb(65 65 65);
        background: linear-gradient( 180deg, rgb(65 65 65) 0%, rgb(65 65 65) 50%, rgb(65 65 65) 100%);
        border: 1px solid transparent;
    }
.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    background-color: var(var(--color-user-bg));
    box-shadow: inset 0 2px 0 hsl(118deg 29% 47%);
    box-shadow: inset 0 2px 0 hsl(118deg 29% 47%);
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1);
}
.btn-color {
    background-image: linear-gradient( 0deg, #dc3545 0%, #dc3545 50%, #dc3545 100%);
}
    .btn-color:hover {
        background: #fdc405 !important;
        background: linear-gradient(to right, #fdc405, #fbff00);
        color: black;
    }

.save-btn button.afb01, .membank-page button.afb01 {
    background: rgb(220 53 69);
    background: linear-gradient( 0deg, rgb(220 53 69) 0%, rgb(220 53 69) 35%, rgb(220 53 69) 100%);
    border: none;
    color: white;
}
    .save-btn button.afb01:hover, membank-page:hover {
        background: #fdc405 !important;
        background: linear-gradient(to right, #fdc405, #fbff00);
        border: none;
        color: black !important;
    }
.period_months button.afb01 {
    background-color: #387e29 !important;
}
.btn-sharebox {
    background-image: linear-gradient(to right, #72f452, #327324);
    color: #fff;
}
    .btn-sharebox:hover {
        background-image: linear-gradient(to right, #327324, #72f452);
        color: #fff;
    }
.btn-white {
    color: #347625;
    border: 2px solid #367a27;
}

.dropdown-single-content button {
    background-color: #327324 !important;
    border-radius: unset;
    border:none;
}

/* DLS */
#dls-mobile {
    background-color: #007675 !important;
}

/* Left contect box */
.afb-medias span {
    color: #000;
    font-weight: 500;
}

/* Footer content */
footer {
    background: #2c2c2c;
}

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

.afb-black, .alert-danger {
    background-color: #2c2c2c !important;
}

.afb-bg-opacity {
    background-color: transparent;
}

#gotoTop {
    background-color: rgb(0 0 0) !important;
}

.btn-light {
    background-color: hsl(0deg 0% 25%) !important;
}

span#dls-countdown2 {
    font-weight: 500;
    color: #c51200;
}

.m-yellow {
    background: linear-gradient(to right, #fdc405, #fbff00);
}

.m-yellow a span {
    color: black!important;
}

.m-yellow a img {
    filter: brightness(0) invert(0);
}

.btn-shine {
    -webkit-text-fill-color: #ffffff7a !important;
}

.fastdeposit-copy button {
    background-color: #fcc712 !important;
}
    .fastdeposit-copy button:hover {
        background-color: #fcb412 !important;
    }
button.button-register {
    background-color: #f2f305 !important;
    color: #000;
}
.bonus-dls-bg-wrapper span {
    color: #212529;
    font-size: .8rem;
    font-weight: 300;
}
.from-date:focus-within input, .end-date:focus-within input {
    background: #f2f305 !important;
    color: #000 !important;
}

.from-date:focus-within, .end-date:focus-within {
    background: #f2f305;
    color: #000;
}
    .from-date:focus-within label, .end-date:focus-within label {
        color: #000;
    }
    .from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o {
        color: #000;
    }
    .from-date:focus-within input:focus, .end-date:focus-within input:focus {
        color: #000 !important;
        border: none !important;
    }

.ui-datepicker .ui-datepicker-header {
    background: #f2f305;
    color: #000;
}
.ui-datepicker .ui-datepicker-title span{
    color: #000;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    filter: none;
}

.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 #f2f305;
    background: #f2f305;
    font-weight: normal;
    color: #000;
}

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

#mainContent {
    min-height: 1400px;
}
.nav-bottom {
    --backgroundColor: #202125;
}
.nav-bottom .nav-link {
    color: #fff;
}
    .nav-bottom .nav-bottom-home::after {
        background: linear-gradient( 0deg, rgb(0 102 102) 0%, rgb(0 116 115) 35%, rgb(0 170 169) 100%) !important;
    }

.megamenu .container .toggleRight i, .megamenu .container .toggleLeft i{
    color: white !important;
}

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

.top5game .photobox__previewbox .action_overlay a div, .jackpotpool .photobox__previewbox .action_overlay a div {
    background-image: linear-gradient( 0deg, rgb(220 53 69) 0%, rgb(220 53 69) 35%, rgb(220 53 69) 100%);
}

.top5game .photobox__previewbox .action_overlay a div:hover, .jackpotpool .photobox__previewbox .action_overlay a div:hover {
    background: linear-gradient(to right, #fdc405, #fbff00);
    color: black !important;
}

.faq-card {
    background-color: #00aaa9;
}

@media (max-width: 429px) {

    button.afb-m-menu {
        background: rgb(65, 65, 65) !important;
        background-color: rgb(65, 65, 65) !important;
    }
}



.rgstButton {
    background: #0e0e0e !important;
}

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


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

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

.h_nav-item > a, .h_nav-item > span, .payment-item {
    background-color: hsl(0deg 0% 14%) !important;
}

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

#dpt-info span {
    color: #333;
}

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

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

#DepoConfModal .btn-primary {
    background: #fdc405;
    border-color: #fdc405 !important;
    color: #fff !important;
}

#DepoConfModal .modal-header {
    background: #fdc405 !important;
}

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

#DepoConfModal .modal-content span {
    color: #000 !important;
}

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

.game-overlay-DetailBottom .bottom-container,
.game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container {
    background: hsl(0deg 0% 14%);
}

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

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

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

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

.casinoug-overlay-ui .bottom-container .rtp-provider-container .rtp-circle-container .rtp-circle {
    border-color: hsl(0deg 0% 14%);
}

.casinoug-overlay-ui .bottom-container,
.casinoug-overlay-ui .top-container .fav-gametag .favourite-game-container {
    background: hsl(0deg 0% 14%);
}