:root {
    --main-bg-color: #d9caad;
}

.topbar {
    background: var(--main-bg-color) !important;
}

.user-profile {
    background-image: linear-gradient(var(--main-bg-color), var(--main-bg-color), var(--main-bg-color)) !important;
}


.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    /*    background: var(--main-bg-color) !important;*/
}


.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: var(--main-bg-color) !important;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
    color: var(--main-bg-color) !important;
}

.custom-th-table {
    background: var(--main-bg-color) !important;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
        width: 260px;
        background: var(--main-bg-color) !important;
        color: #ffffff !important;
        border-color: red !important;
    }

        .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i {
            color: #ffffff !important;
        }
}

.content-dash-initial .card-success {
    background: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: var(--main-bg-color) !important;
}

.back-imgProfile {
    background: var(--main-bg-color) !important;
}

.cont-img-item-p-profile {
    background: var(--main-bg-color) !important;
}

.back-fileinput-button-p {
    background: var(--main-bg-color) !important;
    border: var(--main-bg-color) !important;
}

/*.wizard-content .wizard > .steps > ul > li.current > a {
    background: var(--main-bg-color) !important;
    border: 1px solid var(--main-bg-color) !important;
}*/

/*.wizard-content .wizard > .steps > ul > li {
    border-bottom: 3px solid var(--main-bg-color) !important;
}*/

.wizard-content .wizard > .steps > ul > li.done a, .wizard-content .wizard > .steps > ul > li.done a:focus, .wizard-content .wizard > .steps > ul > li.done a:hover {
    color: var(--main-bg-color) !important;
}

.text-themecolor {
    color: var(--main-bg-color) !important;
}

.breadcrumb-item a {
    color: var(--main-bg-color) !important;
}