.form-group__message {
  display: none;
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
}

.form-group--error input,
.form-group--error select,
.form-group--error textarea,
.form-group--error .select2-selection.select2-selection--single {
  border-color: #dc3545;
}

.form-group--error .form-group__message:last-child{
  display: block;
  color: #dc3545 !important;
}

.form-group--error {
  animation-name: shakeError;
  animation-fill-mode: forward;
  animation-duration: .6s;
  animation-timing-function: ease-in-out; }

@keyframes shakeError {
  0% {
    transform: translateX(0); }
  15% {
    transform: translateX(0.375rem); }
  30% {
    transform: translateX(-0.375rem); }
  45% {
    transform: translateX(0.375rem); }
  60% {
    transform: translateX(-0.375rem); }
  75% {
    transform: translateX(0.375rem); }
  90% {
    transform: translateX(-0.375rem); }
  100% {
    transform: translateX(0); }
}