
/* Keep the table scrollbar and correction buttons within the viewport. */
.modal-card.trainingReview103{width:min(1380px,100%);height:94vh;height:94dvh;max-height:94vh;max-height:94dvh;display:flex;flex-direction:column;overflow:hidden;padding:20px;gap:12px}
.trainingReview103>.modal-head{flex:none;margin:0}
.trainingReview103>.modal-actions{flex:none;margin:0;padding-top:10px}
.trainingReviewBody103{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:8px}
.trainingReviewBody103>p{margin:0;flex:none}
.trainingReviewBody103>label{flex:none}
#personTrainingSummary101{max-height:15vh;overflow-y:auto;flex-shrink:0}
#personTrainingSummary101 p{margin:4px 0}
.trainingReviewTable103{flex:1;min-height:100px;overflow:scroll!important;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#647885 #e9f1f5;border:1px solid #d8e3e9}
.trainingReviewTable103 table{width:100%;min-width:850px;table-layout:fixed}
.trainingReviewTable103 th:first-child{width:30%}
.trainingReviewTable103 th:nth-child(2){width:13%}
.trainingReviewTable103 th:last-child{width:110px}
.trainingReviewTable103 th,.trainingReviewTable103 td{white-space:normal;overflow-wrap:anywhere;padding:10px 8px}
.trainingReviewTable103 thead th{position:sticky;top:0;background:#f3f7f9;z-index:2}
.trainingReviewTable103 td:last-child,.trainingReviewTable103 th:last-child{position:sticky;right:0;background:white;box-shadow:-3px 0 5px #102d4615;z-index:1}
.trainingReviewTable103 th:last-child{z-index:3;background:#f3f7f9}
.trainingReviewTable103 td:last-child .button{padding:10px;white-space:nowrap}
.trainingReviewBody103>h3{font-size:16px;margin:0;flex:none}
#personExternal101{max-height:12vh;overflow-y:auto;flex-shrink:0}
#personExternal101 p{margin:4px 0}
.trainingReviewTable103::-webkit-scrollbar{width:14px;height:14px}
.trainingReviewTable103::-webkit-scrollbar-track{background:#e9f1f5}
.trainingReviewTable103::-webkit-scrollbar-thumb{background:#647885;border:3px solid #e9f1f5;border-radius:8px}
@media(max-width:760px){.modal:has(.trainingReview103){padding:6px}.modal-card.trainingReview103{padding:12px;gap:8px;height:96dvh;max-height:96dvh}.trainingReview103 .modal-head h2{font-size:23px}.trainingReviewBody103>p{font-size:13px}.trainingReviewTable103 table{min-width:800px}}
.trainingReviewTable103 table{min-width:1100px}
.trainingReviewTable103 th:first-child{width:300px}
.trainingReviewTable103 th:nth-child(2){width:140px}
.trainingReviewTable103 th:nth-child(n+3):nth-child(-n+7){width:110px}
.trainingReviewTable103 th{overflow-wrap:normal}
