.custom-control {
  padding-left: 1.75rem;
  margin-bottom: 1rem;
  &-label {
    cursor: pointer;
    font-weight: $font-weight-light;
    .dark & {
      color: $white;
      &:before {
        background: $primary;
      }
    }
    &:before {
      width: 1rem;
      height: 1rem;
      top: 0.25rem;
      left: -1.75rem;
      box-shadow: none!important;
      border: 0;
      background: $gray-200;
      .custom-radio & {
        border-radius: 0;
      }
    }
    &:after {
      width: 1rem;
      height: 1rem;
      top: 0.25rem;
      left: -1.75rem;
    }
    a {
      color: $black;
      text-decoration: underline;
    }
  }
  &-input {
    &:checked {
      ~ .custom-control-label {
        font-weight: $font-weight-medium;
        .dark & {
          &:before {
            background: $white;
          }
        }
        &:before {
          background: $black;
          border: 0;
        }
        &:after {
          background: none!important;
        }
      }
    }
    &[disabled], &:disabled {
      ~ .custom-control-label {
        color: $gray-400;
        cursor: not-allowed;
        .dark & {
          &:before {
            background: $gray-900;
          }
        }
        &:before {
          background: $gray-100;
          border: 0;
        }
        &:after {

        }
      }
    }
  }
  .info-text {
    width: 100%;
    margin-top: 0.625rem;
    font-size: 0.875rem;
    font-weight: $font-weight-normal;
    color: $secondary;
    line-height: 1;
  }
}