.fixed-menu .home-img.light,
.fixed-menu .home-img.dark{
    display: none
}

.theme-light .fixed-menu .home-img.light,
.theme-dark .fixed-menu .home-img.dark,
.theme-auto .fixed-menu .home-img.dark{
    display: flex
}
.theme-auto{

    --odd-width:56px;
    --odd-margin:12px;
    --odd-height:28px;
    --site-font: 'Avenir', Arial, sans-serif;
    --c-text-light:#fff;
    --c-text-dark:#000;
    --mobile-header:62px;
    --bottom-nav:60px;
    
    
    
    --c-primary: #ffffff;
    --c-primary-b: #63696d;
    --c-primary-c: #231f20;
    --c-primary-d: #ffffff;
    --c-primary-e: #989898;

   --c-background: #000;
    --c-background-b: #231E1E;
    --c-background-c: #000;
    --c-background-d: #e8f0fe;
    --c-background-e: #000;
    --c-background-f: #34383b;

    --c-emphasis: #C7EE00;
    --c-emphasis-b: #00C7B1;
    --c-emphasis-c: #ea0043;  /*#c9454e;*/
    --c-emphasis-d: #3500f6;

    --c-b-w: #000000;
    --c-w-b: #ffffff;
    --c-black: #000000;
    --c-white: #ffffff;
    --c-green: #00C7B1;
    
     --c-additional: #afb2ba;

    --c-shade: rgba(0, 0, 0, 0.16);

    --r-border-radius-small: 4px;
    --r-border-radius-medium: 8px;
    --r-border-radius-big: 16px;

    --s-black-25:rgba(0 0 0 / 25%);
    --s-grey-25:rgb(186 186 186 / 25%);
    --s-grey-2-25:rgb(144 137 137 / 25%);
    --s-green-10:rgb(0 199 177 / 10%);
    
      --c-grey-2:#1E1E22;
    --c-grey-4:#2A2A2D;

    --bs-: rgb(0 0 0 / 20%) 0 1px 11px;

    --c-red:#EA0043;
    --c-green:#00C7B1;
    --c-text:#fff;

}

@media screen and (prefers-color-scheme: light) {
     .theme-auto #root.view-page- .home-btn,
     .theme-auto #root .view-page-bbuilder .bb-btn, 
     .theme-auto #root .view-page-sports-antepost 
     .antepost-btn:not(.antepost-eurovision-btn):not(.antepost-nba-btn), 
     .theme-auto #root .view-page-sports-antepost-f1 .antepost-formula-btn, 
     .theme-auto #root .view-page-sports-today .today-btn, 
     .theme-auto #root .view-page-sports-antepost-eurovision, 
     .theme-auto #root .antepost-eurovision-btn, 
     .theme-auto #root .view-page-sports-antepost-nba .antepost-nba-btn {
        border: 2px solid var(--c-emphasis);
        /* background-color: var(--c-emphasis); */
        /* color:var(--c-black); */
    }

    .theme-auto{
   
    --c-primary: #666666;
    --c-primary-b: #63696d;
    --c-primary-c: #231f20;
    --c-primary-d: #ea0043;
    --c-primary-e: #989898;

    --c-background: #ededed;
    --c-background-b: #ffffff;
    --c-background-c: #f1f1f1;
    --c-background-d: #e8f0fe;
    --c-background-e: #ea0043;
    --c-background-f: #ffffff;

    --c-emphasis: #C7EE00;
    --c-emphasis-b: #00C7B1;
    --c-emphasis-c: #ea0043;
    --c-emphasis-d: #3500f6;

    --c-b-w: #ffffff;
    --c-w-b: #000000;
    --c-black: #000000;
    --c-white: #ffffff;
    --c-green: #00C7B1;
    
     --c-additional: #afb2ba;

    --c-shade: rgba(0, 0, 0, 0.16);
    --c-tint:rgba(255,255,255,.8);

    --r-border-radius-small: 4px;
    --r-border-radius-medium: 8px;
    --r-border-radius-big: 16px;

    --bs-: rgb(0 0 0 / 20%) 0 1px 11px;

    --s-black-25:rgba(0 0 0 / 25%);
    --s-grey-25:rgb(186 186 186 / 25%);
    --s-grey-2-25:rgb(144 137 137 / 25%);
     --s-grey-3-25:rgb(178 178 178 / 25%);
    --s-green-10:rgb(0 199 177 / 10%);
    --c-grey-1:#d8d8d8;
    --c-grey-2:#d9d9d9;
    --c-grey-4:#e3e3e5;

    --c-red:#EA0043;
    --c-green:#00C7B1;
    --c-text:#000;
    
    
}

    
    .theme-auto .fixed-menu .home-img.dark{
        display: none
    }
    .theme-auto .fixed-menu .home-img.light{
        display: flex
    }
    .theme-dark .fixed-menu .home-img.dark{
        display: flex
    }
    .theme-dark .fixed-menu .home-img.light{
        display: none
    }
    .theme-auto body .mobile .fixed-menu .tab.home,
    .theme-auto body .mobile .home-active .fixed-menu .tab.home {
        background-color: #f2f3f4;
    }
      .theme-dark .mobile .payment-method .generic-form .form-row input, 
    .theme-dark .mobile .payment-method .generic-form .form-row select {
        border: 1px solid var(--c-grey-4);
    }
    .theme-dark .mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before{
        border: 1px solid var(--c-grey-4);
        border-right: 0px;
    }

    
  

}





@media screen and (prefers-color-scheme: dark ) {
    .theme-auto #root .theme-switcher-footer .theme-dropdown-switcher .icon:before {
        filter: unset;
    }
    .theme-auto .mobile .homepage .fixed-menu .tab.home{
        background-color: var(--c-emphasis-c)
    }
    .theme-auto .mobile .homepage .fixed-menu .tab .home-img.blue, 
    .theme-auto .mobile .tab.home .blue-dark-theme {
        display: none;
    }
    .theme-auto .mobile .homepage .fixed-menu .tab .home-img.blue-dark-theme {
    display: block;
    }
    .theme-auto .main-coupon-v1 .match-links .match-statistics {
        background: url(/v1.031/r/images/wazza/icons/stats-white-old.svg) center center no-repeat
    }
    .theme-auto .theme-dropdown-switcher .theme-list-container .active-theme:after {
        background-image: url(/v1.031/r/images/wazza/icons/arrow-white-v1.svg);
        transform: rotate(-90deg);
        width: 18px;
        height: 18px;
    }
    
    
   .theme-dark .mobile .theme-switcher .theme-dropdown-switcher .active-theme .icon:before, 
   .theme-auto .mobile .theme-switcher .theme-dropdown-switcher .active-theme .icon:before,
   .theme-dark .theme-switcher .theme-dropdown-switcher .theme-list .icon:before, 
   .theme-auto .theme-switcher .theme-dropdown-switcher .theme-list .icon:before,
   .theme-dark .theme-switcher .theme-dropdown-switcher .theme-list .icon:before, 
   .theme-auto .theme-switcher .theme-dropdown-switcher .theme-list .icon:before {
        filter: unset!important;
    }
    
    .theme-auto .mobile .betslip .betslip-title:after {
        background-image: url(/v2.033/r/images/wazza/icons/check-list-6757953-FFFFFF.svg);
    }
    .theme-auto .betslip .betslip-clear-wrapper .clear-betslip-button {
        background-image: url(/v2.033/r/images/wazza/icons/bin-FFFFFF.svg);
    }
    .theme-auto #root .mobile .betslip-title .betslip-arrow {
        filter: invert(1);
    }
    .theme-auto .betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove {
        background-image: url(/v2.033/r/images/wazza/icons/close-FFFFFF.svg);
    }
    body .mobile-navigation-view-left .sports-search .ui-inputtext:enabled:hover:not(.ui-state-error) {
        color: var(--c-white);
    }
    
    .theme-auto body .mobile-navigation-view .ui-dialog-content {
        background-color: var(--c-background);
    }
   .mobile .home-active .fixed-menu .tab.home, 
   .mobile .homepage .fixed-menu .tab.home {  
        background-color: #f2f3f4;
        border: 2px solid var(--c-emphasis-c);
   
    }
    .theme-auto .mobile .login-modal-body .login-form > div label{
        color: var(--c-white);
    }
     .theme-auto .mobile .forgotpass > app-widget-host {
        color: var(--c-white)
    }   
    .theme-auto .mobile .register-modal .forgot-content, 
    .theme-auto .mobile .register-modal .forgot-title,
    .theme-auto .mobile .register-row-wrap .register-string{
       color: var(--c-white)
    }   
    .theme-auto .mobile .content.register-modal,
    .theme-auto .mobile .login-menu-register,
    .theme-auto .mobile .register-login-section{
        background-color: var(--c-background)
    }
    .theme-auto .mobile .register-form-wrapper form > div > div{
        background-color: var(--c-background);
    }
    .theme-auto .mobile .register-form-wrapper .generic-form .form-row{
      /*  background-color: var(--c-background); */
        color: var(--c-white)
    }
    .theme-auto .mobile .register-form-wrapper .form-row label{
        color: var(--c-white);
    } 
    .theme-auto #root .mobile .generic-form .field-caption{
        color: var(--c-white);
    }
    .theme-auto .bottom-header-menu .menu li a:hover:before,
    .theme-auto .bottom-header-menu .menu li a.active:before{
       filter: invert(47%) sepia(42%) saturate(1768%) hue-rotate(321deg) brightness(78%) contrast(104%); 
    }
    .theme-auto .fixed-menu .home-img.light{
        display: none
    }
     .theme-auto .fixed-menu .home-img.dark{
        display: flex
    }
    
    .theme-dark .fixed-menu .home-img.dark{
        display: flex
    }
    .theme-dark .fixed-menu .home-img.light{
        display: none
    }
     .theme-auto .header .login.account-icon:before{
         color: var(--c-additional);

    }
    .theme-auto .bottom-header-menu  a:hover .menu-label,
    .theme-auto .bottom-header-menu  a.active .menu-label{
        color: var(--c-text-header);    
        filter: invert(47%) sepia(42%) saturate(1768%) hue-rotate(321deg) brightness(78%) contrast(104%); 
    }
    .theme-auto .sports-match-wrapper > .toggle-all-expanded:before{
        filter: unset
    }
    .theme-auto .live-data-wrapper .livescore-button > div:before,
    .theme-auto .live-data-wrapper .statistics-button > div:before{
       filter: unset
   
    }
     .theme-auto .toggle-sidebar-button .toggle-collapse:before{
        background-image: url(/v2.033/r/images/wazza/icons/icon-collapse-white.svg);

    }
   

    .theme-auto .copa-del-rey{
         background-image: url(/v2.033/r/images/wazza/icons/Copa-Del-Rey-white.svg)
    }
    .theme-auto .uefa-champions-league,
    .theme-auto .match-league-CHLG .international-clubs,
    .theme-auto .tourn-CHLG {
         background-image: url(/v2.033/r/images/wazza/icons/icon_UEFA_Champions_League-white.svg)
    }
    .theme-auto .uefa-europa-league,
    .theme-auto .match-league-EULG .international-clubs,
    .theme-auto .tourn-EULG,
    .theme-auto .match-league-EUL .international-clubs{
         background-image: url(/v2.033/r/images/wazza/icons/icon_Europa_League_white.svg)
    }
    .theme-auto .uefa-conference-league,
    .theme-auto .match-league-CNLG .international-clubs,
    .theme-auto .tourn-CNLG{
         background-image: url(/v2.033/r/images/wazza/icons/UEFA_Conference_League-white.svg)
    }    
    .theme-auto .euroleague,
    .theme-auto .match-league-EUL .basketball.international{
         background-image: url(/v2.033/r/images/wazza/icons/Basketball-Euroleague-white.svg)
    }
    .theme-auto .call-of-duty:not(.events-category-flag):not(.match-page-country-flag),
    .theme-auto .counter-strike:not(.events-category-flag):not(.match-page-country-flag){
        filter: unset
    }
    .theme-auto .num-pad-container .elements .element.button-backspase:before{
        filter: invert(1);
    }
    .balance-details .table .row-balance .value{
        color: var(--c-emphasis-b)
    }
    .balance-details .table .row-to-bet .value,
    .balance-details .table .row-withdraw .value,
    .balance-details .table .row-netbalance .value{
        color: var(--c-emphasis-b)
    }
    .match-markets-wrapper .match-odd.odd-locked{
        background-image: url(/v2.238/r/images/bestbet/icons/odd-locked-white.svg)
    }
    .theme-light .match-markets-wrapper .match-odd.odd-locked{
        background-image: url(/v2.238/r/images/bestbet/icons/odd-locked-dark.svg);
    }
    .header .login-section-wrapper .deposit-link{
        background-color: var(--c-background-b);
    }
    .header .login.account-icon:before {
        color: var(--c-w-b);
        background-image: url(/v2.238/r/images/wazza/icons/user-icon-6.svg);
          
    }
    .theme-light .header .login.account-icon:before{
        background-image: url(/v2.238/r/images/wazaa/icons/user-icon.svg);
         
    }
    .user-action-row > app-widget-host,
    .theme-dark .user-action-row > app-widget-host{
        background-color: hsl(240deg 4% 89% / 50%);
    }
    .mobile .payment-method .generic-form .form-row input, 
    .mobile .payment-method .generic-form .form-row select {
        border: 1px solid var(--c-grey-4);
    }
    .mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before{
        border: 1px solid var(--c-grey-4);
        border-right: 0px;
    }
    body#root .ui-widget-overlay{
        background-color: rgba(0, 0, 0, .4);
    }
    .theme-light body#root .ui-widget-overlay{
        background-color: rgba(255, 255, 255, .4);
    }
        
}



body .mobile .test-page .sports-page-controls{
    width: calc(100% - 130px);
    position: sticky;
    height: 48px;
    top: 56px;
    z-index: 12;
    background-color: var(--c-background-b);
    display: block;
    transform: translateY(48px);
    order: unset;
    display: flex;
    align-items: center;
}
body .mobile .test-page .sports-page-controls.date-filter-wrap{
    width: 100%;
    transform: unset;
    position: unset;
    display: flex;
    align-items: center;
}
body .mobile .test-page .sports-page-controls.date-filter-wrap > app-widget-host{
    margin: 0
}
.mobile .test-page .sports-page-controls .page-filter-label{
    margin-bottom: 4px
}
.mobile test-page .sports-page-controls.row > app-widget-host{
    margin: 0
}

body:has(app-inline-show-odds-under) .mobile .test-page .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header{
    top: 234px;
    transform: translateY(-126px);
}
.mobile .test-page app-inline-show-odds-under{
    margin-top: 10px
}
.mobile .test-page .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header {
    top: 156px;    
}