/**
 * @file
 * Styles pour le formulaire de contact Soléa.
 */

.is-hidden {
  display: none !important;
}

small.description {
  display: inline-block;
  padding: 2px 6px;
}

/* Styles pour le clignotement de la description du champ Arrêt */
.flash-warning {
  display: inline-block;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  animation: flash-yellow 0.5s ease-in-out 3;
}

@keyframes flash-yellow {

  0%,
  100% {
    background-color: transparent;
  }

  50% {
    background-color: #FFDD00;
  }
}

/* Spinner de chargement pour l'autocomplétion */
.ui-autocomplete-loading {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 50 50"><path fill="%236c757d" d="M25,5A20,20 0 1 0 45,25a2,2 0 0 0-4,0A16,16 0 1 1 25,9a2,2 0 0 0 0-4"></path><animateTransform attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.8s" repeatCount="indefinite"/></svg>') no-repeat right 12px center !important;
  background-size: 16px 16px !important;
}

#bloc-devis,
#bloc-voyage,
#bloc-voyage #edit-date-evenement-display {
  margin: 0;
  padding: 0;
}