/* ============================================================
   Alert / Notice Components
   ============================================================ */

.med-alert {
	padding: 1.5rem;
	border-radius: var(--med-radius);
	border-left: 4px solid;
}

.med-alert-info {
	background: var(--med-bg-light);
	border-left-color: var(--med-primary);
}

.med-alert-success {
	background: rgba(76, 175, 80, 0.1);
	border-left-color: var(--med-success);
}

.med-alert-warning {
	background: rgba(255, 152, 0, 0.1);
	border-left-color: var(--med-warning);
}

.med-alert-error {
	background: rgba(244, 67, 54, 0.1);
	border-left-color: var(--med-error);
}