:root {
    --app-sidebar-color: linear-gradient(to top, #00d2ff, #3a7bd5);
    --app-sidebar-active-color: #00d2ff;
    --app-sidebar-menulink-color: #eee;
    --kt-info: var(--app-sidebar-color);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background: var(--app-sidebar-color)
}

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
        background: var(--app-sidebar-active-color)
    }



    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
        color: var(--app-sidebar-menulink-color);
    }


    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
        color: var(--app-sidebar-menulink-color);
    }




.model-full {
    --bs-modal-width: 100%;
    padding: 0;
    margin: 0;
}

    .model-full .modal-content {
        min-height: 100vh;
        border-radius: 0;
    }



.h-100vh{
    height:100vh;
}