.campi-container {
  display: flex;
  flex-wrap: wrap;
}

.campi-container > div {
  flex-grow: 1;
  overflow: hidden;
}

.campi-container div.campo {
  border: 1px solid grey;
  /*background-color: lightgrey;*/
}

.campi-container .campo-titolo {
  padding: 5px;
  background-color: lightgrey;
  border-bottom: 1px solid grey;
  text-align: center;
  margin: 0px;
}

.campi-container div.campo-valore {
  background-color: white;
  /*height: 60px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: cell;
  overflow-y: auto;
  padding: 5px;
}

.contenitore-valore {
  /*max-width: 400px;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 4px
}

.block-left [data-contenitore=border],
.block-center [data-contenitore=border],
.block-right [data-contenitore=border],
.block-left [data-contenitore=tag],
.block-center [data-contenitore=tag],
.block-right [data-contenitore=tag]{
  width: 100%;
}

[data-contenitore=border]{
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-left-width: 4px;
}

[data-contenitore=simple],
[data-contenitore=color] {
  border: 1px dashed transparent;
!important;
}

[data-contenitore=simple]:hover,
[data-contenitore=color]:hover {
  border: 1px dashed lightgrey;
}

.vuoto[data-contenitore=simple],
.vuoto[data-contenitore=color] {
  width: 100%;
  margin: 2px;
  height: 22px;
}

.vuoto[data-contenitore=border]:not(:hover) {
  border-color: transparent !important;
}

.vuoto[data-contenitore=tag]:not(:hover) {
  background-color: inherit;
}

.contenitore-valore a {
  color: inherit;
}

td:has(> div.contenitore-valori),
.campo-valore {
  padding: 0px !important;
}




.contenitore-valori.block-left .contenitore-valore,
.contenitore-valori.block-center .contenitore-valore,
.contenitore-valori.block-right .contenitore-valore {
  width: 100%;
  min-height: 22px;
}


.contenitore-valori.block-left .contenitore-valore {
  text-align: left;
}

.contenitore-valori.block-center .contenitore-valore {
  text-align: center;
}

.contenitore-valori.block-right .contenitore-valore {
  text-align: right;
}


.contenitore-valori {
  height: 50px;
  max-height: 50px;
  overflow: hidden;
  overflow-y: auto;
  padding: 2px;
}

.contenitore-valori.singolo {
  padding: 0px;
}

.contenitore-valori.inline-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.contenitore-valori.inline-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.contenitore-valori.inline-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}

.contenitore-valori.block-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 2px;
  width: 100%
}

.contenitore-valori.block-center {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 2px;
}

.contenitore-valori.block-right {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-end;
  gap: 2px;
  width: 100%

}


/************* INIZIO ADATTAMENTO GESTORE ENTITA E CAMPI VALORE ******/
.gv-view-tabella .singolo.block-left .contenitore-valore[data-contenitore=tag],
.campo-valore .singolo.block-left .contenitore-valore[data-contenitore=border],
.gv-view-tabella .singolo.block-center .contenitore-valore[data-contenitore=tag],
.campo-valore .singolo.block-center .contenitore-valore[data-contenitore=border],
.gv-view-tabella .singolo.block-right .contenitore-valore[data-contenitore=tag],
.campo-valore .singolo.block-right .contenitore-valore[data-contenitore=border]{
  height: 46px;
  line-height: 46px;
  margin: 2px !important;
}

/* Questo per far allineare l'id quando non si vogliono le checkbox del selettore */
.gv-view-tabella .element-selector-wrapper > span{
  line-height: 50px;
}
/************* FINE ADATTAMENTO GESTORE ENTITA E CAMPI VALORE ******/