.message
{
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.875em;
	line-height: 1.875em;
	color: var(--light-black);
	background-color: var(--light-grey);
	border-radius: .25rem;
}

[dir="rtl"] .message { padding: 0 5px 0 30px; }
[dir="ltr"] .message { padding: 0 30px 0 5px; }

.message span
{
	display: inline-block;
	width: 1.875em;
	position: relative;
	top: 0;
	font-size: 1em;
	line-height: 1.875em;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
}

[dir="rtl"] .message span { float: right; }
[dir="ltr"] .message span { float: left; }

.message span.icon-success { color: var(--green); }
.message span.icon-bug { color: var(--deep-purple); }
.message span.icon-warning { color: var(--amber); }
.message span.icon-error , .message .icon-notice { color: var(--red); }

.message span.icon-close
{
	cursor: pointer;
	position: absolute;
	color: var(--dark-red);
}

[dir="rtl"] .message span.icon-close { left: 0; }
[dir="ltr"] .message span.icon-close { right: 0; }
.message span.icon-close:hover { color: var(--red); }

/* Form */
.form .message { margin-bottom: 15px; }