.wrapper .main-header .logo-header,
.wrapper .main-header .navbar-header {
    background: linear-gradient(135deg, #8f7624 0%, #302d12 100%) !important;
}

.wrapper .main-header .logo-header .logo,
.wrapper .main-header .navbar-header .nav-link,
.wrapper .main-header .navbar-header .navbar-nav > li > a,
.wrapper .main-header .navbar-header .btn-toggle,
.wrapper .main-header .navbar-header .icon-menu,
.wrapper .main-header .navbar-header .icon-options-vertical {
    color: #302d12 !important;
}

.wrapper .main-header .logo-header .logo {
    color: #ffffff !important;
}

.wrapper .main-header .navbar-header .nav-link:hover,
.wrapper .main-header .navbar-header .profile-pic:hover,
.wrapper .main-header .navbar-header .btn-toggle:hover {
    color: #fff1b0 !important;
}

.page-loader {
    background: #302d12 !important;
}

.page-loader .txt {
    color: #fff1b0 !important;
}

.wrapper .btn-primary,
.wrapper .btn-info,
.wrapper .bg-primary,
.wrapper .bg-info,
.wrapper [data-background-color="blue"],
.wrapper [data-background-color="blue2"] {
    background: linear-gradient(135deg, #8f7624 0%, #302d12 100%) !important;
    border-color: #8f7624 !important;
}

.wrapper .text-primary,
.wrapper .text-info {
    color: #8f7624 !important;
}

.wrapper .form-button-action .btn-link {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.wrapper .sidebar,
.wrapper .sidebar .sidebar-wrapper {
    background: #211e0e !important;
}

.wrapper .sidebar .user {
    border-bottom: 0 !important;
}

.wrapper .sidebar .nav > .nav-item > a,
.wrapper .sidebar .nav > .nav-item a i,
.wrapper .sidebar .nav > .nav-item a p,
.wrapper .sidebar .nav > .nav-item a .caret {
    color: #ffffff !important;
}

.wrapper .sidebar .nav > .nav-item.active > a,
.wrapper .sidebar .nav > .nav-item > a:hover,
.wrapper .sidebar .nav > .nav-item > a:focus {
    background: #302d12 !important;
    color: #ffffff !important;
}

.wrapper .sidebar .nav > .nav-item.active > a i,
.wrapper .sidebar .nav > .nav-item.active > a p,
.wrapper .sidebar .nav > .nav-item > a:hover i,
.wrapper .sidebar .nav > .nav-item > a:hover p {
    color: #ffffff !important;
}

.wrapper .main-panel,
.wrapper .main-panel > .content,
.wrapper .main-panel .page-inner {
    background: #f5f5f5 !important;
}

.wrapper .main-panel .breadcrumb {
    background: #ffffff !important;
    display: flex;
    align-items: center;
    min-height: 45px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
}

.wrapper .main-panel .breadcrumb .breadcrumb-item,
.wrapper .main-panel .breadcrumb .breadcrumb-item a,
.wrapper .main-panel .breadcrumb .breadcrumb-item.active {
    color: #575962 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.wrapper .main-panel .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #9a9a9a;
}

.wrapper .footer {
    background: #ffffff !important;
    border-top: 1px solid #ebecec;
    color: #575962;
}

.wrapper .footer .copyright,
.wrapper .footer .copyright a {
    color: #575962 !important;
}