@import "@css[shared]/components/forms/_validation";

.has-feedback {
   input[type="tel"].validation-warning,
   input[name="phone"].validation-warning {
      + .form-control-feedback {

         &::before {
            color: $state-success;
            content: $input-icon-valid;
         }
      }
   }
}

.form-group.has-error {
   input:not(:focus) {
      border-color: $state-error;

      ~ .help-block {
         color: $state-error;
         border-color: $state-error;

         &::before {
            border-bottom-color: $state-error;
         }
      }
   }
}
