/* #region MessageArea */
.message-area
{
	padding: 10px 13px;
	font-size: 14px;
	border-radius: var(--f-radius);
	width: 100%;
	text-align: center;
}

.message-area.left
{
	text-align: left;
}

.message-area.right
{
	text-align: right;
}

.message-area.error
{
	color: var(--c-msg-error-text);
	background-color: var(--c-msg-error-background)
}

.message-area.info
{
	color: var(--c-msg-info-text);
	background-color: var(--c-msg-info-background);
}

.message-area.warning
{
	color: var(--c-msg-warning-text);
	background-color: var(--c-msg-warning-background);
}

.message-area.success
{
	color: var(--c-msg-success-text);
	background-color: var(--c-msg-success-background);
}

.message-area.note
{
	color: var(--c-msg-note-text);
	background-color: var(--c-msg-note-background);
}
/* #endregion */