/**
 * FinoPol Brand Theme
 * Background: #ffffff | Primary: #91a840 | Secondary: #032561
 */
:root {
    --fp-bg: #ffffff;
    --fp-primary: #91a840;
    --fp-primary-hover: #7a9235;
    --fp-primary-light: #a8bc5a;
    --fp-primary-bg: #f4f7eb;
    --fp-primary-bg-dark: #eef3dc;
    --fp-primary-border: #c5d49a;
    --fp-primary-rgb: 145, 168, 64;
    --fp-secondary: #032561;
    --fp-secondary-hover: #021d4a;
    --fp-secondary-bg: #e6ebf3;
    --fp-secondary-rgb: 3, 37, 97;
}

body,
.wrapper,
#content {
    background-color: var(--fp-bg);
}

/* Sidebar */
#sidebar .logo::before {
    background: linear-gradient(180deg, rgba(var(--fp-primary-rgb), 0.18), rgba(var(--fp-primary-rgb), 0));
}

#sidebar .nav-item .sub-item:hover,
#sidebar .nav-item .sub-item:hover .fi {
    color: var(--fp-secondary);
}

#sidebar .nav-item.active .sub-item {
    background-color: var(--fp-primary);
}

#sidebar .nav-item.active .sub-item .badge {
    color: var(--fp-primary);
}

#sidebar .nav-item .card-collapse ul li.active a {
    color: var(--fp-primary);
}

#sidebar .nav-item .card-collapse ul li.active a::before {
    background-color: var(--fp-primary);
}

/* Buttons */
.btn-primary,
.bg-primary,
.badge.badge-primary {
    background-color: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--fp-primary-hover) !important;
    border-color: var(--fp-primary-hover) !important;
}

.btn-primary-outline {
    color: var(--fp-primary) !important;
    border-color: var(--fp-primary) !important;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus {
    color: var(--fp-primary-hover) !important;
    border-color: var(--fp-primary-hover) !important;
}

.btn-circle.color-primary {
    background-color: var(--fp-primary) !important;
}

.btn-ghost.color-primary {
    color: var(--fp-primary) !important;
}

/* Links & focus */
a:not(.btn):not(.sub-item):not(.dash-kpi-card):not(.rpt-stat-card):not(.wl-stat-card):not(.faq-stat-card):not(.ct-stat-card):not(.tk-stat-card):not(.fs-stat-card):not(.biz-stat-card):not(.acp-stat-card):not(.cc-stat-card):not(.ntf-stat-card) {
    color: var(--fp-secondary);
}

.breadcrumb-item a {
    color: var(--fp-primary) !important;
}

.input:focus,
.select:focus,
textarea:focus {
    border-color: var(--fp-primary) !important;
    box-shadow: 0 0 0 2px rgba(var(--fp-primary-rgb), 0.2) !important;
}

.text-primary {
    color: var(--fp-primary) !important;
}
