:root,
	:root[data-theme], :host {
        --bodyBg:  #F8F8F8;
        --bodyBg2:  #e9e9e9;
        --bodyBg3: #d9d9d9;  
        --bodyBgHover:  #f0f0f0;
        --bodyBg2Hover:  #e1e1e1;
        --bodyBg3Hover: #d1d1d1;
        --bodyRGBA:  rgba(248, 248, 248, 0.7);
        --bodyRGBA2:  rgba(248, 248, 248, 0.5);
        --bodyRGBA3:  rgba(248, 248, 248, 0.3);
        --bodyTxt: #000;
        --bodyTxt2: #4a4a4a;
        --bodyTxt3: #7c7c7c;
        --bodyAccent: #DC9125;
        --bodyAccentTxt: rgba(0, 0, 0, 0.9);
        --bodyBorder:  #F8F8F8;
        --bodyRadius:  0px;

        --dominantG: #F0F0F0;
        --dominantRGBA: rgba(240, 240, 240, 0.7);
        --dominantRGBA2: rgba(240, 240, 240, 0.5);
        --dominantRGBA3: rgba(240, 240, 240, 0.3);
        --dominantBg: #F0F0F0;
        --dominantBg2: #e1e1e1;
        --dominantBg3: #d1d1d1;
        --dominantBgHover: #e8e8e8;
        --dominantBg2Hover: #d9d9d9;
        --dominantBg3Hover: #c9c9c9;
        --dominantTxt: #000;
        --dominantTxt2: #484848;
        --dominantTxt3: #787878;
        --dominantTxtInverse: #fff; 
        --dominantRadius: 0px;
    
        --accentBg: #DC9125;
        --accentBg2:  #c3801f;
        --accentBg3: #a96f1b;
        --accentBgHover:  #d08921;
        --accentBg2Hover:  #b6771d;
        --accentBg3Hover:  #9c6619;
        --accentG: #DC9125;
        --accentTxt: #000;
        --accentTxt2: #422c0b;
        --accentTxt3: #6e4913;        
      
        --buttonG: #00fb80;
        --buttonBg:  #00fb80;
        --buttonBg2:  #00dc70;
        --buttonBg3:  #00be61;
        --buttonBgHover:  #00ec78;
        --buttonBg2Hover:  #00cd68;
        --buttonBg3Hover:  #00af59;
        --buttonTxt: #000;
        --buttonTxt2: #004b26;
        --buttonTxt3: #007e40;
        --buttonAccent: #DC9125;
        --buttonAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonBorder: #F8F8F8;
        --buttonRadius: 0px;

        --buttonSecondaryG: #d1d1d1;
        --buttonSecondaryBg:  #d1d1d1;
        --buttonSecondaryBg2:  #eaeaea;
        --buttonSecondaryBg3:  #f7f7f7;
        --buttonSecondaryBgHover:  #d9d9d9;
        --buttonSecondaryBg2Hover:  #f2f2f2;
        --buttonSecondaryBg3Hover:  #ffffff;
        --buttonSecondaryTxt: #000;
        --buttonSecondaryTxt2: #3f3f3f;
        --buttonSecondaryTxt3: #696969;
        --buttonSecondaryAccent: #DC9125; 
        --buttonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonSecondaryBorder: #F8F8F8;
        --buttonSecondaryRadius: 0px;

        --inputG: #E7E7E7;
        --inputBg: #E7E7E7;
        --inputBg2: #d8d8d8;
        --inputBg3: #c8c8c8; 
        --inputBgHover: #dfdfdf;
        --inputBg2Hover: #d0d0d0;
        --inputBg3Hover: #c0c0c0;
        --inputTxt:  #000;
        --inputTxt2: #454545;
        --inputTxt3: #747474;
        --inputAccent: #DC9125;
        --inputAccentTxt: rgba(0, 0, 0, 0.9);
        --inputRadius: 0px;        
        --inputBorder: #F8F8F8;  

        --inputSecondaryG: #FFFFFF;
        --inputSecondaryBg: #FFFFFF;
        --inputSecondaryBg2: #f0f0f0;
        --inputSecondaryBg3: #e0e0e0; 
        --inputSecondaryBgHover: #f7f7f7;
        --inputSecondaryBg2Hover: #e8e8e8;
        --inputSecondaryBg3Hover: #d8d8d8;
        --inputSecondaryTxt:  #000;
        --inputSecondaryTxt2: #4d4d4d;
        --inputSecondaryTxt3: #808080;
        --inputSecondaryAccent: #DC9125;
        --inputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --inputSecondaryRadius: 0px;        
        --inputSecondaryBorder: #F8F8F8;   

        --headerG: #F9F9F9;
        --headerBg: #F9F9F9;
        --headerBg2: #eaeaea;
        --headerBg3: #dadada;
        --headerBgHover: #f1f1f1;
        --headerBg2Hover: #e2e2e2;
        --headerBg3Hover: #d2d2d2;
        --headerTxt: #000;
        --headerTxt2: #4b4b4b;
        --headerTxt3: #7d7d7d;
        --headerAccent: #DC9125;
        --headerAccentTxt: rgba(0, 0, 0, 0.9);
        --headerBorder: #F8F8F8;
        --headerRadius: 0px;

        --subHeaderG: #FFFFFF;
        --subHeaderBg: #FFFFFF;
        --subHeaderBg2: #f0f0f0;
        --subHeaderBg3: #e0e0e0;
        --subHeaderBgHover: #f7f7f7;
        --subHeaderBg2Hover: #e8e8e8;
        --subHeaderBg3Hover: #d8d8d8;
        --subHeaderTxt: #000;
        --subHeaderTxt2: #4d4d4d;
        --subHeaderTxt3: #808080;
        --subHeaderAccent: #DC9125;
        --subHeaderAccentTxt: rgba(0, 0, 0, 0.9);
        --subHeaderBorder: #F8F8F8;
        --subHeaderRadius: 0px;

        --eventG: #FFFFFF;
        --eventBg: #FFFFFF;
        --eventBg2: #f0f0f0;
        --eventBg3: #e0e0e0;  
        --eventBgHover: #f7f7f7;
        --eventBg2Hover: #e8e8e8;
        --eventBg3Hover: #d8d8d8;
        --eventTxt: #000;
        --eventTxt2: #4d4d4d;
        --eventTxt3: #808080;
        --eventAccent: #DC9125;
        --eventAccentTxt: rgba(0, 0, 0, 0.9);
        --eventBorder: #E3E3E3;
        --eventRadius:  0px;

        --modalG: #f0f0f0;
        --modalBg: #f0f0f0;
        --modalBg2: #ffffff;
        --modalBg3: #ffffff;
        --modalBgHover: #f8f8f8;
        --modalBg2Hover: #ffffff;
        --modalBg3Hover: #ffffff;
        --modalTxt: #000;
        --modalTxt2: #484848;
        --modalTxt3: #787878;
        --modalAccent: #DC9125;
        --modalAccentTxt: rgba(0, 0, 0, 0.9);
        --modalRadius: 0px;
        --modalBorder: #F8F8F8;
 
        --oddG: #EFEFEF;
        --oddBg: #EFEFEF;
        --oddBg2: #e0e0e0;
        --oddBg3: #d0d0d0; 
        --oddBgHover: #e7e7e7;
        --oddBg2Hover: #d8d8d8;
        --oddBg3Hover: #c8c8c8;
        --oddTxt: #01af32;
        --oddTxt2: #48c26b;
        --oddTxt3: #78cf91;
        --oddAccent: #DC9125;
        --oddAccentTxt: rgba(0, 0, 0, 0.9);
        --oddRadius: 0px;
        --oddBorder: #F8F8F8;

        --oddActiveG: #14805E;
        --oddActiveBg: #14805E;
        --oddActiveBg2: #10654b;
        --oddActiveBg3: #0c4b37;  
        --oddActiveBgHover: #127354;
        --oddActiveBg2Hover: #0e5841;
        --oddActiveBg3Hover: #0a3e2d;
        --oddActiveTxt: #fff;
        --oddActiveTxt2: #b9d9cf;
        --oddActiveTxt3: #8ac0af;
        --oddActiveAccent: #DC9125;
        --oddActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --oddActiveRadius: 0px;
        --oddActiveBorder: #F8F8F8;
 
        --showMoreG: #F3F3F3;
        --showMoreBg: #F3F3F3;
        --showMoreBg2: #e4e4e4;
        --showMoreBg3: #d4d4d4; 
        --showMoreBgHover: #ebebeb;
        --showMoreBg2Hover: #dcdcdc;
        --showMoreBg3Hover: #cccccc;
        --showMoreTxt: #000;
        --showMoreTxt2: #494949;
        --showMoreTxt3: #7a7a7a;
        --showMoreAccent: #DC9125;
        --showMoreAccentTxt: rgba(0, 0, 0, 0.9);
        --showMoreRadius: 0px;
        --showMoreBorder: #F8F8F8;


        --tabG: #F4F4F4;
        --tabBg: #F4F4F4;
        --tabBg2: #e5e5e5;
        --tabBg3: #d5d5d5;
        --tabBgHover: #ececec;
        --tabBg2Hover: #dddddd;
        --tabBg3Hover: #cdcdcd;
        --tabTxt: #000;
        --tabTxt2: #494949;
        --tabTxt3: #7a7a7a;
        --tabAccent: #DC9125;
        --tabAccentTxt: rgba(0, 0, 0, 0.9);
        --tabRadius: 0px;
        --tabBorder: #F8F8F8;

        --tabActiveG: #FFFFFF;
        --tabActiveBg: #FFFFFF;
        --tabActiveBg2: #f0f0f0;
        --tabActiveBg3: #e0e0e0;
        --tabActiveBgHover: #f7f7f7;
        --tabActiveBg2Hover: #e8e8e8;
        --tabActiveBg3Hover: #d8d8d8;
        --tabActiveTxt: #000;
        --tabActiveTxt2: #4d4d4d;
        --tabActiveTxt3: #808080;
        --tabActiveAccent: #DC9125;
        --tabActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabActiveRadius: 0px;
        --tabActiveBorder: #F8F8F8; 

        --tabSecondaryActiveG: #dddddd;
        --tabSecondaryActiveBg: #dddddd;
        --tabSecondaryActiveBg2: #f6f6f6;
        --tabSecondaryActiveBg3: #ffffff;
        --tabSecondaryActiveBgHover: #e5e5e5;
        --tabSecondaryActiveBg2Hover: #fefefe;
        --tabSecondaryActiveBg3Hover: #ffffff;
        --tabSecondaryActiveTxt: #000;
        --tabSecondaryActiveTxt2: #424242;
        --tabSecondaryActiveTxt3: #6f6f6f;
        --tabSecondaryActiveAccent: #DC9125;
        --tabSecondaryActiveAccentTxt: rgba(0, 0, 0, 0.9);
        --tabSecondaryActiveRadius: 0px;
        --tabSecondaryActiveBorder: #F8F8F8; 

        --filterG: #d0d0d0;
        --filterBg: #d0d0d0;
        --filterBg2: #e9e9e9;
        --filterBg3: #f6f6f6;
        --filterBgHover: #d8d8d8;
        --filterBg2Hover: #f1f1f1;
        --filterBg3Hover: #fefefe;
        --filterTxt: #000;
        --filterTxt2: #3e3e3e;
        --filterTxt3: #686868;
        --filterAccent: #DC9125;
        --filterAccentTxt: rgba(0, 0, 0, 0.9);
        --filterRadius: 0px;
        --filterBorder: #F8F8F8; 

        --menu_1G: #FFFFFF;
        --menu_1Bg: #FFFFFF;
        --menu_1Bg2: #f0f0f0;
        --menu_1Bg3: #e0e0e0;
        --menu_1BgHover: #f7f7f7;
        --menu_1Bg2Hover: #e8e8e8;
        --menu_1Bg3Hover: #d8d8d8;
        --menu_1Txt: #000;
        --menu_1Txt2: #4d4d4d;
        --menu_1Txt3: #808080;
        --menu_1Accent: #DC9125;
        --menu_1AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_1Radius: 0px;
        --menu_1Border: #F8F8F8; 

        --menu_2G: #E7E7E7;
        --menu_2Bg: #E7E7E7;
        --menu_2Bg2: #d8d8d8;
        --menu_2Bg3: #c8c8c8;
        --menu_2BgHover: #dfdfdf;
        --menu_2Bg2Hover: #d0d0d0;
        --menu_2Bg3Hover: #c0c0c0;
        --menu_2Txt: #000;
        --menu_2Txt2: #454545;
        --menu_2Txt3: #747474;
        --menu_2Accent: #DC9125;
        --menu_2AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_2Radius: 0px;
        --menu_2Border: #F8F8F8; 

        --menu_3G: #E7E7E7;
        --menu_3Bg: #E7E7E7;
        --menu_3Bg2: #d8d8d8;
        --menu_3Bg3: #c8c8c8;
        --menu_3BgHover: #dfdfdf;
        --menu_3Bg2Hover: #d0d0d0;
        --menu_3Bg3Hover: #c0c0c0;
        --menu_3Txt: #000;
        --menu_3Txt2: #454545;
        --menu_3Txt3: #747474;
        --menu_3Accent: #DC9125;
        --menu_3AccentTxt: rgba(0, 0, 0, 0.9);
        --menu_3Radius: 0px;
        --menu_3Border: #F8F8F8; 

        --tooltipG: #e1e1e1;
        --tooltipBg: #e1e1e1;
        --tooltipBg2: #fafafa;
        --tooltipBg3: #ffffff;
        --tooltipBgHover: #e9e9e9;
        --tooltipBg2Hover: #ffffff;
        --tooltipBg3Hover: #ffffff;
        --tooltipTxt: #000;
        --tooltipTxt2: #444444;
        --tooltipTxt3: #717171;
        --tooltipAccent: #DC9125;
        --tooltipAccentTxt: rgba(0, 0, 0, 0.9);
        --tooltipRadius: 0px;
        --tooltipBorder: #F8F8F8; 

           /* Old betslip */
        --betSlipBg: #e1e1e1;
        --betSlipBg2: #fafafa;
        --betSlipBorder: #F8F8F8;
        --betSlipTxt: #000;
        --betSlipTxt2: #444444;

        --betSlipStakeG: #d9d9d9;
        --betSlipStakeBg: #d9d9d9;
        --betSlipStakeTxt: #000;
        --betSlipStakeTxt2: #414141;

        --betSlipInputG: #d9d9d9;
        --betSlipInputTxt: #000;

        --betSlipButtonG: #d9d9d9;
        --betSlipButtonBg2: #f2f2f2;
        --betSlipButtonTxt: #000;
        --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);
}