:root,
	:root[data-theme] {
        --bodyBg:  #241033;
        --bodyBg2:  #3f1c5a;
        --bodyBg3: #4d226d;  
        --bodyBgHover:  #2c143f;
        --bodyBg2Hover:  #472066;
        --bodyBg3Hover: #552679;
        --bodyRGBA:  rgba(36, 16, 51, 0.7);
        --bodyRGBA2:  rgba(36, 16, 51, 0.5);
        --bodyRGBA3:  rgba(36, 16, 51, 0.3);
        --bodyTxt: #e9e7eb;
        --bodyTxt2: #d3cfd6;
        --bodyTxt3: #bdb7c2;
        --bodyAccent: #FFE600;
        --bodyAccentTxt: rgba(0, 0, 0, 0.9);
        --bodyBorder:  #241033;
        --bodyRadius:  0px;

        --dominantG: #662D91;
        --dominantRGBA: rgba(102, 45, 145, 0.7);
        --dominantRGBA2: rgba(102, 45, 145, 0.5);
        --dominantRGBA3: rgba(102, 45, 145, 0.3);
        --dominantBg: #662D91;
        --dominantBg2: #8139b8;
        --dominantBg3: #8e45c5;
        --dominantBgHover: #6e319d;
        --dominantBg2Hover: #893dc3;
        --dominantBg3Hover: #9551c9;
        --dominantTxt: #f0eaf4;
        --dominantTxt2: #e0d5e9;
        --dominantTxt3: #d1c0de;
        --dominantTxtInverse: #262626; 
        --dominantRadius: 0px;
    
        --accentBg: #00ACCD;
        --accentBg2:  #01d6ff;
        --accentBg3: #1adaff;
        --accentBgHover:  #00b9dc;
        --accentBg2Hover:  #10d8ff;
        --accentBg3Hover:  #29dcff;
        --accentG: #00ACCD;
        --accentTxt: #e6f7fa;
        --accentTxt2: #cceef5;
        --accentTxt3: #b3e6f0;        
      
        --buttonG: #00B9DC;
        --buttonBg:  #00B9DC;
        --buttonBg2:  #10d9ff;
        --buttonBg3:  #29ddff;
        --buttonBgHover:  #00c6eb;
        --buttonBg2Hover:  #1fdbff;
        --buttonBg3Hover:  #38dfff;
        --buttonTxt: #e6f8fc;
        --buttonTxt2: #ccf1f8;
        --buttonTxt3: #b3eaf5;
        --buttonAccent: #00ACCD;
        --buttonAccentTxt: rgba(255, 255, 255, 0.9);
        --buttonBorder: #00B9DC;
        --buttonRadius: 2px;

        --buttonSecondaryG: #552679;
        --buttonSecondaryBg:  #552679;
        --buttonSecondaryBg2:  #7032a0;
        --buttonSecondaryBg3:  #7e38b3;
        --buttonSecondaryBgHover:  #5d2a85;
        --buttonSecondaryBg2Hover:  #7836ac;
        --buttonSecondaryBg3Hover:  #863cbf;
        --buttonSecondaryTxt: #eee9f2;
        --buttonSecondaryTxt2: #ddd4e4;
        --buttonSecondaryTxt3: #ccbed7;
        --buttonSecondaryAccent: #FFE600; 
        --buttonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
        --buttonSecondaryBorder: #241033;
        --buttonSecondaryRadius: 0px;

        --inputG: #8139b8;
        --inputBg: #8139b8;
        --inputBg2: #9a59cb;
        --inputBg3: #a66cd1; 
        --inputBgHover: #893dc3;
        --inputBg2Hover: #a165cf;
        --inputBg3Hover: #ad78d5;
        --inputTxt:  #f2ebf8;
        --inputTxt2: #e6d7f1;
        --inputTxt3: #d9c4ea;
        --inputAccent: #00ACCD;
        --inputAccentTxt: rgba(255, 255, 255, 0.9);
        --inputRadius: 2px;        
        --inputBorder: #241033;  

        --inputSecondaryG: #a165cf;
        --inputSecondaryBg: #a165cf;
        --inputSecondaryBg2: #b98cdb;
        --inputSecondaryBg3: #c59fe1; 
        --inputSecondaryBgHover: #a871d3;
        --inputSecondaryBg2Hover: #c098df;
        --inputSecondaryBg3Hover: #ccabe5;
        --inputSecondaryTxt:  #f6f0fa;
        --inputSecondaryTxt2: #ece0f5;
        --inputSecondaryTxt3: #e3d1f1;
        --inputSecondaryAccent: #00ACCD;
        --inputSecondaryAccentTxt: rgba(255, 255, 255, 0.9);
        --inputSecondaryRadius: 2px;        
        --inputSecondaryBorder: #241033;   

        --headerG: #662D91;
        --headerBg: #662D91;
        --headerBg2: #8139b8;
        --headerBg3: #8e45c5;
        --headerBgHover: #6e319d;
        --headerBg2Hover: #893dc3;
        --headerBg3Hover: #9551c9;
        --headerTxt: #f0eaf4;
        --headerTxt2: #e0d5e9;
        --headerTxt3: #d1c0de;
        --headerAccent: #00ACCD;
        --headerAccentTxt: rgba(255, 255, 255, 0.9);
        --headerBorder: #241033;
        --headerRadius: 0px;

        --subHeaderG: #401C5B;
        --subHeaderBg: #401C5B;
        --subHeaderBg2: #5b2882;
        --subHeaderBg3: #692e95;
        --subHeaderBgHover: #482067;
        --subHeaderBg2Hover: #632c8e;
        --subHeaderBg3Hover: #7132a1;
        --subHeaderTxt: #ece8ef;
        --subHeaderTxt2: #d9d2de;
        --subHeaderTxt3: #c6bbce;
        --subHeaderAccent: #00ACCD;
        --subHeaderAccentTxt: rgba(255, 255, 255, 0.9);
        --subHeaderBorder: #241033;
        --subHeaderRadius: 0px;

        --eventG: #662D91;
        --eventBg: #662D91;
        --eventBg2: #8139b8;
        --eventBg3: #8e45c5;  
        --eventBgHover: #6e319d;
        --eventBg2Hover: #893dc3;
        --eventBg3Hover: #9551c9;
        --eventTxt: #f0eaf4;
        --eventTxt2: #e0d5e9;
        --eventTxt3: #d1c0de;
        --eventAccent: #FFE600;
        --eventAccentTxt: rgba(0, 0, 0, 0.9);
        --eventBorder: #241033;
        --eventRadius:  0px;

        --modalG: #8139b8;
        --modalBg: #8139b8;
        --modalBg2: #9a59cb;
        --modalBg3: #a66cd1;
        --modalBgHover: #893dc3;
        --modalBg2Hover: #a165cf;
        --modalBg3Hover: #ad78d5;
        --modalTxt: #f2ebf8;
        --modalTxt2: #e6d7f1;
        --modalTxt3: #d9c4ea;
        --modalAccent: #00ACCD;
        --modalAccentTxt: rgba(255, 255, 255, 0.9);
        --modalRadius: 0px;
        --modalBorder: #241033;
 
        --oddG: #241033;
        --oddBg: #241033;
        --oddBg2: #3f1c5a;
        --oddBg3: #4d226d; 
        --oddBgHover: #2c143f;
        --oddBg2Hover: #472066;
        --oddBg3Hover: #552679;
        --oddTxt: #e9e7eb;
        --oddTxt2: #d3cfd6;
        --oddTxt3: #bdb7c2;
        --oddAccent: #FFE600;
        --oddAccentTxt: rgba(0, 0, 0, 0.9);
        --oddRadius: 2px;
        --oddBorder: #241033;

        --oddActiveG: #00B9DC;
        --oddActiveBg: #00B9DC;
        --oddActiveBg2: #10d9ff;
        --oddActiveBg3: #29ddff;  
        --oddActiveBgHover: #00c6eb;
        --oddActiveBg2Hover: #1fdbff;
        --oddActiveBg3Hover: #38dfff;
        --oddActiveTxt: #e6f8fc;
        --oddActiveTxt2: #ccf1f8;
        --oddActiveTxt3: #b3eaf5;
        --oddActiveAccent: #00ACCD;
        --oddActiveAccentTxt: rgba(255, 255, 255, 0.9);
        --oddActiveRadius: 2px;
        --oddActiveBorder: #00B9DC;
 
        --showMoreG: #241033;
        --showMoreBg: #241033;
        --showMoreBg2: #3f1c5a;
        --showMoreBg3: #4d226d; 
        --showMoreBgHover: #2c143f;
        --showMoreBg2Hover: #472066;
        --showMoreBg3Hover: #552679;
        --showMoreTxt: #e9e7eb;
        --showMoreTxt2: #d3cfd6;
        --showMoreTxt3: #bdb7c2;
        --showMoreAccent: #FFE600;
        --showMoreAccentTxt: rgba(0, 0, 0, 0.9);
        --showMoreRadius: 2px;
        --showMoreBorder: #241033;


        --tabG: #241033;
        --tabBg: #241033;
        --tabBg2: #3f1c5a;
        --tabBg3: #4d226d;
        --tabBgHover: #2c143f;
        --tabBg2Hover: #472066;
        --tabBg3Hover: #552679;
        --tabTxt: #e9e7eb;
        --tabTxt2: #d3cfd6;
        --tabTxt3: #bdb7c2;
        --tabAccent: #00ACCD;
        --tabAccentTxt: rgba(255, 255, 255, 0.9);
        --tabRadius: 0px;
        --tabBorder: #241033;

        --tabActiveG: #662D91;
        --tabActiveBg: #662D91;
        --tabActiveBg2: #8139b8;
        --tabActiveBg3: #8e45c5;
        --tabActiveBgHover: #6e319d;
        --tabActiveBg2Hover: #893dc3;
        --tabActiveBg3Hover: #9551c9;
        --tabActiveTxt: #f0eaf4;
        --tabActiveTxt2: #e0d5e9;
        --tabActiveTxt3: #d1c0de;
        --tabActiveAccent: #00ACCD;
        --tabActiveAccentTxt: rgba(255, 255, 255, 0.9);
        --tabActiveRadius: 0px;
        --tabActiveBorder: #241033; 

        --tabSecondaryActiveG: #472066;
        --tabSecondaryActiveBg: #472066;
        --tabSecondaryActiveBg2: #622c8d;
        --tabSecondaryActiveBg3: #7032a0;
        --tabSecondaryActiveBgHover: #4f2472;
        --tabSecondaryActiveBg2Hover: #6a3099;
        --tabSecondaryActiveBg3Hover: #7836ac;
        --tabSecondaryActiveTxt: #ede9f0;
        --tabSecondaryActiveTxt2: #dad2e0;
        --tabSecondaryActiveTxt3: #c8bcd1;
        --tabSecondaryActiveAccent: #00ACCD;
        --tabSecondaryActiveAccentTxt: rgba(255, 255, 255, 0.9);
        --tabSecondaryActiveRadius: 0px;
        --tabSecondaryActiveBorder: #241033; 

        --filterG: #a165cf;
        --filterBg: #a165cf;
        --filterBg2: #b98cdb;
        --filterBg3: #c59fe1;
        --filterBgHover: #a871d3;
        --filterBg2Hover: #c098df;
        --filterBg3Hover: #ccabe5;
        --filterTxt: #f6f0fa;
        --filterTxt2: #ece0f5;
        --filterTxt3: #e3d1f1;
        --filterAccent: #00ACCD;
        --filterAccentTxt: rgba(255, 255, 255, 0.9);
        --filterRadius: 2px;
        --filterBorder: #241033; 

        --menu_1G: #662D91;
        --menu_1Bg: #662D91;
        --menu_1Bg2: #8139b8;
        --menu_1Bg3: #8e45c5;
        --menu_1BgHover: #6e319d;
        --menu_1Bg2Hover: #893dc3;
        --menu_1Bg3Hover: #9551c9;
        --menu_1Txt: #f0eaf4;
        --menu_1Txt2: #e0d5e9;
        --menu_1Txt3: #d1c0de;
        --menu_1Accent: #00ACCD;
        --menu_1AccentTxt: rgba(255, 255, 255, 0.9);
        --menu_1Radius: 0px;
        --menu_1Border: #241033; 

        --menu_2G: #662D91;
        --menu_2Bg: #662D91;
        --menu_2Bg2: #8139b8;
        --menu_2Bg3: #8e45c5;
        --menu_2BgHover: #6e319d;
        --menu_2Bg2Hover: #893dc3;
        --menu_2Bg3Hover: #9551c9;
        --menu_2Txt: #f0eaf4;
        --menu_2Txt2: #e0d5e9;
        --menu_2Txt3: #d1c0de;
        --menu_2Accent: #00ACCD;
        --menu_2AccentTxt: rgba(255, 255, 255, 0.9);
        --menu_2Radius: 0px;
        --menu_2Border: #241033; 

        --menu_3G: #662D91;
        --menu_3Bg: #662D91;
        --menu_3Bg2: #8139b8;
        --menu_3Bg3: #8e45c5;
        --menu_3BgHover: #6e319d;
        --menu_3Bg2Hover: #893dc3;
        --menu_3Bg3Hover: #9551c9;
        --menu_3Txt: #f0eaf4;
        --menu_3Txt2: #e0d5e9;
        --menu_3Txt3: #d1c0de;
        --menu_3Accent: #00ACCD;
        --menu_3AccentTxt: rgba(255, 255, 255, 0.9);
        --menu_3Radius: 0px;
        --menu_3Border: #241033; 

        --tooltipG: #8139b8;
        --tooltipBg: #8139b8;
        --tooltipBg2: #9a59cb;
        --tooltipBg3: #a66cd1;
        --tooltipBgHover: #893dc3;
        --tooltipBg2Hover: #a165cf;
        --tooltipBg3Hover: #ad78d5;
        --tooltipTxt: #f2ebf8;
        --tooltipTxt2: #e6d7f1;
        --tooltipTxt3: #d9c4ea;
        --tooltipAccent: #00ACCD;
        --tooltipAccentTxt: rgba(255, 255, 255, 0.9);
        --tooltipRadius: 0px;
        --tooltipBorder: #241033; 

           /* Old betslip */
        --betSlipBg: #8139b8;
        --betSlipBg2: #9a59cb;
        --betSlipBorder: #241033;
        --betSlipTxt: #f2ebf8;
        --betSlipTxt2: #e6d7f1;

        --betSlipStakeG: #893dc3;
        --betSlipStakeBg: #893dc3;
        --betSlipStakeTxt: #f3ecf9;
        --betSlipStakeTxt2: #e7d8f3;

        --betSlipInputG: #893dc3;
        --betSlipInputTxt: #f3ecf9;

        --betSlipButtonG: #893dc3;
        --betSlipButtonBg2: #a164cf;
        --betSlipButtonTxt: #f3ecf9;
        --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);
}