/*
*/
/* 
    Created on : Oct 29, 2025, 1:47:34 PM
    Author     : Richard.Dumphrey
*/

.has-error .form-control {
  border-color: #f1646c;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.error {
  color: #f1646c;
}


/* Error and success icons */
.parsley-error ~ .parsley-icon:before {
  content: "\f06a"; /* Font Awesome exclamation-circle */
  color: #f1646c;
}

.parsley-success ~ .parsley-icon:before {
  content: "\f058"; /* Font Awesome check-circle */
  color: #1BC5BD;
}

.parsley-icon {
  position: absolute;
  right: 10px;
  top: 38px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

/* Show the icon when the state is applied */
.parsley-error ~ .parsley-icon,
.parsley-success ~ .parsley-icon {
  opacity: 1;
  transform: translateY(0);
}

/* Error messages */
.parsley-error {
  border-color: #f1646c;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list > li {
  font-size: 14px;
  list-style: none;
  color: #f1646c;
  margin-top: 5px;
  animation: fadeIn 0.3s ease-in-out;
}

/* Smooth fade animation for messages */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-2px); }
  to { opacity: 1; transform: translateY(0); }
}