.calcolatore-fughe-header {
	background: #fff;
	display: flex;
	flex-flow: row nowrap;
	border-bottom: 1px solid #172c54;
}

.calcolatore-fughe-tab {
	flex-basis: 50%;
	padding: 10px 20px;
	text-transform: uppercase;
	
	&.active {
	   background: #172c54;
	   color: #fff;
	}
	
	a {
	   text-decoration: none!important;
	}
}

.calcolatore-fughe-wrapper {
	background: #fff;
	display: flex;
	flex-flow: row wrap;
	padding: 20px;
	justify-content: space-between;
	
	h4 {
	   text-transform: none!important;
	   font-weight: normal!important;
	   font-size: 24px!important;
	}
}

.sacchi-title,
.imballi-title {
    display: none;
}

.sacchi-title.show,
.imballi-title.show {
	display: block;
}



.calcolatore-fughe-bottom {
	background: #fff;
	margin-top: 20px;
	padding: 20px;
}

.aui .btn-scheda-tecnica {
	display: none;
	text-decoration: none;
	margin: 20px 0px;
	font-weight: bold;
	font-family: 'Helvetica Light', sans-serif !important;
	padding: 10px 20px;
	font-size: 14px;
}

.aui .btn-scheda-tecnica.show {
	display: block;
}

.calcolatore-fughe-1 {
	flex-basis: 28%;
	margin-bottom: 20px;
	h4 {
	   margin-bottom:50px!important
	}
}

.calcolatore-fughe-2 {
    flex-basis: 67%;
    
    h4 {
       margin-bottom:25px!important
    }
    
    .form-container {
        display: none;
        margin-bottom: 20px;
    }
    
    .note-aggiuntive {
        margin-top :20px;
    }
}

.calcolatore-fughe-3 {
   display: none;
   flex-basis: 100%;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 40px;
   padding: 20px;
   border: 1px solid #172c54;
   opacity: 1;
   animation-name: fadeInOpacity;
   animation-iteration-count: 1;
   animation-timing-function: ease-in;
   animation-duration: 1s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.form-flex {
	display: flex;
	flex-flow: row nowrap;
}

.form-flex .form-column {
	flex-basis: 50%;
	
}

#productImage {
	width: 100%!important;
	max-width: 325px;
	margin-top: 20px;
	margin: 20px auto 20px auto;
}

#selectProd {
    width: 100%!important;
    font-size: 16px;
    height: 42px!important;
}

.select-prod-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

.select-prod-box-left {
	width: 100%;
	text-align: center;
}

.select-prod-box select {
	width: 150px!important;
}



.form-buttons {
	margin-top: 20px;
	padding-top: 25px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 95%;
	
	.submit {
	   width: 70%!important;
	   background: #172c54;
	   color: #fff;
	   font-weight: bold;
	   height: 42px!important;
	}
	
	.reset {
	   background: #fff;
       color: #172c54;
	   width: 28%!important;
	}
}

.calcolaform-sigillanti .form-buttons {
	margin-top: 0px;
	padding-top: 0px;
}

.aui .form-field input {
	width: 95%!important;
	height: 42px!important;
}

.aui .form-field select {
    width: 95%!important;
    height: 42px!important;
}

#resultWrapper {
	float: left;
	width: 100%;
	scroll-margin-top: 40px;
}

.error {
	color: red;
}

.form-field {
	margin-bottom: 20px;
}

h5.productTitle {
	margin-top: 20px;
	text-transform: uppercase;
	text-align: left;
}

.result {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
	h4 {
	   font-size: 24px!important;
	   line-height: 30px!important;
	   margin-bottom: 30px!important;
	}
}

.consumo-prodotto, .sacchi-prodotto, .profondita-giunto, .numero-cartucce, .metri-per-cartuccia {
	font-size: 42px;
	font-weight: normal;
	display: block;
	margin-bottom: 0px;
}

.aui .calcolatore-fughe-bottom ul {
	margin: 0px 0px 0px 20px;
}


@media only screen and (max-width: 768px) {
	
	.calcolatore-fughe-1 {
	   flex-basis: 100%;
	}
	
	.calcolatore-fughe-2 {
       flex-basis: 100%;
    }
	
	#productImage {
	   max-width: 175px;
	   display: block;
	}

	.aui .form-field input[type="text"] {
	   width: 95%!important;
	}
	
	.form-buttons .submit {
	   width: 60%!important;
	}
	
	.form-buttons .reset {
	   width: 36%!important;
	}

}

@media only screen and (max-width: 768px) {
	
	.form-flex {
	   flex-flow: row wrap;
	}
	
	.aui .form-field input[type="text"] {
       width: 100%!important;
       max-width: 100%;
    }

	.form-flex .form-column {
        flex-basis: 100%;
    }
    
    .form-flex .form-buttons {
        width: 100%;
    }
	
}