.error {
border:solid 1px #FF0000 !important;
-webkit-animation-duration: .5s; 
animation-duration: .5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}

@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);} 
}

@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-3px);} 
20%, 40%, 60%, 80% {transform: translateX(3px);} 
}

.shake { 
-webkit-animation-name: shake; 
animation-name: shake; 
}