.carrello .row{
		font-family: "Montserrat";
}

.carrello table{
	width: 100%;
	font-family: "Montserrat";
}

	    .carrello table tr th {
	    	text-align: center;
			font-size: 13px;
			font-weight: bold;
			color: #000;			
			padding: 5px 2px;
			background-color: #f8f8f8;
		}

	.carrello table.responsivetable td,
	.carrello table.responsivetable th{
		border-collapse: collapse;
		/*border: 1px solid #ccc;*/
		padding: 6px;
		vertical-align: top;
	}

	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media only screen and (max-width: 760px){

		/* Force table to not be like tables anymore */
		.carrello table.responsivetable, .carrello .responsivetable thead, .carrello .responsivetable tbody, .carrello .responsivetable th, .carrello .responsivetable td, .carrello .responsivetable tr {
			display: block;
			border: none;
			color: #000;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.carrello .responsivetable thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.carrello .responsivetable tr { border-bottom: 2px solid #000; }

		.carrello .responsivetable th  {
			display: none;
		}

		.carrello .responsivetable td {

			width: 100%;
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ddd;
			min-height: 36px;	
			position: relative;	
			padding-left: 41% !important;
				background-color: #fdfdfc1a;
		}

		.carrello .responsivetable td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			font-weight: bold;
		
		}

		/*
		Label the data
		*/
		.carrello .responsivetable td:before {
			content: attr(data-campo);
		}		

		/*.carrello .responsivetable td a{ color: #000; }*/

	}



		/* Force table to not be like tables anymore */
		 table.responsivetable__small,  .responsivetable__small thead,  .responsivetable__small tbody,  .responsivetable__small th,  .responsivetable__small td,  .responsivetable__small tr {
			display: block;
			border: none;
			color: #000;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		 .responsivetable__small thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		 .responsivetable__small tr { border-bottom: 2px solid #000; }

		 .responsivetable__small th  {
			display: none;
		}

		 .responsivetable__small td {

			width: 100%;
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ddd;
			min-height: 36px;	
			position: relative;	
			padding-left: 41% !important;
				background-color: #fdfdfc1a;
		}

		 .responsivetable__small td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			font-weight: bold;
		
		}

		/*
		Label the data
		*/
		 .responsivetable__small td:before {
			content: attr(data-campo);
		}		

 

	@media (max-width: 816px) {

		.carrello .side_top_link{
			width: 100%;
			margin-bottom: 15px;
		}

		.carrello .right_btns{
			float: none !important;
			width: 100%;
		}
		
	}

	@media (max-width: 500px) {

		.carrello table.responsivetable, .carrello .responsivetable thead, .carrello .responsivetable tbody, .carrello .responsivetable th, .carrello .responsivetable td, .carrello .responsivetable tr {
			font-size: 11px;
		}
		
	}

	
	.carrello #button_conferma{
		padding: 15px;
	}

	.carrello .panel-body{
		padding: 15px 0;
	}

	.carrello .panel-heading{
		padding: 15px;		
		background-color: #eaeaea;
		border-radius: 6px 6px 0 0;
	}

	.carrello .tabella_varianti{
		margin-bottom: 15px;
	}

	.carrello .pagamento {
		padding: 30px 15px;
		background-color: #eaeaea;
		text-align: center;
	}

	.carrello .table_varianti {
		margin-top: 15px;
		margin-bottom: 30px;	
	}

	.carrello .table_varianti td{
		padding-top: 3px;
		padding-bottom: 3px;
	}

/* quantità */

.panel-heading small{
	font-size: 80%;
	opacity: 0.7;
}

.spinner {
	display: table !important;
  	width: 90px !important;
	margin-bottom: 0;
  	position: relative;
  	z-index: 0;
}
.spinner input {
  text-align: right;
	padding: 10px;
	font-family: "Montserrat", sans-serif;
}

.carrello .btn i{
	margin-left: 0;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 24px;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
	padding: 10px 12px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
  margin-bottom: 0 !important;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
      position: absolute;
    top: 2px;
    left: 8px;
}

.spinner .form-control{
	height: 42px;
	display: block;
    width: 100%;
    /*padding: 5px;*/
}

.spinner_xs.pull-right{
	margin-right: 10px;
	margin-bottom: 0;
}

.spinner_xs.spinner{
	width: 70px !important;
}

.spinner_xs .form-control{

	padding-left: 2px;
	padding-right: 10px; 
}

/* quantità */

.card-header.bg-primary > *,
.card-header.bg-primary small{
	color: #fff;
}

.carrello .form-group {
/*	padding-top: 10px;
	padding-bottom: 15px;*/
}

@media (max-width: 500px) {


	.carrello .btn{
		width: 100%;
		margin-bottom: 10px;
	}
	
}

#indirizzo_sped{
	 -webkit-touch-callout: none; 
	    -webkit-user-select: none;
	     -khtml-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
}

#indirizzo_sped .panel-heading{
	cursor: pointer;
}

#indirizzo_sped .panel-heading i{
	 transition: all 350ms ease; 
}

#indirizzo_sped .panel-heading.active i{
	transform: rotateZ(180deg);
}

.carrello .card{
	margin-bottom: 20px;
}

.carrello .card-footer:after{
	content: "";
	display: block;
	clear: both;

}


.carrello .form-group {
    margin-bottom: 10px;    
}


.carrello h2{
	font-size: 25px;
}

.carrello h3,
.carrello h4{
	font-size: 22px;
	margin-bottom: 5px;
}

 
.btn-default {
    background-color: #cecece;
}
 
input[type="checkbox"]{
	width: auto;
	margin-bottom: 0;

}

.carrello .bg-primary,
.carrello .bg-dark{
	background-color: transparent !important;
}

.carrello .card{
	background-color: transparent !important;
	border: none !important;
}

.card-header.bg-primary > *, .card-header.bg-primary small{
	color: #000;
	line-height: 1.2;
}

.carrello p a{
	font-weight: bold;
	text-decoration: underline;
}