/* Flash Message Alerts - Always Visible */
.alert {
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    position: relative !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.alert strong {
    font-weight: 600 !important;
    margin-right: 5px !important;
}

/* Success Alert - Green */
.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.alert-success strong {
    color: #0f4419 !important;
}

/* Error/Danger Alert - Red */
.alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.alert-danger strong {
    color: #5a161d !important;
}

/* Info Alert - Blue */
.alert-info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
}

.alert-info strong {
    color: #0a3d47 !important;
}

/* Warning Alert - Yellow */
.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeaa7 !important;
}

.alert-warning strong {
    color: #664d03 !important;
}

/* Close Button */
.alert .close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 15px 20px !important;
    color: inherit !important;
    opacity: 0.5 !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    font-size: 21px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.alert .close:hover {
    opacity: 0.75 !important;
}

.alert .close span {
    color: inherit !important;
}

/* Alert Icons */
.alert i.fa {
    margin-right: 5px !important;
}

/* Animation */
.alert.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.alert.fade.show {
    opacity: 1;
}

/* Dismissible */
.alert-dismissible {
    padding-right: 50px !important;
}

/* Make sure text is always visible */
.alert * {
    color: inherit !important;
}