/* Reduce alert area */
/* Add a comma between each icon class to group */
i.bi-exclamation-triangle, 
i.bi-info-circle, 
i.bi-check-square-o,
i.bi-exclamation-circle {
	display: inline-block;
    line-height: 1;
    vertical-align: middle; /* Helps align it with the text */
	font-size: 1.5em; /* Font-Size: Shrinks it to 30px */
}
/* Add a comma between each alert class */
.alert.alert-danger,
.alert.alert-warning,
.alert.alert-info,
.alert.alert-success { 
    padding-top: 10px; 
    padding-bottom: 10px; 
}
.alert-dismissible .btn-close {
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem; /* Ensure padding doesn't push it out of bounds */
}