.messagebox {
	box-sizing: border-box;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	background-color: #AAAAAA;
}

.messagebox .icon {
	box-sizing: border-box;
	display: inline-block;
	height: 20px;
	width: 22px;
	margin: 5px;
	text-align: center;
	line-height: 20px;
	border-radius: 3px;
	background-color: #DDDDDD;
}

.messagebox.confirmation {
	background-color: #DCEDC8;
	color: #8BC34A;
}

.messagebox.confirmation .icon {
	background-color: #8BC34A;
	color: #FFFFFF;
}

.messagebox.error {
	background-color: #FFCCBC;
	color: #FF5722;
}

.messagebox.error .icon {
	background-color: #FF5722;
	color: #FFFFFF;
}

.messagebox.warning {
	background-color: #FFECB3;
	color: #FFC107;
}

.messagebox.warning .icon {
	background-color: #FFC107;
	color: #FFFFFF;
}

.messagebox.information {
	background-color: #B2EBF2;
	color: #00BCD4;
}

.messagebox.information .icon {
	background-color: #00BCD4;
	color: #FFFFFF;
}