.ctxmenu
{
  position: fixed;    
  min-width: 300px;
  width : min-content;
  padding: 4px;
  margin:0;
  /*margin-left: 32px;*/
  border: 1px solid #999;
  border-radius: 10px;
  background: #F8F8F8;
  box-shadow: 2px 2px 2px #AAA;
  z-index: 11;
  overflow: visible;
  max-height: 80vh;
  overflow-y: auto;
}

/* Les cases a cocher sont en retrait du bord du menu ; le libelle garde son
   propre margin-left pose en JS. */
.ctxmenu input[type="checkbox"]
{
  margin-left: 1rem;
  margin-top: 1rem;
}

/* Seule la premiere case a cocher est decollee du haut du menu. On ne peut pas
   viser :first-of-type (le premier <input> du formulaire est le jeton CSRF
   cache) : on remet donc a 0 toutes celles qui suivent une autre case. */
.ctxmenu input[type="checkbox"] ~ input[type="checkbox"]
{
  margin-top: 0;
}

/* Le bouton de validation est centre sous la liste des colonnes (il annule le
   margin lateral et le display inline-block poses globalement dans theme.css). */
.ctxmenu input[type="submit"]
{
  display: block;
  margin: 1rem auto 0.4rem;
  background-color: var(--itt-btn-primary);
  border-color: var(--itt-btn-primary);
  color: #fff;
}

.ctxmenu input[type="submit"]:hover
{
  background-color: var(--itt-btn-primary-hover);
  border-color: var(--itt-btn-primary-hover);
  filter: none;
}