/* Purple */

:root {
    --white: #fff;
    --black: #000000;
    --grey: #6a6464;
    --deepgrey: #333;
    --lightgrey: #9d9494;
    --green: #09e0cc;
    --bk: #202020;
    --lightpurple: #692fcf;
    --purple: #5b28b6;
    --deeppurple: #5a0d95;
    --yellow: #ffff00;
    --orange: #ff4500;
    --lightorange: #ff9900;
    --darkgrey1: #151515;
    --carouselbtn: #A307CB;
    --rightcs: #A93AFF;
    --marquee: #34015B;
    --bgdark1: #222;
    --footerbk: #1a1a1a;
    --rightscroll: #5522af;
    --modalheader: #5b28b6;
    --closebtn: #740f85;
    --nav-link: #35166d;
    --pink: #da00ff;
    --content-filter1: #bc19d8;
    --content-filter2: #8642ff;
    --slick-list: #ffc800;
    --ckfilter-checkmark: black;
    --filter-more: #509fe9;
    --game-inner: #8642ff;
}

/* Index */
body {
    background: var(--bgdark1) !important;
}

.sheader-main {
    background: linear-gradient(to bottom,#A307CB,#52299b);
}

.sheader-lang:hover, .sheader-lang:active {
    background: var(--lightpurple);
}

.btn-css1:hover {
    border: 1px solid #da00ff;
}

.btn-css2 {
    background: linear-gradient(to right,var(--black) 0,var(--black) 15%,var(--black) 30%,var(--black) 55%,var(--black) 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(6,8,15,.1),inset 0 0 3px 0 #e98fff;
    text-shadow: 0 0 2px var(--white);
    color: var(--white) !important;
}

    .btn-css2:hover, .btn-css2:active, .btn-css2:focus {
        box-shadow: 0 2px 2px 1px rgba(6,8,15,.1),0 4px 4px 1px rgba(6,8,15,.1),0 8px 8px 1px rgba(6,8,15,.1),0 16px 16px 1px rgba(6,8,15,.1),0 32px 32px 1px rgba(6,8,15,.1),inset 0 0 3px 0 var(--deeppurple);
    }

.sheader-nav {
    background: #000628;
}

.sheader-menu ul li .nav-item:hover, .sheader-menu ul li .nav-item:active, .sheader-menu ul li .nav-item:focus {
    color: #da00ff;
}

.more-icon:hover {
    color: var(--lightpurple);
}

.nav-drop-slider .slide-item a:hover > span:before,
.nav-drop-slider .slide-item a:active > span:before,
.nav-drop-slider .slide-item button:hover > span:before,
.nav-drop-slider .slide-item button:active > span:before {
    background: var(--lightpurple);
    box-shadow: -4px 4px 0 4px var(--deeppurple), -7px 7px 0 7px var(--deeppurple), -8px 8px 0 8px var(--deeppurple);
}

.side-slider .slide-btn {
    background: var(--rightcs);
}

.carousel-indicators [data-bs-target] {
    background-color: var(--carouselbtn);
}

.carousel-indicators .active {
    background-color: var(--white);
}

.site-nav-marquee {
    background: var(--marquee);
}

body {
    background: var(--bgdark1) !important;
}

.sfavourite-top {
    background: var(--deeppurple);
}

.site-footer {
    background: var(--footerbk);
}

.link-wrap a:hover {
    color: var(--lightpurple);
}

::-webkit-scrollbar-thumb {
    background: var(--rightscroll);
}

.modal-header {
    background: var(--modalheader);
    border-bottom: 1px solid var(--modalheader);
}

.btn-close:hover {
    background-color: var(--closebtn);
}

.login-tab .nav-link.active {
    background: var(--nav-link);
    color: var(--white);
    border-radius: 5px;
    transition: all 0.5s ease;
    border-color: transparent;
    border-color: var(--lightpurple) var(--lightpurple) var(--lightpurple);
    box-shadow: 0 0 18px var(--lightpurple);
}

.login-tab .nav-link {
    background: var(--nav-link);
}

.login-form-inner .form-group input:focus {
    border: 2px solid var(--nav-link);
}

.login-form-inner .form-group input {
    color: var(--nav-link);
}

.form-control.green:disabled {
    color: var(--nav-link);
}

.login-forgetpass:hover {
    color: var(--nav-link);
}

.login-form-inner p > a:hover {
    color: var(--nav-link);
}

.slick-prev:before, .slick-next:before {
    color: var(--white);
}

.radio-box [type=radio]:checked + label, .radio-box:hover [type=radio] + label {
    border: 1px solid var(--purple);
    color: var(--deeppurple);
}

.float-banner .btn-close-star {
    background-color: var(--lightpurple);
}

/* Index */

/* aboutus */
.aboutus-tab-link.active, .aboutus-tab-link:hover {
    background-color: var(--purple) !important;
    color: var(--white);
}

.banking_table table {
    border: 2px solid var(--purple);
}

    .banking_table table thead {
        background-color: var(--lightpurple);
    }

    .banking_table table tbody tr td {
        border-bottom: 1px solid var(--lightpurple);
    }
/* aboutus */

/* Register */
.signup-center {
    border: 0.0625rem solid var(--lightpurple);
    border-width: 0.375rem;
    border-image: linear-gradient(to bottom,var(--lightpurple) 0,var(--purple) 100%);
    border-image-slice: 1;
}

.btn-register-next {
    background: url(../images/next-arrow-1.png)no-repeat center/50%, var(--lightpurple);
}

.signup-group .form-group input:focus {
    border-color: var(--lightpurple);
}

.btn-register-next:hover {
    background: url(../images/next-arrow-1.png)no-repeat center/50%, var(--deeppurple);
}

.login-form-inner.one-click p, .registration-first-deposit-title, .registration-first-deposit-text {
    color: var(--purple);
}

.registration-first-deposit {
    border-top: 2px solid var(--purple);
}

.one-click-copybutton {
    background: var(--purple);
}

    .one-click-copybutton:hover {
        background: #2e155b;
        border-color: #2e155b;
    }

/* Register */

/* forget */
.btn-css-a {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--lightpurple) 55%,var(--lightpurple) 100%);
    background-position: 50%0;
    background-size: 200%;
}

.link-forget:hover {
    color: var(--lightpurple);
}

.link-forget-a:hover {
    color: var(--lightpurple);
}
/* forget */

/* Live */

.scontent-sort ul li a:hover, .scontent-sort ul li a:active, .scontent-sort ul li a.active {
    color: var(--purple) !important;
}

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

.scontent-filter {
    background: linear-gradient(0deg,var(--content-filter1),var(--content-filter2) 100%);
}

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

.ck_filter:hover {
    background: var(--ckfilter-checkmark);
}

.sfilter-more {
    background-image: linear-gradient(180deg,#9d0ab6 0,#5c02fb 100%);
    color: var(--white);
    border-top: 1px solid var(--lightpurple);
}

.scontent-filter-title {
    background: var(--purple);
    color: var(--white);
}

.scontent-filter.active .scontent-filter-bar {
    background: var(--content-filter1);
}

.game-inner {
    background-image: linear-gradient(0deg,rgb(68 25 142)1%,transparent 15%);
}

    .game-inner::before {
        background-image: linear-gradient(0deg,var(--game-inner)0,transparent 100%);
    }

.sgames-item:hover {
    border-color: var(--lightpurple);
}

.sgames-hidden {
    box-shadow: inset 0 0 1px 1px var(--game-inner), inset 0 0 10px 0 var(--grey);
}

.sheader-menu ul li .nav-item.active {
    color: #da00ff;
}

.ck_filter .checkmark:before {
    color: var(--white);
}

.scontent-search input {
    color: var(--lightpurple);
}

    .scontent-search input:hover, .scontent-search input:active, .scontent-search input:focus {
        border-color: var(--purple);
    }
/* Live */

/* mypayment */
.text-right-a .btn-css2:hover {
    box-shadow: 0 2px 2px 1px rgba(6,8,15,.1),0 4px 4px 1px rgba(6,8,15,.1),0 8px 8px 1px rgba(6,8,15,.1),0 16px 16px 1px rgba(6,8,15,.1),0 32px 32px 1px rgba(6,8,15,.1),inset 0 0 3px 0 var(--lightpurple);
}

.myacc .fa:hover, .myacc .fas:hover {
    color: var(--lightpurple);
}

#dtDeposit_wrapper .dataTables_paginate .paginate_button.current, #dtPromotion_wrapper .dataTables_paginate .paginate_button.current,
#dtWithdrawal_wrapper .dataTables_paginate .paginate_button.current, #dtTransfer_wrapper .dataTables_paginate .paginate_button.current, #dtMyrewards_paginate .paginate_button.current, #dtHistory_paginate .paginate_button.current, #dtGameAcc_paginate .paginate_button.current, #dtBankAcc_paginate .paginate_button.current {
    background: var(--lightpurple) !important;
}

.btn-add-payment:hover {
    border-color: #ee87ff;
    color: #ee87ff;
}

.form-control.form-select.login {
    color: var(--purple);
}

/* mypayment */

/* Promotion */
.promo-button .btn-css2 {
    box-shadow: 0 0 0px 3px var(--lightpurple);
}

    .promo-button .btn-css2:hover {
        background: var(--lightpurple);
        box-shadow: 0 0 0px 3px var(--lightpurple);
    }

.promo-search-bar {
    background: var(--deepgrey);
}

.pmbox.filter.active .btn-css1 {
    border-color: #da00ff;
}

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

    .promo-detail:before {
        background: url(../images/red/line.png) repeat;
    }

    .promo-detail .text {
        color: var(--white);
    }

    .promo-detail .time {
        color: var(--white);
    }

.promo-notes {
    color: var(--lightpurple);
    background: none;
    border: 1px solid var(--lightpurple);
}

.modal-detail-banner .btn-close:hover {
    background-color: var(--closebtn);
}

.title-wrap h3 {
    color: var(--purple);
}

.btn-default-radius {
    background: var(--purple);
}

.slick-prev-2 {
    left: 0;
    background: url(../images/left-arrow.png)no-repeat center/50%,var(--purple);
}

.slick-next-2 {
    right: 0;
    background: url(../images/next-arrow.png)no-repeat center/50%,var(--purple);
}
/* Promotion */

/* dailyreward */
.index_tab {
    background: linear-gradient(to bottom,var(--deepgrey) 5%,var(--grey) 100%);
}

.checkin-btm .checkin-btm1.btm1 {
    background: linear-gradient(180deg, var(--lightgrey) 0%, var(--lightred) 66.15%);
}

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

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

.btn-login2 {
    background: linear-gradient(to right,var(--deepred) 0,var(--red) 15%,var(--red) 30%,var(--deepred) 55%,var(--deepred) 100%);
    border: 1px solid var(--lightred);
}

    .btn-login2:hover {
        box-shadow: 0 0 10px var(--white);
    }

.coins-btn {
    background: linear-gradient(to right,var(--purple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--purple) 100%);
}

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

.buy-btn:hover {
    color: var(--white);
    background: linear-gradient(to right,var(--purple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--purple) 100%);
}

.type a {
    color: #db08ff;
}

.type span {
    color: var(--white);
}

.calendar-header-tab {
    background: linear-gradient(to bottom,var(--pink),var(--purple));
}

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

    .check-in-indicator.mission-checked.breathing {
        animation: border-fadeIn 2s infinite alternate;
    }


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

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

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

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

.mission-cont .nav-tabs .nav-link.active {
    background: linear-gradient(to bottom,var(--pink),var(--lightpurple));
}

/*.mission-cont .nav-tabs {
    background: linear-gradient(to bottom,#3d1c78,#3d1c78);
}*/

.mission-detail-container {
    background: #000000db;
}

/*.page-navigation .previous_link, .page-navigation .next_link, .page-navigation .go_to_page {
    background: #4a0d54;
}*/

    .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 .page-number.active, .pagination-game .page-number:hover {
        background: var(--lightpurple);
    }

.mission-progress {
    background: var(--purple);
}

.mission-reward .btn-css2 {
    box-shadow: 0 0 0px 3px var(--lightpurple);
}

    .mission-reward .btn-css2:hover {
        box-shadow: 0 0 0px 3px var(--lightpurple);
        background: var(--lightpurple);
    }


/* dailyreward */

/* reward */
.rmbox.filter.active {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
}

.rmbox.filter:hover {
    color: var(--white);
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
}

.reward-btn {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
    color: var(--white);
}
/* reward */

/* tournament */
.index_tab_ongoing {
    background: linear-gradient(to bottom,var(--grey) 5%,var(--black) 100%);
}

.hfbox .nav-link.active {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
    color: var(--white);
}

.top-winner-cell {
    color: white;
}

.svg-inline--fa {
    color: var(--lightpurple);
}
/* tournament */

/* referral(before login) */

.referral-program-promotion_head .banner .title .two {
    color: #8d4cff;
}

.referral-program-flowch .step-block .num {
    color: #9a61ff;
}

.referral-program-flowch .step-block .body .title {
    color: #9a61ff;
}

.referral-btn {
    background: linear-gradient(to right,#35166d 0,#35166d 15%,#35166d 30%,#35166d 55%,#35166d 100%);
}

.referral-reward .content .sub-heading {
    color: #9a61ff;
}

.referral-reward .content .tier-block .reward-tiers .cont .rate {
    color: #9a61ff;
}

.referral-program-promotion_body .panel {
    background-color: #1e1e1e;
}

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

.referral-reward .content .tier-block .reward-tiers .cont:before {
    background-color: #000000;
    box-shadow: 0 0 0.25rem 0.25rem #b286ff;
    border: 0.0625rem solid #442085;
}

.referral-reward .content .tier-block .promotion-chart .circle .circle-inner {
    background: #7a36f3;
}

.referral-program-promotion_body .left .section-3 .calculator .main .ul .input-block input {
    color: #9a61ff;
}

.referral-program-promotion_body .left .section-3 .calculator .bottom .rewards {
    color: #9a61ff;
}

.referral-program-promotion_body .left .section-3 .calculator .bottom {
    background-color: #393939;
}

.referral-leaderboard .lead-block .re-card .title {
    background-color: var(--purple);
}

    .referral-leaderboard .lead-block .re-card .title .content {
        color: var(--white);
    }

.referral-leaderboard .lead-block .re-card .content-desc .bonus {
    color: var(--white);
}

.referral-leaderboard .sub-heading {
    color: #9a61ff;
}

.referral-leaderboard .list .item-row .item-cell .bonus {
    color: #a978ff;
}

.choose-box2 [type=checkbox]:checked + label, .choose-box2 [type=radio]:checked + label {
    border-color: #a978ff;
    color: #c8a9ff;
}

.boxx-content label::after {
    border-color: transparent transparent #a978ff;
}
/*
.boxx-content label::before {
    color: var(--white);
}
*/
/* referral(before login) */

/* deposit */
.pheader-vip-point {
    color: #c8a9ff;
}

.sidenav-button.active span {
    color: #c8a9ff;
}

.pheader-nav-list ul li a:before {
    background-color: var(--purple);
}

.pheader-nav-list ul li a:hover::before {
    background-color: var(--purple);
}

.pheader-comm-title {
    color: #c8a9ff;
}

.total-money span {
    color: #c8a9ff;
}

.total-money p {
    color: #c8a9ff;
}

.all-coupon-select-box [type=radio]:checked + .couponimg .status-check {
    border: 3px solid #a978ff;
}

    .all-coupon-select-box [type=radio]:checked + .couponimg .status-check::after {
        border-color: transparent transparent #a978ff;
    }

.player-title-box {
    border-bottom: 1px dashed var(--purple);
}

    .player-title-box h2::before {
        background: linear-gradient(to bottom,var(--lightpurple) 0,var(--purple) 100%);
    }

    .player-title-box h2 {
        color: var(--white);
    }

.tab-secondary-box label {
    background: var(--purple);
}

.tab-secondary-box ul {
    border-bottom: 1px solid var(--purple);
}

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

.slider-tab {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
}

.btn-default {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--purple) 15%,var(--purple) 30%,var(--purple) 55%,var(--lightpurple) 100%);
}

.title-box span {
    color: #ee87ff;
}

.status-verify-ok {
    background: var(--green);
}

.sidenav-button:hover .sidenav-icon:before, .sidenav-button:active .sidenav-icon:before, .sidenav-button.active .sidenav-icon:before {
    filter: invert(1) !important;
}

.sidenav-button .mail-a span {
    background-color: var(--yellow);
    color: var(--black);
}

.choose-box .active label::after {
    border-color: transparent transparent #a978ff;
}
/*
.choose-box .active label::before {
    color: var(--white);
}
*/
.nav-tabs .content_bankType.active {
    color: #c8a9ff;
    border-color: #a978ff;
}

.nav-tabs .content_bankType:hover {
    color: #c8a9ff;
    border-color: #a978ff;
}

.choose-box2 label:hover {
    color: #c8a9ff;
    border-color: #a978ff;
}

.style-add-amount input[type=button].active ~ span {
    color: #a978ff;
    border-color: #a978ff !important;
    box-shadow: 0 0 2px #a978ff;
    animation: moneyBtn-Animation .5s ease-in-out;
}

.title-box h4 {
    color: #c8a9ff;
}

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

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

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

.style-add-amount input:hover ~ span {
    color: #a978ff;
    border-color: #a978ff !important;
    box-shadow: 0 0 2px #a978ff;
}

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

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

.input-box [type=number]:hover {
    border-color: var(--purple);
}

.input-box [type=number]:focus {
    border-color: var(--purple);
}

.input-box.input-money span {
    color: #ee87ff;
}

.input-box [type=number], .input-box-50 [type=number] {
    color: #ee87ff;
}

.bk-form .form-group input:focus, 
.input-box [type=number]:focus,
.crypto-box .input-box-50 .input-money input:focus {
    border-color: var(--purple)!important;
}

.deposit-discount-select {
    background: linear-gradient(to bottom,var(--lightpurple) 0,var(--purple) 100%);
}

.coupon-group {
    background: linear-gradient(to bottom,var(--lightpurple) 0,var(--deeppurple) 100%);
}

.player-list li:hover a, .safe-state > p {
    color: #a978ff;
}

.link-more:hover {
    color: #a978ff;
}

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

.status-check, .status-more {
    background-color: var(--purple);
}

    .status-check:hover, .status-more:hover {
        border-color: var(--lightpurple);
        background-color: var(--lightpurple);
    }

/* deposit */

/* history */
.tips-group {
    border: 1px solid #6007ff;
    background-color: #190b33;
}

    .tips-group .bet-info p {
        border-right: 1px solid var(--lightpurple);
        color: var(--white);
    }

    .tips-group span {
        color: var(--white);
    }

        .tips-group span.win {
            color: var(--white);
        }

    .tips-group::before {
        color: var(--purple);
    }

.dataTables_length select {
    color: var(--white);
}

.dataTables_filter label {
    color: var(--white);
}

.dataTables_filter input {
    color: var(--white);
}

    .dataTables_filter input:focus {
        outline: 2px solid var(--lightpurple);
    }

.vip_benefits table thead {
    background-color: var(--lightpurple);
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--lightpurple) !important;
    border: 2px solid var(--lightpurple);
}

.vip_benefits table {
    border: 2px solid var(--lightpurple);
    color: var(--white);
}
/* history */

/* vip point */

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

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

.vip_exclusive_main {
    box-shadow: 0px 0px 7px 5px var(--lightpurple);
}

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

.vips-level-info > div.flex i {
    color: #ee87ff;
}

.vips-level-info > div.flex span {
    color: #ee87ff;
}

/* vip point */

/* transaction */

.vip_benefits .date {
    box-shadow: 0px 0px 6px 3px #772bff;
}

.afterlogin_deposit.nav .nav-item .nav-link.active {
    background: linear-gradient(to right,var(--purple) 0,var(--lightpurple) 15%,var(--lightpurple) 30%,var(--lightpurple) 55%,var(--purple) 100%);
    border: 1px solid var(--lightpurple);
}

.afterlogin_deposit.nav .nav-item .nav-link:hover {
    border-color: var(--lightpurple);
}

.dataTable-hover tbody tr:hover {
    color: #a978ff;
}

.cash-reward-btn {
    background: var(--purple);
}

/* transaction */

/* member */
.tips-info-a.verify-tips {
    background-color: #190b33;
    border: 1px solid #6007ff;
}

.tips-info-a::before {
    color: var(--purple);
}

.tips-info-a.verify-tips p {
    color: var(--white);
}

.info-personal label {
    color: #da00ff;
}

    .info-personal label::before {
        background: #da00ff;
    }

.info-personal li {
    color: #da00ff;
    background: rgb(61 15 69);
}

.info-contact label::before {
    background: #da00ff;
}

.info-contact label {
    color: #da00ff;
}

.info-contact li {
    color: #da00ff;
    background: rgb(61 15 69);
}

.tips-info-a.verify-tips ol {
    border-top: 1px dotted var(--lightpurple);
}

.btn-5th-xs {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--lightpurple) 15%,var(--lightpurple) 30%,var(--lightpurple) 55%,var(--lightpurple) 100%);
    box-shadow: 0 5px 10px 0 rgba(30,52,124,.1), inset 0 0 3px 0 var(--lightpurple);
}

.personal-info .need-verify:hover p {
    color: var(--purple);
}

.pop-btn-box .btn-default-xs.submit {
    background: linear-gradient(to right,var(--black) 0,var(--black) 15%,var(--black) 30%,var(--black) 55%,var(--black) 100%);
    color: var(--white);
}

/* member */

/* resetpassword */
.input-box-a input:focus {
    border-color: var(--lightpurple);
}

.sprofile-tips {
    border: 1px solid #6007ff;
    background-color: #190b33;
}

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

/* resetpassword */

/* referral afterlogin */
.sprofile-copycode button {
    background: linear-gradient(to right,var(--lightpurple) 0,var(--lightpurple) 15%,var(--lightpurple) 30%,var(--lightpurple) 55%,var(--lightpurple) 100%);
    box-shadow: 0 5px 10px 0 rgba(30,52,124,.1), inset 0 0 3px 0 var(--lightpurple);
    text-shadow: 0 0 2px #ffe500;
}

.referral .nav-link.active, .referral .nav-link:hover {
    background: var(--purple);
}

.referral .nav-link {
    background: rgb(54 23 109 / 65%);
}

.refe-navv {
    border-bottom: 1px solid var(--lightpurple);
}

.referral-info-banner_title .yellow {
    color: #9559ff;
}

.referral-info-downline-content .info {
    color: #8947ff;
}

.referral-info_panel .cont .list .status {
    color: #8947ff;
}

.referral-info_body-col .panel .right .code-panel-area .code {
    color: #c8a9ff;
}

.share-fb::before, .share-line::before, .share-mail::before, .share-skype::before, .share-telegram::before, .share-whatsapp::before {
    filter: invert(1);
}

.invite-box-list li:hover .share-link {
    background: #985fff;
}

.referral-code-panel_btn.btn-default {
    background: var(--purple);
}

.referral-rate-tier .tier-row > .tier-rate:nth-child(1)[data-head]::before,
.referral-rate-tier .tier-row > .tier-rate:nth-child(2)[data-head]::before,
.referral-rate-tier .tier-row > .tier-rate:nth-child(3)[data-head]::before {
    background: linear-gradient(180deg,#7222ff 0,#3f2b63 100%);
}

.referral-rate-tier .tier-row .tier-rate {
    color: #c8a9ff;
}

.referral-rate-tag {
    background: var(--purple);
    color: var(--white);
}

.records-summarize-panel .ul .li .status {
    color: #c8a9ff;
}

.share-link {
    background-color: var(--lightpurple);
}

#gamelogtable-a th {
    background-color: var(--lightpurple);
}

#gamelogtable4 th {
    background-color: var(--lightpurple) !important;
}

.signup-group .form-group select:focus {
    box-shadow: 0 0 1px 1px var(--purple);
}

.form-control:focus {
    border: 2px solid var(--purple);
}

.check-wrap [type=checkbox]:checked + label .check-cube {
    background: var(--purple);
}

/* referral afterlogin */

/* agentreport */
.report-detail {
    box-shadow: 0px 3px 6px 3px var(--lightpurple);
}

#gamelogtable-b.table.dataTable thead > tr > th.sorting {
    background-color: var(--lightpurple);
}

#downlineee.table.dataTable thead > tr > th.sorting {
    background-color: var(--lightpurple);
}

/* agentreport */

/* playnow */
.download_box_column .download_icon i {
    color: #8540ff;
}

.transaction-details-wrap.details .title h3, .transaction-details-wrap.timeline .title h3 {
    color: #be99ff;
}
/* playnow */

/* sweet alert */

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

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

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

/* sweet alert */

/* datatables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--lightpurple);
    color: #fff !important;
}
/* datatables */

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

.daily-vip-bottom {  
    border: 2px solid var(--lightpurple);
    background: var(--deeppurple);
}
/* daily check-in reward end */

/* 05/04/2024 fixes start */
.main-table-box .bank-name-block i {
    color: var(--lightpurple);
}

.login-form-inner .form-group .btn-language:hover {
    border: 0.0625rem solid var(--black);
    color: var(--black);
}

.sheader-menu .main-sub .nav-item:hover {
    color: #da00ff;
}
/* 05/04/2024 fixes end */

/* like and dislike start */
.btn-css.like,
.btn-css.dislike,
.sgames-item .sgames-hidden .d-flex span.favorite {
    color: #da00ff;
}

    .btn-css.like.active,
    .btn-css.dislike.active,
    .sgames-item .sgames-hidden .d-flex span.favorite.active {
        border-color: #da00ff;
    }
/* like and dislike end */