:root,
	:root[data-theme] {
        --bodyBg:  #171717;
        --bodyBg2:  #303030;
        --bodyBg3: #3d3d3d;  
        --bodyBgHover:  #1f1f1f;
        --bodyBg2Hover:  #383838;
        --bodyBg3Hover: #454545;
        --bodyRGBA:  rgba(23, 23, 23, 0.7);
        --bodyRGBA2:  rgba(23, 23, 23, 0.5);
        --bodyRGBA3:  rgba(23, 23, 23, 0.3);
        --bodyTxt: #e8e8e8;
        --bodyTxt2: #d1d1d1;
        --bodyTxt3: #b9b9b9;
        --bodyAccent: #DC9125;
        --bodyAccentTxt: rgba(0, 0, 0, 0.9);
        --bodyBorder:  #171717;
        --bodyRadius:  0px;

        --dominantG: #171717;
        --dominantRGBA: rgba(23, 23, 23, 0.7);
        --dominantRGBA2: rgba(23, 23, 23, 0.5);
        --dominantRGBA3: rgba(23, 23, 23, 0.3);
        --dominantBg: #171717;
        --dominantBg2: #303030;
        --dominantBg3: #3d3d3d;
        --dominantBgHover: #1f1f1f;
        --dominantBg2Hover: #383838;
        --dominantBg3Hover: #454545;
        --dominantTxt: #e8e8e8;
        --dominantTxt2: #d1d1d1;
        --dominantTxt3: #b9b9b9;
        --dominantTxtInverse: #262626; 
        --dominantRadius: 0px;
    
        --accentBg: #DC9125;
        --accentBg2:  #e3a751;
        --accentBg3: #e7b267;
        --accentBgHover:  #de9832;
        --accentBg2Hover:  #e5ae5e;
        --accentBg3Hover:  #e9b974;
        --accentG: #DC9125;
        --accentTxt: #160f04;
        --accentTxt2: #2c1d07;
        --accentTxt3: #422c0b;        
      
        --buttonG: #00fb80;
        --buttonBg:  #00fb80;
        --buttonBg2:  #2fff99;
        --buttonBg3:  #48ffa6;
        --buttonBgHover:  #0bff88;
        --buttonBg2Hover:  #3effa0;
        --buttonBg3Hover:  #57ffad;
        --buttonTxt: #00190d;
        --buttonTxt2: #00321a;
        --buttonTxt3: #004b26;
        --buttonAccent: #DC9125;
        --buttonAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonBorder: #171717;
        --buttonRadius: 0px;

        --buttonSecondaryG: #454545;
        --buttonSecondaryBg:  #454545;
        --buttonSecondaryBg2:  #5e5e5e;
        --buttonSecondaryBg3:  #6b6b6b;
        --buttonSecondaryBgHover:  #4d4d4d;
        --buttonSecondaryBg2Hover:  #666666;
        --buttonSecondaryBg3Hover:  #737373;
        --buttonSecondaryTxt: #ececec;
        --buttonSecondaryTxt2: #dadada;
        --buttonSecondaryTxt3: #c7c7c7;
        --buttonSecondaryAccent: #DC9125; 
        --buttonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonSecondaryBorder: #171717;
        --buttonSecondaryRadius: 0px;

        --inputG: #222222;
        --inputBg: #222222;
        --inputBg2: #3b3b3b;
        --inputBg3: #484848; 
        --inputBgHover: #2a2a2a;
        --inputBg2Hover: #434343;
        --inputBg3Hover: #505050;
        --inputTxt:  #e9e9e9;
        --inputTxt2: #d3d3d3;
        --inputTxt3: #bdbdbd;
        --inputAccent: #DC9125;
        --inputAccentTxt: rgba(0, 0, 0, 0.9);
        --inputRadius: 0px;        
        --inputBorder: #171717;  

        --inputSecondaryG: #282828;
        --inputSecondaryBg: #282828;
        --inputSecondaryBg2: #414141;
        --inputSecondaryBg3: #4e4e4e; 
        --inputSecondaryBgHover: #303030;
        --inputSecondaryBg2Hover: #494949;
        --inputSecondaryBg3Hover: #565656;
        --inputSecondaryTxt:  #eaeaea;
        --inputSecondaryTxt2: #d4d4d4;
        --inputSecondaryTxt3: #bfbfbf;
        --inputSecondaryAccent: #DC9125;
        --inputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --inputSecondaryRadius: 0px;        
        --inputSecondaryBorder: #171717;   

        --headerG: #050505;
        --headerBg: #050505;
        --headerBg2: #1e1e1e;
        --headerBg3: #2b2b2b;
        --headerBgHover: #0d0d0d;
        --headerBg2Hover: #262626;
        --headerBg3Hover: #333333;
        --headerTxt: #e6e6e6;
        --headerTxt2: #cdcdcd;
        --headerTxt3: #b4b4b4;
        --headerAccent: #DC9125;
        --headerAccentTxt: rgba(0, 0, 0, 0.9);
        --headerBorder: #171717;
        --headerRadius: 0px;

        --subHeaderG: #050505;
        --subHeaderBg: #050505;
        --subHeaderBg2: #1e1e1e;
        --subHeaderBg3: #2b2b2b;
        --subHeaderBgHover: #0d0d0d;
        --subHeaderBg2Hover: #262626;
        --subHeaderBg3Hover: #333333;
        --subHeaderTxt: #e6e6e6;
        --subHeaderTxt2: #cdcdcd;
        --subHeaderTxt3: #b4b4b4;
        --subHeaderAccent: #DC9125;
        --subHeaderAccentTxt: rgba(0, 0, 0, 0.9);
        --subHeaderBorder: #171717;
        --subHeaderRadius: 0px;

        --eventG: #171717;
        --eventBg: #171717;
        --eventBg2: #303030;
        --eventBg3: #3d3d3d;  
        --eventBgHover: #1f1f1f;
        --eventBg2Hover: #383838;
        --eventBg3Hover: #454545;
        --eventTxt: #e8e8e8;
        --eventTxt2: #d1d1d1;
        --eventTxt3: #b9b9b9;
        --eventAccent: #DC9125;
        --eventAccentTxt: rgba(0, 0, 0, 0.9);
        --eventBorder: #050505;
        --eventRadius:  0px;

        --modalG: #303030;
        --modalBg: #303030;
        --modalBg2: #494949;
        --modalBg3: #565656;
        --modalBgHover: #383838;
        --modalBg2Hover: #515151;
        --modalBg3Hover: #5e5e5e;
        --modalTxt: #eaeaea;
        --modalTxt2: #d6d6d6;
        --modalTxt3: #c1c1c1;
        --modalAccent: #DC9125;
        --modalAccentTxt: rgba(0, 0, 0, 0.9);
        --modalRadius: 0px;
        --modalBorder: #171717;
 
        --oddG: #050505;
        --oddBg: #050505;
        --oddBg2: #1e1e1e;
        --oddBg3: #2b2b2b; 
        --oddBgHover: #0d0d0d;
        --oddBg2Hover: #262626;
        --oddBg3Hover: #333333;
        --oddTxt: #01af32;
        --oddTxt2: #029c2d;
        --oddTxt3: #028928;
        --oddAccent: #DC9125;
        --oddAccentTxt: rgba(0, 0, 0, 0.9);
        --oddRadius: 0px;
        --oddBorder: #171717;

        --oddActiveG: #14805E;
        --oddActiveBg: #14805E;
        --oddActiveBg2: #1bac7e;
        --oddActiveBg3: #1ec28f;  
        --oddActiveBgHover: #168d68;
        --oddActiveBg2Hover: #1db988;
        --oddActiveBg3Hover: #20cf99;
        --oddActiveTxt: #e8f2ef;
        --oddActiveTxt2: #d0e6df;
        --oddActiveTxt3: #b9d9cf;
        --oddActiveAccent: #DC9125;
        --oddActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --oddActiveRadius: 0px;
        --oddActiveBorder: #171717;
 
        --showMoreG: #171717;
        --showMoreBg: #171717;
        --showMoreBg2: #303030;
        --showMoreBg3: #3d3d3d; 
        --showMoreBgHover: #1f1f1f;
        --showMoreBg2Hover: #383838;
        --showMoreBg3Hover: #454545;
        --showMoreTxt: #e8e8e8;
        --showMoreTxt2: #d1d1d1;
        --showMoreTxt3: #b9b9b9;
        --showMoreAccent: #DC9125;
        --showMoreAccentTxt: rgba(0, 0, 0, 0.9);
        --showMoreRadius: 0px;
        --showMoreBorder: #2A2A2A;


        --tabG: #171717;
        --tabBg: #171717;
        --tabBg2: #303030;
        --tabBg3: #3d3d3d;
        --tabBgHover: #1f1f1f;
        --tabBg2Hover: #383838;
        --tabBg3Hover: #454545;
        --tabTxt: #e8e8e8;
        --tabTxt2: #d1d1d1;
        --tabTxt3: #b9b9b9;
        --tabAccent: #DC9125;
        --tabAccentTxt: rgba(0, 0, 0, 0.9);
        --tabRadius: 0px;
        --tabBorder: #171717;

        --tabActiveG: #242424;
        --tabActiveBg: #242424;
        --tabActiveBg2: #3d3d3d;
        --tabActiveBg3: #4a4a4a;
        --tabActiveBgHover: #2c2c2c;
        --tabActiveBg2Hover: #454545;
        --tabActiveBg3Hover: #525252;
        --tabActiveTxt: #e9e9e9;
        --tabActiveTxt2: #d3d3d3;
        --tabActiveTxt3: #bdbdbd;
        --tabActiveAccent: #DC9125;
        --tabActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabActiveRadius: 0px;
        --tabActiveBorder: #171717; 

        --tabSecondaryActiveG: #383838;
        --tabSecondaryActiveBg: #383838;
        --tabSecondaryActiveBg2: #515151;
        --tabSecondaryActiveBg3: #5e5e5e;
        --tabSecondaryActiveBgHover: #404040;
        --tabSecondaryActiveBg2Hover: #595959;
        --tabSecondaryActiveBg3Hover: #666666;
        --tabSecondaryActiveTxt: #ebebeb;
        --tabSecondaryActiveTxt2: #d7d7d7;
        --tabSecondaryActiveTxt3: #c3c3c3;
        --tabSecondaryActiveAccent: #DC9125;
        --tabSecondaryActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabSecondaryActiveRadius: 0px;
        --tabSecondaryActiveBorder: #171717; 

        --filterG: #434343;
        --filterBg: #434343;
        --filterBg2: #5c5c5c;
        --filterBg3: #696969;
        --filterBgHover: #4b4b4b;
        --filterBg2Hover: #646464;
        --filterBg3Hover: #717171;
        --filterTxt: #ececec;
        --filterTxt2: #d9d9d9;
        --filterTxt3: #c7c7c7;
        --filterAccent: #DC9125;
        --filterAccentTxt: rgba(0, 0, 0, 0.9);
        --filterRadius: 0px;
        --filterBorder: #171717; 

        --menu_1G: #171717;
        --menu_1Bg: #171717;
        --menu_1Bg2: #303030;
        --menu_1Bg3: #3d3d3d;
        --menu_1BgHover: #1f1f1f;
        --menu_1Bg2Hover: #383838;
        --menu_1Bg3Hover: #454545;
        --menu_1Txt: #e8e8e8;
        --menu_1Txt2: #d1d1d1;
        --menu_1Txt3: #b9b9b9;
        --menu_1Accent: #DC9125;
        --menu_1AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_1Radius: 0px;
        --menu_1Border: #171717; 

        --menu_2G: #050505;
        --menu_2Bg: #050505;
        --menu_2Bg2: #1e1e1e;
        --menu_2Bg3: #2b2b2b;
        --menu_2BgHover: #0d0d0d;
        --menu_2Bg2Hover: #262626;
        --menu_2Bg3Hover: #333333;
        --menu_2Txt: #e6e6e6;
        --menu_2Txt2: #cdcdcd;
        --menu_2Txt3: #b4b4b4;
        --menu_2Accent: #DC9125;
        --menu_2AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_2Radius: 0px;
        --menu_2Border: #171717; 

        --menu_3G: #171717;
        --menu_3Bg: #171717;
        --menu_3Bg2: #303030;
        --menu_3Bg3: #3d3d3d;
        --menu_3BgHover: #1f1f1f;
        --menu_3Bg2Hover: #383838;
        --menu_3Bg3Hover: #454545;
        --menu_3Txt: #e8e8e8;
        --menu_3Txt2: #d1d1d1;
        --menu_3Txt3: #b9b9b9;
        --menu_3Accent: #DC9125;
        --menu_3AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_3Radius: 0px;
        --menu_3Border: #171717; 

        --tooltipG: #303030;
        --tooltipBg: #303030;
        --tooltipBg2: #494949;
        --tooltipBg3: #565656;
        --tooltipBgHover: #383838;
        --tooltipBg2Hover: #515151;
        --tooltipBg3Hover: #5e5e5e;
        --tooltipTxt: #eaeaea;
        --tooltipTxt2: #d6d6d6;
        --tooltipTxt3: #c1c1c1;
        --tooltipAccent: #DC9125;
        --tooltipAccentTxt: rgba(0, 0, 0, 0.9);
        --tooltipRadius: 0px;
        --tooltipBorder: #171717; 

           /* Old betslip */
        --betSlipBg: #303030;
        --betSlipBg2: #494949;
        --betSlipBorder: #171717;
        --betSlipTxt: #eaeaea;
        --betSlipTxt2: #d6d6d6;

        --betSlipStakeG: #383838;
        --betSlipStakeBg: #383838;
        --betSlipStakeTxt: #ebebeb;
        --betSlipStakeTxt2: #d7d7d7;

        --betSlipInputG: #383838;
        --betSlipInputTxt: #ebebeb;

        --betSlipButtonG: #383838;
        --betSlipButtonBg2: #515151;
        --betSlipButtonTxt: #ebebeb;
        --betSlipButtonRadius: 0px;
        

        --spritePositionX: 0px;
    }

    [class^='digi_tournament_']:before, [class*='digi_tournament_']:before {
        background-position-x: var(--spritePositionX) !important;
    }

    .tg_widget_heading_1{
        margin-top: 0;
    }
    .tg__multi_game {
        padding: 0 !important;
    }
    .tg_input::placeholder{
        color: var(--inputTxt2);
    }
    /* - - - - body - - - - */

    body,
    .tg_bg,
    .tg__result_item {
        background-color: var(--bodyBg);
        color: var(--bodyTxt);
    }
    
    .paperView .champ_list:last-child,
    .tg--border-bot-1 {
        border-color:var(--bodyBg);
    }

    .tg--pos_comb_row{
        border-color:var(--modalBorder);
    }

    .tg__one_game,
    .tg__match_item_stake{
        border-color: var(--eventBorder);
    }

    .tg__one_game_score{
        color: var(--eventAccent) !important;
    }

    .tg__submenu__item {
        color: var(--bodyTxt2);
    }
    .tg__submenu__item.active,
    .tg__submenu__item:hover {
        color: var(--bodyTxt);
    }

    #line_tabs .selectorWrapper, 
    #live_tabs_header .selectorWrapper, 
    #line_tabs .tabsWithMarketFilter, 
    #live_tabs_header .tabsWithMarketFilter{
        background-color: var(--bodyBg);
    }
    .tg__btn-action { 
        background: var(--buttonG) !important;
        color: var(--buttonTxt) !important;
    }
    /* - - - - Widget - - - - - */
    .tg__live_list_header {
        background-color: var(--headerG);
        color: var(--headerTxt);
    }

    .tg__multiview_content {
        background-color: var(--eventG);
        color: var(--eventTxt);
    }

    .tg-hero{
        background-color: var(--dominantBg);
        color: var(--dominantTxt);
    }
    .tg-bg_transparent{
        background-color: var(--dominantRGBA2);
        border: 1px solid var(--dominantRGBA3);
        border-radius: var(--dominantRadius);
    }

    /* - - - - Left Menu Level 1 - - - - */
    .tg__left_menu_item--lvl1 {
        background: var(--menu_1G);
        color: var(--menu_1Txt);
        border-color: var(--menu_1Border);
    }

    .tg__left_menu_item--lvl1:hover {
        background: var(--menu_1BgHover);
        color: var(--menu_1Txt);
    }

    .tg__left_menu_item--lvl1 .tg__left_menu_item_text {
        color: var(--menu_1Txt);
    }
    
    .tg__left_menu_item--lvl1  .tg-ico-arrow {
        color: var(--menu_1Txt3);
    }
    
    .ss__step_slider .ss__slider,
    .ss__step_slider .ss__ruller > div {
        background: var(--dominantTxt2);
    }
    
    .ss__step_slider .ss__slider:hover {
        background: var(--accentBg);
    }
    
    .ss__step_slider .ss__ruller > .off {
        background: var(--dominantBg);
    }
    
    /* - - - - Left Menu Level 2 - - - - */
    .tg__left_menu_item--lvl2{
        background: var(--menu_2G);
        color: var(--menu_2Txt);
        border-color: var(--menu_2Border);
    }

    .tg__left_menu_item--lvl2:hover{
        background: var(--menu_2BgHover);
        color: var(--menu_2Txt);
    }

    .tg__left_menu_item--lvl2 .tg__left_menu_item_text{
        color: var(--menu_2Txt);
    }

    .tg__left_menu_item--lvl2  .tg-ico-arrow {
        color: var(--menu_2Txt3);
    }
    
    /* africanView */
    .africanView .SBhead {
        background: var(--headerG);
        color: var(--headerTxt);
    }

    .africanView .gameContentTitle {
        background: var(--bodyBg);
        color: var(--bodyTxt);
    }

    .africanView .champCont{
        background: var(--eventG);
        color: var(--eventTxt);
    }
    
    .africanView .tg_left_tabs {
        background: var(--subHeaderG);
        color: var(--subHeaderTxt2);
        border-bottom-color: var(--accentBg);
    }
    
    .africanView .tg_left_filter_tabs_active {
        color: var(--accentBg);
    }

    /* - - - - Left Menu Level 3 - - - - */
    .tg__left_menu_item--lvl3,
    .tg__list_row_heading{
        background: var(--menu_3G);
        color: var(--menu_3Txt);
        border-color: var(--menu_3Border);
    }
    .live_menu_item_left_header{
        background: var(--subHeaderG);
        color: var(--subHeaderTxt2);
    }
    .live_menu_item_left{
        border-color: var(--menu_3Border);
    }

    .tg__left_menu_item--lvl3 .tg__left_menu_item_text{
        color: var(--menu_3Txt);
    }
    
    .tg__left_menu_item--lvl3  .tg-ico-arrow {
        color: var(--menu_3Txt3);
    }

    .dg_game_tabs{
        padding: 0 var(--headerRadius);
    }
    
    /* - - - - Passive Tab - - - - */
    .tab_selector {
        background: var(--tabG);
        color: var(--tabTxt2);
        border-top-left-radius: var(--tabRadius);
        border-top-right-radius: var(--tabRadius);
    }
    
     .sportLeftPane .tab_selector  {
        background: var(--tabG);
        color: var(--tabTxt);
    } 

    .tg__coupon_tabs_cont {
        padding-top: 2px;
        margin-bottom: 2px;
    }
    .tab_cupon {
        background: var(--tabG);
        color: var(--tabTxt2);
    }

    .tab_cupon.tab_selected,
    .tab_cupon:hover {
        background: var(--tabActiveG);
        color: var(--tabActiveTxt);
    }

    /* - - - - Active Tab - - - - */
    .tab_selector.tab_selector_active,
    .tab_selector:hover,
    .tg_subheader_btn,
    .tg__live_filter_item {
      background: var(--tabActiveG);
      color: var(--tabActiveTxt);
    }

    .tg__live_filter_item.checked {
        background: var(--tabG);
        color: var(--tabTxt);
    }
    
    .sportLeftPane .tab_selector.tab_selector_active, 
    .tg__step_slider,
    .liveFilterContainer {
        background: var(--tabActiveG);
        color: var(--tabActiveTxt);
    }
    
    .tg__step_slider{
        border-color: var(--menu_1Border);
    }

    /* - - - - Header - - - - */
    .gameContentTitle,
    .tg__result_group_heading {
        background: var(--headerG);
        color: var(--headerTxt);
        border-top-left-radius: var(--headerRadius);
        border-top-right-radius: var(--headerRadius);
    }

    .gameContentTitle .tg-ico-arrow{
        color: var(--headerTxt3);
    }
    
    /* africanView */
    .africanView .tg--home2__stakeItem {
        background: var(--tabG);
        color: var(--tabTxt);    
    }
    .africanView .champCont {
        margin: 0px;
    }

    .tg--selected_prem_game{
        border: 0;
    }

    .tg__list_row{
        margin: 0;
        border-top:1px solid var(--bodyBg);
    }
    .ds--myacc-history_list .tg_bet_history_order_row{
        background: var(--menu_1Bg);
        color: var(--menu_1Txt2);
        border-color : var(--menu_1Border);
    }
    .ds--myacc-history_list .tg_bet_history_order_row:nth-child(Odd){
        background: var(--menu_1BgHover);
    }
    .tg_bet_history_order_row .tg-clr-akcent{
        color: var(--accentBg);
    }
    .tg_bet_history_order_row_sub {
        background: var(--menu_3Bg);
        color: var(--menu_3Txt2);
        border-color: var(--menu_3Border);
    }
    .tg_bet_history_order_row_sub:nth-child(Odd) {
        background: var(--menu_3BgHover);
    }
    
    /* - - - - SubHeader - - - - */
    .tg__calendar_header,
    .tg__calendar_cont,
    .tg__res_rus,
    .overViewDataDanel .tg__btn_arrow  {
        background: var(--subHeaderG);
        color: var(--subHeaderTxt);
        border-top-left-radius: var(--subHeaderRadius);
        border-top-right-radius: var(--subHeaderRadius);
    }

    .tg__results_header {
        background: var(--filterBg2);
        color: var(--filterTxt);
    }

    .tg__home_game_heading {
        background: var(--subHeaderG);
        color: var(--subHeaderTxt2);
    }

    /* - - - - Single Game - - - - */
    .tg__one_game,
    .tg__match_item_stake,
    .tg__banner,
    .prematch_event_odds_container,
    .tg__multi_game,
    .live_menu_item_left .tg--left_live_odds,
    .tg__calendar_item,
    .tg_onegame_chb,
    .news_slider .oddsContainer{
        background: var(--eventG);
        color: var(--eventTxt2);
    }

    .dg1{
        background: var(--eventG);
        color: var(--eventTxt2);
        margin-bottom: 0;
        border-bottom: 1px solid var(--eventBorder);
    }

    .tg__one_game:hover{
        background: var(--eventBgHover);
        color: var(--eventTxt2);
    }

    /*popups*/
    .tg_popup_body_static,
    .tg__modal,
    .tg__modal_big,
    .tg__cashout--wrapper{
        background: var(--modalBg);
        color: var(--modalTxt);
        border-radius: var(--modalRadius);
    }
    .tg__modal_header,
    .tg__modal_heading,
    .tg__cashout--header,
    .tg__modal_header-sm{
        background: var(--modalBg2);
        color: var(--modalTxt);
        border-top-left-radius: var(--modalRadius);
        border-top-right-radius: var(--modalRadius);
    }
    .tg__custom-range-slider{
        color: var(--accentBg);
    }
    .tg--close{
        background: var(--bodyBg);
        color: var(--bodyTxt);
    }
    .tg__modal .tg__dropdown_control,
    .tg_popup_body_static .tg__dropdown_control,
    .tg__modal .tg_input,
    .tg_popup_body_static .tg_input,
    .tg__cashout--wrapper .tg_input{
        background: var(--inputSecondaryG);
        color: var(--inputSecondaryTxt);
        border-radius: var(--inputSecondaryRadius);
    }

    .ui--dominant-content {
        border-color: var(--dominantBg2);
        background: var(--dominantBg);
        color: var(--dominantTxt);
    }
    .ui--dominant-header{
        border:0;
        background: var(--dominantG);
        color: var(--dominantTxt);
    }
    .ui-state-default, 
    .ui--dominant-content .ui-state-default, 
    .ui--dominant-header .ui-state-default,
    .ui-datepicker-title select,
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-nex{
        border:0;
        background: var(--bodyBg);
        color: var(--bodyTxt);
    }
    .ui-state-highlight, 
    .ui--dominant-content .ui-state-highlight, 
    .ui--dominant-header .ui-state-highlight,
    .ui-state-active, 
    .ui--dominant-content .ui-state-active, 
    .ui--dominant-header .ui-state-active,
    .ui-datepicker-calendar .ui-state-hover{
        background: var(--accentG);
        color: var(--accentTxt);
    }

    .tg__btn-text{
        background: var(--inputSecondaryG);
        color: var(--inputSecondaryTxt);
    }

    .tg__one_game_team {
        color: var(--eventTxt);
    }
    
    .tg__one_game_col,
    .tg__one_game_icons,
    .tg__one_game .maIcons {
        color: var(--eventTxt2);
    }

    .tg__one_game .tg__home_game_time{
        color: var(--eventTxt3);
    }
    
    .posCombItem {
      background: var(--eventBg);
      color: var(--eventTxt);
    }

    /* - - - - Odd - - - - */
    .l_od,
    .l_od_empty {
        background: var(--oddG);
        color: var(--oddTxt);
        border: 1px solid var(--oddBorder);
        border-radius: var(--oddRadius);
    }

    /* - - - - Show More - - - - */
    .tg__more {
        background: var(--showMoreG);
        color: var(--showMoreTxt);
        border-radius: var(--showMoreRadius);
        border: 1px solid var(--showMoreBorder);
    }

    .tg__more:hover {
        background: var(--showMoreBg2);
        color: var(--showMoreTxt);
        border-radius: var(--showMoreRadius);
        border-color: var(--showMoreBorder);
    }

    /* - - - - Betslip Header - - - - */
    .tg__block_header {
        background: var(--dominantBg2);
        color: var(--dominantTxt);
    }

    /* - - - - Accent - - - - */
    .liveGameSelected .liveSportNamesContainer,
    .tg_widget_text_akcent {
        color: var(--accentBg);
    }

    .left_menu_line_active .tg__left_menu_item_text {
        color: var(--menu_3Accent);
    }


    .tg_sidebar_text_akcent {
        color: var(--menu_1Accent);
    }

    .tg_sidebar_bg_2 .tg_sidebar_text_akcent {
        color: var(--menu_2Accent);
    }

   .tg_sidebar_bg_3 .tg_sidebar_text_akcent {
        color: var(--menu_3Accent);
    }

   .liveGameSelected .tg__left_menu_item--lvl3 .liveSportNamesContainer {
    color: var(--menu_3Accent);
   }
    
    .tg-ico-cheque_redact.tg-clr-akcent2 {
       color: var(--accentBg);
    }
    
    .tg_popup_body_static .tab_selector_active {
        border-bottom: 2px solid var(--accentBg);
    }
    
    .tg-ico-fav.active,
    .tg-ico-fav--active {
        color: var(--accentBg);
    }
    
    .tg__fix_btn.checked, .tg__fix_btn:hover {
        color: var(--accentBg);
    }

    /* - - - - Brand - - - - */
    .l_od:hover,
    .l_od.selectedOdd {
        background: var(--oddActiveG);
        color: var(--oddActiveTxt);
        border-radius: var(--oddActiveRadius);
        border-color: var(--oddActiveBorder);

    }

    .tg__btn-ternary {
        background: var(--buttonG);
        color: var(--buttonTxt);
    }

    .tabSelectorHeading {
        color: var(--bodyAccent);
    }
    
    /* africanView */
    .africanView .tg--home2__stakeItem:hover,
    .africanView .active .tg--home2__stakeItem,
    .africanView .tg--home2__stakeItem.stItem_active {
        background: var(--eventAccent);
        color: var(--eventAccentTxt);
        border-radius: var(--eventRadius);
    }

    /* - - - - BetSlip - - - - */
    .tg__coupon .tg--coupon-bg {
        background: var(--betSlipBg);
        color: var(--betSlipTxt2)
    }  

    .tg--coupon-bg {
        background: var(--dominantBg);
        color: var(--dominantTxt);
    }

    #info_panel_block .selectorWrapper {
        background: var(--dominantBg2);
        color: var(--dominantTxt);
    }
    .tg__info_panel .selectorWrapper {
        background: var(--betSlipBg2);
        color: var(--betSlipTxt);
    }
    .stake_item_panel {
      background: var(--betSlipStakeG);
      color: var(--betSlipStakeTxt2);
      border-color: var(--betSlipBorder);
      border-top: 0;
    }
    .coupon_sport_name_container {
      color: var(--betSlipStakeTxt);
    }
    
    .tg__btn.tg__btn-coupon {
        background: var(--betSlipButtonG);
        color: var(--betSlipButtonTxt);
        border-radius: var(--betSlipButtonRadius);
    }
    
    .tg--cashout-body, .tg__cashout_popup, .booking_number, .betchecker, #bookingBody {
        background: var(--modalG);
        color: var(--modalTxt);
    }

   .bet_generator_wrapper, .scout_panel, #betcheckerWrapper, .player_panel {
        background-color: var(--dominantBg);
        color: var(--dominantTxt);
    }
    
    .tg_coin {
        background: var(--accentBg);
        color: var(--accentTxt);
    }
    
    .tg__match_item_btn {
        background: var(--showMoreG);
        color: var(--showMoreTxt);
    }
    .tg--selected_prem_game .tg__match_item_btn{
        background: var(--accentG);
        color: var(--accentTxt);
    }
     
    .tg__modal_book_bet .tg__border--color-akcent{
        border-color: var(--accentBg);
    }

     .tg__modal_book_bet .tg-clr-akcent{
        color: var(--accentBg);
     }
    
    /* - - - - DropDown - - - - */
    .tg__input,
    .tg__dropdown__item,
    .sportRightPane .tg_input {
        background: var(--inputSecondaryG);
        color: var(--inputSecondaryTxt);
    }
    .sportRightPane .tg_input {
        border-radius: var(--inputSecondaryRadius);
    }
   .sportRightPane .tg_input::placeholder {
        color: var(--inputSecondaryTxt2);
    }
    .tg__search_cont .tg__input{
        background: var(--inputG);
        color: var(--inputTxt);
    }
    .sportRightPaneRow .tg_subheader_btn {
        background: var(--inputG);
        color: var(--inputTxt);
        border-radius: var(--inputRadius);
    }
    .tg__search_cont .tg__input::placeholder{
        color: var(--inputTxt2);
    }
    .tg__search_cont .tg__input-ico{
        color: var(--inputTxt);
    }
    .tg__info_panel .tg_input_coupon_amount {
        background: var(--betSlipInputG);
        color: var(--betSlipInputTxt);
      }

    /* - - - - Input - - - - */
    .tg__input {
      background: var(--inputG);
      color: var(--inputTxt);
      border-radius: var(--inputRadius);
    }

    .tg__btn {
      border-radius: var(--buttonRadius);
    }

    /* - - - - Accent - - - - */
    .liveGameSelected .liveSportNamesContainer,
    .tg_widget_text_akcent,
    .tg__coupon_square,
    .tg__score_box,
    .tg__btn-coupon:hover {
        color: var(--accentBg);
    }

    .tg_score.tg-clr-akcent2 {
        color: var(--accentBg);
    }
    .tg__coupon_square{
       background: var(--betSlipInputG);
    }
    
    .tg__coupon_factor {
       background: var(--betSlipButtonBg2);
       color: var(--betSlipButtonTxt)
    }

    .es__stepped_slider_cont {
        background: var(--subHeaderG);
        color: var(--subHeaderTxt);
    }
    
     .tg__badge_live {
        background-color: var(--dominantBg);
        color: var(--dominantTxt);
       
    }
    
    .tg-ico-date{
        color: var(--filterTxt);
    }
    
    .tg__switch input:checked + .tg__switch_ico {
        background: var(--accentBg);
     }
    
    /* Colors we can't change */
    .tab_selector_active .tg__badge_live {
         background-color: #CB0000;
         color: #fff;
    }
    
    .tg__switch .tg__switch_ico {
        background-color: #999;
    }

    .tg__switch .tg__switch_ico:before {
       background-color: #fff;
    }



    .tg--coupon-container.tg--coupon-single-tab .tab_selector_active {
        background: transparent !important;
        color: var(--modalTxt);
    }

    

  
  .paperView .es__home_bet_header{
    background: var(--headerG);
    color: var(--headerTxt);
  }
  /*paper view odds*/
 .paperView .component_odd_empty,
 .paperView .component_odd,
 .paperView .component_odd.selectedOdd{
     background: var(--oddG);
     color: var(--oddTxt);
 }
 .paperView .component_odd:hover,
 .paperView .component_odd_empty:hover,
 .paperView .EUodds:hover,
 .paperView .EUodds.selectedOdd,
 .paperView .component_odd.selectedOdd {
     background: var(--oddActiveG);
     color: var(--oddActiveTxt);
 }
 .showC {
    background: var(--menu_1G);
    color: var(--menu_1Txt);
 }

/*multi bet of the day skinning*/
.tg__exp_of_day_header,
.es__express_slider_arrow{
	background-color: var(--dominantBg);
	color: var(--dominantTxt2);
}
.es__express_slider_arrow:hover {
	background-color: var(--dominantBg2);
	color: var(--dominantTxt);
}
.tg__exp_of_day_one_game {
	background-color: var(--eventG);
	color: var(--eventTxt2);
	border-bottom: 1px solid var(--eventBorder) !important;
}
.es__total_odd_container .tg-clr-secondary {
	color: var(--eventTxt2);
}

.tg__exp_of_day_one_game .tg-ico,
.digi-pv-multibets-event-name-container {
	color: var(--eventTxt);
}
.es__express_day_odd {
	border-color: var(--eventBorder);
    color: var(--eventTxt2);
}
.es__bonus_odd_container,
.es__express_day_coupon-button-container {
	background-color: var(--eventBg2);
	color: var(--eventTxt2);
}
.es__bonus_odd_container i,
.es__express_day_odd--total{
	color: var(--accentBg);
}
.es__express_day_coupon {
	background-color: var(--eventBg);
	color: var(--eventTxt2);
}
/*multi bet of the day skinning*/


/* Inmutable styles */
.tg__multiview_header,
.tg-hero .sport_count,
.tg__multiview_header .tg__one_game_team{
    color: #ffffff;
}

/*scroll*/
.digi_scroll_dragger{
    background-color: var(--dominantBg3Hover);
}

/*specific tabs*/
.tg_calendar_subtab_wrapper{
    border-bottom: 6px solid var(--tabActiveBg);
}
.tg--calendar-tab{
    border-bottom: 6px solid var(--tabActiveBg);
}
.live_calendar .body_panel {
    height: calc((100%) - 92px);
}

/*scroll*/
.digi_scroll_dragger{
    background-color: var(--dominantBg3Hover);
}

/*stakes event list*/
.tg__match_header{
    background: var(--headerG);
    color: var(--headerTxt2);
    border-bottom: 1px solid var(--headerBorder);
    border-top-left-radius: var(--headerRadius);
    border-top-right-radius: var(--headerRadius);
}
.tg__prematch_header{
    background: var(--headerG);
    color: var(--headerTxt2);
    border-radius: var(--headerRadius);
}
.tg__match_header .tg__teams {
    color: var(--headerTxt);
}
.tg__multibet_heading{
    border-bottom: 1px solid var(--subHeaderBorder);
}
.tg__live_list_header {
    background: var(--headerG);
    color: var(--headerTxt2);
}
.tg__live_list_header .sport_type {
    color: var(--headerTxt);
}
.overviewEventBody{
    background: var(--eventG);
    color: var(--eventTxt2);
}
.tg__score_box{
    background: var(--eventBg2);
    color: var(--accentBg);
}
.overviewEventBody .tg_team_name{
    color: var(--eventTxt);
}
.globalInactiveState{
    background: var(--bodyRGBA);
}

/*Search page*/
.sr-odd{
border: 1px solid var(--oddBorder);
    border-radius: var(--oddRadius);
}
.sr-odd.selected,
.sr-odd:hover {
    border-radius: var(--oddActiveRadius);
    border: 1px solid var(--oddActiveBorder);
}