/* CSS */
#messages{
	display:none !important;
	height: 0px !important;
	top: 0px !important;
}

#messages-popup{
	top: 0px;
	z-index:25000;
	position: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}

#messages-popup .messages{
	padding:1.3em 0.5rem;
	color:#FFF;
	width:100%;
	position: absolute;
	z-index:10;	
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

#messages-popup .messages.status{ background:#428BCA; }
#messages-popup .messages.success{ background:#5CB85C; }
#messages-popup .messages.warning{ background:#F0AD4E; }
#messages-popup .messages.error{ background:#D9534F; }

.close-message{
	display: none;
}

#messages-popup .messages button.close-message{
	display: block;
	padding:0;
	cursor:pointer;
	background:rgba(0,0,0,0);
	border:0;
	-webkit-appearance:none;
	font-size:2em;
	font-weight:700;
	line-height:0.75;
	color:#000;
	opacity:0.2;
	margin:0;
	position:absolute;
	right:0;
	top:-4px;
}



#messages-popup .messages ul{
	list-style:none;
	margin:0 auto -0.25rem;	
}
#messages-popup .messages ul li{
	margin-bottom:0.5rem;
}