.brand-link {
   padding: 1.1rem .5rem !important;
    font-size: 0.9rem !important;
    
}
:root {
    --primary-color: #7367f0;
}

.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .dark-mode .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #7367f0;
    color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #7367f0;
    color: #fff;
}


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

.btn-primary,
.bg-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.list-group-item {
    border: 1px solid rgba(255, 255, 255, 0.008) !important;
}


.btn-primary:hover:not(.disabled):not(:disabled) {
    -webkit-box-shadow: 0 8px 25px -8px #7367f0;
    box-shadow: 0 8px 25px -8px #7367f0;
}


.text-primary {
    color: var(--primary-color) !important;
}
.brand-image {
    width: 40px !important;
}


[class*=sidebar-dark] .brand-link {
    height: 56px !important;
}

.custom-login-box {
    width: 40%;
    min-height: 100vh;
    margin-left: auto;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15), 0 1.5px 4px rgba(0,0,0,0.08);
    background-color: rgba(35, 39, 43, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.custom-login-box .w-100 {
    padding:50px;
}

html, body {
        height: 100%;
        color: #cecece !important;
        font-family: 'Montserrat', Arial, Helvetica, sans-serif;
        
}

.no-caret::after {
    display: none !important;
}


#sub-sidebar a.active {
background-color: #4f46e5; /* Adjust to your theme */
color: #fff;
font-weight: bold;
border-radius: 4px;
padding: 4px 8px;
display: block;
width:100%
}

.form-label {
    font-weight: 300 !important;
    font-size: 12px !important;
    color: #8a8a8a !important;
    margin-top: 10px !important;
}

#sub-sidebar a{
    display: block;
}



.module-submenu{
    color:#cecece !important;
    font-size:12px !important;
    
}

body.login-page {
    min-height: 100vh !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/assets/img/cover-image-bg-01.jpg') no-repeat;
    background-size: cover;
   
}
.login-box {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}