:root {
    --bs-primary: #198754; /* Verde di Bootstrap */
    --bs-primary-rgb: 25, 135, 84;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
    background-color: #157347 !important;
    border-color: #146c43 !important;
}

.alert-primary {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

a {
    color: #198754;
}

a:hover {
    color: #198754;
}

.centered-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 1050; /* Assicura che sia sopra gli altri elementi */
    width: 50%; /* Opzionale: modifica la larghezza se necessario */
    max-width: 500px; /* Opzionale: imposta una larghezza massima */
    text-align: center;
}