diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 8c8b481d27..d139c23841 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1684,7 +1684,7 @@ body {
   display: none;
 }
 #loginMainDiv .loginMessageBox #loginCdMessage.error {
-  border: 3px solid #d2a453;
+  border: 3px solid #7ab7ec;
   color: red;
   text-align: center;
   font-size: 12pt;
@@ -1695,15 +1695,13 @@ body {
   margin-left: 20px;
   border-radius: 5px;
   margin-right: 20px;
-  border-top-left-radius: 0;
-  border-top: none;
-  border-top-right-radius: 0;
-  padding-bottom: 20px;
+  padding: 20px;
+  margin-top: 20px;
 }
 #loginMainDiv .loginMessageBox .closeBtn {
   position: absolute;
   right: 30px;
-  border: 2px solid #d2a453;
+  border: 2px solid #7ab7ec;
   border-radius: 100%;
   width: 20px;
   height: 20px;
@@ -1711,7 +1709,7 @@ body {
   line-height: 20px;
   font-size: 13pt;
   font-weight: bold;
-  bottom: 10px;
+  top: 30px;
 }
 #loginMainDiv .loginMessageBox .closeBtn:hover {
   color: white;
@@ -1722,9 +1720,9 @@ body {
   background: transparent;
   width: 100%;
   text-align: center;
-  height: 45%;
+  height: 40%;
   display: block;
-  max-height: 45%;
+  max-height: 40%;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
@@ -1747,6 +1745,7 @@ body {
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
   margin: 1em;
   font-size: 12pt;
+  color: #0a5ca5;
 }
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
   max-width: 100%;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index f51e19abf8..ba4d2c989e 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1673,7 +1673,7 @@ body {
   display: none;
 }
 #loginMainDiv .loginMessageBox #loginCdMessage.error {
-  border: 3px solid #d2a453;
+  border: 3px solid #7ab7ec;
   color: red;
   text-align: center;
   font-size: 12pt;
@@ -1684,15 +1684,13 @@ body {
   margin-left: 20px;
   border-radius: 5px;
   margin-right: 20px;
-  border-top-left-radius: 0;
-  border-top: none;
-  border-top-right-radius: 0;
-  padding-bottom: 20px;
+  padding: 20px;
+  margin-top: 20px;
 }
 #loginMainDiv .loginMessageBox .closeBtn {
   position: absolute;
   right: 30px;
-  border: 2px solid #d2a453;
+  border: 2px solid #7ab7ec;
   border-radius: 100%;
   width: 20px;
   height: 20px;
@@ -1700,7 +1698,7 @@ body {
   line-height: 20px;
   font-size: 13pt;
   font-weight: bold;
-  bottom: 10px;
+  top: 30px;
 }
 #loginMainDiv .loginMessageBox .closeBtn:hover {
   color: white;
@@ -1711,9 +1709,9 @@ body {
   background: transparent;
   width: 100%;
   text-align: center;
-  height: 45%;
+  height: 40%;
   display: block;
-  max-height: 45%;
+  max-height: 40%;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
@@ -1736,6 +1734,7 @@ body {
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
   margin: 1em;
   font-size: 12pt;
+  color: #0a5ca5;
 }
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
   max-width: 100%;
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 81ba440013..b87fedfd20 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -54,7 +54,7 @@
 		}
 
 		#loginCdMessage.error {
-			border: 3px solid #d2a453;
+			border: 3px solid #7ab7ec;
 			color: red;
 			text-align: center;
 			font-size: 12pt;
@@ -65,15 +65,13 @@
 			margin-left: 20px;
 			border-radius: 5px;
 			margin-right: 20px;
-			border-top-left-radius: 0;
-			border-top: none;
-			border-top-right-radius: 0;
-			padding-bottom: 20px;
+			padding: 20px;
+			margin-top: 20px;
 		}
 		.closeBtn {
 			position: absolute;
 			right: 30px;
-			border: 2px solid #d2a453;
+			border: 2px solid #7ab7ec;
 			border-radius: 100%;
 			width: 20px;
 			height: 20px;
@@ -81,7 +79,7 @@
 			line-height: 20px;
 			font-size: 13pt;
 			font-weight: bold;
-			bottom: 10px;
+			top: 30px;
 			&:hover {
 				color: white;
 				background:black;
@@ -94,9 +92,9 @@
 		background: transparent;
 		width: 100%;
 		text-align: center;
-		height: 45%;
+		height: 40%;
 		display: block;
-		max-height: 45%;
+		max-height: 40%;
 		#divLogo {
 			position: relative;
 		    padding-top: 20px;
@@ -125,6 +123,7 @@
 		margin: 1em;
 		font-size: 12pt;
 		img {max-width: 100%;}
+		color: #0a5ca5;
 	}
 	div#login_footer {
 		position: absolute;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 5419afbc59..a44c6d8892 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1695,7 +1695,7 @@ body {
   display: none;
 }
 #loginMainDiv .loginMessageBox #loginCdMessage.error {
-  border: 3px solid #d2a453;
+  border: 3px solid #7ab7ec;
   color: red;
   text-align: center;
   font-size: 12pt;
@@ -1706,15 +1706,13 @@ body {
   margin-left: 20px;
   border-radius: 5px;
   margin-right: 20px;
-  border-top-left-radius: 0;
-  border-top: none;
-  border-top-right-radius: 0;
-  padding-bottom: 20px;
+  padding: 20px;
+  margin-top: 20px;
 }
 #loginMainDiv .loginMessageBox .closeBtn {
   position: absolute;
   right: 30px;
-  border: 2px solid #d2a453;
+  border: 2px solid #7ab7ec;
   border-radius: 100%;
   width: 20px;
   height: 20px;
@@ -1722,7 +1720,7 @@ body {
   line-height: 20px;
   font-size: 13pt;
   font-weight: bold;
-  bottom: 10px;
+  top: 30px;
 }
 #loginMainDiv .loginMessageBox .closeBtn:hover {
   color: white;
@@ -1733,9 +1731,9 @@ body {
   background: transparent;
   width: 100%;
   text-align: center;
-  height: 45%;
+  height: 40%;
   display: block;
-  max-height: 45%;
+  max-height: 40%;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
@@ -1758,6 +1756,7 @@ body {
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
   margin: 1em;
   font-size: 12pt;
+  color: #0a5ca5;
 }
 #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
   max-width: 100%;
@@ -6986,7 +6985,7 @@ form[id^="tracker-"] .dialogHeadbar {
     display: none;
   }
   div#loginMainDiv .loginMessageBox #loginCdMessage.error {
-    border: 3px solid #d2a453;
+    border: 3px solid #7ab7ec;
     color: red;
     text-align: center;
     font-size: 12pt;
@@ -6997,15 +6996,13 @@ form[id^="tracker-"] .dialogHeadbar {
     margin-left: 20px;
     border-radius: 5px;
     margin-right: 20px;
-    border-top-left-radius: 0;
-    border-top: none;
-    border-top-right-radius: 0;
-    padding-bottom: 20px;
+    padding: 20px;
+    margin-top: 20px;
   }
   div#loginMainDiv .loginMessageBox .closeBtn {
     position: absolute;
     right: 30px;
-    border: 2px solid #d2a453;
+    border: 2px solid #7ab7ec;
     border-radius: 100%;
     width: 20px;
     height: 20px;
@@ -7013,7 +7010,7 @@ form[id^="tracker-"] .dialogHeadbar {
     line-height: 20px;
     font-size: 13pt;
     font-weight: bold;
-    bottom: 10px;
+    top: 30px;
   }
   div#loginMainDiv .loginMessageBox .closeBtn:hover {
     color: white;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index ffb3eddc7d..debd96d063 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -65,7 +65,7 @@
 				}
 
 				#loginCdMessage.error {
-					border: 3px solid #d2a453;
+					border: 3px solid #7ab7ec;
 					color: red;
 					text-align: center;
 					font-size: 12pt;
@@ -76,15 +76,13 @@
 					margin-left: 20px;
 					border-radius: 5px;
 					margin-right: 20px;
-					border-top-left-radius: 0;
-					border-top: none;
-					border-top-right-radius: 0;
-					padding-bottom: 20px;
+					padding: 20px;
+					margin-top: 20px;
 				}
 				.closeBtn {
 					position: absolute;
 					right: 30px;
-					border: 2px solid #d2a453;
+					border: 2px solid #7ab7ec;
 					border-radius: 100%;
 					width: 20px;
 					height: 20px;
@@ -92,7 +90,7 @@
 					line-height: 20px;
 					font-size: 13pt;
 					font-weight: bold;
-					bottom: 10px;
+					top: 30px;
 					&:hover {
 						color: white;
 						background:black;