/* .n-header--top {
    background: #F1F2F4 !important;
}

.main-menu .menu-active-classes li a.active, .main-menu .menu-active-classes>li:hover>a {
    border-top: 0px !important;
    border-bottom: 2px solid #243174 !important;
}

body .text-primary {
    color: #243174 !important;
} */

.login-welcome {
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-size: 100% !important;
    background-position-x: 90px !important;
}

/* For large devices (like desktops) */
@media (min-width: 992px) {
    .login-welcome {
        background-size: 90% !important;
        background-position-x: 150px !important;
    }
}

.sidebar-wrapper {
    position: relative;
    background-color: #F8F8FD !important;
    padding-bottom: 100px; /* space for slope */
    overflow: hidden;
}

.sidebar-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #E9EBFD;
    clip-path: polygon(0 100%, 100% 0%, 100% 100%);
    z-index: 0;
}

.sidebar-menu {
    position: relative;
    z-index: 1; /* Keep menu above the slope */
}

.sidebar-menu li a.active {
    background: transparent !important;
    border-left: none !important;
}

.sidebar-menu li a.active span {
    background: #E9EBFD;
    border-radius: 4px;
    padding: 10px 4px;
    margin-top: 0px;
}

li .page-item .active button, .page-item .page-link {
    border-radius: 10px !important;
}