/* CSS FOR DSN FLEET CUSTOM STYLING */

/* BASE */

.btn-link {font-weight: 700}

/* NAVBAR */

.navbar-dsn {background: url("../../assets/images/bg-speedometer.jpg") 221px 38% no-repeat;border-bottom-color: rgba(255, 255, 255, 0.1);background-color:#000;color: #fff;}
.navbar-dsn .navbar-brand {padding: 0;}
.navbar-dsn .navbar-brand img { height: 38px; margin-top: 0; padding-top: 10px;}

/* NAVBAR > SIDEBAR COLOR CHANGE ON OPEN (layout.css overwrite CSS) */

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #CC0000;
  color: #fff;
}

/* CARDS */

.card .card-header.header-elements-inline {border-bottom: 1px solid #dedede !important;}
.card .card-body {padding-top: 1.25em !important;}

/* ADMIN DASHBOARD > GAUGES */

.card-dashboard-gauges .col-md {text-align:center; padding-bottom:40px;}
.card-dashboard-gauges .gauge-table {width:50%; display:inline-table; white-space:nowrap; font-size:2em; font-weight:bold;}
.card-dashboard-gauges .gauge-table td:nth-child(1) {width:50%; color:blue;padding-bottom:2px; padding-top: 2px;}
.card-dashboard-gauges .gauge-table td:nth-child(2) {width:50%; color:green;padding-bottom:2px; padding-top: 2px;}

/* PROGRESS BAR */

.progress {height: 30px; font-size: .9em !important;}
.progress .progress-bar {width:20%;border:solid 1px #fff;background-color:#efefef; color: #000; padding:.25em 0 !important;}
.progress .progress-bar.done {background-color:#0CBE30; color: #fff;}
.progress .progress-bar.active {background-color:#0c95be; color: #fff;}

@media screen and (max-width:768px) {
    .progress {font-size: .8em !important;}
}
@media screen and (max-width:400px) {
    .progress {font-size: .65em !important;}
}

/* LOGIN FORM */

.login-form .logo img {max-width: 180px; height: auto}
.login-form .heading {font-size: 1.7em; color: #898989}

/* SECTION HEADINGS (BATCHING & ORDERS) */

.section-heading {background: #f5f5f5; border: 1px solid #dddddd; padding: .25em 1em}
.section-heading .heading {margin: .30em; font-size: 1rem;}

/* FOOTER */

@media screen and (max-width:768px) {
    #navbar-footer {text-align: center;}
}