:root {
    /* --bs-page-bg: #fcfbf8; */
    --bs-page-bg: #f7f7f7;
    --bs-aside-bg-color: #1B222D;

    --bs-primary: #7A9BD4;
    --bs-text-primary: var(--bs-primary);
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: 122, 155, 212;
    --bs-primary-active: #4371C2;
    --bs-link-hover-color: var(--bs-primary-active);
    --bs-link-hover-color-rgb: 77, 102, 102;
    --bs-primary-light: hsl(214, 54%, 97%);
    --bs-primary-light-hex: #F5F8FC;

    --bs-component-active-bg: var(--bs-primary);
    --bs-component-hover-color: var(--bs-primary);
    --bs-component-checked-bg: var(--bs-primary);

    --bs-menu-link-color-hover: var(--bs-primary);
    --bs-menu-link-color-show: var(--bs-primary);
    --bs-menu-link-color-here: var(--bs-primary);
    --bs-menu-link-color-active: var(--bs-primary);

    --bs-nav-pills-link-active-bg: var(--bs-primary);
    --bs-nav-pills-link-active-color: #fff;
}

.bg-beje {
    background-color: #fcfbf8 !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary) !important;
}

.link-primary {
    color: var(--bs-primary) !important;
}

.aside .aside-menu .menu .menu-item .menu-link .menu-title,
.aside .aside-menu .menu .menu-item .menu-link .menu-icon,
.aside .aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item .menu-link .menu-icon i {
    color: #dadada;
    /*color: #FFF;*/
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-title,
.aside .aside-menu .menu .menu-item .menu-link.active .menu-icon,
.aside .aside-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item .menu-link.active .menu-icon i,
.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title,
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon,
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon i {
    color: #fff;
    /*color: #dadada;*/
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #fff;
    /*color: #fff;*/
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-arrow:after {
    background-color: #fff;
}

.link-primary:focus,
.link-primary:hover {
    color: var(--bs-primary-active) !important;
}

body,
html {
    font-family: Nunito, Inter, Helvetica, sans-serif;
}