:root {
    --primary-red: #C8102E;
    --primary-red-dark: #A10B23;
    --light-purple: #5E4DCD;
    --secondary-white: #ffffff;
}

.content-wrapper {
    background-color: white;
}

.login-page {
    background-color: white
}

.main-sidebar {
    background-color: #C8102E;
    color: white;
    font-size: 20px;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);

}

.main-sidebar .nav-icon {
    color: #ffffff;
    transition: color 0.3s ease, transform 0.3s ease;
    transform: scale(1.3);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

}

.main-sidebar .nav-link p {
    color: #ffffff;
    transition: color 0.3s ease;
}

.main-sidebar .nav-link:hover .nav-icon {
    color: #723b3b;
    transform: scale(1.7);
}

.main-sidebar .nav-link:hover p {
    color: #723b3b;
}

.main-sidebar .nav-link:hover {
    background-color: transparent !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

}

.logo-main {
    margin-left: 0.4rem;
    width: 220px;
}

a.btn.btn-primary.mb-3 {
    background-color: #c8102e;
    border: 0;
}
.custom-btn {
    color: #fff;
    background-color: #c8102e !important;
    border-color: #c8102e !important;
    box-shadow: none;
}