/**—————- FILE BUTTON —————-**/
 

.wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
  margin-right: 4px;
  width: 0px;
	}


.wpcf7-file::before {
  content: 'F O T O';
  display: inline-block;
  background: #331100 ;
  padding: 15px 15px;
  outline: none;
	border-color: #e7e7e7;	
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 10pt;
  color: #ccc;
	
}

.wpcf7-file:hover::before {
  border-color: black;
}

.wpcf7-file:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/* Contact Form 7 Submit Button 
 -------------------------------*/

/**—————- Per cambiare il colore del bottone —————-**/

.wpcf7-submit {
	background: #900;
  color: white;
	font-size: 16pt;	
}

/**—————- Colore del bottone con il passaggio del mouse —————-**/

.wpcf7-submit:hover {
  background: #f3f3f3;
  color: #000;
}


/** CSS PER VEDERE DISTINTA —**/

#cat {
  font-weight: bold;
	font-style: italic;
	color: red;	
}

#sq {
  font-weight: bold;
	
}


#responsive-form {
  max-width: 600px ;
  margin: 0 auto;
  width: 100%;
}

.risultato {
  font-size: 24pt;
  width: 15px;
}
.risultato2 {
  font-size: 24pt;
  width: 15px;
}



.form-row {
  width: 100%;
}

.column-half,
.column-full {
  float: left !important;
  position: relative;
  padding: 0.65rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after {
  content: “”;
  display: table;
  clear: both;
}

/**—————- Media query —————-**/

@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%;
  }
}



/**—————- Per personalizzare il messaggio di successo —————-**/

div.wpcf7-mail-sent-ok {
  text-shadow: none;
  border: none;
  background: #8BC34A;
  color: white;
  font-family: ‘Raleway’;
}

/**—————- Tabelle e File Input —————-**/



.td2 {
  width: 50%;
  vertical-align: bottom;		
}

.td3 {
  width: 33%;
}

input[type='file'] {
  color: white;
}

/**—————- Preview Immagine —————-**/
#my-img-preview1 {
  
  padding: 1px;
  width: 300px;
}
#my-img-preview2 {
  
  padding: 1px;
  width: 300px;
}
#my-img-preview3 {
  
  padding: 1px;
  width: 300px;
}



/**—————- Modulo Centrato —————-**/
div.wpcf7 {
  max-width: 500px; /* set the max-width you prefer */
  margin: 0 auto;
}
div.wpcf7 input:not([type="checkbox"]),
div.wpcf7 textarea {
  width: 100%;
}


div.wpcf7 label {
  display: block;
}


.wpcf7 {
text-align: center;
align-content: center;
justify-content: center;		
}

.wpcf7 textarea {
		font-size: 18px;
    height: 100px;
}

/**—————- Colonne Tabella —————-**/

th.CAMPO, td.CAMPO {
	font-weight: 400;
	font-size: 10pt;	
	color: red;
}

td.CK {
	width: 25px; 
  max-width: 25px; 
 }

td.GIORNATA {
	font-size: 10pt;	
 }


td.SQ1 {
	font-weight: 500;
	font-size: 10pt;
}

td.SQ2 {
	font-weight: 500;
	font-size: 10pt;	
}


td.ORA {
	font-size: 10pt;	
	color: red;
}
th.ORA {
	font-size: 10pt;	
	color: red;
}


td.CAT {
	font-size: 10pt;
	color: green;	
	}
th.CAT {
	font-size: 10pt;
	color: green;	
	}

td.DATA {
	font-size: 10pt;
	
	}
th.DATA {
	font-size: 10pt;
		
	}


td.R1 {
	font-size: 10pt;
}

td.R2 {
	font-size: 10pt;
}

th.R1 {
	font-weight: lighter;	
	font-size: 10pt;
}

th.R2 {
	font-size: 10pt;
}

th.CK {
	font-size: 10pt;
}
th.SQ1 {
	font-size: 10pt;
}
th.SQ2 {
	font-size: 10pt;
}
th.IMG1 {
	font-size: 10pt;
}
th.DATA {
	font-size: 10pt;
}



th.wpda_hyperlink_1 {
	font-weight: 900;
	font-size: 10pt;	
	}
th.wpda_hyperlink_0 {
	font-weight: 900;
	font-size: 10pt;	
	}
th.wpda_hyperlink_3 {
	font-weight: 900;
	font-size: 10pt;	
	}

/**—————- Modulo Distinte —————-**/
#outPopUp {
  display: flex;
	align-items: center;
	justify-content: center;
}

#outPopUp2 {
  position: relative;
  width: 300px;
  height: 200px;
  top: 110%;
  left: 50%;
  margin: -100px 0 0 -150px;
}