/* ===================================================================== */
/*                             Select.css                                */
/* � 2020  Dunin Technologie Inc.                                       */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des 'pick list'.                                            */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* Ancien select *
div.ActSelect:not(.Label)
  {
    padding-top: 5px;  padding-bottom: 5px;
  }/**/

/* ----- Certains navigateurs ne propagent pas d'événement si on clique sur un input 'disabled'.  La ligne suivante doit corriger ceci. ----- */
input[disabled] { pointer-events: none; cursor: not-allowed}
/* si une input est  disabled et a une infobulle, répond aux EventListeners pour afficher l'infobulle */
input[disabled][title] { pointer-events: auto; }

/* ----- Définition du select dans son ensemble ----- */
.CustomSelect { border: solid 1px var(--couleurBordureCustomSelect); }

/* ----- Portion 'input' du select ----- */
.CustomSelect > input
  {
    width: 100%;     /* Pour éviter un débordement */
    border: none;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
  }

/* .CustomSelect > buttons (les boutons dans champ input de ActSelect) */
.CustomSelect .BoutonFleche
  {
    background-color: var(--couleurBoutonCustomSelect);
    border: none;
    width: 22px;
    background-image: url("../../Client/Imgs/TelescopeFlecheNoir.svg");
    background-repeat: no-repeat
  }

.CustomSelect .BoutonAjVal
  {
    background-color: var(--couleurBoutonCustomSelect);
    border: none;
    width: 20px;
    height: 20px;
    background-image: url("../../Client/Imgs/ajouter-20px-selectInput.svg");
    background-repeat: no-repeat;
    place-self: center;
  }

.CustomSelect .BoutonAjConfirm
  {
    background-color: var(--couleurBoutonCustomSelect);
    border: none;
    width: 20px;
    height: 20px;
    background-image: url("../../Client/Imgs/check-20px-selectInput.svg");
    background-repeat: no-repeat;
    place-self: center;
  }

.CustomSelect .BoutonChoixVide
{
  background-color: var(--couleurBoutonCustomSelect);
  border: none;
  width: 20px;
  height: 20px;
  background-image: url("../../Client/Imgs/supprimer-dans-champ-20px-selectInput.svg");
  background-repeat: no-repeat;
  place-self: center;
  margin-left: 5px;
}

[type="search"]::-webkit-search-cancel-button 
{
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: url("../../Client/Imgs/supprimer-dans-champ-20px-selectInput.svg") center no-repeat;
  background-size: 20px;
  cursor: pointer;
  transition: 0.2s;
}

.ListeSelect > .Actif  { background-color: var(--couleurLigneSelect) } /* Highligth du choix courant dans un "select" */
.ListeSelect > div:hover  { background-color: var(--couleurLigneSelectHover); cursor: pointer; } /* Highligth du choix sous le curseur dans un "select" */
  
/* Sélection dans une liste / une grille: */
.ActTexte.Actif, .ActSelect.Actif, .ActInput.Actif, .ActCheck.Actif, .ActBouton.Actif, .ActGrid > .ActSection.Actif { background-color: var(--couleurLigneSelect) }
.Ligne.Actif > .Highlight, .Ligne.Actif > .ActSection > .Highlight { background-color: var(--couleurHighlightLigneActif) }
.Ligne.Actif > .ActTexte { background-color: var(--couleurLigneSelect) }


.ListeSelect span { height: 1em } /* Évite que les lignes vides soient moins hautes */


.SelectImage { margin: 0px 3px 1px 0px }

.FenetreSelect input { width: 100%; padding-left: 32px;}  /* Filtre des sélections */


/* ----- Lignes du pick list ouvert ----- */
.SelectLigneImg  { min-height: 30px }
.SelectLigneMoyenImg  { min-height: 62px ;  align-items: center }
.SelectLigneGrandImg  { min-height: 254px;  align-items: center }