﻿:root {
    --mainTheme: #269900;
}

.promo-font-color {
    color: #cbf7c2 !important;
}

.afb-dark-blue {
    background-color: #151515 !important;
}

.afb-title-h1 .h1 {
    color: #fff !important;
}

.afb-title-h1 a span {
    color: white !important;
}

    .afb-title-h1 a span:hover {
        color: #6ef051 !important;
    }

.megamenu {
    background: #269900 !important;
    /*border-bottom: 2px solid #3e3e3e6b;*/
    /*    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;*/
}

    .megamenu .megamenu-nav .nav-link:hover {
        background: rgb(16,16,16) !important;
        background: linear-gradient( 90deg, rgba(16,16,16,1) 0%, rgba(52,52,52,1) 50%, rgba(16,16,16,1) 100%) !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;
}

.dropdown-single:hover .dropbtn-single {
    background: rgb(50,115,36);
    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(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-radius: 25px;
    padding: .375rem .75rem;
}

button.afb01.xs {
    background-image: linear-gradient(to right, #269900, #269900) !important;
}

button.afb01 {
    border: 1px solid #72f452;
    background: none;
    background-color: transparent !important;
    color: #72f452;
    /*border-radius: 25px;*/
    padding: .375rem .75rem;
}

    button.afb01:hover {
        border: 1px solid #269900;
        background: #269900;
        background-color: #269900 !important;
        color: #fff;
    }

button.afb:hover {
    background: rgb(72,72,72) !important;
    background: linear-gradient(180deg, rgba(72,72,72,1) 37%, rgba(105,105,105,1) 100%) !important;
}

/*Lite version button*/
.btn-lite {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: 2px solid #b3ffb3;
    border-radius: 2px 2px;
    font-size: 1em;
    margin-right: 1em;
    background-image: linear-gradient(to right, #83ff6e, #68d955);
    color: black;
}

    .btn-lite:hover {
        background-image: linear-gradient(to left, #83ff6e, #68d955);
        color: black;
    }

.inside .h1, .searchgamewidget .h1 {
    color: #72f452 !important;
}

.inside p, .inside .h2 {
    color: white !important;
}

.inside > div > div > a {
    color: white!important;
}

.inside > div > div > a:hover {
    color:#fff!important
}

.inside a p:hover {
    color: white !important;
}

button.afb-m-menu {
    border: 1px solid #377d22 !important;
    background-color: #000 !important;
}

    button.afb-m-menu:hover {
        background: #377d22 !important;
    }

button.afb-m-menu {
     background-color: #0000ff00!important;
}

.btn-icontop-lg {
    background-color: #269900 !important;
}

.nav-item:hover > a > img.megamenu-icon {
    filter: invert(65%) sepia(81%) saturate(341%) hue-rotate(62deg) brightness(104%) contrast(104%) !important;
}


a.btn-icontop-lg:hover {
    background: rgb(38 153 0);
    background: linear-gradient(0deg, rgb(38 153 0) 0%, rgb(38 153 0) 50%, rgba(114,244,82,1) 100%);
}

.btn-light {
    background-color: #595959 !important;
}

    .btn-light:hover {
        background: rgb(82,82,82) !important;
        background: linear-gradient(180deg, rgba(82,82,82,1) 0%, rgba(48,48,48,1) 100%) !important;
    }

.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: #269900 !important;
}

.afb-medias a {
    background: #269900;
}

    .afb-medias a:hover {
        background: rgb(38 153 0);
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
    }
/* saerch bar */
.search-btn, .searchgamewidget .search-btn {
    background: #269900;
    /*background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);*/
}

    .search-btn:hover {
        background: rgb(38 153 0);
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
        color: white;
    }

.button-afb.one {
    background: linear-gradient( 0deg, rgba(50,115,36,1) 0%, rgba(56,127,41,1) 35%, rgba(114,244,82,1) 100%) !important;
    background: #269900 !important;
}

    .button-afb.one:hover {
        background: rgb(38 153 0);
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 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 #579c55 !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: #d5a50e !important;
}
/* Delete Button */
button.afb02 {
    background: #377d29 !important ;
}
/* number page */
.paginationjs-page.J-paginationjs-page.active {
    background: #327324 !important;
    background-image: none !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background: rgb(50,115,36);
    background: linear-gradient( 90deg, rgba(56,127,41,1) 0%, rgba(114,244,82,1) 100%);
}

.notif-hd-title {
    background: #269900 !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: #269900 !important;
}

    .afb-blue-bar a.toggleLeft-profile {
        background: #269900 !important;
    }
/* Navigation Bar */
.afb-main_nav .nav-item:hover {
    background: rgb(16,16,16) !important;
    background: linear-gradient( 90deg, rgba(16,16,16,1) 0%, rgba(52,52,52,1) 50%, rgba(16,16,16,1) 100%) !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: #269900 !important;
    background-image: none !important;
}

.btn-primary {
    background-color: #d42939 !important;
}

.modal-content.oned {

    border-bottom: 5px solid #269900 !important;
    background: linear-gradient( 180deg, rgba(28,28,28,1) 0%, rgba(51,51,51,1) 100%) !important;
}

.dls-title .h1 {
    background-color: #269900 !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: sepia(100%) hue-rotate( 1deg ) saturate(0%);
}



.btn-white:hover {
    color: #fff !important;
    background: rgb(38 153 0);
    background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
}



/*.inside-tab {
    background-color: hsl(0deg 0% 18%)!important;
}*/


.paginationjs-page.J-paginationjs-page.active {
    background-image: linear-gradient(to right, #387f29, #327324) !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: #327324;
}

.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: #269900 !important;
}

.nav-pills-qr .nav-link {
    background: #b18f35;
}

#dls-mobile {
    background-color: #0d4800;
    color: #fff;
}


/* DLS */
.dls-pop-bg {
    background: linear-gradient( 0deg, rgb(38 153 0) 0%, rgb(38 153 0) 35%, rgb(25 101 0) 100%) !important;
}
.dls-pop-button {
    background: #269900 !important;
}
    .dls-pop-button:hover {
        background: rgb(38 153 0);
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%) !important;
    }



input,
textarea,
select {
    border: 1px solid #545454 !important;
}

    input:focus,
    textarea:focus,
    select:focus {
        border: 1px solid #269900 !important;
    }

.megamenu .megamenu-nav .nav-link {
    flex-direction: column !important;
}

.nav-item:hover > a > span.pl-lg-1 {
    color: #72f452 !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;
    /*border-radius: 25px;*/
    /*margin: 0px 3px;*/
}
    button.btn-success.btn-login:hover {
        background: rgb(106,106,106);
        background: linear-gradient( 180deg, rgba(106,106,106,1) 0%, rgba(89,89,89,1) 50%, rgba(73,73,73,1) 100%);
    }
.alert-danger > marquee span {
    color: #72f452;
}
.product-sm .img-wrap {
    border-radius: 0px;
    border: 2px solid #269900;
}
.text-truncate > marquee{
    margin: -2px;
}

.vl {
    border-left: 5px solid #327324;
}

button.afb03 {
    background: #d42939;
    border-radius: 25px;
}
button.promobtn {
    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;
}
    button.promobtn:hover {
        background: rgb(106,106,106);
        background: linear-gradient( 180deg, rgba(106,106,106,1) 0%, rgba(89,89,89,1) 50%, rgba(73,73,73,1) 100%);
        border: 1px solid transparent;
    }
.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    box-shadow: inset 0 2px 0 hsl(118deg 29% 47%);
    color: var(--cd-color-1);
}
.btn-color {
    background-image: linear-gradient(to right, #269900, #269900);
}
    .btn-color:hover {
        background: rgb(38 153 0);
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
    }

.save-btn button.afb01, .membank-page button.afb01 {
    background: rgb(38 153 0);
    background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
    border: none;
    color: white;
}
    .save-btn button.afb01:hover, membank-page:hover {
        background: rgb(38 153 0) !important;
        background: linear-gradient( 180deg, rgba(50,115,36,1) 0%, rgba(56,127,41,1) 35%, rgba(114,244,82,1) 100%);
        border: none;
    }
.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;
}

@media only screen and (max-width: 767px) {
    .close span.text-dark {
        color: white;
    }
    .register-p-b-next {
        width: 100%;
    }
}
button.btn.btn-primary.afb.mr-2.sl-h {
    border-radius: 2px;
}

.from-date:focus-within input, .end-date:focus-within input {
    background: #269900 !important;
    color: #fff !important;
}

.from-date:focus-within, .end-date:focus-within {
    background: #269900;
    color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    background: #269900;
    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 #269900;
    background: #269900;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #269900;
    background: #269900;
    font-weight: normal;
    color: #ffffff;
}

#mainContent {
    min-height: 1400px;
}
.nav-bottom {
    --backgroundColor: #269900;
}
.nav-bottom .nav-link {
    color: #fff;
}
    .nav-bottom .nav-bottom-home::after {
        background: #269900;
    }


.top5game .afb-title-h1:before, .jackpotpool .afb-title-h1:before {
    color: #327324
}
.top5game .photobox__previewbox .action_overlay a div, .jackpotpool .photobox__previewbox .action_overlay a div {
    background-image: linear-gradient(to right, #269900, #269900);
}

.top5game .photobox__previewbox .action_overlay a div:hover, .jackpotpool .photobox__previewbox .action_overlay a div:hover {
    background: rgb(38 153 0);
    background-image: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
}

.faq-card {
    background-color: #269900;
}

@media (max-width: 429px) {

    button.afb-m-menu {
        background: linear-gradient( 90deg, rgba(16,16,16,1) 0%, rgba(52,52,52,1) 50%, rgba(16,16,16,1) 100%) !important;
    }
}




.rgstButton {
    background: #269900 !important;
}

    .rgstButton:hover {
        background: #228700 !important;
    }


#registerModal .bottom a {
    color: #269900 !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;
}

.toast-body {
    border-bottom: 6px solid #269900;
}

.loyalprogram-info .table-title {
    color: rgba(38,153,0,.8);
}

#DepoConfModal .btn-primary {
    background-image: linear-gradient(to right, #269900, #269900) !important;
    border-color: #269900 !important;
    color: #fff !important;
}

#DepoConfModal .modal-header {
    background: #269900 !important;
}

    #DepoConfModal .modal-header h5 {
        color: #fff !important;
    }


#DepoConfModal .fa-clone,
#DepoConfModal .text-primary {
    color: #269900 !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: #269900;
    color: #FFF;
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play:hover {
        filter: none;
        background: linear-gradient( 0deg, rgb(35 137 1) 0%, rgb(38 153 0) 35%, rgba(114,244,82,1) 100%);
    }

.game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo {
    background: linear-gradient( 0deg, rgba(106,106,106,1) 0%, rgba(89,89,89,1) 50%, rgba(73,73,73,1) 100%);
    color: #fff;
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo:hover {
        filter: none;
        background: linear-gradient(180deg, rgba(72,72,72,1) 37%, rgba(105,105,105,1) 100%);
    }

.dot3-popup.ui-widget.ui-widget-content {
    border-color: #72f452;
}

    .game-overlay-DetailBottom .bottom-container .game-attribute .game-attribute-details:after {
        border-top: 0px solid #72f452;
        border-right: 0.5px solid #72f452;
        border-bottom: 0.5px solid #72f452;
        border-left: 0px solid #72f452;
    }


.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%);
}

.fastdeposit-note, .autodeposit-note {
    
    font-size: 1em;
}