html, body, h1,  fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
	text-align: center;
	}
	form{
	max-width: auto;
    margin: auto;
    text-align: center;
}
table, td {
  border: 0px solid #000000;
  
}
#btn{
	display: flex;
	align-items: baseline;
	padding: 5px;
}
.resultModel{
	width: auto; //depending on how wide you want the table window
    min-height: 615px;  //same as width
    margin: 0 auto; //to center the content on your screen
    display: flex;
    justify-content: space-between;
}
tr {

  height:50px;
  
}
td{
	border-right-width: 4px;
  border-right-color: #000000;
}
#green{
  background-color: #00FF00;
   width: 20%;
   
}
#step1{
	background-color: #40BF00;
	width: 20%;
}
#step2{
	background-color: #808000;
   width: 20%;
}
#step3{
	background-color: #BF4000;
   width: 20%;
}
#step4{
	background-color: #FF0000;
   width: 20%;
}
#step5{
	background-color: #00FF00;
   width: 20%;
}
#step6{
	background-color: #000000;
   width: 20%;
}

thead,tfoot {
  background-color: "";
  color: #000000;
}
	

footer {
  display: flex;
  width: 100%;
  padding: 5px;
  background-color: #006eab;
	margin-top: 5px;
  height: 50px;
  text-align: center;
}
iframe{
		text-align:center; 
  		width:100%; 
}
#cat{
	color:  #000000;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 1px;
	text-decoration: underline;
}
#var{
	color:  #000000;
	font-size: 16px;
	/*font-weight: bold;*/
	padding-bottom: 5px;
	text-align:center; 
	
}
#foot{
	color:  #ffffff;
	font-size: 16px;
	/*font-weight: bold;*/
	padding-bottom: 10px;
	text-align: center;
	
}
#sezioni{
	background: #4c9021;
	/*background: rgba(255,255,255,.3);*/
	border-color: #0073AE;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}

div{
	display:flex;
	max-width: 100%;
	
    margin: auto;
	/*background: #4c9021;*/
	border-radius: 10px;
	border-color: #0073AE;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	text-align: left;
	
}
hr{
	width: 100%;
	height: 50px;
	background-color:#4b9021;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	
	
}
/*a.button {
    background:  #0073AE;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	display: block;
	font: 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: auto;
	padding: 7px 25px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	text-decoration: none;
	max-width: 10em;
}*/
p{
	color:  #000000;
	font-size: 30px;
	padding-bottom: 10px;
}
#result{
	color:  #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	
}
body {
	background: #ffffff;
	color: #111111;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px;
	}

	h1 {
		font-size: 28px;
		margin-bottom: 20px;
		}
		

	form#simcasoilquality {
		background: #4c9021;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		counter-reset: fieldsets;
		padding: 20px;
		width: auto;/*400px;*/
		
		}
		
		form#simcasoilquality fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form#simcasoilquality fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			form#simcasoilquality legend {
				color:  #ffffff;
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;
				/*text-shadow: 0 1px 1px #000000;*/
				}
				
		/*		form#simcasoilquality > fieldset > legend:before {
					content: "Step " counter(fieldsets) ": ";
					counter-increment: fieldsets;
					}*/
				
				form#simcasoilquality fieldset fieldset legend {
					color: #111111;
					font-size: 16px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form#simcasoilquality ol li {
				background: #4c9021;
				background: rgba(255,255,255,.3);
				border-color: #0073AE;
				border-color: rgba(255,255,255,.6);
				border-style: solid;
				border-width: 2px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				line-height: 30px;
				list-style: none;
				padding: 5px 10px;
				margin-bottom: 2px;
				}
							
				form#simcasoilquality ol ol li {
					background: none;
					border: none;
					float: center;
					}
			
			form#simcasoilquality label {
				float: center;
				font-size: 16px;
				width: 110px;
				}
				
			form#simcasoilquality fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				padding: 0 0 0 5px;
				width: auto;
				}
					
				form#simcasoilquality fieldset fieldset label:hover {
					cursor: pointer;
					}
				
			form#simcasoilquality input:not([type=radio]),
			form#simcasoilquality textarea {
				background: #ffffff;
				border: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: italic 13px Georgia, "Times New Roman", Times, serif;
				outline: none;
				padding: 5px;
				width: 200px;
				}
					
				form#simcasoilquality input:not([type=submit]):focus,
				form#simcasoilquality textarea:focus {
					background: #eaeaea;
					}
					
				form#simcasoilquality input[type=radio] {
					float: left;
					margin-right: 5px;
					}
				
						
			form#simcasoilquality button {
				background:  #0073AE;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				color: #ffffff;
				 /*display: block;*/
				font: 18px Georgia, "Times New Roman", Times, serif;
				letter-spacing: 1px;
				margin: auto;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
				form#simcasoilquality button:hover {
					background: #1e2506;
					cursor: pointer;
				}
form#simcasoilquality input[type=number]{
					/*float: center;*/
					 width: 6em;
					}