/* Yellow */

:root {
    --white:#fff;
    --yellow:#FFF333;
    --lightgreen:#a5cf91;
    --black:#000000;
    --orange:#ff4500;
    --lightorange:#ff9900;
}

/*index*/

.session-form-top {
    background: var(--yellow);
    color: black;
}

.radio-box input:checked ~ span {
    border: 1px solid var(--yellow);
    color: var(--yellow);
}

.sheader-nav-bar {
    color: var(--yellow);
}

.sheader-nav-bar:before {
    background: var(--yellow);
}

.sheader-nav-bar:after {
    background: var(--yellow);
}

.sheader-menu .right-logo {
    color: var(--yellow);
}

.sheader-menu a span {
    color: var(--yellow);
}

.site-gamemenu .nav-link.active {
    background: #272620;
    border-bottom: 1px solid #3a403caa;
    border-top: 1px solid #ffe500;
    color: #fff;
    border-color: #ffe500 #000000 #080808;
}
/*
.main-icon i {
    background: #ffec47;
    color: black;
}
*/
.gamelist-group h5 {
    border-left: 3px solid var(--yellow);
}

.cslist-title {
    border-left: 3px solid var(--yellow);
}

.footer-partner-wrap li h5 {
    color: var(--yellow);
}

.sfooter-group h5 {
    color: var(--yellow);
}

.mfooter-signup {
    background: var(--white);
    color:var(--black);
}

.mfooter-login {
    background: var(--yellow);
    color: black;
}

.leftnav-language a.active {
    border-color:var(--yellow);
}

.leftnav-language a.active span {
    color: var(--yellow);
}

/*
.nav-icon i {
    background:#ffec47;
    color: black;
}
*/
/*
.bot-icon i {
    background: #ffec47;
    color: black;
}

.nav-icon-green i {
    background:#ffe500;
    color: black;
}
*/

/*index*/

/*login*/

.nav-item-1 a.active {
    background-color:var(--yellow) !important;
    border-color: var(--yellow) !important;
    box-shadow: 0 0 10px 2px var(--yellow);
    border: 1px solid var(--yellow);
    color: black !important;
}

.nav-item-1 {
    background: var(--yellow);
}

.nav-item-1 a {
    color: black !important;
}

.login-forgetpass a {
    color: var(--yellow);
    border: 1px solid var(--yellow);
}
/*
.btn-register-next {
    background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}
*/
.btn-select {
    color: var(--yellow);
}

/*login*/

/*register*/
.nav-item-2 a.active {
    background-color:var(--yellow) !important;
    border-color: var(--yellow) !important;
    box-shadow: 0 0 10px 2px var(--yellow);
    border: 1px solid var(--yellow);
    color: black !important;
}

.nav-item-2 a {
    color: black !important;
}

.nav-item-2 {
    background: var(--yellow);
    color: black !important;
}

/*register*/

/*live*/
.scontent-sort ul li a.active {
    color: var(--yellow) !important;
}

.scontent-sort ul li a.active:before {
    background: var(--yellow);
}

.sfilter-more {
    border-top:1px solid var(--yellow);
    background-image: linear-gradient(180deg,var(--yellow) 0,var(--yellow) 100%);
    color: var(--black);
}

.scontent-filter-title {
    background:var(--yellow) ;
    color: var(--black);
}

.scontent-filter.active .scontent-filter-bar {
    background: #a59400;
}

.scontent-filter-title:after {
    color: black;
}

.ck_filter .checkmark:before {
    color: black;
}

.sgames-item:hover, .sgames-item:active {
    border-color: var(--yellow);
}

.btn-css2 {
    background:linear-gradient(to right,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103 100%);
    box-shadow: 0 5px 10px 0 #14805e22, inset 0 0 3px 0#fff3;
    text-shadow: 0 0 2px var(--orange);
}

.ck_filter input:checked ~ .checkmark {
    background: var(--yellow);
    border-color: var(--yellow);
}

.ck_filter input:checked ~ span {
    color: var(--white);
}

.ck_filter:hover {
    background: #b7ac00;
}

.sgames-item img {
    background: linear-gradient(0deg,var(--yellow) -10%,transparent 55%);
    box-shadow: inset 0 0 1px 1px var(--yellow), inset 0 0 10px 0 rgba(255,255,255,.2);
}

/*live*/

/*dailyreward*/
.btn-login2 {
    background:linear-gradient(to right,var(--bgblue) 0,var(--bgblue) 15%,var(--bgblue) 30%,var(--bgblue) 55%,var(--bgblue) 100%);
    border: 1px solid var(--lightblue);

}

.checkin-btm2 {
    background: var(--lightblue);
    box-shadow: 0px 0px 6px 0px var(--lightblue);
}

.checkin-btm .checkin-btm1.btm1 {
    background: linear-gradient(180deg, rgb(255 249 228 / 46%) 0%, #246599 66.15%);
}

.checkin-line.line1 {
    background: var(--blue);
}

.coins-btn {
    background:linear-gradient(to right,var(--bgblue) 0,var(--bgblue) 15%,var(--bgblue) 30%,var(--bgblue) 55%,var(--bgblue) 100%);
    box-shadow: 0 5px 10px 0 rgba(6,8,15,.1),inset 0 0 3px 0 var(--lightblue);

}

.box {
    border: 1px solid var(--yellow);
}

.type a {
    color: var(--yellow);
}

.calendar-header-tab {
    background:linear-gradient(to bottom,#ffe500,#ffee58);
}

.mission-month-login {
    color: black;
}

.month-year-text {
    color: black;
}

.check-in-indicator.mission-checked {
    border: 1px solid var(--yellow);
    box-shadow: 0px 0px 8px 2px var(--yellow);
}

.mission-cont .nav-tabs .nav-link.active {
    background:linear-gradient(to bottom,#ffe500,#ffee58);
    color: black;
}

.mission-cont .nav-tabs {
    background: linear-gradient(to bottom,#f3de225c,#dcc92270);
}

.mission-detail-container {
    background: #2d2d2d;
}

.page-navigation .previous_link, .page-navigation .next_link, .page-navigation .go_to_page {
    background: linear-gradient(to bottom,#f3de225c,#dcc92270);
}

.page-navigation .previous_link:hover, .page-navigation .previous_link:active, .page-navigation .next_link:hover, 
.page-navigation .next_link:active, .page-navigation .go_to_page:hover, .page-navigation .go_to_page:active, 
.page-navigation .go_to_page.active_page {
    background: var(--yellow);
    color: black;
}

/*dailyreward*/

/*reward*/
.rmbox.filter.active {
    background-color: var(--yellow);
    color: black;
}

.reward-btn {
  /*  background-image:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);*/
}

/*reward*/

/*tournament*/
.hfbox .nav-link.active {
    background-color:var(--yellow);
    color: black;
}

.svg-inline--fa {
    color: var(--yellow);
}

/*tournament*/

/*suggestion*/
.btn_login_page {
   /* background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);*/
}

/*suggestion*/


/*promotion*/
.btn-css2.a {
    background: var(--lightorange);
}

.promo-button a {
    background: var(--yellow);
    color: black;
}

.promo-search-bar .active .btn-css1 {
    background-color: var(--yellow);
    color: black;
}

.pop-title {
    background: #a59b00;
}

.popup-close {
    background: #f7e012d4;
}

/*promotion*/

/*account*/
.site-profile.pcustom-bg:before {
    background: linear-gradient(rgba(255, 243, 51, 0.5), rgba(0, 0, 0, 0.5)), url(../images2/member-header-bg.png) no-repeat;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}

.pheader-vip-point span {
    color: var(--yellow);
    font-weight: 700;
}

.pheader-wallet {
    color: var(--yellow);
    font-weight: 700;
}

.pheader-total ul li {
    color: var(--yellow);
}
/*account*/

/*deposit*/
.site-header3.type2 {
    background: var(--yellow);
    border-color: var(--lightorange);
    color: black;
}

.sprofile-topnav {
    background: var(--yellow);
}

.sprofile-main-menu a.btn-css2 {
    background: var(--black);
}

.sprofile-main-menu a.btn-none {
    background: #6e6804;
}

.menu-box .title h2:before {
    background-color: var(--yellow);
}

.col-form-label b {
    color: var(--yellow) !important;
}

.crazy_btn {
    background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}
/*
.member-content .btn-submit {
    background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}

.submit_btn.qr {
    background-image:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}
*/
.tips-info {
    border: 1px solid #ffe927;
    background-color: #554e0a;
}

.pheader-nav-title h4 {
    border-left: 4px solid var(--yellow);
}
/*
.nav-link.content-bank.active {
    color: var(--orange);
    border: 1px solid var(--orange);
}
*/
/*
.col3 .active label::before {
    color: var(--white);
}
*/
/*
.col3 .active label::after {
    border-color: transparent transparent var(--orange);
}

.style-add-amount input:checked ~ span, .style-add-amount input[type=radio]:focus ~ span {
    color: var(--lightorange);
    border-color: var(--lightorange) !important;
}

.style-add-amount span:before{
    color: var(--white);
}

.style-add-amount input[type=radio] ~ span:after {
    border-color: transparent transparent var(--lightorange);
}


@keyframes moneyBtn-Animation {
    0% {
        -webkit-filter: drop-shadow(0 0 0 var(--lightorange));
        filter: drop-shadow(0 0 0 var(--lightorange))
    }

    to {
        -webkit-filter: drop-shadow(0-20px 0 transparent);
        filter: drop-shadow(0-20px 0 transparent)
    }
}

.input-group.money .input-wrap input {
    color: var(--lightorange);
}

.input-group.money label {
    color: var(--lightorange);
}
*/

.promo-select {
    background: linear-gradient(0deg, #928728, #b3a639);
}
/*deposit*/

/*paymentaccount*/
/*
.vipdetails_btn {
    background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}
*/
.modal-header.b {
    background: linear-gradient(to right,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103 100%);
    color: black;
}

.group-item .title {
    color: var(--yellow);
}

.transaction_history .card {
    border: 1px solid var(--orange);
}

.banking-card-header {
    background-image: linear-gradient(to bottom, var(--yellow) 0%, var(--lightorange) 100%);
    border-left: 2px solid var(--yellow);
}

.accordion-flush .accordion-item .accordion-button {
    border: 1px solid var(--yellow);
}

.accordion-button:focus {
    box-shadow: 0 0 6px 3px var(--orange);
}

.col-form-label.c b {
    color: black !important;
}

.sheader-back:before {
    color: #737373;
}

.vipdetails_btn.btn_transfer.rewards {
    background: var(--yellow) !important;
    color: black;
}

.form-select.payment-account {
    color: var(--yellow) !important;
}

.member-content button.btn-profile-submit {
    background: linear-gradient(to right,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103 100%);
}

/*paymentaccount*/

/*vip point*/
.vips-level-info > div.flex i {
    color: var(--yellow);
}

.vips-level-info > div.flex span {
    color: var(--yellow);
}

.vip_exclusive_main {
    box-shadow: 0px 0px 6px 0px var(--yellow);
}

.vip_exclusive_sub {
    border: 1px solid var(--yellow);
}

.vip_benefits.ded table tbody tr:first-child td {
    border: 2px solid var(--yellow);
    background-color: var(--yellow);
    color: black;
}

.vip_benefits table {
    border: 2px solid var(--yellow);
}

/*vip point*/

/*transaction*/

.date-pick button:focus {
    background: var(--orange);
    box-shadow: 0 0 5px 3px var(--lightorange);
}

.afterlogin_deposit.nav .nav-item .nav-link.active {
    background:linear-gradient(to right,var(--lightorange) 0,var(--orange) 15%,var(--orange) 30%,var(--orange) 55%,var(--lightorange) 100%);
}

.accordion-button .text-right b {
    color: var(--white) !important;
}

.group-item .required {
    color: var(--orange);
}

.afterlogin_deposit.nav .nav-item .nav-link {
    background: #521d0d;
}

.tab.filter-tab li.day {
    background: var(--yellow);
    color: var(--black);
}

.searchpage-main input[type=checkbox]:checked+label, .searchpage-main input[type=radio]:checked+label {
    background: var(--yellow);
    color: var(--black);
}

.searchpage .button {
    background: linear-gradient(to right,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103 100%);
}

.pop-transaction-records-details .pop-content .tab-btn-wrap .tab-btn-bar .nav-link.active {
    background: var(--yellow);
}

.pop-transaction-records-details .pop-content .tab-btn-wrap .tab-btn-bar .nav-link.active i{
    color: var(--black);
}

.transaction-details-wrap .title h3 {
    color: var(--yellow);
}

.referral-tier-row .rate:nth-child(1)[data-head]:before,.referral-tier-row .rate:nth-child(2)[data-head]:before,.referral-tier-row .rate:nth-child(3)[data-head]:before {
    background: linear-gradient(180deg,#ffe500 0%,#bdaa00 100%);
    color: var(--black);
}


/*transaction*/

/*history*/
.tips-info.note-history h5 p span {
    color: var(--white);
}

/*history*/

/*member*/
.vip-area-group .item .points-number {
    color: var(--orange);
}

.vip-area-group .right-box .goto-myvip {
    background-image:linear-gradient(270deg,var(--yellow) 0%,var(--lightorange) 100%);
}

/*member*/

/*password*/
.sprofile-tips {
    border: 1px solid #ffe927;
    background-color: #554e0a;
}

.sprofile-tips p {
    color: var(--white);
}

/*password*/

/*referral*/
.sprofile-copycode button {
    background:var(--yellow);
}

.btn-share {
    background:var(--yellow) ;
}

.referral-program-promotion-panel .content .tier-block .reward-tier .cont:after {
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,#ffe501 100%);
}

.referral-program-promotion-panel .content .tier-block .reward-tier .cont:before {
    box-shadow: 0 0 1.0666666667vw 1.0666666667vw #ff9800;
    border: 0.2666666667vw solid #ff9800;
    background-color: #ffde1a;
}

.referral-program-promotion-panel .content .tier-block .referral-chart .promotion-chart .inner {
    background: #ffe81f;
}

/*referral*/

/*myreward*/
.tab-btn-page {
    background: #353535;
}

.tab-btn-page .btn .text.active {
    border-bottom: 2px solid var(--yellow);
}

/*myreward*/

/*notification*/

.message-item .icon {
    background: var(--yellow);
    color: black;
}

/*notification*/

/*report*/

.report-detail {
    box-shadow: 0px 3px 6px 3px var(--lightorange);
}

/*report*/

/*myidentity*/
.cfb-btn-submit.btn-select, .cfb-btn-submit.btn-upload, .cfb-btn-submit.btn-delete {
    background: var(--yellow);
    color: var(--black);
}

.btn-signin-next {
    background: linear-gradient(to right,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103 100%);
}
/*myidentity*/

/*playnow*/
.download_icon i,.download_icon .word {
    color: var(--yellow);
}
/*playnow*/

/* sweet alert */
.sweet-alert {
    background-color: #4e4e4e;
}
.sweet-alert {
    box-shadow: 0px 0px 8px var(--yellow);
    border: 2px solid var(--yellow);
}

.sweet-alert h2 {
    color: var(--yellow);
}

.sweet-alert .lead {
    color: #fff !important;
}

.sweet-alert .btn-css1, .sweet-alert .btn-css2 {
    color: #000;  
    background: linear-gradient(to top, var(--yellow), var(--yellow) 45%,var(--yellow) 100%);
    background-position: 50% 0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 var(--yellow), inset 0 0 3px 0var(--yellow);
    text-shadow: 0 0 2px var(--yellow);
}
/* sweet alert */

/* login, forget password, register */
.form-select.login {
    color: var(--yellow)!important;
    background-color: #232323 !important;
}

.form-group input:-webkit-autofill, 
.inputbox input:-webkit-autofill:hover, 
.input-box input:-webkit-autofill:focus, 
.input-box input:-webkit-autofill:active {
    border: 0px solid green;
    -webkit-text-fill-color: var(--yellow)!important;
    -webkit-box-shadow: 0 0 0px 1000px #333333 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.signup-group .form-group input {
    background: #333333;
    transition: border-color 0.3s ease;
    color: var(--yellow);
}
/* login, forget password, register */

/* home */
.site-nav-marquee .icon2-announcement {
    color: var(--yellow);
}
/* home */

/* daily check-in reward start */
.mission-checked {
    color: var(--yellow);
}

.daily-vip-bottom {  
    border: 2px solid var(--yellow);
    background: var(--darkgrey1);
}

@keyframes border-fadeIn {
    0%,100% {
        border: 1px solid var(--yellow);
        box-shadow: 0px 0px 8px 2px var(--yellow);
    }

    25% {
        border: 1px solid transparent;
        box-shadow: 0px 0px 8px 2px transparent;
    }

    50% {
        border: 1px solid var(--yellow);
        box-shadow: 0px 0px 8px 2px var(--yellow);
    }

    75% {
        border: 1px solid transparent;
        box-shadow: 0px 0px 8px 2px transparent;
    }
}

/* daily check-in reward end */

/* side button demo */
.side-slider .slide-btn {
    background: var(--yellow);
}

.side-slider .slide-btn img {
    filter: invert(1);
}
/* side button demo */

/* 05/04/2024 fixes start */
.sprofile-tips.total span {
    color: var(--yellow);
}

.bank-name .bank-tap i {
    color: var(--yellow);
}

.transaction-details-wrap .title h3.full {
    color: var(--yellow);
}

.input-wrap input:disabled {
    color: var(--yellow);
}

.pop-get-vcode .input-group input, .pop-get-vcode .input-group textarea {
    color: var(--yellow);
}

.form-select.profile, .form-select.identify {
    color: var(--yellow) !important;
    background: #292929!important
}

.qrpay-container {
    background: linear-gradient(to bottom,var(--yellow) 0,var(--black) 100%);
}

.promo-notes {
    background: var(--black);
}

.btn-language:hover {
    border: 0.0625rem solid var(--yellow);
    color: var(--yellow);
}
/* 05/04/2024 fixes end */

/* Cryptocurrency UI update start */

.crypto-group-2 .crypto-input .currency .unit2 {
    color: var(--yellow);
}

.crypto-group-2 .crypto-input .delete-btn {
    background: var(--lightorange);
}

.form-group-row .form-control:focus {
    border-color: var(--yellow);
}

/* Cryptocurrency UI update end */

/* pagination */
.page-navigation .previous_link, .page-navigation .next_link, .page-navigation .go_to_page, .pagination-game .prev-page, .pagination-game .next-page, .pagination-game .page-number.active, .pagination-game .page-number.active2 {
    background: #c5bc25;
    color: var(--black)
}

.page-navigation .previous_link:hover, .page-navigation .previous_link:active, .page-navigation .next_link:hover, .page-navigation .next_link:active, .page-navigation .go_to_page:hover, .page-navigation .go_to_page:active, .page-navigation .go_to_page.active_page, .pagination-game .prev-page:hover, .pagination-game .prev-page.active, .pagination-game .next-page:hover, .pagination-game .next-page:active, .pagination-game .page-number:hover, .pagination-game .page-number.active {
    background: var(--yellow);
    color: var(--black)
}
/* pagination end */

/* contact page */
.menu-wrapper .nav-link.active {
    background: var(--black);
}

/* Login remember me */
.login-remember input[type=checkbox] + label {
    color: var(--yellow)!important;
}

.login-remember input[type=checkbox]:checked + label::before {
    background: var(--yellow)!important;
    border-color: var(--lightorange)!important;
    color: #000;
}
/* Login remember me end */