.contenitore{
        width: 100%;
	max-width:1180px;
        margin-left: auto;
        margin-right: auto;
    }
    .calcolatore{
       
    }
    .calcolatore div{
        float: left;
        background-color: rgb(243, 243, 243);
        margin: 15px;
        padding: 25px;
        border-radius: 5px;
        width: calc(33% - 80px);
        min-height: 80px;
        color: rgb(71, 71, 71);

    }

    .calcolatore h2{
        font-size: 15px;

    }
    .calcolatore div select, .calcolatore div input[type="number"]{
        padding: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 18px;
        border-radius: 100px;
        border-style: solid;
        border-width: 1px;
        margin-right: 5px;
        width: 70%;

    }

    
   #error{
       color: black;
       padding-right: 5px;
       padding-left: 5px;
       display: none;
		 float: left;
		  margin-bottom: 0px!important;


   }

.float{
	float: left;

}

    .risultati{
        width: calc(100% - 50px - 45px);
        background-color: rgb(243, 243, 243);
        border-radius: 5px;
        float: left;
        color: rgb(71, 71, 71);
        margin: 15px;
        padding: 25px;
        font-size: 15px;
    }


.dot{
	height: 10px;
	width: 10px;
	border-radius: 100px;
	margin-bottom: 2px;
		margin-top: 2px;

}
.semaforo{
	border-radius: 5px;
	padding: 5px;
			margin-right: 15px;
	margin-bottom: 25px;

}
.red{
	background-color: red;
	display: none;
	text-align : left;
background-color : rgba(255, 0, 0, 0.25);
padding-top : 20px!important;
padding-left : 20px!important;
padding-right : 20px!important;
padding-bottom : 20px!important;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-color : rgb(255, 0, 0);
border-right-color : rgb(255, 0, 0);
border-bottom-color : rgb(255, 0, 0);
border-left-color : rgb(255, 0, 0);
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
margin-bottom : 30px;
}
.yellow{
	background-color: yellow;
		display: none;
	background-color : rgba(255, 243, 0, 0.25);
padding-top : 20px!important;
padding-left : 20px!important;
padding-right : 20px!important;
padding-bottom : 20px!important;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-color : rgb(255, 243, 0);
border-right-color : rgb(255, 243, 0);
border-bottom-color : rgb(255, 243, 0);
border-left-color : rgb(255, 243, 0);
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
margin-bottom : 30px;

	
}
.green{
		display: none;
	background-color : rgba(0, 255, 13, 0.25);
padding-top : 20px!important;
padding-left : 20px!important;
padding-right : 20px!important;
padding-bottom : 20px!important;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-color : green;
border-right-color : green;
border-bottom-color : green;
border-left-color : green;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
margin-bottom : 30px;

}
#errori_possibili{
	float:left;
	
}


@media screen and (max-width: 768px) {
	.calcolatore div{
		width: calc(95%);
		height:150px;
	}
	.risultati{
		font-size: 8px;
	}
	.green{
		font-size: 12px!important;
	}
	.yellow{
		font-size: 12px!important;
	}
	.red{
		font-size:12px!important;
	}
	.risultati{
		width: 95%;
	}

}