/* Styling sto koumpi sto telos tou burger button - SELECTIONS START */
#root .mobile .navigation .league-select-go button.nav-reset-button {
border:none;}

#root .mobile .navigation .league-select-go {
padding-bottom:0px;
border-bottom:0px;
bottom: var(--v-sticky-menu-height);}

.mobile.os-android {
    --v-sticky-menu-height: 53px;
}

/* Styling sto koumpi sto telos tou burger button - SELECTIONS END */


/* Alignment of the favourite icon on league header START */
#root .desktop app-sports-coupon .tournament-header-wrapper .tournament-favorite {
    width: 24px;
}

/* Alignment of the favourite icon on league header END */

/* sharp edges on footer START */
#root .desktop .content .footer {
    border-radius: 10px;
}

/* sharp edges on footer END */

/* remove the country in text there, only on desktop both themes START */

#root .desktop.view-page-live-match .markets-match-data .markets-category-name {
    display: none;
}

#root .desktop.view-page-match .markets-match-data .markets-category-name {
    display: none;
}

/* remove the country in text there, only on desktop both themes END */

/* not bold START */

#root .history-bet-wrapper.product-betting.expanded .history-bet-content .history-bet-match-details:not(.live-match) .match-date-code-wrapper .match-date {
    font-weight: normal;
}

#root .history-bet-wrapper .history-system-wrapper>div span:last-child {
    font-weight: normal;
}

/* not bold END */

/* spaces on betslip summary START */
#root .mobile .betslip-header {
    height: 43px;
}

#root .mobile .betslip-header>app-widget-host {
    padding-top: 10px;
    padding-bottom: 0px;
}

#root .mobile .window-tabs.betslip-tabs {
    padding-top: 5px;
    padding-bottom: 5px;
}

#root .mobile .betslip-container.tab-multiple app-betslip-footer app-popular-bet {
    margin-right: 0;
    margin-top: 28px;
    padding-bottom: 28px;
}

#root .mobile .betslip-container.tab-events app-betslip-footer app-popular-bet {
    margin-top: 13px;
    margin-bottom: 13px;
    padding-bottom: 0px;
}

#root .desktop .betslip-container.tab-multiple app-betslip-footer app-popular-bet {
    margin-right: 0;
    margin-top: 18px;
    padding-bottom: 28px;
}

#root .desktop .betslip-container.tab-events app-betslip-footer app-popular-bet {
    margin-top: 3px;
    margin-bottom: 13px;
    padding-bottom: 0px;
}

#root app-betslip-new .betslip-bets-container app-betslip-multiples div.multiple-container {
    padding-bottom: 0px;
}

#root .bet-container .bet-live-selection .live-score>span:not(.score-separator) {
    background-color: #041383;
    color: white;
    font-weight: normal;
}

#root .betslip-events-wrapper>app-betslip-event,
#root .betslip-container.tab-events app-betslip-match>.bet-container app-betslip-event,
#root .betslip-container:not(.tab-events) app-betslip-match>.bet-container:not(.bet-builder-on) app-betslip-event {
    margin-top: 6px;
}

#root .beto-betslip-notifications .bet-messages-info .bet-item {
    margin-top: 5px;
}

#root .beto-betslip-notifications .bet-messages-info .bet-item:last-child {
    margin-bottom: 5px;
}

#root .betslip-container.tab-multiple .betslip-events-wrapper:not(:has(~ app-betslip-footer app-popular-bet button))>app-betslip-event:last-child {
    margin-bottom: 5px;
}

#root app-betslip-footer app-popular-bet {
    margin-bottom: 0px;
}

/* spaces on betslip summary END */

/* antepost odd should be green and bold when selected on light theme, and on dark theme the outcome name should be green and bold when selected START */

/* #root .desktop:has(.lightTheme) .antepost .outrights-coupon .events-tournament-wrapper .outright-competitor span.outright-odd.bet-slip-selected {
    color: var(--c-green) !important;
    font-weight: 800;
}

#root .mobile:has(.lightTheme) .antepost .outrights-coupon .events-tournament-wrapper .outright-competitor span.outright-odd.bet-slip-selected {
    color: var(--c-green) !important;
    font-weight: 800;
} */

/* #root .desktop:has(.darkTheme) .antepost .outrights-coupon .events-tournament-wrapper .outright-competitor.bet-slip-selected span.outright-competitor-name {
    color: var(--c-green) !important;
    font-weight: 800;
}

#root .mobile:has(.darkTheme) .antepost .outrights-coupon .events-tournament-wrapper .outright-competitor.bet-slip-selected span.outright-competitor-name {
    color: var(--c-green) !important;
    font-weight: 800;
} */

/* antepost odd should be green and bold when selected on light theme, and on dark theme the outcome name should be green and bold when selected END */

/* Sharp edges on match pages START */

/* #root .view-page-match .match-market-group .market-groups {
    border-radius: 10px;
} */

/* #root .view-page-live-match .match-market-group .market-groups {
    border-radius: 10px;
} */

/* #root .view-page-match app-sports-match-market-filter.beto-match-market-filter.match-market-search div.match-market-filter-wrapper input.search-markets {
    border-radius: 10px;
} */

/* #root .view-page-live-match app-sports-match-market-filter.beto-match-market-filter.match-market-search div.match-market-filter-wrapper input.search-markets {
    border-radius: 10px;
} */

/* #root app-live-match-tracker.beto-live-match-tracker.match-tracker {
    border-radius: 10px;
} */

/* Sharp edges on match pages END */

/* Market headers stickyness in the match pages need some optimisation START */

/* #root .mobile .match-markets-wrapper .market-group .market-group-header:not(:only-child) {
    margin-bottom: 0px;
}

#root .desktop .match-markets-wrapper .market-group .market-group-header:not(:only-child) {
    margin-bottom: 0px;
} */

/* Market headers stickyness in the match pages need some optimisation END */

/* Profile Info START */

#root .view-page-user-profile .user-profile-wrapper #edit-personal-details input {
    color: #737373;
}

#root .view-page-user-profile .user-profile-wrapper #edit-personal-details label.ui-dropdown-label.ui-inputtext.ui-corner-all {
    color: #737373;
}

/* Profile Info END */

/* Alignment Button icon next to BetBuilder START */

#root .mobile .match-page .match-markets .toggle-all-expanded {
    top: -38px;
}

#root .desktop .match-page .match-markets .toggle-all-expanded {
    top: -42px;
}

/* Alignment Button icon next to BetBuilder END */

/* Give a bit of space on the left of the dropdown options START */

#root .view-page-metra-selfexclusion.desktop .mcontainer select {
    padding-left: 15px;
}

/* Give a bit of space on the left of the dropdown options END */

/* Sharp edges START */

#root .mobile .footer app-language {
    margin: 10px auto;
}

#root .mobile .footer .filter-language .ui-dropdown-open {
    border-radius: 10px 10px 0 0;
}

#root .mobile .footer .filter-language .ui-dropdown-panel {
    border-radius: 0 0 10px 10px;
}

#root .mobile .footer .filter-language .ui-dropdown-panel .ui-dropdown-items-wrapper {
    border-radius: 0 0 10px 10px;
}

/* Sharp edges END */

/* Both flags not centered, also english flag is shrinked START */

#root .filter-language .ui-dropdown-panel .ui-dropdown-items-wrapper li img {
    margin: 10px 10px;
    object-fit: fill;
    height: 15px;
}

/* Both flags not centered, also english flag is shrinked END */

/* BETSLIP START */

#root .mobile .close-modal-header {
    opacity: 0%;
}

#root .mobile .mobile-betslip-view .siderbar-content>app-widget-host {
    height: 100%;
    justify-content: flex-end;
}

#root .mobile .ui-dialog.mobile-betslip-view .ui-widget-content {
    background-color: transparent;
}

#root .mobile .betslip-header {
    height: 43px;
}

#root .mobile .betslip-header>app-widget-host {
    padding-top: 10px;
    padding-bottom: 0px;
}

#root .mobile .window-tabs.betslip-tabs {
    padding-top: 5px;
    padding-bottom: 5px;
}

#root .mobile .betslip-container.tab-multiple app-betslip-footer app-popular-bet {
    margin-right: 0;
    margin-top: 28px;
    padding-bottom: 28px;
}

#root .mobile .betslip-container.tab-events app-betslip-footer app-popular-bet {
    margin-top: 13px;
    margin-bottom: 13px;
    padding-bottom: 0px;
}

#root .desktop .betslip-container.tab-multiple app-betslip-footer app-popular-bet {
    margin-right: 0;
    margin-top: 18px;
    padding-bottom: 28px;
}

#root .desktop .betslip-container.tab-events app-betslip-footer app-popular-bet {
    margin-top: 3px;
    margin-bottom: 13px;
    padding-bottom: 0px;
}

#root app-betslip-new .betslip-bets-container app-betslip-multiples div.multiple-container {
    padding-bottom: 0px;
}

#root .bet-container .bet-live-selection .live-score>span:not(.score-separator) {
    background-color: #041383;
    color: white;
    font-weight: normal;
}

#root .betslip-events-wrapper>app-betslip-event,
#root .betslip-container.tab-events app-betslip-match>.bet-container app-betslip-event,
#root .betslip-container:not(.tab-events) app-betslip-match>.bet-container:not(.bet-builder-on) app-betslip-event {
    margin-top: 6px;
}

#root .beto-betslip-notifications .bet-messages-info .bet-item {
    margin-top: 5px;
}

#root .beto-betslip-notifications .bet-messages-info .bet-item:last-child {
    margin-bottom: 5px;
}

#root .betslip-container.tab-multiple .betslip-events-wrapper:not(:has(~ app-betslip-footer app-popular-bet button))>app-betslip-event:last-child {
    margin-bottom: 5px;
}

#root app-betslip-footer app-popular-bet {
    margin-bottom: 0px;
}

#root .mobile .betslip-bets-container .betslip-events-wrapper {
    /* flex-direction: column-reverse; */
    flex-direction: column;
    display: flex;
}

#root .mobile .betslip-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#root .mobile .close-modal-header a {
    display: block;
    width: 100%;
    height: 100vh;
}

/* BETSLIP END */

/* Streaming Icon Alignment on mobile START */

#root .desktop .match-info .is-live-booked {
    margin-top: 6px;
    margin-bottom: 0px;
}

#root .desktop .match-info .has-live-stream {
    margin-top: 6px;
    margin-bottom: 0px;
}

#root .mobile .match-info .is-live-booked {
    margin-bottom: 0px;
}

#root .mobile .match-info .has-live-stream {
    margin-bottom: 0px;
}

/* Streaming Icon Alignment on mobile END */

/* betslip mobile line in iphone 12-14 START */

#root .mobile .betslip-container {
    background-color: #F8FFFB;
}

/* betslip mobile line in iphone 12-14 END */