diff -r 318533413200 -r a1707c607eec src/pyams_skin/resources/less/messages.less
--- a/src/pyams_skin/resources/less/messages.less	Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,328 +0,0 @@
-
-@import "colors.less";
-
-/**
- * Messages boxes
- */
-
-.MessageBox {
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	left: 0;
-	background: rgba(80, 80, 80, .7);
-	z-index: 100000;
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		top: 0;
-		left: 0;
-		background: rgba(80, 80, 80, .7);
-		z-index: 100000;
-	}
-}
-
-.MessageBoxContainer {
-	top: 35%;
-	color: #fff;
-	position: relative;
-	width: 100%;
-	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: @messageBgColor;
-	}
-
-	input,
-	select {
-		width: 50%;
-		padding: 5px;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			width: 50%;
-			padding: 5px;
-		}
-	}
-}
-
-.MessageBoxMiddle {
-	position: relative;
-	left: 20%;
-	width: 60%;
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		position: relative;
-		left: 0;
-		width: 100%;
-		padding: 3px;
-	}
-	.MsgTitle {
-		letter-spacing: -1px;
-		font-size: 24px;
-		font-weight: 300;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			font-size: 22px;
-		}
-	}
-	.pText {
-		font-style: 30px;
-	}
-	@media screen and (max-width:450px) and (max-width:767px) {
-		font-style: 10px;
-	}
-}
-
-.MessageBoxButtonSection {
-	width: 100%;
-	height: 30px;
-	text-align: right;
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		width: 100%;
-		height: 30px;
-	}
-	button {
-		margin-right: 7px;
-		padding-left: 15px;
-		padding-right: 15px;
-		font-size: 14px;
-		font-weight: 700;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			float: right;
-			margin-right: 5px;
-			padding-left: 15px;
-			padding-right: 15px;
-		}
-	}
-}
-
-.LoadingBoxContainer {
-	top: 20%;
-	color: #fff;
-	position: relative;
-	width: 100%;
-	background-color: @messageBgColor;
-
-	.MsgTitle {
-		font-size: 26px;
-	}
-	.pText {
-		font-style: 30px;
-	}
-}
-
-.LoadingBoxMiddle {
-	position: relative;
-	left: 20%;
-	width: 50%;
-	padding: 10px;
-}
-
-#LoadingPoints {
-	position: absolute;
-}
-
-#divMiniIcons {
-	position: fixed;
-	width: 415px;
-	right: 10px;
-	bottom: 180px;
-	z-index: 9999;
-	float: right;
-
-	.cajita {
-		text-align: center;
-		vertical-align: middle;
-		padding: 4px 6px;
-		color: #FFF;
-		float: right;
-		cursor: pointer;
-		display: block;
-		background-color: red;
-		font-size: 17px;
-		margin-left: 4px;
-		margin-top: 5px;
-
-		&:active {
-			top: 1px;
-			left: 1px;
-			position: relative;
-		}
-	}
-}
-
-#divSmallBoxes {
-	position: fixed;
-	right: 0;
-	top: 0;
-	z-index: 9999;
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		position: fixed;
-		width: 90%;
-		right: 0;
-		top: 0;
-	}
-}
-
-.BigBox {
-	position: fixed;
-	right: 10px;
-	bottom: 10px;
-	background-color: #004d60;
-	padding: 10px 10px 5px;
-	width: 390px;
-	height: 150px;
-	color: #fff;
-	z-index: 99999;
-	box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	border-left: 5px solid rgba(0, 0, 0, .15);
-	overflow: hidden;
-
-	span {
-		font-size: 17px;
-		font-weight: 300;
-		letter-spacing: -1px;
-		padding: 5px 0!important;
-		display: block;
-	}
-	p {
-		font-size: 13px;
-		margin-top: 10px;
-	}
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		width: 88%;
-	}
-	.bigboxicon {
-		font-size: 30px;
-		text-align: left;
-		position: absolute;
-		top: 120px;
-		left: 6px;
-		z-index: 0;
-	}
-	.bigboxnumber {
-		width: 100%;
-		text-align: right;
-		font-size: 25px;
-	}
-}
-
-.SmallBox {
-	position: absolute;
-	right: 5px;
-	top: 20px;
-	width: 420px;
-	color: #fff;
-	z-index: 9999;
-	overflow: hidden;
-	border: 1px solid transparent;
-
-	@media screen and (max-width:450px) and (max-width:767px) {
-		width: 95%;
-	}
-	&:hover {
-		border: 1px solid #fff;
-		cursor: pointer;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			-webkit-box-shadow: 0 0 10px #888;
-			box-shadow: 0 0 10px #888;
-			cursor: pointer;
-		}
-	}
-	.foto {
-		font-size: 30px;
-		position: absolute;
-		left: 20px;
-	}
-	.textoFull {
-		width: 93%;
-		float: left;
-		padding-left: 20px;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			width: 93%;
-			float: left;
-			padding-left: 20px;
-		}
-	}
-	.textoFoto {
-		width: 78%;
-		margin: 3px 20px 3px 80px;
-		float: left;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			width: 55%;
-			margin: 3px 20px 3px 80px;
-			float: left;
-		}
-	}
-	span {
-		font-size: 17px;
-		font-weight: 300;
-		letter-spacing: -1px;
-		display: block;
-		margin: 4px 0;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			font-size: 16px;
-		}
-	}
-	p {
-		font-size: 13px;
-		margin-top: 2px;
-
-		@media screen and (max-width:450px) and (max-width:767px) {
-			font-size: 12px;
-			margin-top: 2px;
-		}
-	}
-}
-
-.btnClose {
-	position: absolute;
-	right: 10px;
-	height: 16px;
-	width: 15px;
-	cursor: pointer;
-	font-size: 18px;
-	opacity: .5;
-	display: block;
-	top: 15px;
-
-	&:hover {
-		opacity: 1;
-	}
-}
-
-.miniPic {
-	position: absolute;
-	bottom: 8px;
-	right: 9px;
-}
-
-.miniIcon {
-	height: 100%;
-	font-size: 20px;
-}