﻿:root {
    --mainTheme: #00643a;
}



#btn_Login {
    background: transparent;
    color: #9382ee;
    border-color: #9382ee !important;
}

    #btn_Login:hover {
        background: #9382ee !important;
        color: #fff !important;
        border-color: #9382ee !important;
    }


.rgstButton {
    background: #9382ee !important;
}

    .rgstButton:hover {
        background: linear-gradient(0deg, #6958a9, #493787) repeat-x !important;
        border-color: #7762bd !important;
    }



#registerModal .bottom a, #loginModal .bottom a {
    color: #27254c !important;
}

    #registerModal .bottom a:hover, #loginModal .bottom a:hover {
        color: #333 !important;
    }

/*style for menu bar*/
#outer-nav {
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    #outer-nav {
        overflow-x: scroll;
    }
    /*hide menu scrollbar*/
    #outer-nav::-webkit-scrollbar { 
        width: 0px;
        height: 0px;
    }
}
body {
    font-size: .8em !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0.5px;
    background-color: #00341e;
    height: auto;
}

button {
    font-size: 1em !important;
}

.m-show {
    display: none;
}

.b-show {
    display: block;
}

@media screen and (max-width:768px) {
    .m-show {
        display: block;
    }

    .b-show {
        display: none;
    }
}

/* icon fa margin */
.fa.one {
    margin-left: 5px;
}


.slot95v2-main_nav {
    background-color: #00643a;
}
.slot95v2-main_nav .nav-link {
    color: #ffcf35;
}
.slot95v2-main_nav .main_nav-icon {
    filter: sepia(100%) hue-rotate(0deg) saturate(200%) brightness(0.8);
}

input#desktopLoginUsername, input.login_password {
    border: 1px solid #ffcf35;
    background: #002214;
}

button.btn-outline-contrasttheme {
    background-color: #00643a;
    border: 1px solid #ffcf35;
    color: #ffcf35;
}

button.btn-outline-contrasttheme:hover {
    background-color: #ffcf35;
    border: 1px solid #ffcf35;
    color: #00643a;
}

button.btn-contrasttheme,
.loginBox .btn-login {

    background: #ffcf35 linear-gradient(180deg, #ffcf35, #ffcf35) repeat-x;
    color: #00341e;
    border: #ffcf35 1px solid;
}

    button.btn-contrasttheme:hover,
    .loginBox .btn-login:hover,
    .loginBox .btn-login:focus {
        
        background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
        color: #ffcf35;
        border: #ffcf35 1px solid;
    }

.slot95v2-lobby .marquee-container {
    background-color: #002214;
    border: 1px solid #ffcf35;
}

.jackpotpool div.text-wrap {
    background-color: #00643a;
}

.top5game .photobox .photobox_title a.tmb-content__link {
    background-color: #00643a;
}

.top5game .photobox .photobox_title a.tmb-content__link {
    color: #fff;
}

.slot95v2-lobby .marquee-title-icon-container {
    background-color: #ffcf35;
}

.jackpotpool span.gold {
    color: #ffcf35 !important;
}
 
.jackpotpool .afb-title-h1:before {
    background: #ffcf35;
}

.theme-input input[type=text], .theme-input input[type=password], .theme-input input[type=email], .theme-input input[type=number], .theme-input input[type=button], .theme-input input[type=submit], .theme-input input[type=reset], .theme-input input[type=tel] {
    color: #ffcf35;
    background-color: #002214;
    border-top-color: #ffcf35;
    border-left-color: #ffcf35;
    border-right-color: #ffcf35;
    border-bottom-color: #ffcf35;
}

.btn-contrasttheme {
    color: #212529;
    background: #ffcf35 -webkit-gradient(linear, left top, left bottom, from(#ffcf35), to(#ffcf35)) repeat-x;
    background: #ffcf35 linear-gradient(180deg, #ffcf35, #ffcf35) repeat-x;
    border-color: #ffcf35;
}
.btn-contrasttheme:hover {
    color: #212529;
    background: #ebbd28 -webkit-gradient(linear, left top, left bottom, from(#ebbd28), to(#ebbd28)) repeat-x;
    background: #ebbd28 linear-gradient(180deg, #ebbd28, #ebbd28) repeat-x;
    border-color: #ebbd28;
}

.input-group-append button.btn-contrasttheme:hover {
   
    background: #ebbd28 linear-gradient(180deg, #ebbd28, #ebbd28) repeat-x;
    color: #00643a;
    border: #ebbd28 1px solid;
}

#slideout p {
    background: #ffcf35;
    color: #00643a;
}

.afb-medias a {
    background-image: linear-gradient(to right, #00643a, #00643a);
    color: #fff;
}

.afb-medias a:hover {
    background-image: linear-gradient(to right, #00341e, #00341e);
    color: #fff;
}

.afb-medias span {
    color: #fff;
}

#gotoTop {
    background-color: #ffcf35;
    color: #00643a;
}

#gotoTop:hover {
    background-color: #ebbd28;
    color: #00643a;
}

.btn-outline-contrasttheme {
    color: #ffcf35;
    border-color: #ffcf35;
    background: #00643a;
}

.btn-outline-contrasttheme:hover {
    color: #00643a;
    border-color: #ffcf35;
    background: #ffcf35;
}

.text-contrasttheme {
    color: #ffcf35 !important;
}

.footer-bottom p:hover {
    color: #ffcf35;
}

.footer-copy-right {
    background-color: #00643a;
    color: #ffcf35;
}

.theme-modal .modal-content {
    background-color: #00341e;
    color: #fff;
}

.title-stone {
    border-left: 5px solid #ffcf35; 
}


.theme-modal input[type=text], .theme-modal input[type=password], .theme-modal input[type=email], .theme-modal input[type=number], .theme-modal input[type=button], .theme-modal input[type=submit], .theme-modal input[type=reset], .theme-modal input[type=tel] {
    color: #ffcf35;
    background-color: #002214;
    border-radius: 5rem;
    border-top-color: #ffcf35;
    border-left-color: #ffcf35;
    border-right-color: #ffcf35;
    border-bottom-color: #ffcf35;
}

.language_selector .dropdown-single-content {
    background-color: #00341e;
}

.language_selector .dropdown-single-content a:hover {
    background-color: #00643a;
    color: #ffcf35 !important;
}

.slot95v2-main_nav .nav-item .game-list {
    background: #00341e80;
}

#top-Deposit-Btn {

    border: 1px solid #ffcf35;
    color: #ffcf35;
 
    background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
}

#top-Deposit-Btn:hover {

    border: 1px solid #ffcf35;
    color: #00643a;
   
    background: #ffcf35 linear-gradient(180deg, #ffcf35, #ffcf35) repeat-x;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #00643a!important;
}

.table-sticky thead .sticky-left {
    background-color: #007645!important;
}

.table .thead-dark th {
    background-color: #004c2d;
}
.table-sticky.table-striped tbody tr:nth-child(odd) .sticky-left {
    background-color: #00643a!important;
}

.table-sticky.table-striped tbody .sticky-left, .table tr {
    background-color: #007645;
}

.fontColorContrasttheme {
    color: #ffcf35;
}
.fontColorContrasttheme:hover {
    color: #fff;
}

.bg-contrasttheme {
    background-color: #00643a;
    color: #ffcf35!important;
}

.a-top-text-block:hover:before {
    background: #ffcf35;
}

#saveprofilebtn {
    color: #fff!important;
}

.button.afb01 {
    background-image: linear-gradient(to right, #00643a, #00643a);
}

.slot95v2-company_list .company_list-container img {
    background-color: transparent;
}

.slot95v2-company_list .company_list-overlay {
    background: #00341e50;
}

.slot95v2-company_list .company_list-overlay a:hover {
    font-size: 0.9rem;
    color: #004c2d;
    background-color: #ffcf35;
    -webkit-box-shadow: 0 8px 20px #ffcf35;
    box-shadow: 0 8px 20px #ffcf35;
    border-color: transparent;
}

.slot95v2-item_list .item_list-container {
    padding: 0.5rem;
    -webkit-box-shadow: 0 1px 3px #00643a80;
    box-shadow: 0 1px 3px #00643a80;
}

.slot95v2-item_list .item_list-container:hover {
    background-color: #00643a50;
}

.promo-details .btn-outline-contrasttheme {
    border: 1px solid #ffcf35;
    color: #ffcf35;
    background-color: transparent;
}

.user-profile button.afb01 {
    color: #fff;
    background: #666 -webkit-gradient(linear, left top, left bottom, from(#666), to(#666)) repeat-x;
    background: #666 linear-gradient(180deg, #666, #666) repeat-x;
    border-color: #666;
}

.user-profile button.afb01:hover {
    color: #fff;
    background: #555 -webkit-gradient(linear, left top, left bottom, from(#555), to(#555)) repeat-x;
    background: #555 linear-gradient(180deg, #555, #555) repeat-x;
    border-color: #555;
}

.user-profile .btn-contrasttheme {
    color: #00643a!important;
    background: #ffcf35 -webkit-gradient(linear, left top, left bottom, from(#ffcf35), to(#ffcf35)) repeat-x!important;
    background: #ffcf35 linear-gradient(180deg, #ffcf35, #ffcf35) repeat-x!important;
    border-color: #ffcf35!important;
}

.user-profile .btn-contrasttheme:hover {
    color: #00643a!important;
    background: #ebbd28 -webkit-gradient(linear, left top, left bottom, from(#ebbd28), to(#ebbd28)) repeat-x!important;
    background: #ebbd28 linear-gradient(180deg, #ebbd28, #ebbd28) repeat-x!important;
    border-color: #ebbd28!important;
}

.cd-tabs__navigation, .cd-tabs__list li {
    background-color: #00643a;
}

.js .cd-tabs__item--selected {
    box-shadow: inset 0 2px 0 #ffcf35;
    box-shadow: inset 0 3px 0 #ffcf35;
}

.afb-blue-bar {
    background-color: #ffcf35;
    
}

.btn-link i {
    color: #00643a;
}

#saveprofilebtn1, #addbankBtn, .save-btn button.afb01, #btnRequestWithdraw {
    
    border: 1px solid #ffcf35;

    background: #ffcf35 linear-gradient(180deg, #ffcf35, #ffcf35) repeat-x!important;
    color: #00643a;
}
#saveprofilebtn1:hover, #addbankBtn:hover, .save-btn button.afb01:hover , #btnRequestWithdraw:hover {
   
    border: 1px solid #ebbd28;
  
    background: #ebbd28 linear-gradient(180deg, #ebbd28, #ebbd28) repeat-x!important;
    color: #00643a;
}

#profile-Bet-History, #profile-promotion-sec{
    background-color: #00643a;
}

#profile-Bet-History span, #profile-promotion-sec span {
    color: #fff;
}

.afb-bg-ddark-blue {
    background-color: #004c2d;
}

table.bet-history > thead > tr > th {
    background-color: #004c2d;
}

.paginationjs-page.J-paginationjs-page.active a {
    background-color: #ffcf35 !important;
}

.games-inner.member-bank-list thead {
    background-color: #00341e!important;
}

.inside-tab-item > a.active {
    border: 2px solid #ffcf35;
}

/*.inside-tab {
    background-color: #00341e;
}*/

.wallet-top-left {
    background-color: #00341e;
}

.wallet-top-left:before {
    border-left: 8px solid #00341e;
}

.rank-part .h4 {
    color: #ffcf35;
}

#main-affiliate thead {
    background-color: #00341e;
}

.btn-sharebox-gray {
    background-color: #00341e!important;
}

.sharebox-container {
    background-color: #00341e;
}

#invite-friend button.btn-tnc {
    border-radius: 10px;
    background-color: #00341e;
    border-color: #00341e;
    color: #fff;
}

#tier thead {
    background-color: #00341e;
}

#active-member-list .afb01 {
    background: #00643a -webkit-gradient(linear, left top, left bottom, from(#00643a), to(#00643a)) repeat-x;
    background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
    color: #fff !important;
}

#active-member-list .button.button-regular {
    color: black;
    border: 2px solid #00643a;
}

#active-member-list thead {
    background-color: #00341e;
}

#daily-lucky-spin-history table thead, #deposit-withdraw-history table thead, #gamedeposit-withdraw-history table thead {
    background-color: #00341e;
}

.pagination a:hover:not(.active), .pagination a.active {
    background: #00643a !important;
    color: #fff !important;
}

.modal-header {
    background-color: #00643a;
}

.modal-header button.close {
    background-color: #ffcf35;
}

.modal-header button.close span {
    color: #00643a;
}

.btn-contrasttheme:not(:disabled):not(.disabled):active, .btn-contrasttheme:not(:disabled):not(.disabled).active, .show > .btn-contrasttheme.dropdown-toggle {
    color: #00643a;
    background-color: #ffcf35;
    background-image: none;
    border-color: #ffcf35;
}

#snav li .fa {
    background-color: #00643a;
}

.nav-bottom {
    --backgroundColor: #00643a;
}

.bg-maintheme {
    background-color: #00341e!important;
}

.btn-subtheme {
    color: #fff;
    background: #00643a -webkit-gradient(linear, left top, left bottom, from(#00643a), to(#00643a)) repeat-x;
    background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
    border-color: #00643a;
}

.btn-subtheme:hover {
    color: #fff;
    background: #004c2d -webkit-gradient(linear, left top, left bottom, from(#004c2d), to(#004c2d)) repeat-x;
    background: #004c2d linear-gradient(180deg, #004c2d, #004c2d) repeat-x;
    border-color: #004c2d;
}

.text-truncate-nav {
    color: #fff!important;
}

.btn-primary {
    color: #fff;
    background: #00643a -webkit-gradient(linear, left top, left bottom, from(#00643a), to(#00643a)) repeat-x;
    background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
    border-color: #00643a;
}
.btn-primary:hover {
    color: #fff;
    background: #004c2d -webkit-gradient(linear, left top, left bottom, from(#004c2d), to(#004c2d)) repeat-x;
    background: #004c2d linear-gradient(180deg, #004c2d, #004c2d) repeat-x;
    border-color: #004c2d;
}

.vl {
    border-left: 5px solid #ffcf35;
}


.tab-content .card {
    /*color: #fff;*/
    background: #00643a -webkit-gradient(linear, left top, left bottom, from(#00643a), to(#00643a)) repeat-x;
    background: #00643a linear-gradient(180deg, #00643a, #00643a) repeat-x;
    border-color: #fff!important;
}

.tab-content .card:hover {
    /*color: #fff;*/
    background: #004c2d -webkit-gradient(linear, left top, left bottom, from(#004c2d), to(#004c2d)) repeat-x;
    background: #004c2d linear-gradient(180deg, #004c2d, #004c2d) repeat-x;
    border-color: #fff!important;
}

#GHDatepickerFrom:focus, .from-date:focus-within, .end-date:focus-within, .ui-datepicker .ui-datepicker-header {
    background-color: #ffcf35!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 {
    border: 1px solid #cf9f00;
    background: #cf9f00;
}

.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 #ffcf35;
    background: #ffcf35;
}

.pagination > li > a {
    color: #fff!important;
}

@media (max-width: 428px) {
    .text-danger {
        display: revert;
    }
}

.wallet-bottom-part .pagination > li > a , .history-bottom-part .pagination > li > a  {
    color: #000!important;
}

.toast-body {
    border-bottom: 6px solid #00643a;
}

.loyalprogram-info .table-title {
    color: rgba(0, 100, 58,.8);
}

.language_selector .dropdown-single-content a:hover, .active-lang {
    background-color: #00643a !important;
    color: #ffcf35 !important;
}

#DepoConfModal .modal-dialog .modal-content .modal-header,
#DepoConfModal .modal-dialog .modal-content .btn-primary {
    background: #28a745 !important;
    color: #fff !important;
}

#DepoConfModal .modal-dialog .modal-content .btn-primary {
    border-color: #28a745 !important;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: linear-gradient(to right, #00643a, #00643a) !important;
    color: white !important;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: linear-gradient(to right, #00643a, #00643a) !important;
        color: white !important;
    }

button#playnowBtn {
    background: linear-gradient(to right, #00643a, #00643a);
    border-radius: 2px !important;
    color: white !important;
}

    button#playnowBtn:hover {
        background: linear-gradient(to right, #00643a, #00643a);
        border-radius: 2px !important;
        color: white !important;
    }

.transferModal #playnowBtn, .updatepassword {
    background: linear-gradient(to right, #00643a, #00643a) !important;
    color: white;
}


.game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container {
    background: #00643a;
  }
  .game-overlay-DetailBottom .bottom-container {
    background: #00643a;
  }
  
  .game-overlay-DetailBottom .bottom-container .provider-container {
    color: #fff;
  }
  .game-overlay-DetailBottom .bottom-container .game-attribute .game-attribute-icon {
    background: #fff;
    box-shadow: 0px 5px 0px #fff, 0px -5px 0px #fff;
  }

.universal_hamburger_menu {
  --maintheme: #00643a;
  --subtheme: #004c2d;
  --contrasttheme: #e2c360;
  --main_text: #fff;
}

.universal_hamburger_menu .aside_content-main_content {
  background: transparent;
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-login {
  background: var(--maintheme);
  color: var(--contrasttheme);
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover {
  color: var(--maintheme);
  background-color: var(--contrasttheme);
  border-color: var(--contrasttheme);
}

.universal_hamburger_menu input:-webkit-autofill,
.universal_hamburger_menu input:is(:-webkit-autofill, :autofill) {
  box-shadow: inset 0 0 0 100px var(--subtheme);
  
}
.universal_hamburger_menu input:-webkit-autofill:hover,
.universal_hamburger_menu input:-webkit-autofill:focus,
.universal_hamburger_menu input:-webkit-autofill:active,
.universal_hamburger_menu input:is(:-webkit-autofill, :autofill):hover,
.universal_hamburger_menu input:is(:-webkit-autofill, :autofill):focus,
.universal_hamburger_menu input:is(:-webkit-autofill, :autofill):active {
  box-shadow: inset 0 0 0 100px var(--subtheme);
}

.universal_hamburger_menu .aside_content-login .did-floating-input,
.universal_hamburger_menu .aside_content-login fieldset .fld-block {
  background: var(--subtheme);
}
.universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn::after {
  border-top-color: var(--main_text);
}
.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 {
  background-color: #00341e;
}

.universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge {
  background: var(--maintheme);
  color: var(--contrasttheme);
  border-color: var(--contrasttheme);
}

.universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li small {
    color: #ccc !important;
}

.universal_hamburger_menu #hamburgerCategory img.icon,
.universal_hamburger_menu #hamburgerCategory .collapse-container [data-toggle=collapse][aria-expanded=true] img.icon {
    filter: brightness(2);
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true] {
  border-bottom: 1px solid var(--contrasttheme);
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0) {
  background-color: #02492c;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0 {
  background-color: #02492c;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1) {
  background-color: #023e26;
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-1 {
  background-color: #023e26;
}

.universal_hamburger_menu .provider-row .provider-row-item {
  background: #012113;
}

.slot95v2-overlay-ui .hover-content .btn-play {
    background-color: #00643a;
    color: #ffcf35;
}

.slot95v2-overlay-ui .hover-content .btn-demo {
    color: #ffcf35;
    background-color: #333333;
    opacity: 0.8;
}