﻿.NavBarTop {
    background: var(--main-primary);
}

.breadcrumb-container {
    background: var(--bg-primary);
    height: 42px;
}

.breadcrumbs__navigation {
    background-color: var(--bg-secondary);
    border-right: 1px solid var(--border-primary);
    border-left: 1px solid var(--border-primary);
}

.breadcrumbs__navigation_forward {
    border-right: 1px solid var(--border-primary);
    border-left: 1px solid var(--border-primary);
}

.breadcrumb1 {
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
}

.nav__left {
    background: var(--bg-secondary);
    border-right: 1px solid var(--border-primary);
}

.nav > li > a {
    color: var(--text-primary);
}

.theme-switcher {
    background-color: var(--bg-primary);
}

    .theme-switcher label {
        color: var(--text-secondary);
    }

.hero-background-colour {
    background-color: var(--main-primary);
}

#SpecialsLoader, #Horse-Loader, #FeaturedLoader, #SportTableLoader {
    --color-stop: var(--bg-tertiary);
    --color-stop2: var(--text-highlight);
}

.ibox {
    background: var(--bg-secondary);
}

.ibox-title {
    background: var(--main-primary);
}

.custom-offer-title {
    color: var(--text-title);
}

.text-title {
    color: var(--text-title);
}

.HomePage-RaceInfo {
    border-bottom: 1px solid var(--border-odds);
    background: var(--bg-tertiary);
}

.HomePage-HorseRace-Title {
    color: var(--text-menu);
}

    .HomePage-HorseRace-Title:hover {
        color: #FFD800;
    }

.HomePageRaceTable > .table > tbody > tr > td {
    border-top: 1px solid var(--border-primary);
}

.horse__name {
    color: var(--text-secondary)
}

.HomePageRaceTable-JockeyDetails {
    color: var(--text-primary);
}

.SelectionRow, .SelectionRow-Dummy, SelectionRowStandings {
    color: var(--text-menu);
    background: var(--bg-odds) !important;
    border-top: 1px solid var(--border-odds) !important;
    border-right: 1px solid var(--border-odds);
}

    .SelectionRow:hover {
        color: var(--text-selected);
        background: var(--bg-odds-selected) !important;
    }

.HomePage-Footer-Text {
    color: var(--text-primary);
}

.ibox-content {
    border-color: var(--border-primary);
}

.OddsTable > .table > tbody > tr > th {
    background: var(--main-primary);
}

.TimeRow {
    color: #a2acc1;
}

.score__team {
    color: var(--text-secondary);
}

.OddsTable > .table > tbody > tr .MoreRow{
    background: var(--bg-more-markets);
    border-top: 1px solid var(--border-more-markets);
}
    .OddsTable > .table > tbody > tr .MoreRow > a {
        color: #8f9cad !important;
    }

.OddsTable > .table > tbody > .subheader-row > td {
    background: var(--bg-tertiary);
}
    .OddsTable > .table > tbody > .subheader-row > td > a {
        color: var(--text-tertiary);
    }

.OddsTable > .table > tbody > tr > .ThreeBall {
    background: var(--bg-secondary) !important;
}
    .OddsTable > .table > tbody > tr > .ThreeBall:hover {
        background: var(--bg-odds-selected) !important;
    }

.matches__time {
    color: #6d7680;
}

.tag {
    color: #a3a9b0;
}
.footer h4 {
    font-size: 17px;
    line-height: 20px;
    color: rgb(139, 139, 158);
}


.bb-ImageContainer_ImageOverlay {
    background-image: linear-gradient(90deg, var(--main-primary) 0, #1c4bf23d 50%, #1c4bf221);
}

.bb-BetBoostCount {
    background-color: var(--main-primary);
    color: var(--text-selected);
}

.featuredIbox {
    background: var(--main-primary);
}

.card {
    border: 1px solid var(--bg-secondary);
    background: var(--bg-secondary);
}

.featured-live__stage {
    color: var(--text-secondary);
}
    .featured-live__stage small {
        color: #8b939a;
    }

.slick-dots li.slick-active button:before {
    color: var(--text-selected);
}

.slick-dots li button::before {
    color: var(--text-selected);
}

.theme-colour-text {
    color: var(--text-menu);
}

.MatchBetting-MarketName {
    color: var(--text-menu);
    background: var(--bg-tertiary);
}

.competitions-display {
    color: var(--text-secondary);
}

.competitions-count-text {
    background-color: var(--bg-tertiary);
}

.bb-banner-content {
    color: var(--bg-tertiary);
}

.competition-tab {
    color: var(--text-primary);
}

.match-count {
    color: var(--bg-tertiary);
}

.sort-by-menu, .market-dropdown-menu {
    border: 1px solid var(--main-primary);
    border-top: 3px solid var(--main-primary);
}
    .market-dropdown-menu > li > a:hover {
        background-color: var(--main-primary);
        color: var(--bg-tertiary) !important;
        cursor: pointer;
    }

.TextColour {
    color: var(--text-secondary);
}

.dropdown-menu > li > a {
    color: var(--text-primary);
}

.DayTabs a, #AntepostTab {
    border: 2px solid var(--main-primary);
    color: var(--text-menu);
}
    .DayTabs a:hover, #AntepostTab:hover {
        background-color: var(--bg-tertiary);
        color: var(--text-menu) !important;
    }

.DayTabs .activeDay {
    background: var(--main-primary);
    color: var(--bg-tertiary) !important;
}

.market-button {
    border: 2px solid var(--main-primary);
    color: var(--text-menu);
    background-color: var(--bg-secondary);
}

.dropdown-sub-title {
    color: #5e73a7;
}

.ibox-title-MatchBetting {
    background: var(--main-primary);
    color: var(--bg-tertiary);
}

.nav-tabs > li {
    border-right: 2px solid var(--text-highlight);
}
    .nav-tabs > li:hover {
        background: var(--main-primary);
    }
        .nav-tabs > li:hover > .soccer-tab {
            color: var(--bg-tertiary);
        }
    .nav-tabs > li:has(.soccer-tab-active) {
        background-color: var(--text-highlight);
    }

.nav-tabs > li > a {
    color: var(--main-primary);
} 
    .nav-tabs > li > a:hover {
        color: var(--bg-tertiary);
    }

.MatchBetting-Odds {
    color: var(--text-odds);
}

.MatchBetting-Selection, .MatchBetting-Selection-Dummy, .MatchBetting-Selection-No-Border, .MatchBetting-Selection-Border {
    border-right: 1px solid var(--text-highlight);
    border-bottom: 1px solid var(--text-highlight);
}
    .MatchBetting-Selection:hover {
        background: var(--bg-odds-selected);
        color: var(--text-selected);
    }
    .MatchBetting-Selection:hover > .MatchBetting-Odds{
        color: var(--text-selected);
    }

.correctScore .correctScoreCount {
    background-color: var(--main-primary);
    color: var(--bg-tertiary);
}
    .correctScore .correctScoreCount:disabled {
        background-color: grey;
    }

.correctScoreOddContainer, .scorecastOddsContainer {
    border: 2px solid var(--text-highlight);
    color: var(--text-odds);
}

.MatchBetting-Market-player-table {
    background: var(--bg-tertiary);
}


.MatchBetting-SelectionsSection {
    background: var(--bg-secondary);
}

.MatchBetting-Selection-Goalscorer {
    border: none;
    text-align: center;
}
    .MatchBetting-Selection-Goalscorer > span {
        float: none;
    }

.table-striped > tbody > tr:nth-child(2n+1) > td {
    background: var(--bg-tertiary);
}

.Highlight-PriceChange-Drifting {
    background: var(--price-update-drifting) !important;
}

.Highlight-PriceChange-Shortening {
    background: var(--price-update-shortening) !important;
}

.card {
    border: 1px solid var(--bg-secondary);
    background: var(--bg-secondary);
}

.loading-text {
    color: var(--text-menu);
}

.loader-circle {
    box-shadow: inset 0 0 0 3px var(--main-primary);
}

.result-score-oddTable {
    color: var(--text-odds);
}

.MatchBetting-NoBetsMessage, .Inplay-Conditions-Text, .Search-No-Results {
    color: #99a1bc !important;
}

.event-result-winner {
    color: #009933;
}

.event-result-beaten {
    color: #ff3300;
}

.golf-balls-border {
    border: 1px solid var(--border-odds) !important;
    border-left: none;
}
    .betbuilder-summary {
    background: var(--main-primary);
}

.build-bet-btn {
    background: var(--main-primary);
}

    .build-bet-btn:hover {
        background-color: var(--main-secondary);
    }

.players-table-show-more {
    background: var(--bg-odds-selected);
    color: var(--text-selected);
}


.bet-builder-banner h3 {
    color: var(--main-primary);
}

.bb-icon-mini {
    background-color: var(--main-primary);
    box-shadow: 0 0 8px 2px var(--main-primary);
}

.invoice {
    background-color: var(--bg-primary);
}

.invoice__wrapper {
    border-left: 1px solid var(--bg-primary);
}

.betslip-sidenav {
    background: var(--bg-primary);
}

.bet__outcome__rating {
    background-color: rgba(97, 60, 234, 0.1);
    color: var(--main-primary);
}
.btn--primary {
    background-color: var(--main-primary);
}

.rating--primary {
    background-color: var(--main-primary);
}

.CountryRow {
    border-bottom: 1px solid var(--border-race-expander);
}

.HorseRacing-CountryName {
    color: var(--text-menu);
    background: var(--bg-racing-expander);
}

.HorseRow {
    border-bottom: 1px solid var(--border-primary);
}

.HorseRacing-RaceTimes > a, .HorseRacing-MarketName > a {
    color: var(--text-secondary);
}

    .HorseRacing-RaceTimes > a:hover, .HorseRacing-MarketName > a:hover {
        color: var(--text-menu);
    }

.RaceInfo {
    background: var(--main-primary);
}

.FadeOutRacetime {
    color: #b3b3b3 !important;
}

.HorceRace-Description {
    color: rgb(255, 255, 255);
}

.Horse-Race-Description-Darker {
    color: var(--text-highlight);
}

.race-verdict-parent {
    border-bottom: 1px solid var(--border-odds);
    background: var(--bg-tertiary);
}

#RaceVerdict {
    color: var(--text-menu);
}

.tips-container {
    border: 1px solid #7B7A78;
    color: #7B7A78;
}

.HomePageRaceTable-JockeyDetails {
    color: var(--text-primary);
}

.PreviousRaces {
    color: var(--text-tertiary);
}
    .PreviousRaces > tbody > tr:nth-child(2n+1) > td {
        background: var(--bg-tertiary);
    }

.colour-1st {
    color: #bc8a11;
}

.colour-2nd {
    color: #7a7a7a;
}

.colour-3rd {
    color: #a16b59;
}

.out-off-date {
    background: gray !important;
    color: white !important;
}

.SelectionRowSelected {
    background: var(--main-primary) !important;
    border-left-color: var(--bg-odds-selected);
    border-left: 3px solid var(--bg-odds-selected);
    color: var(--text-selected);
}

.golfSelections > .SelectionLink > .row {
    color: var(--text-secondary);
}

.register-career-header {
    color: var(--text-primary);
}

#register-career-home {
    background: var(--main-primary);
    color: var(--text-selected);
}
.Nav-Bar-Search-Market #markets-search-text {
    border: none;
    background-color: var(--main-secondary);
    color: var(--text-selected);
}

    .Nav-Bar-Search-Market #markets-search-text::placeholder {
        color: var(--text-selected);
    }

.balance-dropdown-menu {
    background-color: var(--main-secondary);
    color: white !important;
}
    .balance-dropdown-menu:hover {
        background-color: var(--main-secondary) !important;
        text-decoration: underline;
    }

.bet-count-indicator {
    background-color: orange;
    color: white;
}

.Mobile-Menu-Text:hover {
    color: white !important;
}

.bet-history-tabs .tab.active {
    background-color: var(--main-primary) !important;
    color: #fff;
}

.bet-history-tabs .tab:hover {
    background-color: var(--main-primary);
    color: #fff;
}

.account-title {
    color: var(--text-secondary);
    font-family: NiveauGroteskRegular;
}

.account-number {
    color: var(--text-secondary);
    font-family: NiveauGroteskRegular;
}

.account-status {
    color: var(--text-secondary);
    font-family: NiveauGroteskRegular;
}

.rating--primary, .rating--primary--dummy {
    background-color: var(--main-primary);
}

#bet-selection-index {
    display: block;
    text-align: center;
}

.betslip-result-colour-win {
    background-color: #009900;
    color: white;
}

.betslip-result-colour-lose {
    background-color: #e60000;
    color: white;
}

.betslip-result-colour-rejected {
    background-color: darkorange;
    color: white;
}

.betslip-result-colour-settle {
    background-color: #5c5c8a;
    color: white;
}

.Stake-Box {
    color: #888888;
}

@keyframes MobileSelectionAddBackground {
    0% {
        background-color: var(--main-primary);
    }

    50% {
        background-color: orange;
    }

    100% {
        background-color: var(--main-primary);
    }
}

