@import "{design}/app"

.additionalFindings
  width: 100%
  height: 100%
  background-color: #000000

  .scrollArea
    height: 100%
    overflow-x: hidden
    overflow-y: auto
    margin-right: -16px
    padding-bottom: 100px
    padding-right: 16px

    -webkit-overflow-scrolling: touch

    .row
      margin-right: 0
      margin-left: 0

    &::-webkit-scrollbar
      display: none

    .header
      height: 33px
      line-height: 33px
      font-weight: bold
      font-size: 14px
      padding: 1px 13px 0
      color: $textPrimaryColor
      background-color: $uiGray

    .form-group
      color: $textPrimaryColor
      padding: 7px 11px
      width: 100%

      &:not(:last-child)
        border-bottom: $uiBorderThickness solid $uiBorderColorDark

      & > .wrapperText
        display: block
        font-weight: bold
        line-height: 15px
        margin: 10px 0 8px

      .control-label
        font-size: 14px
        font-weight: 100
        display: inline-block
        padding: 5px

      .group-radio
        height: 30px

        label
          display: inline-block
          float: left
          font-size: 14px
          font-weight: 100
          height: 30px
          line-height: 30px
          width: 50%

      .disease-regions + .select2
        width: 100% !important

      .bone-lesions + .select2
        width: auto !important

    .buttonSection
      cursor: pointer
      height: 100px
      color: $defaultColor

      &:hover
        color: $hoverColor

        .svgContainer
          svg
            fill: $hoverColor

      &:active
        color: $activeColor

        .svgContainer
          svg
            fill: $activeColor

      div
        float: left
        display: inline-block
        height: 80px

      .buttonLabel
        line-height: 80px
        padding: 0 30px

      .svgContainer
        padding: 15px 5px
        width: 40px

        svg
          width: 40px
          height: 40px
          fill: $textPrimaryColor