cut-to-pack-service/target/classes/static/css/pms.css

60 lines
1.5 KiB
CSS

.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;
}
}