.smart-form label.error {
  display: block;
  margin-top: 5px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #a90329;
}

/*
* error state
*/
.smart-form .input input.error, .smart-form input.error,
.smart-form .select select.error,
.smart-form .textarea textarea.error,
.smart-form textarea.error,
.smart-form i.radio.error,
.smart-form i.checkbox.error,
.smart-form i.toggle.error {
  background: #EECCD4;
  border: 1px solid #A90329;
}

.smart-form .select2-container.error .select2-choice, .smart-form .select2-container.error .select2-choices {
  background: #EECCD4;
  border: 0;
}

.smart-form .select2-container.error:not(.select2-container-active) {
  border: 1px solid #A90329;
}


/*
* hover state
*/
.smart-form .input:hover input,
.smart-form .select:hover select,
.smart-form .textarea:hover textarea,
.smart-form .radio:hover i,
.smart-form .checkbox:hover i,
.smart-form .toggle:hover i {
  border-color: #5D98CC;
}

/*
* focus state
*/
.smart-form .input input:focus,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .radio input:focus + i,
.smart-form .checkbox input:focus + i,
.smart-form .toggle input:focus + i {
  border-color: #3276B1;
}


.select2-container-multi.select2-container-active .select2-choices, .select2-container-active {
  border: 1px solid #5D98CC;
  outline: none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: none;
  outline: none;
}


/*
* success state
*/
.smart-form .input input.valid,
.smart-form .select select.valid,
.smart-form .textarea textarea.valid,
.smart-form textarea.valid,
.smart-form i.radio.valid,
.smart-form i.checkbox.valid,
.smart-form i.toggle.valid{
  background: #f0fff0;
  border: 1px solid #7DC27D;
}

.smart-form .select2-container.valid .select2-choice, .smart-form .select2-container.valid .select2-choices {
  background: #f0fff0;
  border: 0;
}

.smart-form .select2-container.valid {
  border: 1px solid #7DC27D;
}


.input .icon-append:has(+.error),
.input .icon-prepend:has(+.error) {
  color: #ed1c24;
}