/************************************
              Global 
************************************/

html, body{
    padding: 0;
    margin: 0;
    font-family: 'Roboto', 'Arial', sans-serif;
    /* z-index: -1; */
    background-color:var(--body-footer-color);
    scroll-behavior:smooth;
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Tahoma, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Open Sans", sans-serif !important;
}
body *{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Tahoma, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Open Sans", sans-serif !important;

}
body .ui-widget{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Tahoma, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Open Sans", sans-serif;

}
body#root > img {
    display:none;
}
img {
    width:100%;
    height:auto;
}
html {
    background:var(--c-primary-d)
}
body .body{
    max-width:var(--site-max-width)!important;
    /* margin:0 auto; */
    /* flex: 1 1 100%; */
}

app-widget-host {
    display: flex;
    flex-direction: column
}
body a{
    color: var(--c-emphasis-c)
}
body a:hover {
    color: var(--c-primary)
}
ul{
    margin: 0;
    padding: 0;
    list-style: none
}
body .content-loader{
    width: 100%;
    height: 100%
}
body .content-loader:before {
    background-color: var(--body-footer-color);
}
body .content-loader:after, 
body .content-loader:not(:required):after {
    height: 150px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/v1.190/r/CASA_Icon_Trans_500x400.png);
    animation: none;
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-box-shadow: none;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    -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
}
@-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;
    }
} 
.m-loader{
    background-color: var(--c-background);
    position: relative;
}
.m-loader{
    z-index: 2
}

/* Main Grid */

.site{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    background-color: var(--c-primary-d);
}
.site > app-widget-host,
app-load > app-widget-host > app-block:first-of-type > app-widget-host{
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    background-color: var(--primary-divider-color)
}
.body{
    width: 100%;
    max-width: 1840px;
    /* margin: 0 auto 60px; */
    display: flex;
    /* margin-top: 56px; */
    /* min-height: calc(100vh - 169px); */
}
.left-sidebar{
    width: 250px;
    min-width: 250px;
    /* background-color: var(--c-primary-d); */
    padding-left: 20px
}
.right-sidebar{
    width: 420px;
    min-width: 420px;
    padding-right: 20px
}
.main-content{
    width: 100%;
    max-width: calc(100% - 710px);
    margin: 0 20px;
    position: relative
}
.main-content.no-left-sidebar{
    max-width: calc(100% - 460px)
}
.main-content.no-right-sidebar{
    max-width: calc(100% - 290px)
}
.main-content.no-left-sidebar.no-right-sidebar{
    max-width: 100%
}
::-webkit-scrollbar {
    height:4px;
    width: 4px;
    display:none;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--c-emphasis-c);
   
}
::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
    
}
.d-loader{
    margin: 70px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pt-20{
    padding-top: 20px
}
app-widget-host > span {
    display: none
}
#root .desktop .body :hover, 
#root .desktop .body :hover, 
#root .desktop .body .content:hover {
    scrollbar-color: var(--c-emphasis) var(--c-primary-b);
}
#root .desktop .body, 
#root .desktop .body, 
#root .desktop .body .content {
    scrollbar-width: thin;
    scrollbar-color: var(--c-thin-b) var(--c-primary-b);
}
button,
button:hover{
    border: 0
}

/************************************
          Featured League 
************************************/
/*
.sports-featured-block{

}
.featured-leagues-header{
    background-color: var(--body-footer-color)
}
.featured-leagues-header .featured-leagues-toggle{
    display: none
}
.featured-leagues-content{
    display: flex !important;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px 10px;
    gap: 10px;
    background-color: var(--body-footer-color)
}
.featured-leagues-content .featured-league{
    height: auto
}
.featured-leagues-content .featured-league a{
     min-width: 175px;
    text-align: center;
    border-radius: 25px 15px 4px 25px;
    background-color: var(--c-background);
    border-bottom: 3px solid var(--primary-success-color);
    min-height: 45px;
    height: 100%;
    position: relative;
    padding-right: 13px
}
#root .featured-leagues-content .featured-league .featured-league-category{
    position: absolute;
    left: 0;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin: 0;
    border: 3px solid var(--primary-success-color);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center
}
.featured-leagues-content .featured-league .featured-league-name{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 42px;
    color: var(--c-black-e)
}
.featured-leagues-content .featured-league .featured-league-sportcode{
    display: none
}
.featured-leagues-content .featured-league .featured-league-sport{
    display: none
}*/
/************************************
          Sport Coupons
************************************/

.main-content .section-title,
div[class*=mobile] .events-sport-coupon-title{
    font-size: 18px;
    text-align: center;
    color: var(--c-black-e);
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 10px;
   background-color:var(--c-background)
}
.main-content .section-title div:after{
    content: '';
    background-image: linear-gradient(90deg, var(--c-primary-c),transparent,transparent,var(--c-primary-c));
    align-items: center;
    display: none;
    position: relative;
    height: 8px;
    width: 100%;
    margin-top: -12px;
    margin-bottom: 4px;
    z-index: 0;
    border-radius: 4px;
}
.account .main-content .section-title {
    text-align:left;
}
.main-coupon-v1{
    display: block;
    color: var(--c-white-e);
}
.main-coupon-v1 .events-sport-content{
    position: relative;
    background-color: hsla(0, 0%, 100%, .07);
    border-radius: 12px;
    margin: 0 5px 25px
}
.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: 10px;
}
.main-coupon-v1 .markets-header-wrapper{
    padding: 0;
    width: 100%;
}
.sort-by-Date .markets-header-wrapper {
    padding: 5px 12px;
    padding-right:6px;
}
.main-coupon-v1 .markets-header-wrapper .market-type-selection{
    margin-left: 0;
    text-align: center;
    width: 55px;
    /* height: 30px; */
    margin-right: 6px;
    font-weight: bold;
}
.main-coupon-v1 .markets-header-wrapper .market-type-selection.mt-special{
    /* width: 46px; */
}
.main-coupon-v1 .tournament-header-wrapper{
    display: flex;
    padding: 10px 0;
    /* background-color: var(--c-emphasis); */
}
.main-coupon-v1 .by-date-by-minute.first-tournament-heading .events-tournament-wrapper:first-child .tournament-header-wrapper {
    top: 0px;
    position:absolute;
}
.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 .by-date-header-wrapper .event-date-break-wrapper-new{
    display: none;
}
.main-coupon-v1 .sort-by-Date .by-date-header-wrapper{
    position: unset;
    padding: 0px;
    min-height: 45px;
    background-color: hsla(0, 0%, 100%, .07);
}
.main-coupon-v1 .sort-by-Date .event-date-break-wrapper-new{
    display: none;
    font-size: 20px;
    font-weight: bold;
    color: var(--c-black-e);
}
.main-coupon-v1 .sort-by-Date .event-date-break-wrapper-new .date-without-time{
    text-transform: capitalize
}
.main-coupon-v1 .sort-by-Date .event-date-break-wrapper-new .date-with-time{
    display: none
}
.main-coupon-v1 .sort-by-Date app-market-headings-container{
    /* position: absolute; */
    top: 33px;
    right: 0
}
.main-coupon-v1 .events-item-wrapper .match-schedule .match-total-markets {
    order:3;
    margin-left:5px;
    font-size:11px;
    display: none;
}
.main-coupon-v1 .sort-by-League .events-tournament-wrapper{
    display: block;
    /* padding-bottom: 10px; */
}
.main-coupon-v1 .sort-by-League .events-tournament-wrapper:not(:last-child) {
    margin-bottom:5px;
}
.market-drop-down-heading select,
.market-drop-down-heading .market-heading{
    /* background-color: var(--c-primary); */
    color: var(--c-black-e);
    border-radius: 15px;
    /* min-height: 30px; */
    padding-left: 5px;
    font-size: 12px;
    display: flex;
    border-color: transparent;
    align-items: center;
    justify-content: center;
    transition: none;
}
.sort-by-container + .beto-sports-coupon,
.dark-container + .beto-sports-coupon{
    position:relative;
    /* z-index: 1; */
    margin-top: -50px;
}
.view-page-sports.mobile  .sports-page-coupon .events-sport-header + div{
    margin-top:-20px;
}
.sort-by-container + .beto-sports-coupon .market-drop-down-heading select,
.dark-container + .beto-sports-coupon .market-drop-down-heading select,
.sort-by-container.dark + .beto-sports-coupon .market-drop-down-heading .market-heading,
.dark-container + .beto-sports-coupon .market-drop-down-heading .market-heading{
    /* position:absolute; */
    top: -42px;
    right: 10px;
    z-index: 21;
}
.sort-by-container + .fixed.beto-sports-coupon .market-drop-down-heading select {
    /* position:fixed; */
    z-index:21;
    /* top:106px; */
    /* right:10px; */
}
div[class*=mobile] .sort-by-container + .beto-sports-coupon .events-sport-header,
div[class*=mobile] .dark-container + .beto-sports-coupon .events-sport-header{
    margin: 0px;
}
.sort-by-container.no-filter + .beto-sports-coupon {
    margin-top:0px;
}
.upcoming-active .dark-container + .beto-sports-coupon .market-drop-down-heading select {
    right:10px;
} 
.dark-container {
    background-color:var(--body-footer-color);
}
.sort-by-container.dark + .beto-sports-coupon .market-drop-down-heading select,
.dark-container + .beto-sports-coupon .market-drop-down-heading select,
.sort-by-container.dark + .beto-sports-coupon .market-drop-down-heading .market-heading,
.dark-container + .beto-sports-coupon .market-drop-down-heading .market-heading{
    /* background-color:var(--c-primary-d); */
    color: var(--c-white-e);
    letter-spacing:1px;
    padding-right: 25px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0;
}
.sort-by-container.dark + .beto-sports-coupon .market-drop-down-heading select,
.dark-container + .beto-sports-coupon .market-drop-down-heading select {
    appearance:none;
    background-image:url(/v1.111/r/images/accessbet/icons/ant-design_caret-left-outlined_white.svg);
    background-repeat:no-repeat;
    background-position:100% 50%;
    background-size:18px;
    width:80px;
    color: var(--c-black)
}
.sort-by-container.sports-today ~ .beto-sports-coupon,
.sort-by-container.search-sort ~ .beto-sports-coupon{
    margin-top:unset
}
.events-sport-header .market-drop-down-heading{
    text-align: center;
    color: var(--c-black-e);
    margin-left:12px;
}
.events-sport-header .market-drop-down-heading.opt-2 {
    width:122px;
}
.events-sport-header .market-drop-down-heading.opt-3 {
    width:176px;
}
.main-coupon-v1:not(.sports-coupon) .events-sport-header .market-drop-down-heading {
    width: fit-content;
    display: none    
}
.main-coupon-v1:not(.sports-coupon) .events-sport-header .market-drop-down-heading:has(.no-other-markets){
    transform: translateY(25px);
}
div[class*=mobile] .market-0:not(:last-child) .market-heading {
    display:block
}
div[class*=mobile] .market-0:not(:last-child) ~ .market-drop-down-heading .market-heading {
    display:block
}
.main-coupon-v1 .item-info-wrapper{
    min-width: 277px;
    width: 100%;
    padding: 5px 15px 0 0;
    /* border-right: 1px solid var(--c-tint); */
    margin: 5px 5px 0 0
}
.desktop .main-coupon-v1 .match-type {
    display:none
}
.main-coupon-v1 .events-item-wrapper{
    display: flex;
    position: relative;
    /* margin-bottom: 10px; */
    padding: 0 12px;
    padding-right:13px;
    min-height: 65px;
    border-radius: var(--r-sm);
    cursor: pointer;
    /* margin-bottom:5px; */
    border-bottom: 1px solid var(--c-primary-b);
}
.hover .main-coupon-v1 .events-item-wrapper:hover{
}
.beto-sports-coupon .events-tournament-wrapper .events-item-wrapper:not(:last-child){
    margin-bottom: 5px;
}
#root .beto-sports-coupon .events-tournament-wrapper:last-child .events-item-wrapper:last-child{
    border: 0
}
.beto-sports-coupon .sort-by-Date .events-tournament-wrapper .events-item-wrapper:first-child {
    margin-top:5px;
}
.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%;
}
.main-coupon-v1 .match-info .match-schedule{
    display: flex;
    flex-wrap: wrap;
    margin-right: 20px;
    height: 16px;
    width: 80px;
    min-width: 80px;
    align-items: center
}
.main-coupon-v1 .match-info .match-schedule .match-date{
    margin-right: 5px;
    font-size: 11px
}
.main-coupon-v1 .match-info .match-schedule .match-time,
.main-coupon-v1 .match-info .match-schedule .match-code{
    font-size: 11px;
    padding-left: 1px
}
.main-coupon-v1 .match-info .match-schedule .match-code {
    order:-1;
    width: 100%;
}
.main-coupon-v1 .match-info .match-schedule .match-code:before,
.bet-match-code:before{
    content: "#"
}
.main-coupon-v1 .match-info .match-teams {
    white-space: nowrap;
    overflow: hidden;
    color: var(--c-white-e);
}
.main-coupon-v1 .match-info .match-teams .match-home-team{
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}
.main-coupon-v1 .tournament-header-wrapper .events-category-flag.default-sport.soccer{
  /*  background-image: url(/v1.01/r/images/tipster/icons/football-icon.svg); */
  height: 15px;
  width: 15px;
  background-size: contain;
  display: none;
}
.main-coupon-v1 .events-category-tournament-names{
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    flex-direction: column;
    align-items: flex-start;
    max-width: 150px;
}
.main-coupon-v1 .events-category-tournament-names .events-category-name{
    /* padding: 0 10px; */
    padding-left: 0px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}
.main-coupon-v1 .events-category-tournament-names .events-category-name::after {
    /* content:"-"; */
    margin:0 4px;
}
.main-coupon-v1 .events-category-tournament-names .events-tournament-name{
    color: var(--c-white-r);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    line-height: 15px;
    width:100%;
    font-weight: normal;
}

.main-coupon-v1 .match-markets-wrapper{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px 0;
    flex: 0;
}
.main-coupon-v1 .match-markets-wrapper .match-market{
    margin-left: 12px;
}
.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;
    display: block;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    width: 49px;
    height: 41px;
    margin-right: 2px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
}
/*.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; */
}
/*.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%;
    border-radius: 6px;
}
/*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected{
    background: var(--primary-info-color);
    color:var(--c-black-e)
    
}
/*.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
}
.hover .main-coupon-v1 .match-markets-wrapper .match-odd:hover{
}
.main-coupon-v1 .match-markets-wrapper .market-special,
/*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd.market-special{
    line-height: 40px;
    display: block;
    text-align: center;
    font-weight: bold;
    width: 55px;
    height: 41px;
    margin-right: 6px;
    padding-right: 2px;
    background: transparent
}
/*.desktop*/ .match-markets-wrapper .match-odd.odd-locked{
    background-size:20px;
    filter: invert(1);
    border: 0
}
.match-page .match-markets-wrapper .match-odd.odd-locked,
.live-match-page .match-markets-wrapper .match-odd.odd-locked{
    /* border: 2px solid var(--c-primary); */
    border-bottom: 0;
    border-right: 0;
    min-height: 35px;
}
/*.desktop*/ .main-coupon-v1 .match-links{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    /* position: absolute; */
    /* height: 16px; */
    left: 10px;
    bottom: 0;
    margin-bottom: 10px;
    flex: 1;
    order: 0;
}

.main-coupon-v1 .match-links .match-statistics{
    background: url(/v1.071/r/images/accessbet/icons/ion_stats-chart.png) center center no-repeat;
    height: 16px;
    width: 16px;
    margin:0px 15px;
}
.main-coupon-v1 .match-more-markets{
    color: var(--c-white-r);
    height: auto;
    line-height: 14px;
    width: 32px;
    font-size: 12px
}
.main-coupon-v1 .events-tournament-header{
    background-color: transparent;
    height: auto;
    width: 370px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden
}
.events-no-matches{
    color: var(--c-white-e);
    background-color:var(--body-footer-color);
}
.main-coupon-v1 .events-no-matches{
    text-align: center;
    padding: 30px 0;
    /* font-size: 20px; */
}
.match-favorite{   
    height: 14px;
    width: 14px;   
    opacity: 1;
    margin-right: 4px   
}

body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd div[class*=mobile]-outcome{
    display: block;
    color: var(--c-black-e)
}
body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected div[class*=mobile]-outcome{
    color: var(--c-white)
}

/* Inline Sports Filter */

.home-today{
    margin: 60px 0
}
.sports-filter{
    display: flex;
    background-color: transparent
}
.sports-filter > li{
    position: relative;
    flex-direction: row;
    /* min-width: 100px; */
    /* height: 65px; */
    margin-right: 4px;
    margin-bottom: 5px;
    padding: 6px 15px;
    padding-left:8px;
    border-radius: 20px;
    min-height: 28px;
    /* background-color: var(--c-shade); */
    /* box-shadow: var(--bs-primary-b); */
}
.sports-filter > li.selected{
    color:var(--c-white-e);
    background: transparent
}
.dark .sports-filter > li.selected {
    background:transparent;
}
.sports-filter > li.selected span {
    color:var(--c-white-e);
    background-color: transparent!important;
}
.sports-filter > li.selected .icon-sport {
    filter:invert(0);
    
}
.hover .sports-filter > li:hover{
 background: transparent; 
}
.hover .sports-filter > li.selected:hover{
   /* background: var(--c-diagonal-gradient); */
}
.sports-filter > li > span{
    /* max-width: 82px; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    font-size: 15px;
    white-space: nowrap;
    text-transform: uppercase;
    color:var(--c-text-primary)
}
#root .sports-filter .matches-counter{
    position: absolute;
    right: 5px;
    top: -2px;
    font-size: 0.6em;
    line-height: 1;
    background-color: var(--c-emphasis)!important;
    color:var(--c-black-e);
    padding: 1px 4px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
}
.sports-filter .icon-sport{
    width: 28px;
    height: 28px;
    background-size: 28px;
    margin: 2px;
    margin-right: 8px;
}

.dark .sports-filter .icon-sport {
    filter: invert(0);
}
/* 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){
    display: none
}
.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){
    display: block
}
.show-hide-buttons{
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 19px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: normal;
    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
}

#root .mobile-large .header-top-menu{
    background: hsla(0, 1%, 16%, 1);
    background: linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);

}

/* Home featured Game & Carousel */

.desktop .banner.carousel{
    height: calc(calc(100vw - 710px) / 2.33);
    max-height: 484px
}
.desktop .banner.carousel .slideshow-container{
    height: 100%!important;
    border-radius: var(--r-lg)
}

.home-featured-game{
    background: url(/v1.01/r/images/site/banners/stadium-bg.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 295px;
    padding: 0 20px;
    margin-bottom: 20px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: var(--r-lg);
    overflow: hidden;
    z-index: 1
}
.home-featured-game:after{
    content: "";
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    color: rgb(0 0 0 / 60%);
    background: radial-gradient(circle, rgb(6 6 6 / 50%) 0%, rgb(0 0 0 / 60%) 100%);
    left: 0;
    top: 0;
    z-index: -1
}
.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: 30px 0 10px;
    font-size: 20px;
    line-height: 24px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, .6);
    text-transform: uppercase
}
.home-featured-game .events-category-tournament-names .events-tournament-name{
    color: var(--c-emphasis-b);
}
.home-featured-game .match-schedule{
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 16px
}
.home-featured-game .match-schedule .match-time{
    font-size: 16px;
    margin-left: 10px
}
.home-featured-game .match-teams{
    display: flex;
    flex-direction: row;
    font-size: 18px;
    padding: 50px 0;
    line-height: 22px
}
.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
}
.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
}
.home-featured-game .match-teams .match-team-separator{
    display: flex;
    flex: 0 0 10%;
    justify-content: center;
    color: var(--c-black-e)
}
.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-black-e);
   background-color: var(--c-background);
    box-shadow: var(--bs-primary-b);
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    width: 70px;
    height: 50px;
    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: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%;
    text-align: center;
    padding: 0 10px
}
.home-featured-game .match-market-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected {
       background: var(--c-diagonal-gradient-b);
    color: var(--c-black-e);
    text-align: center;
    text-shadow: none
}







 /* */


/************************************
           Sport Page
************************************/

ul.sport-breadcrumbs,
ul.match-breadcrumbs{
    display: flex;
    margin-bottom: 15px;
   
}
ul.sport-breadcrumbs > li{
    display: flex;
    align-items: flex-end;
    margin-right: 15px;
    margin-bottom: 0
}
ul.sport-breadcrumbs > li:after{
    content: "\203A";
    margin-left: 10px;
    font-size: 27px;
    line-height: 12px;
    height: 16px
}
ul.sport-breadcrumbs > li:last-child:after{
    content: ""
}
/* Stan */
.sports-page-controls > app-widget-host{
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
.sports-page-controls .page-filter{
    flex: 1;
    overflow-x: auto;
    white-space: nowrap;
    margin-right: 20px;
}
.sports-page-controls .page-filter::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}
.sports-page-controls .page-filter-label{
    padding-bottom: 5px;
    color: var(--c-black-e);
    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-primary-b);
    color: var(--c-black-e);
    border-radius: var(--r-lg);
    /* box-shadow: var(--bs-primary-b); */
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}
body .sports-page-controls ul li.sortBySelected > a,
body .sports-page-controls ul li.selected > span{
    background: var(--c-diagonal-gradient);
}
body .sports-page-controls ul li:hover > a,
body .sports-page-controls ul li:hover > span{
    filter: brightness(0.8)
}
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-primary);
    color: var(--c-black-e);
    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-md);
    border-bottom-left-radius: var(--r-md)
}
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-primary);
    margin: 0
}
ul.sport-breadcrumbs > li:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid var(--c-primary);
    border-bottom: 17px solid var(--c-primary);
    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);
    color: var(--c-black-e)
}
ul.sport-breadcrumbs > li:last-child:before{
    border-top: 17px solid var(--c-emphasis);
    border-bottom: 17px solid var(--c-emphasis);
}
ul.sport-breadcrumbs > li:last-child:after{
    border-left: 18px solid var(--c-emphasis);
}

ul.match-breadcrumbs{
    display: flex;
    margin-bottom: 15px;
}
ul.match-breadcrumbs > li{
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 0
}
ul.match-breadcrumbs > li:first-child{
    margin-left: 80px
}
.sports-page .match-live-tracker{
    display: none
}
.sports-page .events-sport-wrapper.live-part .match-code{
    padding-left: 15px   
}
.sports-page .match-live-info{
    display: flex !important;
    margin-left: auto;
}
.sports-page .match-live-info .match-score-server-set-wrapper{
    order: 1;
    /* margin-left: 20px; */
    color: var(--c-black-e)
}
.sports-page .match-live-info .match-score-home{
    margin-bottom: 5px
}
.sports-page .match-live-info .match-cards,
.sports-page .match-live-info .match-corners,
.sports-page .match-live-info .match-period,
.sports-page .match-live-info .match-score-separator{
    display: none
}
.sports-page .match-live-info .match-progress{
    margin-top: 11px
}
.sports-page .main-coupon-v1 .events-sport-wrapper.live-part .item-info-wrapper{
    display: flex;
}
/************************************
          Sport Match Page
************************************/

/* Match Info */

.single-match-info{
    /* margin-bottom: 15px; */
    /* padding: 15px; */
    /*background-color: var(--c-background-primary);
    border-radius: var(--r-md)*/
    background-color: var(--c-primary-d);
    position: relative;
}
.single-match-info .markets-match-header{
    display: flex;
    flex-wrap: wrap;
   flex-direction: column;
    align-items: flex-start;
    padding:15px 10px;
    padding-left:60px;
}
.single-match-info .markets-match-data,
.single-match-info .match-date-and-time,
.single-match-info .match-time{
    display: flex;
    color: var(--c-black-e);
    font-size: 12px;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
}
.single-match-info .markets-match-code {
    display:none;
}
.single-match-info .match-date-and-time {
    /* margin-top: 2px; */
    margin-left: 0;
    color:#9DA1AB;
    order: 3;
    line-height: 20px;
}
.single-match-info .default-sport,
.single-match-info .markets-competition-name,
.single-match-info .markets-category-name{
    display: none
}
.single-match-info .markets-match-name{
    order: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    color: var(--c-white-e);
    font-size: 15px;
    font-weight: 500;
    /* margin-top: 15px; */
    flex: 1 1 100%
}
.single-match-info .markets-match-data{
    order: 1
}
#root .markets-match-data .match-statistics {
    position:absolute;
    left:10px;;
    top:50%;
    transform:translate(0%, -50%);
    background-image:url(/v1.190/r/images/site/icons/statistics.svg);
    background-size:15px;
    margin:0px;
    width:38px;
    height:34px;
    background-color:var(--c-green)
}
.single-match-info .markets-match-data .markets-match-code:before{
    content: "- Game Code:";
    margin: 0 5px
}
.single-match-info .match-time{
    margin-left: 5px;
    margin-bottom: 0;
    font-size: 12px
}
.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: "vs"; */
    margin-left: 10px
}
.match-market-filter {
    padding: 0px 5px;
    padding-top: 0px;
    background: hsla(0deg, 1%, 16%, 1);
    background: linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    position: sticky;
    top: 0px;
    z-index: 21;
    display: flex;
    align-items: center;
    min-height: 48px
}
.match-market-filter .match-market-filter-wrapper {
    width:70%;
}
.match-market-filter .match-market-filter-wrapper input {
    height:28px;
    background-color:transparent;
    border: 1px solid var(--c-green);
    border-radius:40px;
    text-indent:30px;
    background-image:url(/v1.093/r/images/accessbet/icons/akar-icons_search.svg);
    background-repeat:no-repeat;
    background-position:10px 50%;
    color:var(--c-white-e)
}
.match-market-filter .match-market-filter-wrapper input::placeholder {
    text-transform:uppercase;
    font-size:10px;
    color:var(--c-white)
}
/* Market Group Tabs */
.match-market-group{
    /* margin-bottom: 10px; */
    overflow-x: auto;
    flex:1;
    /* padding-bottom: 5px; */
}
.match-market-group .market-groups{
    display: flex;
    height: 36px;
    align-items: center;
    padding: 0px 5px;
}
.match-market-group .market-groups ui-button{
    /* flex: 1; */
    margin-right: 10px;
    width: auto;
    position: relative
}
.match-market-group .market-groups ui-button:has(.bet-builder-tab) {
    margin-right: 20px
}
.match-market-group .market-groups ui-button .bet-builder-tab:before{
       content: "NEW";
    position: absolute;
    top: -5px;
    right: -15px;
    font-size: 8px;
    line-height: 8px;
    padding: 2px 4px;
    background-color: var(--primary-info-color);
    color: var(--c-black);
    z-index: 111;
    font-weight: bold;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    z-index: 11
}
.match-market-group button{
        width: 100%;
        color: var(--c-text-light);
        font-size: 12px;
        /* font-weight: bold; */
        /* line-height: 30px; */
        height: 22px;
        align-items: center;
        margin: 0 auto;
        padding: 0 10px;
       background-color: #244241;
        border-radius: 50px;
        border: 1px solid var(--c-shade);
}
.match-market-group button span {
     white-space: nowrap;
}
.match-market-group button:hover,
.match-market-group button.button-active{
    background: transparent;
    color: var(--c-white-e);
    border: 1px solid #244241
}
.market-group-bet-builder-container {
    width:100%;
}
.market-group-bet-builder-container > app-widget-host{
    display:flex;
    flex-direction:row;
    
}
/* Sports March Markets */

.match-page-container{
    position:relative;
}
.sports-match-wrapper{
    position: relative
}
.sports-match-wrapper > .toggle-all-expanded{
    /* display: none; */
    position: absolute;
    top: 0px;
    right: 30px;
    width: 30%;
    color: var(--c-white);
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 82;
    transform: translateY(-69px);
    cursor: pointer;
    width: fit-content;
}
.betbuilder-offered .sports-match-wrapper > .toggle-all-expanded {
    transform:translateY(-100px)
}
.sports-match-wrapper > .toggle-all-expanded::before {
    content: "";
    width: 14px;
    height: 14px;
    display: flex;
    filter: invert(1);
    margin-right: 5px;
    background-image: url(/v1.190/r/images/site/icons/arrow-right-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    display: flex;
    align-items: center;
    background-position: center;
    transition: all .3s ease-in-out
}
.sports-match-wrapper > .toggle-all-expanded.all-closed::before {
    transform: rotate(-90deg)
}
.sports-match-wrapper > .toggle-all-expanded::after {
    content:attr(title);
    color:var(--c-white);
    font-size:10px
}
.sports-match-wrapper .markets-content-wrapper .match-odd{
        background: transparent
}
.markets-content-wrapper .match-markets-wrapper{
        color: var(--c-white);
        background-color: var(--primary-divider-color);
        display: flex;
        flex-direction: column;
        border-radius: var(--r-md);
        overflow: hidden;
        margin :  10px
}
.markets-content-wrapper .match-markets-wrapper .market-group{
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    /* margin: 0 10px; */
    cursor: pointer;
    /* border-radius: var(--r-md); */
    overflow: hidden;
    margin-top: 5px;
}
.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: 15px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: center;
    background: linear-gradient(126deg, #404a47, #444);
    height: 50px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    margin-top: 7px;
    border-radius: 5px;
}
.markets-content-wrapper .match-markets-wrapper .market-group:has(.match-market) .market-group-header{
    border-radius: 5px 5px 0 0;
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .market-name{
    font-family: -apple-system, BlinkMacSystemFont, Tahoma, Roboto, "Open Sans", sans-serif;
    cursor: pointer
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button{
    content: "";
    width: 16px;
    height: 16px;
    background: transparent;
    background-image:url(/v1.093/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    background-size:16px;
    background-position:center;
    transition: all 100ms ease;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.market-group-header .fav-market-button {
    margin-left:auto;
    margin-right:25px;
    width:15px;
    height:15px;
    background-image:url(/v1.093/r/images/accessbet/icons/Vector.png);
    font-size:0px;
    background-size:15px;
    background-repeat:no-repeat;
    background-position:center;
}
.market-group-header .fav-market-button.selected {
    background-image:url(/v1.093/r/images/site/icons/Star-On.svg);
    background-size:24px;
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button.expanded{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
.markets-content-wrapper .match-markets-wrapper .market-group:has(.match-market) .market-group-header + div{
    border-radius: 0 0 5px 5px;
    overflow: hidden
}
.markets-content-wrapper .match-markets-wrapper .match-market{
    display: flex;
    padding: 0;
    border: 0;
    background: linear-gradient(126deg, #404a47, #444)
   
}
.markets-content-wrapper .match-markets-wrapper .match-market tr{
    text-align: center
}
.markets-content-wrapper .match-markets-wrapper .match-market app-all-in-one-goalscorer,
.markets-content-wrapper .match-markets-wrapper .match-market .all-in-one-goalscorer{
    width: 100%
}
.markets-content-wrapper .match-markets-wrapper .match-market app-all-in-one-goalscorer .odds-selection-default{
    justify-content: center
}
.all-in-one-goalscorer .competitor-header{
    display: block;
    opacity: 0
}
.markets-content-wrapper app-all-in-one-goalscorer .pagination-controls{
        margin: 10px 0;
        display: flex
}

.markets-content-wrapper app-all-in-one-goalscorer .pagination-controls button{
    background: var(--c-green);
    color: var(--c-white-e);    
    font-size: 12px;
    height: 22px;
    margin: 0 auto;
    padding: 0 10px;
   
    border-radius: 50px;
    border: 1px solid var(--c-shade);
}
.markets-content-wrapper app-all-in-one-goalscorer .pagination-controls button::disabled{
    color: var(--c-text-light);
     background-color: var(--body-footer-color);
}
.markets-content-wrapper .match-markets-wrapper .match-market .market-special{
    color: var(--c-white-e);
    line-height: 33px;
    width: 100px;
    padding-left: 15px;
    border: 2px solid var(--c-background-primary);
    background-color: transparent;
    border-bottom: 0;
    border-right: 0
}
.markets-content-wrapper .match-markets-wrapper .match-market .market-content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    gap: 2px
   
}
app-widgetized-market:not(:empty) {
    width: 100%;
    padding: 10px;
    color: var(--c-white);
}
app-widgetized-market .tabs {
    margin-bottom: 5px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}


app-widgetized-market .tabs .tab.active {
    background-color: var(--primary-success-color);
    color: var(--c-white-e);
    font-weight: bold
}
app-widgetized-market .tabs .tab {
        padding: 4px;
    max-width: 100px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--c-white-e);
    background-color: var(--body-footer-color)
}

#root app-widgetized-market app-widgetized-selections-adjuster {
    font-weight: bold;
}
#root app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
root app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper > div {
    justify-content: center;
    color: var(--c-black-e);
    background-color: unset;
    flex-wrap: wrap;
    border: 0;
}
#root app-widgetized-market app-widgetized-selections-adjuster span[class*="competitor"] {
    width: 100%;
    text-align: center;
    padding: 5px 0px;
}
#root app-widgetized-market app-widgetized-selections-adjuster button {
     width: 36px;
    height: 36px;
    min-height: unset;
    border: 1px solid var(--c-shade-b);
    border-radius: 4px;
    font-size: 14px;
    color: var(--c-white-e);
    background-color: hsla(0, 0%, 100%, .15)
}
#root app-widgetized-market app-widgetized-selections-adjuster button.decrease-part,
#root app-widgetized-market app-widgetized-selections-adjuster button.increase-part {
    margin: 0 8px;
}
#root app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper .delimiter{
    display: none
}
#root .sports-match-wrapper .match-markets-wrapper .market-content .match-odd, .show-more-goalscorer {
    height: 34px;
    padding: 0;
    flex: 0 0 calc(33.333333% - 6px);
    border: 0;
    margin: 0 2px 2px;
    margin-left: auto
}

#root app-widgetized-market app-widgetized-selections-adjuster .match-odd .odds-selection-default {
    width: 100%;
    max-width: unset;
   padding: 0 10px
}
#root .mobile app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#root .mobile app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper .first-part, 
#root .mobile app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper .second-part {
    width: calc(50% - 24px);
    max-width: unset;
        display: flex;
    flex-wrap: wrap;
}
#root .mobile app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper .decrease-part {
    margin-right: auto;
}
#root .mobile app-widgetized-market app-widgetized-selections-adjuster .adjuster-wrapper .increase-part {
    margin-left: auto;
}


.mobile .markets-content-wrapper .match-markets-wrapper .match-market .market-special{
    width: 50px;
    position: relative
}
.mobile .markets-content-wrapper .match-markets-wrapper .match-market{
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}
.mobile .markets-content-wrapper .match-markets-wrapper .match-market .market-special:after{
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 6px);
    background-color: hsla(0, 0%, 100%, .1);
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#root .mobile .sports-match-wrapper .match-markets-wrapper .market-content .match-odd{
    flex: 1 0 calc(33.333333% - 2px);
    margin: 0;
    height: auto;
}
#root .mobile .sports-match-wrapper .match-markets-wrapper .market-content .market-correct-score .match-odd{
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0;
}




.markets-content-wrapper .match-markets-wrapper .correct_score .match-market .market-content > div{
    flex:1 1 calc(33.33333% - 2px)
}
.markets-content-wrapper .match-odd{
   flex: 1 0 calc(33.33333% - 10px);
        color: var(--c-white-e) !important;
        background: linear-gradient(126deg, #404a47, #444);
   /* border-bottom: 0; */
   /* border-right: 0; */
   padding: 0 15px;
   align-content: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 50px;
   margin:5px;
   -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-radius:var(--r-md)
}
.markets-content-wrapper .match-odd:hover{
    background: hsla(0, 0%, 100%, .15);
}
.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;
    color: var(--c-emphasis-c);
    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: 11px;
    padding: 0;
    line-height: 33px
}
.markets-content-wrapper .odds-bet-slip-selected{
    background-color: transparent
}
#root .markets-content-wrapper .match-odd.bet-slip-selected{
    color: var(--color-white);
    background: var(--c-emphasis-c);
    border:1px solid var(--primary-success-color);
}
#root .markets-content-wrapper .odds-bet-slip-selected,
#root .markets-content-wrapper .odds-bet-slip-selected .odd{
    color: var(--c-black-e)
}
#root .markets-content-wrapper .odds-bet-slip-selected .odd-outcome{
    color: var(--c--black-e)
}
.sports-match-page .back,
.live-match-page .back{
    /* position: absolute; */
    /* top: 5px; */
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    /* padding: 10px; */
    cursor: pointer;
    z-index: 1;
    background: var(--c-diagonal-gradient);
    border-radius: var(--r-md);
    color: var(--c-black-e);
    /* position: relative; */
}
.sports-match-page .back:hover,
.live-match-page .back:hover{
    background: var(--c-diagonal-gradient-b);

}
.sports-match-page .back a,
.live-match-page .back a{
    color: var(--c-black-e);
    font-size: 0px;
}
.sports-match-page .back:hover a,
.live-match-page .back:hover a{
    color: var(--c-black-e)
}
.sports-match-page .back a:before,
.live-match-page .back a:before{
    content: "";
    /* border: solid var(--c-black-e); */
    /* border-width: 0 2px 2px 0; */
    display: inline-block;
    /* padding: 3px; */
    top:0px;
    left:0px;
    /* margin-right: 5px; */
    background-image:url(/v1.093/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    filter:invert(1);
    background-size:18px;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    width:35px;
    height:35px;
    transform:rotate(90deg)
}
.sports-match-page .back:hover:before,
.live-match-page .back:hover:before{
    border: solid var(--c-black-e);
    border-width: 0 2px 2px 0

}
/************************************
          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-subwrapper {
    background: var(--c-blue-d);
    color: var(--c-white-e);
}
.sports-select-page .nav-sport, .sports-select-page .nav-category {
    background-color: var(--c-primary-d);
    color: var(--c-white);
}
.league-select-page .nav-sport-counter {
    display: none;
}
.sports-select-page .main-content .nav-sport-wrapper{
    background: transparent
}

.sports-select-page .main-content .nav-sport.active{
    /* color: var(--c-black-e); */
}
.sports-select-page .main-content .nav-sport .nav-sport-name,
.sports-select-page .main-content .nav-featured-header .nav-featured-name{
    padding: 0;
    color: var(--c-black-e);
    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{
    /* color: var(--c-black-e); */
}
.sports-select-page .main-content .nav-category-wrapper,
.sports-select-page .main-content .nav-featured-panel{
       color: var(--c-text-light);
       /* background-color: var(--c-primary-b); */
       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;
    color: var(--c-text-primary);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}
.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
}
.nav-category-go-button{
    background: var(--c-primary-c);
    font-weight: 600;
    font-size: 14px;
    width: auto;
    padding: 3px 10px;
    margin: 0 10px;
    color: var(--c-white-e);
    display:none
   
}
.nav-featured-go-button {
    display:none;
}
.nav-favorites-go-button {
    display:none
}
.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 33.3333%;
    /* display: flex; */
    /* height: auto; */
    align-items: center;
    /* margin: 5px; */
    /* padding: 13px; */
    background-color: var(--c-blue-d);
}
.sports-select-page .main-content .nav-featured-panel .nav-feature .nav-feature-name{
    order: unset;
    margin-right: auto;
    font-size: 15px;
    /* color: var(--c-black-e); */
    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-text-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-background-bet-button)
}
.sports-select-page .main-content .nav-tournament .tournament_checkbox{
    margin-left: auto
}
.sports-select-page .nav-featured-header, 
.sports-select-page .nav-feature, 
.sports-select-page .nav-sport, 
.sports-select-page .nav-category, 
.sports-select-page .nav-tournament, 
.sports-select-page .nav-favorites-header, 
.sports-select-page .nav-favorite {
    display: flex;
    width: 100%;
    height: 42px;
    background: transparent;
    /* border-bottom: 1px solid var(--c-tint); */
    /* border-top: 1px solid var(--c-shade); */
    color:var(--c-text-light);
    align-items: center;
    padding: 0 5px
}
.nav-favorites-wrapper{
    color: var(--c-text-primary);
    background-color: transparent;
    font-size: 15px;
    width: 100%;
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-icon{   
    width:24px;
    height:24px;
    margin: 0px;
    margin-right:6px   
   
}
 .nav-featured-icon {
    margin: 0 4px;
}
.sports-select-page .nav-sports-header, 
.sports-select-page .nav-featured-select-all, 
.sports-select-page .nav-featured-remove-all, 
.sports-select-page .nav-sport-select-all, 
.sports-select-page .nav-sport-remove-all {
    display: none;
}
/* Desktop Sport Select Page */

/* Favorites Section */



.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-sidebar-menu); */
    /* color: var(--c-text-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-text-primary);
    text-transform: uppercase;
    font-size: 14px
}

.desktop .sports-select-page .main-content .nav-favorites-header.expanded .nav-favorites-toggle {
    transform: rotate(0deg);
    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-odds)
}
.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;
    background-color: var(--c-background-market-header);
    overflow: hidden;
    font-weight: normal;
    line-height: 20px;
    border-radius: 0
}
.desktop .sports-select-page .main-content .nav-favorites-panel .nav-favorite-name:hover{
    color: var(--c-text-betslip-button-book)
}

/* Featured Section */

.sports-select-page .main-content .nav-featured-wrapper{
    border-radius: var(--r-md);
    box-shadow: var(--bs-primary-b);
    overflow: hidden;
}

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

 .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
}
.sports-select-page .main-content .nav-featured-header .nav-featured-name{
    color: var(--c-text-primary);
    font-size: 14px
}
.sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel{
    /* background-color: var(--c-primary-b); */
    margin: 0;
}
 .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel .nav-feature-name{
    overflow: hidden;
}
.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 */


 .sports-select-page .main-content .nav-sport-wrapper  .nav-sport{
    box-shadow: none;
}
 .sports-select-page .main-content .nav-sport-wrapper .nav-category-wrapper{
    padding: 0;
    border-radius: var(--r-border-radius-medium);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden;
}
 .sports-select-page .main-content .nav-sport-wrapper .nav-category{
    margin: 0;
    /* padding: 10px; */
    /* height: 100%; */
    background-color: var(--c-blue-d);
}

.desktop .sports-select-page .main-content .nav-category.active .nav-category-toggle {
    transform: rotate(0deg);
    animation-delay: .5s
}
.desktop  .sports-select-page .nav-category-wrapper .nav-category .nav-category-toggle,
.desktop .sports-select-page .nav-featured-toggle,
.desktop  .sports-select-page .nav-favorites-toggle{
    content: "";
    width: 18px;
    height: 18px;
    background: transparent;
    background-image:url(/v1.091/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    background-size:18px;
    filter:invert(1);
    transition: all 100ms ease;
   transform:rotate(90deg);
    order: 5;
    margin-right: 5px;
    margin-left: 0;
    border-radius: 0;
}
.desktop  .sports-select-page .nav-category-wrapper .nav-category.active .nav-category-toggle,
.desktop  .sports-select-page .expanded .nav-featured-toggle,
.desktop  .sports-select-page .expanded .nav-favorites-toggle{
    -webkit-transform:  rotate(0deg);
    transform: rotate(0deg)
}
.desktop .sports-select-page .main-content .nav-category .nav-category-icon{
    width: 19px;
    height: 19px
}
.desktop .sports-select-page .nav-category-wrapper .nav-category .nav-category-counter,
.desktop .sports-select-page .nav-tournament-wrapper .nav-tournament .nav-tournament-counter,
.desktop .sports-select-page .nav-featured-counter,
.desktop .sports-select-page .nav-favorites-counter,
.desktop .sports-select-page .nav-favorite-counter,
.desktop .sports-select-page .nav-feature-counter{
    order:4;
    width:40px;
    text-align:right;
    margin-right:10px;
    font-size: 12px;
}
.desktop .sports-select-page .nav-category-panel .nav-tournament, 
.desktop .sports-select-page .nav-featured-panel .nav-feature, 
.desktop .sports-select-page .nav-favorites-panel .nav-favorite {
    background-color: #33374F;
    margin: 2px;
    margin-bottom: 3px;
    padding-right: 24px;
    position: relative;
    width: calc(100% - 4px);
}
.desktop .sports-select-page .nav-favorites-panel, .desktop .sports-select-page .nav-featured-panel, .desktop .sports-select-page .nav-category-panel {
    padding: 8px;
    padding-top: 0px;
    background-color: var(--c-blue-d);
}
.desktop .sports-select-page .league-select-go {
    display: flex;
    justify-content: flex-start;
    /* width: 100%; */
    /* padding: 10px; */
    align-items: center;
    /* order: 2; */
    background-color: var(--c-primary-d);
    flex: 1;
    position: sticky;
    /* top: 56px; */
    z-index: 11;
    padding-left: 15px;
}
.desktop .sports-select-page .nav-favorites-wrapper .nav-favorites-header,
.desktop .sports-select-page .nav-featured-wrapper .nav-featured-header {/* padding: 10px; */padding:0px 18px;}
.desktop .sports-select-page .nav-favorites-subwrapper {
    background: var(--c-blue-d);
    color: var(--c-white-e);
}
.desktop .sports-select-page .nav-favorite .default-flag,
.desktop .sports-select-page .nav-favorite .default-sport {
    display:none;
}
.sports-select-page .nav-category-wrapper .nav-category {
    position: relative;
    padding: 0 18px;
}
 .sports-select-page .nav-sports.nav-sports-page button.nav-submit-button,
.sports-sidebar button.nav-submit-button{
    background-color: var(--dark-green-color);
    color: var(--c-white);
    height: 26px;
    width: 123px;
}
.sports-select-page .nav-sports.nav-sports-page button.nav-reset-button {
    order: 1;
    width: 38px;
    height: 26px;
    font-size: 0px;
    margin-right: 5px;
    background-color: var(--dark-green-color);
    background-image: url(/v1.190/r/images/site/icons/mdi_trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
/************************************
             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-market);
    /* font-size: 18px; */
    text-transform: uppercase
}
/*.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-locked,
.main-coupon-v1 .match-is-live .match-info .match-period,
.live-page .main-coupon-v1 .match-more-markets{
    display: none
}
.main-coupon-v1 .item-info-wrapper{
    display: flex;
}
 .main-coupon-v1 .item-info-wrapper .match-info .match-live{
    /* padding-right: 5px; */
    order: 0;
     margin-right:10px;
    color: var(--c-green);
    text-transform:capitalize;
    -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-emphasis-c); */
    /* font-size: 14px; */
}
body .desktop .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    order:3;
    flex: unset;
}
body .live-page .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score-home{
    /* margin-bottom: 5px; */
}
.events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score > div {
    color: var(--c-white-e);
    font-weight:bold;
    font-size: 13px;
    line-height: 13px;
    background-color: hsla(0, 0%, 100%, .07);
    padding: 3px
}
.events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score > div.match-score-home {
    margin-bottom:4px
}
.events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score {
    padding: 3px 5px
}
body .live-page .left-sidebar .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score-home{
    margin: 0
}
 .main-coupon-v1 .match-is-live .match-live-info .match-progress{
    order: 1;
    margin-top: 11px;
    color: var(--c-text-primary);
    font-size: 15px;
    display:none
}
.live-page .main-coupon-v1 .match-live-info .match-score-server-set-wrapper{
    order: 2;
    margin-left: 20px
}
.live-page .main-coupon-v1 .match-links .match-statistics{
    margin-left: 16px
}
.live-page .main-coupon-v1 .match-info .match-schedule{
   width: 45px
}
.live-page .match-live-tracker{
    width: 18px;
    height: 14px;
    background-size: contain;
    /* background: url("/v1.01/r/images/bestbet/icon/tracker-white.svg") center center no-repeat; */
}
.live-page .tracker-visible .match-live-tracker{
    background: url("/v1.01/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;
    color: var(--c-background-betslip-betting-body);
    background-color: var(--c-border-sport-coupon);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    /* height: 38px; */
    /* line-height: 12px; */
}
.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
}
.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;
    background-color: var(--c-background-betslip-betting-body);
    color: var(--c-text-primary)
}
.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-odds);
    color: var(--c-text-primary);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}


/************************************
         Live Match Page
************************************/

.live-match-page{

}

/* Breadcrumbs and Dropdown */

.live-match-page .beto-match-breadcrumbs{
    /* position: relative; */
    /* flex:1; */
    /* order: -1; */
}
.beto-match-breadcrumbs {
    width:100%;
    display: flex;
    align-items: center;
}
ul.match-breadcrumbs{
    flex-wrap: wrap
}
ul.match-breadcrumbs > li{
    display: flex;
    align-items: center;
    font-size: 16px;
    /* line-height: 24px; */
    color: var(--c-text-light);
    font-style: normal;
    font-weight: 500;
    /* text-transform: uppercase; */
    margin-right: 15px;
    margin-bottom: 0;
    font-size: 10px;
}
ul.match-breadcrumbs > li > a{
    color: var(--c-white)
}
ul.match-breadcrumbs > li > a:hover{
    color: var(--c-white-e)
}
ul.match-breadcrumbs > li.sport-br:after,
ul.match-breadcrumbs > li.category-br:after{
    content: "/";
    margin:0px 15px;
    font-size: 10px;
    line-height: 24px;
    height: 23px
}
ul.match-breadcrumbs > li.teams{
    flex: 1 1 100%;
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    margin-right: 50px;
    color: var(--c-black-e);
    display: none;
}
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
}
 .other-matches-overlay.dd-expanded {
    position:absolute;
    left: 50%;
    transform:translate(-50%, 0%);
    top:35px;
    background: hsla(163, 25%, 19%, 1);
    width: 85%;
    z-index: 1000;
    padding: 20px 8px;
    border-radius:10px;
    max-height: 50vh;
    overflow: auto;
}
.live-match-page .other-matches.other-live-matches{
    /* width: 100%; */
    /* display: flex; */
    /* position: relative; */
    /* position: absolute; */
    top: 0px;
    right:0px;
    height: 100%;
    z-index: 80;
}
.live-match-page .other-matches.other-live-matches button{
    position: absolute;
    right: 30px;
    top: 0px;
    /* height: 30px; */
    /* width: 50px; */
    /* border: 0; */
}
.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-emphasis-c);
    margin-bottom: 4px;
    padding: 5px 10px;
    border-bottom:1px solid var(--c-primary-b)
}
.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);
    margin-bottom: 5px;
    font-size: 10px;
}

.live-match-page ul li.selected span:nth-child(2){
    border-bottom: 0
}
.live-match-page .other-matches-wrapper .other-matches .group-country-tournament-separator{
    margin: 0 5px
}
.live-match-page .other-matches-wrapper .other-matches .other-match{
    display: flex;
    /* font-size: 0.9em; */
    line-height: 1;
    cursor: pointer;
    transition: color .3s ease-in-out;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
    
}
.live-match-page .other-matches-wrapper .other-matches .other-match:not(:only-child):not(:last-child){
    border-bottom: 1px solid var(--c-primary-b);
    padding:10px 0px ;
}
.live-match-page .other-matches-wrapper .other-matches .other-match:hover{
    color: var(--c-background-odds-active);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container{
    order: 2;
    padding-right: 10px;
    overflow: hidden;
    display:flex;
    flex-direction: column
}
div[class*=mobile] .live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container .match-label{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container .match-label-team-1:after{
    display:none
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container .match-label-team-1:after{
    content: "v";
    margin: 0 5px;
    text-transform: lowercase
}
.live-match-page .other-matches-wrapper .other-matches .other-match .live-score{
    order: 3;
    margin-left: auto;
    margin-left: auto;
    color: var(--c-primary);
    font-weight:bold;
    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);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match .live-score .live-score-home:after{
    /* content: ":"; */
    margin: 0 5px
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress{
    order: 1;
    margin-right: 15px;
    width: 100%;
    color: var(--c-emphasis);
    font-weight:bold;
    font-size:12px;
    margin-bottom:4px;
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress .match-period{
    display: none
}

.live-match-page .back{
   /* position: absolute; */
   top: -5px;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: bold;
   padding: 10px;
   cursor: pointer;
   z-index: 1;
   background: transparent;
   border-radius: var(--r-md);
   color: var(--c-black-e)
}
.live-match-page .back:hover{
   background: var(--c-diagonal-gradient-b)

}
.live-match-page .back a{
    color: var(--c-black)

}
.live-match-page .back:hover a{
    color: var(--c-white-e)
}
.live-match-page .back:before{
    content: "";
    border: solid var(--c-emphasis);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right: 5px
}
.live-match-page .back:hover:before{
    border: solid var(--c-black-e);
    border-width: 0 2px 2px 0   
 }

/* Match Tracker and Stats */


.window-tabs.bet-construct-tabs{
    background-color: var(--c-emphasis);
    color: var(--c-text-header-menu);
    line-height: 42px;
    height: 42px;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    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(/v1.01/r/images/site/icons/Tracker_Off.svg) center center no-repeat
}
.window-tabs.bet-construct-tabs .window-tab.tab-selected:first-child:before{
    background: url(/v1.01/r/images/site/icons/MatchTracker-Off.svg) center center no-repeat
}
.window-tabs.bet-construct-tabs .window-tab:last-child:before{
    background: url(/v1.01/r/images/primebet/icons/tracker-stats-gray.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}
.window-tabs.bet-construct-tabs .window-tab.tab-selected:last-child:before{
    background: url(/v1.01/r/images/primebet/icons/tracker-stats-white.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}
.right-sidebar .live-match-statistics,
.right-sidebar .live-match-tracker{
    height: 272px;
    border-bottom-left-radius: var(--r-border-radius-big);
    border-bottom-right-radius: var(--r-border-radius-big);
    overflow: hidden;
    margin-bottom: 15px
}

#tracker-iframe{
    border-radius: var(--r-border-radius-big);
    overflow: hidden
}


.live-match-page .match-info-detailed{
    display: flex;
    position: relative;
}
.live-match-page .match-info-detailed .sports-match-header-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    /* margin: 15px 0; */
}
.live-match-page .match-info-detailed .sports-match-header-wrapper .match-header-content-wrapper {
    width:100%;
}
.live-match-page .match-info-detailed .markets-match-header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    /* max-width: 500px; */
        background: var(--body-footer-color);
    /* border-radius: var(--r-lg); */
    /* box-shadow: var(--bs-primary-b); */
    color: var(--c-white-e);
    border:1px solid var(--c-shade);
    width:100%;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper{
    display: flex;
    align-items: flex-end;
    order: 3;
    background-color: var(--c-background-primary);
    color: var(--c-text-primary);
    padding: 10px;
    border-radius: var(--r-border-radius-medium);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper > div:not(.live-match-set-scores):not(.live-match-name) {
    display:none;
}
.match-info-detailed .markets-match-live-info-wrapper .live-match-score {
    position:absolute;
    width:100%;
    width:60px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-weight: 600;
}
.match-info-detailed .markets-match-live-info-wrapper .live-match-score {
    display:flex;
    justify-content:center;
}
.match-info-detailed .markets-match-live-info-wrapper .live-match-score  .live-match-score-home::after {
    content:"-";
    margin:0 5px;
}
.match-info-detailed .markets-match-live-info-wrapper .live-match-score .live-title {
    display:none;
}
.live-match-page .match-info-detailed .live-match-server-title{
    display: flex
}
.live-match-page .match-info-detailed .live-match-server-title:before{
    content: "";
    background-color: var(--c-background-header);
    width: 15px;
    height: 15px;
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--c-text-market);
    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: 1;
       /* color: var(--c-black-e); */
       /* background: var(--c-primary); */
       padding: 5px 10px;
       font-weight: bold;
       text-align: left;
}
.live-match-page .match-info-detailed .match-date-and-time .match-period {
    display:none
}
.live-match-page .match-info-detailed .match-date-and-time > .match-minute{
    /* padding-right: 20px; */
    -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; */
}
.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;
    width: 100%;
    display: flex;
    justify-content: center;
}
.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{
    width:50%;
    text-align:center;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name .team-home {
    padding-right:30px;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name .team-away {
    padding-left:30px;
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-set-scores,
.live-match-page .match-info-detailed .markets-match-data .match-page-country-flag,
.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: 2;
    background-color: var(--c-background-primary);
    color: var(--c-text-primary);
    /* padding: 10px 0; */
    border-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /* flex: 1; */
    width: 0px;
}
.live-match-page .match-info-detailed .markets-match-data .live-match-period,
.live-match-page .match-info-detailed .markets-match-data .sport-icon,
.live-match-page .match-info-detailed .markets-match-data .markets-category-name,
.live-match-page .match-info-detailed .markets-match-data .markets-competition-name{
    display:none
}
.live-match-page .match-info-detailed .markets-match-data > div{
    margin: 0 5px
}
#root .live-match-page .match-info-detailed .markets-match-data .match-statistics{
    right:5px;
    left:unset;
    width:24px;
    height:24px;
    background-size:14px;
    top:-18px;
    /* margin-left: auto; */
    /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */
}

/************************************
           Outrights Page
************************************/

.outrights-page{

}
.outrights-page .main-content-mobile{
    background-color: var(--primary-divider-color)
}
.outrights-page .main-content-mobile > app-widget-host{
    background-color: hsla(0, 0%, 100%, .07)
}
.outrights-page .main-content{
    color: var(--c-text-primary);
    font-size: 15px;
    position: relative
}
.outrights-top{
    text-align: center;
    padding: 15px 5px;
    font-size: 22px;
    line-height: 1.5;  
    color: var(--c-white-e);
    font-weight: bold    
}
.outrights-page .sports-filter{
    max-width: calc(100% - 312px);
    margin-left: auto;
    
}
.outrights-page .sports-filter > li{
        padding: 15px 10px;
    background-color: var(--body-footer-color);
    color: var(--c-white-e);
    position: relative;
    height: 63px;
    justify-content: center;
    border-radius: var(--r-md);
    min-width: 68px;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    margin: 5px 5px 5px 0
}
.outrights-page .sports-filter > li > span{
    max-width: unset;
    font-size: 10px
}
.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{
    display: none
}
.outrights-page .sports-filter .icon-sport{
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin: 0;
    display: block
}
.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 .events-category-header-outrights .events-category-flag{
    background-size: cover;
    background-position: center
}
.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(90deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a{
    display: initial;
    margin-left: 0;
    font-size: 0
}
.outrights-page .events-sport-wrapper .toggle-button.expanded,
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a.collapse{
    transform: rotate(-90deg);
    -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: 12px;
    height: 20px;
    color: var(--c-white-e);
    align-items: flex-start;
    content: "\203A";
    font-size: 30px
}
.outrights-page .events-sport-wrapper .match-info{
    display: flex;
    line-height: 20px;
    color: var(--c-text-market)
}
.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;
    justify-content: space-between;
    margin: 10px 5px;
    color: var(--c-white);
    cursor: pointer
}
.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;
    border-radius: var(--r-md);
    background-color: hsla(0, 0%, 100%, .07);
    color: var(--c-white-e)
}
.outrights-page .outright-markets .outright-competitor.bet-slip-selected{
    color: var(--c-black-e);
    background: var(--c-emphasis-c);
    font-weight: bold;
}


/************************************
          Cookie Message
************************************/

#root .cc-color-override-259240128.cc-window{
        color: var(--c-white-e);
    background-color: var(--c-primary-c);
}
#root .cc-color-override-259240128 .cc-btn {
    color: var(--c-black-e);
    background: var(--c-emphasis-c);
    border-radius: var(--r-lg);
    border: 0;
}
#root .cc-color-override-259240128 .cc-btn:hover,
#root .cc-color-override-259240128 .cc-btn:focus {
    color: var(--c-black-e);
    background: var(--c-diagonal-gradient-b);
    opacity: .7
}





/************************************
             404 Page
************************************/


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

.container-404{
  margin: 0 auto;
  position: relative;
  width: 250px;
  height: 250px
}

.ghost{
  width: 50%;
  height: 53%;
  left: 25%;
  top: 10%;
  position: absolute;
  border-radius: 50% 50% 0 0;
  background: var(--c-background-footer-bottom);
  border: 1px solid #BFC0C0;
  border-bottom: none;
  animation: float 2s ease-out infinite;
}

.ghost-copy {
  width: 50%;
  height: 53%;
  left: 25%;
  top: 10%;
  position: absolute;
  border-radius: 50% 50% 0 0;
  background: var(--c-background-footer-bottom);
  border: 1px solid #BFC0C0;
  border-bottom: none;
  animation: float 2s ease-out infinite;
  z-index: 0;
}

.face {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 20%;
}

.eye, .eye-right {
  position: absolute;
  background: var(--c-background-betslip-betting-body);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 40%;
}

.eye {
  left: 25%;
}

.eye-right {
  right: 25%;
}

.mouth {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 10px;
  height: 10px;
  border: 3px solid;
  border-radius: 50%;
  border-color: transparent var(--c-background-betslip-betting-body) var(--c-background-betslip-betting-body) transparent;
  transform: rotate(45deg);
}

.container-404 .one,
.container-404 .two,
.container-404 .three,
.container-404 .four {
  position: absolute;
  background: var(--c-background-footer-bottom);
  top: 85%;
  width: 25%;
  height: 23%;
  border: 1px solid #BFC0C0;
  z-index: 0;
}

.container-404 .one {
  border-radius: 0 0 100% 30%;
  left: -1px;
}

.container-404 .two {
  left: 23%;
  border-radius: 0 0 50% 50%;
}

.container-404 .three {
  left: 52%;
  border-radius: 0 0 50% 50%;
}

.container-404 .four {
  left: 76.5%;
  border-radius: 0 0 30% 100%;
}

.shadow {
  position: absolute;
  width: 30%;
  height: 7%;
  background: var(--c-background-betslip-betting-body);
  left: 35%;
  top: 80%;
  border-radius: 50%;
  animation: scale 2s infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes float {
  50% {
    transform: translateY(15px);
  }
}
.bottom-404{
  margin-top: 10px;
}

/*text styling*/

.title-404 {
    color: var(--c-text-input);
    text-align: center;
    font-weight: bold;
    font-size: 90px;
    line-height: 100px;
    margin: 0;
    text-shadow: -1px 0 #bfc0c0, 0 1px #bfc0c0, 1px 0 #bfc0c0, 0 -1px #bfc0c0
}

.subtitle-404 {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    color: var(--c-text-title);
    font-weight: 900
}
.text-404 {
    text-align: center;
    color: var(--c-text-title);
    font-size: 14px;
    text-transform: uppercase
}

.buttons-404 > app-widget-host{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.buttons-404 .btn{
    background-color: var(--c-background-betslip-betting-header);
    color: var(--c-background-header);
    border-radius: var(--r-border-radius-medium);
    height: 40px;
    padding: 0 10px;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer
}
.buttons-404 .btn:hover{
    opacity: .8
}


/************************************
          Virtuals Page
************************************/


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


/************************************
        Bet Check Modal
************************************/

body .ui-dialog.betslip-check-view{
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    max-width: 450px
}
body .ui-dialog.betslip-check-view .inline-betslip,
.booking-notifications-wrapper .inline-betslip{
    max-width: 100%;
    width: 100% !important;
}
.booking-notifications-wrapper .inline-betslip {
    height:unset!important;
    display: flex;
    flex-direction: column;
}
body .ui-dialog.betslip-check-view table,
.booking-notifications-wrapper .inline-betslip table{
    width: 100%;
    border-collapse: collapse;
}
.booking-notifications-wrapper .inline-betslip table.line-matrix {
    display:none
}
 .inline-betslip  >table > tbody {
    display:flex;
    flex-direction:column;
}
body .ui-dialog.betslip-check-view table tr.head,
 .inline-betslip table tr.head{
    height: 40px;
}
 .inline-betslip table tr.head.head-bets {
    display:none;
}
 .inline-betslip table tr.head{
   border-top: 1px solid var(--c-emphasis-c);
    display:none
}
body .ui-dialog.betslip-check-view table tr.head td,
.booking-notifications-wrapper .inline-betslip table tr.head td{
    border-bottom: 1px solid var(--c-emphasis-c);
    text-transform: uppercase;
    font-weight: bold;
}
body .ui-dialog.betslip-check-view table tr.match,
.booking-notifications-wrapper .inline-betslip table tr.match{
    font-size: 13px;
    line-height: 15px;
    border-collapse: collapse;
    display:flex;
    padding: 8px 25px;
    padding-bottom: 0px;
    font-family:'Roboto Condensed';
    order: 3;
}
body .ui-dialog.betslip-check-view table tr.match td.match,
.booking-notifications-wrapper .inline-betslip table tr.match td.match{
    /* padding:5px; */
    border-top: 1px solid var(--c-background-odds);
    /* background-color:var(--c-tint); */
    width: 100%;
}
body .ui-dialog.betslip-check-view table tr:nth-child(2) td.match,
.booking-notifications-wrapper .inline-betslip table tr:nth-child(2) td.match{
    border-top: 0;
    /* border-spacing: 0px; */
    border-collapse: collapse;
    width: 100%;
    display:flex;
    flex-wrap:wrap;
}
body .ui-dialog.betslip-check-view table tr.match td.code,
.booking-notifications-wrapper .inline-betslip table tr.match td.code{
    /* display: none; */
    order: 3;
    font-size: 8px;
    color: var(--c-white-e)
}
body .ui-dialog.betslip-check-view table tr.match td.code::before,
.booking-notifications-wrapper .inline-betslip table tr.match td.code::before {
    content:"#"
}
body .ui-dialog.betslip-check-view table tr.match td.code {
    padding-top:6px;
}
body .ui-dialog.betslip-check-view table tr.match div.match,
.booking-notifications-wrapper .inline-betslip table tr.match div.match{
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    color: var(--c-white-e);
    display: flex;
    font-size: 13px;
    flex-wrap: wrap;
    width: 100%;
}
 .inline-betslip table tr.match div.match {
    text-align:left;
    order: -1;
    /* display: contents; */
}
body .ui-dialog.betslip-check-view table tr.match div.match > div,
.booking-notifications-wrapper .inline-betslip table tr.match div.match > div{
     padding: 0px;
    padding-bottom: 12px;
    font-family: 'Roboto Condensed';
    display: flex;
    order: 3;
    margin-bottom: 10px;
    color: var(--c-white-e)
}
.inline-betslip table tr.match div.match > div {
    text-align:left;
    order: -1;
}
body .ui-dialog.betslip-check-view table tr.match div.match .match-result.match-result-ready{
     text-align: right;
     flex: 1;
     order: 2;
     margin-bottom: 0px;
     display: flex;
     align-items: flex-start;
     padding: 0px;
     justify-content: flex-start;
     padding: 0px 4px;
     margin-left: auto;
}
body .ui-dialog.betslip-check-view table tr.match div.match > div.date,
.booking-notifications-wrapper .inline-betslip table tr.match div.match > div.date{
    font-size: 8px;
    flex: 0 0 50%;
    text-align: right;
    padding-right: 5px;
}
body .ui-dialog.betslip-check-view table tr.selection td,
.booking-notifications-wrapper .inline-betslip table tr.selection td{
    /* padding: 8px; */
    /* font-weight: bold; */
    /* color: var(--c-emphasis-c); */
    /* width: 100%; */
}
.booking-notifications-wrapper .inline-betslip table tr.selection td .outcome,
.booking-notifications-wrapper .inline-betslip table  td.selection {
    text-align:left;
}

 .inline-betslip table .totals td:first-child {
    text-align:left
}
body .ui-dialog.betslip-check-view table tr.selection td.nr,
.booking-notifications-wrapper .inline-betslip table tr.selection td.nr{
    display: none
}
body .ui-dialog.betslip-check-view table tr.selection td.odds,
.booking-notifications-wrapper .inline-betslip table tr.selection td.odds{
    text-align: right;
    margin-left: auto;
   position:relative;
}
body .inline-betslip table tr.selection td.odds::before {
    position:absolute;
    transform:translate(0%,-100%);
    font-size: 10px;
    top: -10px;
    text-align:center;
    right:0px;
}
body .inline-betslip table tr.selection.selection-won td.odds::before {
    content:"Won";
   color:green;
}
body .inline-betslip table tr.selection.selection-lost td.odds::before {
    content:"Lost";
    color:red;
}
body .inline-betslip table tr.selection.selection-pending td.odds::before {
    content:"Pending";
    color:var(--c-emphasis-c);
}
 .inline-betslip table .slip-bottom > .bets .hd + tr{
    font-weight:bold
}
body .ui-dialog.betslip-check-view table tr:last-child,
.booking-notifications-wrapper .inline-betslip table tr:last-child{
   background-color: transparent;
   line-height: 22px;
   order:-1;
   border-spacing: 0px;
   width: 100%;
   display: flex;
}
body .ui-dialog.betslip-check-view > table tbody> tr:last-child > td,
 .inline-betslip  > table > tbody >  tr:last-child > td{
    width:100%;
    display: flex;
    flex-direction: column;
}
body .ui-dialog.betslip-check-view table.betslip-html > tbody > tr:last-child > td,
 .inline-betslip table.betslip-html > tbody > tr:last-child > td{
    padding: 10px;
    width:100%;
    margin-bottom: 8px;
}
body .ui-dialog.betslip-check-view table.betslip-html > tbody > tr:last-child > td {
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
body .ui-dialog.betslip-check-view table.bets tr td:last-child,
.booking-notifications-wrapper .inline-betslip table.bets tr td:last-child{
    text-align: right;
    /* color: var(--c-emphasis-c); */
}
body .ui-dialog.betslip-check-view table.bets .amount,
.booking-notifications-wrapper .inline-betslip table.bets .amoun{
    font-weight: bold
}
 .inline-betslip  > table > tbody >  tr:last-child > td.slip-bottom table.bets:first-child{
     display:none
 }
 .inline-betslip  > table > tbody >  tr:last-child > td.slip-bottom table.bets tr{
     padding:0px 25px;
     display:flex;
     justify-content:space-between
 }
 .betslip-html .selection{
   padding: 8px 25px;
    /* margin-bottom: 8px; */
    padding-bottom: 12px;
    font-family: 'Roboto Condensed';
    display: flex;
    order: 3;
    color: var(--c-white-e)
}
.betslip-html .selection + .selection {
    margin-bottom:0px;
}
 .betslip-html .selection + .match {
     margin-top:8px;
 }
.selection-lost {
    background-color: red;
    color:var(--c-black-e)
}
.selection-won {
    background-color: var(--primary-success-color);
    color: white;
}
.betslip-view-html {
    display:flex;
    flex-direction:column;
}
app-betslip-preview,
.inline-betslip,table.betslip-html,
table.betslip-html tbody{
    display:contents
}
.betbook-open div[class*=mobile] .booking-notifications-wrapper,
.betnotifopen div[class*=mobile] .betslip-notifications-wrapper{
    z-index: 102;
    position:fixed;
    width:100%;
    max-width: var(--site-max-width);
    height:100%;
    bottom: 0px;
    left:50%;
    transform:translate(-50%,0%);
    overflow:auto;booking-notifications-wrapper .inline-betslip table tr.match
    
    background-color: var(
    --c-black);
    z-index: 1000;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content: center;
}
div[class*=mobile] .booking-notifications-wrapper > div:not(:empty) {
        border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    background: hsla(160, 10%, 18%, 1);
    background: linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%)
}
 .booking-notifications-wrapper .betslip-notifications {
    color:var(--c-white-e);
     display:flex;
     flex-direction:column;
    
}
#root .betslip-notifications-wrapper .error {
    z-index:300;
}
.betslip-view-message {
    font-size:12px;
    text-align:center
}
/************************************
              Bet Builder
************************************/



.bet-builder .main-coupon-v1 .events-item-wrapper:last-child{
    margin-bottom: 10px
}
.bet-builder .tournament-favorite{
    display: none
}
.has-bet-builder{
    display: flex;
    align-items: center;
    order: 1;
    margin-left: auto;   
}
.has-bet-builder:after{
    content: "";
    background-image: url("/v1.01/r/images/site/icons/betbuilder-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px
}

.desktop .promo-carousel {
    margin-bottom: 10px;
}

 .slideshow-container {
    position: relative;
    height: auto!important;
    width: 100%;
    padding-bottom: 26%;
}
.desktop .slideshow-container a {
    background-size:contain!important
}
.desktop .match-carousel {
    margin-bottom:35px;
}
#root .match-carousel .events-sport-wrapper > div:not(.events-sport-header){
    display: flex
}
.right-sidebar app-image {
    margin-top:5px;
}
.right-sidebar img {
    width:100%;
    height:auto;
}
.sort-by-container {
    margin:15px 10px;
    /* margin-bottom: 0px; */
    max-width: calc(100% - 200px);
    color: var(--c-text-light);
}
.sort-by-container > app-widget-host {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.sort-by-container .sort-by-label {
    margin-right:5px;
    font-size:10px;
    color: var(--c-white)
}
.sort-by-container .sort-by {
    width:100%;
    max-width:134px;
    margin-right: auto;
}
.sort-by-container .beto-sort-by ul {
    display:flex;
    border: 1px solid var(--c-white-e);
    border-radius:20px;
    overflow:hidden;
    background-color: var(--c-primary);
}
.sort-by-container ul li {
    padding:0px;
    width:50%;
    text-align:center;
    border-radius:20px;
    min-height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 13px;
}

.sort-by-container ul li a {
    color:#2f2f2f
}
.sort-by-container ul li.sortBySelected a {
    color:var(--c-white-e);
    font-size:13px;
    
}
.sort-by-container .beto-filter-dates {
    max-width:50%;
    
}
.search-sort.sort-by-container {
    width:100%;
    max-width: unset;
}

.search-sort.sort-by-container .ui-autocomplete-panel {
      background: hsla(163, 25%, 19%, 1);
    width:calc(300px - 20px);
    left:unset!important;
    right:0px;
    top: 30px!important
}
.search-sort.sort-by-container .sports-search {
    max-width:176px;
}
.search-sort.sort-by-container .ui-autocomplete-panel .ui-autocomplete-list-item {
    justify-content:flex-start
}
#root .search-sort.sort-by-container .ui-autocomplete .ui-autocomplete-input {
    border-radius: 3px;
    height: 28px;
    border: 1px solid var(--primary-success-color);
    border-color: var(--c-shade);
    outline: none;
    padding-left: 30px;
    background-image: url(/v1.087/r/images/accessbet/icons/akar-icons_search.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 10px;
    background-color: var(--primary-success-color);
    color: var(--c-white-e)
}
#root .search-sort.sort-by-container .ui-autocomplete .ui-autocomplete-input:focus {
    background-color: var(--c-shade);
    color: var(--color-white)
}
#root .search-sort.sort-by-container .ui-autocomplete .ui-autocomplete-input::placeholder {
    color:#ffffff;
    text-transform:uppercase;
    font-size:10px
}
#root .sort-by-container.dark {
    margin-top: 47px;
    position: sticky;
    z-index: 21
    
}
#root .mobile-large .sort-by-container.dark{
    margin-top: 60px
}
#root .mobile-large.view-page-sports-today .sort-by-container.dark{
    margin-top: 0
}
#root .mobile .sort-by-container.dark {
    background-color: var(--primary-divider-color);
    position: sticky;
    z-index: 21;    
    top: 116px;
       margin-top: 90px;
    padding-bottom: 10px;
}
#root .mobile.view-page-sports-today .sort-by-container.dark{
    margin-top: 0
}
.sort-by-container ~ .beto-sports-coupon:not(.box-filter) .inline-sports-filter {
    /* position:relative; */
    /* width: 100%; */
    /* display: block; */
    /* position: sticky; */
    margin-top: -53px;
    /* top: 100px; */
}
#root .sort-by-container ~ .beto-sports-coupon:not(.box-filter) .sports-filter,
#root .dark-container ~ .beto-sports-coupon:not(.box-filter) .sports-filter{
    position:sticky;
    z-index: 21;
    transform: translateY(-58px);
    /* padding: 0px; */
}
#root .mobile .sort-by-container ~ .beto-sports-coupon:not(.box-filter) .sports-filter,
#root .mobile .dark-container ~ .beto-sports-coupon:not(.box-filter) .sports-filter {
     position:sticky;
    top: 92px;
    z-index: 22
}
.sort-by-container.home-page {
    margin:0px;
    padding: 11px 10px 0;
    /* padding-top:8px; */
    max-width:100%;
    /* padding-bottom: 0px; */
}
.sort-by-container ~ .fixed.beto-sports-coupon:not(.box-filter) .sports-filter {
    /* position:fixed; */
    /* top:35px; */
    /* z-index: 21; */
}
#root .sort-by-container.sports-today {
     margin:0;
    padding: 13px 8px;
     width:100%;
    max-width: 100%;
}
#root .mobile .sort-by-container.no-filter {
    margin-top:-1px;
    top: 45px;
}
.sort-by-container.dark > app-widget-host {
    width:100%;
}
.sort-by-container ul li.sortBySelected {
    background-color: var(--body-footer-color)
}
.live-page .sort-by-container {
    color:#6C6C6C
}
#root .beto-filter-dates .ui-dropdown {
    min-width:unset;
    border-radius:20px;
    font-size: 10px;
    /* overflow: hidden; */
    border: 0;
    background: transparent;
}
#root .beto-filter-dates  .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    width:18px;
    height:18px;
    top: 10px;
}
#root .beto-filter-dates  .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
    content:"";
    background-image:url(/v1.111/r/images/accessbet/icons/ant-design_caret-left-outlined_white.svg);
    display:block;
    height:100%;
}
.beto-filter-dates .ui-dropdown label {
    border-radius:20px;
    background-color:var(--c-primary-d);
    color:var(--c-white-e);
    font-size: 12px;
    border-color: transparent;
    border: 0;
}
.sort-by-container .beto-filter-dates .ui-dropdown-panel {
    min-width:100px;
    background-color:var(--c-primary-d);
    border:0;
}
.sort-by-container .beto-filter-dates .ui-dropdown-panel li {
    width:100%;
    justify-content:flex-start;
    color:var(--c-text-light);
    font-size: 12px;
}
.upcoming-active .sort-by-container {
    /* max-width: calc(100% - 110px); */
    padding-right:110px;
}

.beto-filter-dates .ui-dropdown .ui-dropdown-panel {
    left:0px!important
}
body .ui-dropdown .ui-dropdown-trigger {
     border-radius:20px;
     background-color:transparent;
     width: 20px;
     color: var(--c-black-e)
}
app-markets-switch-list ul,
app-l-cpn-market-switch-list ul{
    display:flex;
    overflow-x:auto;
    padding:5px 0px;
    background-color: var(--primary-divider-color)
}
app-markets-switch-list .market-switch-list-single-markets-list ul li,
app-l-cpn-market-switch-list ul li{
    white-space:nowrap;
    padding: 7px 12px;
    color:var(--c-text-light);
    font-size:0.9em;
    background-color: transparent;
    margin-right:5px;
    border-radius:var(--r-lg)
}
app-markets-switch-list .market-switch-list-single-markets-list ul li.mk-selected,
app-l-cpn-market-switch-list ul.market-switch-list-single-markets-list li.selected{
    background-color: var(--dark-green-color);
    color: var(--c-white-e)
}
.open-market-window {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    background-color: var(--dark-green-color);
    color: var(--c-white);
    border-right: 1px solid var(--color-black)
}
app-markets-switch-list:not(.market-list-open) .open-market-window::before {
    position:absolute;
    width:100%;
    content:"";
    height:34px;
    left: 0px
}
app-markets-switch-list:not(.market-list-open) .open-market-window::after {
    content:"";
    width:11px;
    height:11px;
    background-image:url(/v1.172/r/images/site/icons/Arrow_Down.svg);
    background-size:11px;
    margin-left:5px
}
app-markets-switch-list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    bottom:-100%
    
}
.mobile app-markets-switch-list {
    z-index: 99;
    position:sticky;
    top:34px
}
#root .mobile.view-page-sports-today app-markets-switch-list {
    top:177px
}
.live-block app-markets-switch-list {
    top: 129px;
}
app-markets-switch-list .market-switch-list-items {
    flex:1;
    padding:0px;
}
app-markets-switch-list .market-switch-list-items li:not(.selected) {
    display:none;
}
app-markets-switch-list .market-switch-list-items li.selected {
    width:100%;
    border-radius:0px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}
app-markets-switch-list .market-switch-list-single-markets-list {
    width:100%;
}
app-markets-switch-list.market-list-open {
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    width: 100%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: var(--primary-divider-color);
    height: 80%;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    animation-name: move;
    animation-duration: .2s;
    top:unset;
}
app-markets-switch-list.market-list-open .open-market-window {
    width:100%;
    height: 64px;
    background-image: url(/v1.190/r/images/site/icons/material-symbols_close_white.svg);
    background-repeat:no-repeat;
    background-position:calc(100% - 5px) 5px;
    background-color: var(--body-footer-color);
    padding-top:20px;
    border-bottom: 1px solid var(--dark-green-color);
}
app-markets-switch-list.market-list-open .open-market-window::before {
    content:"";
     width: 29px;
    height: 5px;
    position: absolute;
    background-color: var(--c-tint-b);
    top: 8px;
    border-radius: var(--r-lg)
}
app-markets-switch-list.market-list-open .market-switch-list-items {
    width:50%;
    flex-direction:column;
    flex: unset;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 64px);
    border-right: 1px solid var(--dark-green-color);
    background-color: var(--body-footer-color);
}
app-markets-switch-list.market-list-open .market-switch-list-items li {
    display:flex;
    align-items:center;
    color:var(--c-white-e);
    padding:10px 15px;
    padding-left:30px;
}
.coupons-sports-filter-football app-markets-switch-list.market-list-open .market-switch-list-items li.ms-custom:nth-child(2)::after{
    width:30px;
    height:20px;
    content:"";
    background-image:url(/v1.306/r/images/accessbet/icons/hottrend.svg);
    background-size:14px;
    background-position:center;
    background-repeat: no-repeat; 
    margin-left:10px;
}
app-markets-switch-list.market-list-open .market-switch-list-items li.ms-other {
    display:none;
}
app-markets-switch-list.market-list-open .market-switch-list-items li::before {
    width:19px;
    height:19px;
    content:"";
    background-color:var(--primary-info-color);
    border-radius:50%;
    margin-right:15px
}
app-markets-switch-list.market-list-open .market-switch-list-items li.selected::before {
    background-color: var(--primary-divider-color);
    background-image: url(/v1.115/r/images/accessbet/icons/ba-tick_black.svg);
    background-size: 19px
}
app-markets-switch-list.market-list-open .market-switch-list-items li.selected {
    background-color:transparent;
    justify-content:flex-start;
}
app-markets-switch-list.market-list-open .market-switch-list-single-markets-list {
    width:50%;
    height: calc(100% - 64px);
    overflow: auto;
}
app-markets-switch-list.market-list-open .market-switch-list-single-markets-list ul {
    flex-direction:column;
    padding: 5px 15px;
    overflow: hidden;
    background-color: var(--body-footer-color);
    /* overflow-x: hidden; */
    /* height: calc(100% - 74px); */
}
app-markets-switch-list.market-list-open .market-switch-list-single-markets-list ul li {
    min-height: 38px;
    display: flex;
    align-items: center;
    border-radius: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    white-space: normal !important;
    width: 100%;
    color: var(--c-white);
    background-color: var(--primary-divider-color)
}
app-markets-switch-list.market-list-open .market-switch-list-single-markets-list ul li.mk-selected {
    background-color: var(--dark-green-color);
    color: var(--c-white-e)
}
#root app-markets-switch-list.market-list-open ~ .events-sport-header {
    padding-top:83px;
    position:relative;
    margin-top: 0px;
}
#root app-markets-switch-list.market-list-open ~ .events-sport-header::before {
    width:50%;
    height:34px;
    top:0;
    position:absolute;
    left:0px;
    background-color:var(--c-blue-c);
    content:""
}
#root app-markets-switch-list.market-list-open ~ .events-sport-header::after {
    content:"";
    position:absolute;
    left:0px;
    top:34px;
    height:34px;
    background-color:var(--c-primary-d);
    width:100%;
}
@keyframes move {
    0% {
        opacity:0;
         bottom:-100%;
    }
    50% {
         opacity:1;
        bottom:-100%;
    }
    100% {
        opacity:1;
        bottom:0px;
    }
}
@keyframes movedesktop {
    0% {
        opacity:0;
         bottom:-100%;
    }
    30% {
         opacity:1;
        bottom:-100%;
    }
    100% {
        opacity:1;
        bottom:0px;
    }
}
.selector-header {
    position:sticky;
    top:0px;
    z-index:22;
    background-color: var(--dark-green-color);
}
.selector-header > app-widget-host {
    display:flex;
    flex-direction:row;
    /* background-color:var(--c-blue-d); */
}
.selector-header > app-widget-host .selector {
    flex:1;
}
.selector-header > app-widget-host .back {
    border-right:1px solid var(--color-black);
}
.selector-header > app-widget-host .selector .selector-title div,
.selector-header > app-widget-host .selector.back a{
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c-white-e);
    width: 100%;
    border-bottom: 1px solid var(--color-black);
}
.selector-header > app-widget-host .selector.back a::before {
    content:"";
    width:16px;
    height:16px;
    background-image:url(/v1.172/r/images/site/icons/Arrow_Down.svg);
    background-size:16px;
   
    transform:rotate(90deg)
}
.selector-header > app-widget-host .selector .selector-title div::after {
    content:"";
    width:16px;
    height:16px;
    background-image:url(/v1.172/r/images/site/icons/Arrow_Down.svg);
    
    background-size:16px;
    margin-left:5px;
}

.scored-goal-text {
    display:none
}
.dates-list-block.date-blocks {
    color:var(--c-white);
    position:sticky;
    top:0px;
    z-index:21;
}

.dates-list-block.date-blocks .dates-list-header,
.dates-list-block.date-blocks .dates-show-more{
    display:none;
}
.dates-list-block.date-blocks .dates-list-content {
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:0px 5px;
    margin-top:15px;
}
.dates-list-block.date-blocks .dates-list-content li.date-selected a{
    background-color: transparent;
    color: var(--color-white);
}
.dates-list-block.date-blocks .dates-list-content li:not(:last-child) {
    margin-right:5px;
}
.dates-list-block.date-blocks .dates-list-content a {
    color: var(--c-primary-b);
     height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    border-radius: 3px;
    background-color: #244241;
    border: 1px solid #244241;
}
.dates-list-block.date-blocks .dates-list-content a:hover {
}
.betslip-sidebar {
    display:none;
}
.betslip-sidebar > app-widget-host {
    padding:10px
}
.sports-sidebar {
    display:none;
}
.sports-sidebar > app-widget-host {
    padding:0px 10px;
}
.navbar-sports-filter-wrapper ul {
    display:flex;
    flex-direction:row;
    overflow:hidden;
    overflow-x:auto;
    max-width: 380px
}
.fastbet-adder-container {
    display:flex;
    flex-direction:column;
    
}
.fastbet-adder-container input {   
    min-height:34px;
    background-color:transparent;
    border:1px solid var(--c-green);
    color: var(--c-white);
    margin:5px;
    margin-top: 0px
}
.fastbet-adder-container .fastbet-add-button {
    width:calc(100% - 10px);
     min-height:34px;
    background-color:var(--c-blue-d);
    color:var(--c-white);
    margin:0px 5px;
}
.fastbet-adder-container .error-message{
    color: var(--c-text-light);
    padding:5px;
}
.market-switch-list-single-markets-dropdown select{
    border-radius: 15px;
    /* min-height: 30px; */
    padding-left: 5px;
    font-size: 10px;
    display: flex;
    border-color: var(--c-black);
    align-items: center;
    justify-content: center;
    width:80px;
    margin-top:10px;
    margin-left:auto;
    margin-right:8px;
    appearance:none;
    background-image:url(/v1.111/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    background-repeat:no-repeat;
    background-position:calc(100% - 5px) 50%;
    background-size:18px;
    padding-right:15px;
    overflow: hidden;
    text-overflow:ellipsis;
}
.view-page-sports .header-bottom-menu,
.view-page-live-match .header-bottom-menu{
        display:none;
    }
.betslip-bonus-balance-container {
    width:100%;
    background-color:var(--c-dark-green-color);
    padding:25px 15px;
}
.betslip-bonus-balance-container > app-widget-host{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    color: var(--c-text-light);
}
.betslip-bonus-balance-container app-block > app-widget-host {
    display:flex;
    flex-direction:row;
}
.betslip-bonus-balance-container .balance,
.betslip-bonus-balance-container .bonus{
    margin-left:10px;
}
.betslip-bonus-balance-container data-view {
    color:var(--c-emphasis-c);
    font-size:12px;
}
#root .mobile.view-page-sports-today .sort-by-container {
    top:46px;
}
#root .view-page-sports-today  .sort-by-container + .fixed.beto-sports-coupon .market-drop-down-heading select {
    /* top:65px; */
}
#root .mobile.view-page-sports-today .sports-filter {
    position: sticky;
    top: 104px;
    z-index:21;
}
.live-page .box-filter {
    
    position:sticky;
    z-index:21;
    background-color:var(--c-background)
}
.mobile .live-page .box-filter {
    top:0px;
}
#root .live-page .sort-by-container {
    top:78px;
    position:sticky;
    z-index:21;
    padding: 15px 10px;
    margin: 0;
   
}
.timerange-title {
    display:none
}
#root .sort-by-container + .beto-sports-coupon .events-sport-header  {
   height:24px;
   position:sticky;   
   z-index: 80; 
   width:50%;
   margin-left:auto;
}
#root .mobile .sort-by-container + .beto-sports-coupon .events-sport-header {
    position: sticky;
    top: 80px; 
    z-index: 80;
}
#root .mobile .sort-by-container + .beto-sports-coupon .events-sport-header .market-heading{
    color: var(--primary-success-color);
}
#root .sort-by-container + .beto-sports-coupon:not(.live-block) .events-sport-header + div {
 /*   margin-top:-20px; */
}
#root .sort-by-container.search-sort + .beto-sports-coupon .events-sport-header {
    display:none
}
#root .sort-by-container.sports-today + .beto-sports-coupon .events-sport-header {
     transform: translateY(-116px);
     
}
#root .mobile .sort-by-container.sports-today + .beto-sports-coupon .events-sport-header {
    top: 181px;
}
#root .sort-by-container.search-sort.dark {
    margin-top:0px;
    background-color: var(--primary-divider-color)
    
}
#root  .sort-by-container.search-sort.dark {
    top: unset;
}
#root .mobile .sort-by-container.search-sort.dark {
    top: 73px;
    z-index: 100
}
#root .sort-by-container.no-filter + .beto-sports-coupon .events-sport-header {
    /* transform: translateY(-22px); */
    top: 104px;
}
.date-custom {
    color:var(--c-white-e)
}
.date-custom ul {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    
    padding-left:4px;
    width:100%;
}
.date-custom ul li {
    width:calc(50% - 8px);
    background-color:var(--body-footer-color);
    height:40px;
    margin-right:4px;
    margin-bottom:4px;
    display:flex;
    align-items:center;
    padding:0px 15px;
    color:var(--c-text-light);
    font-size:15px;
    border-radius:2px;
    cursor:pointer;
}
.date-custom ul li span {
    margin-right:5px;
}
.date-custom ul li:last-child {
    margin-right:auto;
}
.date-block-header {
    font-size:20px;
    font-weight:semibold;
    padding:15px;
}
.sport-links > app-widget-host {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
   
    padding-left:4px;
}
.sport-link {
    color:var(--c-text-light);
     width:calc(50% - 8px);
    background-color:var(--body-footer-color);
   border-radius:2px;
    margin-right:4px;
    margin-bottom:4px;
    
}
.sport-link:last-child {
    margin-right:auto
}
.sport-link > app-widget-host {
     height:40px;
     padding:0px 15px;
    color:var(--c-text-light);
    font-size:15px;
    display:flex;
   flex-direction:row;
    align-items:center;
}
.live-counter {
    margin-left:5px;
}
.live-counter data-view::before {
    content:"(";
}
.live-counter data-view::after {
    content:")";
}
.separator {
    display:flex;
    justify-content:center;
    margin:10px 0px;
    margin-top:5px;
}
.separator > app-widget-host {
    height:2px;
    max-width:200px;
    background-color:var(--body-footer-color)
}
.theme-dropdown-switcher .theme-label {
    display:none;
}
.theme-dropdown-switcher .active-theme {
    display:none;
}
.theme-dropdown-switcher ul {
    padding:10px 20px;
    display:flex;
    flex-direction:column;
}
.theme-dropdown-switcher .theme.default {
    order:-1;
}
.theme-dropdown-switcher .theme {
    min-height:52px;
    display:flex;
    align-items:center;
    padding:10px 5px;
    border-bottom:1px solid var(--c-blue-c)
}
.theme-dropdown-switcher .theme .default-label{
    margin:0px 4px;
}
.theme-dropdown-switcher .theme::after {
    content:"";
    width:20px;
    height:20px;
    background-color:var(--c-blue-c);
    border-radius:50%;
    margin-left:auto;
    margin-right:20px;
}
.theme-dropdown-switcher .theme.theme-selected::after {
    background-color:var(--c-emphasis-c)
}
.theme-dropdown-switcher .theme .icon {
    width:39px;
    height:43px;
    background-position:center;
    background-repeat:no-repeat;
    margin-right:10px;
}
.theme-dropdown-switcher .theme label {
    display:flex;
    flex-direction:column;
}
.theme-dropdown-switcher .theme label span.theme-title {
    font-size:18px;
    line-height:18px;;
    font-weight:500;
    color:var(--c-white-e);
    margin-bottom:5px;
}
.theme-dropdown-switcher .theme label span.theme-caption {
    font-size:13px;
    color:var(--c-text-light);
}
.theme-dropdown-switcher .theme.auto .icon {
    background-image:url(/v1.188/r/images/accessbet/icons/ThemeAuto.svg)
}
.theme-dropdown-switcher .theme.dark .icon {
    background-image:url(/v1.188/r/images/accessbet/icons/ThemeDark.svg)
}
.theme-dropdown-switcher .theme.light .icon {
    background-image:url(/v1.188/r/images/accessbet/icons/ThemeLight.svg)
}
.theme-change-header div {
    font-size:12px;
    text-align:center;
}
body#root .ui-dialog.bottom-modal-theme-change .ui-dialog-title,
body#root .ui-dialog.bottom-modal-bet-book .ui-dialog-title{
    display:flex;
     font-size:12px;
    text-align:center;
    font-weight:500;
   transform:translateY(10px)
}
.custom-dates-list-block ul {
   
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0px 5px;
    margin: 8px 0;
}
.custom-dates-list-block ul li {
   
    color: var(--c-text-light);
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    background-color: var(--dark-green-color);
    border: 1px solid var(--dark-green-color);
    border-radius: 3px
}
.custom-dates-list-block ul li .date-block-description {
    display:none;
}
.custom-dates-list-block ul li:not(:last-child) {
    margin-right:5px;
}
.custom-dates-list-block ul li span {
    margin-right:5px;
}
.custom-dates-list-block {
    background-color: var(--primary-divider-color);
    color: var(--c-white);
    position: sticky;
    top: 0px;
    z-index: 21;
}
.custom-dates-list-block ul li.date-selected {
        background-color: transparent;
}
.ui-overflow-hidden .modal-close-test {
    display:block;
}
.ui-overflow-hidden .modal-close-test a {
    position:fixed;
    width:100%;
    height:100%;
    background-color:var(--c-black);
    z-index: 1000;
    top:0px;
    left:0px;
    color:transparent;
    overflow: hidden;
}

.change-password-header,
.change-password-description{
    display:none;
    text-align:center;
}
.change-password-header {
    margin-top:30px;
    font-weight:600;
    font-size:25px;
}
.change-password-description {
    padding:20px;
    color: var(--c-text-light);
}
.expireduser .change-password-header,
.expireduser .change-password-description{
    display:block;
}
.expireduser .login-header {
    /* display:none; */
}
.expireduser .forgotpass.link {
    /* display:none; */
}
.login-action-error-message {
    display:none;
}
.change-password-wrapper .form-row {
    margin-bottom:10px;
}
.theme-toggle {
    max-width:388px;
    background-color:var(--c-blue-c);
    width:calc(100% - 20px);
    color: var(--c-text-light);
    padding:5px;
    margin:0px auto 35px;
}
.theme-toggle > app-widget-host {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.theme-toggle > app-widget-host .icon {
    width:24px;
    height:24px;
    margin-right:5px;
}
.promotions-container {
    color:var(--c-white);
    padding:8px;
}
.promo {
    overflow:hidden;
    border-radius:5px;
}
.promo:not(:last-child) {
    margin-bottom:8px;
}
.promo .promo-title{
    background-color: var(--body-footer-color);
    padding:8px;
}
.promo app-image {
    display:flex;
}
 #fc_frame,
.scroll-up #fc_frame {
    right:5px!important;
    bottom:65px!important
}
.scroll-down #fc_frame{
     bottom:5px!important
}
.scroll-up .bet-added #fc_frame{
    bottom:135px!important
}
.scroll-down .bet-added #fc_frame{
    bottom:55px!important
}
.switch-to-old  {
    width:100%;
}
.switch-to-old > app-widget-host {
    display:flex;
    flex-direction:row;
    background-color:#491A96;
    align-items:center;
    min-height:60px;
    padding:0px 10px;
}
.switch-to-old > app-widget-host .phone-image {
    width:42px;
    height:42px;
    margin-right:8px;
}
.switch-to-old > app-widget-host .switch-to-old-link {
    color:var(--c-white-e);
    font-weight:500;
    font-size:15px;
}
.switch-to-old > app-widget-host .switch-to-old-text {
    color:var(--c-emphasis-c);
    font-size:10px;
}
.switch-to-old > app-widget-host .hide-notif {
    margin-left:auto;
    margin-right:5px;
}
.switch-to-old > app-widget-host .hide-notif button {
    width:25px;
    height:25px;
    background-color:transparent;
    background-image:url(/v1.228/r/images/accessbet/icons/carbon_close-outline.svg);
    background-repeat:no-repeat;
    background-size:25px;
    
}
.fullscreen-iframe {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.fullscreen-iframe iframe {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    height:100%;
}
#customWidget_resendcodebutton {
    display:flex;
    flex-direction:column;
    align-items:center;
}
#customWidget_resendcodebutton button.resend-code-button {
    isplay: flex;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
    height: 40px;
    max-width: 264px;
    margin: 0 auto;
    background-color:var(--c-blue-c);
    color:var(--c-white-e);
    border-radius: var(--r-lg);
    margin-top:15px;
}
#customWidget_resendcodebutton button.resend-code-button:disabled {
     background-color:var(--c-blue-d);
    color:var(--c-text-light);
}
#customWidget_resendcodebutton .resend-code-text {
    color:var(--c-blue-a)
}
#customWidget_resendcodebutton .resend-code-text span.time-span{
    margin-left:8px;
}

.active-mobile-app-offline-modal .ui-overlaypanel{
    position:fixed;
    height:auto;
    top:unset!important;
    bottom:70px;
    width:calc(100% - 20px);
    left:10px!important;
    border-radius:10px;
    background-color:var(--c-blue-d);
    color:var(--c-text-light);
    font-size:13px;
    display:block!important;;
}
.active-mobile-app-offline-modal .ui-overlaypanel .ui-overlaypanel-content {
    padding:10px;
}
.active-mobile-app-offline-modal .ui-overlaypanel::before,
.active-mobile-app-offline-modal .ui-overlaypanel::after{
    display:none;
}
.active-mobile-app-offline-modal .ui-overlaypanel .app-offline-container > app-widget-host {
    display:flex;
    flex-direction:row;
    align-items:center;
}
.active-mobile-app-offline-modal .ui-overlaypanel .app-offline-container .offline-icon {
    min-width:30px;
    height:30px;
    background-image:url(/v1.284/r/images/accessbet/icons/nt-warning-i.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:30px;
    margin-right:10px;
}
.active-mobile-app-offline-modal .ui-overlaypanel .app-offline-container .offline-title {
    font-weight:bold;
    margin-bottom:4px;
    color:var(--c-white-e);
}
.scroll-down .active-mobile-app-offline-modal .ui-overlaypanel {
    bottom:10px;
}
.stat-header {
    position:fixed;
    width:100%;
    height:36px;
    top:56px;
    background-color:var(--c-blue-d)
}
.stat-header > app-widget-host {
    height:100%;
}
.stat-header .go-back {
    height:100%;
    display:flex;
    width:100%;
}
.stat-header .go-back a {
    width:100%;
    font-size:0px;
    
}
.stat-header .go-back a::before {
   
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-image: url(/v1.099/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    filter: invert(1);
    background-repeat: no-repeat;
    background-position:center;
    transform: rotate(90deg);

}
.beto-sports-match-statistics .match-statistics-iframe{
    position:fixed;
    width:100%;
    height:calc(100% - 92px);
    top:92px;
    left:0px;
}
.beto-sports-match-statistics .match-statistics-iframe iframe {
    position:absolute;
    height:100%;
    width:100%;
}
.betbuilder-offered:not(.betbuilder-enabled) .betbuilder-toggle {
    background-color: var(--primary-divider-color);
    padding-bottom:8px
}
.betbuilder-toggle:not(:empty) {
    /* width:120px; */
    color:var(--c-white);
    display:flex;
    align-items:center;
    padding: 8px 0;
}
#root .betbuilder-toggle .toggle-switch-text {
    padding:0px 4px;
    font-size:12px;
}
#root .betbuilder-toggle .toggle-switch {
    height:22px;
    width:40px;
    border-radius:40px;
}
#root .betbuilder-toggle .toggle-switch .slider {
    border-radius:30px;
    background-color: var(--body-footer-color)
}
#root .betbuilder-toggle .toggle-switch .slider:before {
    width:16px;
    height:16px;
    top:3px;
    border-radius:50%;
}
#root .betbuilder-toggle .toggle-switch input:checked + .slider {
    background-color:var(--c-green)
}
#root .betbuilder-toggle .toggle-switch input:checked + .slider:before {
    transform:translateX(16px)
}
.market-group .selection-info-icon-wrapper {
    display:block;
    margin-left:5px;
    /* position: relative; */
    /* z-index: 1; */
}
.market-group .selection-info-icon-wrapper .selection-info-icon {
    width:24px;
    height:24px;
    font-size:0;
    background-image:url(/v1.190/r/images/site/icons/material-symbols_info.svg);
    background-size:24px;
    background-repeat:no-repeat;
}
.market-group .selection-info-icon-wrapper .selection-info-icon {
    display:block;
}
.market-group .selection-info-icon-wrapper .selection-info-panel {
    position:fixed;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:350px;
    width:100%;
    padding:20px;
    display:flex!important;
    flex-direction:column;
    align-items:flex-end;
    border-radius:10px;
    background-color:var(--c-primary);
    box-shadow:unset;
}
.market-group .selection-info-icon-wrapper p-overlaypanel:not(:empty) ~ .selection-info-icon::before {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:var(--c-shade-b);
  display:block;
  z-index:1000;
  content:"";
  /* pointer-events: none; */
}
.market-group .selection-info-icon-wrapper .selection-info-panel::before,
.market-group .selection-info-icon-wrapper .selection-info-panel::after{
    display:none;
}
.market-group .selection-info-icon-wrapper .selection-info-panel .ui-overlaypanel-close {
    position:unset;
    width:auto;
    height:auto;;
    border-radius:5px;
    padding:2px 10px;
    background-color:var(--c-green)
}
.market-group .selection-info-icon-wrapper .selection-info-panel .ui-overlaypanel-close span::before {
    content:"OK";
    font-family:"Roboto";
}
#root .beto-featured-leagues {
    background-color: var(--primary-divider-color);
    position:relative;
    padding-bottom:30px;
    order: 2;
    width: 100%;
}
#root .beto-featured-leagues::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: var(--c-white-e);
}
.beto-featured-leagues .featured-leagues-header {
     background-color: var(--primary-divider-color);
    color: var(--c-white-e);
    font-size: 15px;
    line-height: 1;
    padding: 0px 18px;
    text-transform:uppercase;
    min-height:42px;
    box-shadow:unset;
    padding-right:30px;
}
.beto-featured-leagues .featured-leagues-header .featured-leagues-toggle {
    width:16px;
    height:16px;
    position:relative;
    display: none
    
}
.beto-featured-leagues .featured-leagues-header.collapsed  .featured-leagues-toggle::after {
    transform:rotate(-90deg)
}
.beto-featured-leagues .featured-leagues-header  .featured-leagues-toggle::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-image: url(/v1.190/r/images/site/icons/arrow-right-black.svg);
    background-size: 10px;
    background-position:center;
    background-repeat:no-repeat;
    filter:invert(1);
    transform: rotate(90deg);
}
.beto-featured-leagues .featured-leagues-content {
    background: hsla(163, 25%, 19%, 1);
    background: linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    color: var(--c-white-e);
    padding: 8px;
    padding-top: 0px;
}
#root .featured-leagues-header.collapsed + .featured-leagues-content{
    display: block
}
.mobile-large .beto-featured-leagues .featured-leagues-content{
    background: transparent!important
}
.beto-featured-leagues .featured-leagues-content .featured-league {
    background-color:transparent;
    height:auto;
}
.beto-featured-leagues .featured-leagues-content .featured-league a{
    display:flex;
    min-height:35px;
    height:42px;
   
    align-items:center;
    font-size: 15px;
    line-height: 1;
    padding:0px;
    color: var(--c-white-e);
    padding: 0 8px;
    text-transform:uppercase;
}
.beto-featured-leagues .featured-leagues-content .featured-league .featured-league-category{
   /* width: 21px; */
   /* height: 15px; */
   /* background-size: 26px 20px; */
    background-position: center;
    background-repeat: no-repeat;
}
.featured-league-category{

}
.premier-league,
.featured-league-category.premier-league{  
    background-image: url(/v1.5604/r/images/site/englandnew1.svg)
}
.nav-feature:has(.nav-feature-name[title="International Clubs UEFA Champions League"]) .international-clubs,
.fl-uefa-champions-league,
.featured-league-category.fl-uefa-champions-league{
    background-image: url(/v1.5604/r/images/site/uclnew1.svg)
}
.spain-la-liga,
.featured-league-category.spain-la-liga{
    background-image: url(/v1.5604/r/images/site/spainnew1.svg)
}
.italy-serie-a,
.featured-league-category.italy-serie-a{
    background-image: url(/v1.5604/r/images/site/italynew1.svg)
}
.germany-bundesliga,
.featured-league-category.germany-bundesliga{
    background-image: url(/v1.5604/r/images/site/germanynew1.svg)
}
.france-ligue-1,
.featured-league-category.france-ligue-1{
    background-image: url(/v1.5604/r/images/site/francenew1.svg)
}
.liga-portugal,
.featured-league-category.liga-portugal{
     background-image: url(/v1.5604/r/images/site/prtogalnew1.svg)
}
.primeira-liga,
.portugal.primeira-liga{
     background-image: url(/v1.5604/r/images/site/prtogalnew1.svg)
}
[class*="fl-caf-champions"]{
    background-image: url(/v1.5604/r/images/site/icons/CAF-Champions-League-Africa.svg)
}
[class*="fl-uefa-champions"]{  
    background-image: url(/v1.5604/r/images/site/icons/uefa-champions-league-light.svg)
}



.beto-featured-leagues .featured-leagues-content .featured-league a .featured-league-sport{
    display:none;
}
.beto-featured-leagues .featured-leagues-content .featured-league:not(:last-child) {
    margin-bottom:3px;
    margin-top: 3px
}
.beto-featured-leagues ~ .beto-nav,
.beto-featured-leagues ~ .beto-nav .beto-nav,
.beto-featured-leagues ~ .beto-nav .navbar-sports-filter-wrapper,
.beto-featured-leagues ~ .beto-nav  form,
#root .beto-featured-leagues ~ .beto-nav .nav-sports{
    display:contents;
}
.sports-filter-featured-leagues-container > app-widget-host {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}