/* Modifier : state
-------------------------- */

.form-message {
  font-size: em(14)
}

/**
 * Error
 */

.form-group--error .form-control {
  border-color: tint($clr-error, 50%);
  color: $clr-error;
  background-color: tint($clr-error, 95%);
}

.form-group--error .form-label,
.form-group--error .form-message {
  color: $clr-error;
}

/**
 * warning
 */

.form-group--warning .form-control {
  border-color: tint($clr-warning, 50%);
  color: $clr-warning;
  background-color: tint($clr-warning, 95%);
}

.form-group--warning .form-label,
.form-group--warning .form-message {
  color: $clr-warning;
}


/**
 * Success
 */

.form-group--success .form-control {
  border-color: tint($clr-success, 50%);
  color: $clr-success;
  background-color: tint($clr-success, 95%);
}

.form-group--success .form-label,
.form-group--success .form-message {
  color: $clr-success;
}

/**
 * Desabled
 */

.form-group--desabled .form-label,
.form-group--desabled .form-control {
  opacity: 0.45;
  pointer-events: none;
}