#page_content { overflow: hidden; }
	#page_content .intro { font-size: 17px; }

		#page_content .content_title { margin: 6px 0 15px 0; }


#go_to_cassa { margin-top: 33px; }
#go_to_cassa:disabled {background: #dddddd;}

.update_cart {
	width: 250px;
	margin: 20px 0;
}
	.js .update_cart { position: absolute; right: 150%; top: -400px; }


.info_btn { 
	width: 12px;
	height: 12px;
	line-height: 12px;
	margin-left: 3px;
	border: 1px solid #706F6F;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%; 
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 2px;
	font-size: 9px;
	text-align: center;				
	color: #706F6F;
	background: #FFF;
}


	.info_btn .tooltip {
		width: 300px;
		line-height: 1.2;
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		     -o-transform: translate(0,0);
		        transform: translate(0,0); 
		font-size: 11px;
		text-align: left;
	    text-transform: none;
	    letter-spacing: 0;
		white-space: normal;
	}

	.info_btn .tooltip:after {
		margin-left: 0;
		left: 0;
		border-left: 0;
	}




/* COLONNA LATERALE
****************************************************************************/

.cart_section_title {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	color: #635E5B;
}

.colonna_riepilogo {
	position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box; 
}   

	.colonna_riepilogo #go_to_cassa { 
		width: 100%; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box; 
	}

	.colonna_riepilogo_section {
		padding: 16px 18px;
		margin-bottom: 23px;
		border: 1px solid #BCB1AA;
	}


		.colonna_riepilogo_section .item {
			line-height: 1.4;
			padding-right: 23px;
			margin: .5em 0 0 0;
			position: relative;
			font-size: 12px;
		}
			.colonna_riepilogo_section .item:after {
				content: '';
				height: 0;
				display: block;
				visibility: hidden;
				clear: both;
			} 

			.colonna_riepilogo_section .item .info_btn {
				position: absolute;
				right: 0;
				top: -1px;
				z-index: 10;
			}
				.no-touch .colonna_riepilogo_section .item .info_btn:hover { z-index: 12; } 

				.colonna_riepilogo_section .item .info_btn .tooltip {
					left: auto;
					right: 50%;
				}

					.colonna_riepilogo_section .item .info_btn .tooltip:after {
						border-left: 4px solid transparent;
						border-right: 0;
						left: auto;
						right: 0;
					}

			.colonna_riepilogo_section .item .title { float: left; font-size: inherit; }
			.colonna_riepilogo_section .item .price { 
				line-height: 1.4;
				float: right; 
				letter-spacing: .05em;
			}

		.colonna_riepilogo .newsletter 
		,.colonna_riepilogo .privacy_box 
		{ 
			max-width: 580px; 
			line-height: 15px;
			padding-left: 20px;
			font-size: 11px;
			overflow: hidden;
		}


            .colonna_riepilogo .newsletter a
            ,.colonna_riepilogo .privacy_box a
            {color: inherit; text-decoration: underline;}
            
            .colonna_riepilogo .newsletter a:hover
            ,.colonna_riepilogo .privacy_box a:hover{opacity: 0.6;}


			.colonna_riepilogo .newsletter .label_checkbox 
			,.colonna_riepilogo .privacy_box .label_checkbox 
			{
				margin-left: -20px;
			}
				.colonna_riepilogo .privacy_box .label_checkbox:before { top: 0; }
				.colonna_riepilogo .privacy_box .label_checkbox:after { top: 3px; }


/* tabella riepilogo */
#cart_all { 
	width: 100%; 
	margin-top: 40px;
	margin-bottom: 30px;
}
	
    #cart_all .cart_section_title { 
    	padding: 9px 0;
    	position: relative; 
    	text-align: left;
    }

        #cart_all .cart_section_title .toggler {
        	display: none;
            position: absolute;
            right: 0;
            top: 12px;
            font-size: 12px;
            font-weight: normal;
            text-transform: none;
            color: inherit;
            cursor: pointer;
        }
        	.js #cart_all .cart_section_title .toggler { display: block; }
            #cart_all .cart_section_title .toggler::after {
                content: '〉';
                transform: rotate(90deg);
                margin: 0 0 0 10px; 
                display: inline-block;
                vertical-align: middle;
                position: relative;
                right: 2px;
                color: #BCB1AA;
            }


        .js #cart_all tbody {display: none;}
        
        /* classe attiva via js  */
    #cart_all .cart_section_title.active ~ tbody {display: table-row-group;}
    #cart_all .cart_section_title.active .toggler::after {transform: rotate(-90deg); }
    
		
        #cart_all td {
			padding: 9px 0 9px 0;
			border-top: 1px dashed #ccc; 
			vertical-align: top;
			font-size: 13px;
		}
		    #cart_all .total_amount td { border-top-style: solid; }

			#cart_all td.el_qta {
				width: 85px;
                color: #676767;
			} 

            #cart_all .discount_reminder  {   color: #676767; }
            #cart_all .discount_reminder .price { color: #9A9999; letter-spacing: .046em; }

			#cart_all .total_amount { border-top: 1px solid #BCB1AA; }
			#cart_all .total_amount .title { 
				line-height: 20px;
				font-weight: 600;
				text-transform: uppercase;
				letter-spacing: .1em;
				font-size: 15px; 
				color: #010101;
			}

				#cart_all .total_amount .title small {
					font-size: 12px;
					font-weight: normal;
					text-transform: lowercase;
					letter-spacing: .05em;
				}

			#cart_all .total_amount .price { 
				width: 120px;
				line-height: 20px;
				font-size: 18px; 
				font-weight: 600;
				color: #010101;
			}



/* DATI UTENTE
****************************************************************************/

.login.disclaimer {
	padding-bottom: 22px;
	border-bottom: 2px solid #BCB1AA;
	overflow: hidden;
	text-align: center;
}

	.login.disclaimer p {
		margin: 0 0 15px 0;
		font-size: 13px;
		text-transform: uppercase;
	}

	.login.disclaimer .btn {
		font-weight: 600;
		color: #FFF;
	}




#user_form {
	padding: 0 0 15px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dashed #CDCCCC;
	position: relative;
}


	#user_form .campi_obbligatori {
		line-height: 30px;
		padding: 25px 0 0 0;
		margin: 0;
	}


	/* tipologia utente */
	.label_group.user_type {
		padding: 25px 0;
		margin: 0;
		overflow: hidden;
	}

		.user_type_label {
			width: 50%;
			height: 28px;
			line-height: 28px;
			margin-top: 7px;
			margin-bottom: 0;
			border: 1px solid #C6C6C6;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			     -o-box-sizing: border-box;
			        box-sizing: border-box; 
			float: left;
			color: #9D9D9C;
			background: #FFF;
			text-align: center;
		}

			.user_type input[type="radio"]:checked + .user_type_label {
				color: #443832;
				background: #C6C6C6;
			}
				.user_type input[type="radio"]:checked + .user_type_label:before {
					content: '';
					width: 9px;
					height: 4px;
					border-bottom: 3px solid #443832;
					border-left: 3px solid #443832;
					display: inline-block;
					-webkit-transform-origin: 0 100%;
					   -moz-transform-origin: 0 100%;
					    -ms-transform-origin: 0 100%;
					     -o-transform-origin: 0 100%;
					        transform-origin: 0 100%; 
					-webkit-transform: rotate(-45deg);
					   -moz-transform: rotate(-45deg);
					    -ms-transform: rotate(-45deg);
					     -o-transform: rotate(-45deg);
					        transform: rotate(-45deg); 
				} 

				
		.campi_obbligatori + .label_group.user_type + * { clear: both; }



/* DATI A SCELTA
****************************************************************************/

.sped_data.pick {
	margin-bottom: 0;
	border-bottom: 0;
	text-align: center;
}
	.label_group.sped_addresses { margin: 0 0 15px 0; }

	.sped_data.pick li { margin: 0 0 20px 0; }
		.sped_data.pick label { 
			width: auto;
			padding: 15px 20px; 
			margin: 0;
			float: none;
			border: 1px solid #FFF;
		}
			.no-touch .sped_data.pick label:hover {
				cursor: pointer;
				border-color: #F1F1F1;
				background: #F1F1F1;
			}
			.sped_data.pick .sped_address:checked + label {
				border-color: #C6C6C6;
                background: #999;
                color: #fff;
            }


/* DATI SPEDIZIONE
****************************************************************************/

.sped_data {
	padding: 20px 0;
	margin-top: 15px;
	margin-bottom: 30px;
	border-top: 2px solid #BCB1AA;
	border-bottom: 2px solid #BCB1AA;
	overflow: hidden;
}


#user_form .sped_form_toggler { text-align: center; }	
	#user_form .sped_form_toggler p { 
		margin: 0 0 15px 0; 
		text-align: center;
	}

	#user_form .sped_form_toggler label {
		min-width: 238px;
		margin: 0;
		display: inline-block;
		font-weight: 600;
		color: #FFF;
                cursor: pointer;
	}

	#sped_form { 
		padding: 30px 0 0 0;
		display: none;
		position: relative;
		bottom: 1px;
		background: #FFF;
	}

		#user_form #spedizione_custom_data:checked ~ #sped_form { 
			display: block; 
			clear: both;
		}

/* pulsante salvataggio nuovo indirizzo di spedizione */
#sped_add_submit_label {padding-top: 1em;}
    
    #sped_add_submit {
        width: 100%;
        margin-top: 13px;
        height: 40px;
        box-sizing: border-box;
    }


@media only screen and (min-width: 480px){

	.label_group.user_type br { display: none; }

	.user_type_label {
		width: 122px;
		margin-top: 0;
		margin-left: -.25em;
		float: none;
		display: inline-block;
	}

		.user_type_label:nth-of-type(1){ margin-left: 15px; }

	.sped_data.pick ul { margin-left: -20px }
		.sped_data.pick li {
			width: 45.83%;
			width: calc(50% - 20px);
			margin-left: 4.17%;
			margin-left: calc(0% + 20px);
			float: left;
		}

		.sped_data.pick li:nth-child(odd) { clear: both; }

}

@media only screen and (min-width: 600px){

	.login.disclaimer 
	,#user_form .sped_form_toggler
	{ text-align: left; }

		.login.disclaimer p 
		,#user_form .sped_form_toggler p 
		{
			width: 66%;
			max-width: 490px;
			margin: 0;
			float: right;
		}

		.login.disclaimer .btn 
		,#user_form .sped_form_toggler label 
		{
			width: 28%;
			max-width: 160px;
			min-width: 0;
			float: left;
                        cursor: pointer;
		}



	.label_group.user_type { float: left; }
	#user_form .campi_obbligatori { float: right; }

	.sped_data.pick { text-align: left;	}
		.sped_data.pick li {
			width: auto;
			float: none;
			display: inline-block;
			vertical-align: top;
			white-space: nowrap;
		}
			.sped_data.pick li:nth-child(odd) { clear: none; }

}

@media only screen and (min-width: 768px){

	.login.disclaimer p { padding-top: 7px; }
	#user_form .sped_form_toggler p { padding-top: 15px; }


}

@media only screen and (min-width: 980px){

		.colonna_riepilogo {
			width: 42%;
		    padding-left: 50px;
			float: right;
		}

	        /* bordino */
			.colonna_riepilogo:before {
				content: '';
				width: 0;
				height: 100%;
				display: block;
				position: absolute;
				top: 1px;
				left: -1px;
		        border-left: 1px dashed #CDCCCC;
			} 


		#user_form { 
    		width: 58%;
			margin: 0;
    		padding: 0 50px 0 0;
			border-right: 1px dashed #CDCCCC;
			border-bottom: 0;
		    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		        -ms-box-sizing: border-box;
		         -o-box-sizing: border-box;
		            box-sizing: border-box; 
    		float: left;
		}

}

.isDisabled {
    pointer-events: none;
}