Cleanup Login and removed the ancient obsolete <center> with small redesign

Also placed the loading description above the login form

dev/Styles/Login.less

@@ -1,59 +1,36 @@
 
+.rl-view-model {
+	&.RL-Login, &.RL-AdminLogin {
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 100%;
+		max-width: 450px;
+		z-index: 5;
+	}
+}
+
 .b-login-content {
 
-	height: 100%;
-	text-align: center;
-
 	.loginFormWrapper {
-
-		display: inline-block;
-		vertical-align: middle;
-		text-align: center;
-		perspective: 500px;
+		position: relative;
 
 		.descWrapper {
-
 			margin-bottom: 10px;
+			text-align: center;
 
 			.desc {
-				font-size: 18px;
-				padding: 2px;
+				font-size: 30px;
 			}
 		}
 
-		.alertError {
-			max-width: 450px;
-		}
-
-		.wrapper-parent {
-		}
-
 		.loginForm {
 			background-color: #efefef;
-			text-align: left;
 			color: #333;
 			margin: 0;
-			float: none;
-			width: 303px;
 		}
 
-		.loginWelcomeForm {
-			display: none;
-		}
-
-		.welcome-on {
-			display: block;
-		}
-
-		.welcome-off {
-			display: none;
-		}
-
-/*		.control-label {
-			font-size: 16px;
-			line-height: 30px;
-		}*/
-
 		.controls, .control-group {
 			margin-bottom: 25px;
 		}
@@ -62,11 +39,6 @@
 			padding: 40px 40px 20px 40px;
 		}
 
-		#recaptcha_image img {
-			border: 1px solid #ccc;
-			border-radius: 3px;
-		}
-
 		.controls {
 			.inputLoginForm, .inputEmail, .inputLogin, .inputPassword, .inputAdditionalCode {
 				font-size: 18px;
@@ -80,18 +52,10 @@
 			}
 		}
 
-		.languageLabel {
-			margin-top: 5px;
-		}
-
 		.signMeLabel .e-checkbox {
 			margin-top: 5px;
 		}
 
-		.languageLabel {
-			margin-right: 5px;
-		}
-
 		.input-append .add-on {
 			position: relative;
 			height: 30px;
@@ -116,6 +80,10 @@
 		.controls.error .add-on i, .control-group.error .add-on i {
 			color: #b94a48;
 		}
+
+		.e-mobile-switcher {
+			text-align: center;
+		}
 	}
 
 	.buttonLogin {
@@ -123,15 +91,17 @@
 	}
 
 	.alert {
-		margin: 0 0 20px 0;
-		text-align: left;
+		position: absolute;
+		left: 0;
+		right: 0;
+		z-index: 1;
 	}
 
 	.flag-selector {
 		margin-bottom: 0;
 	}
 
-	.social-buttons {
+	.language-buttons {
 		margin-top: 5px;
 	}
 
@@ -141,6 +111,14 @@
 	}
 }
 
+@media screen and (max-width: 480px) {
+	.b-login-content .loginFormWrapper {
+		.wrapper {
+			padding: 30px 4vw 10px;
+		}
+	}
+}
+
 @keyframes loginRotation {
 	to   {transform: rotate(1turn);}
 }