/* SPUR STEAK RANCHES STYLESHEET ONLY */

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


/* end fonts */

html, body {
    background: #F8F8F8;
    font-family: 'Rubik', sans-serif;
}


html.login-pg {
    background: url(../images/spursteak-login-bg.jpg) no-repeat scroll 0 0 #231F20 !important;
    background-size: cover !important;
}

h1, h2, h3, h4, h5, h6, p{
    font-family: 'Rubik', sans-serif;
}

.panel-title{
    font-family: 'Rubik', sans-serif;
}

/* topbar */
.topbar .topbar-left {
    background-color: #000F55;
}
.navbar.navbar-light {
    background-color: #f8f8f8;
}

/* left sidebar */
.side-menu.left {
    background: #000F55;
}
#sidebar-menu>ul>li>a {
    color: #CCCCCC;
}
#sidebar-menu>ul>li:hover>a .menu-item {
    background: #142575;
}
#sidebar-menu>ul>li:hover>a .btn {
    background: #142575;
}
#sidebar-menu ul ul {
    background: #142575;
}
#sidebar-menu ul ul a {
    color: #ccc;
}
#sidebar-menu ul ul a:hover {
    color: #ffffff;
}
#sidebar-menu>ul>li:hover>a .btn:hover {
    color: inherit;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a {
    color: #636363;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a:hover {
    color: #000f55;
}
#sidebar-menu>ul>li>a.active .menu-item {
    background-color: #C52026;
}
#sidebar-menu>ul>li>a.active .btn {
    background-color: #C52026;
}

/* buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background-color: #EE3435 !important;
    border: 1px solid #EE3435 !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open>.dropdown-toggle.btn-secondary {
    background-color: #282E68 !important;
    border: 1px solid #282E68 !important;
}

.btn-outline-secondary {
    color: #282E68;
    border: 1px solid #282E68;
}
.btn-outline-secondary:hover,
.btn-outline-secondary.hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: #282E68;
    color: #ffffff;
}

.btn-light {
    background-color: #f8f8f8 !important;
    border: 1px solid transparent !important;
    color: #8A94A6;
}

#login_confirm .btn-link {
    color: #282E68 !important;
}

#login_confirm .btn-link:hover,
#login_confirm .btn-link.hover,
.btn-link:focus,
.btn-link.focus {
    background-color: rgba(40, 46, 104, 0.12) !important;
    color: #282E68;
    text-decoration: none;
}

/* backgrounds */
.bg-primary,.bg-custom-1{
    background-color: #EE3435 !important;
}

.bg-secondary,.bg-custom-2 {
    background-color: #282E68 !important;
}

.bg-custom-3 {
    background-color: #F89532 !important;
}
.bg-background,.footer {
    background-color: #f8f8f8 !important;
}

/* nav-tabs and pills */
.nav.nav-tabs.pills>li.active>a {
    background: #282E68;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #ffffff;
    background-color: #282E68;
}

/* labels and badges */
.label-default {
    background-color: #FFECD5;
    color: #000;
}

/* progress bars */
.progress-bar-success {
    background-color: #007f88;
}