@keyframes pulseSuccess {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); /* Green color for success */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

.glowpulseeffect-success {
    animation: pulseSuccess 1.5s infinite;
}

@keyframes pulseDanger {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); /* Red color for danger */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

.glowpulseeffect-danger {
    animation: pulseDanger 1.5s infinite;
}

@keyframes pulseInfo {
    0% {
        box-shadow: 0 0 0 0 rgba(00, 154, 154, 0.7); /* Blue color for info */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(23, 162, 184, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(23, 162, 184, 0);
    }
}

.glowpulseeffect-info {
    animation: pulseInfo 1.5s infinite;
}

@keyframes pulseWarning {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7); /* Yellow color for warning */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

.glowpulseeffect-warning {
    animation: pulseWarning 1.5s infinite;
}