/**
 * The message component css objects.
 *
 * @author		ivo.fortes@maria-design.pt
 * @date		2019-04-29
 * @version		1.0
 */
.maria_design-component-message {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 0 30px 30px 0;
	z-index: 2;
	border: 1px solid #999999;
	font-family: Arial, Verdana;
	font-size: 16px;
	max-width: 50%;
}

.maria_design-component-message>.info {
	color: #000000;
	padding: 10px;
	background-color: #00ff00;
	background-color: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #aaaaaa;
}

.maria_design-component-message>.success {
	color: #000000;
	padding: 10px;
	background-color: #00ff00;
	background-color: rgba(0, 255, 0, 0.8);
	text-shadow: 1px 1px #aaaaaa;
}

.maria_design-component-message>.warning {
	color: #000000;
	padding: 10px;
	background-color: #ff00ff;
	background-color: rgba(255, 255, 0, 0.8);
	text-shadow: 1px 1px #aaaaaa;
}

.maria_design-component-message>.error {
	color: #000000;
	padding: 10px;
	background-color: #ff0000;
	background-color: rgba(255, 0, 0, 0.8);
	text-shadow: 1px 1px #aaaaaa;
}