:root .color11-3 {
    --body-bg: #101010;
    --bgcolor-sidebar:#000000;
    --bgcolor-sidebar2:#000000;
    --bg-content:url(../images/color11-3/bg.jpg);
    --bgcolor-content:#161616;
    --bgcolor-content2:#0b0b0b;
    --bgcolor-navtop:#141414;
    --bgcolor-navmob:#000000;
    --bgcolor-table: #212121;
    --bgcolor-wmenu: #1c1c1c;
    --bgcolor-btns:#5d0027;
    --bgcolor-btns2:#ff0042;
    --logo-text: #ff0042;
    --logo-text2: #ffffff;
    --shadow: transparent;
    --cta-text: #ffffff;
    --cta-bg: linear-gradient(180deg, #5d0027, #ff0042);
    --color-primary:#ffffff;
    --color-text:#bebebe;
    --color-textSeo:#606060;
    --color-btns:#ffffff;
    --color-btnsActive:#ffffff;
    --color-btnsBg: #000000;
    --color-btnsBg2: linear-gradient(180deg, #5d0027, #ff0042);
    --bg-color:#000000;
    --bg-color2:#000000;
    --bg-colorBorder:#222222;
    --bg-colorBorder2:#ff0042;
    --color-border:#5d0027;
    --table-text: #ffffff;
    --table-bg: #5d0027;
    --arrows:#555555;
    --href-color:#de00b5;
    --href-colorHover:#ffffff;
    --apps-bgcolor:rgba(255,255,255,0.95);
    --apps-close:#444444;
    --apps-desc:#444444;
    --apps-title:#ff0042;
    --apps-colorBorder:transparent;
    --apps-colorLine:#cacaca;
    --apps-s1bg:#ff0042;
    --apps-s1border:#ff0042;
    --apps-s1text:#ffffff;
    --apps-s2bg:#000000;
    --apps-s2border:#ff0042;
    --apps-s2text:#ff0042;
    --ann-bgcolor:#000000;
    --ann-colorIcon:#ff0042;
    --ann-colorText:#bebebe;
    --ann-tab: #ff0042;
    --ann-tabtext: #ffffff;
    --ann-tab2: #161616;
    --ann-tabtext2: #ffffff;
    --bg-modal: #000000;
    --bg-close: #ffffff;
    --modaltitle: #ff0042;
    --modaltitle-text: #ffffff;
    --realtime-bg: #000000;
    --realtrans-text: #ffffff;
    --realtrans-time: #8c8c8c;
    --realtrans-amo: #ff0042;
    --text-light: #ffffff;
    --text-dark: #000000;
    --hue-adjust:invert(100%) grayscale(1) brightness(2) ;
    --greyscale: grayscale(0) opacity(1);
    --ft-greyscale: grayscale(1) opacity(.5);
    --miss-thumb: url(../images/color11-3/logo.png) no-repeat center;
    --fav-thumb: #ff2000;
    --unfav-thumb: #888888;
    --lang-bg: #ff0042;
    --lang-text: #606060;
    --lang-text2: #ffffff;
    --tab-bg: #2e2e2e;
    --tab-bg2: linear-gradient(180deg, #5d0027, #ff0042);
    --tab-border: #ff0042;

    /*form control*/
    --form-base: #000000;  
    --form-input-bg: #000000;
    --form-border: #000000; 
    --form-input-bg2: #191919;
    --form-input-text: #888888; 
    --progressbar-text: #ffffff;
    --form-trans-bg: rgb(255,255,255,0.1);
    --form-remark: #ff0042;
    --form-success: #06ff00;
    --form-pending: #ffd70c;
    --form-failed: #ff4c44;
    --form-cta-bg: #ff0042;
    --wmenu-cta :#ff0042;
    --form-text: #888888;
    --form-text-light: #ffffff;
    --form-text-dark: #000000;
    --gradient-bg: linear-gradient(135deg, #232323, #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='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

	--color-theme: #ff0042;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #000000;
    --bgcolor-box2: #000000;
    --bg-color2: #000000;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal2: #000000;
    --color-text-tnc: #FFFFFFBF;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --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");

    /* payment */
    --bg-boxwrapper: #FFFFFF1A;
    --filter-payment: none;
    --opacity-payment: 1;
    --text-boxpayment: #FFFFFF;
}