/* Rules page */

:host,
:root,
:root[data-theme], :root [data-theme] {
    --bodyG: #05052F;
    --bodyBg: #05052F;
    --bodyBg2: #0a0a5d;
    --bodyBg3: #0c0c74;
    --bodyBgHover: #06063d;
    --bodyBg2Hover: #0b0b6b;
    --bodyBg3Hover: #0d0d82;
    --bodyTxt: #fff;
    --bodyTxt2: #b4b4c1;
    --bodyTxt3: #828297;
    --bodyAccent: #F8D87F;
    --bodyAccentTxt: rgba(0, 0, 0, 0.9);
    --bodyRGBA: rgba(5, 5, 47, 0.7);
    --bodyRGBA2: rgba(5, 5, 47, 0.5);
    --bodyRGBA3: rgba(5, 5, 47, 0.3);
    --bodyRadius: 2px;
    --bodyBorder: #06063d;
    --accentG: #F8D87F;
    --accentBg: #F8D87F;
    --accentBg2: #fbe7af;
    --accentBg3: #fceec7;
    --accentBgHover: #f9dc8d;
    --accentBg2Hover: #fcebbe;
    --accentBg3Hover: #fdf2d6;
    --accentTxt: #000;
    --accentTxt2: #4a4126;
    --accentTxt3: #7c6c40;
    --accentAccent: #F8D87F;
    --accentAccentTxt: rgba(0, 0, 0, 0.9);
    --accentRGBA: rgba(248, 216, 127, 0.7);
    --accentRGBA2: rgba(248, 216, 127, 0.5);
    --accentRGBA3: rgba(248, 216, 127, 0.3);
    --accentRadius: 2px;
    --accentBorder: #f9dc8d;
    --dominantG: #030326;
    --dominantBg: #030326;
    --dominantBg2: #070755;
    --dominantBg3: #09096d;
    --dominantBgHover: #040434;
    --dominantBg2Hover: #080863;
    --dominantBg3Hover: #0a0a7b;
    --dominantTxt: #fff;
    --dominantTxt2: #b3b3be;
    --dominantTxt3: #818193;
    --dominantAccent: #F8D87F;
    --dominantAccentTxt: rgba(0, 0, 0, 0.9);
    --dominantRGBA: rgba(3, 3, 38, 0.7);
    --dominantRGBA2: rgba(3, 3, 38, 0.5);
    --dominantRGBA3: rgba(3, 3, 38, 0.3);
    --dominantRadius: 2px;
    --dominantBorder: #040434;
    --buttonG: linear-gradient(0deg, #F8D87F 0%, #C29A46 100%);
    --buttonBg: #C29A46;
    --buttonBg2: #cfaf6c;
    --buttonBg3: #d5b980;
    --buttonBgHover: #c6a051;
    --buttonBg2Hover: #d3b578;
    --buttonBg3Hover: #d9bf8b;
    --buttonTxt: #000;
    --buttonTxt2: #3a2e15;
    --buttonTxt3: #614d23;
    --buttonAccent: #F8D87F;
    --buttonAccentTxt: rgba(0, 0, 0, 0.9);
    --buttonRGBA: rgba(194, 154, 70, 0.7);
    --buttonRGBA2: rgba(194, 154, 70, 0.5);
    --buttonRGBA3: rgba(194, 154, 70, 0.3);
    --buttonRadius: 100px;
    --buttonBorder: #c6a051;
    --buttonSecondaryG: #0d0d82;
    --buttonSecondaryBg: #0d0d82;
    --buttonSecondaryBg2: #1212b0;
    --buttonSecondaryBg3: #1414c7;
    --buttonSecondaryBgHover: #0e0e90;
    --buttonSecondaryBg2Hover: #1313be;
    --buttonSecondaryBg3Hover: #1515d5;
    --buttonSecondaryTxt: #fff;
    --buttonSecondaryTxt2: #b6b6da;
    --buttonSecondaryTxt3: #8686c1;
    --buttonSecondaryAccent: #F8D87F;
    --buttonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --buttonSecondaryRGBA: rgba(13, 13, 130, 0.7);
    --buttonSecondaryRGBA2: rgba(13, 13, 130, 0.5);
    --buttonSecondaryRGBA3: rgba(13, 13, 130, 0.3);
    --buttonSecondaryRadius: 2px;
    --buttonSecondaryBorder: #0e0e90;
    --navbarG: #070755;
    --navbarBg: #070755;
    --navbarBg2: #0b0b84;
    --navbarBg3: #0d0d9c;
    --navbarBgHover: #080863;
    --navbarBg2Hover: #0c0c92;
    --navbarBg3Hover: #0e0eaa;
    --navbarTxt: #fff;
    --navbarTxt2: #b5b5cc;
    --navbarTxt3: #8383aa;
    --navbarAccent: #F8D87F;
    --navbarAccentTxt: rgba(0, 0, 0, 0.9);
    --navbarRGBA: rgba(7, 7, 85, 0.7);
    --navbarRGBA2: rgba(7, 7, 85, 0.5);
    --navbarRGBA3: rgba(7, 7, 85, 0.3);
    --navbarRadius: 2px;
    --navbarBorder: #080863;
    --sliderG: #06063d;
    --sliderBg: #06063d;
    --sliderBg2: #0b0b6b;
    --sliderBg3: #0d0d83;
    --sliderBgHover: #07074b;
    --sliderBg2Hover: #0c0c79;
    --sliderBg3Hover: #0e0e91;
    --sliderTxt: #fff;
    --sliderTxt2: #b4b4c5;
    --sliderTxt3: #83839e;
    --sliderAccent: #F8D87F;
    --sliderAccentTxt: rgba(0, 0, 0, 0.9);
    --sliderRGBA: rgba(6, 6, 61, 0.7);
    --sliderRGBA2: rgba(6, 6, 61, 0.5);
    --sliderRGBA3: rgba(6, 6, 61, 0.3);
    --sliderRadius: 2px;
    --sliderBorder: #07074b;
    --headerG: linear-gradient(0deg, #05052F 0%, #09094C 100%);
    --headerBg: #09094C;
    --headerBg2: #0e0e7a;
    --headerBg3: #111190;
    --headerBgHover: #0b0b5a;
    --headerBg2Hover: #101088;
    --headerBg3Hover: #13139e;
    --headerTxt: #fff;
    --headerTxt2: #b5b5c9;
    --headerTxt3: #8484a6;
    --headerAccent: #F8D87F;
    --headerAccentTxt: rgba(0, 0, 0, 0.9);
    --headerRGBA: rgba(9, 9, 76, 0.7);
    --headerRGBA2: rgba(9, 9, 76, 0.5);
    --headerRGBA3: rgba(9, 9, 76, 0.3);
    --headerRadius: 2px;
    --headerBorder: #0b0b5a;
    --subHeaderG: linear-gradient(0deg, #05052F 0%, #0A0A57 100%);
    --subHeaderBg: #0A0A57;
    --subHeaderBg2: #0f0f85;
    --subHeaderBg3: #12129c;
    --subHeaderBgHover: #0c0c65;
    --subHeaderBg2Hover: #111193;
    --subHeaderBg3Hover: #1414aa;
    --subHeaderTxt: #fff;
    --subHeaderTxt2: #b6b6cd;
    --subHeaderTxt3: #8585ab;
    --subHeaderAccent: #F8D87F;
    --subHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --subHeaderRGBA: rgba(10, 10, 87, 0.7);
    --subHeaderRGBA2: rgba(10, 10, 87, 0.5);
    --subHeaderRGBA3: rgba(10, 10, 87, 0.3);
    --subHeaderRadius: 2px;
    --subHeaderBorder: #0c0c65;
    --eventG: #06063A;
    --eventBg: #06063A;
    --eventBg2: #0b0b68;
    --eventBg3: #0d0d7f;
    --eventBgHover: #070748;
    --eventBg2Hover: #0c0c76;
    --eventBg3Hover: #0e0e8d;
    --eventTxt: #fff;
    --eventTxt2: #b4b4c4;
    --eventTxt3: #83839d;
    --eventAccent: #F8D87F;
    --eventAccentTxt: rgba(0, 0, 0, 0.9);
    --eventRGBA: rgba(6, 6, 58, 0.7);
    --eventRGBA2: rgba(6, 6, 58, 0.5);
    --eventRGBA3: rgba(6, 6, 58, 0.3);
    --eventRadius: 2px;
    --eventBorder: #070748;
    --eventLiveG: #0e0e8d;
    --eventLiveBg: #0e0e8d;
    --eventLiveBg2: #1313bb;
    --eventLiveBg3: #1515d3;
    --eventLiveBgHover: #0f0f9b;
    --eventLiveBg2Hover: #1414c9;
    --eventLiveBg3Hover: #1616e1;
    --eventLiveTxt: #fff;
    --eventLiveTxt2: #b7b7dd;
    --eventLiveTxt3: #8787c6;
    --eventLiveAccent: #F8D87F;
    --eventLiveAccentTxt: rgba(0, 0, 0, 0.9);
    --eventLiveRGBA: rgba(14, 14, 141, 0.7);
    --eventLiveRGBA2: rgba(14, 14, 141, 0.5);
    --eventLiveRGBA3: rgba(14, 14, 141, 0.3);
    --eventLiveRadius: 2px;
    --eventLiveBorder: #0f0f9b;
    --oddG: #04042C;
    --oddBg: #04042C;
    --oddBg2: #08085b;
    --oddBg3: #0a0a72;
    --oddBgHover: #05053a;
    --oddBg2Hover: #090969;
    --oddBg3Hover: #0b0b80;
    --oddTxt: #fff;
    --oddTxt2: #b4b4c0;
    --oddTxt3: #828296;
    --oddAccent: #F8D87F;
    --oddAccentTxt: rgba(0, 0, 0, 0.9);
    --oddRGBA: rgba(4, 4, 44, 0.7);
    --oddRGBA2: rgba(4, 4, 44, 0.5);
    --oddRGBA3: rgba(4, 4, 44, 0.3);
    --oddRadius: 100px;
    --oddBorder: #F8D87F;
    --oddActiveG: linear-gradient(0deg, #C29A46 0%, #f9dc8d 100%);
    --oddActiveBg: #f9dc8d;
    --oddActiveBg2: #fcebbd;
    --oddActiveBg3: #fdf2d6;
    --oddActiveBgHover: #fae09c;
    --oddActiveBg2Hover: #fdefcc;
    --oddActiveBg3Hover: #fef7e5;
    --oddActiveTxt: #000;
    --oddActiveTxt2: #4b422a;
    --oddActiveTxt3: #7d6e47;
    --oddActiveAccent: #F8D87F;
    --oddActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --oddActiveRGBA: rgba(249, 220, 141, 0.7);
    --oddActiveRGBA2: rgba(249, 220, 141, 0.5);
    --oddActiveRGBA3: rgba(249, 220, 141, 0.3);
    --oddActiveRadius: 100px;
    --oddActiveBorder: #F6E3B2;
    --showMoreG: #06063d;
    --showMoreBg: #06063d;
    --showMoreBg2: #0b0b6b;
    --showMoreBg3: #0d0d83;
    --showMoreBgHover: #07074b;
    --showMoreBg2Hover: #0c0c79;
    --showMoreBg3Hover: #0e0e91;
    --showMoreTxt: #fff;
    --showMoreTxt2: #b4b4c5;
    --showMoreTxt3: #83839e;
    --showMoreAccent: #F8D87F;
    --showMoreAccentTxt: rgba(0, 0, 0, 0.9);
    --showMoreRGBA: rgba(6, 6, 61, 0.7);
    --showMoreRGBA2: rgba(6, 6, 61, 0.5);
    --showMoreRGBA3: rgba(6, 6, 61, 0.3);
    --showMoreRadius: 100px;
    --showMoreBorder: #07074b;
    --marketHeaderG: #0a0a5d;
    --marketHeaderBg: #0a0a5d;
    --marketHeaderBg2: #0f0f8b;
    --marketHeaderBg3: #1111a2;
    --marketHeaderBgHover: #0b0b6b;
    --marketHeaderBg2Hover: #101099;
    --marketHeaderBg3Hover: #1212b0;
    --marketHeaderTxt: #fff;
    --marketHeaderTxt2: #b6b6ce;
    --marketHeaderTxt3: #8585ae;
    --marketHeaderAccent: #F8D87F;
    --marketHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --marketHeaderRGBA: rgba(10, 10, 93, 0.7);
    --marketHeaderRGBA2: rgba(10, 10, 93, 0.5);
    --marketHeaderRGBA3: rgba(10, 10, 93, 0.3);
    --marketHeaderRadius: 2px;
    --marketHeaderBorder: #0b0b6b;
    --collapseG: linear-gradient(0deg, #05052F 0%, #101088 100%);
    --collapseBg: #101088;
    --collapseBg2: #1515b6;
    --collapseBg3: #1818cc;
    --collapseBgHover: #121296;
    --collapseBg2Hover: #1717c4;
    --collapseBg3Hover: #1a1ada;
    --collapseTxt: #fff;
    --collapseTxt2: #b7b7db;
    --collapseTxt3: #8888c4;
    --collapseAccent: #F8D87F;
    --collapseAccentTxt: rgba(0, 0, 0, 0.9);
    --collapseRGBA: rgba(16, 16, 136, 0.7);
    --collapseRGBA2: rgba(16, 16, 136, 0.5);
    --collapseRGBA3: rgba(16, 16, 136, 0.3);
    --collapseRadius: 2px;
    --collapseBorder: #121296;
    --tabG: #09094C;
    --tabBg: #09094C;
    --tabBg2: #0e0e7a;
    --tabBg3: #111190;
    --tabBgHover: #0b0b5a;
    --tabBg2Hover: #101088;
    --tabBg3Hover: #13139e;
    --tabTxt: #fff;
    --tabTxt2: #b5b5c9;
    --tabTxt3: #8484a6;
    --tabAccent: #F8D87F;
    --tabAccentTxt: rgba(0, 0, 0, 0.9);
    --tabRGBA: rgba(9, 9, 76, 0.7);
    --tabRGBA2: rgba(9, 9, 76, 0.5);
    --tabRGBA3: rgba(9, 9, 76, 0.3);
    --tabRadius: 2px;
    --tabBorder: #0b0b5a;
    --tabActiveG: #09095B;
    --tabActiveBg: #09095B;
    --tabActiveBg2: #0e0e89;
    --tabActiveBg3: #1010a1;
    --tabActiveBgHover: #0a0a69;
    --tabActiveBg2Hover: #0f0f97;
    --tabActiveBg3Hover: #1111af;
    --tabActiveTxt: #fff;
    --tabActiveTxt2: #b5b5ce;
    --tabActiveTxt3: #8484ad;
    --tabActiveAccent: #F8D87F;
    --tabActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --tabActiveRGBA: rgba(9, 9, 91, 0.7);
    --tabActiveRGBA2: rgba(9, 9, 91, 0.5);
    --tabActiveRGBA3: rgba(9, 9, 91, 0.3);
    --tabActiveRadius: 2px;
    --tabActiveBorder: #0a0a69;
    --tabSecondaryActiveG: #101088;
    --tabSecondaryActiveBg: #101088;
    --tabSecondaryActiveBg2: #1515b6;
    --tabSecondaryActiveBg3: #1818cc;
    --tabSecondaryActiveBgHover: #121296;
    --tabSecondaryActiveBg2Hover: #1717c4;
    --tabSecondaryActiveBg3Hover: #1a1ada;
    --tabSecondaryActiveTxt: #fff;
    --tabSecondaryActiveTxt2: #b7b7db;
    --tabSecondaryActiveTxt3: #8888c4;
    --tabSecondaryActiveAccent: #F8D87F;
    --tabSecondaryActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --tabSecondaryActiveRGBA: rgba(16, 16, 136, 0.7);
    --tabSecondaryActiveRGBA2: rgba(16, 16, 136, 0.5);
    --tabSecondaryActiveRGBA3: rgba(16, 16, 136, 0.3);
    --tabSecondaryActiveRadius: 2px;
    --tabSecondaryActiveBorder: #121296;
    --menu_1G: #06063A;
    --menu_1Bg: #06063A;
    --menu_1Bg2: #0b0b68;
    --menu_1Bg3: #0d0d7f;
    --menu_1BgHover: #070748;
    --menu_1Bg2Hover: #0c0c76;
    --menu_1Bg3Hover: #0e0e8d;
    --menu_1Txt: #fff;
    --menu_1Txt2: #b4b4c4;
    --menu_1Txt3: #83839d;
    --menu_1Accent: #F8D87F;
    --menu_1AccentTxt: rgba(0, 0, 0, 0.9);
    --menu_1RGBA: rgba(6, 6, 58, 0.7);
    --menu_1RGBA2: rgba(6, 6, 58, 0.5);
    --menu_1RGBA3: rgba(6, 6, 58, 0.3);
    --menu_1Radius: 2px;
    --menu_1Border: #070748;
    --menu_2G: #080849;
    --menu_2Bg: #080849;
    --menu_2Bg2: #0d0d77;
    --menu_2Bg3: #10108e;
    --menu_2BgHover: #0a0a57;
    --menu_2Bg2Hover: #0f0f85;
    --menu_2Bg3Hover: #12129c;
    --menu_2Txt: #fff;
    --menu_2Txt2: #b5b5c8;
    --menu_2Txt3: #8484a4;
    --menu_2Accent: #F8D87F;
    --menu_2AccentTxt: rgba(0, 0, 0, 0.9);
    --menu_2RGBA: rgba(8, 8, 73, 0.7);
    --menu_2RGBA2: rgba(8, 8, 73, 0.5);
    --menu_2RGBA3: rgba(8, 8, 73, 0.3);
    --menu_2Radius: 2px;
    --menu_2Border: #090933;
    --menu_3G: #09095B;
    --menu_3Bg: #09095B;
    --menu_3Bg2: #0e0e89;
    --menu_3Bg3: #1010a1;
    --menu_3BgHover: #0a0a69;
    --menu_3Bg2Hover: #0f0f97;
    --menu_3Bg3Hover: #1111af;
    --menu_3Txt: #fff;
    --menu_3Txt2: #b5b5ce;
    --menu_3Txt3: #8484ad;
    --menu_3Accent: #F8D87F;
    --menu_3AccentTxt: rgba(0, 0, 0, 0.9);
    --menu_3RGBA: rgba(9, 9, 91, 0.7);
    --menu_3RGBA2: rgba(9, 9, 91, 0.5);
    --menu_3RGBA3: rgba(9, 9, 91, 0.3);
    --menu_3Radius: 2px;
    --menu_3Border: #040427;
    --inputG: #070755;
    --inputBg: #070755;
    --inputBg2: #0b0b84;
    --inputBg3: #0d0d9c;
    --inputBgHover: #080863;
    --inputBg2Hover: #0c0c92;
    --inputBg3Hover: #0e0eaa;
    --inputTxt: #fff;
    --inputTxt2: #b5b5cc;
    --inputTxt3: #8383aa;
    --inputAccent: #F8D87F;
    --inputAccentTxt: rgba(0, 0, 0, 0.9);
    --inputRGBA: rgba(7, 7, 85, 0.7);
    --inputRGBA2: rgba(7, 7, 85, 0.5);
    --inputRGBA3: rgba(7, 7, 85, 0.3);
    --inputRadius: 8px;
    --inputBorder: #080863;
    --inputSecondaryG: #0c0c92;
    --inputSecondaryBg: #0c0c92;
    --inputSecondaryBg2: #1010c1;
    --inputSecondaryBg3: #1212d9;
    --inputSecondaryBgHover: #0d0da0;
    --inputSecondaryBg2Hover: #1111cf;
    --inputSecondaryBg3Hover: #1313e7;
    --inputSecondaryTxt: #fff;
    --inputSecondaryTxt2: #b6b6de;
    --inputSecondaryTxt3: #8686c9;
    --inputSecondaryAccent: #F8D87F;
    --inputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --inputSecondaryRGBA: rgba(12, 12, 146, 0.7);
    --inputSecondaryRGBA2: rgba(12, 12, 146, 0.5);
    --inputSecondaryRGBA3: rgba(12, 12, 146, 0.3);
    --inputSecondaryRadius: 8px;
    --inputSecondaryBorder: #0d0da0;
    --filterG: #0c0c92;
    --filterBg: #0c0c92;
    --filterBg2: #1010c1;
    --filterBg3: #1212d9;
    --filterBgHover: #0d0da0;
    --filterBg2Hover: #1111cf;
    --filterBg3Hover: #1313e7;
    --filterTxt: #fff;
    --filterTxt2: #b6b6de;
    --filterTxt3: #8686c9;
    --filterAccent: #F8D87F;
    --filterAccentTxt: rgba(0, 0, 0, 0.9);
    --filterRGBA: rgba(12, 12, 146, 0.7);
    --filterRGBA2: rgba(12, 12, 146, 0.5);
    --filterRGBA3: rgba(12, 12, 146, 0.3);
    --filterRadius: 8px;
    --filterBorder: #0d0da0;
    --tooltipG: #070755;
    --tooltipBg: #070755;
    --tooltipBg2: #0b0b84;
    --tooltipBg3: #0d0d9c;
    --tooltipBgHover: #080863;
    --tooltipBg2Hover: #0c0c92;
    --tooltipBg3Hover: #0e0eaa;
    --tooltipTxt: #fff;
    --tooltipTxt2: #b5b5cc;
    --tooltipTxt3: #8383aa;
    --tooltipAccent: #F8D87F;
    --tooltipAccentTxt: rgba(0, 0, 0, 0.9);
    --tooltipRGBA: rgba(7, 7, 85, 0.7);
    --tooltipRGBA2: rgba(7, 7, 85, 0.5);
    --tooltipRGBA3: rgba(7, 7, 85, 0.3);
    --tooltipRadius: 2px;
    --tooltipBorder: #080863;
    --modalG: #06063d;
    --modalBg: #06063d;
    --modalBg2: #0b0b6b;
    --modalBg3: #0d0d83;
    --modalBgHover: #07074b;
    --modalBg2Hover: #0c0c79;
    --modalBg3Hover: #0e0e91;
    --modalTxt: #fff;
    --modalTxt2: #b4b4c5;
    --modalTxt3: #83839e;
    --modalAccent: #F8D87F;
    --modalAccentTxt: rgba(0, 0, 0, 0.9);
    --modalRGBA: rgba(6, 6, 61, 0.7);
    --modalRGBA2: rgba(6, 6, 61, 0.5);
    --modalRGBA3: rgba(6, 6, 61, 0.3);
    --modalRadius: 2px;
    --modalBorder: #07074b;
    --betSlipG: #070755;
    --betSlipBg: #070755;
    --betSlipBg2: #0b0b84;
    --betSlipBg3: #0d0d9c;
    --betSlipBgHover: #080863;
    --betSlipBg2Hover: #0c0c92;
    --betSlipBg3Hover: #0e0eaa;
    --betSlipTxt: #fff;
    --betSlipTxt2: #b5b5cc;
    --betSlipTxt3: #8383aa;
    --betSlipAccent: #F8D87F;
    --betSlipAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipRGBA: rgba(7, 7, 85, 0.7);
    --betSlipRGBA2: rgba(7, 7, 85, 0.5);
    --betSlipRGBA3: rgba(7, 7, 85, 0.3);
    --betSlipRadius: 2px;
    --betSlipBorder: #080863;
    --betSlipStakeG: #080863;
    --betSlipStakeBg: #080863;
    --betSlipStakeBg2: #0c0c92;
    --betSlipStakeBg3: #0e0eaa;
    --betSlipStakeBgHover: #090971;
    --betSlipStakeBg2Hover: #0d0da0;
    --betSlipStakeBg3Hover: #0f0fb8;
    --betSlipStakeTxt: #fff;
    --betSlipStakeTxt2: #b5b5d0;
    --betSlipStakeTxt3: #8484b1;
    --betSlipStakeAccent: #F8D87F;
    --betSlipStakeAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipStakeRGBA: rgba(8, 8, 99, 0.7);
    --betSlipStakeRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipStakeRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipStakeRadius: 2px;
    --betSlipStakeBorder: #090971;
    --betSlipInputG: #080863;
    --betSlipInputBg: #080863;
    --betSlipInputBg2: #0c0c92;
    --betSlipInputBg3: #0e0eaa;
    --betSlipInputBgHover: #090971;
    --betSlipInputBg2Hover: #0d0da0;
    --betSlipInputBg3Hover: #0f0fb8;
    --betSlipInputTxt: #fff;
    --betSlipInputTxt2: #b5b5d0;
    --betSlipInputTxt3: #8484b1;
    --betSlipInputAccent: #F8D87F;
    --betSlipInputAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipInputRGBA: rgba(8, 8, 99, 0.7);
    --betSlipInputRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipInputRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipInputRadius: 2px;
    --betSlipInputBorder: #090971;
    --betSlipButtonG: #080863;
    --betSlipButtonBg: #080863;
    --betSlipButtonBg2: #0c0c92;
    --betSlipButtonBg3: #0e0eaa;
    --betSlipButtonBgHover: #090971;
    --betSlipButtonBg2Hover: #0d0da0;
    --betSlipButtonBg3Hover: #0f0fb8;
    --betSlipButtonTxt: #fff;
    --betSlipButtonTxt2: #b5b5d0;
    --betSlipButtonTxt3: #8484b1;
    --betSlipButtonAccent: #F8D87F;
    --betSlipButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipButtonRGBA: rgba(8, 8, 99, 0.7);
    --betSlipButtonRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipButtonRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipButtonRadius: 2px;
    --betSlipButtonBorder: #090971;
    --betSlipHeaderG: #080863;
    --betSlipHeaderBg: #080863;
    --betSlipHeaderBg2: #0c0c92;
    --betSlipHeaderBg3: #0e0eaa;
    --betSlipHeaderBgHover: #090971;
    --betSlipHeaderBg2Hover: #0d0da0;
    --betSlipHeaderBg3Hover: #0f0fb8;
    --betSlipHeaderTxt: #fff;
    --betSlipHeaderTxt2: #b5b5d0;
    --betSlipHeaderTxt3: #8484b1;
    --betSlipHeaderAccent: #F8D87F;
    --betSlipHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipHeaderRGBA: rgba(8, 8, 99, 0.7);
    --betSlipHeaderRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipHeaderRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipHeaderRadius: 2px;
    --betSlipHeaderBorder: #090971;
    --betSlipTabG: #080863;
    --betSlipTabBg: #080863;
    --betSlipTabBg2: #0c0c92;
    --betSlipTabBg3: #0e0eaa;
    --betSlipTabBgHover: #090971;
    --betSlipTabBg2Hover: #0d0da0;
    --betSlipTabBg3Hover: #0f0fb8;
    --betSlipTabTxt: #fff;
    --betSlipTabTxt2: #b5b5d0;
    --betSlipTabTxt3: #8484b1;
    --betSlipTabAccent: #F8D87F;
    --betSlipTabAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipTabRGBA: rgba(8, 8, 99, 0.7);
    --betSlipTabRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipTabRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipTabRadius: 2px;
    --betSlipTabBorder: #090971;
    --betSlipTabActiveG: #080863;
    --betSlipTabActiveBg: #080863;
    --betSlipTabActiveBg2: #0c0c92;
    --betSlipTabActiveBg3: #0e0eaa;
    --betSlipTabActiveBgHover: #090971;
    --betSlipTabActiveBg2Hover: #0d0da0;
    --betSlipTabActiveBg3Hover: #0f0fb8;
    --betSlipTabActiveTxt: #fff;
    --betSlipTabActiveTxt2: #b5b5d0;
    --betSlipTabActiveTxt3: #8484b1;
    --betSlipTabActiveAccent: #F8D87F;
    --betSlipTabActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --betSlipTabActiveRGBA: rgba(8, 8, 99, 0.7);
    --betSlipTabActiveRGBA2: rgba(8, 8, 99, 0.5);
    --betSlipTabActiveRGBA3: rgba(8, 8, 99, 0.3);
    --betSlipTabActiveRadius: 2px;
    --betSlipTabActiveBorder: #090971;
    --tmLogoG: #070755;
    --tmLogoBg: #070755;
    --tmLogoBg2: #0b0b84;
    --tmLogoBg3: #0d0d9c;
    --tmLogoBgHover: #080863;
    --tmLogoBg2Hover: #0c0c92;
    --tmLogoBg3Hover: #0e0eaa;
    --tmLogoTxt: #fff;
    --tmLogoTxt2: #b5b5cc;
    --tmLogoTxt3: #8383aa;
    --tmLogoAccent: #F8D87F;
    --tmLogoAccentTxt: rgba(0, 0, 0, 0.9);
    --tmLogoRGBA: rgba(7, 7, 85, 0.7);
    --tmLogoRGBA2: rgba(7, 7, 85, 0.5);
    --tmLogoRGBA3: rgba(7, 7, 85, 0.3);
    --tmLogoRadius: 2px;
    --tmLogoBorder: #080863;
}

.tg_native_styled_scroll::-webkit-scrollbar-track {
    background: var(--bodyBg);
}

.tg_native_styled_scroll::-webkit-scrollbar-thumb {
    background: var(--dominantBg2);
}

    .tg_native_styled_scroll::-webkit-scrollbar-thumb:hover {
        background: var(--dominantBg3);
    }

.logo {
    background: url('images/ClientLogo/713/big.png') no-repeat;
    width: 148px;
    height: 46px;
    background-size: contain;
}

@media screen and (max-width: 1024px) {
    .logo {
        background: url('images/ClientLogo/713/sm.png') no-repeat;
        width: 34px;
        height: 34px;
        background-size: contain;
    }
}


body {
    background-color: var(--bodyBg);
    color: var(--bodyTxt);
}

header {
    background: var(--headerG);
    box-shadow: 3px 1px 4px rgba(0,0,0,0.3);
}

.languages .select-list,
.langRow {
    background-color: var(--dominantBg2);
}

    .langRow .txt {
        color: var(--dominantTxt2);
    }

    .langRow:hover {
        background-color: var(--dominantBg3);
    }

.languages #selLang > a {
    border-radius: var(--borderRadius);
}

.expandable-list {
    background-color: var(--bodyBg);
}

.main-col {
    background: var(--dominantBg);
    color: var(--dominantTxt);
}

.expandable-list .menuleft .menuleftа {
    background: var(--menu_1G);
    color: var(--menu_1Txt);
}

    .expandable-list .menuleft .menuleftа:hover {
        background: var(--menu_1Bg2);
    }

.expandable-list .menuleft ul li a {
    background: var(--menu_2G);
    color: var(--menu_2Txt);
}

    .expandable-list .menuleft ul li a:hover {
        background-color: var(--menu_2Bg2);
    }

.expandable-list .menuleft ul li.active a {
    background: var(--menu_3G);
}

.content-head {
    color: var(--accentBg);
}

.mob_nav {
    color: var(--dominantTxt2);
}

.subMenu .arrow,
.languages #selLang > a:after {
    color: var(--dominantTxt2);
}