body {
  font-family: Calibri, sans-serif;
  margin: 0;
  padding: 0 1 1 1rem;
  background-color: #f0f0f0;
  font-size: 1.2em;
}

.testata {
    background-color: #0c6eb2;
    color: #ffffff;
    padding: 1vh;
    font-size: 2em;
    text-align: center;
    height: 6%;
    margin:0 40% 0 40%;
    border-radius: 12px;}

.scatolo {
  display: flex;
  flex-wrap: wrap;
  gap: 0rem;
  height: 30vh;
  margin:2% 0 0 0;
}

.colonna {
  padding: 1rem;
  /* border-radius: 8px; */
  /* background-color: hsl(240, 62%, 90%); */
  flex: 1;
}

.spazio_propositivo{
  display: flex;
  flex-flow: column;
  overflow-y: scroll;
  height:30em;
}

button {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer; }
 
div#empirismi{ /* con questo ruby ottengo che il pulsante puls_raccogli_dati_persona si prenda lo spazio verticale che serve abbassando ciò che lo segue */
  display: block ruby;}

#nome_operatore_wrapper{
  color: black;
  font-size:0.6em;
  position: absolute;
  top: 0em;
  right: 3em; 
}

#puls_proponi_rapporti_excel {
  font-size: 0.6em;
  position: relative;
  top: 0em;
  right: 10em;
  color: black;
  background: transparent;
  border-color: black;
  border-style: double;
}
  
.pulsante_scelta_situazione_persona, .pulsante_get_xl_situazione_persona{
  position:relative;
  left:6em;
}


.pulsante_scelta_acquirente,
.pulsante_sceglitore_libro,
.puls_rimuovi_da_carrello,
.pulsante_sceglitore_copia,
.pulsante_stampa_etichetta,
#puls_raccogli_dati_persona,
#puls_annulla_transazione,
#puls_annulla_registrazione_persona,
.etichetta_cartellino{
  float: right;
  margin-right: 1em;}

.pulsante_sceglitore_libro{
  margin: -0.8em 0.8em;} /*empirismi*/
  
#puls_annulla_transazione,
#puls_annulla_registrazione_persona,
.puls_rimuovi_da_carrello{
  background-color:orange;
}

.stato_copia{
  width=100%;
  text-align:center;
  background-color: aliceblue;
}

.spazio_propositivo{
  margin-top:0.5em;}
  
.cliente_elencato, .copia_elencata, .libro_elencato {
  border-left: 15px solid gray;
  padding-left: 1em;
  border-bottom: 1px solid gray;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 8px;
  margin: 0.2em;
}
  
.cliente_elencato{
  background-color:#c9f2c4;
}

.libro_elencato{
  background-color:lightblue;
}

.copia_elencata{
  background-color:#f2e8c1;
}

input, textarea{
  width: 90%;
  margin: 0.2em 0.5em;}
/* textarea{height: 100%;} */
.spazio_elencativo{height: 100%;}

@media (max-width: 820px) {
  .colonna {
    width: 100%;
    flex: auto;
  }
}

input:invalid{
  background-color:lightpink;}

/* form input{ */
  /* background-color:lightgreen;} */

#logo_banner {
  width: 30%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px; }

#QRcode {
  width: 6%;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
}

.prezzo_copertina_originale{
  width: 60%;}