@import "{design}/app"

$headerRowHeight = 63px

.lesionTableHeaderRow
  background: $darkUiColor
  color: $textSecondaryColor
  fill: $textSecondaryColor
  width: 100%
  height: $headerRowHeight
  display: flex
  line-height: $headerRowHeight

  div
    flex: 1
    justify-content: space-around
    align-items: stretch
    text-align: center

  .add
    padding: 0 10px
    max-width: 20px
    cursor: pointer

    svg
      height: $headerRowHeight
      max-width: 11px

  .type
    cursor: pointer
    font-weight: 200
    height: $headerRowHeight
    font-size: 13pt

  .numberOfLesions
    float: right
    font-weight: 100
    font-size: 40px
    max-width: 30px
    margin-right: 5px
    height: $headerRowHeight
    line-height: $headerRowHeight

  .max
    height: $headerRowHeight
    background: $darkUiColor

    .maxNumLesions
      margin: 21px auto
      height: 20px
      line-height: 20px
      width: 47px
      font-size: 12px
      text-transform: uppercase
      font-weight: 500
      border-radius: 3px
      color: black
      background-color: $textSecondaryColor;