/* Success alert */
.alert-success {
    background-color: #d4edda !important; /* light green background */
    color: #155724 !important;           /* dark green text */
    border: 1px solid #c3e6cb !important; /* green border */
    padding: 13px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

/* Danger alert */
.alert-danger {
    background-color: #f8d7da !important; /* light red/pink background */
    color: #721c24 !important;           /* dark red text */
    border: 1px solid #f5c6cb !important; /* red border */
    padding: 13px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

/* Close button styling */
.alert .btn-close {
    background: transparent !important;
    border: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

/* Icon styling */
.alert i {
    margin-right: 8px !important;
    font-size: 18px !important;
    vertical-align: middle !important;
}