#tabella_filtro tfoot button, #contenitore_tabella > table > tbody > tr > td > button {
  margin : 0.5rem 0;
  width  : 7.5rem;
}

/* Respiro tra testo (float sx) e icona (float dx) in TUTTI i bottoni: il
   margine sta sullo span e solo quando NON è figlio unico (cioè quando c'è
   anche l'icona), così i bottoni di sola icona o di solo testo non cambiano.
   Vale per qualunque ordine nel markup: l'icona finisce comunque a destra. */
button:not(.ridotto) span:not(:only-child) {
  margin-right : 0.75rem;
}

.form-buttons > button {
  margin : 1rem 0.5rem;
  width  : 7.5rem;
}

#btn_privacy_ok {
  display : block; 
  margin  : 0 auto;
}

button span {
  float : left;
}

button:not(.ridotto) i {
  float : right;
}

button > svg {
  float : right;
}

/* Contenuto (testo SI/NO o icona) centrato nei due assi: il padding di
   Bootstrap dentro 2.5rem fissi lasciava il testo in alto a sinistra. */
button.ridotto {
  align-items     : center;
  display         : inline-flex;
  height          : 2.5rem;
  justify-content : center;
  padding         : 0;
  width           : 2.5rem;
}

/* Freccia delle opzioni di ricerca, attaccata al bottone ridotto della ricerca: stessa
   altezza (2.5rem), larghezza della sola freccia. */
#btn-search-opts {
  height : 2.5rem;
}

button.propag {
  width       : 1.2rem;
  height      : 1.2rem;
  padding     : 0;
  line-height : 0;
}

#dropdownMenuButtonLogin {
  background-repeat : no-repeat;
  height            : 2.5rem;
  margin            : 0 0.5rem 0 1rem;
}
/* A chi ha fatto l'accesso, il contorno del bottone dice a chi e' aperta la pagina (btn_login.php):
   verde a tutti, rosso solo al profilo 1, giallo anche ad altri profili. E' un outline e non un
   box-shadow, perche' alcuni stili della galleria usano il box-shadow per la loro cornice; il
   "body" davanti lo fa prevalere sugli outline degli stili, e con il fuoco il contorno si fa doppio. */
body #dropdownMenuButtonLogin.apertura-tutti     { outline: 3px solid #2FA84F; outline-offset: 2px; }
body #dropdownMenuButtonLogin.apertura-riservata { outline: 3px solid #D93025; outline-offset: 2px; }
body #dropdownMenuButtonLogin.apertura-profili   { outline: 3px solid #F2B705; outline-offset: 2px; }
body #dropdownMenuButtonLogin[class*="apertura-"]:focus-visible { outline-style: double; outline-width: 6px; }
