.message
{
	left: 0%;
	width: 100%;
	position: fixed;
	_position: absolute;
	cursor:pointer;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	border:#2b2b2b 1px solid;
	z-index: 9999;
	text-align: center;
	-moz-border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.message:hover
{
	box-shadow: 0 0 10px rgba(43, 43, 43, 0.18);
	-webkit-box-shadow: 0 0 10px rgba(43, 43, 43, 0.18);
	-moz-box-shadow: 0 0 10px rgba(43, 43, 43, 0.18);
}

.info
{
	background-color:#00D2B2;
	border-color: #00D2B2;
	color: #2b2b2b;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.error
{
	background-color: #c03737;
	border-color: #c03737;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.warning
{
	background-color: #DDA243;
	border-color: #DDA243;
	color: #2b2b2b;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.success
{
	background-color: #027F48;
	border-color: #027F48;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.message div
{
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap:30px;
	align-items: center;
	margin: 0px;
	padding: 10px 15px;
	text-align: center;
}

.close-notification {
	font-size: 16px;
}