:root .color17-4 {
        --body-bg: #222222;
        --bgcolor-sidebar:#1b1b1b;
        --bgcolor-sidebar2:#1b1b1b;
        --bg-content: #222222;
        --bgcolor-content:#222222;
        --bgcolor-content2:#1b1b1b;
        --bgcolor-navtop:#1b1b1b;
        --bgcolor-navmob:#1b1b1b;
        --bgcolor-contentCon: #1c1e1d;
        --bgcolor-table: #161616;
        --table-text: #000000;
        --table-text2: #ffffff;
        --table-bg: #2b3aff;
        --logo-text: #2b3aff;
        --logo-text2: #ffffff;
        --cta-text: #ffffff;
        --cta-bg:#2b3aff ;
        --shadow: #ffea00;
        --color-primary:#2b3aff;
        --color-secondary:#2b3aff;
        --color-text:#eeeeee;
        --color-textSeo:#8c8c8c;
        --color-btns:#ffffff;
        --color-btnsActive:#ffffff;
        --color-btnsBg: #ffffff;
        --color-border:#2b3aff;
        --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;
        --mg-referral-bg: linear-gradient(90deg, #004c5b, #06bee0);
        --mg-referral-border: #1cdbf2;
        --mg-promo-bg: linear-gradient(90deg, #8c3500, #d1720f);
        --mg-promo-border: #f27a12;
        --apps-bgcolor:rgba(0,0,0,0.8);
        --apps-close:#ffffff ;
        --apps-desc:#ffffff;
        --apps-title:#7f7e7e;
        --apps-colorBorder:#000000;
        --apps-colorLine:#aaaaaa;
        --apps-s1bg:#2b3aff;
        --apps-s1border:#2b3aff;
        --apps-s1text:#ffffff;
        --apps-s2bg:#000000;
        --apps-s2border:#2b3aff;
        --apps-s2text:#2b3aff;
        --ann-bgcolor:#1c1e1d;
        --ann-colorIcon:#adadad;
        --ann-colorText:#adadad;
        --ann-tab: #2b3aff;
        --ann-tabtext: #000000;
        --ann-tab2: #222222;
        --ann-tabtext2: #ffffff;
        --bg-modal: #1c1e1d;
        --bg-close: #ffffff;
        --modaltitle: #2b3aff;
        --modaltitle-text: #010002;
        --realtime-bg: #1b1b1b;
        --realtrans-text: #ffffff;
        --realtrans-time: #8c8c8c;
        --realtrans-amo: #ffea00;
        --subnav-bgcolor:#333333;
        --subnav-text:#ffffff;
        --subnav-colorBorder:#adadad;
        --subnav-bgcolor2:#77ff9d;
        --subnav-text2:#ffffff;
        --subnav-colorBorder2:#77ff9d;
        --btn-color1:#ffffff;
        --btn-color2:#161616;
        --btn-color3:#000000;
        --btns-color1:#111111;
        --btns-color2:#222244;
        --btns-color3:#ffea01;
        --btns-color4:#2b3aff;
        --btns-color5:#ffffff;
        --btns-color6:#2b3aff;
        --btnnav-color1:#ffffff;
        --btnnav-color2:#ffffff;
        --btnnav-color3:#3f0776;
        --btnimg-color1:#ffffff;
        --frnav-bgcolor:rgba(255,255,255,0.5);
        --frnav-text:#000000;
        --fnav-colorLink: #8c8e8d;
        --fnav-colorBorder:#3e3e3e;
        --winner-bgcolor:#000000;
        --winner-title:#2b3aff;
        --wlist-bgcolor:#191919;
        --wlist-colorBorder:#2b3aff;
        --wlist-color:#ffffff;
        --wlist-color2:#ffea00;
        --wlist-color3:#ffea00;
        --btns-active:#2b3aff;
        --btns-active-text:#ffffff;
        --btns-active-border:#adadad;
        --hue-adjust:hue-rotate(240deg) brightness(1);
        --greyscale: grayscale(1) brightness(5);
        --ft-greyscale: grayscale(1) opacity(.5);
        --miss-thumb: url(../images/color17-4/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: #1c1e1d;
        --sidebar-menu-bg: #111111;
        --sidebar-menu-color:#b3bec0;
        --tab-bg: #000000;
        --tab-bg2: linear-gradient(90deg, #77ff9d, #00a633);
        --tab-border: #adadad;
        --tabs-bg: #111111;
        --tabs-bg-active: #373a41;
        --tabs-text: #ffffff;
        --gamecats-text: #ffffff;
        --gamecats-arrow-bg: #111111;
        --gamecats-arrow-text: #ffffff;
        --collapse-bg: #222244;
        --collapse-bg2: #313153;
        --collapse-text: #ffffff;
        --payment-bg: url(../images/color17-4/payment.png);

        /*form control*/
        --afbg: url(../images/after-login/afbg.png) no-repeat;
        --afbg-base: #090a0a;
        --form-base: #000000;  
        --form-input-bg: #121213; 
        --form-border: #2b3aff;
        --form-input-bg2: #222222;
        --form-input-text: #dadada; 
        --progressbar-text: #ffffff;
        --form-trans-bg: rgb(255,255,255,0.1);
        --form-remark: #76b2e6;
        --form-success: #06ff00;
        --form-pending: #ffd70c;
        --form-failed: #ff4c44;
        --form-cta-bg: #2b3aff;
        --form-text: #dadada;
        --form-text-light: #ffffff;
        --form-text-dark: #000000;
        --gradient-bg: linear-gradient(135deg, #1c1e1d, #000000);
        --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='%23ffffff' 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='%23ffffff' 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='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    
        /*new referral page*/
        --refer-color-theme: rgb(0, 166, 255);
        --refer-black: #FFFFFF;
        --refer-black2: #FFFFFF;
        --refer-black3: #FFFFFF66;
        --refer-white: #000000;
        --refer-bgcolor-box: #242527;
        --refer-bgcolor-box2: #242527;
        --refer-bg-color: #242527;
        --refer-bg-img: url(../images/referral/dark-bg.png);
        --refer-shadow-box: 0 0 10px 0 #FFFFFF26;
        --refer-bg-modal: rgb(4, 3, 5);
        --refer-color-text-tnc: #FFFFFFBF;
    
        /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #57575799;
    --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");
    }

    .color17-4 .tournament-ranking table tbody tr:first-child td,
    .color17-4 .tournament-ranking table tbody tr:nth-child(2) td,
    .color17-4 .tournament-ranking table tbody tr:nth-child(3) td,
    .color17-4 .tournament-term,
    .color17-4 .icon-rank{
        color: #fff;
    }