@keyframes login-form-shake  {
  0% {transform: translateX(0);}
  12.5% {transform: translateX(-6px)}
  37.5% {transform: translateX(5px)}
  62.5% {transform: translateX(-3px)}
  87.5% {transform: translateX(2px)}
  100% {transform: translateX(0)}
}

#rl-left {
	transition: width 0.3s ease-out;
}

#rl-right {
	transition: left 0.3s ease-out, right 0.3s ease-out;
}

html.rl-started-trigger .LoginView {
	/*transform: scale(1.1);*/
	transform: translateY(-20px);
	opacity: 0.5;
}

.LoginView .errorAnimated {
	animation: login-form-shake 400ms ease-in-out;
}

.LoginView .errorAnimated .buttonLogin {
	color: #b94a48;
	font-weight: bold;
}

.LoginView {
	transition: all 0.3s ease-out;
}