/************************************
              Global
************************************/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');*/
html, body {
    padding: 0;
    margin: 0;
      font-family: var(--site-font);

     /* scroll-behavior: smooth;*/
     color: var(--c-text)
}

body .ui-widget, body .ui-widget input, body .ui-widget select, body .ui-widget button, body .ui-widget textarea, body button, body select, body option {
    font-family: var(--site-font);
}

app-widget-host {
    display: flex;    
    flex-direction: column   
}


body a {
    color: var(--c-emphasis-c);
}



ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body .content-loader {
    width: 100%;
    height: 100%;
}

body .content-loader:before {
    background-color: var(--c-background);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    background-size: 200px auto;
    background-image: url();
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

body .content-loader:after, body .content-loader:not(:required):after {
    background-color: var(--c-background);
    background-repeat: no-repeat;
    background-position: 50% 45%;
    background-size: 300px auto;
    background-image: url(/v2.025/r/images/site/banners/3d_1_hue.gif);   
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 400px;
    position: fixed;
    top: calc(30% + 90px);
    width: 100%;
    height: 300px;
    margin: 0;
    -webkit-animation: none;
    -webkit-box-shadow: none;
    animation: none;
    box-shadow: none;
    border-radius: 0
}

.m-loader {
    background-color: var(--c-background);
    position: relative;
}

@keyframes ui-progress-spinner-color {
    100%, 0% {
        stroke: #c9454e;
    }

    40% {
        stroke: #c9454e;
    }

    66% {
        stroke: #c9454e;
    }

    80% {
        stroke: #c9454e;
    }

    90% {
        stroke: #c9454e;
    }
}

#loading-bar .bar {
    background: #00C7B1 !important;
}

/* Main Grid */
.site {
    width: 100%;
    height: 100%;
    display: flex;
        background-color: var(--c-background);
}



.body {
    width: 100%;
    margin: 0 auto 0;
    display: flex;
  /*  margin-top: 12px; */
    /*  min-height: calc(100vh - 169px) */
}

.left-sidebar {
    flex: 0 0 250px;
    max-width: 250px;
    min-width: 250px;
    padding: 12px 10px 54px;
    height: calc(100vh - 108px);
    overflow-x: hidden;
    overflow-y: auto;
}

.toggle-sidebar .left-sidebar {
    max-width: 60px;
    min-width: 60px;
    flex: 0 0 60px;
}

.toggle-sidebar .live-page .left-sidebar,
.toggle-sidebar .account .left-sidebar,
.toggle-sidebar .lottery .left-sidebar,
.toggle-sidebar .live-match-page .left-sidebar{
    flex: 0 0 250px;
    max-width: 250px;
    min-width: 250px;
}

.desktop .right-sidebar {
    flex: 0 0 357px;
    max-width: 357px;
    min-width: 357px;
    padding: 0 10px;
    height: calc(100vh - 108px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 12px
}

.main-content {
    flex: 2 1 480px;
    min-width: 320px;
    margin: 0 20px;
    padding-right: 8px;
    position: relative;
    height: calc(100vh - 102px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 12px;
    scroll-behavior: smooth
}

.desktop .main-content:has(.coupon-wrapper) {
    margin: 0 0 0 8px
}

.toggle-sidebar .main-content {
}

.main-content.no-left-sidebar {
}

.main-content.no-right-sidebar {
}

.main-content.no-left-sidebar.no-right-sidebar {
    max-width: 100%;
}

.content-page {
    
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: var(--c-emphasis-c);
    border: 1px solid var(--c-emphasis-c)
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: var(--c-background)
}

.d-loader {
    margin: 70px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt-20 {
    padding-top: 20px
}

button {
    border: 0
}

/************************************
          Sport Coupons
************************************/
.main-content .section-title, .main-content-mobile .section-title, .section-title {
    font-size: 18px;
    text-align: center;
    color: var(--c-primary-d);
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 10px;
    margin: 0 auto
}

.main-content .section-title.live-title, .main-content-mobile .section-title.live-title {
    animation: color_change 1s infinite alternate;
}

.main-content-mobile .section-title {
    padding: 13px 0;
    padding-right: 75px;
    margin: 0;
    text-align: left;
    font-size: 1.2em;
    vertical-align: middle;
    text-transform: capitalize;
    font-weight: 600;
    white-space: nowrap;
    width: 100%;
    text-align: center        
}


.main-content .section-title div:after, .register-form-wrapper h3:after, .main-content-mobile .section-title > div:after {
    content: '';
    background-image: linear-gradient(90deg, #f32634,transparent,transparent,#f32634);
    align-items: center;
    display: flex;
    position: relative;
    height: 8px;
    width: 100%;
    margin-top: -12px;
    margin-bottom: 4px;
    z-index: 0;
    border-radius: 4px;
    display: none
}

.main-content-mobile .section-title > div:after {
    background-image: linear-gradient(90deg, #f32634,transparent,transparent,transparent,#f32634);
}

.main-coupon-v1 {
    display: block;
    color: var(--c-primary)
}

.main-coupon-v1 .events-sport-content {
    position: relative
}

.main-coupon-v1 .by-date-header-wrapper {
    /*
    position: absolute;
    top: 0;
    padding-left: 370px;
*/
    padding-right: 10px;
    width: 100%
}

.main-coupon-v1 app-market-headings-container {
    flex: 1;
    padding-right: 70px
}

.main-coupon-v1 .by-date-header-wrapper app-market-headings-container {
    position: absolute;
    top: 12px;
    right: 0;
    display: none;
}

.main-coupon-v1 .markets-header-wrapper {
    gap: 10px;
    padding: 0
}

.main-coupon-v1 .markets-header-wrapper .market-type-selection {
    margin-left: 0;
    text-align: center;
    width: 65px;
    height: 36px;
}

.main-coupon-v1 .markets-header-wrapper .market-type-selection.mt-special {
    width: 65px;
   
}

.main-coupon-v1 .tournament-header-wrapper {
    display: flex;
    padding-bottom: 5px
}

.desktop .main-coupon-v1 .tournament-header-wrapper {align-items: center;}

.main-coupon-v1 .events-sport-wrapper .events-sport-header .sport-icon, 
.main-coupon-v1 .events-sport-wrapper .events-sport-header .events-sport-name-wrapper, 

.main-coupon-v1 .events-item-wrapper .match-schedule .match-progress, 
.main-coupon-v1 .events-item-wrapper .match-schedule .match-total-markets, 
.main-coupon-v1 .by-date-header-wrapper .event-date-break-wrapper-new .date-with-time, 
.main-coupon-v1 .item-info-wrapper .match-info .match-type {
    display: none
}
.desktop .main-coupon-v1 .events-item-wrapper .match-schedule .match-code{
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 20px
       
}
.desktop .live-page .main-coupon-v1 .events-item-wrapper .match-schedule .match-code{
    margin: 0
}
.main-coupon-v1 .events-item-wrapper .match-schedule .match-code{
    font-size: 11px
}
.main-coupon-v1 .events-item-wrapper .match-schedule .match-code:before{
    content: "#"
}
.main-coupon-v1 .events-sport-wrapper .events-sport-header {
    margin-top: 15px;
    background-color: transparent;
    justify-content: flex-end;
    padding: 0;
    padding-right: 70px
}

.main-coupon-v1 .events-sport-wrapper .events-sport-header {
    display: none;
}

.market-drop-down-heading select {    
    border-radius: var(--r-border-radius-medium);
    min-height: 30px;
    padding-left: 5px
}

.events-sport-header .market-drop-down-heading {
    text-align: center;
    color: var(--c-primary);
    font: var(--t-mini-title)
}

.main-coupon-v1 .by-date-header-wrapper .event-date-break-wrapper-new .date-without-time {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 1px;
    letter-spacing: .5px;
    margin-bottom: 2px
    
}

.main-coupon-v1 .item-info-wrapper {
    /* min-width: 277px; */
    width: 100%;
    /* flex: 1; */
    padding: 5px 20px 5px 0;
    /* max-width:310px; */
    overflow: hidden;
    /* margin: 5px 0 */
}

.main-coupon-v1 .events-item-wrapper {
   display: flex;
   position: relative;
   margin-bottom: 1px;
   padding: 5px 10px;
   min-height: 30px;
   border-radius: var(--r-border-radius-medium);
   cursor: pointer;
   box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
   align-items: flex-end;
   background-color: var(--c-background-f);
}

.main-coupon-v1 .events-item-wrapper:hover {
    filter: brightness(0.95)
}

/*.main-coupon-v1 .events-item-wrapper:last-child{
    margin-bottom: 0
}*/
.main-coupon-v1 .events-category-tournament-names, .main-coupon-v1 .item-info-wrapper .match-info, .main-coupon-v1 .match-market-wrapper {
    display: flex;
    width: 100%;
    gap: 3px
    /* flex-wrap: wrap; */
}

.main-coupon-v1 .item-info-wrapper .match-info {
    position: relative
}
.desktop .main-coupon-v1 .item-info-wrapper .match-info{
    gap: 10px
}
.scored-goal-text{
    position: absolute; 
    top: 0;
    border-radius : 8px;
    left: 0;   
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: var(--c-emphasis-c);
    color: var(--c-white-e);
    -moz-animation: blink normal 2s infinite ease-in-out;
    -webkit-animation: blink normal 2s infinite ease-in-out;
    -ms-animation: blink normal 2s infinite ease-in-out;
    animation: blink normal 2s infinite ease-in-out
    
}
.mobile .scored-goal-text{
    padding-bottom: 50px
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.main-coupon-v1 .match-info .match-schedule {
    display: flex;
    margin-right: 0px;
    height: 16px;
    width: 90px;
    gap: 5px;
    flex-wrap: wrap
}
.desktop .main-coupon-v1 .match-info .match-schedule:before{
    top: 50%;
    transform: translateY(-50%)
}
.desktop .live-page .main-coupon-v1 .match-info .match-schedule:before{
    right: 10px
}

.main-coupon-v1 .live-part .match-info .match-schedule {
    width: fit-content;
    min-width: fit-content
}

.main-coupon-v1 .match-info .match-schedule .match-date {
}
.main-coupon-v1 .match-info .is-live-booked{
   
}
.desktop .main-coupon-v1 .match-info .is-live-booked{
    position: absolute;
    top: 50%;   
    transform: translateY(-50%);
    left: calc(100% - 25px);
     height: 16px;
    display: flex;
    align-items: center   
    
}
.main-coupon-v1 .match-info .match-teams {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100%; */
    min-width: 70%;
}
.main-coupon-v1 .match-info .match-teams > div{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.main-coupon-v1 .match-info .match-teams .match-home-team {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-coupon-v1 .tournament-header-wrapper .events-category-flag.default-sport.soccer {
    /*  background-image: url(/v2.025/r/images/tipster/icons/football-icon.svg); */
    height: 20px;
    width: 20px;
    background-size: contain
}

.main-coupon-v1 .events-category-tournament-names {
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
}

.main-coupon-v1 .events-category-tournament-names .events-category-name {
    padding: 0 10px;
    font-weight: bold
}

.main-coupon-v1 .events-category-tournament-names .events-tournament-name {
    opacity: .8;
    text-overflow: ellipsis;
    overflow: hidden
}

.main-coupon-v1 .events-category-tournament-names .events-tournament-name::before {
    content: "("
}

.main-coupon-v1 .events-category-tournament-names .events-tournament-name:after {
    content: ")"
}

#root .main-coupon-v1 .sports-coupon .match-markets-wrapper {
    flex: 0;
    gap: 10px
}

.main-coupon-v1 .match-markets-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 0 5px 0;
    flex: 0;
    align-items: center
}

.main-coupon-v1 .match-markets-wrapper .match-market,
.main-coupon-v1 .markets-header-wrapper .market-header {
    margin-left: 0;    
    display: flex;
    align-items: center;
    gap: 3px
}

.main-coupon-v1 .match-markets-wrapper .match-market:first-child, .main-coupon-v1 .markets-header-wrapper .market-header:first-child {
    margin-left: 0
}

/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd {
    padding: 0;
    border: 0;
    color: var(--c-primary);
    background-color: var(--c-background);
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    width: 65px;
    height: 41px;
    cursor: pointer;
    overflow: hidden
}

/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

app-special-switch {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    width: 65px;
    height: 41px;
}

.market-special-switch {
    height: 100%
}

.market-special-switch select {
    min-height: 100%;
    text-align: center;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: var(--c-emphasis-c);
    color: var(--c-white)
}



.match-markets-wrapper .match-odd.odd-locked {
}

/*.main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked span{
    display: block;
}*/
/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default {
    display: flex;
    justify-content: center;
    padding: 2px;
    width: 100%;
    height: 100%
}

#root .main-coupon-v1 .match-markets-wrapper .match-market .match-odd .odd {
    flex-direction: column;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

body .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odd .mobile-outcome {
    margin-right: unset;
}

/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}




/*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked .odds-selection-default.odds-bet-slip-selected {
    background-color: transparent;
}

.odds-selection-down-after, .odds-selection-up-after {
    display: none
}

/*.desktop*/
.desktop .main-coupon-v1 .match-markets-wrapper .match-odd:hover {
    filter: brightness(0.8)
}

.main-coupon-v1 .match-markets-wrapper .market-special, /*.desktop*/
.main-coupon-v1 .match-markets-wrapper .match-odd.market-special {
    line-height: 40px;
    color: var(--c-primary);
    display: block;
    text-align: center;
    width: 65px;
    height: 41px;
    margin-right: 6px;
    padding-right: 2px;
    background: transparent
}
.main-coupon-v1 .match-markets-wrapper .match-odd.market-special.no-market-odds{
    display: none
}
.main-coupon-v1 .match-markets-wrapper .market-special:empty, 
.main-coupon-v1 .match-markets-wrapper .match-odd.market-special:empty{
}



/*.desktop*/
.match-markets-wrapper .match-odd.odd-locked {
    /*   background: url(/v2.025/r/images/bestbet/icons/odd-locked-white.svg) center center no-repeat;  only dark versions*/
    border: 0;
}
.theme-dark .match-markets-wrapper .match-odd.odd-locked{
    background-image: url(/v2.238/r/images/bestbet/icons/odd-locked-white.svg)
}

.match-page .match-markets-wrapper .match-odd.odd-locked, .live-match-page .match-markets-wrapper .match-odd.odd-locked {
    border: 2px solid var(--c-background-f);
    background-color: var(--c-shade);
    border-bottom: 0;
    border-right: 0
}

/*.desktop*/
#root .main-coupon-v1 .match-links {
   gap: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    min-width: 60px;
    order: 3;
    width: 60px;
}
.desktop .main-coupon-v1 .match-links .match-statistics{
    margin: 0
}
.desktop .main-coupon-v1 .match-links .match-favorite {
    position: absolute;
    left: 10px;
    bottom: 10px
}
.main-coupon-v1 .match-more-markets {
    color: var(--c-primary);
    height: auto;
    line-height: 14px;
    width: 36px;
    justify-content: center
}
.main-coupon-v1 .match-more-markets:hover{
    color: var(--c-emphasis-b);
}
.main-coupon-v1 .events-tournament-header {
    background-color: transparent;
    height: auto;
    width: 370px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden
}

.match-favorite {
    height: 14px;
    width: 14px;
    opacity: 1
}

.desktop not:(.left-sidebar) .match-favorite {
                                 position: absolute;
                                 left: 10px;
                                 top: 30px;
                             }

.events-wrapper .coupon-notice {
    background-color: var(--c-emphasis-c);
    border: 0;
    border-radius: var(--r-border-radius-medium);
    font-weight: bold;
    color: var(--c-white);
}

.events-wrapper .coupon-notice a {
    color: var(--c-black)!important;
    text-decoration: underline;
}



.mobile .events-wrapper .coupon-notice {
    text-align: center;
}

.mobile .events-wrapper .coupon-notice a {
    white-space: nowrap;
}
body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd .mobile-outcome {
    display: block}

body .desktop .sports-coupon.small .match-markets-wrapper .match-market .odd-locked span {
    display: none
}

body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected .mobile-outcome {
}

/* Inline Sports Filter */
.home-today {
}
.coupon-wrapper {
    padding: 12px 6px;
    width: 100%
}
.coupon-wrapper > app-widget-host {
    background: var(--c-background-b);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    border-radius: var(--r-border-radius-big);
    padding: 12px
}
.home-highlights {
    margin-bottom: 32px
}
.inline-sports-filter .custom-scrollbar {
    height: 36px!important
}
#root .inline-sports-filter .ng-scrollbar-wrapper {
    --vertical-scrollbar-size: unset;
    --horizontal-scrollbar-size: unset;
    --vertical-scrollbar-total-size: unset;
    --horizontal-scrollbar-total-size: unset;
}

.inline-sports-filter .ng-native-scrollbar-hider {
    border-radius: 20px
}

.show-less-than-wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 10px;
}
.show-less-than-wrapper .show-less-than-label{
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
}
.show-less-than-wrapper .less-than-filter{
    display: flex;
    align-items: center;
    gap: 5px;    
    
}
.show-less-than-wrapper .less-than-filter li{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 70px;
    background-color: var(--c-background-b);
    color: var(--c-primary);
    border-radius: var(--r-border-radius-medium);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease-in-out

}
.show-less-than-wrapper .less-than-filter li:hover{
    filter: brightness(0.8);
}
.show-less-than-wrapper .less-than-filter li.selected-item-lt{
    color: var(--c-white);
    background-color: var(--c-emphasis-c);
}
.main-coupon-v1 .match-markets-wrapper .match-odd:has(.less-than-border){
    border: 1px solid var(--c-emphasis-c);
}
app-custom-scrollbar .control-left:before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/v2.025/r/images/site/arrow-right-dark-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    background-color: var(--c-background-f);
    padding: 10px;
    border-radius: 50px;
    background-size: 10px;
    box-shadow: -1px 5px 8px 2px rgb(0 0 0 / 18%);
}

.theme-dark app-custom-scrollbar .control-left:before {
    background-image: url(/v2.025/r/images/megabet/arrow-right.svg);
}

app-custom-scrollbar .control-right:before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/v2.025/r/images/site/arrow-right-dark-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--c-background-f);
    padding: 10px;
    border-radius: 50px;
    background-size: 10px;
    box-shadow: -1px 5px 8px 2px rgb(0 0 0 / 18%)
}

.theme-dark app-custom-scrollbar .control-right:before {
    background-image: url(/v2.025/r/images/megabet/arrow-right.svg);
}

.sports-filter {
    display: flex;
    padding: 0;
    margin: 0;
    gap: 8px;
    background-color: var(--c-background-c);
    border-radius: 20px;
    margin: 0 5px
}

.inline-sports-filter .ng-native-scrollbar-hider::-webkit-scrollbar {
    display: none
}

.sports-filter > li {
    position: relative;
    background-color: transparent;
    min-width: fit-content;
    height: fit-content;
    flex-direction: row;
    gap: 4px;
    border-radius: 20px;
    margin: 0;
    border: 2px solid transparent;
    box-shadow: unset;
    padding-right: 12px;
    height: 36px;
}

.sports-filter > li.selected {
    margin-right: 4px;
    background-color: var(--c-b-w);
    border: 2px solid var(--c-emphasis-c)
}
.desktop .sports-filter > li.selected:hover {
    opacity: .7;
    background-color: var(--c-background);
}

.sports-filter > li > span {
    white-space: nowrap;
    color: var(--c-primary)
}

.sports-filter > li.selected .icon-sport {
    filter: unset
}

.sports-filter > li:hover .default-sport-icon {
    filter: unset;
}
.sports-filter > li.counter-strike-filter.selected .icon-sport{
    filter: invert(1)
}
.sports-filter > li.selected .icon-sport + span {
}

.sports-filter .matches-counter {
}

.sports-filter li.selected .matches-counter {
    position: unset;
}

.sports-filter .icon-sport {
    height: 25px;
    width: 25px;
    position: unset;
    background-size: contain;
    margin: 0;
    filter: contrast(0.5);
}

.sports-filter .selected .icon-sport {
}

.sports-filter .icon-sport:before {
    content: "";
}

.sports-filter .selected .icon-sport:after {
    content: "";
    background-image: url(/v2.025/r/images/wazza/icons/whistle-gray-bold.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -5px;
    display: none
}
app-inline-show-odds-under{
    display: block;
    margin-top: 10px
}
app-inline-show-odds-under .show-less-than-wrapper-1{
    background-color: var(--c-background)!important;
    box-sizing: var(--bs-);
    border: 1px solid var(--c-emphasis-b)!important
}
app-inline-show-odds-under .show-less-than-wrapper-1 .show-less-than-label{
    color: var(--c-primary)!important
}
body app-inline-show-odds-under .ui-slider .ui-slider-range{
    background-color: var(--c-emphasis-b)
}
.market-switch-list-items {
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    background-color: var(--c-background-b);
    margin: 5px;
    border-radius: 20px
}
.market-switch-list-items li {
 white-space: nowrap;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: var(--c-background-b);
    margin: 5px 0;
    border-radius: var(--r-border-radius-big);
    font-weight: bold;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid var(--c-emphasis-c)
}
.market-switch-list-items li:hover{
    background-color: var(--c-emphasis-b);
    border: 1px solid var(--c-emphasis-b);
    color: var(--c-white);
}

.market-switch-list-items li.selected {
   background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

/* Show Less, Show More buttons */
.desktop .main-coupon-v1.highlights-block .events-sport-wrapper .events-sport-content:nth-child(n+3), 
.desktop .main-coupon-v1.today-block .events-sport-wrapper .events-sport-content:nth-child(n+4) {
}

.show-highlights .main-coupon-v1.highlights-block .events-sport-wrapper .events-sport-content:nth-child(n+3), 
.show-today .main-coupon-v1.today-block .events-sport-wrapper .events-sport-content:nth-child(n+4) {
}

.show-hide-buttons, .mobile .show-all-events {
    text-align: center;
    cursor: pointer;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--c-emphasis-b);
    text-transform: capitalize;
    font-size: 15px;
    border-radius: var(--r-border-radius-big);
    border: 2px solid var(--c-emphasis-b);
    width: fit-content;
    margin: 10px auto 10px;
    font-weight: bold;
    padding: 5px 10px;
    background-color: var(--c-white);
    min-width: 151px;
}

.show-hide-buttons:hover, .mobile .show-all-events:hover {
        color: var(--c-white);
    background-color: var(--c-emphasis-b);
}

.home-highlights .show-hide-buttons .show-less, .show-highlights .home-highlights .show-hide-buttons .show-more, .home-today .show-hide-buttons .show-less, .show-today .home-today .show-hide-buttons .show-more {
    display: none
}

.show-highlights .home-highlights .show-hide-buttons .show-less, .show-today .home-today .show-hide-buttons .show-less {
    display: block
}

.homepage .main-coupon-v1 .pagination-spinner {
    display: none
}

/* Home featured Game */
.home-featured-game {
    background: url(/v2.025/r/images/wazza/banners/featured-match-bg1.jpg);
    background-position: center center;
    background-size: cover;
    height: 186px;
    padding: 0 20px;
    margin-bottom: 12px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6);
    color: var(--c-white);
    border-radius: var(--r-border-radius-big);
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-featured-game:before {
    content: "";
}

.home-featured-game .events-sport-wrapper .events-sport-header, .home-featured-game .events-tournament-header .events-category-flag, .home-featured-game app-market-headings-container, .home-featured-game .match-code, .home-featured-game .match-total-markets, .home-featured-game .match-type, .home-featured-game .match-links, .home-featured-game .match-market:not(.market-0) {
    display: none
}

.home-featured-game .events-tournament-header {
    background-color: transparent;
    height: auto
}

.home-featured-game .events-category-tournament-names {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 0 ;
    font-size: 16px;
    line-height: 1;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, .6);
    text-transform: uppercase
}
.home-featured-game .match-schedule {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    gap: 5px
}

.home-featured-game .match-schedule .match-time {

}

.home-featured-game .match-teams {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    padding: 0 0 12px;
    line-height: 1
}

.home-featured-game .match-teams .match-home-team {
    flex: 0 1 45%;
    text-align: right;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
        line-height: 1.2;
}

.home-featured-game .match-teams .match-away-team {
    flex: 0 1 45%;
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
        line-height: 1.2;
}

.home-featured-game .match-teams .match-team-separator {
    display: flex;
    flex: 0 0 10%;
    justify-content: center;
    
}

.home-featured-game .match-market.market-0, .home-featured-game .match-market-wrapper {
    width: 100%;
    display: flex;
    justify-content: center
}

.home-featured-game .match-market-wrapper .match-odd {
    display: flex;
    justify-content: center;
    padding: 0;
    border: 0;
    color: var(--c-primary);
    background-color: var(--c-background);
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    width: 52px;
    height: 38px;
    margin-right: 3px;
    cursor: pointer;
    overflow: hidden;
    text-shadow: none
}

.home-featured-game .match-market-wrapper .match-odd:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
.home-featured-game .match-market-wrapper .match-odd:nth-child(2){
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
.home-featured-game .match-market-wrapper .match-odd:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.home-featured-game .match-market-wrapper .match-odd:hover {
    filter: brightness(0.8)
}

.home-featured-game .match-market-wrapper .match-odd .odds-selection-default {
    width: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.home-featured-game .match-market-wrapper .match-odd .odds-selection-default .odd {
    justify-content: center;
}

.home-featured-game .match-market-wrapper .match-odd .odds-selection-default .mobile-outcome {
    display: none!important
}

.home-featured-game .match-market-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected {
    color: white;
    text-align: center;
    text-shadow: none;
    background-color: var(--c-emphasis-c)
}
#mainDiv .lang-en,
#mainDiv .lang-fr{
    display:none
}
html:lang(en) #mainDiv .lang-en,
html:lang(fr) #mainDiv .lang-fr{
    display:block;
}
.main-banner-carousel.lang-en,
.main-banner-carousel.lang-fr{
    display: none
}

.lang-en .main-banner-carousel.lang-en,
.lang-fr .main-banner-carousel.lang-fr{
    display: block;
    margin-top: 30px;
    margin-bottom: 10px
}

.main-banner-carousel .slideshow-container{
    border-radius: 12px;
    height: calc(calc(100vw -  607px) / 5.52)!important
}

.casino-carousel .slideshow-container{
    height: calc(calc(100vw -  290px) / 5.48)!important
}
.slide-carousel .slide img {
    width:100%;
}
/************************************
           Sport Page
************************************/
.desktop .sports-page-controls {
    max-height: 220px;
    transform: unset;
}

.sports-page-controls > app-widget-host {
    display: flex;
    flex-direction: row;
    flex-direction: column-reverse;
    gap: 8px;
    margin: 8px 0
}

.sports-page-controls .page-filter {
    flex: 1;
    overflow: hidden;
    overflow-x: auto;
}

.sports-page-controls .sort-by-hour-label, 
.sports-page-controls .page-filter-label {
    padding-bottom: 5px;    
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase
}

.sports-page-controls ul {
    display: flex;
    flex-direction: row;
    background-color: transparent
}

.sports-page-controls ul li {
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 0;
    height: 35px
}

.sports-page-controls .dates-filter li.selected {
    color: unset;
    background: unset
}

.sports-page-controls .dates-filter li:hover {
    color: unset;
    background: unset
}

.sports-page-controls ul li:first-child {
    margin-left: 0
}

body .sports-page-controls ul li > a, 
body .sports-page-controls ul li > span {
       padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 70px;
    background-color: var(--c-background-b);
    color: var(--c-primary);
    border-radius: var(--r-border-radius-medium);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer
}

body .sports-page-controls ul li.sortBySelected > a, 
body .sports-page-controls ul li.selected > span {
    color: var(--c-white);
    background-color: var(--c-emphasis-c)
}

body .sports-page-controls ul li:hover > a, body .sports-page-controls ul li:hover > span {
    filter: brightness(0.8)
}

.main-content .filter-schedule .filter-schedule-item {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 70px;
    background-color: var(--c-background-b);
    color: var(--c-primary);
    border-radius: var(--r-border-radius-medium);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
    max-width: 70px;
    border: 0
}

.main-content .filter-schedule .filter-schedule-item:first-child {
    margin-left: 4px;
}

.main-content .filter-schedule .filter-schedule-item:last-child {
    order: -1;
    margin-left: 0
}

.desktop .main-content .filter-schedule .filter-schedule-item:hover {
    filter: brightness(0.8);
    background-color: var(--c-background-b);
    color: var(--c-primary)}

.main-content .filter-schedule .filter-schedule-item.selected:hover, 
.main-content .filter-schedule .filter-schedule-item.selected {
    color: var(--c-white);
    background-color: var(--c-emphasis-c)
}

ul.sport-breadcrumbs {
    margin: 15px 0;
    display: flex;
    height: 34px
}

ul.sport-breadcrumbs > li {
    display: flex;
    align-items: center;
    margin-left: -10px
}

ul.sport-breadcrumbs > li:first-child {
    margin-left: 0
}

ul.sport-breadcrumbs > li a {
    display: flex;
    width: 100%;
    height: 100%
}

ul.sport-breadcrumbs > li .br-name {
        padding: 10px;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--c-background);
    color: var(--c-primary);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}




ul.sport-breadcrumbs > li:first-child .br-name {
    border-top-left-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: var(--r-border-radius-medium)
}

ul.sport-breadcrumbs > li:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 18px solid var(--c-background)
}



ul.sport-breadcrumbs > li:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid var(--c-background);
    border-bottom: 17px solid var(--c-background);
    border-left: 18px solid transparent;
    z-index: 1
}

ul.sport-breadcrumbs > li:first-child:before {
    display: none
}

ul.sport-breadcrumbs > li:hover {
    filter: brightness(0.8)
}

ul.sport-breadcrumbs > li:last-child .br-name {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

ul.sport-breadcrumbs > li:last-child:before {
    border-top: 18px solid var(--c-emphasis-c);
    border-bottom: 16px solid var(--c-emphasis-c)
}

ul.sport-breadcrumbs > li:last-child:after {
    border-left: 18px solid var(--c-emphasis-c)
}

ul.match-breadcrumbs {
    display: flex;
    font-size: 18px;
    margin-bottom: 15px
}

ul.match-breadcrumbs > li {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 0
}
ul.match-breadcrumbs > li.sport-br,
ul.match-breadcrumbs > li.category-br,
ul.match-breadcrumbs > li.tournament-br{
    display: none
}

ul.match-breadcrumbs > li:first-child {
    margin-left: 80px
}

.lang-fr ul.match-breadcrumbs > li:first-child {
    margin-left: 90px
}

/************************************
          Sport Match Page
************************************/
/* Match Info */
.single-match-info {
    /*background-color: var(--c-background);
    border-radius: var(--r-border-radius-medium)*/
}




.single-match-info .markets-match-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background-color: var(--c-background-c);
    border-radius: var(--r-border-radius-medium);
    overflow: hidden
}

.single-match-info .markets-match-data, 
.single-match-info .match-date-and-time, 
.single-match-info .match-time {
    display: flex;
    color: var(--c-white);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.single-match-info .match-date-and-time {
    margin-left: 0;
    width: 100%;
    justify-content: center;
    line-height: 20px;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    font-size: 12px
}

.single-match-info .sports-match-header-wrapper.sport-soccer,
.single-match-info .sports-match-header-wrapper.sport-tennis,
.single-match-info .sports-match-header-wrapper.sport-basketball{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: var(--r-border-radius-medium);
    margin-bottom: 10px
}
.desktop .single-match-info .sports-match-header-wrapper.sport-soccer,
.desktop .single-match-info .sports-match-header-wrapper.sport-tennis,
.desktop .single-match-info .sports-match-header-wrapper.sport-basketball{
    height: calc(calc(100vw - 670px) / 7.5)

}
.single-match-info .sports-match-header-wrapper.sport-soccer{
    background-image: url(/v2.025/r/images/wazaa/fbprematchbanner/BG_Pre-MatchBanners_Football.jpg)
}
.single-match-info .sports-match-header-wrapper.sport-tennis{
    background-image: url(/v2.025/r/images/wazaa/tennisprematchbanner/BG_Pre-MatchBanners_Tennis.jpg)
}
.single-match-info .sports-match-header-wrapper.sport-basketball{
    background-image: url(/v2.025/r/images/wazaa/bbprematchbanner/BG_Pre-MatchBanners_Basketball.jpg)
}
.single-match-info .sports-match-header-wrapper.sport-soccer .match-header-content-wrapper,
.single-match-info .sports-match-header-wrapper.sport-tennis .match-header-content-wrapper,
.single-match-info .sports-match-header-wrapper.sport-basketball .match-header-content-wrapper{
    height: 100%
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-header,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-header,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-header{
    height: 100%;
    padding: 10px;
    flex-wrap: unset
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-header,
.single-match-info .sports-match-header-wrapper.sport-soccer .match-date-and-time,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-header,
.single-match-info .sports-match-header-wrapper.sport-tennis .match-date-and-time,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-header,
.single-match-info .sports-match-header-wrapper.sport-basketball .match-date-and-time{
    background-color: transparent
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-name,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-name,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-name{
    color: var(--c-white)
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-data,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-data,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-data{
    top: 12px
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-name .markets-team-name:first-child,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-name .markets-team-name:first-child,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-name .markets-team-name:first-child{
    width: 50%;
    text-align: right;
    margin: 0
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-name .markets-team-name:last-child,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-name .markets-team-name:last-child,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-name .markets-team-name:last-child{
    width: 50%;
    padding-left: 5px
}
.single-match-info .sports-match-header-wrapper.sport-soccer .markets-match-name .markets-team-name:first-child:after,
.single-match-info .sports-match-header-wrapper.sport-tennis .markets-match-name .markets-team-name:first-child:after,
.single-match-info .sports-match-header-wrapper.sport-basketball .markets-match-name .markets-team-name:first-child:after{
    margin: 0
}


.single-match-info .default-sport, 
.single-match-info .markets-competition-name, 
.single-match-info .markets-category-name {
    display: none
}
.single-match-info .match-statistics{
    width: 16px;
    height: 16px;
    background-image: url(/v2.025/r/images/wazza/icons/statistic-white-01.svg);
    display: block;
    background-size: contain;
}

.match-live-tracker {
    margin: 0
}

.single-match-info .markets-match-name {
    font-size: 13px;
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    line-height: 22px;
    margin: 8px 0;
    padding: 0 5px;
    color: var(--c-primary);
    order: 3;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    flex: 1 1 100%
}

.single-match-info .markets-match-data {
    order: 1;
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--c-white);
    font-size: 12px
}

.single-match-info .markets-match-data .markets-match-code:before {
    content: "#";
    margin: 0 5px
}

.single-match-info .match-time {
    margin-left: 5px;
    margin-bottom: 0;
    font-size: inherit;
}

.single-match-info .markets-match-name .markets-team-name:first-child {
    margin-right: 10px
}

.single-match-info .markets-match-name .markets-team-name:first-child:after {
    content: "-";
    margin-left: 10px
}

/* Market Group Tabs */
.match-market-group {
    margin: 10px 0;
    /* overflow-x: auto; */
    padding-bottom: 5px
}

.match-market-group .market-groups {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: auto;
    gap: 8px;
}

.match-market-group .market-groups ui-button {
    margin: 0;
    width: auto;
    flex: unset
}

.desktop .match-market-group .market-groups ui-button {
    padding-bottom: 5px
}

.match-market-group button {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    height: 35px;
    align-items: center;
    margin: 0 auto;
    border-radius: var(--r-border-radius-big);
    white-space: nowrap;
    padding: 0 20px;
    width: auto;
    border: 2px solid var(--c-emphasis-c);
    background-color: var(--c-background);
    color: var(--c-primary)
}

.match-market-group button:hover, 
.match-market-group button.button-active {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

/* Sports March Markets */
.match-market-search {
}

.match-market-filter-wrapper {
    position: relative;
    padding: 0 5px;
    margin: 0;
}

.match-market-filter-wrapper:before {
    content: "";
    background-image: url(/v2.025/r/images/site/icons/Search-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    width: 24px;
    height: 24px;
    margin: 0 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.match-market-filter-wrapper input {
    border: 2px solid var(--c-emphasis-c);
    border-radius: 20px;
    min-height: 38px;
    text-indent: 30px;
    box-shadow: var(--bs-);
    background-color: var(--c-background);
    color: var(--c-primary);
}

.match-market-filter-wrapper input::placeholder {
    color: var(--c-primary)
}

.sports-match-wrapper {
    position: relative;
}

.sports-match-wrapper > .toggle-all-expanded {
    display: flex;
    position: absolute;
    top: -28px;
    right: 8px;
    font-size: 0;
}

.desktop .sports-match-wrapper > .toggle-all-expanded {
    cursor: pointer
}

.sports-match-wrapper > .toggle-all-expanded:before {
    content: "";
    background-image: url(/v2.025/r/images/wazza/icons/icon-collapse-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    transition: all .3s ease-in-out;
    transform: rotate(-45deg);
    filter: invert(1);
}

.sports-match-wrapper > .toggle-all-expanded.all-closed:before {
    background-image: url(/v2.025/r/images/wazza/icons/icon-expand-white.svg);
}

.theme-dark  .sports-match-wrapper > .toggle-all-expanded:before,
.theme-dark .sports-match-wrapper > .toggle-all-expanded:before {
    filter: unset
}

.body .betbuilder-toggle {
    margin-bottom: 10px
}

.markets-content-wrapper .match-markets-wrapper {    
    display: flex;
    padding-top: 10px;
    flex-direction: column;
    border-radius: var(--r-border-radius-medium);
    background-color: transparent;
    overflow: hidden
}
.markets-content-wrapper .match-markets-wrapper .market-group {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    margin: 0 0 10px;
    cursor: pointer;
    border-radius: var(--r-border-radius-medium);
    overflow: hidden
}

.markets-content-wrapper .match-markets-wrapper .market-group .fake-market {
    width: 100%
}

.markets-content-wrapper .match-markets-wrapper .market-group-header {
    line-height: 18px;
    font-size: 14px;
    padding: 10px 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: var(--c-background-c);    
    border-top-left-radius: var(--r-border-radius-medium);
    border-top-right-radius: var(--r-border-radius-medium);
    filter: contrast(0.9)
}


.markets-content-wrapper .match-markets-wrapper .market-group-header .market-name {
    cursor: pointer
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .fav-market-button{
    margin-left: auto;
    background-image: url(/v2.025/r/images/wazza/icons/star-gray.svg);
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain;
    font-size: 0;
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .fav-market-button.selected{
    background-image: url(/v2.025/r/images/wazza/icons/star-yellow-outline.svg);
}
.theme-dark .markets-content-wrapper .match-markets-wrapper .market-group-header .fav-market-button{
    filter: invert(1);
}
 .theme-dark .mobile .markets-content-wrapper .match-markets-wrapper .market-group-header .fav-market-button{
    filter: unset
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
       border-top: 3px solid var(--c-w-b);
    border-right: 3px solid var(--c-w-b);
    transition: all 100ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(135deg);
    
   
}
.view-page-live-match .markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button{
    margin-left: auto
}

.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button.expanded {
    -webkit-transform: translate3d(0, 0%, 0) rotate(-45deg);
    transform: translate3d(0, 0%, 0) rotate(-45deg)
}

.markets-content-wrapper .match-markets-wrapper .match-market {
    display: flex;
    padding: 0;
    border: 0
}

.markets-content-wrapper .match-markets-wrapper .match-market .market-special {
       line-height: 33px;
    width: 100px;
    padding-left: 15px;
    border: 2px solid var(--c-background-b);
    background-color: var(--c-background-c);
    border-bottom: 0;
    border-right: 0;
    font-weight: bold;
    filter: contrast(0.9)
}


.markets-content-wrapper .match-markets-wrapper .match-market .market-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0
}

.markets-content-wrapper .match-markets-wrapper .match-market .market-content .market-correct-score {
    display: flex;
    flex-direction: column;
    flex: 0 0 33.333333%;
}

.markets-content-wrapper .match-markets-wrapper .match-market .market-content .market-correct-score .match-odd {
    flex: unset;
}

.markets-content-wrapper .match-odd {
    flex: 1 0 33.33333%;
    background-color: var(--c-background-c);
    border-color: var(--c-background-b);
    border: 2px solid var(--c-background-b);
    border-bottom: 0;
    border-right: 0;
    padding: 0 15px;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 50px;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    border-bottom: 2px solid var(--c-background-b)
}

.markets-content-wrapper .odds-selection-default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    border-radius: 0;
    letter-spacing: 0
}

.markets-content-wrapper .odd, .outrights-page .outright-markets .outright-odd {
    padding: 0;
    line-height: 33px;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px
}

.desktop .markets-content-wrapper .match-odd:hover, .desktop .outrights-page .outright-markets .outright-odd:hover {
    filter: brightness(0.9)
}

.markets-content-wrapper .odd-outcome {
    font-size: 12px;
    padding: 0;
    line-height: 33px;
    color: var(--c-emphasis-c)
}

.markets-content-wrapper .odds-bet-slip-selected {
    background-color: transparent
}

.markets-content-wrapper .match-odd.bet-slip-selected {
    color: var(--c-white);
    background-color: var(--c-emphasis-c)
}

.markets-content-wrapper .odds-bet-slip-selected {
     color: var(--c-white);
}

.markets-content-wrapper .odds-bet-slip-selected .odd-outcome {
    color: var(--c-white)
}


/*Market templates*/
#root .match-markets .match-market-template .match-market-has-special .special-value {
    display: none;
}

#root .match-markets .match-market-template .match-market-has-special .template-row-wrapper .market-template-row {
    display: flex;
    flex-direction: row;
}

#root .match-markets .match-market-template .match-market-has-special .template-row-wrapper .odds-selection-default .selection-opt-label {
    color: var(--c-white-e);
    padding: 4px;
    width: 100%;
}

#root .match-markets .match-market-template .match-market-has-special .market-template-row .item-cell:not(.empty-cell) {
    flex: 1;
    min-height: 36px;
}

#root .match-markets .match-market-template .match-market-has-special .market-template-row .item-cell:not(.empty-cell) .match-odd {
    padding: unset
}

#root .match-markets .match-market-template .match-market-has-special .template-row-wrapper .odds-selection-default.odds-bet-slip-selected .selection-opt-label {
    color: var(--c-white-e);
}

#root .match-markets .match-market-template .match-market-has-special .template-row-wrapper .odds-selection-default.odds-bet-slip-selected {
    background-color: var(--c-background);
}

#root .match-markets .match-market-template .match-market-has-special .template-row-wrapper .odds-selection-default {
    padding: 0 15px;
}

/************************************
          Sport Select Page
************************************/
.sports-select-page .main-content .nav-sports-header, .sports-select-page .main-content .nav-sport .nav-sport-icon, .sports-select-page .main-content .nav-tournament .nav-tournament-icon, .sports-select-page .main-content .nav-category-go-button .nav-category-number, .nav-sport.active + .nav-sport-panel .nav-category-wrapper:first-child:before {
    display: none
}

.sports-select-page .nav-featured-header .nav-featured-icon {
    background-image: url(/v2.025/r/images/wazza/icons/top-league-red.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 12px;
}

.theme-dark .sports-select-page .nav-featured-header .nav-featured-icon {
    background-image: url(/v2.025/r/images/wazza/icons/top-league-white.svg);
}

.sports-select-page .main-content .nav-sport-wrapper {
    background: transparent
}

.sports-select-page .main-content .nav-sport, .sports-select-page .main-content .nav-featured-header {
    display: flex;
    align-items: center;
    line-height: 36px;
    height: auto;
    color: var(--c-primary)
}

.sports-select-page .main-content .nav-sport.active {
    color: var(--c-primary)
}

.sports-select-page .main-content .nav-sport .nav-sport-name, .sports-select-page .main-content .nav-featured-header .nav-featured-name {
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: auto
}

.sports-select-page .main-content .nav-sport-select-all, .sports-select-page .main-content .nav-sport-remove-all, .sports-select-page .main-content .nav-featured-select-all, .sports-select-page .main-content .nav-featured-remove-all {
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 15px;
    padding: 0;
    cursor: pointer;
    background-color: transparent
}

.sports-select-page .main-content .nav-sport-select-all:hover, .sports-select-page .main-content .nav-sport-remove-all:hover, .sports-select-page .main-content .nav-featured-select-all:hover, .sports-select-page .main-content .nav-featured-remove-all:hover {
}

.sports-select-page .main-content .nav-category-wrapper, .sports-select-page .main-content .nav-featured-panel {
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    flex-direction: column
}

.sports-select-page .main-content .nav-featured-panel {
    flex-wrap: wrap;
    flex-direction: row
}

.sports-select-page .main-content .nav-category {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--c-primary)
}

.sports-select-page .main-content .nav-category .default-flag {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.sports-select-page .main-content .nav-category .category_checkbox {
    margin-left: auto
}

.sports-select-page .main-content .nav-category-go-button, .nav-sports.nav-sports-page button {
    background-color: var(--c-green);
    font-weight: 600;
    font-size: 11px;
    width: auto;
    padding: 3px 10px;
    margin: 0 10px;
    color: var(--c-white)
}

.sports-select-page .main-content .nav-category-panel {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.sports-select-page .main-content .nav-tournament-wrapper, 
.sports-select-page .main-content .nav-featured-panel .nav-feature {
    flex: 0 1 calc(33.3333% - 10px);
    display: flex;
    height: auto;
    align-items: center;
    margin: 5px;
    padding: 13px;
    background-color: var(--c-background);
    overflow: hidden;
}

.sports-select-page .main-content .nav-featured-panel .nav-feature .nav-feature-name {
    order: unset;
    margin-right: auto;
    font-size: 15px;
    color: var(--c-primary);
    cursor: pointer
}

.sports-select-page .main-content .nav-tournament-wrapper:not(.ng-star-inserted) {
    display: none
}

.sports-select-page .main-content .nav-tournament {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 15px;
    color: var(--c-primary)
}

.sports-select-page .main-content .nav-tournament .nav-tournament-favorite, .sports-select-page .main-content .nav-feature-favorite {
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0
}

.sports-select-page .main-content .nav-tournament .nav-tournament-name {
    cursor: pointer;
    margin-right: 10px
}

.sports-select-page .main-content .nav-tournament .nav-tournament-name:hover, 
.sports-select-page .main-content .nav-featured-panel .nav-feature .nav-feature-name:hover {
     color: var(--c-emphasis-c)
}

.sports-select-page .main-content .nav-tournament .tournament_checkbox {
    margin-left: auto
}

.nav-favorites-wrapper {
    color: var(--c-primary);
    background-color: transparent;
    font-size: 15px
}

.nav-favorites-wrapper .nav-favorites-header {
    height: auto;
    box-shadow: none;
    display: flex;
    padding: 10px 0;
    align-items: center
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-icon {
    display: none
}

.nav-favorites-wrapper .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    width: 20px;
    height: 20px;
    border-radius: 0;
    background-color: transparent
}

/* Desktop Sport Select Page */
/* Favorites Section */
.desktop .sports-select-page .main-content .nav-sports-page form > div {
    margin-bottom: 15px
}

.desktop .sports-select-page .main-content .nav-favorites-wrapper {
    border-radius: var(--r-border-radius-medium);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden
}

.desktop .sports-select-page .main-content .nav-favorites-header {
    background-color: var(--c-background);
    color: var(--c-primary);
    padding: 10px
}

.desktop .sports-select-page .main-content .nav-favorites-header > div {
    padding-right: 10px
}

.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-name {
    color: var(--c-primary);
    text-transform: uppercase;
    font-size: 14px
}

.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-toggle {
    border: solid var(--c-primary);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px
}

.desktop .sports-select-page .main-content .nav-favorites-header.expanded .nav-favorites-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}

.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-select-all {
    margin-left: auto
}

.desktop .sports-select-page .main-content .nav-favorites-header.expanded + .nav-favorites-panel {
    max-height: 9999px;
    transition: all .2s ease-in-out;
    background-color: var(--c-background)
}

.desktop .sports-select-page .main-content .nav-favorites-header:not(.expanded) + .nav-favorites-panel {
    transition: all .2s ease-in-out;
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.desktop .sports-select-page .main-content .nav-favorites-panel {
    display: flex;
    padding: 10px;
    flex-wrap: wrap
}

.desktop .sports-select-page .main-content .nav-favorites-panel > div {
    margin: 5px;
    padding: 0 5px;
    flex: 0 1 calc(33.333333% - 10px);
    box-shadow: none;
    overflow: hidden;
    font-weight: normal;
    line-height: 20px;
    border-radius: 0
}

.desktop .sports-select-page .main-content .nav-favorites-panel .nav-favorite-name:hover {
}

/* Featured Section */
.desktop .sports-select-page .main-content .nav-featured-wrapper {
    border-radius: var(--r-border-radius-medium);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden
}

.desktop .sports-select-page .main-content .nav-featured-header {
    background-color: var(--c-background-b);
    padding: 10px;
    line-height: unset;
    cursor: pointer
}

.desktop .sports-select-page .main-content .nav-featured-header.expanded + .nav-featured-panel {
    max-height: 9999px;
    transition: all .2s ease-in-out
}

.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-toggle {
    border: solid var(--c-text-primary);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: no-repeat
}

.desktop .sports-select-page .main-content .nav-featured-header.expanded .nav-featured-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}

.desktop .sports-select-page .main-content .nav-featured-header:not(.expanded) + .nav-featured-panel {
    transition: all .2s ease-in-out;
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-name {
    color: var(--c-primary);
    font-size: 14px
}

.sports-select-page .main-content .nav-featured-header .nav-featured-name {
    display: flex;
    align-items: center
}

.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel {
    background-color: var(--c-background-b);
    margin: 0;
}

.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel .nav-feature-name {
    overflow: hidden;
}

.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel .nav-feature-tournament {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
    line-height: 20px
}

/* Sports Section */
.desktop .sports-select-page .main-content .nav-sport-wrapper .nav-sport {
    box-shadow: none;
}

.desktop .sports-select-page .main-content .nav-sport-wrapper .nav-category-wrapper {
    padding: 0;
    border-radius: var(--r-border-radius-medium);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    overflow: hidden;
    background-color: var(--c-background-c);
    color: var(--c-primary)
}

.desktop .sports-select-page .main-content .nav-sport-wrapper .nav-category {
    margin: 0;
    padding: 10px;
    height: 100%
}

.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-toggle {
    border: solid var(--c-text-primary);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px
}

.desktop .sports-select-page .main-content .nav-category.active .nav-category-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}

.desktop .sports-select-page .main-content .nav-category .nav-category-toggle {
    border: solid var(--c-text-primary);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px;
    order: 5
}

.desktop .sports-select-page .main-content .nav-category .nav-category-icon {
    width: 19px;
    height: 19px
}

.desktop .sports-select-page .main-content .nav-category.active + .nav-category-panel {
    background-color: var(--c-background-b);
    padding: 10px
}

.info-header > app-widget-host {
    display: flex;
    flex-direction: row;    
    position: relative;
    align-items: center;
        justify-content: flex-end;
    gap: 15px;
}
.info-header > app-widget-host .outrights-link-btn-w{
    padding-right: 8px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
    color: var(--c-primary);
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid;
    padding: 5px;
    border-radius: var(--r-border-radius-small);
    margin: 0 15px;
    transition: all .3s ease-in-out
}
.info-header > app-widget-host .outrights-link-btn-w:hover{
    border-color: var(--c-emphasis-c);
    filter: brightness(0.8);
}
.info-header > app-widget-host .outrights-link-btn-w:before{
    content: "";
     background-image: url(/v1.259/r/images/wazza/icons/Outrights_Icon.png);
     background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block
}
.desktop .info-header .desktop-back {
    display: flex;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
    min-width: fit-content;
    height: 40px;
    justify-content: center;
    z-index: 2;
    padding: 0;
    position: unset;
    color: var(--c-white);
    min-width: 60px;
}

.desktop .info-header .desktop-back:hover {
    background-color: transparent;
}

.desktop .info-header .back:before {
    transform: unset;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 18px solid var(--c-emphasis-c)
}
.desktop .info-header .back a {
     display: flex;
    align-items: center;
    background-color: var(--c-emphasis-c);
    height: 34px;
    width: 100%;
    padding: 0 10px;
    color: var(--c-white)
}
.info-header .match-info {
    overflow: hidden;
    order: 0
}
.desktop .info-header .match-info {
    width: 100%
}
ul.match-breadcrumbs > li:first-child {
    margin: 0
}
.lang-fr ul.match-breadcrumbs > li:first-child {
    margin: 0
}
.info-header ul.sport-breadcrumbs, .info-header ul.match-breadcrumbs {
    margin-bottom: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    height: 50px;
    overflow-x: auto;
    margin: 0 10px
}
ul.match-breadcrumbs > li {
    margin-right: 5px
}
ul.match-breadcrumbs > li.sport-br:after, ul.match-breadcrumbs > li.category-br:after {
    margin-left: 5px;
    font-size: 20px;
    line-height: 10px;
    height: 14px
}
.info-header ul.match-breadcrumbs > li {
    font-size: 14px;
    display: flex;
    margin-right: -10px
}
.info-header ul.match-breadcrumbs > li.teams, .info-header ul.match-breadcrumbs > li.live-match-period-time {
    display: none
}
.info-header ul.match-breadcrumbs > li:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid var(--c-background-c);
    border-bottom: 17px solid var(--c-background-c);
    border-left: 18px solid transparent
}

.info-header ul.match-breadcrumbs > li:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 18px solid var(--c-background-c);
    margin: 0;
}

.info-header ul.match-breadcrumbs > li:nth-last-child(2) a span.br-name {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.info-header ul.match-breadcrumbs > li:nth-last-child(2):before {
    border-top: 18px solid var(--c-emphasis-c);
    border-bottom: 17px solid var(--c-emphasis-c)
}

.info-header ul.match-breadcrumbs > li:nth-last-child(2):after {
    border-left: 18px solid var(--c-emphasis-c)
}

.info-header ul.match-breadcrumbs > li a span.br-name {
    padding: 5px;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--c-background-c);
    color: var(--c-primary);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}

.info-header li.teams {
    display: none
}

.live-match-page .info-header ul.match-breadcrumbs li.sport-br, .live-match-page .info-header ul.match-breadcrumbs li.category-br, .live-match-page .info-header ul.match-breadcrumbs li.tournament-br {
    display: flex
}

/************************************
             Live Page
************************************/
.live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header, .outrights-page .events-sport-wrapper .events-sport-header {
    display: flex;
    background: transparent;
    padding: 0;
    color: var(--c-text-odds);
    font-size: 18px;
    text-transform: uppercase
}

.live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header {
    display: none
}

/*.desktop*/
.live-page .main-coupon-v1 .item-info-wrapper {
    flex: 1;
    width: 100%
}

/*
.desktop .live-page .main-coupon-v1 .match-markets-wrapper{
    width: calc(100% - 440px)
} */
.live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header .sport-icon,
.live-page .main-coupon-v1 .match-live-info .match-cards, 
.live-page .main-coupon-v1 .match-live-info .match-corners, 
.live-page .main-coupon-v1 .match-live-info .match-score-separator, 
.live-page .main-coupon-v1 .match-live-info .match-period, 
.live-page .main-coupon-v1 .match-info .match-minute, 
.live-page .main-coupon-v1 .match-info .match-locked,
.live-match-page .match-info-detailed .match-date-and-time > span.match-period {
    display: none
}

.live-page .main-coupon-v1 .item-info-wrapper {
    display: flex;
    align-items: flex-end
}

.live-page .main-coupon-v1 .item-info-wrapper .match-info .match-live {
    padding-right: 10px;
    font-weight: bold;
    order: 0;
    color: var(--c-emphasis-c);
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate
}

body .live-page .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info, 
body .left-sidebar .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    color: var(--c-primary);
    font-size: 14px
}
body .live-page .main-coupon-v1 .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info{
    min-width: 60px;
    width: 100%;
    align-items: center
}
body .live-page .main-coupon-v1 .events-sport-wrapper .events-item-wrapper.match-sport-tennis .item-info-wrapper > .match-live-info,
body .live-page .main-coupon-v1 .events-sport-wrapper .events-item-wrapper.match-sport-volleyball .item-info-wrapper > .match-live-info{

    min-width: 120px
}
body .live-page .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score-home {
}

body .live-page .left-sidebar .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score-home {
    margin: 0
}

.live-page .main-coupon-v1 .match-live-info .match-progress {
    order: 1;
    width: 100%;
    color: var(--c-primary);
    font-size: 15px;
    white-space: nowrap
}

.live-page .main-coupon-v1 .match-live-info .match-score-server-set-wrapper {
    order: 2;
    margin-left: 20px
}
.live-page .main-coupon-v1 .match-live-info .match-score{
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.live-page .main-coupon-v1 .match-links .match-statistics {
}
.theme-dark .main-coupon-v1 .match-links .match-statistics {
    background: url(/v2.025/r/images/wazza/icons/stats-white-old.svg) center center no-repeat;
}
.live-page .main-coupon-v1 .match-info .match-schedule {
    width: 45px
}

.live-page .match-live-tracker {
    width: 18px;
    height: 14px;
    background-size: contain;
    /* position: absolute; */
    top: -21px;
    right: -1px;
    background-color: var(--c-emphasis-b);
    /* background: url("/v2.025/r/images/bestbet/icon/tracker-white.svg") center center no-repeat */
}

.theme-dark .live-page .match-live-tracker {
    background-image: url(/v2.025/r/images/wazza/icons/tracker-white-old.svg)
}

.live-page .tracker-visible .match-live-tracker {
    background: url("/v2.025/r/images/bestbet/icon/tracker-green.svg") center center no-repeat;
}

.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper, .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper {
    display: flex;
    border-radius: 8px
}

.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper .match-score, .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper .match-score {
    padding: 3px 5px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px
}


.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores, .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores {
    display: block
}

.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper, .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper {
    display: flex;
    height: 100%
}

.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper .set-score, .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper .set-score {
    padding: 3px 5px;
}

.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper .set-score:last-child, 
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper .set-score:last-child {
    background-color: var(--c-background);
    color: var(--c-primary);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 5px
}


.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-game-score .match-game-scores-wrapper, 
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-game-score .match-game-scores-wrapper {
    padding: 3px 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}

.live-match-side-coupon .match-sport-tennis .match-live-info .match-game-score, .live-match-side-coupon .match-sport-volleyball .match-live-info .match-game-score {
    display: none
}

/************************************
         Live Match Page
************************************/
.live-match-page {
}

.match-set-scores {
    display: none
}

/* Breadcrumbs and Dropdown */
.live-match-page .beto-match-breadcrumbs {
    position: relative;
    width: 100%
}

.desktop .live-match-page .info-header {
    order: -2
}

.live-match-page .match-info-DropDown {
    order: -1
}

ul.match-breadcrumbs {
    flex-wrap: wrap
}

ul.match-breadcrumbs > li {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-primary);
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 15px;
    margin-bottom: 0
}

ul.match-breadcrumbs > li > a {    
}

ul.match-breadcrumbs > li > a:hover {

}

ul.match-breadcrumbs > li.sport-br:after, ul.match-breadcrumbs > li.category-br:after {
    /*   content: "\203A"; */
    /*    margin-left: 15px; */
    /*    font-size: 24px; */
    /*    line-height: 18px; */
    /*    height: 23px */
}

ul.match-breadcrumbs > li.teams {
    flex: 1 1 100%;
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    margin-right: 50px   
}
ul.match-breadcrumbs > li.teams .first-team:after {
    content: "vs";
    margin: 0 15px;
    font-size: 16px;
    text-transform: lowercase
}

ul.match-breadcrumbs > li.live-match-period-time {
    display: none
}

.live-match-page .other-matches.other-live-matches {
    width: 100%;
    display: flex;
    position: relative
}

.live-match-page .other-matches.other-live-matches button {
    position: absolute;
    right: 0;
    top: -47px;
    height: 30px;
    width: 50px;
    border: 0;
    background-color: transparent;
    color: var(--c-white);
}

.live-match-page .other-matches.other-live-matches button .ui-button-icon-left {
    background-image: url(/v2.025/r/images/site/icons/Arrow_Down.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s;
}

.other-live-matches:has(.dd-expanded) button .ui-button-icon-left {
    transform: rotate(180deg);
}

body .live-match-page .other-matches .ui-button.ui-button-icon-only .ui-button-text {
    background-color: var(--c-emphasis-c);
    border-radius: var(--r-border-radius-small)
}

.live-match-page .other-matches-overlay {
    width: 100%;
    max-height: 0;
    -moz-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    overflow: hidden
}

.live-match-page .other-matches-overlay.dd-expanded {
    max-height: 3000px;
    -moz-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

.live-match-page .other-matches-wrapper {
    overflow-x: hidden
}

@keyframes moveright {
    0% {
        left: -100%
    }

    100% {
        left: 0px
    }
}

.live-match-page .other-matches-wrapper .other-matches {
    width: 100%;
    position: relative;
    animation: moveright 1s;
    animation-direction: alternate;
    animation-fill-mode: both;
    color: var(--c-primary);
    margin-bottom: 4px;
    padding: 5px 10px
}


.live-match-page .other-matches-wrapper .other-matches:nth-child(1) {
    animation-delay: .2s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(2) {
    animation-delay: .4s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(3) {
    animation-delay: .6s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(4) {
    animation-delay: .8s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(5) {
    animation-delay: 1s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(6) {
    animation-delay: 1.2s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(7) {
    animation-delay: 1.4s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(8) {
    animation-delay: 1.6s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(9) {
    animation-delay: 1.8s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(10) {
    animation-delay: 2s
}

.live-match-page .other-matches-wrapper .other-matches:nth-child(n+11) {
    animation-delay: 2.2s
}

.live-match-page .other-matches-wrapper .other-matches .group-heading {
    color: var(--c-primary);
    padding: 0 5px 10px 5px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap
}

.live-match-page .other-matches-wrapper .other-matches .group-country-tournament-separator {
    margin: 0 5px
}
.live-match-page .other-matches-wrapper .other-matches .group-heading .group-tournament{
    display: flex;
    align-items: center;
    opacity: .7
}
.live-match-page .other-matches-wrapper .other-matches .group-heading .group-tournament:before{
    content: "("
}
.live-match-page .other-matches-wrapper .other-matches .group-heading .group-tournament:after{
    content: ")"
}

.live-match-page .other-matches-wrapper .other-matches .other-match {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    padding: 2px 10px;
    min-height: 30px;
    border-radius: var(--r-border-radius-medium);
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    background-color: var(--c-background-f);
    cursor: pointer;
    transition: color .3s ease-in-out;
    min-height: 55px
}
.live-match-page .other-matches-wrapper .other-matches .other-match:hover {
    color: var(--c-primary);
    transition: color .3s ease-in-out
}

.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container {
    order: 1;
    padding-right: 10px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px
}
.live-match-page .other-matches-wrapper .other-matches .other-match .live-score {
    order: 3;
    gap: 4px;
    transition: color .3s ease-in-out;
    display: flex;
    flex-direction: column
}



.live-match-page .other-matches-wrapper .other-matches .other-match:hover .live-score {
    color: var(--c-emphasis-c);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress {
    order: 1;
    margin-right: 15px;
    width: 38px
}

.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress .match-period {
    display: none
}

.desktop-back {
    position: absolute;
    /*top: -5px; */
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1;
   /* background-color: var(--c-background); */
    border-radius: var(--r-border-radius-medium)
}

.desktop .desktop-back {
    top: 22px;
    left: 16px
}

.desktop-back:hover {
    background-color: var(--c-background)
}

.desktop-back a {
    color: var(--c-primary)
}

.desktop-back:hover a {
   
}

.desktop-back:before {
    content: "";
    border: solid var(--c-emphasis-c);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right: 5px
}

.desktop-back:hover:before {
    border: solid var(--c-emphasis-c);
    border-width: 0 2px 2px 0
}

/* Match Tracker and Stats */
.window-tabs.bet-construct-tabs {
    background-color: var(--c-border-sport-coupon);
    color: var(--c-text-header-menu);
    line-height: 42px;
    height: 42px;
    border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
    overflow: hidden
}

.window-tabs.bet-construct-tabs .window-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold
}

.window-tabs.bet-construct-tabs .window-tab.tab-selected {
    background-color: var(--c-background-login-input);
    color: var(--c-text-betslip-button-bet)
}

.window-tabs.bet-construct-tabs .window-tab:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.window-tabs.bet-construct-tabs .window-tab:first-child:before {
    background: url(/v2.025/r/images/site/icons/MatchTracker-Off.svg) center center no-repeat
}

.window-tabs.bet-construct-tabs .window-tab:last-child:before {
    background: url(/v2.025/r/images/primebet/icons/tracker-stats-white.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}
.desktop .home-active .right-sidebar .iframe-container,
.desktop.view-page-home-highlights .right-sidebar .iframe-container{
    display: none
}
.right-sidebar .iframe-container {
    display: block;
    margin-bottom: 15px
}

.iframe-container > iframe {
    border-radius: var(--r-border-radius-big);
    overflow: hidden;
    box-shadow: 1px 1px 5px rgb(0,0,0, .1);
    height: 229px;
}

.live-match-tracker {
    height: 210px;
    border-bottom-left-radius: var(--r-border-radius-big);
    border-bottom-right-radius: var(--r-border-radius-big);
    overflow: hidden;
    margin-bottom: 15px
}

.live-match-page .match-info-detailed {
    display: flex;
    margin: 10px auto 0;
    width: 100%;
    max-width: 600px;
    justify-content: center
}

.live-match-page .match-info-detailed .sports-match-header-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 15px 0
}
 .match-info-detailed .match-header-content-wrapper{
    width: 100%
}
.live-match-page .match-info-detailed .markets-match-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    border-radius: var(--r-border-radius-medium);
    box-shadow: var(--bs-)
}

.live-match-page .match-info-detailed .markets-match-live-info-wrapper {
    display: flex;
    align-items: flex-end;
    order: 3;
    background-color: var(--c-background);   
    padding: 10px;
    border-radius: var(--r-border-radius-medium);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#root .live-match-page .match-info-detailed .live-match-server-title {
    display: flex;
    color: var(--c-background-header);
}

.live-match-page .match-info-detailed .live-match-server-title:before {
        content: "";
    background-color: var(--c-emphasis-c);
    width: 15px;
    height: 15px;
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--c-emphasis-c);
    margin: 0 5px;
    -webkit-animation: pulse 1s infinite alternate;
    -moz-animation: pulse 1s infinite alternate;
    -ms-animation: pulse 1s infinite alternate;
    -o-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate
}

@-webkit-keyframes pulse {
    from {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.live-match-page .match-info-detailed .match-date-and-time {
    order: 2;
    color: var(--c-text-header);
    background-color: var(--c-emphasis-b);
    padding: 5px 10px
}

.live-match-page .match-info-detailed .match-date-and-time > span {
    padding-right: 10px;
    color: var(--c-white)
}
.live-match-page .match-info-detailed .match-date-and-time > span.match-period {
    display: none;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper app-goals, .live-match-page .match-info-detailed .markets-match-live-info-wrapper > div {
    padding-right: 10px;
    text-align: center
}

.live-match-page .match-info-detailed .markets-match-live-info-wrapper app-goals {
    margin-left: auto
}

.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name {
    text-align: left
}

.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-set-scores, 
.live-match-page .match-info-detailed .markets-match-data .markets-match-code {
    display: none
}

.live-match-page .match-info-detailed .markets-match-data {
    display: flex;
    align-items: center;
    order: 1;
    background-color: var(--c-background);    
    padding: 10px 0;
    border-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.live-match-page .match-info-detailed .markets-match-data > div {
    margin: 0 5px
}
.live-match-page .match-info-detailed .markets-match-data .match-statistics {
    margin-left: auto
}

.theme-dark .live-match-page .match-info-detailed .markets-match-data .match-statistics {
    background: url(/v2.025/r/images/tipster/icons/stats-white.svg) center center no-repeat;
}


/* live match header */

.live-match-page .match-info-detailed .sport-soccer .markets-match-live-info-wrapper .live-match-set-scores{
    display: block
}
.live-match-page .sport-soccer .live-match-set-scores .set0{
    display: flex; 
    flex-direction: column
}
.live-match-page .sport-soccer .live-match-set-scores .set1{
    display: none
}
.markets-match-live-info-wrapper .live-title:not(.live-match-server-title){
    margin-top: -30px;
   /* margin-bottom: 20px;*/
}
.sport-soccer .markets-match-live-info-wrapper .live-title {
    background-image: url(/v2.025/r/images/wazza/icons/match-icons-sprite.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 30px;
    font-size: 0;
    margin-top: -30px;
    /* margin-bottom: 20px; */
    min-height: 21px
}
.sport-soccer .markets-match-live-info-wrapper .live-match-name-title{
    background-image: unset;
    min-height: unset;
}
.sport-soccer .markets-match-live-info-wrapper .live-match-set-scores-title{
    background-image: unset;
    margin-top: -30px;
}
.sport-soccer .markets-match-live-info-wrapper .live-match-set-scores-title:after{
    content:"HT";
    font-size: 12px;
    font-weight: bold;
    color: white
}
.markets-match-live-info-wrapper .live-match-score-title{
    background-position: 5px -280px;
}
.markets-match-live-info-wrapper .live-match-yellow-cards-title{
     background-position: 5px -34px
 }
 
.markets-match-live-info-wrapper .live-match-red-cards-title{
     background-position: 5px -69px
 }
.markets-match-live-info-wrapper .live-match-corners-title{
     background-position: 5px 1px;
     filter: brightness(0) saturate(100%) invert(83%) sepia(93%) saturate(474%) hue-rotate(9deg) brightness(94%) contrast(85%);
 }
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-score-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-score-away,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-set > span,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-yellow-cards-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-yellow-cards-away,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-red-cards-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-red-cards-away,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-corners-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-corners-away,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .game-score-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .game-score-away{
     width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-score-home,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-score-away{
    background-color: var(--c-emphasis-c);
    font-weight: bold;
    color: var(--c-white);    
}


/* other sports fixes */
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .markets-match-live-info-wrapper .live-match-set-scores{
    display: block
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-match-set-scores-title{
    display: none
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-match-sets-wrapper{
    display: flex;
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set:before{
    content: "1st";
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: white;
    margin-top: -30px;
    min-height: 20px;
    width: 30px;
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set1:before{
    content: "2nd";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set2:before{
    content: "3rd";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set3:before{
    content: "4th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set4:before{
    content: "5th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set5:before{
    content: "6th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set6:before{
    content: "7th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set7:before{
    content: "8th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set8:before{
    content: "9th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set9:before{
    content: "10th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .live-match-set-scores .live-set.set10:before{
    content: "11th";
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .markets-match-live-info-wrapper .live-title{
    color: white;
    min-height: 21px;
    font-weight: bold
}
.live-match-page .match-info-detailed .sports-match-header-wrapper:not(.sport-soccer) .markets-match-live-info-wrapper .live-match-game-score-title.live-title{
    width: 38px;
    overflow: hidden;
    white-space: nowrap;
}

.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name .team-home, .live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name .team-away {
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
}

/************************************
           Outrights Page
************************************/
.outrights-page {
}

.outrights-page .main-content {   
    font-size: 15px;
    position: relative
}

.outrights-top {
    /*position: absolute;
    top: 0*/
}

.outrights-page .sports-filter {
}

.outrights-page .sports-filter > li {
}

.outrights-page .sports-filter > li > span {
    max-width: unset
}

.outrights-page .sports-filter .icon-sport, .outrights-page .sports-filter .matches-counter, .outrights-page .events-sport-wrapper .events-sport-header .sport-icon, .outrights-page .events-sport-wrapper .events-sport-header .event-sport-counter, .outrights-page .events-sport-wrapper .match-type .default-sport, .outrights-page .events-sport-wrapper .match-type .match-sport {
}

.outrights-page .events-sport-wrapper .match-type .match-sport, .outrights-page .events-sport-wrapper .match-type .match-category, .outrights-page .events-sport-wrapper .events-sport-header {
    display: none
}

.outrights-page .events-sport-wrapper .events-sport-header .events-sport-name-wrapper {
    margin-right: 0;
    width: 100%
}

.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.outrights-page .events-sport-wrapper .events-category-header-outrights {
    display: flex;
    align-items: center;
    padding: 10px 0;
    cursor: pointer
}

.outrights-page .events-sport-wrapper .tournament-header-wrapper .events-category-tournament-names {
    margin-left: 10px
}

.outrights-page .events-sport-wrapper .toggle-button, 
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a {
    margin-left: auto;
    display: flex;
    font-size: 40px;
    transform: rotate(45deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 8px;
    height: 8px;
    align-items: flex-start;
    border: solid var(--c-primary);
    border-width: 0 2px 2px 0;
}

.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a {
    display: initial;
    margin-left: 0
}

.outrights-page .events-sport-wrapper .toggle-button.expanded, .outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a.collapse {
    transform: rotate(-135deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.outrights-page .events-sport-wrapper .toggle-button:after, .outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a:after {
    width: 8px;
    height: 8px;
    align-items: flex-start;
    border: solid var(--c-text-primary);
    border-width: 0 2px 2px 0;
    content: "";
    display: none
}

.outrights-page .events-sport-wrapper .match-info {
    display: flex;
    line-height: 20px;
}

.outrights-page .events-sport-wrapper .match-type {
    height: auto;
    display: flex
}

.outrights-page .events-sport-wrapper .match-type .match-category {
    margin-right: 5px
}

.outrights-page .events-sport-wrapper .match-type .match-tournament:after {
    content: "-";
    margin: 0 10px
}

.outrights-page .events-tournament-content .events-tournament-wrapper > app-breaks-events-item {
    color: var(--c-text-primary);
    background-color: var(--c-background-primary);
    display: flex;
    padding: 10px;
    margin-bottom: 15px;
    flex-direction: column
}

.outrights-page .outrights-item {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    margin: 10px 5px;
    cursor: pointer;
    box-shadow: var(--bs-);
    padding: 0 8px;
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-background-b)
}

.outrights-page .outright-markets {
    display: flex;
    flex-wrap: wrap
}

.outrights-page .outright-markets .outright-competitor {
    flex: 0 1 calc(33.3333% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px;
    padding: 13px;
    background-color: var(--c-background-b);
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    border-radius: var(--r-border-radius-medium);
    cursor: pointer
}
.outrights-page .outright-markets .outright-competitor:hover{
    filter: brightness(0.95)
}

.outrights-page .outright-markets .outright-competitor.bet-slip-selected {
    color: var(--c-white);
    background-color: var(--c-emphasis-c);
    font-weight: bold
}



/************************************
              Page 404
************************************/
.page-404 {
    padding-top: 30px;
    color: var(--c-primary);
    background-color: var(--c-background);
    border-radius: var(--r-border-radius-big);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    text-align: center
}

.title-404 {
    background-image: url(/v2.025/r/images/site/page-404.gif);
    height: 400px;
    background-position: center;
    font-size: 80px;
    line-height: 80px
}

.content-404 {
    margin-top: -30px
}

.sub-title-404 {
    font-size: 50px;
    line-height: 50px;
    font-size: 40px;
    line-height: 50px
}

.text-404 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px
}

.button-404 {
     color: var(--c-white);
    padding: 15px 30px;
    background: var(--c-green);
    margin: 30px auto;
    display: inline-block;
    border-radius: var(--r-border-radius-big);
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer
}

.desktop .button-404:hover {
    background: var(--c-background-header-menu)
}

/************************************
          Virtuals Page
************************************/
.virtual-page {
    width: 100%
}

.virtual-page iframe {
    min-height: calc(100vh - 180px);
    height: 3500px
}





/************************************
            Livescore
************************************/


.livescore-page .body{
    margin: 0
}
.livescore-page .left-sidebar{
    padding-top: 20px
}
.livescore-page .live-scores iframe{
    min-height: calc(100vh - 160px);
}
.os-ios .livescore-page .live-scores iframe{
    min-height: calc(100vh - 250px);
}


/************************************
            Wazaa Wheel
************************************/


#root .play-and-win-page .wheel-container-wrap app-widget-host{
    width: 100%;
    height: 100%;
    display: inherit;
    flex-direction: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-wrap: inherit;
    flex: inherit;
    gap: inherit
}
.play-and-win-page .wheel-container-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 56px;
    margin: 0 22px;
    padding: 30px 0
}
.play-and-win-page .tocken-logo{
    flex: 1 1 100%;
    text-align: center
}
.play-and-win-page .tocken-logo img{
    max-width: 300px;
    height: 100%;
    object-fit: cover
}

.play-and-win-page .wheel-games{
    display: flex;
    flex-direction: column;
    border-radius: var(--r-border-radius-large);
    overflow: hidden;
    flex: 1 1 calc(50% - 23px);
    max-width: 470px;
    box-shadow: 0 2px 4px 0 rgba(39, 0, 0, 0.25)
}
.play-and-win-page .wheel-games .top-part{
    background-color: var(--c-emphasis-c);
    aspect-ratio: 16 / 5
}
.play-and-win-page .wheel-games .bottom-part{
    background-color: var(--c-white);
    padding: 20px 16px 20px 22px;
    box-shadow: 0 -4px 5px 0 rgba(39, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    align-items: center
}
.play-and-win-page .wheel-games .tocken-type-label{
    color: var(--c-background-e);
    font: var(--t-title-medium-bold);
    line-height: 1.3
}
.play-and-win-page .wheel-games .spend-label{
    color: var(--c-background-e);
    font: var(--t-title);
    line-height: 1.3
}
.play-and-win-page .spend-action .promo-button{
    background-color: transparent;
    font-size: 0
}
.play-and-win-page .five-games .spend-action .promo-button:before{
    content: "";
    background-image: url(/v2.238/r/images/wazaa/icon/Wazaa_Coin_Transparent.png);
    background-position: center;
    width: 115px;
    height: 31px;
    display: block;
    background-repeat: repeat-x;
    background-size: calc(100% / 5) auto
}

.play-and-win-page .one-game .spend-action .promo-button:before{
    content: "";
    background-image: url(/v2.238/r/images/wazaa/icon/Wazaa_Coin_Transparent.png);
    width: 23px;
    height: 23px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}