/* V170: one owner for the Industrial Attachment unit key and marks grid. */
.industrial-v165-unit-key { width: 100%; max-width: none !important; margin: 0 0 1.5rem; overflow-x: auto; }
.industrial-v165-unit-key table { width: 100%; min-width: 760px; border-collapse: collapse; }
.industrial-v165-unit-key th { padding: .85rem 1rem; border: 1px solid #173b5c; background: #285f8e !important; color: #fff !important; text-align: center; font-size: 1rem; font-weight: 800; letter-spacing: .025em; }
.industrial-v165-unit-key td { padding: 1rem 1.15rem; border: 1px solid #40515e; vertical-align: middle; }
.industrial-v165-unit-key td:first-child { width: 7rem; text-align: center; }
.industrial-v165-unit-key td:last-child { width: 12rem; text-align: center; }
.industrial-v165-unit-key td strong, .industrial-v165-unit-key td small { display: block; }
.industrial-v165-unit-key td strong { color: #06142e; font-size: 1rem; }
.industrial-v165-unit-key td small { margin-top: .25rem; color: #617381; }

.attachment-class-marks { width: 100% !important; overflow-x: auto !important; }
.attachment-class-marks table { display: block !important; width: 100% !important; min-width: 900px !important; table-layout: auto !important; border-collapse: separate !important; border-spacing: 0 !important; --ia-units: 3; }
.attachment-class-marks thead, .attachment-class-marks tbody { display: block !important; width: 100% !important; }
.attachment-class-marks tr { display: grid !important; width: 100% !important; grid-template-columns: 4rem minmax(16rem, 1fr) repeat(var(--ia-units), 7rem) 6rem 10rem 14rem !important; align-items: stretch !important; }
.attachment-class-marks table:has(thead th:nth-child(7):last-child) { --ia-units: 1; }
.attachment-class-marks table:has(thead th:nth-child(8):last-child) { --ia-units: 2; }
.attachment-class-marks table:has(thead th:nth-child(9):last-child) { --ia-units: 3; }
.attachment-class-marks table:has(thead th:nth-child(10):last-child) { --ia-units: 4; }
.attachment-class-marks table:has(thead th:nth-child(11):last-child) { --ia-units: 5; }
.attachment-class-marks table:has(thead th:nth-child(12):last-child) { --ia-units: 6; }
.attachment-class-marks table:has(thead th:nth-child(13):last-child) { --ia-units: 7; }
.attachment-class-marks table:has(thead th:nth-child(14):last-child) { --ia-units: 8; }
.attachment-class-marks table:has(thead th:nth-child(15):last-child) { --ia-units: 9; }
.attachment-class-marks table:has(thead th:nth-child(16):last-child) { --ia-units: 10; }
.attachment-class-marks table:has(thead th:nth-child(17):last-child) { --ia-units: 11; }
.attachment-class-marks table:has(thead th:nth-child(18):last-child) { --ia-units: 12; }
.attachment-class-marks th, .attachment-class-marks td { display: block !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; }
.attachment-class-marks thead tr { min-height: 4.5rem !important; counter-reset: attachment-unit; }
.attachment-class-marks thead th { display: grid !important; place-items: center !important; min-height: 4.5rem !important; padding: .65rem .4rem !important; overflow: hidden !important; text-align: center !important; background: #285f8e !important; border-color: #173b5c !important; color: #fff !important; font-weight: 800 !important; }
.attachment-class-marks tbody tr { min-height: 8.5rem !important; position: relative !important; }
.attachment-class-marks tbody td { min-height: 8.5rem !important; padding: .75rem .55rem !important; align-content: center !important; }
.attachment-class-marks th:first-child, .attachment-class-marks td:first-child { grid-column: 1 !important; text-align: center !important; }
.attachment-class-marks th:nth-child(2) { display: none !important; }
.attachment-class-marks th:nth-child(3) { grid-column: 2 !important; position: relative !important; color: transparent !important; font-size: 0 !important; }
.attachment-class-marks th:nth-child(3)::after { content: 'NAME OF TRAINEE' !important; color: #fff !important; font-size: .9rem !important; font-weight: 800 !important; }
.attachment-class-marks tbody td:nth-child(2) { display: block !important; grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; min-height: auto !important; padding: 0 .8rem .75rem !important; border: 0 !important; background: transparent !important; color: #617381 !important; font-size: .84rem !important; z-index: 3 !important; pointer-events: none !important; }
.attachment-class-marks tbody td:nth-child(3) { grid-column: 2 !important; grid-row: 1 !important; padding: .75rem .8rem 3.15rem !important; z-index: 2 !important; }
.attachment-class-marks tbody td:nth-child(3)::after { content: none !important; }
.attachment-class-marks thead th:nth-child(n+4):not(:nth-last-child(-n+3)) { display: grid !important; counter-increment: attachment-unit; position: relative !important; color: transparent !important; font-size: 0 !important; text-indent: -9999px !important; visibility: visible !important; opacity: 1 !important; }
.attachment-class-marks thead th:nth-child(n+4):not(:nth-last-child(-n+3)) > * { display: none !important; }
.attachment-class-marks thead th:nth-child(n+4):not(:nth-last-child(-n+3))::after { content: counter(attachment-unit, decimal-leading-zero) !important; position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; color: #fff !important; font-size: 1rem !important; font-weight: 800 !important; text-indent: 0 !important; }
.attachment-class-marks tbody td:nth-child(n+4):not(:nth-last-child(-n+3)) { display: block !important; text-align: center !important; }
.attachment-class-marks tbody td:nth-child(n+4):not(:nth-last-child(-n+3)) input { width: 5.25rem !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; text-align: center !important; }
.attachment-class-marks th:nth-last-child(3), .attachment-class-marks th:nth-last-child(2), .attachment-class-marks th:last-child { position: relative !important; color: transparent !important; font-size: 0 !important; text-indent: -9999px !important; }
.attachment-class-marks th:nth-last-child(3)::after, .attachment-class-marks th:nth-last-child(2)::after, .attachment-class-marks th:last-child::after { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; padding: .35rem !important; color: #fff !important; font-size: .86rem !important; font-weight: 800 !important; text-indent: 0 !important; }
.attachment-class-marks th:nth-last-child(3)::after { content: '%' !important; }
.attachment-class-marks th:nth-last-child(2)::after { content: 'Action' !important; }
.attachment-class-marks th:last-child::after { content: 'Evidence actions' !important; }
.attachment-class-marks tbody td:nth-last-child(3) { text-align: center !important; background: #e7f0f7 !important; font-weight: 800 !important; }
.attachment-class-marks tbody td:nth-last-child(2) .button-row, .attachment-class-marks tbody td:last-child .button-row { display: flex !important; flex-wrap: wrap !important; gap: .35rem !important; align-items: center !important; }
.attachment-class-marks input[type='number']::-webkit-inner-spin-button, .attachment-class-marks input[type='number']::-webkit-outer-spin-button { appearance: none !important; -webkit-appearance: none !important; margin: 0 !important; }
.attachment-class-marks input[type='number'] { appearance: textfield !important; -moz-appearance: textfield !important; }
@media (max-width: 900px) { .attachment-class-marks tr { grid-template-columns: 3.5rem 13rem repeat(var(--ia-units), 6.25rem) 5.5rem 9rem 12rem !important; } }

.attachment-class-marks thead th.ia-unit-heading {
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  text-indent: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.attachment-class-marks thead th.ia-unit-heading::after { content: none !important; display: none !important; }