:root {
	--spacer: 1.25rem;
	--spacer-2: 0.625rem;
}
.alert {
	--alert-bg: transparent;
	--alert-padding-x: var(--spacer);
	--alert-padding-y: calc(var(--spacer) * 0.8);
	--alert-color: inherit;
	--alert-border-color: transparent;
	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 p {
	margin-top: 0;
	margin-bottom: var(--spacer-2);
}
.alert ol,
.alert ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
.alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: calc(var(--alert-padding-y) * 1.25) var(--alert-padding-x);
}
.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
}
.alert-secondary {
	--alert-color: #19506a;
	--alert-bg: #e9f1f5;
	--alert-border-color: #92b9cb;
	--alert-link-color: #144055;
	--alert-link-hover-color: #12384a;
}