.vsp-component-questionnaire-view {
  input[type='radio'], input[type='checkbox'] {
    &:before {
      border: 1px solid $dark-gray;
      cursor: pointer;
    }
    &:checked:before {
      border: 1px solid $blue;
    }
  }
  .component-questionnaire-validation-form {

    .section-field {
      textarea {
        height: 80px;
      }
    }

    .rows-section, .grid-items {
      .row-flex-components {
        display: flex;
      }

      .vertical-flex {
        flex-direction: column;
        .control-label {
          @extend .body-2-semibold;
        }
        .radio-options-content-row {
          display: flex;
          margin-top: -4px;
          .validation-input-wrapper {
            width: 240px;
            margin-right: 7px;

            & > .form-group {
              display: flex;
            }
            .form-group .radio {
              width: auto;
              margin-right: 0;
            }
          }
        }
      }
    }
  }
}