.sports-select-navigation{
    top: 64px !important
}
.sports-select-navigation .ui-dialog-content{
    max-height: calc(100vh - 116px)
}
.mobile .sports-select-navigation  .navigation-body > app-widget-host{
    margin-bottom: 0;
    margin-top: 0
}
.active-sports-select-navigation .mobile .fixed-menu{
    z-index: 99
}


.mobile .navigation .nav-sport-wrapper .nav-sport.checked .nav-sport-selector{
    background-image: url(/v1.1046/r/images/cybet/icons/icon-check-dark.svg);
    opacity: 1
}
.mobile .navigation .nav-sport-panel .nav-category-wrapper .nav-category{
    position: relative
}
.mobile .nav-category button:before{
    content: "";
    width: 80%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
}


.sports-select-navigation .nav-sports-page .league-select-go{
    z-index: -1;
    top: unset;
    bottom: 52px
}
.sports-select-navigation .nav-sports-page .league-select-go.has-options{
    z-index: 1
}

.sports-select-navigation .nav-sport-panel:has(.has-selections){
    display: block
}

.mobile:has(.sports-select-navigation) .fixed-menu-box .sport.tab > app-widget-host{
    opacity: 1
}

.mobile:has(.sports-select-navigation) .fixed-menu-box .sport.tab > app-widget-host img {
    filter: invert(67%) sepia(71%) saturate(547%) hue-rotate(349deg) brightness(103%) contrast(101%)
}
.mobile:has(.sports-select-navigation) .fixed-menu-box .sport.tab > app-widget-host .sport-title{
    color: var(--c-emphasis)

}

#root:has(.sports-select-navigation) .mobile .fixed-menu-box .fixed-menu-row ul li a.active:before, 
#root.active-search-popup:has(.sports-select-navigation) .mobile .search.tab > app-widget-host img, 
.mobile:has(.sports-select-navigation) .home-page .fixed-menu-box .home.tab > app-widget-host img{
    filter: hue-rotate(100deg) saturate(0);
}

#root:has(.sports-select-navigation) .mobile .fixed-menu-box .fixed-menu-row ul li a.active, 
#root.active-search-popup:has(.sports-select-navigation) .mobile .search.tab > app-widget-host, 
.mobile:has(.sports-select-navigation) .home-page .fixed-menu-box .home.tab > app-widget-host{
    opacity: .54
}
#root:has(.sports-select-navigation) .mobile .fixed-menu-box .fixed-menu-row ul li a.active .menu-label, 
#root.active-search-popup:has(.sports-select-navigation) .mobile .search.tab > app-widget-host .search-title, 
.mobile:has(.sports-select-navigation) .home-page .fixed-menu-box .home.tab > app-widget-host .home-title {
    color: var(--c-primary);
    width: 100%;
}



/* 10.11 */


#root .match-market-group .market-groups ui-button{
    padding-right: 5px;
}

#root .mobile .match-market-group .market-groups ui-button{
    padding-right: 2px;

}
.right-sidebar .history-bet-wrapper .history-actions-wrapper .history-bet-action{
    border-radius: 30px;
    margin: 0 10px;
}
.right-sidebar .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-reload{
    margin: 6px auto;
}
.mobile .internal-user-page .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-reload{
    margin-left: auto;
    margin: 6px auto;

}
.desktop .odds-on-coupon app-inline-show-odds-under{
    position: absolute;
    top: 3px;
    right: 3px
}
#root .desktop .odds-on-coupon .filter-line > app-widget-host{
    min-height: 69px;
}

.mobile .fixed-menu{
    min-height: 55px
}
app-carousel.main-carousel-left{
    max-width: 256px;
    width: 100%;
}
.coupon-carousel{
    width: calc(100% - 256px);
}


.custom-scrollbar .ng-scroll-viewport-wrapper{
    height: inherit;
}
.fancy-scrollbar .ng-native-scrollbar-hider{
    display: flex;
    align-items: center;
}
.custom-scrollbar .ng-scroll-viewport-wrapper .ng-scroll-content > div{
    overflow: unset !important;
}


/* 16.12 */

/* /promotions/challenges */


.challenges-inner{
    max-width: 640px;
    margin: 0 auto;
}
.challenges-inner .title{
    text-align: center
}
.challenges-inner .challenges-prize{
    border-radius: var(--r-c);
    border: 1px solid #B4B4B7;
    padding: 7px 15px;
    background-color: #ECEDF1;
    text-align: center;
    font-size: 16px;
    color: var(--c-black-e);
    font-weight: 600;
    width: fit-content;
    margin: 0 auto 20px
}
.challenges-inner .challenges-prize-descriptio{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.challenges-inner .challenges-prize-description p{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0
}
.challenges-inner .challenges-prize-description i{
    background-image: url(/v1.165/r/images/cybet/icons/prize.png);
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block   
}
.challenges-inner .challenges-prize-description strong{
    font-weight: 700;
}

.challenges-inner .challenges-explanation {
    border-radius: var(--r-c);
    border: 1px solid #B4B4B7;
    padding: 7px 15px;
    background-color: #ECEDF1;
    text-align: center;
    color: var(--c-black-e);
    width: fit-content;
    margin: 10px auto 20px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}


.challenges-inner .challenges-goal{
    border-radius: var(--r-c);
    border: 1px solid #B4B4B7;
    padding: 17px 68px;
    background-color: #ECEDF1;
    text-align: center;
    font-size: 16px;
    color: var(--c-black-e);
    margin-bottom: 15px;
}
.challenges-inner .challenges-match{
    border-radius: var(--r-c);
    border: 1px solid var(--c-emphasis);
    padding: 16px 25px;
    background-color: hsl(41deg 100% 55% / 20%);
    text-align: center;
    font-size: 16px;
    color: var(--c-black-e);
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    gap: 20px;
}
.challenges-inner .challenges-match .sport-icon{
    background-image: url(/v1.165/r/images/cybet/icons/icon-sport-football.svg);
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.challenges-inner .challenges-match .teams-name{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    font-weight: bold
}

.challenges-inner .challenges-match .match-date{
    display: flex;
    flex-direction: column;
    margin-left: auto
}
.challenges-inner .challenges-goal .title{
    text-align: left;
    color: var(--c-emphasis)
}
.challenges-inner .challenges-goal .challenges-goal-row{
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #B4B4B7;
}
.challenges-inner .challenges-goal .challenges-goal-row:last-child{
    border-bottom: 0
}
.challenges-inner .challenges-goal .challenges-goal-row i{
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.challenges-inner .challenges-goal .challenges-goal-row .icon-1{
    background-image: url(/v1.165/r/images/cybet/icons/Ticket_alt_light.svg)
}
.challenges-inner .challenges-goal .challenges-goal-row .icon-2{
    background-image: url(/v1.165/r/images/cybet/icons/Subttasks.svg)
}
.challenges-inner .challenges-goal .challenges-goal-row .icon-3{
    background-image: url(/v1.165/r/images/cybet/icons/Money.svg)
}
.challenges-inner .challenges-goal .challenges-goal-row .icon-4{
    background-image: url(/v1.165/r/images/cybet/icons/Chart_alt.svg)
}
.challenges-inner .challenges-goal .challenges-goal-row p {
    margin: 0;
    padding: 5px 0
}
.challenges-inner .challenges-goal .challenges-goal-row strong{
    margin-left: auto;
}

/*  */

.mobile .challenges-page .promotion-page-text{
    padding: 0
}

.mobile .challenges-inner .challenges-prize{
    font-size: 14px;
    width: 100%;
}
.mobile .challenges-inner .challenges-prize-description p{
    font-size: 14px
}
.mobile .challenges-inner .challenges-goal{
    padding: 17px 25px;
}
.mobile .challenges-inner .challenges-match{
    width: 100%;
}

.mobile .challenges-inner .challenges-match .teams-name .team-home,
.mobile .challenges-inner .challenges-match .teams-name .team-away{
    max-width: 145px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mobile .challenges-inner .challenges-explanation{
    width: 100%
}