.content {
    /*padding: 2rem;*/
    padding: 1rem;
    background: #ffffff;
    border-radius: 0.4rem;
    /* Thanks Stripe */
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.min-vw-40{min-width:40vw!important}
.min-vh-90{min-height:90vh!important}
.bg-darkgray{
    background-color: darkgray;
}


.status-approved {
    background-color: #C7EAD1;
    color: #2ECC71;
}

.status-rejected {
    background-color: #EAC7C7;
    color: #E74C3C;
}

.status-pending {
    background-color: #F3E5CF;
    color: #DAB108;
}

.btn-unclickable {
    pointer-events: none;
}

.status-present {
    background-color: #C7EAD1;
    color: #2ECC71;
}

.status-absent {
    background-color: #EAC7C7;
    color: #E74C3C;
}

.status-late {
    background-color: #D6DBDC;
    color: #8B8A8A;
}
.status-permission{
    background-color: #B0E0F4;
    color: #3498DB;
}

.status-abnormal{
    background-color: #F3E5CF!important;
    color: #DAB108!important;
}