:root {
    --primary-color: #0F044C;
    --secondary-color: #141E61;
    --third-color: #787A91;
    --fourth-color: #EEEEEE;
    --fifth-color: #435998;
}

.side-nav {
    display: none;
}

.shape-icon {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    background-color: #fff !important;
    border-radius: .75rem;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(20 20 20 / 12%), 0 0.125rem 0.25rem -0.0625rem rgb(20 20 20 / 7%) !important;
}

.nav-link.active .shape-icon {
    background-color: var(--secondary-color) !important;
    color: #fff;
}

.shape-icon-logout {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    background-color: #DC3545 !important;
    color: #fff;
    border-radius: .75rem;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(20 20 20 / 12%), 0 0.125rem 0.25rem -0.0625rem rgb(20 20 20 / 7%) !important;
}

.btn-logout {
    color: #DC3545;
}

.nav-item.logout-cursor {
    cursor: pointer;
}

.nav-item.register-cursor {
    cursor: pointer;
}

@media (max-width: 1200px) {
    .side-nav {
        display: block;
    }
}