.custom-radio-multiple .form-text {
  padding-left: 35px;
}

/* Customize the label (the container) */
.custom-control {
  display: block;
  padding-left: 0;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;

  &::after {
    clear: both;
    content: "";
  }

  /* Hide the browser's default checkbox */
  input {
    position: absolute;
    width: 0;
    height: 0;
    cursor: pointer;
    opacity: 0;
  }

  .custom-control-input ~ .custom-control-label {
    position: unset;
    padding-left: 35px;
    line-height: 25px;
    cursor: pointer;

    /* Create a custom checkbox */
    &::before {
      @include position(absolute, 0 null null 0);
      width: 25px;
      height: 25px;
      content: "";
      background-color: $gray-200;
      border: none;
      border-radius: 0;
      box-shadow: none;
    }
  }

  /* On mouse-over & focus, add a grey background color */
  .custom-control-input:focus ~ .custom-control-label::before,
  &:hover .custom-control-input ~ .custom-control-label::before {
    background-color: $gray-300;
  }

  /* When the checkbox is checked, add a blue background */
  .custom-control-input:checked ~ .custom-control-label::before {
    background-color: $primary;
  }

  /* Style the checkmark/indicator */
  .custom-control-input ~ .custom-control-label::after {
    /* Create the checkmark/indicator (hidden when not checked) */
    display: none;
    content: "";
  }

  .custom-control-input[type="checkbox"] ~ .custom-control-label::after {
    @include position(absolute, 7px null null 10px);
    width: 5px;
    height: 10px;
    border: solid $white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
  }

  /* Show the checkmark when checked */
  .custom-control-input:checked ~ .custom-control-label::after {
    display: block;
  }

  .custom-control-input[type="radio"] ~ .custom-control-label {
    &::before {
      border: none;
      border-radius: 50%;
      box-shadow: none;
    }

    &::after {
      @include position(absolute, 8px null null 8px);
      width: 9px;
      height: 9px;
      background: $white;
      border-radius: 50%;
    }
  }
}