.ppdb-field-invalid,
.form-group.ppdb-field-invalid,
fieldset.ppdb-field-invalid {
  position: relative;
  padding: 10px;
  border: 1px solid #ef9b9b !important;
  border-radius: 11px;
  background: #fff4f4 !important;
  box-shadow: 0 0 0 3px rgba(211, 52, 52, .08);
}

.ppdb-control-invalid,
.ppdb-field-invalid .form-control,
.ppdb-field-invalid input,
.ppdb-field-invalid select,
.ppdb-field-invalid textarea {
  border-color: #d93e3e !important;
  box-shadow: 0 0 0 3px rgba(217, 62, 62, .1) !important;
}

.ppdb-validation-shake { animation: ppdb-validation-shake .38s ease both; }

@keyframes ppdb-validation-shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-7px); }
  40%, 80% { transform: translateX(7px); }
}

@media (prefers-reduced-motion: reduce) {
  .ppdb-validation-shake { animation: none; }
}