:root .color22-1 {
    --primary-color1: #462fcd;
    --primary-color2: #f9a51a;
    --primary-color3: #5780E9;
    --btn-color1:#24263e;
    --btn-color2:#dd2146;
    --btn-text-color1:#fff;
    --btn-deposit:linear-gradient(16deg,#2021a1 0%,#9c06cb 75%);
    --bg-site:#0D131C;
    --bg-color1:#161F2C;
    --bg-color2: #111923;
    --bg-color3: #1D2633;
    --bg-color4: #242a42;
    --bg-color5:#192840;
    --bg-color6:#2a3546;
    --text-color1:#fff;
    --text-color2:#000;
    --text-color3:#97a7b6;
    --text-color4:#96a6b5;
    --bg-input-box:#2a3546;
    --input-box-focus:rgba(62, 70, 163, 0.2);
    --btn-box-shadow:#dd214783;
    --header-download-btn:linear-gradient(316deg,#263062 0%,#121a22 83%);
    --header-promotion-btn:linear-gradient(316deg,#3e381f 0%,#121a22 83%);
    --line-color:rgba(255,255,255,0.1);
    --line-color1:rgba(255,255,255,1);
    --btn-game-category:linear-gradient(194deg,#9825ff 0%,#29205f 100%);
    --btn-game-category-hover:linear-gradient(194deg,#9925ff30 0%,#2a205f65 100%);
    --bg-tooltip:linear-gradient(256deg, rgb(11, 75, 123) 21%, rgb(78, 148, 241) 100%);
    --arrow-tooltip:rgb(78, 148, 241);
    --special-menu1:linear-gradient(90deg,rgba(62, 56, 31, 0) 0%, rgba(62, 56, 31, 1) 100%);
    --special-menu1-border:linear-gradient(46deg,rgba(62, 56, 31, 0) 71%, rgba(97, 91, 62, 1) 100%);
    --special-menu2:linear-gradient(90deg,rgba(60, 30, 82, 0) 0%, rgba(60, 30, 82, 1) 100%);
    --special-menu2-border:linear-gradient(46deg,rgba(83, 41, 104, 0) 71%, rgba(83, 41, 104, 1) 100%);
    --special-menu3:linear-gradient(90deg,rgba(38, 48, 98, 0) 0%, rgba(38, 48, 98, 1) 100%);
    --special-menu3-border:linear-gradient(46deg,rgba(61, 86, 132, 0) 71%, rgba(61, 86, 132, 1) 100%);
    --bg-notice:#131c2a;
    --outline-notice:#202b3b;
    --shadow-color:#00000042;
    --bg-arrow-slider:#161f2c;
    --bg-transaction-header1:linear-gradient(256deg, #1561ba 21%, #1322b1 100%);
    --bg-transaction-header2:linear-gradient(256deg, #4618ae 21%, #9c06cb 100%);
    --text-gradient:linear-gradient(to right, #5e15f7, #a001d0);
    --bg-provider:linear-gradient(256deg, #4f1f78 21%, #36337c 100%);
    --bg-border:linear-gradient(0deg, #4a4e8900 21%, #4a4e89 100%);
    --bg-footer:linear-gradient(10deg,#161f2c 6%,#191a33 85%);
    --bg-footer-nav:linear-gradient(180deg,#242737 0,#1b1e2f 25%);
    --footer-nav-hover:url(../images/color22-1/footer-nav-hover.png);
    --bg-after-login:#131524;
    --bg-slider-sport1: linear-gradient(135deg, #1322b1 0%, #ac15f7 100%);
    --bg-slider-sport2: linear-gradient(135deg, #1e165b 0%, #f43b47 100%);
    --form-cta-bg:#462fcd;
    --form-input-bg:#2a3546;
    --bg-provider-card:linear-gradient(180deg, #263061 0%, #131d30 100%);
    --bg-provider-card-active:linear-gradient(180deg,#523fbe 7%,#001e64 100%);
    --bg-filter-bar:#2a3546;
    --bg-promo-checkbox:linear-gradient(90deg,#472fcd7d 0%, #2a3546 100%);
    --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");
    --bg-transparent1:rgba(255,255,255,0.5);
    --bg-transparent2:rgba(0,0,0,0.5);
    --bg-provider-logo:linear-gradient(175deg, rgb(137, 218, 230) 0%, rgb(50, 1, 187) 100%);
    --primary-btn-outline:rgba(255,255,255,0.5);
    --bg-promo-category:linear-gradient(0deg,#1d2633 0%,#2e394a 100%);
    --primary-color-img-filter:brightness(0) saturate(100%) invert(45%) sepia(62%) saturate(520%) hue-rotate(185deg) brightness(99%) contrast(100%);

    /*new referral page*/
    --refer-color-theme: #9825ff;
    --refer-black: #FFFFFF;
    --refer-black2: #FFFFFF;
    --refer-black3: #FFFFFF66;
    --refer-white: #ffffff;
    --refer-bgcolor-box: #161F2C;
    --refer-bgcolor-box2: #161F2C;
    --refer-bg-color: #161F2C;
    --refer-bg-img: url(../images/referral/dark-bg.png);
	--refer-shadow-box: 0 0 10px 0 #FFFFFF26;
    --refer-bg-modal: #111923;
    --refer-color-text-tnc: #FFFFFFBF;

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

    /* live tv modal */
    --bg-live-tv-modal:#111;
    --bg-tv-select-btn:#252525;
    --live-tv-text:#fff;
    --live-tv-close:red;

    /*rocket chat*/
    --rchat-theme-color:#462fcd;
    --rchat-theme-color2:#40455c;
    --rchat-bg:#111923;
    --rchat-text: #fff;
    --rchat-text-w: #fff;
    --rchat-text2:rgba(255, 255, 255, 0.8);
    --rchat-border:rgba(255, 255, 255, 0.1);
    --rchat-btn-bg:rgba(255, 255, 255, 0.1);
    --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(255, 255, 255, 0.2);
    --rchat-shadow2:rgba(0, 0, 0, 0.3);
    --rchat-date-bg:#40455c;
    --dot-bg:rgba(255, 255, 255, 0.3);    

}