:root {
    --theme-body-color: #212529;
    --theme-primary-color: #7239EA;
    --theme-primary-color2: #602ecf;
    --theme-secondary-color: #7239EA;
    --theme-secondary-color2: #602ecf;
    --theme-input-border-focus: #7239EA;
    --theme-input-shadow-focus: 0 0 0 0.25rem rgba(114, 57, 234, 0.25);
    --theme-primary-color-a1: #7239EA19;
    --theme-primary-color-a2: #7239EA33;
    --theme-primary-color-a3: #7239EA4c;
    --theme-primary-color-a4: #7239EA66;
    --theme-primary-color-a5: #7239EA7f;
    --theme-primary-color-a6: #7239EA99;
    --theme-primary-color-a7: #7239EAb2;
    --theme-primary-color-a8: #7239EAcb;
    --theme-primary-color-a9: #7239EAe5;

    --font-header: 'Manrope', sans-serif;
    --font-body: 'Manrope', sans-serif;
    --font-icon: 'Font Awesome 7 Pro','Font Awesome 7 Brands';
}

.card {
    --bs-card-border-color: #f0f2f4;
}

html, body { font-size: 15px; }

.fa { font-weight: 400; }
#wrapper { background: #F8F6FE; background: linear-gradient(180deg,hsl(259.32deg 80.82% 96%) 0%, hsl(259.32deg 80.82% 98%) 100%); }
#navigation ul .nav-item a .fa { top: 0.2rem;}
#navigation { width: 20rem; background-color: var(--bs-white); padding: 0 1rem; }
#navigation ul .nav-item a { border-radius: 0.25rem; border: 1px solid transparent; }
#navigation ul .nav-item a:not(.active):hover { background-color: hsl(259.32deg 80.82% 98%); }
/*#navigation ul .nav-item a.active { color: var(--bs-white); background-color: var(--theme-primary-color); font-weight: 500; }*/
/*#navigation ul .nav-item a.active .fa { color: var(--bs-white) !important; }*/
#navigation ul .nav-item a.active { color: var(--theme-primary-color); background-color: hsl(259.32deg 80.82% 96%); font-weight: 600; border-color: hsl(259.32deg 80.82% 90%) }
#navigation ul .nav-item.unfold > a:not(:last-child) { font-weight: 600; }
.custom-scroll::-webkit-scrollbar-track { background-color: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: var(--theme-primary-color-a4); }
.custom-scroll::-webkit-scrollbar-thumb:hover, .custom-scroll::-webkit-scrollbar-thumb:focus, .custom-scroll::-webkit-scrollbar-thumb:active { background-color: var(--theme-primary-color); }
body.no-header #navigation ul .nav-logo { margin: 0 2rem 0 2rem; border-bottom: 0 none; }
#navigation ul .nav-user-dropdown { margin: 1rem 1rem 0; }
#navigation .nav-picker { padding-left:0; padding-right: 0; }
@media (min-width: 992px) {
    body.navigation-show #wrapper { margin-left: 0; border-left: 0 none; }
    #wrapper { margin-left: 20rem; border-left: 1px solid rgba(0,0,0,0.05); }
}
@media (max-width: 991px) {
    body #navigation { left: -22rem; }
}
.card-label { font-size: 1.25rem; color: var(--bs-black); font-weight: 600;}
.card-label .fa { color: var(--bs-secondary); font-weight: 400; margin-right: 0.5rem; opacity: 0.2; }
legend { font-size: 1.25rem; color: var(--bs-black); font-weight: 600; margin-bottom: 1rem; }
/*body.breadcrumb-compact #wrapper .wrapper-content { padding-top: 0; }*/
body.breadcrumb-compact .wrapper-header { box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.05); }
body.breadcrumb-compact .wrapper-header .fa { margin-right: 0.75rem; font-weight: 400; }
body.breadcrumb-compact .wrapper-header h1 { font-weight: 600; }
body.breadcrumb-compact .wrapper-header .breadcrumb { font-size: 0.9rem; padding-top: 0; padding-bottom: 0; }
.wrapper-header .breadcrumb-item+.breadcrumb-item::before { font-family: "Font Awesome 6 Pro"; content: "\f054"; font-size: 0.75rem; position: relative; top: 3px; }
.wrapper-header .breadcrumb-item a { color: var(--bs-secondary); }
.wrapper-header .breadcrumb-item.active { color: var(--bs-black); }
.wrapper-header .breadcrumb-item a:hover { color: var(--theme-primary-color); }
.card { border: 0 none; }
.card-header { background-color: var(--bs-white); padding: 0.75rem 1.5rem; }
.form-control:focus { border-color: var(--theme-primary-color); box-shadow: 0 0 0 .25rem var(--theme-primary-color-a2); }