/* styles icones utilisé pour les champs de saisie */

.icon.with-margin {
    margin-left: 10px; /* Ajoutez la valeur de la marge souhaitée */
	margin-right: 10px;
}

/* Style pour la croix rouge avec marge spécifique */
.icon.fa-times.with-margin {
    color: red;
    margin-right: 15px; /* Valeur de marge spécifique pour .fa-times */
}

/* Style pour le cercle tournant (à ajouter lorsqu'une requête est en cours) */
.icon.fa-spinner {
    color: orange;
    animation: spin 1s infinite linear;
}

/* Style pour la coche verte (à ajouter lorsque la valeur est sélectionnée) */
.icon.fa-check {
    color: green;
}

/* Animation pour le cercle tournant */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Style pour l'icône de question */
.icon.fa-question-circle {
    color: purple;
}

/* Style pour l'icône d'information (champ facultatif) */
.icon.fa-info-circle {
    color: blue; /* Choisir une couleur appropriée */
}

.icon-coins {
    color: #FFF569; /*#FFD700; /* Couleur or */
    margin-left: 8px; /* Espacement entre le montant et l'icône */
    font-size: 0.7em; /* Taille légèrement augmentée */
    vertical-align: middle; /* Alignement avec le texte */
}