:root,
	:root[data-theme], :host {
        --bodyBg:  #1D2640;
        --bodyBg2:  #2d3b63;
        --bodyBg3: #354575;  
        --bodyBgHover:  #222c4b;
        --bodyBg2Hover:  #32416e;
        --bodyBg3Hover: #3a4b80;
        --bodyRGBA:  rgba(29, 38, 64, 0.7);
        --bodyRGBA2:  rgba(29, 38, 64, 0.5);
        --bodyRGBA3:  rgba(29, 38, 64, 0.3);
        --bodyTxt: #fff;
        --bodyTxt2: #bbbec6;
        --bodyTxt3: #8e93a0;
        --bodyAccent: #FEA400;
        --bodyAccentTxt: rgba(0, 0, 0, 0.9);
        --bodyBorder:  #222c4b;
        --bodyRadius:  2px;

        --dominantG: #222c4b;
        --dominantRGBA: rgba(34, 44, 75, 0.7);
        --dominantRGBA2: rgba(34, 44, 75, 0.5);
        --dominantRGBA3: rgba(34, 44, 75, 0.3);
        --dominantBg: #222c4b;
        --dominantBg2: #32416e;
        --dominantBg3: #3a4b80;
        --dominantBgHover: #273256;
        --dominantBg2Hover: #374779;
        --dominantBg3Hover: #3f518b;
        --dominantTxt: #fff;
        --dominantTxt2: #bdc0c9;
        --dominantTxt3: #9196a5;
        --dominantTxtInverse: #262626; 
        --dominantRadius: 2px;
    
        --accentBg: #FEA400;
        --accentBg2:  #ffb632;
        --accentBg3: #ffbf4b;
        --accentBgHover:  #ffaa0e;
        --accentBg2Hover:  #ffbb41;
        --accentBg3Hover:  #ffc45a;
        --accentG: #FEA400;
        --accentTxt: #000;
        --accentTxt2: #4c3100;
        --accentTxt3: #7f5200;        
      
        --buttonG: #ffaa0e;
        --buttonBg:  #ffaa0e;
        --buttonBg2:  #ffbc41;
        --buttonBg3:  #ffc55a;
        --buttonBgHover:  #ffaf1d;
        --buttonBg2Hover:  #ffc150;
        --buttonBg3Hover:  #ffca69;
        --buttonTxt: #000;
        --buttonTxt2: #4d3304;
        --buttonTxt3: #805507;
        --buttonAccent: #FEA400;
        --buttonAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonBorder: #ffaf1d;
        --buttonRadius: 2px;

        --buttonSecondaryG: #3a4b80;
        --buttonSecondaryBg:  #3a4b80;
        --buttonSecondaryBg2:  #4a60a3;
        --buttonSecondaryBg3:  #556bb2;
        --buttonSecondaryBgHover:  #3f518b;
        --buttonSecondaryBg2Hover:  #4f66ae;
        --buttonSecondaryBg3Hover:  #6074b7;
        --buttonSecondaryTxt: #fff;
        --buttonSecondaryTxt2: #c4c9d9;
        --buttonSecondaryTxt3: #9da5c0;
        --buttonSecondaryAccent: #FEA400; 
        --buttonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonSecondaryBorder: #3f518b;
        --buttonSecondaryRadius: 2px;

        --inputG: #2d3b63;
        --inputBg: #2d3b63;
        --inputBg2: #3d5086;
        --inputBg3: #455a98; 
        --inputBgHover: #32416e;
        --inputBg2Hover: #425690;
        --inputBg3Hover: #4a60a3;
        --inputTxt:  #fff;
        --inputTxt2: #c0c4d0;
        --inputTxt3: #969db1;
        --inputAccent: #FEA400;
        --inputAccentTxt: rgba(0, 0, 0, 0.9);
        --inputRadius: 2px;        
        --inputBorder: #32416e;  

        --inputSecondaryG: #32416e;
        --inputSecondaryBg: #32416e;
        --inputSecondaryBg2: #425691;
        --inputSecondaryBg3: #4a60a3; 
        --inputSecondaryBgHover: #374779;
        --inputSecondaryBg2Hover: #475c9c;
        --inputSecondaryBg3Hover: #4f66ae;
        --inputSecondaryTxt:  #fff;
        --inputSecondaryTxt2: #c2c6d4;
        --inputSecondaryTxt3: #99a0b7;
        --inputSecondaryAccent: #FEA400;
        --inputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --inputSecondaryRadius: 2px;        
        --inputSecondaryBorder: #374779;   

        --headerG: #394C80;
        --headerBg: #394C80;
        --headerBg2: #4961a3;
        --headerBg3: #536db2;
        --headerBgHover: #3e528b;
        --headerBg2Hover: #4e67ae;
        --headerBg3Hover: #5e76b7;
        --headerTxt: #fff;
        --headerTxt2: #c4c9d9;
        --headerTxt3: #9ca6c0;
        --headerAccent: #FEA400;
        --headerAccentTxt: rgba(0, 0, 0, 0.9);
        --headerBorder: #3e528b;
        --headerRadius: 2px;

        --subHeaderG: #32416E;
        --subHeaderBg: #32416E;
        --subHeaderBg2: #425691;
        --subHeaderBg3: #4a60a3;
        --subHeaderBgHover: #374779;
        --subHeaderBg2Hover: #475c9c;
        --subHeaderBg3Hover: #4f66ae;
        --subHeaderTxt: #fff;
        --subHeaderTxt2: #c2c6d4;
        --subHeaderTxt3: #99a0b7;
        --subHeaderAccent: #FEA400;
        --subHeaderAccentTxt: rgba(0, 0, 0, 0.9);
        --subHeaderBorder: #374779;
        --subHeaderRadius: 2px;

        --eventG: #2d3b63;
        --eventBg: #2d3b63;
        --eventBg2: #3d5086;
        --eventBg3: #455a98;  
        --eventBgHover: #32416e;
        --eventBg2Hover: #425690;
        --eventBg3Hover: #4a60a3;
        --eventTxt: #fff;
        --eventTxt2: #c0c4d0;
        --eventTxt3: #969db1;
        --eventAccent: #FEA400;
        --eventAccentTxt: rgba(0, 0, 0, 0.9);
        --eventBorder: #32416e;
        --eventRadius:  2px;

        --modalG: #222c4b;
        --modalBg: #222c4b;
        --modalBg2: #32416e;
        --modalBg3: #3a4b80;
        --modalBgHover: #273256;
        --modalBg2Hover: #374779;
        --modalBg3Hover: #3f518b;
        --modalTxt: #fff;
        --modalTxt2: #bdc0c9;
        --modalTxt3: #9196a5;
        --modalAccent: #FEA400;
        --modalAccentTxt: rgba(0, 0, 0, 0.9);
        --modalRadius: 2px;
        --modalBorder: #273256;
 
        --oddG: #222C4B;
        --oddBg: #222C4B;
        --oddBg2: #32416e;
        --oddBg3: #3a4b80; 
        --oddBgHover: #273256;
        --oddBg2Hover: #374779;
        --oddBg3Hover: #3f518b;
        --oddTxt: #fff;
        --oddTxt2: #bdc0c9;
        --oddTxt3: #9196a5;
        --oddAccent: #FEA400;
        --oddAccentTxt: rgba(0, 0, 0, 0.9);
        --oddRadius: 2px;
        --oddBorder: #273256;

        --oddActiveG: #ffaa0e;
        --oddActiveBg: #ffaa0e;
        --oddActiveBg2: #ffbc41;
        --oddActiveBg3: #ffc55a;  
        --oddActiveBgHover: #ffaf1d;
        --oddActiveBg2Hover: #ffc150;
        --oddActiveBg3Hover: #ffca69;
        --oddActiveTxt: #000;
        --oddActiveTxt2: #4d3304;
        --oddActiveTxt3: #805507;
        --oddActiveAccent: #FEA400;
        --oddActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --oddActiveRadius: 2px;
        --oddActiveBorder: #ffaf1d;
 
        --showMoreG: #222C4B;
        --showMoreBg: #222C4B;
        --showMoreBg2: #32416e;
        --showMoreBg3: #3a4b80; 
        --showMoreBgHover: #273256;
        --showMoreBg2Hover: #374779;
        --showMoreBg3Hover: #3f518b;
        --showMoreTxt: #fff;
        --showMoreTxt2: #bdc0c9;
        --showMoreTxt3: #9196a5;
        --showMoreAccent: #FEA400;
        --showMoreAccentTxt: rgba(0, 0, 0, 0.9);
        --showMoreRadius: 2px;
        --showMoreBorder: #273256;


        --tabG: #2D3B63;
        --tabBg: #2D3B63;
        --tabBg2: #3d5086;
        --tabBg3: #455a98;
        --tabBgHover: #32416e;
        --tabBg2Hover: #425690;
        --tabBg3Hover: #4a60a3;
        --tabTxt: #fff;
        --tabTxt2: #c0c4d0;
        --tabTxt3: #969db1;
        --tabAccent: #FEA400;
        --tabAccentTxt: rgba(0, 0, 0, 0.9);
        --tabRadius: 2px;
        --tabBorder: #32416e;

        --tabActiveG: #32416E;
        --tabActiveBg: #32416E;
        --tabActiveBg2: #425691;
        --tabActiveBg3: #4a60a3;
        --tabActiveBgHover: #374779;
        --tabActiveBg2Hover: #475c9c;
        --tabActiveBg3Hover: #4f66ae;
        --tabActiveTxt: #fff;
        --tabActiveTxt2: #c2c6d4;
        --tabActiveTxt3: #99a0b7;
        --tabActiveAccent: #FEA400;
        --tabActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabActiveRadius: 2px;
        --tabActiveBorder: #374779; 

        --tabSecondaryActiveG: #425690;
        --tabSecondaryActiveBg: #425690;
        --tabSecondaryActiveBg2: #546cb1;
        --tabSecondaryActiveBg3: #667bb9;
        --tabSecondaryActiveBgHover: #475c9a;
        --tabSecondaryActiveBg2Hover: #5e75b6;
        --tabSecondaryActiveBg3Hover: #7084be;
        --tabSecondaryActiveTxt: #fff;
        --tabSecondaryActiveTxt2: #c6ccde;
        --tabSecondaryActiveTxt3: #a1abc8;
        --tabSecondaryActiveAccent: #FEA400;
        --tabSecondaryActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabSecondaryActiveRadius: 2px;
        --tabSecondaryActiveBorder: #475c9a; 

        --filterG: #32416e;
        --filterBg: #32416e;
        --filterBg2: #425691;
        --filterBg3: #4a60a3;
        --filterBgHover: #374779;
        --filterBg2Hover: #475c9c;
        --filterBg3Hover: #4f66ae;
        --filterTxt: #fff;
        --filterTxt2: #c2c6d4;
        --filterTxt3: #99a0b7;
        --filterAccent: #FEA400;
        --filterAccentTxt: rgba(0, 0, 0, 0.9);
        --filterRadius: 2px;
        --filterBorder: #374779; 

        --menu_1G: #2D3B63;
        --menu_1Bg: #2D3B63;
        --menu_1Bg2: #3d5086;
        --menu_1Bg3: #455a98;
        --menu_1BgHover: #32416e;
        --menu_1Bg2Hover: #425690;
        --menu_1Bg3Hover: #4a60a3;
        --menu_1Txt: #fff;
        --menu_1Txt2: #c0c4d0;
        --menu_1Txt3: #969db1;
        --menu_1Accent: #FEA400;
        --menu_1AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_1Radius: 2px;
        --menu_1Border: #32416e; 

        --menu_2G: #425690;
        --menu_2Bg: #425690;
        --menu_2Bg2: #546cb1;
        --menu_2Bg3: #667bb9;
        --menu_2BgHover: #475c9a;
        --menu_2Bg2Hover: #5e75b6;
        --menu_2Bg3Hover: #7084be;
        --menu_2Txt: #fff;
        --menu_2Txt2: #c6ccde;
        --menu_2Txt3: #a1abc8;
        --menu_2Accent: #FEA400;
        --menu_2AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_2Radius: 2px;
        --menu_2Border: #475c9a; 

        --menu_3G: #455a98;
        --menu_3Bg: #455a98;
        --menu_3Bg2: #5b72b5;
        --menu_3Bg3: #6d81bd;
        --menu_3BgHover: #4a60a3;
        --menu_3Bg2Hover: #667bba;
        --menu_3Bg3Hover: #788ac2;
        --menu_3Txt: #fff;
        --menu_3Txt2: #c7cee0;
        --menu_3Txt3: #a2adcc;
        --menu_3Accent: #FEA400;
        --menu_3AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_3Radius: 2px;
        --menu_3Border: #4a60a3; 

        --tooltipG: #2d3b63;
        --tooltipBg: #2d3b63;
        --tooltipBg2: #3d5086;
        --tooltipBg3: #455a98;
        --tooltipBgHover: #32416e;
        --tooltipBg2Hover: #425690;
        --tooltipBg3Hover: #4a60a3;
        --tooltipTxt: #fff;
        --tooltipTxt2: #c0c4d0;
        --tooltipTxt3: #969db1;
        --tooltipAccent: #FEA400;
        --tooltipAccentTxt: rgba(0, 0, 0, 0.9);
        --tooltipRadius: 2px;
        --tooltipBorder: #32416e; 

           /* Old betslip */
        --betSlipBg: #2d3b63;
        --betSlipBg2: #3d5086;
        --betSlipBorder: #32416e;
        --betSlipTxt: #fff;
        --betSlipTxt2: #c0c4d0;

        --betSlipStakeG: #32416e;
        --betSlipStakeBg: #32416e;
        --betSlipStakeTxt: #fff;
        --betSlipStakeTxt2: #c2c6d4;

        --betSlipInputG: #32416e;
        --betSlipInputTxt: #fff;

        --betSlipButtonG: #32416e;
        --betSlipButtonBg2: #425691;
        --betSlipButtonTxt: #fff;
        --betSlipButtonRadius: 2px;
        

        --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);
}