.bb-base {
    color: #258ddb;
}

.bb-dark {
    color: #1A659C;
}

body, html {
    /* We need !important to ensure we override some funny theme conflicts with Mantine 7 */
    background-color: #f2f2f2!important;
    /* Mantine depends on this. It overrides bootstrap's setting of 10px */
    font-size: 16px;
    /* For some reason this property appears on body, but is not defined outside of pages with React components. This is a temporary workaround. */
    /*
    Setting the text color to black overrides the Mantine theme. We shouldn't tamper with it as it makes some styles ineffective. 
    If we really still need this in Classic, we should set it with the exact selector Mantine uses.
    I disabled the override for now:
    --mantine-color-text: black;
    */
}

/* ------------------ */
/* Top Navigation Bar */
/* ------------------ */

.bbDashTheme .navbar-inverse .navbar-nav>li>a {
    color: #E0CEB4;
}

.bbDashTheme .navbar-inverse .navbar-nav>.open>a,
.bbDashTheme .navbar-inverse .navbar-nav>.open>a:focus,
.bbDashTheme .navbar-inverse .navbar-nav>.open>a:hover,
.bbDashTheme .navbar-inverse .navbar-nav>.active>a,
.bbDashTheme .navbar-inverse .navbar-nav>.active>a:focus,
.bbDashTheme .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #258ddb;
    color: #E0CEB4;
}

/* end of topNavigation*/

.screenApps #main {
    background-color: white;
}

.inlineLink {
    color: #0073e6;
}

.inlineLink:hover, .crumb:hover {
    color: black;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}

.sidebar-list .sidebarTitle {
    color: #8b9ca9;
}

.sidebar-list:first-child .sidebarTitle {
    color: inherit;
}

.sidebar-list li.active:hover .sidebarTitle {
    color: #2d2d2d!important;
}

.sidebar-list .selected span {
    color: #0073e6!important;
}

.statusIndicator {
    position:relative;
}

.sidebar-list .selected .statusIndicator {
    display:none;
}

.sidebar-list .circle {
    border-color: rgb(128, 128, 128);
}

.sidebar-list .selected .circle {
    background-color: #207bbf;
    color:white;
    border:none;
}


#breadcrumb, #breadcrumb .separator {
    color: #1A659C;
}

.dropdown-menu>li>a:hover, nav .dropdown ul a {
    color: #1A659C;
}

nav .twitter-typeahead input {
    /*background-color: #258ddb!important;*/
    border-width:1px;
    border-style: solid;
    box-shadow: none;
    border-color: #ddd;
    padding-left:40px!important;
    border-radius:4px;
    font-size: 14px!important;
    letter-spacing: 0.2px;
    line-height: 24px;
    color: #888!important;
}

nav .twitter-typeahead input::-webkit-input-placeholder {
    color: #CCCCCC!important;
}

nav .twitter-typeahead input:-moz-placeholder { /* Firefox 18- */
    color: white;
}

nav .twitter-typeahead input::-moz-placeholder {  /* Firefox 19+ */
    color: white;
}

nav .twitter-typeahead input:-ms-input-placeholder {
    color: white;
}

.enabled, .btn.active {
    background-color: rgb(123, 29, 27);
    color: white!important;
    border-color: rgb(123, 29, 27);
}

.sidebar-item.wineListItem:hover {
    background-color: #f5f5f5;
}

.yellowBackground:hover {
    background-color: white;

}
.yellowBackground {
    background-color: #4B8BBB;
    color: white;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important;
}

.winelistWineCount {
    color: #888;
    background-color: white;
    border-color: #888;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.yellowFadeOut {
    background-color: white!important;
    -webkit-transition: background-color 500ms linear!important;
    -moz-transition: background-color 500ms linear!important;
    -o-transition: background-color 500ms linear!important;
    -ms-transition: background-color 500ms linear!important;
    transition: background-color 500ms linear!important;
}

.bb-alert {
    border-bottom-color: #1A659C!important;
    background-color:#258ddb!important;
    color: white!important;
}