:root .color12-2 {
    --bgimg: url(../images/color12-2/bg.jpg) no-repeat top center;;
    --bgcolor-sidebar: rgba(0,0,0,0.4);
    --bgcolor-sidebar2:#ffffff;
    --bgcolor-content:#f1f1f1;
    --bgcolor-content2:#131a24;
    --bgcolor-content3:#000000;
    --bgcolor-navtop:rgba(255,255,255,0.5);
    --bgcolor-navmob:rgba(255,255,255,0.6);
    --bgcolor-table: #161616;
    --table-text: #ffffff;
    --table-text2: #ffffff;
    --table-bg: #015887;
    --logo-text: #4f0084;
    --logo-text2: #ffffff;
    --cta-text: #ffffff;
    --cta-bg:#447994 ;
    --copyright-text: #1f8ecb;
    --gausian-blur: blur(8px);
    --color-primary:#1f8ecb;
    --color-secondary: #7ecaf3;
    --color-text:#ffffff;
    --color-textSeo:#ffffff;
    --color-btns:#8c8c8c;
    --color-btnsActive:#000000;
    --color-btnsBg: #ffffff;
    --bg-color:#ffffff;
    --bg-colorBorder:#ffffff;
    --bg-colorBorder2:#0142ff;
    --color-border:#447994;
    --arrows:#555555;
    --href-color:#ffffff;
    --href-colorHover:#1f8ecb;
    --apps-bgcolor:rgba(0,0,0,0.75);
    --apps-desc:#ffffff;
    --apps-title:#cacaca;
    --apps-colorBorder:#000000;
    --apps-colorLine:#cacaca;
    --apps-s1bg:#005887;
    --apps-s1border:#005887;
    --apps-s1text:#ffffff;
    --apps-s2bg:#ffffff;
    --apps-s2border:#005887;
    --apps-s2text:#005887;
    --ann-bgcolor:#131a24;
    --ann-colorIcon:#ffffff;
    --ann-colorText:#ffffff;
    --ann-tab: #a986db;
    --ann-tabtext: #000000;
    --ann-tab2: #222222;
    --ann-tabtext2: #ffffff;
    --bg-modal:  rgba(0,0,0,0.8);
    --bg-close: #ffffff;
    --modaltitle:  linear-gradient(180deg, #447994, #005887);
    --modaltitle-text: #ffffff;
    --realtime-bg: rgba(0,0,0,0.25);
    --realtrans-text: #ffffff;
    --realtrans-time: #8c8c8c;
    --realtrans-amo: #98dcff;
    --subnav-bgcolor:#121a24;
    --subnav-text:#ffffff;
    --subnav-colorBorder:#015887;
    --subnav-bgcolor2:#77ff9d;
    --subnav-text2:#ffffff;
    --subnav-colorBorder2:#77ff9d;
    --btn-color1:#ffffff;
    --btn-color2:#015887;
    --btn-color3:#015887;
    --btns-color1:#ffffff;
    --btns-color2:#005887;
    --btns-color3:#015887;
    --btnnav-color1:#ffffff;
    --btnnav-color2:#447993;
    --btnnav-color3:#005887;
    --btnimg-color1:#ffffff;
    --gamelist-cta: #ffffff;
    --frnav-bgcolor:rgba(255,255,255,0.5);
    --frnav-text:#ffffff;
    --fnav-colorBorder: #132b49;
    --btns-active:#447994;
    --btns-active-text:#ffffff;
    --btns-active-border:#015887;
    --hue-adjust:hue-rotate(300deg) brightness(1.3);
    --greyscale: grayscale(1) brightness(5);
    --darkness: brightness(0);
    --ft-greyscale: grayscale(1) opacity(.5);
    --miss-thumb: url(../images/color12-2/logo.png) no-repeat center;
    --fav-thumb: #ff2000;
    --unfav-thumb: #ffffff;
    --unfav-bg: #000000a3;
    --gamelist-text:#ffffff;
    --gamelist-bgcolor:#000000;
    --gamelist-border: #f222fa ;
    --lobby-bg: #000000;
    --tab-bg: #000000;
    --tab-bg2: linear-gradient(90deg, #7f54be, #00a633);
    --tab-border: #adadad;
    --promo-title: #ffffff ;
    --vtab-bg:  rgba(0,0,0,0.3);
    --shadow: transparent;
    --shadow2: #666666; 

    /*form control*/
    --afbg: url(../images/color12-2/afbg.png) no-repeat;
    --afbg-base: rgba(0,0,0,0.4);
    --form-base: #000000;  
    --form-input-bg:  rgba(0,0,0,0.8); 
    --form-border: #505050;
    --form-input-bg2: #010f0c;
    --form-input-text: #dadada; 
    --progressbar-text: #ffffff;
    --form-trans-bg: rgb(255,255,255,0.1);
    --form-remark: #7ecaf3;
    --form-success: #06ff00;
    --form-pending: #ffd70c;
    --form-failed: #ff4c44;
    --form-cta-bg: #015887;
    --form-text: #dadada;
    --form-text-light: #ffffff;
    --form-text-dark: #000000;
    --gradient-bg: linear-gradient(135deg, #000e06, #015887);
    --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: #1bbaff;
    --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: #0a0d12;
    --refer-color-text-tnc: #FFFFFFBF;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #b1b1b199;
    --bg-rank: #ffffff99;
    --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:#00679e;
    --rchat-theme-color2:#27303b;
    --rchat-bg:#121a24;
    --rchat-text: #ffffff;
    --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.5);
    --rchat-btn-border:rgba(255, 255, 255, 0.2);
    --rchat-btn-bg-hover:rgba(255, 255, 255, 0.3);
    --rchat-btn-border-hover:rgba(255, 255, 255, 0.2);
    --rchat-shadow:rgba(0, 0, 0, 0.2);
    --rchat-shadow2:rgba(255, 255, 255, 0.3);
    --rchat-date-bg:#27303b;
    --dot-bg:rgba(255, 255, 255, 0.3);

    --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");

}