ul.messages,
ul.infomessages,
ul.debugmessages,
ul.errormessages,
ul.warningmessages {
	clear: both;
	display: block;
	box-sizing: border-box;
    list-style: outside none none;
    margin: 10px 0 10px 0;
    padding: 12px 20px 10px 45px;
	box-shadow: none;
	background-color: #f0f9fb;
	font-size: 15px;
	color: #3B3434;
}
ul.messages > li,
ul.infomessages > li,
ul.debugmessages > li,
ul.errormessages > li,
ul.warningmessages > li {
	text-indent: -15px;
	line-height: 20px;
}
ul.messages > li:before,
ul.infomessages > li:before,
ul.debugmessages > li:before,
ul.errormessages > li:before,
ul.warningmessages > li:before {
	display: inline-block;
	width: 15px;
	font-family: "adminfont";
	font-size: 22px;
	vertical-align: -3px;
	padding: 0;
	margin: 0;
}

ul.messages { border-left: 10px solid #42B116; background-color: #E5FCDB; }
ul.infomessages { border-left: 10px solid #3BC5E3; background-color: #f0f9fb; }
ul.debugmessages { border-left: 10px solid #898E00; background-color: #FDFFD8; }
ul.errormessages { border-left: 10px solid red; background-color: #FFE9E9; }
ul.warningmessages { border-left: 10px solid #BC3BDB; background-color: #FBECFF; }

ul.messages > li:hover { color: #42B116; }
ul.infomessages > li:hover { color: #3BC5E3; }
ul.debugmessages > li:hover { color: #898E00; }
ul.errormessages > li:hover { color: red; }
ul.warningmessages > li:hover { color: #BC3BDB; }

ul.messages > li:before { content: "v"; }
ul.infomessages > li:before { content: "x"; }
ul.debugmessages > li:before { content: "y"; }
ul.errormessages > li:before { content: "w"; }
ul.warningmessages > li:before { content: "w"; }



/* info popup */

.infopopup {
	display: none;
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 5px 10px 6px 10px;
	left: 0px;
	top: -50px;
	text-align: center;
	vertical-align: middle;
	line-height: 140%;
	font-size: 20px;
	z-index: 150000;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	color: white;
	background-color: rgba(56,56,56,0.95);
	background-image: linear-gradient(to top right, #565656, #383838);
}
.infopopup.ok {
	color: white;
	background-color: rgba(48,131,0,0.95);
	background-image: linear-gradient(to top right, #389500, #235d00);
}
.infopopup.error {
	color: white;
	background-color: rgba(255,37,0,0.95);
	background-image: linear-gradient(to top right, #ff2500, #ad1900);
}
.infopopup.wait {
	color: #605825;
	background-color: rgba(226,204,45,0.95);
	background-image: linear-gradient(to top right, #ffe116, #e5c700);
}

@media all and (min-width: 1000px) {
	.infopopup {
		max-width: 1000px;
		margin: 0 auto;
		border-radius: 2px;
	}
}