.container-popup-alert {
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-bg-opacity: 1;
    position: fixed;
    top: 5px;
    max-width: 80vw;
    transform: translate(-50%, 0);
    left: 50%;
    z-index: 1050;
}

.popup-alert {
    position: relative;
    left: 50%;
    margin-top: 5px;
    transform: translate(-50%, 0);
    display: none;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.popup-info {
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
    color: rgb(var(--bs-white-rgb));
}

.popup-success {
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    color: rgb(var(--bs-white-rgb));
}

.popup-danger {
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    color: rgb(var(--bs-white-rgb));
}

.popup-primary {
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    color: rgb(var(--bs-white-rgb));
}