.carrello table{
	width: 100%;
}

	    .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: #fdfdfc;
		}

		.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; }*/

	}

	@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 .panel-body,
	.carrello #button_conferma{
		padding: 15px;
	}

	.carrello .panel-heading{
		padding: 15px;		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

		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: 70px !important;
	margin-bottom: 0;
  	position: relative;
  	z-index: 0;
}
.spinner input {
  text-align: right;
}
.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;
  background-color: #f4f4f4;
}
.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: #000;
}

.card-header.bg-primary > h4,
.card-header.bg-primary > h3{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
}

.btn-default{
	background-color: #f4f4f4;
}

.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;

}