*{
	box-sizing:border-box;		
}
body{
	margin: 0;
	padding: 0;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	color: #603;
	background: rgb(102 0 51 / 9%);
}
a{
	text-decoration: none;
}
a:active,
a:focus,
input{
	outline: 0;
}
button:focus{
	outline: 0;
}
img{
	max-width: 100%;
}
.container-fluid{
	margin-right: auto;
	margin-left: auto;
}

.row{}

.col-lg-6{
	position: relative;
	min-height: 1px;
}
.col-lg-6{
	float: left;
}
.col-lg-6{		
	width: 50%;
}
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after{
	display: table;
	content: " ";
}
.container-fluid:after,
.row:after{
	clear: both;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Checkbox Personalizzati */

/*Container*/
	.container-checkbox,
	.container-radio,
	.ultimo-container-radio{
	display: inline-block;
	position: relative;
	/*padding-left: 35px;
	margin-bottom: 15px;*/
	cursor: pointer;
	font-size: 17px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*prova*/
	width: 100%;
	min-height: 170px;
}
	[id*="-step"] .container-radio:not(:last-child){
	margin-right: 25px;
}
/* Hide the browser's default checkbox */
	.container-checkbox input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
	.checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #603;
	border-radius: 5px;
}
/* On mouse-over, add a grey background color */
	.container-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
	.container-checkbox input:checked ~ .checkmark {
	background-color: #603;
}
/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
	.container-checkbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
	.container-checkbox .checkmark:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Radio Personalizzati */

	.container-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	
	/*cancella*/
	top: 0;
	left:0;
}
/* Create a custom radio button */
	.checkmark-radio {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	
	border: 1px solid;
}
/* On mouse-over, add a grey background color */
	.container-radio:hover input ~ .checkmark-radio {
	background-color: #902359;
}
/* When the radio button is checked, add a blue background */
	.container-radio input:checked ~ .checkmark-radio {
	background-color: #603;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark-radio:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the indicator (dot/circle) when checked */
	.container-radio input:checked ~ .checkmark-radio:after {
	display: block;
}
/* Style the indicator (dot/circle) */
	.container-radio .checkmark-radio:after {
	top: 7px;
left: 7px;
width: 10px;
height: 10px;
	border-radius: 50%;
	background: white;
}

/* Bottoni */	
#calcola,
.btn-pdf{
	border: 2px solid #146868;
	border-radius: 16px;
	color: #146868;
	font-size: 22px;
	padding: 10px 14px;
	background: #fff;
	cursor: pointer;
}
.btn-pdf{
	border-color: #603;
	color: #603;
	font-size: 17px;
	border-width: 1px;
	font-weight: normal;
	padding: 8px 12px;
}
#calcola:hover{
	background: #146868;
	color: white;
}	
#calcola i{
	font-size: 25px;
	margin-right: 5px;
}
.torna-indietro{
	padding: 8px 12px;
	border: 1px solid #603;
	color: #603;
	background-color: #fff;
	border-radius: 16px;
	cursor: pointer;
	font-size: 17px;
}
/*.torna-indietro i{
	margin-right: 5px;
	vertical-align: -1px;
}*/
.torna-indietro:hover,
.btn-pdf:hover{
	background-color: #603;
	color: #fff;
}

form.seleziona-tratt{
	/*max-width: 1300px;*/
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*margin-top: -20px;*/
	min-height: 500px;
	padding: 0 15px;
}
.errore-primo-step{
	color: #603;
	font-size: 18px;
}
.icona-mano {
	font-size: 45px;
	margin-right: 10px;
}
.valore-preventivo{
	font-size: 0;
	opacity: 0;
	text-align: center;
	margin-top: 75px;
}
.ris{
	font-size: 0;
	font-weight: bold;
	opacity: 0;
		color: #146868;
}
.container-checkbox {
	float: left;
	clear: both;
}

.lista-checkbox{
	margin-top: 30px;
}
.nuovi-bottoni{
	margin: 50px 0;
	text-align: center;
	/*margin: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}	
.gruppo-checkbox{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.gruppo-checkbox .trattamento{	    
	/*width: 16.666666667%;*/
	width: 12.5%
	
}
/**.pannello-scelta div[class$="-scelta"]:not(div[class="quinta-scelta"])*/
	.gruppo-checkbox .interno-trattamento{
	background-image: url(https://www.drbindermylife.shop/img/p/8/7/1/871-small_default2x.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 60px;
	min-height: 230px;
	margin: 10px 10px 30px;
	border: 1px solid #603;
	padding: 15px 10px;
	border-radius: 16px;
	box-shadow: 0 0 10px #603;
	background-color: #fff;
}
/*
div.quinta-scelta .gruppo-checkbox .interno-trattamento{
	background-image: none !important;
	min-height: 1px !important;
	border: none !important;
}*/
.pannello-scelta{
	border: 1px solid #603;
	position: relative;
	padding: 0 10px 50px;
	border-radius: 16px;
}
.cont-img-trattamento{
	margin-top: 15px;
}
div.scelta{
	border: 1px solid #603;
	cursor: pointer;
	border-radius: 16px 16px 0px 0px;
	background: rgb(200 173 173 / 50%);
}
div.scelta i{
	margin-right: 5px;
}
/* TABELLA */
#tabellaLink tr {
	background-color: #eee;
}
.titolo-tabella th{
	background-color: #603;
	color: #fff;
}
.titolo-tabella th:first-child{
	border-radius: 10px 0 0 0;
}
.titolo-tabella th:last-child{
	border-radius: 0 10px 0 0;
}
#tabellaLink tr:last-child td:last-child{
	border-radius: 0 0 10px 0;
}
#tabellaLink tr:last-child td:first-child{
	border-radius: 0 0 0 10px;
}
#tabellaLink{
	border-radius: 16px;
	font-size: 18px;
}
tr.totale{
	background-color: hsl(180deg 68% 24% / 17%) !important;
	font-weight: bold;
}
tr.totale td:first-child{
	text-align: center;
}
tr.totale td i{
	font-size: 50px;
	color: #146868;
}
.cont-tabella{
	max-width: 1300px;
	margin: 20px auto 50px;
}
.riga-img{
	text-align: center;
	background-color: #fff;
}
/* FINE TABELLA */

.cont-img-trattamento img {
	border-radius: 10px;
}
.label-trattamento{
	height: 75px;
	padding-left: 25px;
	word-wrap: break-word;
}
.cont-tasti-sup{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 25px;
	display: table;
}
.spiegazione-tab{
	max-width: 1100px;
	margin: 100px auto;
}

/*NUOVI*/
.errore{
	display: none;
	font-size: 20px;
	text-align: center;
	margin-bottom: 100px;
	color: red;
}
.box-video{
	max-width: 600px;
	margin: 30px auto;
	background: rgb(200 173 173 / 50%);
	border-radius: 16px;
	padding: 40px;
}
.box-video video{
	border-radius: 16px;
}
.contenitore-video {	
	position: relative;
	z-index: 1;
	max-width: 600px;
	margin: 0px auto;
}
.contenitore-video::before, .contenitore-video::after{
	position: absolute;
	bottom: 19px;
	left: 10px;
	z-index: -1;
	height: 20%;
	max-height: 100px;
	max-width: 460px;
	width: 60%;
	content: "";
	opacity: .75;
	box-shadow: 0 17px 10px rgba(0,0,0,.75);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.contenitore-video::after {
	left: auto;
	right: 10px;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
div.reset{
	position: absolute;
	right: 0;
	border: 1px solid #603;
	border-top: 0;
	padding: 2px 10px;
	cursor: pointer;
}
div.reset:hover {
	background: #603;
	color: #fff;
}
div.reset p{
	margin: 0;
}
.scritta-molt{
	margin-top: -20px;
}
input.emi {
	padding: 9px 7px;
	border: 1px solid #603;
	color: #603;
	font-size: 17px;
	border-radius: 8px;
}
.sfondoG {
	background: #fffcd9;
	border-radius: 0;
}
.bordoAng {
	border-radius: 16px 150px 0px 0px;
}
#nuovo-preventivo-seno-cliente .label-trattamento{
	padding-left: 30px;
	word-break: break-word;
}



/* MEDIA QUERY */
@media only screen and (max-width: 768px){
	#compilativo_input {
		border-radius: 0 0 16px 16px;
	}
	#compilativo_input .trattamento {
		width: 100%;
	}
	.bordoAng {
		border-radius: 16px 16px 0px 0px;
	}
	.container-checkbox {
		float: none;
		clear: unset;
	}
	.spiegazione-tab{
		margin: 65px auto;
		padding: 0 15px;
	}
	#risultato{
		padding: 0 10px;
	}
	.header-cell{
		padding: 0 10px;
	}
	.cont-img-trattamento img {
		width: 110px;
	}
	#tabellaLink{
		font-size: 16px;
	}
	.cont-tabella{
		overflow-x: scroll;
	}
	.gruppo-checkbox {
		/*justify-content: normal;*/
		justify-content: center;
		padding: 0 5px;
	}
	.gruppo-checkbox .trattamento {
		/*margin: 10px 10px 20px;
		padding: 15px 10px;
		max-width: 44%;*/
		width: 50%;
	}
	.label-trattamento {
		height: 95px;
		word-break: break-word;
		font-size: 15px;
	}		
	#primo-step h2{
		margin-top: 35px;
	}
	.gruppo-checkbox.row .col-lg-6{
		width: 100%;
	}
	.errore-primo-step{
		margin-bottom: 0;
		font-size: 16px;
	}
		.container-checkbox,
		.container-radio{
		font-size: 15px;
	}
		.checkmark{
		top: -4px;
	}
	.icona-mano {
		font-size: 35px;
		margin-right: 5px;
	}
	.lista-checkbox{
		margin-bottom: -10px;
		margin-top: 25px;
	}
		form.seleziona-tratt{
		padding: 0 10px;
	}
	.box-video{
		padding: 20px;
	}
	.terza-scelta{
		top: 900px;
	}
	.gruppo-checkbox .interno-trattamento{
		min-height: 150px;
	}
}

@media (max-width: 320px){
	.label-trattamento {
		height: 115px;
		word-break: break-word;
		font-size: 14px;
	}
	.gruppo-checkbox .interno-trattamento{
		margin-right: 5px;
		margin-left: 5px;
	}
}