:root .color12-3 {
    --bgimg: url(../images/color12-3/bg.jpg) no-repeat top center;;
    --bgcolor-sidebar: rgba(255,255,255,0.4);
    --bgcolor-sidebar2:#ffffff;
    --bgcolor-content:#f1f1f1;
    --bgcolor-content2:#fff2ea;
    --bgcolor-content3:#292929;
    --bgcolor-navtop:rgba(255,255,255,0.6);
    --bgcolor-navmob:rgba(255,255,255,0.8);
    --bgcolor-table: #ffffff;
    --table-text: #ffffff;
    --table-text2: #444444;
    --table-bg: #fb853d;
    --logo-text: #4f0084;
    --logo-text2: #ffffff;
    --cta-text: #ffffff;
    --cta-bg:#fb853d ;
    --copyright-text: #fb853d;
    --gausian-blur: blur(8px);
    --color-primary:#1f8ecb;
    --color-secondary: #ffffff;
    --color-text:#ffffff;
    --color-textSeo:#909090;
    --color-btns:#8c8c8c;
    --color-btnsActive:#fb853d;
    --color-btnsBg: #ffffff;
    --bg-color:#ffffff;
    --bg-colorBorder:#ffffff;
    --bg-colorBorder2:#0142ff;
    --color-border:#fb853d;
    --arrows:#555555;
    --href-color:#ffffff;
    --href-colorHover:#fb853d;
    --apps-bgcolor:rgba(255,255,255,0.9);
    --apps-close: #444444;
    --apps-desc:#444444;
    --apps-title:#fb853d;
    --apps-colorBorder:#ffffff;
    --apps-colorLine:#cacaca;
    --apps-s1bg:#fb853d;
    --apps-s1border:#fb853d;
    --apps-s1text:#ffffff;
    --apps-s2bg:#ffffff;
    --apps-s2border:#fb853d;
    --apps-s2text:#fb853d;
    --ann-bgcolor:#fff2ea;
    --ann-colorIcon:#909090;
    --ann-colorText:#909090;
    --ann-tab: #a986db;
    --ann-tabtext: #ffffff;
    --ann-tab2: #222222;
    --ann-tabtext2: #ffffff;
    --bg-modal:  rgba(0,0,0,0.8);
    --bg-close: #ffffff;
    --modaltitle:  linear-gradient(180deg, #fb853d, #790101);
    --modaltitle-text: #ffffff;
    --realtime-bg: rgba(255,255,255,0.5);
    --realtrans-text: #444444;
    --realtrans-time: #8c8c8c;
    --realtrans-amo: #fb853d;
    --subnav-bgcolor:#ffffff;
    --subnav-text:#343434;
    --subnav-colorBorder:#fb853d;
    --subnav-bgcolor2:#77ff9d;
    --subnav-text2:#343434;
    --subnav-colorBorder2:#77ff9d;
    --btn-color1:#ffffff;
    --btn-color2:#015887;
    --btn-color3:#111111;
    --btns-color1:#ffffff;
    --btns-color2:#fb853d;
    --btns-color3:#015887;
    --btnnav-color1:#ffffff;
    --btnnav-color2:#db5f14;
    --btnnav-color3:#fb853d;
    --btnimg-color1:#fb853d;
    --frnav-bgcolor:rgba(255,255,255,0.5);
    --frnav-text:#444444;
    --fnav-colorBorder: #f9b691;
    --btns-active:#fb853d;
    --btns-active-text:#fb853d;
    --btns-active-border:transparent;
    --hue-adjust: hue-rotate(120deg) saturate(230%) contrast(1);
    --greyscale: grayscale(1) brightness(5);
    --darkness: hue-rotate(120deg) saturate(230%) contrast(1);
    --ft-greyscale: grayscale(1) opacity(.5);
    --miss-thumb: url(../images/color12-3/logo.png) no-repeat center;
    --fav-thumb: #ff2000;
    --unfav-thumb: #ffffff;
    --unfav-bg: #000000a3;
    --gamelist-text:#444444;
    --gamelist-bgcolor:#ffffff;
    --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: #fb853d;

    /*form control*/
    --afbg: url(../images/color12-3/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: #613b23;
    --form-input-bg2: #010f0c;
    --form-input-text: #dadada; 
    --progressbar-text: #ffffff;
    --form-trans-bg: rgb(255,255,255,0.1);
    --form-remark: #fb853d;
    --form-success: #06ff00;
    --form-pending: #ffd70c;
    --form-failed: #ff4c44;
    --form-cta-bg: #fb853d;
    --form-text: #dadada;
    --form-text-light: #ffffff;
    --form-text-dark: #000000;
    --gradient-bg: linear-gradient(135deg, #000e06, #25065b);
    --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: #ff6100;
    --refer-black: #000000;
    --refer-black2: #000000;
    --refer-black3: #00000066;
    --refer-white: #ffffff;
    --refer-bgcolor-box: #ffffffd3;
    --refer-bgcolor-box2: #ffffffd3;
    --refer-bg-color: #ffffffd3;
    --refer-bg-img: url(../images/referral/white-bg.png);
	--refer-shadow-box: 0 0 10px 0 #FFFFFF26;
    --refer-bg-modal: #ffffff;
    --refer-color-text-tnc: #000000bf;

    /* leaderboard */
    --shadow-box2: #0000001a;
    --border-line: #757575;
    --bg-rank: #00000099;
    --bg-leaderboard: url(../images/leaderboard/white-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:#ff6100;
    --rchat-theme-color2:#ebebeb;
    --rchat-bg:#ffffff;
    --rchat-text: #000000;
    --rchat-text-w: #fff;
    --rchat-text2:rgba(0, 0, 0, 0.8);
    --rchat-border:rgba(0, 0, 0, 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(0, 0, 0, 0.2);
    --rchat-shadow2:rgba(255, 255, 255, 0.3);
    --rchat-date-bg:#ebebeb;
    --dot-bg:rgba(0, 0, 0, 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");
}

.color12-3 .rebate-rate-wrapper .rebate-info-col:first-child {
    background-color: #111111;
}

.color12-3 .glprovider .dropdown .dropdown-menu .dropdown-item:focus,
.color12-3 .glprovider .dropdown .dropdown-menu .dropdown-item:active, 
.color12-3 .glprovider .dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--btns-active); 
    color: #fff;
}
.color12-3 .glsearch .input-group .form-control, 
.color12-3 .glsearch .input-group .form-control::placeholder,
.color12-3 .glsearch span, 
.color12-3 .glsearch input{
    color: #000;
}