.error{
  color: red;
}

.success {
  color: green;
}


#plantare_griglia {
  width: 100%;
  height: 550px;
  background-image: url('/img/moduli_plantari.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-right: 1px solid gray;
}

#busto_griglia {
  postition: relative;
  width: 100%;
  height: 550px;
  background-image: url('/img/busti.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  
}

#busto_griglia .altezze {
  position: absolute;

}

#busto_griglia .griglia{
  top: 150px;
  left: 82px;
  position: absolute;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

#busto_griglia .griglia div{
  height: 72px;
  width: 80px;
}


  

#plantare_griglia div{
  padding-top: 50px;
  text-align: center;
}


#protesi_tt {
  width: 100%;
  height: 550px;
  background-image: url('/img/protesi_tt.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  
  border-right: 1px solid gray;
}

#protesi_tf {
  width: 100%;
  height: 550px;
  background-image: url('/img/protesi_tf.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  
  border-right: 1px solid gray;
}

#protesi_moncone {
  width: 100%;
  height: 650px;
  background-image: url('/img/protesi_moncone.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  
  border-right: 1px solid gray;
}

.tutore_img_1 {
  position: relative;
  width: 400px;
  min-height: 500px;
  
  background-repeat: no-repeat;
  background-size: cover;
  
  
  
}

 .tutore_img_2 {
  position: relative;
  width: 500px;
  min-height: 500px;
 
  background-repeat: no-repeat;
  background-size: cover;
  
 }

 #tutore_img_3_sx, #tutore_img_3_dx  {
  position: relative;
  width: 500px;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  
 }
  
  
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 1 / 2 / 2 / 3; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
.div5 { grid-area: 1 / 3 / 2 / 4; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
.div7 { grid-area: 1 / 4 / 2 / 5; }
.div8 { grid-area: 2 / 4 / 3 / 5; } 



.maiuscola::first-letter {text-transform: uppercase}


@media print {
  body  {font-size: 1.6em;}
  footer {display: none;}
  input[type='text'] {font-size: 25px;}

  #dati-plantare{
    page-break-inside: avoid;
  }

  #plantare_griglia {
    page-break-inside: avoid;
    background-size: contain;
  }

  #busto_griglia .griglia div {
    width: auto;
  }
}