@import "{design}/app"

$headerRowHeight = 63px

.lesionTableHeaderRow
  border-top: 2px solid black
  background: #151a1f
  color: $textSecondaryColor
  fill: $textSecondaryColor
  width: 316px
  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: 40px
    cursor: pointer

    svg
      height: $headerRowHeight
      max-width: 11px

  .type
    padding: 0 10px
    text-align: left
    font-weight: 300
    color: #91b9cd
    height: $headerRowHeight
    font-size: 13pt

  .numberOfLesions
    float: right
    color:  #6fbde2
    font-weight: 100
    font-size: 40px
    max-width: 50px
    margin-right: 5px
    height: $headerRowHeight
    line-height: $headerRowHeight

  .max
    height: $headerRowHeight

    .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;