body {
    font-family: 'Montserrat', sans-serif;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#sidebar {
    transition: transform 0.3s ease-in-out;
}

#sidebar.active {
    transform: translateX(0) !important;
}

@media (max-width: 768px) {
    #sidebar {
        transform: translateX(-100%);
    }
}

.nav-link {
    transition: color 0.2s ease-in-out;
}

.nav-link.active {
    color: #000000;
    font-weight: 500;
}

.nav-link:not(.active) {
    color: #6B7280;
    font-weight: 500;
}

.nav-link:hover:not(.active) {
    color: #374151;
}

.parent-nav {
    font-weight: 600;
    color: #111827;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ffffff;
    border-top: 4px solid #1868db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#content-container {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

#content-container.fade-out {
    opacity: 0;
}

p {
    font-size: 18px !important;
    font-weight: 500 !important;
}

#toast{
    z-index: 99999999999999999999999999999999999999;
}