astuto/app/assets/stylesheets/common/_form.scss

.field_with_errors {
  label {
    color: $danger;
  }

  input {
    border-color: $danger;
  }
}

.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem var(--primary-color-light);
}

.new_user, .edit_user {
  @extend .card;

  width: 100%;
  max-width: 360px;

  text-align: center;

  padding: 15px;
  margin: 0 auto;
}

.deviseLinks {
  @extend .new_user;

  display: flex;
  flex-direction: column;

  margin-top: 24px;

  a { color: var(--astuto-black); }
}

.formRow {
  @extend .form-row;

  margin-top: 10px;
  margin-bottom: 10px;
}

.formGroup {
  @extend .form-group;
}

.formControl {
  @extend .form-control;

  &.invalid {
    border-color: red;
  }
}

.switch {
  @extend
    .custom-control-input;
}