.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;
}

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

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

.alert .alert-icon i,
.alert .alert-icon svg {
	font-size: .9rem;
	color: inherit !important;
}

.alert.alert-success {
	color: #155724;
	background: #d4edda;
	border: 1px solid #c3e6cb;
}

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

.alert.alert-danger {
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

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