/*Framework color styling*/
body {
    background-color: #dcdcdc !important;
}

.page-container {
    background-color: #f5f5f5 !important;
}

.page-content-wrapper {
    background-color: #f5f5f5 !important;
}

.page-header.navbar {
    background-color: #ffffff !important;
    border-bottom: 15px solid #005FAB;
}

.page-header.navbar .page-logo .logo-default {
    margin: 22px 0 0 0 !important;
}

li.dropdown.dropdown-user a.dropdown-toggle span {
    color: #333333 !important;
}

li.dropdown.dropdown-user a.dropdown-toggle i.fa.fa-angle-down {
    color: #333333 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: transparent !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user a.dropdown-toggle:hover {
    background-color: #005FAB !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user a.dropdown-toggle:hover span,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user a.dropdown-toggle:hover i {
    color: #ffffff !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #005FAB !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover span,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle span,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle i {
    color: #ffffff !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a:hover {
    background-color: #c4c4c4 !important;
}

.page-sidebar.navbar-collapse {
    background-color: #f5f5f5 !important;
}

.page-container-bg-solid .page-bar, .page-content-white .page-bar {
    background-color: #fff !important;
}

.page-content-white .page-bar .page-breadcrumb>li>a,
.page-content-white .page-bar .page-breadcrumb>li>span {
    color: #888 !important;
}
.page-container-bg-solid .page-bar .page-breadcrumb>li>i, .page-content-white .page-bar .page-breadcrumb>li>i {
    color: #aaa !important;
}

li.heading {
    background-color: #f5f5f5 !important;
}

li.heading h3 {
    color: #333333 !important;
}

li.nav-item {
    background-color: #f5f5f5 !important;
}

li.nav-item a:hover,
li.nav-item.active a:hover {
    background-color: #dcdcdc !important;
}

li.nav-item.active a {
    background-color: #c4c4c4 !important;
}
/*
.application-icon-color {
    color: #ffb400 !important;
}
*/
li.nav-item span.title {
    color: #333333 !important;
}

.page-footer {
    background-color: #dcdcdc;
}

.page-footer .page-footer-inner {
    color: #333333 !important;
}

div.clearfix-color {
    background-color: #dcdcdc !important;
}

.ui-progressbar {
    margin-top: 15px;
    position: relative;
}

.ui-progressbar > .ui-progressbar-value {
    background: #005FAB;
    margin: 0px !important;
    border: none !important;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    color: #b7b8c6;
}

div.ride-grid div.k-header {
    background-color: #005FAB !important;
    border-color: #005FAB !important;
}

div.ride-grid div.k-grid-header {
    background-color: #005FAB !important;
}

div.ride-grid div.k-grid-header-wrap {
    border-color: #005FAB !important;
}

div.ride-grid th.k-header {
    background-color: #005FAB !important;
    border-color: #005FAB !important;
    color: white;
}

div.ride-grid th.k-header a,
div.ride-grid th.k-header a.k-link,
div.ride-grid th.k-header a span {
    color: white;
}
div.ride-grid th.k-header a.k-state-active {
    background-color: #005FAB !important;
    color: white;
}

div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr.k-detail-row,
div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr[role=row] {
    background-color: white;
}

div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr.k-detail-row td.k-detail-cell div.k-grid div.k-grid-header,
div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr.k-detail-row td.k-detail-cell div.k-grid div.k-grid-header div.k-grid-header-wrap,
div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr.k-detail-row td.k-detail-cell div.k-grid div.k-grid-header div.k-grid-header-wrap table[role=grid] thead[role=rowgroup] tr[role=row] th.k-header {
    background-color: #666 !important;
    border-color: #ccc !important;
}

div.ride-grid table[role=treegrid] tbody[role=rowgroup] tr.k-master-row td a.k-button-icontext {
    background-color: #FF9F00 !important;
    border-color: #E4AB4E !important;
}

.orange-button {
    background-color: #FF9F00 !important;
    border-color: #E4AB4E !important;
    color: #333 !important;
}