:root .color17-5 {
        --body-bg: #20182b;
        --bgcolor-sidebar: #231f27;
        --bgcolor-sidebar2: #231f27;
        --bg-content: #20182b;
        --bgcolor-content: #20182b;
        --bgcolor-content2: #1a1422;
        --bgcolor-navtop: #231f27;
        --bgcolor-navmob: #231f27;
        --bgcolor-contentCon: #1d1c1e;
        --bgcolor-table: #161616;
        --table-text: #000000;
        --table-text2: #ffffff;
        --table-bg: #7e00ff;
        --logo-text: #7e00ff;
        --logo-text2: #ffffff;
        --cta-text: #ffffff;
        --cta-bg: #7e00ff;
        --shadow: #ffea00;
        --color-primary: #7e00ff;
        --color-secondary: #7e00ff;
        --color-text: #eeeeee;
        --color-textSeo: #8c8c8c;
        --color-btns: #ffffff;
        --color-btnsActive: #ffffff;
        --color-btnsBg: #ffffff;
        --color-border: #7e00ff;
        --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: #7e00ff;
        --apps-s1border: #7e00ff;
        --apps-s1text: #ffffff;
        --apps-s2bg: #000000;
        --apps-s2border: #7e00ff;
        --apps-s2text: #7e00ff;
        --ann-bgcolor: #1d1c1e;
        --ann-colorIcon: #adadad;
        --ann-colorText: #adadad;
        --ann-tab: #7e00ff;
        --ann-tabtext: #000000;
        --ann-tab2: #222222;
        --ann-tabtext2: #ffffff;
        --bg-modal: #1d1c1e;
        --bg-close: #ffffff;
        --modaltitle: #7e00ff;
        --modaltitle-text: #ffffff;
        --realtime-bg: #231f27;
        --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: #3a363d;
        --btns-color2: #222244;
        --btns-color3: #ffea01;
        --btns-color4: #7e00ff;
        --btns-color5: #ffffff;
        --btns-color6: #7e00ff;
        --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: #7e00ff;
        --wlist-bgcolor: #191919;
        --wlist-colorBorder: #7e00ff;
        --wlist-color: #ffffff;
        --wlist-color2: #ffea00;
        --wlist-color3: #ffea00;
        --btns-active: #7e00ff;
        --btns-active-text: #ffffff;
        --btns-active-border: #adadad;
        --hue-adjust: hue-rotate(270deg) brightness(1.5);
        --greyscale: grayscale(1) brightness(5);
        --ft-greyscale: grayscale(1) opacity(.5);
        --miss-thumb: url(../images/color17-5/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: #1d1c1e;
        --sidebar-menu-bg: #3a363d;
        --sidebar-menu-color: #b3bec0;
        --tab-bg: #000000;
        --tab-bg2: linear-gradient(90deg, #77ff9d, #00a633);
        --tab-border: #adadad;
        --tabs-bg: #111111;
        --tabs-bg-active: #3a363d;
        --tabs-text: #ffffff;
        --gamecats-text: #ffffff;
        --gamecats-arrow-bg: #3a363d;
        --gamecats-arrow-text: #ffffff;
        --collapse-bg: #222244;
        --collapse-bg2: #313153;
        --collapse-text: #ffffff;
        --payment-bg: url(../images/color17-5/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: #7e00ff;
        --form-input-bg2: #222222;
        --form-input-text: #dadada;
        --progressbar-text: #ffffff;
        --form-trans-bg: rgb(255, 255, 255, 0.1);
        --form-remark: #8c70cc;
        --form-success: #06ff00;
        --form-pending: #ffd70c;
        --form-failed: #ff4c44;
        --form-cta-bg: #7e00ff;
        --form-text: #dadada;
        --form-text-light: #ffffff;
        --form-text-dark: #000000;
        --gradient-bg: linear-gradient(135deg, #1d1c1e, #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: #8d60ff;
        --refer-black: #FFFFFF;
        --refer-black2: #FFFFFF;
        --refer-black3: #FFFFFF66;
        --refer-white: #000000;
        --refer-bgcolor-box: #231f27;
        --refer-bgcolor-box2: #231f27;
        --refer-bg-color: #231f27;
        --refer-bg-img: url(../images/referral/dark-bg.png);
        --refer-shadow-box: 0 0 10px 0 #FFFFFF26;
        --refer-bg-modal: #231f27;
        --refer-color-text-tnc: #FFFFFFBF;

        /* leaderboard */
        --shadow-box2: #FFFFFF1A;
        --border-line: #757575;
        --bg-rank: s#4c4c4c99;
        --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-5 .tournament-ranking table tbody tr:first-child td,
    .color17-5 .tournament-ranking table tbody tr:nth-child(2) td,
    .color17-5 .tournament-ranking table tbody tr:nth-child(3) td,
    .color17-5 .tournament-term,
    .color17-5 .icon-rank {
        color: #fff;
    }