main#spapp > section { display: none; } 
main#spapp > section:last-child { display: block; } 
@keyframes appear { from { width:0; opacity:0; } to { width:100%; opacity:1; } } 
main#spapp > section:target { display: block; animation: appear 0.1s linear 1; } 
main#spapp > section:target ~ * { display: none; }

.hide {
    display: none !important;
}

.unread {
    font-weight: 700;
}

tr.unread, tr.read {
    cursor: pointer;
}

.active-link {
    color: #0056b3 !important;
    font-weight: 700;
}

a.text-dark {
    text-decoration: none;
}

.help-block-error {
    color: #dc3545;
    font-size: 0.8rem;
}

.has-error input {
    border-color: #dc3545;
}

.flex-center {
    display: inline-flex; 
    align-items: center;
}

.next-and-prev-student {
    display: inline-flex;
    justify-content: space-between;
}
@media (max-width: 576px) {
    .next-and-prev-student span {
        /* text-align: center;
        display: block; */
        display: none;
    }
}

.pointer {
    cursor: pointer;
}