@import "bootstrap_variables";
@import "bootstrap";
@import "select2";
@import "select2-bootstrap";
@import "bootstrap-datepicker3";

.field_with_errors {
  @extend .has-error;
  display: inline-block;

  input {
    @extend .form-control-danger;
  }
}

.form-group > .field_with_errors:last-child {
  display: block;
}

select.c-select {
  width: 100%;
}

.select2-container {
  width: 100% !important;
}

@import "bootstrap_variables";
@import "bootstrap";
@import "select2";
@import "select2-bootstrap";
@import "bootstrap-datepicker3";

.field_with_errors {
  @extend .has-danger;
  display: inline-block;

  input {
    @extend .form-control-danger;
  }
}

.form-group > .field_with_errors:last-child {
  display: block;
}

select.c-select {
  width: 100%;
}

.select2-container {
  width: 100% !important;
}

Update the error class name
Update the error class name
