/*********************************** Recherche de comptes
**************************************/
/* Croix d'effacement posée dans les champs « Entrez un nom... » des listes de
   comptes (apprenants, établissements, managers, collaborateurs).
   L'enveloppe .lca-recherche et le bouton sont créés par js/ajax_search.js. */

.lca-recherche {
  position: relative;
}

/* Réserve la place de la croix pour que le texte saisi ne passe pas dessous. */
.lca-recherche__input {
  padding-right: 2.25rem;
}

.lca-recherche__clear {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  color: #6c757d;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
}

.lca-recherche__clear:hover,
.lca-recherche__clear:focus {
  background-color: #e9ecef;
  color: #212529;
}