/*  2/6/2021 DS 3545-3547 */
/* mv 2022-08-16 disabled lines 383-384 (incomplete rule) */

/* Stop elastic scrolling of body on ios desktop version  */
@media all and (min-width: 1000px) {
    #root {
        overflow: hidden;
        
    }
}

/* Loading Overlay */

#root .overlay[_ngcontent-dfv-c1] {
    background-color: var(--c-background)!important;
    mix-blend-mode: multiply!important;
    opacity: 0.9!important;
}

/* Overlay Panels */

#root .body .ui-overlaypanel {
    padding: 0;
    margin: 0;
    border:  none;
    height: auto;
    position:  relative;
    top: unset!important;
    left: unset!important;
    width: 300px;
}


#root .body .ui-overlaypanel .ui-overlaypanel-content {
    padding: 0;
    margin: 0;
    height: auto;
    min-height:  unset;
}








/* Changes to Match-Favorite Desktop & Mobile */
/* New More-Links Overlay */

#root .match-more-links-app-modal {
    width: 160px;
    border:0;
    background-color: unset;
    margin:0;
    padding: 0;
    left: unset!important;
    right: 24px;
    border-radius: 4px 0 4px 4px;
    border: 2px solid var(--c-shade-b);
    transform: translateY(-47px)!important;
    overflow:  hidden;
    background-color: var(--c-white-e);
    position: absolute;
}

#root .match-more-links-app-modal .ui-overlaypanel-content {
    display: block;
    box-sizing: border-box;
    position: relative;
    /* flex: 0 0 100px; */
    /* height: 80px; */
    /* width: 100%; */
    /* right: 26px; */
    /* bottom: 22px; */
    background-color: var(--c-shade);
    color: var(--c-black);
    font-weight: 600;
    padding: 0;
}



#root .match-more-links-app-modal .ui-overlaypanel-content app-widget-host {

}

#root .match-more-links-app-modal .beto-coupon-more-links {

}

#root .match-more-links-app-modal .match-more-links-wrapper {

}

#root .match-more-links-app-modal .more-items {
    margin: 0;
    padding: 0;

}

#root .match-more-links-app-modal .more-items li {
    display: inline-block;
    width: 100%;
    line-height: 16px;
    padding: 14px;
    border-top: 1px solid var(--c-shade-b);
}

#root .match-more-links-app-modal .more-items li:first-child {
    border-top:none;
}




#root .events-tournament-wrapper .match-links .match-statistics,
#root .events-tournament-wrapper .match-links .match-live-tracker,
#root .events-tournament-wrapper .match-links .match-favorite {
    background-size: 16px;
    height: 14px;
    width: 16px;
}
#root .events-tournament-wrapper .match-links .match-statistics {
    display: block;
    background-size:16px;
}
#root .mobile .events-tournament-wrapper .match-links .match-favorite, #root .mobile .events-tournament-wrapper .match-links .match-statistics {
    display: none
}

#root .mobile .match-info .match-is-fav, #root .mobile .match-info .outright-is-fav {
    display: inline-block;
    background: url(/v1.02/r/images/site/icons/Favorite_On.svg) center center / 14px no-repeat;
    color: transparent;
    width: 14px;
    height: 12px;
    margin: 0;
    order: -1;
}

/* Full-Screen Streamer/Tracker in Landscape  */


#root .mobile.os-ios.landscape.view-page-live-match,
#root .mobile.os-android.landscape.view-page-live-match, {
    max-height: 100vh;
    overflow: hidden;
}


/* for Perform */

#root .mobile.landscape .iframe-container.fullscreen {
    background-color: var(--c-background);
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}



/* Display n Selections for iPhone */
#root .sports-menu-block .nav-sports {
    /* overflow:visible; */
    border-radius: 4px;
    /* overflow: hidden; */
}

/*#root .site {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    
}*/


/* Line 1761 */
#root .betslip-notifications {
    /* bottom: 54px; */
    top: unset;
    left: unset;
    z-index: 100;
}
#root.active-mobile-betslip-view .quickbet-notifications-wrapper {
    bottom:0px;
}
/* Navigation */
/***  USER AREA ****/
#root .desktop .body app-history {
    background-color: transparent;
    flex-grow: 1;
}

#root .desktop .user-page-content .profile-info, #root .desktop .user-page-content .profile-menu {
    max-width: 720px;
    width: 100%;
    margin: 8px auto;
}

#root .desktop .content.user-page-content {
    padding-bottom: 0;
}

#root .desktop .body .user-page-content app-menu li a {
    padding: 0 20px;
    width: 100%;
}

#root .desktop .body .user-page-content app-menu li a span {
    width: 100%;
}

.body .desktop .body .history-content-wrapper .history-content .ui-table-wrapper {
    margin: 0;
}

#root .desktop .body app-history .history-bet-wrapper {
    /* margin: 0 0 8px 0; */
}

#root .desktop .body .user-page-content app-menu li {
    overflow: unset
}

/* Logout User */
#root .user .logout button {
    background: url(/v1.02/r/images/site/icons/Logout.svg) center center no-repeat;
    background-color: var(--c-tint);
    /* Green */
    border: none;
    color: transparent;
    padding: 8px 0px 8px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 2px;
}

#root .user .user-page-content .logout {
    -webkit-appearance: none;
    border: none;
    height: 30px;
    width: 60px;
    right: 0px;
}

#root .user-page-content .logout {
    height: auto;
    width: 100%;
    padding: 18px;
}

#root .user-page-content .logout button {
    border-radius: 2px;
    border: solid 1px var(--c-shade);
    background-color: var(--c-shade-b);
    height: 28px;
    padding: 0 12px;
    height: 40px;
    font-size: 14px;
    color: var(--c-black);
    letter-spacing: 0.05em;
    width: 100%;
}

/* Logout User END */
/* Line-height in User Area- Mobile */
#root .user-page-content .menu-list-item .label {
    width: 50%;
    line-height: 16px;
    padding-left: 4px;
    height: auto;
    margin: auto 0;
}

/* User Page Styling  */
#root .desktop .user-area .user-left-sidebar {
    height: 100%
}

#root .desktop .user-area .user-nav-container {
    border-right: 1px solid var(--c-shade-b);
    margin: 0 8px;
    height: fit-content
}

#root .desktop .user-area .user-nav > ul > li > a {
    background-color: var(--c-shade-b);
    border-bottom: 1px solid var(--c-shade);
    font-weight: 600;
}

#root .desktop .user-area .user-page-content .user-page-header {
    border-bottom: 1px solid var(--c-shade-b);
    padding: 0 0 16px 0;
    margin-bottom: 16px;
}

#root .desktop .user-area .user-page-note {
    margin-top: unset;
    text-indent: 0;
    order: 2;
    margin: 8px 0;
}

/* #root .desktop .user-left-sidebar .username {
    font-weight } */

#root .desktop .user-area .user-page-content .balance-details {
    border-bottom: 1px solid var(--c-shade-b);
}

#root .desktop .user-area .body > app-widget-host {
    min-height: unset;
}

#root .desktop .user-area .user-left-sidebar .username, #root .desktop .user-area .user-left-sidebar .balance-details {
    padding: 0 0 16px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--c-tint-b);
}

#root .desktop .user-area .user-left-sidebar .balance-details .row {
    color: var(--c-white);
}

#root .desktop .user-area .user-left-sidebar .balance-details .row .value {
    font-weight: 400
}

#root .desktop .user-area .user-left-sidebar .balance-details .row-balance .value {
    font-weight: 600;
    color: var(--c-white-e)
}

/***  W_SPORTS_COUPON ****/
/* Server Indication for Sports Coupon */
#root .sports-coupon .match-is-live .match-info .match-teams {
    padding-right: 0 !important;
    flex-wrap: nowrap;
    display: flex;
}

#root .sports-coupon .match-is-live.selected-match .match-info .match-teams {
    color: var(--c-white-e);
}

#root .sports-coupon .match-is-live.selected-match .odds-selection-default {
    /* background-color: #dee3e8; */
    /* border-color: var(--c-shade-b); */
}

#root .sports-coupon .match-is-live.selected-match .odds-selection-default.odds-bet-slip-selected {
    /* background-color: var(--c-emphasis); */
}

.match-info .match-teams .match-home-team.server:after, .match-info .match-teams .match-away-team.server:after {
    
    right: 0px;
    top: 4px;
    
}

#root .match-streamer video.sravvpl_video0, #root .match-stream video.sravvpl_video0 {
    width: 100%;
}

#root .sravvpl_wrapper.sravvpl_theme_0, #root .sravvpl_wrapper.sravvpl_theme_0 {
    width: 100%!important;
    position: relative;
    overflow: hidden;
    height:0 !important;
    padding-top: 56.25%;
}

#root .sravvpl_subVideoContainer1, #root .sravvpl_subVideoContainer2, #root .sravvpl_subVideoContainer3 {
    display: none;
}

/* W_Sports_Coupon Markets Tabs Smaller */
#root .match-market-group .market-groups button {
    padding: 0 8px;
}

/* Removal of SPort Counter in Coupon Header  */
.events-sport-wrapper .events-sport-header .events-sport-name-wrapper .event-sport-counter {
    display: none;
}



/* No Matches Notification in Sports Coupon */
.events-wrapper .events-no-matches {
    background-color: var(--c-paper);
    height: auto;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding: 8px;
    color: var(--c-black);
    text-transform: initial;
}

/* Match Not Available */
#root .sports-match-wrapper .match-not-available {
    background-color: var(--c-background);
    font-weight: 400;
    color: var(--c-white);
    padding: 16px 8px;
    height: unset;
}

#root .desktop.view-page- .content app-l-cpn,
#root .desktop.view-page- .content app-sports-coupon {
    margin-bottom: 8px;
    position: relative;
}

/* User Overlay Panel */
#root .desktop .default-overlay {
    right: 100px;
    top: 38px;
    left: unset!important;
    z-index: 90;
    margin: 0;
    font-size: 13px;
    border-radius: 4px;
}


#root .desktop .default-overlay .ui-overlaypanel-content {
    padding: 8px;
}

#root .desktop .default-overlay:before {
    display: none
}

body .default-overlay:after {
    /*     display: none; */
    right: 18px;
    left: unset;
}

#root .desktop .default-overlay .user-page-content {
    min-width: unset;
    overflow: unset;
    padding: 0;
}

#root .desktop .default-overlay > app-widget-host {
    height: auto;
    min-height: unset;
}

#root .desktop .default-overlay .user-top, #root .desktop .default-overlay .logout {
    padding: 8px;
}

#root .desktop .default-overlay .deposit-link {
    margin: 0
}

body .desktop .default-overlay .default-overlay-content {
    padding: 0
}

#root .desktop .default-overlay .menu-list-block {
    padding: 0 4px;
}

#root .desktop .default-overlay .user-top {
}

/* Show/Hide Funds in User Overlay Panel */
#root .desktop .default-overlay .show-hide-funds {
    /* position: relative; */
    top: 8px;
    right: 8px;
}

#root .desktop .default-overlay .show-hide-funds div {
    /* position: relative; */
}

#root .desktop .default-overlay .show-hide-funds div:after {
    /* position: relative; */
    content: '';
    width: 20px;
    border: 1px solid var(--c-shade);
}

#root.hide-user-funds .desktop .default-overlay .show-hide-funds div::after {
    content: '';
}

/* Username styling to Accommodate the Show Hide Funds Button */
#root .desktop .default-overlay .username div {
    width: calc(100% - 36px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px;
}

#root .user-page-content .user-top .username {
    position: relative;
    height: 36px;
    height: auto;
    font-size: 22px;
    padding-top: 0;
    /* margin-top: 8px; */
}

/*** DESKTOP ***/
/* Events Header Off-set correction for iPhone */


#root .desktop .events-tournaments-wrapper {
/*    position: sticky;
    position: -webkit-sticky;*/
    top: 60px;
    z-index: 9;
}

/* Changes to User Links in Header */
#root .desktop .header .user .account-info.link {
}

#root .desktop .user-links .deposit-link {
    background-color: var(--c-green);
    border-radius: 4px;
    font-weight: 600
}

#root .desktop .header .user .account-info.link .username {
    font-weight: 600;
    /* text-indent: 36px; */
    padding: 0 8px 0 36px;
}

#root .desktop .header .user .account-info.link .balance {
    color: var(--c-green);
    font-weight: 600
}

#root .desktop .header .user .account-info.link:before {
    left: 0;
    pointer-events: none;
}



.live-match-side-coupon .beto-sports-coupon {
    border-bottom: 0;
}

.live-match-side-coupon .events-sport-wrapper {
    margin-bottom: 2px;
    /* overflow: hidden; */
}

/* Market Outcome alignment in Headers */
#root .desktop .events-sport-header .market-drop-down-heading .app-markets-drop-down:not(.no-other-markets) .market-heading {
    position: relative;
    top: 0;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 0px 6px 2px 6px;
    color: var(--c-white);
    height: auto;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    /* min-height: 36px; */
    max-height: 36px;
    margin-top: auto;
    border-radius: 2px;
    border: 1px solid var(--c-tint-b);
    background-color: #405670;
    /* background-color: unset; */
    background-image: unset;
    /* width: 100%; */
}

#root .desktop.device-desktop .events-sport-header .market-drop-down-heading .market-heading:hover {
    height: auto;
    max-height: unset;
}
#root .events-sport-header .market-drop-down-heading app-markets-drop-down:not(.no-other-markets)::before {
    background-image:url(/v1.036/r/images/site/icons/Arrow_Down.svg);
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    background-size:18px;
    z-index:12;
    right:0px;
    top:8px;
    pointer-events: none;
}
#root .events-sport-header .market-drop-down-heading app-markets-drop-down {
    width: 100%;
    height: 100%;
    position: relative;
}

#root .events-sport-header .market-drop-down-heading .no-other-markets {
    border-radius: 2px;
    /* border: 1px solid var(--c-shade-b); */
    position: relative;
    /* background-color: var(--c-shade); */
    /* top: 0; */
    display: inline-flex;
    justify-content:  center;
    align-items: center;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 0px 6px 2px 6px;
    color: var(--c-white);
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    min-height: 36px;
    max-height: 36px;
    margin: auto 0;
    border-radius: 2px;
}

#root .events-sport-header .market-drop-down-heading .no-other-markets .market-heading {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: auto;
}

#root .market-drop-down-heading {
    position: relative;
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
}

/* Move Footer Off Screen */
#root .desktop {
    min-height: 100vh;
}

#root .desktop .doc > app-widget-host {
    min-height: 100vh;
}

#root .desktop .body {
    flex: 1 1 100%;
}

#root .desktop .body > app-widget-host {
    max-height: calc(100vh - 112px);
    max-height: -moz-calc(100% - 112px);
    max-height: -webkit-calc(100vh - 112px);
}

#root .desktop .footer {
    padding: 20px 10% 20px;
    margin: 0;
    flex: 0 0 auto;
    height: auto;
}

#root .desktop .footer > app-widget-host {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#root .desktop .footer .logo.link {
    display: inline-flex;
    flex: 0 0 auto;
}

#root .desktop .footer .logo.link img {
    margin: auto auto 0;
}

.content {
    display: flex;
}

.content .sports-coupon-block {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    /* min-height:48px; */
}
.content .sports-coupon-block > app-widget-host {
  
    width:100%;
}
.mobile .beto-sort-by ~ .beto-sports-coupon,
.mobile .beto-sort-by ~ .beto-sports-coupon .sports-coupon,
.mobile .beto-sort-by ~ .beto-sports-coupon .sports-coupon .events-wrapper{
    display:contents;
}
.beto-sort-by ~ .beto-sports-coupon .inline-sports-filter {
    order:-1;
}
.beto-sort-by ~ .beto-sports-coupon .inline-sports-filter:empty {
    margin-top:0px;
}
.content .footer {
    display: inline-flex;
    flex: 1 0
}

/* Footer styling for Mobile */
/* Note: Footer styles should be removed from User.css */
#root .mobile .body > app-widget-host {
    min-height: calc(100vh - 54px);
}

#root .mobile .footer .logo img {
    display: block;
    margin: 10px auto;
    width: 80px;
    height: auto;
}

/* FT HT ODDS on 2 lines - Radu Stefan Test */
#root .match-markets-wrapper.match-period-rows .period-rows-labels {
    height: auto;
    margin: auto 0;
}

#root .match-markets-wrapper.match-period-rows .prow-1, #root .match-markets-wrapper.match-period-rows .prow-2 {
    line-height: 24px
}

#root .match-markets-wrapper.match-period-rows .match-market {
    flex-direction: column;
}

#root .match-markets-wrapper.match-period-rows .match-market .match-odd {
    margin: 1px;
    height: 24px;
}

/**** CUSTOM ****/
/* ANTEPOST League Name & Market switch order */
/* Overrides for Custom.css */
#root .outrights-item .outright-title .match-info .events-outright-wrapper {
    order: -1
}

#root .outrights-item .outright-title .match-info .events-outright-wrapper .outright-heading-container, #root .outrights-item .outright-title .match-info .events-outright-wrapper {
    flex: 0 0 auto;
}

/**** LAYOUT ****/
.desktop ::-webkit-scrollbar-thumb:vertical {
    background-color: var(--c-background);
    border: solid 2px var(--c-background);
    border-top: none;
    border-bottom: none;
    border-radius: 0 3px 3px 0
}

/* Add margin to the bottom of each component in Content */
#root .mobile.view-page- .body .content:not(user-page-content) > app-widget-host > app-block:not(.match-page):not(.mExternalContent) {
    margin-bottom: 4px;
    /* position: relative; */
}

#root .body .content .guest-register-banner-wrapper {
}

#root .mobile .sports-search-block .search-wrapper {
    margin: 0;
}

#root .body .home-shortcuts {
}

/* Make Enter Button Text White */
#root .mobile .header .user-guest .login.link {
    color: var(--c-white-e);
    /* font-weight:  bold; */
    font-size: 13px;
}

/* Margin Fix in Header/Carousel  */
#root .guest-register-banner-wrapper {
}

#root .match-carousel .match-carousel-block {
    margin: 0;
    /* padding: 0 0 0 4px; */
}

/* Overrides to Fix Dropdown-List issues */
#root .filter-language .ui-dropdown-label, #root .filter-language .ui-dropdown-item {
    display: flex;
}

#root .filter-language .ui-dropdown-label span, #root .filter-language .ui-dropdown-item span {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 36px;
}

#root .filter-language .ui-dropdown-label img, #root .filter-language .ui-dropdown-panel li img, #root .filter-language .ui-dropdown-item img {
    margin: 8px;
    width: 20px !important;
    object-fit: contain;
    height: 20px;
}

#root .filter-language .ui-dropdown .ui-dropdown-trigger {
    width: 20px;
}

#root .filter-language .ui-dropdown .ui-dropdown-trigger-icon {
    line-height: 15px
}

#root .filter-language .ui-dropdown-panel .ui-dropdown-items-wrapper li.ui-state-highlight {
    display: flex;
    color: var(--c-white);
}

#root .desktop .filter-language .ui-dropdown-panel {
    background-color: var(--c-white-e);
}

@media(hover: hover) and (pointer: fine) {
    #root .desktop .filter-language .ui-dropdown-panel:hover {
        background-color: var(--c-white-e);
    }

    #root .desktop .filter-language .ui-dropdown-panel .ui-dropdown-items-wrapper li:hover {
        background-color: var(--c-emphasis-c);
    }
}

/* Sport Filter min width */
#root .beto-sports-filter.livesportsfilter .sports-filter li {
    padding: 3px 6px;
    min-width: 70px;
    flex: 0 0 auto;
}

#root .sports-filter li:not(.favorite-filter) .matches-counter:before, #root .sports-filter li:not(.favorite-filter) .matches-counter:after {
    display: none;
}

#root .sports-filter .matches-counter {
    background-color: var(--c-shade-b);
    padding: 0 4px;
    min-width: 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
}

/**** W_BETSLIP ****/
#root .mobile-betslip-view > .ui-dialog-content {
    padding: unset;
}

#root .mobile .quickbetslip.link, #root .mobile .betslip-container {
    /* padding-bottom: env(safe-area-inset-bottom); */
    width: 100%;
}

#root .mobile .betslip-notifications {
    padding-bottom: 14px;
}



@media screen and (max-width:359px) {
#root .betslip-bets-container .betslip-totals app-popular-bet {
    /* max-width: 70px; */
}
}


/* Increase Line-Height - Quickbet Event */
#root .quickbetslip.link .quick-container .bet-container .bet-group-wrapper .bet-group .match label.description {
    line-height: 14px;
}




/* Place-Bet Disabled Message -QuickBet */
#root .quickbetslip.link .quick-container .place-bet-disabled .place-bet-message, #root .betslip-container .betslip-totals .place-bet.place-bet-disabled .place-bet-message {
    display: none;
}



#root .betslip-container .betslip-totals button.place-bet, #root .betslip-container .betslip-totals .place-bet {
    position: relative;
}

#root .quick-container .place-bet {
    position: relative;
}



/* Place-Bet Disabled Message -QuickBet */
 

#root .betslip-container .betslip-totals .place-bet.place-bet-disabled .place-disabled-icon,
#root .quick-container .place-bet.place-bet-disabled .place-disabled-icon {
    background: url(/v1.02/r/images/site/icons/Warning_Small.svg) center center no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    
}





/* Num Pad Styling */
#root .betslip-container .systems-rows-container, #root .betslip-bets-container .groups-container {
    /* background-color: var(--c-primary-b); */
}

/* Num Pad Enter Icon */
#root .mobile-betslip-view .num-pad-container .elements .button-enter {
    background-image: url('/v1.036/r/images/site/icons/Enter_black.svg')!important;
    background-color: var(--c-green);
    color: transparent;
}

/* Betslip Systems/Groups Widget Numpad Styling*/
#root .betslip-container .systems-rows-container .system-selections {
    flex-wrap: wrap;
}

/* Fix Betslip and Quickbet Width on Tablets */
@media (min-device-width: 420px) and (max-device-width: 999px) {
    #root .quickbetslip.link, #root .mobile .betslip-container, #root .mobile .mobile-betslip-view {
        /* max-width: 460px; */
        right: unset;
    }

    #root .multiline-dialog .ui-dialog .ui-dialog-content {
        padding: 8px;
    }

    #root .mobile .mobile-betslip-view, #root .quickbetslip.link {
        /* margin-left: calc(50% - 230px); */
    }
}

/**** W_MATCH_CAROUSEL ****/
/* Replacing Black border on N/A Odds */
#root .match-carousel .match-markets-wrapper .match-market div .match-odd {
    /* border-color: var(--c-shade-b); */
}

#root .match-markets-wrapper .match-market div .match-odd.no-market-odds {
    /* border: 1px solid var(--c-shade); */
}
#root .sports-coupon.small .events-item-wrapper.selected-match .match-markets-wrapper .match-market div .match-odd.no-market-odds {
    /* border: 1px solid var(--c-tint); */
}

#root .match-markets-wrapper .match-market div .match-odd.no-market-odds.market-special {
    border: 0;
}

/****** W_SPORTS-MATCH ******/
/* Fix Overflow issue with Match Area Market Headers */
/* ***** */
#root .match-markets-wrapper .match-not-available {
    font-weight: 600;
    text-align: center;
}


#root .match-markets-wrapper .market-group .market-group-header .market-special {
    margin: auto 8px auto 4px;
    font-size: 13px;
    line-height: 13px;
    /* font-weight:  400; */
    flex: 100 0 auto;
    /* font-style:  italic; */
    min-width: auto;
}

#root .match-markets-wrapper .market-group .market-group-header .toggle-button {
    /* box-shadow: inset 0px 2px 2px var(--c-shade), 0 1px 1px var(--c-white-e); */
    border-radius: 50%;
    /* background-color: var(--c-white); */
    margin-left: 0;
}

/* Min Combination Alignment */
#root .match-markets-wrapper .market-group .market-group-header .market-min-comb {
    margin: auto 4px auto auto;
    order: 0;
    font-size: 11px;
    line-height: 14px;
    height: 16px;
    padding: 0 0 0 2px;
}

/* Styling Overrides */


/* Alignment in Under/Over odds */
#root .match-page .sports-match-wrapper .markets-content-wrapper .match-markets-wrapper .market-group .match-market {
    margin: 0
}


/***** Mobile Navigation - Add Product Menu Buttons *****/
#root .mobile .product-menu {
    height: auto;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
}

#root .mobile .product-menu .menu {
    /*     all: unset; */
    margin: unset;
    width: 100%;
}

#root .mobile .product-menu ul.menu {
    background-color: var(--c-primary);
    height: auto;
    padding: 2px;
}

#root .mobile .product-menu .menu li {
    display: inline-flex;
    min-width: calc(100%/3);
}

#root .mobile .product-menu .menu li .menu-link {
    width: 100%;
    margin: 2px;
    border-radius: 2px;
    overflow: hidden;
    background: var(--c-shade);
    border: 1px solid var(--c-shade-b);
    color: var(--c-white);
}

#root .mobile .product-menu .menu li .menu-link.active {
    background: var(--c-emphasis);
}

#root .mobile .product-menu .menu li .menu-link .menu-label {
    width: 100%;
    text-align: center;
    height: 28px;
    line-height: 28px;
}

#root .mobile .featured-leagues-header {
    height: 38px;
    padding: 0 8px;
}

#root .mobile .nav-sport, #root .mobile .nav-category, #root .mobile .nav-tournament, #root .mobile .nav-favorites-wrapper .nav-favorite, #root .mobile .nav-favorites-header, #root .mobile .featured-leagues-content .featured-league a {
    padding: 0;
}

/* Image if required */
/* #root .mobile .product-menu .menu li .menu-link .menu-label:before {
    display: inline-block;
    content: '';
    background: url(/v1.02/r/images/site/icons/Live.svg);
    width: 24px;
    height: 24px;
    margin: 4px 2px;
} */
@keyframes CHECKBOX-ANIMATION {
    0% {
        border-color: var(--c-shade-b);
    }

    5% {
        border-color: var(--c-yellow);
    }

    20% {
        border-color: var(--c-yellow);
    }

    100% {
        border-color: var(--c-shade-b);
    }
}

#root .mobile .nav-sports input[type=checkbox] {
    margin: 0px !important;
    z-index: 2;
    border-color: var(--c-tint-b);
    position: absolute;
    right: 8px;
    background-size: unset;
}

#root .mobile .nav-sports input[type=checkbox]:focus {
    border-color: var(--c-shade-b);
    animation: CHECKBOX-ANIMATION 1.5s forwards;
    transition: unset;
}

#root .mobile .nav-sports input[type=checkbox]:focus {
    /*     border-color: transparent; */
    /*     animation: CHECKBOX-ANIMATION 2s forwards; */
}

/* Desktop Navigation */
.nav-sport-wrapper .nav-sport .nav-sport-toggle, .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-toggle, .nav-favorites-wrapper .nav-favorites-header .nav-favorites-toggle {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block !important;
}

#root .mobile .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    display: block !important;
    border-radius: 0;
    margin: 0;
    background: none;
    transform: unset;
}

.desktop.device-desktop .nav-sport-wrapper .nav-sport:hover .nav-sport-toggle, .desktop.device-desktop .nav-sport-wrapper .nav-sport-panel:hover .nav-category-wrapper .nav-category:hover .nav-category-toggle {
}

#root .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper.nav-additional .nav-category .nav-category-toggle {
    display: none !important;
    /* pointer-events: none; */
}

.nav-favorites-header.expanded {
    box-shadow: none
}

#root .nav-favorite .nav-favorite-selector {
    border: solid 1px var(--c-shade);
    background-color: unset;
}

#root .nav-favorite .nav-favorite-selector.checked {
    background: url(/assets/themes/betomall/images/icons/navbar/check.svg) center center no-repeat;
}

#root .nav-sport, #root .nav-category, #root .nav-tournament, #root .nav-favorites-wrapper .nav-favorite, #root .nav-favorites-header {
    position: relative;
    height: auto;
    border-bottom: 1px solid var(--c-shade-b);
    padding: 4px 8px 4px 0;
}

#root .nav-additional .nav-category,  #root .nav-tournament {
    border-bottom: none;
}

#root .nav-sport.active, #root .nav-category.active, #root .nav-favorites-header.expanded, #root .featured-leagues-header:not(.collapsed) {
    box-shadow: 0 1px 1px var(--c-shade-b);
    z-index: 1;
    position: relative;
    border-bottom: none;
}

#root .nav-sport-wrapper .nav-sport-counter, #root .nav-sport-wrapper .navbar-section-counter, #root .nav-favorites-panel .nav-favorite-counter, #root .nav-favorites-wrapper .nav-favorites-counter {
    display: none;
}

#root .nav-sport-wrapper .nav-sport .nav-sport-icon, #root .default-sport-icon, #root .sport-icon {
    height: 18px;
    width: 24px;
}

#root .nav-category-selector, #root .nav-favorites-selector, #root .nav-sport-selector, #root .nav-tournament-selector, #root .nav-favorite-selector {
    /* display: none; */
    z-index: 4;
    position: absolute;
    right: 4px;
    /*opacity: 0;*/
}

#root .desktop.device-desktop .nav-category:hover .nav-category-selector,
#root .desktop.device-desktop .nav-favorites-header:hover .nav-favorites-selector,
#root .desktop.device-desktop .nav-sport:hover .nav-sport-selector,
#root .desktop.device-desktop .nav-tournament:hover .nav-tournament-selector,
#root .desktop.device-desktop .nav-favorite:hover .nav-favorite-selector,
#root .desktop.device-table .nav-category .nav-category-selector,
#root .desktop.device-table .nav-favorites-header .nav-favorites-selector,
#root .desktop.device-table .nav-sport .nav-sport-selector,
#root .desktop.device-table .nav-tournament .nav-tournament-selector,
#root .desktop.device-table .nav-favorite .nav-favorite-selector {
    display: inline-block;
    /* opacity: 1; */
}

#root .nav-category.checked .nav-category-selector,
#root .nav-sport.checked .nav-sport-selector,
#root .nav-tournament .nav-tournament-selector.checked,
#root .partially-checked .nav-sport-selector,
#root .partially-checked .nav-category-selector,
#root .nav-favorite .nav-favorite-selector.checked,
#root .nav-favorites-selector.partial,
#root .nav-favorites-selector.all {
    display: inline-block;
}

#root .desktop.device-desktop .nav-sports .nav-tournament:hover .nav-tournament-selector,
#root .desktop.device-desktop .nav-favorites-header:hover .nav-favorites-selector,
#root .desktop.device-desktop .nav-sports .nav-favorite:hover .nav-favorite-selector ,
#root .desktop.device-desktop .nav-sports .nav-category:hover .nav-category-selector,
#root .desktop.device-desktop .nav-sports .nav-sport.partially-checked:hover .nav-sport-selector,
#root .desktop.device-desktop .nav-sports .nav-sport.checked:hover .nav-sport-selector,
#root .desktop.device-desktop .nav-sports .nav-sport:hover .nav-sport-selector,
#root .desktop.device-table .nav-sports .nav-tournament .nav-tournament-selector,
#root .desktop.device-table .nav-favorites-header .nav-favorites-selector,
#root .desktop.device-table .nav-sports .nav-favorite .nav-favorite-selector ,
#root .desktop.device-table .nav-sports .nav-category .nav-category-selector,
#root .desktop.device-table .nav-sports .nav-sport.partially-checked .nav-sport-selector,
#root .desktop.device-table .nav-sports .nav-sport.checked .nav-sport-selector,
#root .desktop.device-table .nav-sports .nav-sport .nav-sport-selector {
    border: solid 1px var(--c-tint-b);
    background-color: var(--c-shade-b);
    opacity: 1;
}

#root .desktop.device-desktop .nav-sports .nav-tournament:hover .nav-tournament-selector:hover,
#root .desktop.device-desktop .nav-sports .nav-favorite:hover .nav-favorite-selector:hover,
#root .desktop.device-desktop .nav-sports .nav-category:hover .nav-category-selector:hover,
#root .desktop.device-desktop .nav-sports .partially-checked .nav-sport-selector:hover,
#root .desktop.device-desktop .nav-sports .nav-sport:hover .nav-sport-selector:hover,
#root .desktop.device-desktop .nav-sports .nav-favorites-header:hover .nav-favorites-selector:hover {
    border: solid 1px var(--c-yellow);
    border-radius: 2px;
    background-size: 24px 24px;
}

.desktop.device-desktop .nav-sport:hover, .desktop.device-desktop .nav-category:hover, .desktop.device-desktop .nav-tournament:hover {
    color: var(--c-white-e);
    /*box-shadow: inset 0 2px var(--c-tint), inset 0 0px var(--c-shade), 0 1px 1px var(--c-shade-b);*/
    /*z-index: 2;*/
}

.desktop.device-table .nav-sport:hover, .desktop.device-table .nav-category:hover, .desktop.device-table .nav-tournament:hover,
.mobile .nav-sport:hover, .mobile .nav-category:hover, .mobile .nav-tournament:hover {
    color: var(--c-white)
}

/* Aligning Name and enabling wrapping */
.nav-category .nav-category-icon {
    margin: 0 10px;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite {
    position: relative;
}

.nav-tournament .nav-tournament-favorite {
    background: url(/v1.02/r/images/site/icons/Favorite_Off_nav.svg) center center no-repeat;
    opacity: 0;
}

#root .desktop.device-desktop .nav-tournament:hover .nav-tournament-favorite,
#root .desktop.device-table .nav-tournament .nav-tournament-favorite {
    /* opacity: 0.4; */
    opacity: 1;
}


#root .desktop.device-desktop .nav-tournament.favorite:hover .nav-tournament-favorite {
    opacity: 1;
}

#root .mobile .nav-tournament .nav-tournament-favorite {
    /* opacity: 0.4 */
    opacity: 1;
}

#root .mobile .nav-tournament.favorite .nav-tournament-favorite {
    opacity: 1
}

/* #root .desktop .nav-tournament .nav-tournament-favorite, #root .desktop .nav-favorite .nav-favorite-icon {
    background-size: 18px;
} */

/* #root .desktop .nav-favorites-panel .nav-favorite .nav-favorite-icon {
    background-image: url(/v1.02/r/images/site/icons/Favorite_On.svg);
    opacity: 1;
}

#root .desktop.device-desktop .nav-tournament:hover .nav-tournament-favorite:hover, #root .desktop.device-desktop .nav-favorite:hover .nav-favorite-icon:hover {
    background-image: url(/v1.02/r/images/site/icons/Favorite_Off_Hover_nav.svg);
    opacity: 1;
} */

.nav-favorites-icon {
    background-image: url(/v1.02/r/images/site/icons/Favorite_On.svg);
}

/* #root .mobile .nav-tournament .nav-tournament-favorite, #root .mobile .nav-favorite .nav-favorite-icon, #root .mobile .nav-sport .nav-sport-icon, #root .mobile .nav-category .nav-category-icon, #root .mobile .nav-favorites-header .nav-favorites-icon {
} */

#root .desktop .nav-tournament.favorite .nav-tournament-favorite {
    opacity: 1;
    /* background-image: url(/v1.02/r/images/site/icons/Favorite_On.svg); */
}

#root .nav-sport-wrapper .nav-sport-name, #root .nav-sport-wrapper .nav-category-name, #root .nav-sport-wrapper .nav-tournament-name, #root .nav-favorites-wrapper .nav-favorite-name, #root .nav-favorites-wrapper .nav-favorites-name, #root .nav-favorites-panel .nav-favorite-tournament {
    padding: 0;
    margin-right: 30px;
    white-space: pre-wrap
}

#root .nav-sport-wrapper .nav-category-wrapper.nav-additional .nav-category-name {
    margin-right: 0;
    width: 100%;
    text-indent: 40px;
    height: 24px;
    line-height: 24px;
}

#root .nav-sport-wrapper .nav-category-wrapper.nav-additional .nav-category-name:after {
    content: '';
    position: absolute;
    background-image: url(/v1.02/r/images/site/icons/Arrow_Down.svg);
    background-size: 20px;
    background-position: center;
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
    opacity: 0.7;
}

#root .desktop.device-desktop .nav-sport-wrapper .nav-category-wrapper.nav-additional .nav-category:hover .nav-category-name:after {
    opacity: 1;
    background-size: 22px;
}

#root .nav-sport-wrapper .nav-category-wrapper.nav-additional .empty-nav-category-selector, #root .nav-sport-wrapper .nav-category-wrapper.nav-additional .nav-category-icon {
    display: none;
}

/* Removal of ALL Category */
.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper.nav-additional > .nav-category:last-child {
    display: none;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper.nav-additional .nav-category {
    background-color: var(--c-primary-c);
}

/* General Nav Styling  */
#root .desktop .nav-tournament-wrapper:first-child, #root .desktop .nav-sport-wrapper:first-child {
    border-top: none;
}

#root .desktop .nav-sport-wrapper>div.active:first-child {
    /* border-bottom: none; */
}

#root .nav-favorites-wrapper {
    border-radius: 4px;
    border-bottom: 0;
}

#root .desktop .nav-sport-wrapper>div:last-child {
    /* border-bottom: 1px solid var(--c-shade-b); */
}

#root .desktop .nav-tournament-wrapper:last-child {
    display: none
}

#root .mobile .nav-category-panel.hide-category-panel {
    display: none;
}

.home-shortcut-item {
    margin-bottom: 4px;
}

#root .desktop .navigation .home-shortcut-item .home-shortcut-item-football {
    padding: 4px 8px 4px 8px
}

/* Featured Sport Overlay on Flag */
#root .sports-featured .featured-leagues-content .featured-league > a {
    display: none;
}

#root .sports-featured .featured-leagues-content .featured-league .featured-child-leagues {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#root .sports-featured .featured-leagues-content li.featured-league ul.featured-child-leagues li.featured-child-league {
    display: inline-flex;
    width: 100%;
}

#root .sports-featured .featured-leagues-content li.featured-league ul.featured-child-leagues li.featured-child-league a {
    display: inline-flex;
    position: relative;
    width: 100%;
    padding: 3px 0px;
}

#root .sports-featured .featured-leagues-content .featured-league .featured-league-sportcode {
    width: 13px;
    height: 13px;
    /* order: 0; */
    position: absolute;
    bottom: 6px;
    left: 6px;
}

#root .sports-featured .featured-leagues-content .featured-league span {
    padding: 0;
    /* line-height: 32px; */
}

#root .desktop .sports-featured .featured-leagues-content .featured-league-category {
    margin: 0 8px 0 0;
    background-position-y: 2px;
    background-size: 20px;
}

#root .mobile .sports-featured .featured-leagues-content .featured-league-category {
    margin: 0 8px;
    background-position-y: 2px;
}

#root .sports-featured .featured-leagues-content .featured-league-name {
    flex: 1 1 100%;
}

/* #root .sports-featured li.featured-league > a {
    
}

#root .sports-featured .featured-leagues-content .featured-league {
    position: relative;
    border-top: 1px solid var(--c-shade-b);
    height: auto;
}
#root .sports-featured .featured-leagues-content .featured-league .featured-league-sportcode {
    position: absolute;
    height: 16px;
    background-repeat: no-repeat;
    left: 6px;
    bottom: 8px;
}
#root .sports-featured .featured-leagues-content .featured-league .featured-league-category {
    background-size: 18px !important;
    padding: 0 !important;
    margin: 0px 6px 8px 12px;
    height: 24px;
}
#root .sports-featured .featured-leagues-content .featured-league:not(.featured-child-league) > a >.featured-league-name {
    color: transparent;
}
#root .sports-featured .featured-leagues-content .featured-league .featured-child-leagues {
    pointer-events:none;
    display: block;
    width:  100%;
}
#root .desktop.device-desktop .sports-featured .featured-leagues-content .featured-league:hover .featured-child-leagues {
    color: var(--c-white-e)
}
#root .sports-featured .featured-leagues-content .featured-league .featured-child-league {
    position: relative;
    width:  100%;
    display:  block;
}
#root .sports-featured .featured-leagues-header .featured-leagues-toggle {
    background-color: transparent;
}
#root .featured-leagues-header {
    padding: 0 8px 0 8px;
}
#root .sports-featured .featured-leagues-content {
    padding: 0;
}
 */
/* iPhone Fix for Display X Selections */
#root .mobile .mobile-navigation-view .ui-dialog-content {
    margin-bottom: 0px!important;
    overflow: unset;
}


#root .mobile .navigation > app-widget-host {
    /*     min-height: calc(100vh - 62px) */
}

#root .mobile .sports-menu {
    /*     display: inline-flex;
    flex: 1 0 100%; */
}

#root .mobile .navigation {
}

#root .mobile .navigation .league-select-go {
   
}

/******** Form Errors *********/
/* overrides generic.css */
#root .form-element-error {
    padding: 0px 28px 6px 8px;
    line-height: 16px;
    font-size: 13px;
    font-style: normal;
    color: var(--c-red);
}

#root .signin-dialog .login-form .form-element-error {
    padding: 4px;
    margin-top: 4px;
    border: 1px solid var(--c-red);
    border-radius: 2px;
    background-color: var(--c-red);
    color:  var(--c-white);
}

#root .signin-dialog .login-form .form-element-error span {
    background: url(/v1.02/r/images/site/icons/Close.svg) center center /20px no-repeat;
    width: 28px;
    height: 24px;
    background-color: var(--c-red);
    margin:  auto;
    border-radius: 2px;
    color: transparent;
}

#root .signin-dialog .login-form.generic-form .form-row {
    padding: 0;

}

/* overrides custom.css */
#root .desktop .header .login .form-row:last-child .form-element-error .clear-login-error, #root .mobile .generic-form.login-form .form-element-error .clear-login-error {
    display: unset;
    margin-left: unset;
    margin-right: unset;
    width: 18px;
    height: 18px;
    text-align: center;
    margin: 0 0 0 8px;
    background-image: url(/v1.02/r/images/site/icons/Close.svg);
    color: transparent;
    background-size: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    border-radius: 2px;
    background-color: var(--c-shade);
}

#root .mobile .generic-form.login-form ui-button {
    /* order: 1; */
}

#root .mobile .generic-form.login-form .form-element-error {
    background-color: var(--c-red);
    color: var(--c-white-e);
    border-radius: 2px
}

/*********** Coupon Order and Date Filters **********/
/**** SORT_BY Toggle ****/
/* Position of Toggle */
#root .body .content .sports-group-by {
    position: relative;
    width: 100%;
    height: 100%;
    /* border-radius: 0 4px 0 0; */
    overflow:  hidden;
}

#root .body .content .sports-group-by:before {
    content: 'Sorting';
    display: none;
}

#root .mobile .sports-group-by {
    /* background-color: unset; */
    height: auto;
    position: relative;
    /* border-radius: unset; */
}

#root .sports-group-by li {
    position: relative;
    padding: 0;
    /* opacity: 0.5; */
    /* background-color: var(--c-primary-d); */
    /* display: none; */
    border-radius: unset
}


#root .sports-group-by .sortBySelected {
    /* opacity: 0.8; */
}

#root .desktop.device-desktop .sports-group-by li:hover {
    opacity: 1;
    background-color: var(--c-tint);
}

#root .filter-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    /* min-height: 32px; */
    border-radius: 4px 4px 0 0;
    padding: 0;
    background-color: var(--c-primary-b);
    margin-bottom: 0;
    position: relative;
    z-index: 26;
    /* border-bottom: 1px solid var(--c-shade-b); */
}

#root .mobile .filter-wrapper {
    overflow: hidden;
    height: 38px;
    border-radius: unset;
}

#root .filter-wrapper app-widget-host {
    display: inherit;
    flex-direction: inherit;
    flex-wrap: inherit;
    width: inherit;
}

#root .filter-wrapper .beto-sort-by, #root .filter-wrapper .beto-filter-dates:not(ul) {
    display: inline-flex;
    background-color: unset;
}

#root .desktop .filter-wrapper .beto-filter-dates {
    border-radius: 4px 0 0 0;
    overflow-x: auto;
    background-color: unset;
}
#root .desktop .filter-wrapper .beto-filter-dates li{
    height:38px;
}
#root .filter-wrapper .beto-filter-dates:not(ul) {
    flex: 1 1 100%;
    /* border-bottom: 0; */
    background-color: var(--c-primary);
    overflow-x: auto;
}

#root  .beto-sort-by {
    /* order: 1; */
    /* flex: 0 0 auto*/
    
}
#root .mobile .sports-coupon-block  .beto-sort-by {
    position:sticky;
    height:23px;
    z-index: 26;
    right:200px;
    top: 54px;
    transform: translate(100px,13px);
    max-width:80px;
    width:100%;
}
#root .mobile .inline-group-by-option ~  .events-break-wrapper {
    margin-top:-23px;
}
#root .sports-group-by a {
    /* display:none; */
    color: transparent;
    width: 100%;
    height: 100%;
}

/* #root .sports-group-by .sortBySelected:after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 32px;
} */

#root  .sports-group-by li:first-child {
    background-image: url(/v1.02/r/images/site/icons/Sort_By_Time.svg);
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#root  .sports-group-by li:last-child {
    background-image: url(/v1.02/r/images/site/icons/Sort_By_League.svg);
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


.desktop .sports-group-by li:hover {
    background-color: var(--c-tint-b)
}




/* SEARCH RESULTS */
#root .ui-autocomplete-panel {
    width: 100%;
    height: auto;
    max-height: 100vh!important
}

#root .desktop .search-wrapper .ui-autocomplete-panel {
    width: 100%;
    height: auto;
    border: 1px solid var(--c-emphasis);
    border-top: 0;
    top: 35px!important;
    max-height: calc(100vh - 200px)!important;
}

#root .mobile .search-wrapper .ui-autocomplete-panel {
    top: 35px!important;
    max-height: calc(100vh - 148px)!important;
    background-color: transparent;
}

#root .mobile .search-wrapper .ui-autocomplete-panel > ul {
}

#root .mobile .search-wrapper .ui-autocomplete-panel > ul >li {
    background-color: var(--c-primary)
}

/* MATCH-TRACKER */
/*Andreani edited: Betslip top Gap Issue */
.match-tracker {
    /* min-height: calc(100vw * 0.7); */
    /* background-color: var(--c-white-e); */
    height: auto;
    /* background-color: var(--c-primary); */
    padding: 0;
    margin: 0;
    z-index: 2;
    /* margin-top:2px; */
}
.desktop .match-tracker > div:not(:empty) {
     margin-bottom: 4px;
     border-radius:10px;
    overflow:hidden;
     box-shadow: 0px 4px 4px 0px #00000040;
}
/*Andreani edited: Betslip top Gap Issue */
.mobile .match-tracker {
    background-color: var(--c-primary);
}
/* @media only screen and (min-width: 1600px) {
   #root:not(.large) .match-tracker .betgenius.iframe-container {
        height: 400px!important;
}
}
@media only screen and (min-width: 1120px) and (max-width: 1599px) {
   #root.large .match-tracker .betgenius.iframe-container {
        height: 400px!important;
}
}    */
@media only screen and (max-width: 1119px) {
    #root .desktop .right-sidebar .match-tracker-toggle {
        pointer-events: none;
    }

    #root .desktop .right-sidebar .match-tracker-toggle .max-icon {
        opacity: 0.5
    }
}

#root .mobile app-live-match-tracker .loading-spinner, #root .mobile app-live-match-stream .loading-spinner {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(42,62,86,0.99);
    z-index: 500;
}

p-progressSpinner {
    /*     width: 100%!important; */
    /*     height: 260px!important; */
    /*     background-position: center; */
    /*     display:flex; */
    /*     align-items: center; */
    /*     justify-content: center; */
}

.mobile .match-tracker .iframe-container.betgenius {
    margin-top: 0;
}

.match-streamer .stream-error {
    color: var(--c-white);
    padding: 20px;
    min-height: 60px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    opacity: 0.6
}

/* My Bets */
/* Hide Paginator */
.tabbed-betslip-content .history-content-wrapper .ui-paginator-bottom {
    display: none;
}



/* Live Table Icon */

.match-page > app-widget-host {
    /* position: relative; */
}

.desktop app-betradar-live-table.match-live-table {
    max-width: 600px;
    flex: 0 1 600px;
    width:calc(100% - 20px);
    height:28px;
    position:absolute;
    top:38px;
    left:50%;
    transform:translate(-50%, 0%);
/*     display: none; */
}

.scoreboard-pinned app-betradar-live-table.match-live-table {
    width: 100%;
    max-width: 100%;
    top:28px
}

.mobile app-betradar-live-table.match-live-table {
    order: -1;
    position: relative;
    z-index: 3;
    height: 0px;
}

app-betradar-live-table.match-live-table .show-live-table {
    width: 28px;
    height: 28px;
    color: transparent;
    position: absolute;
    line-height: 28px;
    right:  0;
    background: url("/v1.02/r/images/site/icons/League_Table.svg") no-repeat center center;
    opacity: 0.6;
    overflow: hidden;
}




/* Sticky Tracker */


.mobile.view-page-live-match app-live-match-tracker.match-tracker {
    margin-top: -50px;
    position: relative;
}

.mobile.view-page-live-match app-live-match-stream.match-stream {
    margin-top: 0px;
    z-index: 1;
    position: relative;
    background-color: var(--c-primary);
}

.mobile app-live-match-tracker.match-tracker.table-tennis {
    margin-top: 0px;
}

.mobile app-betradar-lmt-sticky {
    height:auto;
    position: sticky;
    position: -webkit-sticky;
    width:100%;
    height: 52px;
    top: 154px;
    z-index: 1;
   
}

#root .mobile .match-stream app-betradar-v3 {
}
#root .mobile.portrait .match-stream app-betradar-v3 video{
    width: 100% !important;
    height: auto !important;
    position: unset !important
}
#root .mobile.landscape .match-stream app-betradar-v3 video{
       object-fit: unset
}
.mobile app-betradar-lmt-sticky.lmts-soccer {
    top: 164px;
}
.mobile app-betradar-lmt-sticky.lmts-tennis {
    top: 188px;
    height: 52px
}

.mobile app-betradar-lmt-sticky.lmts-table-tennis {
    /* top: 154px; */
    /* height: 54px; */
    /* display:none; */
}


/*  Responsible Gaming Self-suspension input */
#root .view-page-user-responsiblegaming app-self-suspension app-label-value:nth-child(2) .element.value {
    width: 50px
}

#root .view-page-user-responsiblegaming app-self-suspension app-label-value:nth-child(2) .element.value .input-amount {
    width: 50px;
    height: 28px
}

#root .view-page-user-responsiblegaming app-self-suspension app-label-value:nth-child(1) .element.value select {
    width: 120px
}



/******* Tracker/Streamer BAR *******/

/* Live-table button */
#root .mobile .match-live-table .show-live-table {
    width: 32px;
    height: 32px;
    color: transparent;
    position: absolute;
    line-height: 32px;
    left: 0;
    background: url("/v1.02/r/images/site/icons/League_Table.svg") no-repeat center center;
    background-color: var(--c-primary-d);
    opacity: 0.6;
    overflow: hidden;
    padding: 0;
}


/

/* Mobile App /Match/Statistics Page */


#root .mobile-app.view-page-match-statistics .stats-back {
    position:relative;
    display: flex;
    height: 36px;
    width: 100%;
    background-color: var(--c-emphasis);
    color: var(--c-white);
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    box-shadow: 0 2px 2px #0003;
}

#root .mobile-app.view-page-match-statistics .stats-back:after {
    content: 'Match Statistics';
    color: var(--c-white);
    display: inline-flex;
    /* width: 100%; */
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    /* flex: 1 1 100%; */
    text-align: center;
    /* background-repeat:no-repeat; */
}

#root .mobile-app.view-page-match-statistics .stats-back .back-button {
   color: transparent;
   display: inline-flex;
   position: absolute;
   left:  0;
   top:  0;
   height: 100%;
   width: 36px;
}

#root .mobile-app.view-page-match-statistics .stats-back .back-button:before {
    content: '';
    color: var(--c-white);
    display: inline-flex;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 6px;
    background-image: url('/v1.728/r/images/site/icons/Arrow_Left.svg');
    background-repeat:no-repeat;
}


#root .mobile-app.view-page-match-statistics .statistics-page {
    height: calc(100vh - 90px);
}

#root .mobile-app.view-page-match-statistics .statistics-page app-widget-host,
#root .mobile-app.view-page-match-statistics .statistics-page .statistics,
#root .mobile-app.view-page-match-statistics .statistics-page .match-statistics-iframe,
#root .mobile-app.view-page-match-statistics .statistics-page #statistics-iframe {
    height: 100%;   
}



/* Quickbet Layout - including Bet Booking */




#root.large .book-bet {
    /* order: 0; */
}



#root .book-bet .book-disabled-reason {
    display: none
}

@media screen and (max-width: 320px) {
    #root .quick-container  .popular-bet:after,
    #root .book-bet .book-bet:after {
        display: none;
    }

    #root .place-bet-wrapper {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 359px) {
    #root .betslip-container  .popular-bet:after,
    #root .betslip-bets-container .book-bet .book-bet-message {
        /* display: none; */
    }

}


/* Bet Book Notifications */


#root .betslip-notifications .bet-book-simplified {
    text-align: center;
}

#root .betslip-notifications .code-value {
    font-size: 16px;
    font-weight: 600;
    margin: 0 8px;
    color: var(--c-black);
    display: block;
    margin: 8px 8px 12px 8px;    
}

#root .betslip-notifications button {
    /* background-color: var(--c-primary-c); */
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    /* box-shadow: var(--ds-button); */
    border: 1px solid var(--c-tint-b);
    font-weight: 400;
    letter-spacing: 0.5px;
}

#root .betslip-notifications .bet-book-terms {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 16px;
}



/* Market-Suspended Changes */
#root .betslip-container .bet-container .bet-container {
    border-radius: 0;
}


#root .betslip-container .bet-container .bet-container.market-suspended .betslip-match-content .bet-match-selection span {
    /* text-decoration: line-through 
    ; */
}



/* Bet Errors */

.bet-error span{
    height: auto;
    margin: auto 0;
    width: 100%
}

