/**
 * The message component css objects.
 *
 * @author		ivo.fortes@maria-design.pt
 * @date		2019-05-02
 * @version		1.0
 */
.maria_design-component-message {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 0 10px 10px 0;
	z-index: 5;
	font-family: Arial, Verdana;
	max-width: 50%;
	min-width: 200px;
}

.maria_design-component-message>.header {
	background-color: #999999;
	background-color: rgba(60, 60, 60, 0.8);
	border: 1px solid #dddddd;
}

.maria_design-component-message>.header button {
	margin: 0;
	padding: 0 5px 0 5px;
	color: #cccccc;
	background: none;
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.maria_design-component-message>.header>button:hover {
	color: #ffffff;
}

.maria_design-component-message>.header>button:active {
	color: #ff9999;
}

.maria_design-component-message>.body {
	border: 1px solid #dddddd;
	font-size: 16px;
	max-height: 600px;
}

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

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

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

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