#wr-table--header {
    margin: 0;
}

#wr-table thead tr{
    background: #deedf2;
}

#wr-table .user-name {
    font-size: 12px;
    font-weight: 600;
    color: #2F4F4F;
}

caption {
    padding: 10px !important;
}

#wr-table--header, caption {
    text-align: center !important;
}

.week-header {
    font-size: 10px;
    text-align: center;
}

.week-hours {
    text-align: center;
    color: green;
}

.weekly-record-block-form {
    box-shadow: 0px 2px 8px #ccc;
    padding: 1.5em;
    transition: 0.2s linear;
}

.weekly-record-block-form:hover {
    box-shadow: 0px 2px 16px #ccc;
    transition: 0.2s linear;
}

.wr-actions {
    display: flex;
    justify-content: space-between;
}

.week-hours-num {
    padding: 5px 20px;
    border-radius: 5em;
    cursor: pointer;
    font-weight: bold;
}

.week-hours-num--low {
    background-color: #FFBDAD;
    color: #DE350B;
}

.week-hours-num--medium {
    background-color: #FFE380;
    color: #FF8B00;
}

.week-hours-num--high {
    background-color: #79F2C0;
    color: #006644;
}

.week-hours-num--abs {
    background-color: #B3D4FF;
    color: #0052CC;
    padding: 5px 16px;
}