.alert {
	padding: .5rem 0 .5rem 0.5rem;
	align-items: center;
	font-stretch: normal;
	line-height: 1.36;
	letter-spacing: 0.26px;
}

.alert svg,
.alert i {
	margin-right: 4px;
	min-width: 18px;
}

.alert b {
	margin-right: 2px;
	margin-left: 2px;
}

.alert button.close {
	position: absolute;
	right: 0;
	top: -2px;
	bottom: 0;
	margin: auto;
	color: var(--dark-light);
	opacity: .8;
	font-weight: 200;
}

.toast {
	border-radius: .25rem !important;
	padding: .75rem 1.25rem !important;
}

#toast-container > div {
	display: flex;
	align-items: center;
	background-image: none !important;
	background-size: 0 !important;
}

.toast .toast-message {
	display: inline-block;
	margin-left: 0.5rem;
}

/* --------------- icons --------------- */

.toast:before {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-size: 1.5rem;
	width: 25px;
	text-align: center;
	margin-right: 10px;
}

.toast.toast-success:before {
	content: '\f00c';
}

.toast.toast-info:before {
	content: '\f671';
}

.toast.toast-danger:before,
.toast.toast-error:before {
	content: '\f071';
}

.toast.toast-warning:before {
	content: '\f06a';
}

/* --------------- colors --------------- */

.alert .alert-icon {
	padding: 0;
	margin-right: 0.15rem;
}

.alert .alert-icon i,
.alert .alert-icon svg {
	font-size: .9rem;
}

.toast .toast-close-button {
	top: 22px !important;
}

.alert.alert-success,
.toast.toast-success {
	color: var(--success) !important;
	background: #d4edda;
	border: 1px solid #c3e6cb;
}

.toast.toast-success a {
	color: var(--success) !important;
	text-decoration: underline;
}

.toast.toast-success .toast-close-button {
	color: var(--success) !important;
}

.alert.alert-warning,
.toast.toast-warning {
	background: #fff3cd;
	border: 1px solid #ffeeba;
	color: #856404 !important;
}

.alert.alert-warning a,
.toast.toast-warning a {
	color: #856404 !important;
	text-decoration: underline;
}

.toast.toast-warning .toast-close-button {
	color: #856404 !important;
}

.alert.alert-danger,
.toast.toast-danger,
.toast.toast-error {
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24 !important;
}

.alert.alert-danger a,
.toast.toast-danger a,
.toast.toast-error a {
	color: #721c24 !important;
	text-decoration: underline;
}

.toast.toast-danger .toast-close-button,
.toast.toast-error .toast-close-button {
	color: #721c24 !important;
}

.toast.toast-danger a {
	color: #721c24 !important;
	text-decoration: underline;
}

.alert.alert-info,
.toast.toast-info {
	background: #cce5ff;
	border: 1px solid #b8daff;
	color: #004085 !important;
}

.toast.toast-info .toast-close-button {
	color: #004085 !important;
}

.toast.toast-info a {
	color: #004085 !important;
	text-decoration: underline;
}