:root {
    --text-primary: #656565;
    --text-secondary: #132536;
    --text-tertiary: #1c2339;
    --text-menu: #850000;
    --text-selected: #fff;
    --text-odds: #850000;
    --text-highlight: #ffd9d9;
    --text-more-markets: #ff2f2f;
    --bg-primary: #f6f8fc;
    --bg-secondary: #fff;
    --bg-tertiary: #fff4f4;
    --bg-odds: #ffd9d9;
    --bg-odds-selected: #850000;
    --bg-more-markets: #ffbbbb;
    --border-primary: #ddd;
    --border-odds: #ffbbbb;
    --border-more-markets: #c7d3f5;
    --border-race-expander: #ececec;
    --main-primary: #850000;
    --main-secondary: #000000;
    --bg-button: #f6f8fc;
    --bg-racing-expander: #f8f9fd;
    --slider-shadow: inset 0 1px 1px #ddd, 0 2px 3px #ccc;
    --skelteton-loader-primary: #f3f3f3;
    --skelteton-loader-secondary: #ecebeb;
    --yellow-highlight: #ffdf1b;
    --price-update-drifting: #ffaaaa;
    --price-update-shortening: #d9e6ff;
    --nav-search-bar: #6a0000;
}

    :root.dark-theme {
        --text-primary: #fff;
        --text-secondary: #fff;
        --text-tertiary: #fff;
        --text-menu: #fff;
        --text-selected: #fff;
        --text-odds: #f00000;
        --text-highlight: #ff5656;
        --text-more-markets: #ff7b7b;
        --border-primary: #970000;
        --border-odds: #c10000;
        --border-more-markets: #970000;
        --border-race-expander: #720000;
        --bg-primary: #190000;
        --bg-secondary: #3f0000;
        --bg-tertiary: #7a0000;
        --bg-button: #f00000;
        --bg-odds: #ad0000;
        --bg-odds-selected: #970000;
        --main-secondary: #440000;
        --bg-more-markets: #720000;
        --bg-racing-expander: #970000;
        --slider-shadow: inset 0 1px 1px #767676;
        --skelteton-loader-primary: #ad0000;
        --skelteton-loader-secondary: #9c0000;
        --price-update-drifting: #8e0000;
        --price-update-shortening: #0062ad;
    }

.BrandingImage {
    content: url(/images/TopNav/DN-logo.png);
}

.BrandingImage-Dark {
    content: url(/images/TopNav/MB-new-logo-white.png);
}

.Nav-Bar-Search-Market {
    padding-top: 20px;
}

.Left-Side-Nav-Menu {
    height: 96px;
}

.dashboard, .dashboard-search {
    margin-top: 170px;
}

@media (max-width: 600px) {
    .dashboard {
        margin-top: 0;
    }
}

.SideNav-ibox {
    top: 180px;
}

.Nav-Bar-Search-Market .SearchContainer {
    background-color: var(--nav-search-bar);
    border-color: var(--nav-search-bar);
}

.Nav-Bar-Search-Market #markets-search-text {
    background-color: var(--nav-search-bar);
}

    .Nav-Bar-Search-Market #markets-search-text:focus,
    .Nav-Bar-Search-Market #markets-search-text:active {
        background-color: var(--nav-search-bar);
    }

    /* For future reference https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete*/
    .Nav-Bar-Search-Market #markets-search-text:-webkit-autofill,
    .Nav-Bar-Search-Market #markets-search-text:-webkit-autofill:hover,
    .Nav-Bar-Search-Market #markets-search-text:-webkit-autofill:focus,
    .Nav-Bar-Search-Market #markets-search-text:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px var(--nav-search-bar) inset !important;
    }

.OddsTable > .table > tbody > tr .MoreRow > a {
    color: var(--text-more-markets) !important;
}