:root .color16-4 {
        --body-bg: #1f1f1f;
        --bgcolor-sidebar: #000000;
        --bgcolor-sidebar2: #000000;
        --bg-content: #1f1f1f;
        --bgcolor-content: #1f1f1f;
        --bgcolor-content2: #1f1f1f;
        --bgcolor-navtop: #1f1f1f;
        --bgcolor-navmob: rgba(0, 0, 0, 0.9);
        --bgcolor-table: #1f1f1f;
        --table-text: #ffffff;
        --table-text2: #ffffff;
        --table-bg: #2e2e2e;
        --logo-text: #00e579;
        --logo-text2: #ffffff;
        --cta-text: #000000;
        --cta-bg: #ffffff;
        --shadow: #2e2e2e;
        --color-primary: #ffffff;
        --color-secondary: #ffffff;
        --color-text: #8c8c8c;
        --color-textSeo: #ffffff;
        --color-btns: #ffffff;
        --color-btnsActive: #ffffff;
        --color-btnsBg: #ffffff;
        --color-border: #2e2e2e;
        --bg-color: #ffffff;
        --bg-colorBorder: #ffffff;
        --bg-colorBorder2: #77ff9d;
        --arrows: #ffffff;
        --href-color: #ffffff;
        --href-colorHover: #655391;
        --mg-text: #ffffff;
        --mg-mission-bg: linear-gradient(90deg, #0e002b, #7315b0);
        --mg-mission-border: #8700bf;
        --mg-wheel-bg: linear-gradient(90deg, #8e3f06, #ffeb31);
        --mg-wheel-border: #f1e702;
        --mg-tournament-bg: linear-gradient(90deg, #5b000d, #e00606);
        --mg-tournament-border: #cf2624;
        --apps-bgcolor: rgba(0, 0, 0, 0.9);
        --apps-close: #b6b6b6;
        --apps-desc: #b6b6b6;
        --apps-title: #b6b6b6;
        --apps-colorBorder: #000000;
        --apps-colorLine: #b6b6b6;
        --apps-s1bg: #9b9b9b;
        --apps-s1border: #9b9b9b;
        --apps-s1text: #ffffff;
        --apps-s2bg: #000000;
        --apps-s2border: #9b9b9b;
        --apps-s2text: #9b9b9b;
        --ann-bgcolor: #1f1f1f;
        --ann-colorIcon: #adadad;
        --ann-colorText: #adadad;
        --ann-tab: #9b9b9b;
        --ann-tabtext: #000000;
        --ann-tab2: #222222;
        --ann-tabtext2: #ffffff;
        --bg-modal: #000000;
        --bg-close: #ffffff;
        --modaltitle: #000000;
        --modaltitle-text: #ffffff;
        --realtime-bg: #000000;
        --realtrans-text: #ffffff;
        --realtrans-time: #8c8c8c;
        --realtrans-amo: #e73e39;
        --subnav-bgcolor: #333333;
        --subnav-text: #ffffff;
        --subnav-colorBorder: #adadad;
        --subnav-bgcolor2: #77ff9d;
        --subnav-text2: #ffffff;
        --subnav-colorBorder2: #77ff9d;
        --btn-color1: #ffffff;
        --btn-color2: #1f1f1f;
        --btn-color3: #000000;
        --btns-color1: #000000;
        --btns-color2: #000000;
        --btns-color3: #000000;
        --btns-color4: #e73e39;
        --btns-color5: #ffffff;
        --btns-color6: #e73e39;
        --btnnav-color1: #ffffff;
        --btnnav-color2: #ffffff;
        --btnnav-color3: #3f0776;
        --btnimg-color1: #ffffff;
        --frnav-bgcolor: rgba(255, 255, 255, 0.5);
        --frnav-text: #000000;
        --fnav-colorBorder: #2e2e2e;
        --winner-bgcolor: #000000;
        --winner-title: #2e2e2e;
        --wlist-bgcolor: #191919;
        --wlist-colorBorder: #2e2e2e;
        --wlist-color: #ffffff;
        --wlist-color2: #ffea00;
        --wlist-color3: #ffea00;
        --btns-active: #2e2e2e;
        --btns-active-text: #ffffff;
        --btns-active-border: #adadad;
        --hue-adjust: hue-rotate(0deg) contrast(1) brightness(100);
        --greyscale: grayscale(1) brightness(5);
        --ft-greyscale: grayscale(1) opacity(.5);
        --miss-thumb: url(../images/color16-3/logo.png) no-repeat center;
        --fav-thumb: #ff2000;
        --unfav-thumb: #ffffff;
        --unfav-bg: #000000a3;
        --gamelist-text: #ffffff;
        --gamelist-bgcolor: #000000;
        --gamelist-border: transparent;
        --lobby-bg: #000000;
        --tab-bg: #000000;
        --tab-bg2: linear-gradient(90deg, #77ff9d, #00a633);
        --tab-border: #adadad;
        --tabs-bg: #000000;
        --tabs-bg-active: #2e2e2e;
        --tabs-text: #ffffff;
        --gamecats-text: #ffffff;
        --collapse-bg: #000000;
        --collapse-bg2: #2e2e2e;
        --collapse-text: #ffffff;

        --bootstrap-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

        /*form control*/
        --afbg: url(../images/after-login/afbg.png) no-repeat;
        --afbg-base: #000000;
        --form-base: #000000;
        --form-input-bg: #101010;
        --form-border: #2e2e2e;
        --form-input-bg2: #222222;
        --form-input-text: #dadada;
        --progressbar-text: #ffffff;
        --form-trans-bg: rgb(255, 255, 255, 0.1);
        --form-remark: #e73f39;
        --form-success: #06ff00;
        --form-pending: #ffd70c;
        --form-failed: #ff4c44;
        --form-cta-bg: #ffffff;
        --form-text: #dadada;
        --form-text-light: #ffffff;
        --form-text-dark: #000000;
        --gradient-bg: linear-gradient(135deg, #1f1f1f, #111111);
        --form-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        --form-input-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
        --accordion-active: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23308d0c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
        --accordion-before: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23308d0c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

        /*new referral page*/
        --refer-color-theme: #ffffff;
        --refer-black: #FFFFFF;
        --refer-black2: #FFFFFF;
        --refer-black3: #FFFFFF66;
        --refer-white: #000000;
        --refer-bgcolor-box: #000000ad;
        --refer-bgcolor-box2: #000000ad;
        --refer-bg-color: #000000ad;
        --refer-bg-img: url(../images/referral/dark-bg.png);
        --refer-shadow-box: 0 0 10px 0 #FFFFFF26;
        --refer-bg-modal: #0b0810;
        --refer-color-text-tnc: #FFFFFFBF;

        /* leaderboard */
        --shadow-box2: #FFFFFF1A;
        --border-line: #757575;
        --bg-rank: #73737399;
        --bg-leaderboard: url(../images/leaderboard/dark-frame.png);
        --bgform-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    
        /*rocket chat*/
        --rchat-theme-color:#e73e39;
        --rchat-theme-color2:rgb(54 54 54);
        --rchat-bg:#161616;
        --rchat-text: #fff;
        --rchat-text-w: #ffffff;
        --rchat-text2:rgba(255, 255, 255, 0.8);
        --rchat-border:rgba(255, 255, 255, 0.1);
        --rchat-btn-bg:rgba(255, 255, 255, 0.3);
        --rchat-btn-border:rgba(255, 255, 255, 0.2);
        --rchat-btn-bg-hover:rgba(255, 255, 255, 0.1);
        --rchat-btn-border-hover:rgba(255, 255, 255, 0.2);
        --rchat-shadow:rgba(255, 255, 255, 0.2);
        --rchat-shadow2:rgba(0, 0, 0, 0.3);
        --rchat-date-bg:rgb(54 54 54);
        --dot-bg:rgba(255, 255, 255, 0.3);     
    }
    .color16-4 .wallet2 .box-wrapper .box-text .copy-btn{
        color: #000000;
    }
    .color16-4 .tournament-term,
    .color16-4 .btn-earn {
        background-color: #e73e39;
        color: #ffffff;
    }

    .color16-4 .tournament-ranking table tbody tr:first-child td,
    .color16-4 .tournament-ranking table tbody tr:nth-child(2) td,
    .color16-4 .tournament-ranking table tbody tr:nth-child(3) td {
        color: #ffffff;
    }

    .color16-4 .sidebar .items .btns:hover {
        fill: none;
        background: #ffffff33;
    }

    .color16-4 .input-group .btn.btnform:hover,
    .color16-4 .d-promo .form-check-label.active,
    .color16-4 .d-promo .form-check-label:hover {
        color: #000000;
    }

    .color16-4 .wallet.payment .w-menu.active img,
    .color16-4 .wallet.payment .w-menu:hover img {
        background: #00000040;
    }

    .color16-4 .statistic .s-data.active .s-amount,
    .color16-4 .statistic .s-data:hover .s-amount,
    .color16-4 .statistic .s-data:hover .s-label,
    .color16-4 .d-amount a.active,
    .color16-4 .d-amount a:hover,
    .color16-4 .progress .progress-bar {
        color: #000000;
    }

    .color16-4 .progress .progress-bar {
        line-height: 1;
    }

    .color16-4 .af-form .form-check-input:checked {
        background-image: var(--form-input-checked);
    }
    .color16-4 #modal-inbox .modal-content{
        color: #ffffff;
    }