@keyframes shake {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-6px);
    }

    40% {
        transform: translateX(6px);
    }

    60% {
        transform: translateX(-4px);
    }

    80% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(0);
    }
}

.input-error {
    animation: shake 0.35s ease;
    border-color: #dc3545 !important;
}

    .input-error:focus {
        box-shadow: 0 0 0 .15rem rgba(220,53,69,.25);
    }