:root {
    --primary-color: #3a6f9f;
    --primary-fore-color: rgba(0, 0, 0, .7);

    --secondary-color: #f2994b;
    --secondary-fore-color: #fff;

}

.main-sidebar{
    background-color: var(--primary-color);
}
.navbar{
    background-color: var(--primary-color);
}

.bg-color-secondary{
    background-color:var(--secondary-color) !important;
    color:var(--secondary-fore-color) !important;;
}

.card-primary {

    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-fore-color) !important;

}

.card-header {

    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--secondary-fore-color) !important;
}
.badge-primary {

    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.modal-header-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-fore-color) !important;
}


.nav-sidebar > .nav-item.menu-open > .nav-link,
.nav-sidebar > .nav-item:hover > .nav-link,
.nav-sidebar > .nav-item > .nav-link:focus {
    background-color: var(--secondary-color) !important;
    color: var(--secondary-fore-color) !important;
}

[class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
    /*background-color: rgb(220, 103, 103) !important;*/
    color:  var(--secondary-color)  !important;
}