.alert {
	position: relative;
	padding: 20px;
	margin-bottom: 5px;
	border-radius: 5px;
	color: var(--alert-color);
	background-color: var(--alert-bg);
	border: 1px solid var(--alert-border-color);
}
.alert-success {
	--alert-color: #04694a;
	--alert-bg: #e6f5f0;
	--alert-border-color: #82cbb4;
}
.alert-danger {
	--alert-color: #a73030;
	--alert-bg: #fdecec;
	--alert-border-color: #f7a2a2;
	--alert-link-color: #862626;
	--alert-link-hover-color: #752222
}
.alert-warning {
	--alert-color: #ac5e31;
	--alert-bg: #fef3ed;
	--alert-border-color: #fac3a3;
	--alert-link-color: #8a4b27;
	--alert-link-hover-color: #784222
}
.alert-info {
	--alert-color: #036c79;
	--alert-bg: #e6f5f7;
	--alert-border-color: #82cdd6;
	--alert-link-color: #025661;
	--alert-link-hover-color: #024c55
}