$exam-correct--input-status-margin: 10px

table[uw-exam-correct]
  td.uw-exam-correct--date-cell
    text-align: right
  td.uw-exam-correct--part-cell
    text-align: center

  th.uw-exam-correct--user-cell, td.uw-exam-correct--user-cell
    min-width: 200px

  th.uw-exam-correct--part-cell, td.uw-exam-correct--part-cell
    width: 115px
    text-align: center
    white-space: nowrap
    
    input
      width: 70px
      padding: 4px 8px

    .uw-exam-correct--delete-exam-part ~ .fa-trash
      opacity: .5
      cursor: pointer
      margin-left: 5px

      &:hover
        opacity: 1
    .uw-exam-correct--delete-exam-part:checked ~ .fa-trash
      opacity: 1
      color: var(--color-error)

      &:hover
        color: var(--color-error-dark)

  td#uw-exam-correct__result
    width: min-content
    select
      width: max-content
      min-width: max-content
      option
        width: max-content
        min-width: max-content
  td#uw-exam-correct__result__pass-grade
    width: min-content
    select
      width: max-content
      min-width: max-content
      option
        width: max-content
        min-width: max-content

  td#uw-exam-correct__result__pass-grade
    select.grade-hidden, select.pass-hidden
      visibility: hidden
  td.exam-correct--status-cell
    font-size: .9rem
    font-weight: 600
    color: var(--color-fontsec)
    font-style: italic

    .fas
      font-size: 1rem
      text-align: center
      padding-right: .25rem


[uw-exam-correct] input:invalid:not(.no-value)
  border: 2px solid var(--color-error)

[uw-exam-correct] tbody ul
  li
    cursor: pointer
    text-decoration: underline

.exam-correct--input-status
  input
    width: calc(100% - 18em/14 - #{$exam-correct--input-status-margin})
  i
    margin-left: $exam-correct--input-status-margin
  ul
    margin-top: 7px

.exam-correct--local-time, .exam-correct--result-unconfirmed
  opacity: .5
  font-style: italic

.exam-correct--success
  color: var(--color-success)

.exam-correct--ambiguous
  color: var(--color-warning)

.exam-correct--error
  color: var(--color-error)

.uw-exam-correct--explanation
  color: var(--color-fontsec)
  font-weight: 600
  font-size: 0.9rem
