/***************************************
# Sports Match Page
***************************************/

/*
.sports-match-page .sports-match-header-wrapper {
}

.sports-match-pag .sports-match-header-wrapper.sport-soccer {
    background-image: url(/v2.05/r/images/cybet/banner/bg-football.webp)
}

.sports-match-page .sports-match-header-wrapper .match-header-content-wrapper {
    position: relative;
    /* max-width:600px; */
    width: 100%;
}

.sports-match-page .markets-match-header {
    display: flex;
    flex-direction: column;
}

.sports-match-page .markets-match-header .markets-match-name {
    display: flex;
    justify-content: space-between;
    padding: 15px 5px;
}

.sports-match-page .markets-match-header .markets-match-name > div {
    text-align: center;
    flex: 0 1 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px
}

.sports-match-page .match-date-and-time {
    display: flex;
    justify-content: center;
    padding: 5px 0;
    position: unset;
    order: -1;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    transform: unset;
    min-height: 30px;
}

.sports-match-page .match-notes-text {
    justify-content: center;
    order: -1;
    display: flex;
    padding: 0;
}

.sports-match-page .match-first-leg {
    position: unset;
    justify-content: center;
    order: -1;
    opacity: 1;
}

.sports-match-page .match-first-leg > span {
    transform: translate(6px,-6px)
}

.sports-match-page .is-live-booked {
    position: absolute;
    height: 24px;
    right: 8px;
    top: 8px;
    background-image: url(/v2.05/r/images/cybet/icons/icon-live-calendar-yellow.svg);
    background-position: center;
    background-size: 24px;
    filter: saturate(0);
    padding: 0px;
}

.sports-match-page .is-live-booked::before {
    content: "Going Live";
}

.sports-match-page .match-date-and-time > div {
    padding: 0 3px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.markets-match-header .markets-match-data .markets-match-code {
    position: absolute;
    top: 8px;
    left: 3px;
    display: none
}

.view-page-sports-match .markets-match-header .markets-match-data .markets-match-code {
}

.desktop .markets-match-header .markets-match-data .match-statistics {
    position: absolute;
    left: 50%;
    transform: translate(-50% , 80%);
    top: 50%;
}

.sport-tennis .markets-match-header .markets-match-data .match-statistics {
    left: calc(50% + 5px)
}

.sports-match-page .markets-match-header .markets-match-data .match-statistics {
    filter: saturate(0)
}

.live-match-page .markets-match-header .markets-match-data .match-statistics {
    top: -8px;
    left: unset;
    right: 0px;
    margin: 0;
}



/* For Main.css */
.markets-content-wrapper .match-markets-wrapper {
}

.markets-content-wrapper .match-markets-wrapper .market-group-header {
    margin: 0;
}

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

.markets-content-wrapper .odd-locked .odds-selection-default:after {
    display: none
}

.markets-content-wrapper .odds-selection-default:after {
    content: "";
    width: 84%;
    display: block;
    height: 1px;
    order: 0;
    margin: 0 5px;
    background-color: var(--c-emphasis-c)
}

.markets-content-wrapper .odd {
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: var(--r-border-radius-small);
    order: 1;
    font-size: 16px;
    font-weight: 700;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    min-width: 53px;
    text-align: center
}

.markets-content-wrapper .odd:hover {
    filter: brightness(1.1)
}

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

.markets-content-wrapper .odd-outcome {
    font-size: 14px;
    font-weight: 500
}

.markets-content-wrapper .match-markets-wrapper .market-group-header .market-name {
    font-size: 16px;
    font-weight: 700
}

.markets-content-wrapper .match-markets-wrapper .market-group {
    margin: 0 0 10px;
    cursor: unset;
}

body .odds-selection-up-after ~ .odd {
    background-color: var(--c-background-betslip-button-bet);
    color: var(--c-text-betslip-button-bet)!important;
}

body .odds-selection-down-after ~ .odd {
    background-color: var(--c-text-schedule-active);
    color: var(--c-text-betslip-button-bet)!important;
}

.live-match-page .odds-selection-down-after, .live-match-page .odds-selection-up-after {
    top: 7px;
    right: 7px;
    transform: translateX(-50%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(347deg) brightness(104%) contrast(104%);
}

.live-match-page .odds-selection-down-after {
    top: unset;
    bottom: 7px
}

.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 {
    border-radius: var(--r-border-radius-medium);
}

.live-match-page .match-info-detailed .markets-match-data .live-match-period-time-wrapper {
}

.markets-content-wrapper .match-markets-wrapper .match-market .market-special {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}

.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel, .desktop .sports-select-page .main-content .nav-category.active + .nav-category-panel {
}

.sports-select-page .main-content .nav-tournament-wrapper, .sports-select-page .main-content .nav-featured-panel .nav-feature {
}

.match-market-group button {
    min-height: 36px
}

.betslip .betslip-title {
}

.desktop .back {
   
}

.desktop ul.match-breadcrumbs > li:first-child {
   
}

/* Remove from main.css */
.live-match-page .match-info-detailed .match-date-and-time, 
.live-match-page .match-info-detailed .markets-match-live-info-wrapper, 
.live-match-page .match-info-detailed .markets-match-data {
}

.desktop .markets-content-wrapper .match-odd:hover {
    filter: unset
}

.markets-content-wrapper .match-odd.bet-slip-selected {
    color: unset;
}

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

/******************************
      Left Side Bar
******************************/
.left-sidebar .section-title, .left-nav-live .events-sport-coupon-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 10px;
    color: var(--c-primary)
}

.left-sidebar .sports-menu .nav-sport, 
.left-sidebar .featured-league, 
.nav-favorite {
    height: 42px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid var(--c-shade);
    font-weight: bold;
    background-color: var(--c-white);
    color: var(--c-black)
}

.left-sidebar .quick-link {
    height: 42px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: var(--r-border-radius-small);
    margin-bottom: 2px;
    box-shadow: 0px 0px 10px 5px rgb(24 26 37 / 9%);
    color: var(--c-black);
    font-weight: bold
}

.left-sidebar .quick-link:hover {
    background: var(--c-gradient-purple-purple);
    color: var(--c-white)
 }
.left-sidebar .quick-link:hover:before{
    filter: unset;

}
.left-sidebar .quick-link > div {
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%
}

.left-sidebar .quick-link:before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    filter: invert(1);
}

.left-sidebar .today-tab:before {
    background-image: url(/v1.030/r/images/site/icons/today-light.svg);
}

.left-sidebar .highlights-tab:before {
    background-image: url(/v1.030/r/images/tipster/highlights-light.svg)
}

.left-sidebar .outrights-tab:before {
    background-image: url(/v1.030/r/images/site/icons/Outrights-icon.svg);
}

.left-sidebar .nav-sport-wrapper {
}

.left-sidebar .filter-schedule {
}

.left-sidebar .filter-schedule .filter-schedule-item {
    border: 0;
    font-size: 12px;
    font-weight: bold;
    /* border-right: 1px solid var(--c-text-market); */
    border-radius: 0;
    height: 16px;
    width: 100%
}

.left-sidebar .filter-schedule .filter-schedule-item:last-child {
    border-right: 0
}

.filter-schedule .filter-schedule-item:hover, .filter-schedule .filter-schedule-item.selected {
}

.left-sidebar .nav-sports-header {
    display: none
}

.left-sidebar .sports-menu .nav-sport .nav-counter, .left-sidebar .nav-sport-wrapper .navbar-section-counter {
    margin-left: auto
}

.left-sidebar .nav-sport-wrapper .navbar-section-counter {
    padding-right: 20px
}

.left-sidebar .sports-menu .nav-sport .nav-sport-name, .left-sidebar .sports-menu .nav-sports .nav-category-name, .left-nav-live .events-sport-name {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 13px;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    line-height: 42px
}

.left-sidebar .sports-menu .nav-sport-wrapper {
    position: relative;
    background-color: transparent
}

.left-sidebar .sports-menu .nav-sport .nav-sport-toggle, 
.left-nav-live .events-sport-header .toggle-button {
    display: none;
    content: "";
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 2px solid var(--c-white);
    border-right: 2px solid var(--c-white);
    transition: all 100ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(135deg);
    position: absolute;
    top: 50%;
    right: 5%
}
.left-sidebar .sports-menu .nav-sport.active .nav-sport-toggle, 
.left-nav-live .events-sport-header .active .toggle-button{
    top: 0;
    transform: translate(0, 100%) translate3d(0, 100%, 0) rotate(-45deg)
}
.left-sidebar .nav-sport .nav-sport-icon, .left-sidebar .nav-category .nav-category-icon {
    margin: 0 10px
}

.left-sidebar .nav-sport .nav-sport-icon.atp, .left-sidebar .nav-category .nav-category-icon.atp, .left-sidebar .nav-sport .nav-sport-icon.wta, .left-sidebar .nav-category .nav-category-icon.wta, .left-sidebar .nav-sport .nav-sport-icon.challenge, .left-sidebar .nav-category .nav-category-icon.challenge, .left-sidebar .nav-sport .nav-sport-icon.itf-men, .left-sidebar .nav-category .nav-category-icon.itf-men, .left-sidebar .nav-sport .nav-sport-icon.itf-women, .left-sidebar .nav-category .nav-category-icon.itf-women, .left-sidebar .nav-category .nav-category-icon.challenge-women, .left-sidebar .nav-sport .nav-sport-icon.challenge-women, .left-sidebar .nav-category .nav-category-icon.federation-cup, .left-sidebar .nav-sport .nav-sport-icon.federation-cup, .left-sidebar .nav-category .nav-category-icon.simulated-reality-women, .mobile .nav-category-icon.atp, .mobile .nav-category-icon.wta, .mobile .nav-category-icon.challenge, .mobile .nav-category-icon.itf-men, .mobile .nav-category-icon.itf-women, .mobile .nav-category-icon.challenge-women, .mobile .nav-category-icon.federation-cup, .mobile .nav-category-icon.simulated-reality-women {
    background-image: url(/v2.02/r/images/roisbet/icons/TENNIS.svg);
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: saturate(0.5)
}

.nav-sport-wrapper .nav-sport .nav-sport-icon, .default-sport-icon, .left-nav-live .sport-icon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center
}

.left-sidebar .sports-menu .nav-sport:hover .nav-sport-toggle, .left-nav-live .events-sport-header:hover .toggle-button {
    display: block
}

.nav-category-wrapper {
    background-color: var(--c-background-b);
}

.left-sidebar .sports-menu .nav-sport:hover .nav-counter, 
.left-sidebar .nav-sport-wrapper .nav-category-wrapper.nav-additional, 
.nav-category.active + .nav-category-panel .nav-tournament-wrapper:first-child:before, 
.left-sidebar .featured-leagues-header, 
.left-sidebar .featured-league .featured-league-sport, 
.left-nav-live .events-sport-header:hover .event-sport-counter {
    display: none
}
.events-sport-wrapper:hover .events-sport-header {
    color: var(--c-black)
}
.left-sidebar .nav-sport-wrapper .nav-category:hover, 
.left-sidebar .featured-league:hover, 
.leftsidebar-home-link:hover, 
.left-sidebar .sports-menu .nav-sport:hover, 
.left-nav-live .events-sport-header:hover, 
.left-nav-live .events-tournament-header:hover, 
.left-nav-live .events-item-wrapper:hover {
    background: var(--c-gradient-purple-purple);
    color: var(--c-white);
}



.left-sidebar .nav-sport-wrapper .nav-category, .left-sidebar .nav-sports .nav-tournament, .left-nav-live .events-tournament-header, .left-nav-live .events-tournament-wrapper {
    display: flex;
    align-items: center;
    height: 42px;
    cursor: pointer;
    border-radius: var(--r-border-radius-small);
    font-weight: bold;
    color: var(--c-black);
    position: relative
}

.left-nav-live .match-sport-table-tennis .match-game-score , .left-nav-live .match-sport-tennis .match-game-score , .left-nav-live .match-sport-volleyball .match-game-score {
    display: none
}

.left-nav-live .match-sport-table-tennis .match-set-scores , .left-nav-live .match-sport-tennis .match-set-scores , .left-nav-live .match-sport-volleyball .match-set-scores, .left-nav-live .match-set-scores {
    display: none
}

.left-sidebar .nav-sports .nav-tournament-wrapper {
    margin: 5px;
    background-color: transparent;
}

.left-sidebar .nav-sports .nav-tournament {
}

.left-sidebar .nav-sports .nav-tournament:hover {
    background: var(--c-gradient-purple-purple);
    color: var(--c-white);
}

.left-sidebar .nav-sport-wrapper .nav-category, .left-sidebar .nav-sports .nav-category-panel {
}

#root .left-sidebar .featured-league a {
    padding: 0;
    width: 100%;
    height: 100%;
        color: inherit
}

.featured-leagues-content .featured-league a .featured-league-category {
    order: 2;
    margin-left: -3px;
    display: block;
    border-radius: 50%;
    border: 1px solid var(--c-background-body);
    width: 20px;
    height: 20px;
    background-size: 22px;
    background-position: center;
}

.left-sidebar .featured-league .featured-league-sportcode {
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    order: 1;
    margin-left: 10px;
    min-width: 16px
}

.left-sidebar .featured-league .featured-league-name {
    order: 2;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis
}

.left-sidebar .featured-leagues-content, .left-sidebar .navigation {
    margin-bottom: 20px;
    border-radius: var(--r-border-radius-big);
    overflow: hidden;
}

.left-sidebar .featured-leagues-content {
    background-color: transparent;
}

.nav-favorite {
    display: flex;
    align-items: center
}

.nav-favorite-icon, .nav-favorite-selector {
    width: 20px;
    height: 20px
}

.default-flag, .default-sport, .nav-favorite-name {
    margin: 0 5px
}

.nav-favorite-counter {
    margin-left: auto
}

.nav-favorite-tournament {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nav-tournament .nav-tournament-favorite, .nav-tournament.favorite .nav-tournament-favorite {
    background-size: contain;
    margin: 0 15px;
    min-width: 13px;
    min-height: 13px
}

.nav-tournament.favorite .nav-tournament-favorite {
    background-image: url(/v1.030/r/images/site/icons/star-full-gray.svg)
}

.nav-tournament .nav-tournament-favorite {
    background-image: url(/v1.030/r/images/site/icons/star-gray.svg)
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header {
    justify-content: space-between;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header .nav-favorites-selector, .left-sidebar .nav-favorite .default-sport {
    display: none
}

.left-sidebar .nav-favorite .default-flag {
    height: 20px;
    width: 20px
}

.left-sidebar .nav-favorite .nav-favorite-name {
    font-size: 13px;
    width: 100%
}

.left-sidebar .nav-favorite .nav-favorite-selector {
    margin: 0 5px;
    width: 30px;
    background-image: url(/v1.030/r/images/site/icons/check-icon-gray.svg);
    background-size: contain
}

.left-sidebar .nav-favorite .nav-favorite-icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-image: url(/v1.030/r/images/site/icons/star-full-gray.svg)
}

.left-sidebar .events-no-matches {
    padding: 10px
}

.nav-tournament .nav-tournament-selector, #root .nav-category .nav-category-selector {
    opacity: .8;
    border: 1px solid var(--c-emphasis-c);
    min-width: 18px;
    min-height: 18px;
    margin: 0 10px;
    background-image: none;
    background-size: cover
}

.nav-tournament .nav-tournament-selector.checked,
#root .nav-category.checked .nav-category-selector {
    background-image: url(/v1.030/r/images/site/icons/check-icon-gray.svg);
    opacity: 1
}

/******************************
      Right Side Bar
******************************/
/* Bet Check */
.bet-check {
    margin-top: 10px;
}

.bet-check form {
    display: flex;
    align-items: center;
    /* height: 36px; */
    flex-direction: row-reverse;
}

.betslip-check-form-input {
    width: 100%;
}

.bet-check form input {
    height: 36px;
    border-radius: var(--r-border-radius-medium);
    border: 0;
    width: 100%;
}

.bet-check .betslip-check-form-button {
    border-radius: var(--r-border-radius-medium);
    height: 36px;
    margin-right: 5px;
    padding: 0 10px;
; /*   background-image: url(/v2.05/r/images/cybet/icons/icon_List_Upcoming.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    /*  font-size: 0; */
    /*   min-width: 65px; */
    white-space: nowrap;
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

.bet-check .betslip-check-form-button:disabled {
    background-color: var(--c-shade-b);
}

/* Payment Provite */
.paybill-numbers {
    margin: 10px 0
}

.right-sidebar-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .8px;
    line-height: 40px;
    text-transform: uppercase
}

.payment app-widget-host {
    flex-direction: row;
    align-items: center;
    line-height: 40px;
    padding: 0 10px;
    /* border-top: 1px solid var(--c-background-primary); */
    cursor: pointer;
    border-radius: var(--r-border-radius-small);
    margin-bottom: 2px
}

.right-sidebar-image {
    display: flex;
    align-items: center
}

.payment .right-sidebar-image img {
    max-width: 100px;
    max-height: 35px
}

.paybill-numbers .right-sidebar-text {
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

.right-sidebar-sub-title {
    display: flex;
    text-align: center;
    padding: 0 0 10px;
    justify-content: center
}

.customer-care {
    margin-bottom: 20px
}

.customer-care .contact-number {
    flex-direction: row;
    align-items: center
}

.contact-number app-widget-host {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: var(--r-border-radius-small);
    margin-bottom: 2px
}

.contact-number .right-sidebar-image img {
    max-width: 20px;
    max-height: 20px;
}

.customer-care .right-sidebar-image {
    margin: 0 5px
}

.customer-care .right-sidebar-text {
    text-align: right;
    font-size: 14px;
}

body .customer-care .right-sidebar-text a {
}

.customer-care .contact-3 .right-sidebar-text {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

body .customer-care .contact-3 .right-sidebar-text a {
}

body .customer-care .contact-3 .right-sidebar-text a:hover, body .customer-care .contact-3 .right-sidebar-text a:active, body .customer-care .contact-3 .right-sidebar-text a:focus {
}

.right-sidebar-banner .banner {
    margin-bottom: 20px;
    cursor: pointer;
    line-height: 0;
}

.right-sidebar-banner .banner:hover img {
    opacity: .5;
}

.right-sidebar-banner .banner img {
    width: 100%;
}

.app-conteiner > app-widget-host {
    flex-direction: row;
    justify-content: space-around;
    margin: 10px 0
}

.app-conteiner > app-widget-host > span {
    display: none
}

.app-conteiner app-image {
    cursor: pointer;
}

.app-conteiner img {
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.side-banner img {
    width: 100%;
    height: auto;
}

.live-match-tracker {
    min-height: 210px
}

/******************************
      Live Right Side Bar
******************************/
.left-nav-live .match-info .match-schedule, .left-nav-live .match-more-markets, .left-nav-live .match-live-info .match-cards, .left-nav-live .match-live-info .match-corners, .left-nav-live .match-live-tracker, .left-nav-live .market-drop-down-heading, .left-nav-live app-breaks-events-item-links .match-statistics, .left-nav-live .match-period {
    display: none
}

.left-nav-live .match-info .match-type {
    display: flex;
    align-items: center;
    height: auto;
    margin-bottom: 10px
}

.left-nav-live .match-info .match-type .match-sport-icon, .left-nav-live .match-info .match-type .events-category-flag {
    min-width: 16px;
    height: 16px;
    background-size: cover
}

.left-nav-live .match-info .match-type .events-category-flag {
    width: 16px;
    margin: 0 5px 0 -5px;
    border-radius: 50%;
    border: 1px solid var(--c-background-body);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat
}

.left-nav-live .match-info .match-type > .match-sport, .left-nav-live .match-info .match-type > .match-category {
    display: none
}

.left-nav-live .events-tournament-wrapper, .left-nav-live .events-item-wrapper, .left-nav-live .item-info-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 5px
}

.left-nav-live .match-teams {
    height: 100%
}

.left-nav-live .match-team-separator {
    display: none
}

.left-nav-live app-breaks-events-item-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.left-nav-live .events-sport-header {
    height: 42px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
    box-shadow: 0 0 10px 5px rgba(24, 26, 37, 0.09);
    padding: 0 10px;
    background-color: var(--c-white);
    color: var(--c-black);
    position: relative
}

.left-nav-live .events-sport-wrapper .ng-trigger-fadeInOut::-webkit-scrollbar-track {
}

.left-nav-live .events-sport-wrapper .events-sport-header .events-sport-name-wrapper {
    width: 100%;
    margin-right: 0
}

.left-nav-live .match-progress, .left-nav-live .match-score {
    font-size: 12px;
}

.left-nav-live .match-progress {
    position: absolute;
    top: 5px;
    right: 9px;
    text-align: right;
}

.left-nav-live .item-info-wrapper, .left-nav-live .match-info, .left-nav-live .match-home-team, .left-nav-live .match-away-team, .left-nav-live .events-tournament-name {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-weight: normal
}

.left-nav-live .events-tournament-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.left-nav-live .match-score {
    display: flex;
    flex-direction: column;
    align-items: center
}

.left-nav-live .item-info-wrapper .match-live-info {
    flex-direction: column;
    min-width: 35px;
    align-items: center;
    margin-top: auto
}

.left-nav-live .match-score-separator {
    margin: 0 3px;
    display: none
}

.left-nav-live .events-tournament-header {
    display: none
}

.left-nav-live .tournament-header-wrapper {
    position: relative
}

.left-nav-live .tournament-header-wrapper .toggle-button.expanded, .left-sidebar .nav-sport-wrapper .nav-category.active .nav-category-toggle {
    -webkit-transform: translate3d(0, 0%, 0) rotate(-45deg);
    transform: translate3d(0, 0%, 0) rotate(-45deg);
    z-index: 1000;
    display: none;
}

.left-nav-live .tournament-header-wrapper .toggle-button,
.left-sidebar .nav-sport-wrapper .nav-category .nav-category-toggle {
    content: "";
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 2px solid var(--c-black);
    border-right: 2px solid var(--c-black);
    transition: all 100ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px
}
.left-sidebar .nav-sport-wrapper .nav-category:hover .nav-category-toggle{
    border-top: 2px solid var(--c-white);
    border-right: 2px solid var(--c-white);
}
.left-sidebar .nav-sport-wrapper .nav-category .nav-category-toggle {
    right: 38px
}

.left-sidebar .nav-sports .nav-category-panel .navbar-section-counter {
    padding-right: 0
}

.left-nav-live .events-tournament-wrapper {
    padding: 0 5px;
}

.left-nav-live .events-item-wrapper {
    margin-bottom: 5px;
    padding: 7px 7px;
    border-radius: 12px;
    background-color: var(--c-emphasis-d);
    color: var(--c-white);
    position: relative
} 
.match-market-wrapper .match-odd:first-child{
    border-top-left-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: var(--r-border-radius-medium);
}
.match-market-wrapper .match-odd:last-child{
    border-top-right-radius: var(--r-border-radius-medium);
    border-bottom-right-radius: var(--r-border-radius-medium);

}
.left-nav-live .events-item-wrapper .match-odd{
    background-color: var(--c-emphasis-c);
    border: 1px solid var(--c-emphasis-c);
}
.left-nav-live .events-item-wrapper .match-odd:has(.odds-bet-slip-selected) {
    background-color: var(--c-white);
    color: var(--c-black)
}
.left-nav-live .match-favorite {
    display: none
}

.left-nav-live .events-category-tournament-names {
    display: flex;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 40px);
    font-weight: normal
}

.left-nav-live .events-category-name {
    margin-right: 5px
}

.left-nav-live .events-tournament-header .events-category-flag {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.left-nav-live .match-market-wrapper {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 3px;
}

#root .left-nav-live .odd {
    padding: 5px;
    display: flex;
    align-items: center;
    min-height: 32px;
    box-sizing: content-box;
}



#root .left-nav-live .odds-bet-slip-selected .odd, #root .left-nav-live .odds-bet-slip-selected .mobile-outcome {
}

#root .left-nav-live .odds-bet-slip-selected .odd {
    border: 1px solid var(--c-background-odds)
}

.left-nav-live .events-sport-wrapper.live-part {
    border-radius: var(--r-border-radius-big);
    background-color: var(--c-white);
    overflow: hidden;
    margin-bottom: 5px;
}

#root .left-nav-live .odd-locked {
    border: 0;
    min-height: auto;
    min-width: auto;
    opacity: 1;
}

#root .left-nav-live .odd-locked:first-child {
    border-top-left-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: var(--r-border-radius-medium)
}

#root .left-nav-live .odd-locked:last-child {
    border-top-right-radius: var(--r-border-radius-medium);
    border-bottom-right-radius: var(--r-border-radius-medium)
}

#root .left-nav-live .match-markets-wrapper .match-odd.odd-locked span {
    display: block;
    background-color: transparent;
}

.download-app{
    border-radius: var(--r-border-radius-medium);
    margin: 12px 0;
    text-align: center;
    transition: all .3s ease-in-out ;    
    background-color:  var(--c-emphasis-b);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image:  var(--c-emphasis-b);
    background-size: 300%;
   
}
.download-app:hover{
    background-position: 99%;
    background-image:  var(--c-gradient-purple-purple)
}
.download-app > div{
    padding: 12px;
    cursor: pointer;
    width: 100%;
    color: var(--c-white)
}


/******************************
      My bets Side Bar
******************************/
.right-nav-bets > app-widget-host {
    margin-top: 10px;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--r-border-radius-big);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden;
    position: relative
}

.right-nav-bets .section-title {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
    border-bottom: 2px solid var(--c-border-sport-coupon);
    position: relative
}

#root .right-nav-bets .section-title > div {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.right-nav-bets .section-title > div:after {
    content: "";
    position: absolute;
    border: solid var(--c-text-primary);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    right: 0;
    margin: 0 15px;
    transform: rotate(45deg);
    animation-delay: .5s
}

#root.mybets-toggle .right-nav-bets .section-title > div:after {
    transform: rotate(-135deg);
    animation-delay: .5s
}

#root:not(.mybets-toggle) .right-nav-bets .section-title {
    border-bottom: 0
}

.openbets-counter {
    position: absolute;
    top: 4px;
    right: 90px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.openbets-counter .openbets-counter-name {
    display: none
}
#root .right-sidebar .history-bet-wrapper .history-bet-header{
    margin-bottom: 8px;
}
.right-sidebar .history-bet-footer{
    flex-direction: column
}
.right-nav-bets .history-bet-header {
    flex-wrap: wrap;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--c-black);
    height: 40px
}

.right-nav-bets .history-bet-date-time-id, .right-nav-bets .history-bet-wrapper {
    margin: 0
}

.right-nav-bets .history-bet-wrapper {
    border: 0;
    font-size: 12px
}

.right-nav-bets .history-bet-wrapper .history-actions-wrapper .history-bet-reload {
}

.right-nav-bets .history-bet-match-details {
}

.right-nav-bets .history-bet-match-details:last-child {
    border-bottom: 0
}

.right-nav-bets .history-bet-match-wrapper {
    padding: 10px;
    margin: 10px
}

.right-nav-bets .history-bet-match-wrapper .selection-and-odds {
}

.history-bet-match-wrapper > div {
    line-height: 20px
}

#root .history-bet-match-wrapper .match-date-code-wrapper {
    display: flex;
    /*   position: absolute; */
    bottom: 0;
    right: 0;
    order: 3;
    width: 100%;
}

.history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code {
    display: none;
}

.history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code {
    margin-right: 10px;
}

.history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code::before {
    content: "#"
}

.history-bet-match-wrapper .match-and-time .sport-icon {
    display: flex;
    align-items: center;
    order: 1;
    white-space: nowrap;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    height: 20px;
    margin: .7rem .5rem 0 0;
    width: 20px;
}

.history-bet-match-wrapper .match-and-time .bet-match-tournament-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 50%;
    order: 2;
    font-weight: bold
}

.history-bet-match-wrapper .match-and-time .bet-match-tournament-info div {
    margin-right: 5px;
}

.history-bet-match-wrapper .match-and-time .bet-match-tournament-info .bet-match-dash {
    display: none
}

.history-bet-match-wrapper .match-and-time .bet-match-tournament-info .bet-match-tournament {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  position: absolute; */
    top: 20px;
    left: 0;
    margin-left" 8px
}
.history-bet-match-wrapper .match-and-time .history-bet-match-name{
    opacity: .8;
    order: 2;
    padding-top: 0
}
.history-bet-match-wrapper .match-and-time .history-bet-match-name{
    cursor: pointer;
    opacity: 5;
    flex: 1 1 100%;
    font-weight: bold;

}

.history-bet-match-wrapper .match-and-time .history-bet-match-name.clickable:hover{
}
.history-bet-match-time {
    opacity: .5;
    order: 3;
    display: flex;
    /* position: absolute; */
    right: 0;
    width: 100%;
}
#root .right-nav-bets .history-bet-wrapper .match-date-code-wrapper{
    display: flex;
    justify-content: space-between
}

.right-nav-bets .history-bet-wrapper .history-bet-footer{
    flex-wrap: wrap;
    font-size: 12px;
    padding: 0 10px
}
.right-nav-bets .history-bet-wrapper .history-bet-footer > div:not(:last-child){
    display: none
}
.right-nav-bets .history-bet-wrapper .history-bet-footer > div:last-child{
    width: 100%;
    text-align: right
}

.right-nav-bets .bet-infos-title-wrapper{
    border-top: 1px solid var(--c-black);
    padding: 0
}
.right-nav-bets .guest{
    padding: 10px 0;
}
.right-nav-bets .no-history-records{
    margin: 0;
    text-align: center;
    padding: 10px 0
}
.right-nav-bets .guest-info{
    text-align: center;
}
.right-nav-bets .guest .login > app-widget-host{
    align-items: center;
    margin-top: 15px;
}
.right-nav-bets .guest .login button{
    padding: 10px 30px;
    border-radius: var(--r-border-radius-big);
    text-transform: uppercase
}

#root:not(.mybets-toggle) .right-nav-bets .settled-bets,
#root:not(.mybets-toggle) .right-nav-bets  .guest{
    transition: all .1s ease-in-out;
    max-height: 0;
    overflow: hidden;
    padding: 0
}
#root.mybets-toggle .right-nav-bets .settled-bets,
#root.mybets-toggle .right-nav-bets .guest{
    max-height: 9999px;
    transition: all .3s ease-in-out
}

#root .right-nav-bets  app-history .history-systems-wrapper .history-system-wrapper.history-bet-header > div,
.right-nav-bets  .history-system-wrapper > div {
    flex: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.right-sidebar .tab {
    position: relative;
    border-radius: var(--r-border-radius-medium);
    height: 42px;
    /* overflow: hidden; */

}
.right-sidebar .tab > app-widget-host{
    flex-direction: row;
    align-items: center;
    height: 100%;
    z-index: 1
}
.right-sidebar .tab:before{
    display: none;
}
.right-sidebar .tab .title{
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;

}
.right-sidebar .tab:after{
    /* content: "\2794"; */
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    right: 15px;
    align-items: center;
    justify-content: center;
}

.right-sidebar .tab app-image{
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 55px;
    justify-content: center;
    border-radius: var(--r-border-radius-medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
}
.right-sidebar .tab app-image img{
    width: 35px;
}
#root .right-sidebar .tab app-api-form.voucher-form .form-element-wrapper input {
    border-top-left-radius:var(--r-border-radius-medium);
    border-bottom-left-radius:var(--r-border-radius-medium)
}
.voucher-code-wrapper {

    margin-top:20px;

}
.voucher-code-wrapper .voucher-title {
    color: var(--c-primary);
    padding:10px 8px;
    font-size:1.2em;
    font-weight:bold;
    border-radius: var(--r-border-radius-medium);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}