.alert {
    position: fixed;
    width: 100%;
    border-radius: 0;
    z-index:9999;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right, #000000, #333333);
    opacity: .9;
}

.navbar-menu {
        color: #e7e7e7;
        background: #333333;
        border-right: 1px solid #333333;
}

.navbar-menu .navbar-nav .nav-link {
    color: #999999;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    color: #999999;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #ffffff;
    font-weight: bold;
}

[data-bs-theme=dark][data-sidebar=dark] {
    .navbar-menu {
        background: #212529;
        border-right: 1px solid #212529;
    }
}

.auth-bg-cover {
    background: linear-gradient(-45deg, #333333 50%, #333333);
}


.menu-title {
    color: #ffffff;
}

.btn-primary {
    background: linear-gradient(135deg, #8313DB, #3555FF);
    color: white;
    transition: all 0.3s ease;
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #3555FF #8313DB);
}

.page-item .page-link {
    margin-left: .35rem !important;
}

.display-0 {
    font-size: 10rem;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link {
background: #333333;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
    background: #333333;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>.menu-dropdown {
   background: #333333;
}

.notes {
    position: relative;
    padding: 0.8rem;
    margin-bottom: 1rem;
    color: #4a5057;
    background-color: #f3f3f9;
    border: 1px solid #dbdbe4;
    border-radius: 0.25rem;
}


.navbar-menu .navbar-nav .nav-link {
    padding: .2rem 1.5rem;
}

.ck-editor.is-invalid .ck-editor__main {
    border: 1px solid var(--vz-form-invalid-border-color);
    border-radius: 0.375rem;
}

.navbar-landing .navbar-nav .nav-item .nav-link.active, .navbar-landing .navbar-nav .nav-item .nav-link:focus, .navbar-landing .navbar-nav .nav-item .nav-link:hover {
    color: #751ee1 !important;
    text-shadow: 0px 0px 11px #ffffff;
}