--- a/src/ztfy/myams/resources/less/messages.less	Fri May 12 14:03:02 2017 +0200
+++ b/src/ztfy/myams/resources/less/messages.less	Thu Oct 26 14:45:34 2017 +0200
@@ -1,3 +1,6 @@
+
+@import "colors.less";
+
 /**
  * Messages boxes
  */
@@ -9,7 +12,7 @@
 	position: fixed;
 	top: 0;
 	left: 0;
-	background: rgba(0, 0, 0, .6);
+	background: rgba(80, 80, 80, .7);
 	z-index: 100000;
 
 	@media screen and (max-width:450px) and (max-width:767px) {
@@ -18,7 +21,7 @@
 		position: fixed;
 		top: 0;
 		left: 0;
-		background: rgba(0, 0, 0, .6);
+		background: rgba(80, 80, 80, .7);
 		z-index: 100000;
 	}
 }
@@ -28,16 +31,22 @@
 	color: #fff;
 	position: relative;
 	width: 100%;
-	background-color: #232323;
-	background-color: rgba(0, 0, 0, .8);
+	background-color: @messageBgColor;
 	padding: 20px;
 
+	&.info {
+		width: 60%;
+		left: 20%;
+		background-color: rgba(255, 255, 255, 0.9);
+		color: @textColor;
+	}
+
 	@media screen and (max-width:450px) and (max-width:767px) {
 		top: 25%;
 		color: #fff;
 		position: relative;
 		width: 100%;
-		background-color: #232323;
+		background-color: @messageBgColor;
 	}
 
 	input,
@@ -83,13 +92,13 @@
 .MessageBoxButtonSection {
 	width: 100%;
 	height: 30px;
+	text-align: right;
 
 	@media screen and (max-width:450px) and (max-width:767px) {
 		width: 100%;
 		height: 30px;
 	}
 	button {
-		float: right;
 		margin-right: 7px;
 		padding-left: 15px;
 		padding-right: 15px;
@@ -110,7 +119,7 @@
 	color: #fff;
 	position: relative;
 	width: 100%;
-	background-color: #232323;
+	background-color: @messageBgColor;
 
 	.MsgTitle {
 		font-size: 26px;