:root {
        --body-bg: #f1f3ff;
        --bgcolor-sidebar:#ffffff;
        --bg-content: #f1f3ff;
        --bgcolor-content:#242527;
        --bgcolor-content2:#ffffff;
        --bgcolor-navtop:#221851;
        --bgcolor-navmob:#221851;
        --bgcolor-contentCon: #221851;
        --bgcolor-table: #161616;
        --table-text: #000000;
        --table-text2: #ffffff;
        --table-bg: #08f690;
        --access1-text:#8370ff ;
        --access1-bg:#f1f3ff ;
        --access2-text:#221851 ;
        --access2-bg:#fff601 ;
        --cta-text: #fff601;
        --cta-bg:#221851 ;
        --cat-bg: #ffffff;
        --cat-dbg: #8470ff;
        --cat-text: #ffffff;
        --cat-abg: #221851;
        --cat-atext: #fff601;
        --shadow: #ffea00;
        --viplv-bg: linear-gradient(90deg, #c26df2, #9e3ce8);
        --viplv-text :#fff601;
        --color-primary:#8470ff;
        --color-secondary:#ffffff;
        --color-thrid:#fff601;
        --color-text:#221851;
        --color-textSeo:#221851;
        --color-btns:#ffffff;
        --color-btnsActive:#fff601;
        --color-btnsBg: #ffffff;
        --color-border:#08f690;
        --bg-color:#ffffff;
        --bg-colorBorder:#ffffff;
        --bg-colorBorder2:#77ff9d;
        --arrows:#221851;
        --href-color:#ffffff;
        --href-colorHover:#655391;
        --mg-text: #ffffff;
        --mg-deposit-bg: linear-gradient(90deg, #06dcfe, #614ff9);
        --mg-vip-bg: linear-gradient(90deg, #f75352, #e837cf);
        --mg-referral-bg: linear-gradient(90deg, #ff960c, #ff5468);
        --mg-livechat-bg: linear-gradient(90deg, #c7da37, #219fdc);
        --mg-review-bg: linear-gradient(90deg, #d94dec, #6f74f5);
        --ann-bgcolor:#ffffff;
        --ann-colorIcon:#211951;
        --ann-colorText:#211951;
        --ann-tab: #00f68e;
        --ann-tabtext: #000000;
        --ann-tab2: #222222;
        --ann-tabtext2: #ffffff;
        --bg-modal: #221851;
        --bg-close: #ffffff;
        --modaltitle: #8470ff;
        --modaltitle-text: #ffffff;
        --realtime-bg: linear-gradient(90deg, #c26df2, #9e3ce8);
        --realtrans-text: #ffffff;
        --realtrans-cta: #221851;
        --realtrans-amo: #fff601;
        --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:#ffffff;
        --btns-color1:#394143;
        --btns-color2:#222244;
        --btns-color3:#ffea01;
        --btns-color4:#8470ff;
        --btns-color5:#ffffff;
        --btns-color6:#8470ff;
        --btnnav-color1:#ffffff;
        --btnnav-color2:#010002;
        --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:#8470ff;
        --wlist-bgcolor:#191919;
        --wlist-colorBorder:#8470ff;
        --wlist-color:#ffffff;
        --wlist-color2:#ffea00;
        --wlist-color3:#ffea00;
        --btns-active:#8470ff;
        --btns-active-text:#ffffff;
        --btns-active-border:#adadad;
        --hue-adjust:hue-rotate(155deg) brightness(1.6);
        --greyscale: grayscale(1) brightness(5);
        --ft-greyscale: grayscale(1) opacity(.5);
        --fav-thumb: #d7443e;
        --fav-bg: #ffffff;
        --unfav-thumb: #d7443e;
        --unfav-bg: #ffffff;
        --gamelist-text:#221851;
        --gamelist-bgcolor:#ffffff;
        --gamelist-border: transparent;
        --lobby-bg: #1c1e1d;
        --sidebar-menu-bg: #394143;
        --sidebar-menu-color:#b3bec0;
        --tab-bg: #000000;
        --tab-bg2: linear-gradient(90deg, #77ff9d, #00a633);
        --tab-border: #adadad;
        --tabs-bg: #292d2e;
        --tabs-bg-active: #394143;
        --tabs-text: #ffffff;
        --gamecats-text: #ffffff;
        --gamecats-arrow-bg: #394143;
        --gamecats-arrow-text: #ffffff;
        --collapse-bg: #222244;
        --collapse-bg2: #313153;
        --collapse-text: #ffffff;

        /*form control*/
        --afbg-base: #090a0a;
        --form-base: #000000;  
        --form-input-bg: #000000; 
        --form-border: #8470ff;
        --form-input-bg2: #ffffff;
        --form-input-text: #707070; 
        --progressbar-text: #ffffff;
        --form-trans-bg: rgb(255,255,255,0.1);
        --form-remark: #84ffcb;
        --form-success: #06ff00;
        --form-pending: #ffd70c;
        --form-failed: #ff4c44;
        --form-cta-bg: #8470ff;
        --form-text: #707070;
        --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='%23221851' 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='%23221851' 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='%23221851' 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='%23221851' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    }
    }