#tabella_filtro {
  margin : 2rem auto 0;
  width  : auto;
}

#tabella_filtro > thead > tr > th {
  border : none;
  width  : 0;
}

#tabella_filtro > thead > tr > th:nth-child(2) {
  min-width : 20rem;
  width     : auto;
}

/* width:auto, non lo 0 ereditato dalla regola generica: la colonna Ordinamento deve
   allargarsi fino al contenuto (nel tfoot ospita la fila Applica/Reset/JSON/Esporta CSV,
   che col vincolo a 30rem sbordava dalla tabella). */
#tabella_filtro > thead > tr > th:last-child {
  min-width : 30rem;
  width     : auto;
  border    : 1px solid;
}

#tabella_filtro > tfoot button {
  margin : 0 0.5rem;
}

#tabella_filtro > tbody > tr > td {
  border : none;
}

#tabella_filtro > tbody > tr {
  border : none;
}

#tabella_filtro > tbody > tr:first-child > td:last-child {
  border : 1px solid;
}

#ordinamento > thead > tr {
  border-bottom : 1px solid;
}

#ordinamento > tbody select {
  width : auto;
}

#ordinamento > tbody > tr > td:last-child {
  visibility : hidden;
}

th.unita_misura {
  cursor: help;
}

img.case-sensitive {
  filter : brightness(0%);
  height : 23px;
  width  : 23px;
}

#div_num_pagine {
  width : fit-content;
}

#filtro_pag {
  width : auto;
}

/* Preset di filtro (tfoot della tabella di gestione): div.wrap e' un contenitore
   flex, quindi gli elementi si "stirano" all'altezza della riga MENO i propri
   margini verticali. I bottoni del tfoot hanno margin 0.5rem 0 (buttons.css) e
   risultavano 1rem piu' bassi di select e input, che non ne avevano: lo stesso
   margine sui due controlli li rende alti uguale (niente altezze fisse).
   NB: margin-top/bottom espliciti, non 'margin', per non toccare il
   margin-left:auto che form.css usa per l'allineamento dentro div.wrap. */
#tabella_filtro tfoot .preset-box > select,
#tabella_filtro tfoot .preset-box > input {
  margin-bottom : 0.5rem;
  margin-top    : 0.5rem;
}

/* Un respiro orizzontale fra tendina, nome e bottoni dei preset: il gap del flex
   invece dei margini, che buttons.css azzera in orizzontale (margin 0.5rem 0). */
#tabella_filtro tfoot .preset-box {
  gap : 0 0.75rem;
}

table.tab-manage {
  margin : 0 auto;
  width  : auto;
}

table.tab-manage > tbody > tr > td:last-child button {
  clear : both;
  float : left;
}

td.vincolo > div > div {
  height  : 2rem;
  margin  : 0 0.2rem;
  padding : 0.2rem 0.4rem;
  width   : 11rem;
}

td.vincolo > div > div:nth-child(1) {
  background-color : #EEE;
  float            : left;
}

td.vincolo > div > div:nth-child(2) {
  background-color : #CCC;
  display          : inline-block;
}

td.vincolo > div > div:nth-child(3) {
  background-color : #EEE;
  float            : right;
}

#contenitore_pagine {
  border  : solid;
  margin  : 1rem auto;
  padding : 0.5rem;
  width   : fit-content;
}

#selettore_pagina {
  display : inline-block;
  width   : auto;
}

.bg-CCC {
  background-color: #CCC;
}