.border-gray {border-color: #d1d5db !important}
.badge-m {font-size: 1.1em; border-radius: 0.4rem; padding: 0.4rem;}
.badge-l {font-size: 1.5em; border-radius: 0.75rem; padding: 0.75rem;}
.badge-tbd {color: #fff; background-color: black}
.badge-extremely-poor {color: #fff; background-color: red}
.badge-need-improvement {color: #fff; background-color: orange}
.badge-meet-expectations {color: #fff; background-color: dodgerblue}
.badge-exceed-expectations {color: #fff; background-color: yellowgreen}
.badge-exceptional {color: #fff; background-color: green}
.table-bordered td, .table-bordered th {border: 1px solid #d1d5db !important;}
.level{font-weight: bold;}
.list-container{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.list-row{
    list-style: none;
    display: flex;
    align-items: start;
    gap: 5px;
    padding-left: 20px;
}
.evaluation-guideline-container{
    line-height: 40px;
    border: 1px solid;
    border-radius: 5px;
}
.evaluation-guideline-container ul {
    padding-inline: 5px !important;
    padding-block: 7px !important;
}
.highlight{
    background-color: lightgrey;
}

.level-radio-wrapper{
    line-height: 1.3;
    min-width: 90px;
}
.title-wrapper{
    line-height: 1.3;
}

.attendance-guideline-container td {
    padding: 0px !important;
    padding-inline: 5px !important;
}

@media (min-width: 1700px) {
    .list-container{
        gap: 10px;
    }
    .level-radio-wrapper{
        line-height: 1.5;
    }
    .title-wrapper{
        line-height: 1.5;
    }
}