
.tar_titolo {
  text-align: center;
  margin: 10px 0px;
  color: #00477b!important;
  font-size: 20px!important;
  font-weight: 700!important;
}
.tar_cornice {
  border: 3px inset #1C6EA4;
  border-radius: 7px;
  padding: 20px;
  margin: 20px 0px;
}
.tar_input {
  border: 1px solid #B0CFE0;
  padding: 7px;
}
.tar_clear {clear: both;}

.tar_btnBlue 
{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.tar_btnBlue:hover 
{
	background: linear-gradient(to bottom, #d2b61f 5%, #de7c35 100%);
	background-color: rgba(0, 0, 0, 0);
	background-color: #a79500;
	box-shadow: inset 0px 1px 0px 0px #f2f754;
}
.tar_btnBlue:active 
{
	position:relative;
	top:1px;
}
.tar_btnBlue:disabled 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #949494;;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #5e6061 5%, #bababa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #5e5e5e;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	text-decoration:none;
	text-shadow: 0px 1px 0px #3c3c3d;
	cursor: no-drop!important;
}
.tar_btnRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:7px 24px 7px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	font-weight:700;
}
.tar_btnRed:hover {
	background: linear-gradient(to bottom, #d2b61f 5%, #de7c35 100%);
	background-color: rgba(0, 0, 0, 0);
	background-color: #a79500;
	box-shadow: inset 0px 1px 0px 0px #f2f754;
}
.tar_btnRed:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
.tar_btnGreen {
  box-shadow: inset 0px 1px 0px 0px #61f754;
  background: linear-gradient(to bottom, #0fc100 5%, #0da700 100%);
    background-color: rgba(0, 0, 0, 0);
  background-color: #0fc100;
  border: 1px solid #1a7712;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #15824a;
}
.tar_btnGreen:hover {
	background: linear-gradient(to bottom, #d2b61f 5%, #de7c35 100%);
	background-color: rgba(0, 0, 0, 0);
	background-color: #a79500;
	box-shadow: inset 0px 1px 0px 0px #f2f754;
}
.tar_btnGreen:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
/* FORM ACQUISTO */
.tar_titoloFormAcquisti {
  text-align: center;
  color: #305A72 !important;
  font-weight: 700 !important;
  margin: 20px 0px;
    margin-bottom: 20px;
}
hr.tar_sfuma {
  border: 0;
  height: 1px;
  background: #062bf3;
    background-image: none;
  background-image: none;
  background-image: none;
  background-image: linear-gradient(to right, #ccc, #020e6f, #ccc);
  margin: 15px 0px;
}
.tar_inputstyle {
  border: 1px solid #B0CFE0;
  padding: 7px;
}
.tar_fieldset {border:2px solid #004C7E;border-radius: 5px;padding: 1em;margin: 5px 15px;}
.tar_fieldset legend {font-size: 14px;font-weight: bold;padding: 15px;}



.radio_tariffa {padding-left: 35px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin:5px 20px;}
.radio_tariffa input {position: absolute;opacity: 0;cursor: pointer;}/* Hide the browser's default radio button */
.checkmark_tariffa {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #bababa;border-radius: 50%;} /* Create a custom radio button */
.radio_tariffa:hover input ~ .checkmark_tariffa {background-color: #97e6ff;} /* On mouse-over, add a grey background color */
.radio_tariffa input:checked ~ .checkmark_tariffa {background-color: #2196F3;} /* When the radio button is checked, add a blue background */
.checkmark_tariffa:after {content: "";position: absolute;display: none;} /* Create the indicator (the dot/circle - hidden when not checked) */
.radio_tariffa input:checked ~ .checkmark_tariffa:after {display: block;} /* Show the indicator (dot/circle) when checked */
.radio_tariffa .checkmark_tariffa:after {top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: white;}  /* Style the indicator (dot/circle) */

/********/
/**** STILE RISTAMPA RICEVUTA ***/
.tab {overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;}
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;
  transition: 0.3s;font-size: 16px;font-weight: 700;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;}
.tabcontent {display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;} 
hr.stylecontesto {overflow: visible; /* For IE */ padding: 0;border: none;border-top: medium double #333;color: #333;text-align: center;}
hr.stylecontesto:after {content: "Ricerca con Codice Carrello";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.45em;background: white;color:blue;}
hr.stylecontesto1 {overflow: visible; /* For IE */ padding: 0;border: none;border-top: medium double #333;color: #333;text-align: center;}
hr.stylecontesto1:after {content: "Ricerca con Codice Fiscale";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.45em;background: white;color:blue;}
/********/

.iconshopcard {background: url('../shortcode/img/shopping_cart.png') 1px 5px no-repeat !important;padding: 6px 1px 8px 40px !important;}
.iconreturn {background: url('../shortcode/img/return.png') 1px 5px no-repeat !important;padding: 9px 1px 8px 40px !important;}
.icondeletecard {background: url('../shortcode/img/delete_cart.png') 1px 5px no-repeat !important;padding: 9px 1px 8px 40px !important;}
.iconrefreshcard {background: url('../shortcode/img/refresh_card.png') 1px 5px no-repeat !important;padding: 9px 1px 8px 40px !important;}
.icondelete {background: url('../shortcode/img/x-button.png') 1px 5px no-repeat !important;padding: 6px 1px 8px 40px !important;}
.iconlist {background: url('../shortcode/img/iconlist.png') 1px 5px no-repeat !important;padding: 6px 1px 8px 40px !important;}
.icon_pago_pa {background: url('../shortcode/img/pago_pa.png') 1px 5px no-repeat !important;padding: 8px 15px 8px 45px !important;}
/* Product Quantity */
.quantity {width:100px;}
.quantity input {-webkit-appearance: none;border: none;text-align: center;width: 32px;font-size: 16px;color: #43484D;font-weight: 300;}
button[class*=btnqta] {width: 30px;height: 30px;background-color: #E1E8EE;border-radius: 6px;border: none;cursor: pointer;}
.minus-btnqta2 img, .minus-btnqta img {margin-bottom: 3px;}
.plus-btnqta2 img, .plus-btnqta img {margin-top: 2px;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.87); /* Black w/ opacity */
}
.modal p { font-size:20px !important; font-weight:600!important;}
.modal-content {
	background-color: #f9f9f9;
	margin: auto;
	padding: 40px;
	border: 1px solid #888;
	width: 60%;
	text-align: center;
	font-weight: 600 !important;
	border-radius: 10px;
	border: 6px solid #ababfa;
}
.close {
  background: #f26d7d;
  color: #fff;
  line-height: 25px;
  position: absolute;
  right: -17px;
  text-align: center;
  top: -17px;
  width: 44px;
  height: 44px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  padding-top: 7px;
  font-size: 40px;
}
.close:hover {
	background: #c10000;
	cursor: pointer;
}


#tblprove {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;}
#tblprove {font-size:12px;}
#tblcerca {font-size:10px;}
#tblprove td, #tblprove th {border: 1px solid #ddd;padding: 8px;}
#tblprove tr:nth-child(even){background-color: #f2f2f2;}
#tblprove tr:hover {background-color: #ddd;}
#tblprove th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #009bd0;color: white;}
.borderCerca {border: 3px inset #1C6EA4;border-radius: 7px;padding:5px;margin:20px 0px;}

.tar_natGiu {text-align:center;}
@media screen and (min-width: 1100px) {
  .tar_col { display: block; float: left; margin-left: 0.5%; }
  .tar_col:first-child { margin-left: 0; }
  .tar_col_12 { width: 100%; }
  .tar_col_11 { width: 91.55%; }
  .tar_col_10 { width: 83.1%; }
  .tar_col_9  { width: 74.65%; }
  .tar_col_8  { width: 66.2%; }
  .tar_col_7  { width: 57.75%; }
  .tar_col_6  { width: 49.3%; }
  .tar_col_5  { width: 40.85%; }
  .tar_col_4  { width: 32.4%; }
  .tar_col_3-1  { width: 24.5%; }
  .tar_col_3  { width: 23.5%; }
  .tar_col_2  { width: 15%; }
  .tar_col_1  { width: 7.05%; }
  .tar_natGiu { padding: 5px; text-align:left;}
  .ignorebr   { display: none; }
}

			.carrello_modalAlert {  position: fixed;z-index: 1000000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
			.carrello_modalAlert-content {background-color: #fefefe;margin: 15% auto;padding: 35px 20px;border: 8px solid #d70202;width: 60%;}
			.carrello_modalAlert-content > p {font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;}
			.carrello_modalAlert_btn_close {color: #aaa;float: right;font-size: 35px;font-weight: bold;margin-top:15px;}
			.carrello_modalAlert_btn_close:hover, .carrello_modalAlert_btn_close:focus {color: black;text-decoration: none;cursor: pointer;} 



.loader {
	 color: #2c01fc;
	font-family: sans-serif;
	height: 150px;
	left: 50%;
	overflow-x: hidden;
	padding-top: 30px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	font-size: 22px;
	font-weight: 600;
}
.loader:before {
	animation: left-to-right 3s alternate infinite linear;
	background-image: linear-gradient(to right, transparent, #0034ff, transparent);
	content: "";
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.loader:after {
	background-image: repeating-linear-gradient(90deg, white, white 1vw, transparent 1vw, transparent 10vw);
	content: "";
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

@keyframes left-to-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.tar_imput2 {
	font-family: 'Open Sans', Arial, sans-serif;
	width: 100%;
	border-radius: 4px;
	background-color: white;
	border: 1px solid #aaa;
	cursor: pointer;
	height: 36px;
}