/* FRANZ foglio di stile  */

* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    /*border: 1px solid;*/
    
}

body	{
	font-family: tahoma;
}
.col-10	{
			width: 10%;
			
		}

.col-15	{
			width: 15%;
			
		}

.col-20	{
			width: 20%;
			
		}

.col-25	{
			width: 25%;
			
		}
		
.col-30	{
			width: 30%;
			
		}
		
.col-33	{
			width: 33%;

		}
		
.col-35	{
			width: 35%;

		}
		
.col-40	{
			width: 40%;

		}
		
.col-45	{
			width: 40%;

		}

.col-50	{
			width: 50%;

		}
		
.col-60	{
			width: 60%;

		}

.col-65	{
			width: 65%;

		}

.col-67	{
			width: 67%;
		}
		
.col-70	{
			width: 70%;

		}

.col-75	{
			width: 75%;
			
		}
		
.col-85	{
			width: 85%;
			
		}

		
.col-100	{
			width: 100%;
						
		}

.row::after {
    content: "";
    clear: both;
    display: block;
    }

.fotovetrofinestra	{
		
		background-image: url("immagini/33.jpg");
		background-repeat: no-repeat;	
		background-position: 50% 20px;
		background-attachment: scroll;
		background-size: 700px 550px;
		
			}
			
			
#tabella
		{
			width: 1800px;
		}
		
.tabellas
		{
			border: solid;
			width: 100%;
		}

#arearis	{
			/*position: relative;
			top: 400px;*/
			padding: 15px;
		}

#accesso	{
			position: relative;
			top: 340px;
		}

/*h1 {
	color: white;
    	background: #1E90FF;
	padding: 5px;
	
   }*/


/*a {
	font-size: 20px;
	background-color: white;
  }*/

#ricercaUm {
		background: silver;
               	color: black;
	       	font-weight: 700;
	       	font-size: 100%;
	      }


#elenco {
		width: 100%;
		  }

#elencoLargo {
		width: 650px;
	      }


#elencoStretto {
		width: 250px;
	      }

#rinforzoTerm {
		width: 200px;
	      }

#soglia {
		width: 200px;
	      }

#coprifilo {
		width: 370px;
	      }

#coloreEst {
		position: relative;
	    	top: -38px;
	    	left: 340px;
		
	   }



.grigiobianco {
		background: silver;
               	color: white;
	       	font-weight: 700;
	      }

.grigionero {
		background: silver;
               	color: black;
	       	font-weight: 700;
	      }

.bianconero  {
		background: white;
               	color: black;
		font-weight: 400;
	     }
.destra { 
	  text-align: right;
	}

#testDestra { 
		text-align: right;
	    }

#attenzione {
		position: relative;
		top: 130px;
		left: 20px;
		color: red;
		font-size: 120%;
	    }

#aggiorna 	{
			position: fixed;
			top: 250px;
			left: 480px;
		}

#logoProdotto	{
			position: absolute;
			top: 20px;
			left: 1050px;
			z-index: 0;
		}

#logocliente	{
	width: 100%;
	height: auto;
}

#logoclientever	{
	width: auto;
	height: 100%;
}

#logoditta	{
	max-width: 600px;
	height: auto;
}

#TitoloPag	{
			position: absolute;
			top: 20px;
			left: 450px;
		}

#sottotitolo	{
			position: relative;
			z-index: -1;
			left: 550px;
			//left: 50%
		}
		
button	{
	background-color: inherit;
	float: left;
	border-style: outset;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-weight: bold;
}

/* Change background color of buttons on hover */
button:hover {
	/*background-color: #ddd;*/
	background-color: #9ACD32;
}

/*#inserisci:hover,#logout:hover {
	background-color: #4CAF50;
}*/
		
a.linkbutton	{
			
		/*background-color: lightgrey;*/
		padding: 10px;
		font-size: 100%;
		border-style: outset;
		display:block;
		width: 100%;
	}
	
.linkbutton:hover {
	background-color: #9ACD32;
}

.bottone:hover {
	background-color: #9ACD32;
}
	
.button100	{
	width: 100%;
	padding: 10px;
	font-size: 100%;
	/*border-style: outset;*/
}

/*#inserisci,#logout	{
	background-color: #4CAF50;
}*/

.button25	{
	width: 25%;
	padding: 10px;
	font-size: 16px;
	border-style: outset;
}

.campo	{
		position: absolute;
		left: 300px;
		border-style: inset;
		border-width: 3px;
	}

.campo2	{
		
		border-style: inset;
		border-width: 3px;
		font-size: 100%;
		width: 100%;
	}

.intestazione	{
		border-width: 3px;
		font-size: 100%;
		width: 100%;
}

.campo2bis	{
		height: 25px;
		border-style: inset;
		border-width: 3px;
		font-size: 120%;
		
	}

.campo3	{
		position: absolute;
		left: 300px;
		border-width: 3px;
		
	}

.campo4	{
		position: relative;
		left: 300px;
		border-width: 3px;
		
	}

.bottone	{
			/*width: 50px;*/
			height: 30px;
			border: solid;
			border-style: outset;
			font-weight: bold;
			font-variant: small-caps;
			cursor: pointer;
			border-radius: 5px;
			width: 100%;
			text-align: center;

		}


.bottonegrande	{
			width: 80px;
			height: 45px;
			border: solid;
			border-style: outset;
			font-weight: bold;
			font-variant: small-caps;
			cursor: pointer;
			border-radius: 5px;
			font-size: 16px;

		}

.bottoneabs	{
			/*width: 50px;*/
			position: absolute;
			left: 300px;
			height: 30px;
			border: solid;
			border-style: outset;
			font-weight: bold;
			font-variant: small-caps;
			cursor: pointer;
			border-radius: 5px;

		}
		
.gradverde	{
			background-image: linear-gradient(to top right, #E0FFBF 0%, #00C200 100%);
			}

.gradblu	{
			background-image: linear-gradient(to top right, #E0F1FF 0%, #0062E1 100%);
			}
			
.gradbluscuro	{
				background: #8080b0;  /* fallback for old browsers */
				background: -webkit-linear-gradient(to bottom, #8080b0, #aeaecd, #f4f4f8);  /* Chrome 10-25, Safari 5.1-6 */
				background: linear-gradient(to bottom, #8080b0, #aeaecd, #f4f4f8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
			}
			
.gradbluscuroverde	{
				background: #8080b0;  /* fallback for old browsers */
				background: -webkit-linear-gradient(to bottom, #8080b0, #f4f4f8, #d2e8a3);  /* Chrome 10-25, Safari 5.1-6 */
				background: linear-gradient(to bottom, #8080b0, #f4f4f8, #d2e8a3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
			}

.gradturchese	{
			background-image: linear-gradient(to top right, #E0FFFF  0%, #008080 100%);
			}

.gradturcheseinv	{
			background-image: linear-gradient(to top right, #008080  0%, #E0FFFF 100%);
			}

.gradvioletto	{
			background-image: linear-gradient(to top right, #F1E0FF  0%, #8100FF 100%);
			}
			
.gradcoolsky	{
					background: #2980B9;  /* fallback for old browsers */
					background: -webkit-linear-gradient(to bottom, #2980B9, #6DD5FA, #FFFFFF);  /* Chrome 10-25, Safari 5.1-6 */
					background: linear-gradient(to bottom, #2980B9, #6DD5FA, #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
			}
.gradeveningnight	{		
						background: #005AA7;  /* fallback for old browsers */
						background: -webkit-linear-gradient(to bottom, #005AA7, #FFFDE4);  /* Chrome 10-25, Safari 5.1-6 */
						background: linear-gradient(to bottom, #005AA7, #FFFDE4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
			}
			
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #474e5d;
  padding-top: 50px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* Float cancel and delete buttons and add an equal width */
.cancelbtn, .deletebtn {
  float: left;
  width: 50%;
  font-size: 150%;
}

/* Add a color to the cancel button */
.cancelbtn {
  background-color: #ccc;
  color: black;
}

/* Add a color to the delete button */
.deletebtn {
  background-color: #f44336;
}

/* Add padding and center-align text to the container2 */
.container2 {
  padding: 16px;
  text-align: center;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* The Modal Close Button (x) */
.close {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close:hover,
.close:focus {
  color: #f44336;
  cursor: pointer;
}
		
/* Responsive layout  */
@media screen and (max-width: 700px) {
	.logoditta	{
		max-width: 600px;
		height: auto;

	}
	
	
}