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

.showerror
{
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; 
}


.show
{
display : block;
position : fixed;
z-index: 3000;
background-image : url('../img/loader.gif');
background-color:#fcfcfc;
opacity : 0.7;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}