/* Leave this unchanged */
.app-theme-white.fixed-header .app-header__logo {
    background: rgba(250, 251, 252, 0);
}

/* header main bg color */
.app-header, .dropdown-menu.dropdown-menu-right, .app-header__content-mobile, .app-header__content {
    background-color: #01a0c6 !important;
}

/* menu active bg color */
.nav-item.active {
    background-color: #db5e00 !important;
}

/* menu hover bg color */
.nav-item:hover, .dropdown-item:hover {
    background-color: #cecece !important;
}

/* menu font color */
.app-header__content, .app-header-left .nav-link, .nav-link .nav-link-icon, .dropdown-item {
    color: #ffffff !important;
}

/* menu active font color */
.nav-item.active a, .nav-item.active i {
    color: #ffffff !important;
}

/* menu hover font color */
.nav-item:hover a, .nav-item:hover i, .nav-item:hover div ul a, .nav-item:hover div ul a i.dropdown-icon, .dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff !important;
}

/* page bg color */
.app-main > .footer-outer, .app-main > .app-main__inner {
    background-color: #f1f4f6 !important;
}

/* table hover bg color */
.table-hover tbody tr:hover {
    background-color: #bcbfc2 !important;
}

/* primary color */
.btn-primary, .btn-primary:hover {
    background-color: #01a0c6 !important;
    border-color: #01a0c6 !important;
}

/* secondary color */
.btn-secondary, .btn-secondary:hover {
    background-color: #db5e00 !important;
    border-color: #db5e00 !important;
}

/* login screen gradient */
.bg-premium-dark {
  background-image: linear-gradient(to right, #434343 0%, #000000 100%) !important;
}

.app-logo, .app-logo-inverse {
  width: 50%;
  background: url(/logo) no-repeat;
  background-size: contain;
  background-position: center;
}