.absence-details           .comment    { line-height: 21px; font-size: 14px; color: #282828; }
.absence-details.unexcused .comment    { color: #ef4949; font-weight: bold; }
.absence-details           .level      { line-height: 18px; font-size: 12px; color: #999999; }
.absence-details .params               { line-height: 18px; font-size: 12px; }
.absence-details .params > .time       { color: #1f3c77; font-weight: bold; }
.absence-details .params > .duration   { color: #666666; }
.absence-details .params > .time:after { content: ' - '; }
.absence-details .params > .time:empty { display: none; }
.absence-details           .recurring  { line-height: 18px; font-size: 12px; color: #657FAC; }
.absence-details           .message       { line-height: 18px; font-size: 12px; color: #999999; font-style: italic; }
.absence-details           .message       { margin-top: 5px; white-space: pre-wrap; }
.absence-details           .message:empty { display: none; }

.absence-details .slots     { display: flex; flex-wrap: wrap; }
.absence-details .slots     { line-height: 18px; font-size: 12px; color: #999999; }
.absence-details .slots > * { margin: 0 2px 2px 0; padding: 0 2px; }
.absence-details .slots > * { background-color: #f0f0f0; border: 1px solid #e5e5e5; border-radius: 3px; }