@require '{ohif:design}/app'

#measurementTableContainer
  theme('background-color', '$primaryBackgroundColor')
  height: 100%
  width: 100%

.measurementTableTimepointHeaderRow
  display: flex
  padding: 0 2px 0 44px
  position: relative

  .warning-status
    theme('border', '2px solid $uiYellow')
    border-radius: 16px
    cursor: pointer
    height: 32px
    left: 0
    margin: 4px 6px
    padding-top: 1px
    position: absolute
    text-align: center
    top: 0
    transition(border-color 0.3s ease)
    width: 32px

    &:hover
      theme('border-color', '$hoverColor')

      svg
        theme('fill', '$hoverColor')

    svg
      theme('fill', '$uiYellow')
      display: inline
      height: 20px
      transition(all 0.3s ease)
      width: 22px

.measurementTableLayoutChanger
  margin: 0 auto
  padding: 20px
  text-align: center
