body {
    font-family: 'Roboto', sans-serif;
}

.form-group {
    margin-bottom: 1rem;
}

/* Styles pour centrer le contenu */
.centered-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px; /* Marge en haut */
    margin-bottom: 50px; /* Marge en bas */
}

/* Styles pour l'alerte d'erreur */
.alert {
    background-color: #f8d7da; /* Couleur de fond de l'alerte rouge */
    border-color: #f5c6cb; /* Couleur de la bordure de l'alerte rouge */
    color: #721c24; /* Couleur du texte de l'alerte rouge */
    padding: 1rem; /* Espacement interne */
    border-radius: .25rem; /* Coins arrondis */
    width: 300px; /* Largeur de l'alerte */
}

/* Styles pour l'alerte de succés */
.success {
    background-color: #d4edda; /* Couleur de fond de l'alerte de succès */
    border-color: #c3e6cb; /* Couleur de la bordure de l'alerte de succès */
    color: #155724; /* Couleur du texte de l'alerte de succès */
    padding: 1rem; /* Espacement interne */
    border-radius: .25rem; /* Coins arrondis */
    width: 300px; /* Largeur de l'alerte */
}

/* Styles pour le flash d'erreur */
.flash-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    padding: 1rem;
    border-radius: .25rem;
    width: 100vh;
}

/* Styles pour agrandir la checkbox */
input.large-checkbox {
    width: 30px; /* Largeur personnalisée */
    height: 30px; /* Hauteur personnalisée */
    margin-right: 10px;
}

/* Styles pour centrer le label et placer la checkbox à côté */
.checkbox-wrapper {
    display: flex;
    align-items: center; /* Centrer verticalement */
}

/* Override EasyAdmin boolean switch colors for negative boolean fields */
/* When the boolean-negative switch is checked (TRUE), show it with a reddish/warning color */
.field-boolean.boolean-negative .form-check-input:checked {
    background-color: #dc3545; /* Red/danger color when checked */
    border-color: #dc3545;
}

/* Override focus state to match the red theme */
.field-boolean.boolean-negative .form-check-input:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}