/*
File name: messages.css
Version: 2.0.0
*/

.form-message {
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
}

/* Form-local errors */
.registration-form-error-message,
.login-form-error-message,
.forgot-password-form-error-message,
.reset-password-form-error-message,
.profile-update-form-error-message,
.file-upload-form-error-message,
.main-form-error-message,
.elevated-invite-form-error-message,
.elevated-registration-form-error-message {
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 10px 12px;
	border: 1px solid #e1a1a1;
	border-left: 4px solid #a70000;
	border-radius: 5px;
	background: #fff1f1;
	color: #7a0000;
}

.registration-form-error-message::before,
.login-form-error-message::before,
.forgot-password-form-error-message::before,
.reset-password-form-error-message::before,
.profile-update-form-error-message::before,
.file-upload-form-error-message::before,
.main-form-error-message::before,
.elevated-invite-form-error-message::before,
.elevated-registration-form-error-message::before {
	content: "\2716";
	margin-right: 7px;
	font-weight: 700;
}

/* Floating message container */
.form-message-stack {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: min(420px, calc(100vw - 40px));
	pointer-events: none;
}

.form-message--floating {
	width: 100%;
	padding: 10px 14px;
	border-left: 4px solid transparent;
	border-radius: 5px;
	box-shadow: 0 7px 29px rgba(0, 0, 0, 0.18);
	color: #fff;
	pointer-events: auto;
}

/* Floating default */
.default-message {
	background: #747474 ;
	border-left-color: #3a3a3a ;
}

/* Floating error */
.generic-error-message {
	background: #a70000;
	border-left-color: #430000;
}

/* Floating warning */
.generic-warning-message {
	background: #8a5a00;
	border-left-color: #4d3200;
}

/* Floating info */
.generic-info-message {
	background: #245f87;
	border-left-color: #123c59;
}

/* Floating success */
.generic-success-message {
	background: #367c2b;
	border-left-color: #003714;
}


.generic-error-message::before,
.generic-warning-message::before,
.generic-info-message::before,
.generic-success-message::before {
	display: inline-block;
	margin-right: 7px;
	font-weight: 700;
}

.generic-error-message::before {
	content: "\2716";
}

.generic-warning-message::before {
	content: "\26A0";
}

.generic-info-message::before {
	content: "\2139";
}

.generic-success-message::before {
	content: "\2714";
}

@media (max-width: 600px) {
	.form-message-stack {
		left: 12px;
		bottom: 12px;
		width: calc(100vw - 24px);
	}
}