/************************************************************************/
/************************************************************************/
/******************************** MB2B *********************************/
/***********************************************************************/
/***********************************************************************/

/*
* Variabili globali
*/
:root{	
	--primary-color:#428bca;
	--dark-gray-color: #666666;
	--light-gray-color: #999999;
}


@font-face {
	font-display: block;
	font-family: 'icons8_win10';
	src: url('../../../fonts/icons8_win10.woff2') format('woff2'),
		 url('../../../fonts/icons8_win10.woff') format('woff'),
		 url('../../../fonts/icons8_win10.ttf') format('ttf')
}

/***********************************************************************/
/******************** AZZERO WIDTH PORTLET _EXT ***************************/
/***********************************************************************/
div[id$=_ext] {
    width: 100% !important;
}
/************************** COLORI PRINCIPALI ******************************/
/***********************************************************************/

/* grigio scuro = #999999  (es. bottoni, link, footer) */
/* grigio medio = #999999 (es. bottoni ) */
/* grigio chiaro = #666666 (es. link header) */

/* azzurro chiaro = var(--primary-color)  (es. bottoni, link over, wrapper menu) */

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

/* Inizio personalizzazioni */

/* CSS per corretta visualizzazione del menu da telefono */
.categoryMenuHorizontal {
height: auto !important;
/*overflow: auto;*/
}
.categoryMenuHorizontal .menuview_horizontal {
position: static !important;
height: auto !important;
width: 100% !important;
}
.categoryMenuHorizontal .menuview_horizontal .topmenu {
height: auto;
overflow: auto !important;
}
/**/

/* CSS per corretta visualizzazione del catalogo da telefono */
.gsec_fe_gadget_items_boxlist_portlet > .imgArticle_ctrl {
margin-left:0px !important;
}
/**/

/* Fine personalizzazioni */

body{
	/*font-family: 'Raleway', sans-serif;*/
	font-family: "Open Sans", Arial, Helvetica, sans-serif;	
    font-size: 11px;
    color: #444;
    text-align: left;
    background: #fff;
}
.fa{ /*fontawesome.css*/
	font-family: FontAwesome !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}

.label {
	font-size:12px;
	line-height:1.4;
	color:#474948;
	font-weight: normal !important;
	white-space: normal !important;
}
.label[href]:hover, .label[href]:focus {
	color:#474948;
	text-decoration: underline;
	cursor: pointer;
}
.content .row{
  margin-bottom: 10px;
}
.show-grid [class*="col-sm"] {
	background-color: #f3f3f3;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
}

/* LISTE */
ul {
  list-style-position: inside;
}
.list {
  list-style-position: inside;
}
.list .list {
  padding-left: 40px;
}
.list-disc {
  list-style-type: disc;
}
.list-square {
  list-style-type: square;
}
.list-border {
  list-style: none;
}
.list-border li {
  border-left: 1px solid var(--primary-color);
  padding-left: 10px;
  margin-bottom: 5px;
}
.list-chevron {
  list-style: none;
}
.list-chevron li:before {
  content: "\f105";
  color: var(--primary-color);
  font-family: FontAwesome;
  margin-right: 5px;
}
.list-none {
  list-style-type: none;
}
.columns1 {
  -webkit-columns: 20px 1;
  -moz-columns: 20px 1;
  columns: 20px 1;
}
.columns2 {
  -webkit-columns: 20px 2;
  -moz-columns: 20px 2;
  columns: 20px 2;
}
.columns3 {
  -webkit-columns: 20px 3;
  -moz-columns: 20px 3;
  columns: 20px 3;
}
.columns4 {
  -webkit-columns: 20px 4;
  -moz-columns: 20px 4;
  columns: 20px 4;
}
@media (max-width: 767px) {
  .columns1,
  .columns2,
  .columns3,
  .columns4 {
    -webkit-columns: 20px 1;
    -moz-columns: 20px 1;
    columns: 20px 1;
  }
}

/************************************************************************/
/****************** DEFAULT INPUT, SELECT, TEXTAREA ***************/
/***********************************************************************/
span[id*=_wrp]{
    min-width: 48px;
    background: none;
    height: 37px;
    line-height: 37px;
}
span[id*=_wrp] input[type=text], span[id*=_wrp] input[type=password],
textarea, select{
    height: 37px;
    line-height: 37px;
    padding: 0 3px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{
	outline:none;
}
/************************************************************************/
/********************************* DEFAULT LINK **********************/
/***********************************************************************/
a{
	font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 20px;
    color: #999999;
	text-decoration: none;
    transition: all 300ms ease-in 0s;
}
a:hover{
	color: var(--primary-color);
	text-decoration: none;
}

/************************************************************************/
/************************ DEFAULT BOTTONI **************************/
/***********************************************************************/
input[type=button],input[type=submit], .btn{
	float: left;
    margin: 0;
    font-size: 14px !important;
    text-align: center;
    display: inline-flex;
    background-color: #eeeeee;
    transition: background 300ms ease;
    border-radius: initial;
    border: 1px solid #ccc !important;
    margin: 0px !important;
    color: #666666;
    width: auto !important;
    cursor: pointer;
    display: inline-flex;
    border-radius: 5px;
}
input[type=button]:hover,input[type=button]:focus,input[type=button]:active,
input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:active,
.btn:hover,.btn:focus,.btn:active{
	background-color: var(--primary-color);
	color: #ffffff;
}
.btn-primary {
  background-color: #eeeeee !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}
.btn {
  padding: 5px 10px !important;
}
.btn-large {
  padding: 10px 20px !important;
}
.btn-small {
  padding: 4px 8px !important;
}
.btn-mini {
  padding: 2px 4px !important;
}
.btn-blue {
  background-color: #4f7ab3 !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: #3b6194 !important;
}
.btn-green {
  background-color: #74ca8c !important;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
  background-color: #4ba163 !important;
}
.btn-violet {
  background-color: #ae88d8 !important;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active {
  background-color: #845cb0 !important;
}
.btn-navy {
  background-color: #3c4b7c !important;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active {
  background-color: #162144 !important;
}
.btn-yellow {
  background-color: #ffc600 !important;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
  background-color: #f49b00 !important;
}
.btn-orange {
  background-color: #2980b9 !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  background-color: #2472a4 !important;
}
.btn-red {
  background-color: #ec412f !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  background-color: #b81200 !important;
}
.btn-black {
  background-color: #000000 !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
  background-color: #4d4d4d !important;
}
.btn-facebook {
  background-color: #3B5998 !important;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
  background-color: #344e86 !important;
}
.btn-twitter {
  background-color: #1ab2e8 !important;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
  background-color: #15a1d3 !important;
}
.btn-googleplus {
  background-color: #dd4a38 !important;
}
.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active {
  background-color: #d73825 !important;
}
.btn-pinterest {
  background-color: #ce2127 !important;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active {
  background-color: #b81d23 !important;
}

/************************************************************************/
/****************************  CAMBIO CLIENTE ***********************/
/***********************************************************************/
.selectionCustomer .customerList{
	font-size: 12px;
	padding:4px;
}
.selectionCustomer .button{
	width:auto !important;
	padding:5px 15px;
	color:#666666;
	height: 37px !important;
}
.selectionCustomer .grid .grid_row, .selectionCustomer .grid .grid_rowodd{
	font-size: 14px;
	font-weight: normal;
	background-color:#FFFFFF;
	color:#939694;
	height: 22px !important;
}
.selectionCustomer .grid_row.grid_rowselected,.selectionCustomer .grid_rowodd.grid_rowselected{
	font-size: 14px;
	font-weight: normal;
	background-color:#EEEEEE;
	color:#474948;
	height: 22px !important;
}
.selectionCustomer .grid_title .grid_cell_title *{
	font-size: 16px;
	padding: 0px 0px 5px 0px;
	color: #474948;
	text-transform: initial;
	font-weight: normal;
}
.selectionCustomer .grid .grid_record_mark_sel {
	cursor: auto;
}
.selectionCustomer  .grid .grid_record_mark {
	width: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
}
.selectionCustomer .titleSelection{
	font-size: 20px;
	height: 40px;
    line-height: 40px;
    width: 100%;
    margin: 0px !important;
    padding: 0px 10px;
    background-color: #eeeeee !important;
    border-bottom: 1px solid #dddddd;   
}
.selectionCustomer .grid{
	max-height: 300px;   
	overflow-y: auto;
	min-height: 0;
	margin: 0 !important;
	padding: 10px;
}
.selectionCustomer .boxButtons_ctrl {
	width: 100%;
	height: auto;
	overflow: auto;
	min-height: 0;
	padding: 0 10px;
}
.selectionCustomer .button {
	float: right;
	margin: 10px 5px !important;
}
.selectionCustomer input[id$=_btnSelect] {
    bottom: 0px !important;
    right: 147px !important;
}
.selectionCustomer input[id$=_btnCancel] {
    bottom: 0px !important;
}
.selectionCustomer input[id$=_btnBlanck] {
    bottom: 0px !important;
    right: 293px !important;
}

  /*navbar*/
.grid_navbar{
	margin:20px 0px 20px 0px;
}
.grid_navbar span[id$=page_numbers] {
    margin: 0px 5px 0px 5px;
}
.grid_navbar_curpage_input, 
.grid_navbar_totpages_input {
	border: none !important;
    border-bottom: 1px solid var(--primary-color) !important;
    width: 40px !important;
    font-family: "Open Sans" !important;
    font-size: 11px !important;
    padding: 3px !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.03) !important;
	
	margin:0px !important;
	height:25px;
	min-height:25px !important;
}
.grid_navbar .grid_minus, .grid_navbar .grid_plus,
.grid_navbar .grid_first, .grid_navbar .grid_last,
.grid_navbar .grid_prev, .grid_navbar .grid_next{
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #7f7f7f !important;
  width: 25px;
  height: 25px;
}
.grid_navbar .grid_first_dis, .grid_navbar .grid_last_dis,
.grid_navbar .grid_prev_dis, .grid_navbar .grid_next_dis{
    background-color: #ddd !important;
    width: 25px;
    height: 25px;
	margin:0px 1px 0px 1px;
}
.grid_navbar .grid_minus:hover, .grid_navbar .grid_plus:hover,
.grid_navbar .grid_first:hover, .grid_navbar .grid_last:hover,
.grid_navbar .grid_prev:hover, .grid_navbar .grid_next:hover{
	background-color: var(--primary-color) !important;
}
.grid_navbar .grid_minus::after, .grid_navbar .grid_plus::after,
.grid_navbar .grid_first::after, .grid_navbar .grid_last::after,
.grid_navbar .grid_prev::after, .grid_navbar .grid_next::after{
  position: absolute;
  inset: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: 'icons8_win10';
}
.grid_navbar .grid_minus::after { content: '\ed62'; }
.grid_navbar .grid_plus::after  { content: '\ebed'; }
.grid_navbar .grid_first::after { content: '\ec6d'; }
.grid_navbar .grid_last::after  { content: '\ee2c'; }
.grid_navbar .grid_prev::after  { content: '\ea6b'; }
.grid_navbar .grid_next::after  { content: '\ea6c'; }

/************************************************************************/
/**************************** REGISTRAZIONE *************************/
/***********************************************************************/
.registration .labelSection{
	border-bottom: 1px solid #eee;
	font-size: 16px;
	line-height: 32px;
	color: #474948;
 }
 .registration .labelBold {
	color:#333333;
	font-size:12px;
	font-weight: bold;
	height:37px !important;
	line-height:37px !important;
 }
 .registration .combobox {
	width: 213px !important;
}
 .registration .buttonReg {
	width: 235px !important;
    height: 32px !important;
 }
 .registration .city_sw{
	padding:2px 0px 0px 5px;
	background-color:#FFFFFF;
	border:1px solid #888888;
	font-size:14px;
 }
 .registration .city_sw .over{
	background-color:#dcdcdc;
}
.registration img[id*=_captcha] {
    height: 37px !important;
}
.registration span[id*=_wrp],
.registration span[id*=_wrp] input[type=text],
.registration span[id*=_wrp] input[type=password],
.registration textarea, .registration select{
    height: 37px !important;
    line-height: 37px !important;
}

.registration .label{
	line-height:1 !important;
}
.registration input[type="checkbox"]{
	margin:0px !important;
}
.registration .labelBold.accept{
	height: 30px !important;
    line-height: 30px !important;
}
.registration .labelBold.accept a{
	line-height:15px !important;
}
.labelBold.check_sdi {
    line-height: 20px !important;
	height: 20px !important;
}
.registration img[id*=image_captcha] {
    max-height: 37px;
}
.registration select {
    height: 37px !important; 
}
.registration input:disabled {
    background-color: #fcfcfc;
}
/************************************************************************/
/************* NUOVA PASSWORD - RECUPERO PASSWORD  ************/
/***********************************************************************/
.newPwd, .demandPwd{
	color: #474948;
}
.newPwd .labelTitle,.demandPwd .labelTitle{
	display: block;
	font-size: 24px;
	left:0px !important;
}
.newPwd .labelBold, .demandPwd .labelBold{
	display: block;
	font-size: 13px;
	height: 37px !important;
    line-height: 37px !important;
}
.newPwd span[id*=_wrp],.demandPwd span[id*=_wrp],
.newPwd span[id*=_wrp] input[type=text], .demandPwd span[id*=_wrp] input[type=text],
.newPwd span[id*=_wrp] input[type=password],.demandPwd span[id*=_wrp] input[type=password],
.newPwd textarea, .newPwd select,.demandPwd textarea, .demandPwd select{
    height: 37px !important;
    line-height: 37px !important;
}
.newPwd .pwdmeter{
	top: auto !important;
	left: 200px !important;
	bottom: 160px !important;
}
.newPwd a img{
	height:30px !important;
}
.demandPwd .buttonReg{
	left: 420px !important;
    padding: 5px 10px;
    height: auto !important;
    top: 180px !important;
}
.newPwd .buttonReg{
	left: 205px !important;
    padding: 5px 10px;
    height: auto !important;
    top: 215px !important;
}
.newPwd img[id*=_captcha] {
    height: 37px !important;
}
@media (max-width:768px){
	.demandPwd{
		height:280px !important;
	}
	.demandPwd span[id*=labelMail]{
		left: 15px !important;
		top: 165px !important;
	}
	.demandPwd span[id*=TextboxMail]{
		left: 83px !important;
		top: 165px !important;
	}
	.demandPwd .buttonReg{
		left: 138px !important;
		top: 210px !important;
	}
}

/***********************************************************************/
/************************** LOGIN HORIZONTAL ***************************/
/***********************************************************************/
.loginHorizontal {
	min-height: auto !important;
	overflow: auto;
	margin-bottom: 30px;
}
.loginHorizontal span[id*="_lbl"] {
	font-size: 14px;
	height: 37px;
	line-height: auto !important;
	font-weight: 400;
	margin: 5px !important;
}
.loginHorizontal .labelSubtitle {
	border-bottom: 1px solid #eee;
	font-size: 16px;
	line-height: 24px;
	color: #474948;
	margin-bottom: 10px;
}
.loginHorizontal .box {
	min-height: 0 !important;
	overflow: auto;
	width: 100% !important;
	padding-bottom: 5px;
}
.loginHorizontal .textbox-container {
	margin-top: 0 !important;
	height: auto !important;
	overflow: auto;
}
.loginHorizontal input[type="text"],
.loginHorizontal input[type="password"] {
	margin: 0 !important;
	height: 30px !important;
	line-height: 30px !important;
}
.loginHorizontal input[type="submit"] {
	height: 37px !important;
	padding: 5px 10px !important;
	margin-top: 10px !important;
}
.loginHorizontal .imgSSO {
	margin-left: 5px !important;
}
.loginHorizontal div[id$="_image_captcha"] {
	width: 100% !important;
	margin: 0 !important;
}
.loginHorizontal div[id$="_image_captcha"] a {
	display: block;
	background: #e5e5e5;
	width: 200px;
	height: 70px;
	text-align: center;
	margin-left: 5px;
}
.loginHorizontal div[id$="_image_captcha"] .image {
	float: none !important;
	margin: 0 auto !important;
}
.loginHorizontal .m_cCaptcha_ctrl {
	margin: 0 0 0 5px !important;
}
.loginHorizontal .buttonAccedi {
	margin-top: 10px !important;
	margin-left: 5px !important;
}
.loginHorizontal .labelWarning{
	color: red;
	font-size: 12px;
	background-color: #e6c0c0;
	padding: 4px;
	border: #de7a7b 1px solid;
	margin-bottom: 5px;
}
.loginHorizontal .demandPwd a {
	display: inline !important;
}
.loginHorizontal .chkForceLogin_ctrl {
	width: 100% !important;
	margin: 5px 0 0 5px !important;
	height: auto !important;
	overflow: auto;
}
.loginHorizontal .chkForceLogin_ctrl input {
	display: inline-block;
	margin: 0 5px 0 0 !important;
	vertical-align: bottom !important;
}
.loginHorizontal .chkForceLogin_ctrl label {
	display: inline-block;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 20px !important;
}
.loginHorizontal .boxUserInfo {
	margin-top: 5px;
	margin-left: 20px !important;
}
.loginHorizontal .boxUserInfo span {
	width: 100% !important;
	margin: 0 !important;
}
.loginHorizontal .boxUserInfo div[id*="_label"] {
	width: 100% !important;
}
.loginHorizontal .labelName {
	font-size: 18px;
	color: var(--primary-color);
	font-weight: bold;
	padding-bottom: 10px;
}

.loginHorizontal .buttonAccedi,
.loginVertical .buttonAccedi {
	display: inline-block !important;
	width: auto !important;
}

/************************************************************************/
/************************** LOGIN VERTICAL ***************************/
/***********************************************************************/
.loginVertical {
	min-height: auto !important;
	overflow: auto;
	margin-bottom: 30px;
}
.loginVertical span[id*="_lbl"] {
	width: 100% !important;
	font-size: 14px;
	height: 37px;
	line-height: auto !important;
	font-weight: 400;
	margin-left: 0 !important;
}
.loginVertical .textbox-container {
	width: 200px !important;
	margin: 0 !important;
}
.loginVertical input[type="text"],
.loginVertical input[type="password"] {
	width: 200px !important;
	height: 30px !important;
	line-height: 30px !important;
	margin-top: 5px;
}
.loginVertical input[type="submit"] {
	height: 37px !important;
	padding: 5px 10px !important;
	margin-top: 10px !important;
}
.loginVertical div[id$="_image_captcha"] {
	width: 200px !important;
	margin: 0 !important;
	background: #e5e5e5;
}
.loginVertical div[id$="_image_captcha"] a {
	display: block;
	width: 200px;
	height: 70px;
	text-align: center;
}
.loginVertical div[id$="_image_captcha"] .image {
	float: none !important;
	margin: 0 auto !important;
}
.loginVertical .labelWarning{
	color: red;
	font-size: 12px;
	background-color: #e6c0c0;
	padding: 4px;
	border: #de7a7b 1px solid;
	margin-bottom: 5px;
}
.loginVertical .demandPwd a {
	display: inline !important;
}
.loginVertical .chkForceLogin_ctrl {
	width: 100% !important;
	margin: 5px 0 0 0 !important;
	height: auto !important;
	overflow: auto;
}
.loginVertical .chkForceLogin_ctrl input {
	display: inline-block;
	margin: 0 5px 0 0 !important;
	vertical-align: bottom !important;
}
.loginVertical .chkForceLogin_ctrl label {
	display: inline-block;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 20px !important;
}
.loginVertical .boxUserInfo {
	margin-top: 5px;
	margin-left: 20px !important;
}
.loginVertical .boxUserInfo span {
	width: 100% !important;
	margin: 0 !important;
}
.loginVertical .boxUserInfo div[id*="_label"] {
	width: 100% !important;
}
.loginVertical .labelName {
	font-size: 18px;
	color: var(--primary-color);
	font-weight: bold;
	padding-bottom: 10px;
}

/***********************************************************************/
/************************ TORNA INIZIO PAGINA   ********************/
/***********************************************************************/
.back-top {
    background: url("../images/back-top.png") no-repeat scroll 50% 50% #7f7f7f;
    bottom: 35px;
    height: 40px;
    position: fixed;
	display:none;
    right: 12px;
    width: 40px;
    z-index: 10010;
    cursor: pointer;
}

/***********************************************************************/
/*****************************  TOP HEADER ***************************/
/***********************************************************************/
.header-container{
	margin: 0px !important;
	background: #ffffff;
    color: #838383;
    position: relative;
    z-index: 100001;
    width: 100% !important;
	min-height: 30px;
}

/***********************************************************************/
/****************************  CAMBIO LINGUA ***********************/
/**********************************************************************/
.changeLanguage .title{
	font-size: 12px;
	color: #808080;
}
.changeLanguage{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	background: transparent;
	z-index: 10001 !important;
	min-height: 30px !important;
	height: 30px !important;
	float:right;
	/*position:initial !important;*/
}
.changeLanguage .menuview_vertical {
    top: 10px !important;
}
.changeLanguage .selected{
	width: auto !important;
}
.changeLanguage .selected a{
	font-family: Arial;
    color: #666666;
    font-size: 11px;
    text-transform: uppercase;
	text-decoration:none;
    padding: 0px 10px;	
    line-height: 30px;
    height: 30px;
	transition: all 300ms ease-in 0s;
}
.changeLanguage .selected a:hover{
	color: var(--primary-color);
}
.changeLanguage .selected .caret {
    margin-left: 10px;
}
.changeLanguage .menuview_vertical .dropdown-menu{
	position: absolute;
    left: 0px;
    z-index: 9;
    list-style: none;
    margin: 0;
    min-width: 116px;
    display: none;
    text-align: left;
	border:1px solid #dddddd !important;
	border-radius:0px !important;
    top: 100%;
    padding: 0px;
}
.changeLanguage .menuview_vertical .dropdown-menu > li > a{
	background: #ffffff;
    line-height: 11px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    height: inherit;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    min-width: 107px;
	font-family: Arial;
    color: #666666;
    padding: 11px 20px;
}
.changeLanguage .menuview_vertical .dropdown-menu > li > a:hover {
	color: #ffffff;
    background: var(--primary-color);
}

/***********************************************************************/
/************************* TOOLBAR UTENTE **************************/
/***********************************************************************/
.usertoolbar{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	background: transparent;
	z-index: 10001 !important;
	min-height: 30px !important;
	float:right;
	position:initial !important;
	min-width: 200px;
    width: auto !important;
}
.usertoolbar .label, .usertoolbar .labelBold, .usertoolbar .labelTitle{
	margin: 0px !important;
    padding: 0px !important;
	width: auto !important;
}
.usertoolbar .label a, .usertoolbar .labelBold a, .usertoolbar .labelTitle a{
 	font-family: Arial;
    color: #666666;
    font-size: 11px;
    text-transform: uppercase;
	text-decoration:none;
    padding: 0px 20px;
	border-left: 1px solid #ddd;
    line-height: 30px !important;
    height: 30px !important;
	transition: all 300ms ease-in 0s;
 }
 .usertoolbar span[id*=_lblO]{
	display:none;
 }
 .usertoolbar span[id*=_lblExit]{
	float:right !important;
 }
.usertoolbar img[id$=_imgCardCustomer] {
    margin-right: 15px;
}
.usertoolbar .label a:hover, .usertoolbar .labelBold a:hover, .usertoolbar .labelTitle a:hover{
	color: var(--primary-color);
}
.usertoolbar .caret {
    margin-left: 10px;
}
.usertoolbar .menuview_flat{
	top:30px !important;
	margin:0px !important;
	position: absolute;
}
.usertoolbar .menuview_flat h1{
	font-family: Arial;
    color: #666666;
    font-size: 11px;
    margin: 0px;
    padding: 11px 20px;
    color: #666666;
    text-transform: uppercase;
	text-decoration:none;
}
.usertoolbar .menuview_flat a:hover{
	color:#666666;
	text-decoration:none;
}
.usertoolbar .menuview_flat .menuview_wrapper_container{
	min-width: 160px;
    font-size: 14px;
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #dddddd;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.usertoolbar .menuview_flat .menuview_wrapper_container .menuview_container{
	width: 100%;
    float: left;
    clear: both;
}
.usertoolbar .menuview_flat .menuview_content ul{
	padding:0px;
	list-style-type: none;
}
.usertoolbar  .menuview_flat .menuview_content ul > li > a{
	color: #666666;
    font-size: 12px;
    padding: 5px 20px 5px 30px;
    text-decoration: none;
    transition: all 300ms ease-in 0s;
    display: inline-block;
	width:100%;
}
.usertoolbar  .menuview_flat .menuview_content ul > li > a:hover {
	color: #ffffff;
    background: var(--primary-color);
	text-decoration:none;
}

/***********************************************************************/
/********************** RIEPILOGO CARRELLO *************************/
/***********************************************************************/
.basketTotalContainer{
	min-height: 48px !important;
	min-width:195px;
    float: right;
	position: initial !important;
	padding-bottom:15px !important;
}
.basketTotalContainer .labelBasket{
	margin: 0px !important;
	font-weight: bold;
	color: var(--primary-color);
    font-size: 14px;
	margin:0px !important;
    width: auto !important;
}
.basketTotalContainer .labelBasket a{
	display:none !important;
}
.basketTotalContainer .basketTotal{
	width: auto !important;
	clear: none !important;
	margin: 30px 0px 0px 10px !important;
}
.basketTotalContainer .labelArticles{
	display:none !important;
}
.basketTotalContainer .imgBasketArticles{
    margin-left: 0px !important;
    cursor: pointer;
    width: 38px !important;
    height: 38px !important;
    background-color: #fff;
    border: #999999;
    text-align: center;
    margin-top: 20px !important;
}

.basketTotalContainer .imgBasketArticles:before{
	content: "\f07a";
    font-family: FontAwesome;
    font-size: 24px;
    color: #999;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 100%;
    display: inline-block;
    height: 100%;
}

.basketTotalContainer .labelNumArticles {
    display:none !important;
}
.basketTotalContainer  .labelNumArticles a{
	border: 1px solid rgba(0,0,0, 0.3);
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #000;
    font-size: 14px;
	margin:0px !important;
	text-align: center;
	text-decoration:none;
	color: #000000;
	top: 0;
	right: 0px;
	-webkit-border-radius: 9999px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 9999px;
	-moz-background-clip: padding;
	border-radius: 9999px;
	background-clip: padding-box;
}
.basketTotalContainer .basketTotalLayer{
	left: auto !important;
    z-index: 10001 !important;
    top: 68px !important;
    height: auto !important;
    right: 0;    
    background: #fff;
	padding: 15px 15px 0px 15px;
    text-align: left;
	border-top: 2px solid var(--primary-color);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
	border-radius:3px;
}
.basketList .img{
    width: 57px;
}
.basketList .img img{
    float: left;
    border: 1px solid #ededed;
    display: inline-block;
    width: 57px;
    margin-right: 5px;
}
.basketList .grid_card_container,.basketList .grid_card_container table{
    margin: 0px !important;
    padding: 0px 0px 10px 0px !important;
	width:100%;
}
.basketList .desart a{
    font-weight: 600 !important;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 20px;
    color: #999999;
}
.basketList .desart a:hover{
	color: var(--primary-color);
}
.basketList .actions {
    width: 40px;
}
.basketList .btnBasketRefresh{
	display:inline-block;
}
.basketList .btnBasketRefresh:before {
    content: "\f040";
    font-family: FontAwesome;
    color: var(--primary-color);
    float: left;
    margin-left: 10px;
}
.basketList .btnBasketDelete{
	display:inline-block;
}
.basketList .btnBasketDelete:before {
    content: "\f00d";
    font-family: FontAwesome;
    color: var(--primary-color);
    float: left;
    margin-left: 10px;
}
.basketList .price {
    font-weight: normal !important;
    width: auto;
    font-size: 14px;
}
.basketList .price div{
    text-align: left !important;
}
.basketTotalList .labelTotal, .basketTotalList .total{
	margin: 10px 5px 0px 0px !important;
    padding: 0px !important;
    font-size: 15px;
    width: auto !important;
}
.basketTotalList .total{
	color:var(--primary-color);
	font-weight:600;
}
.basketTotalList .lblBasket {
    margin: 0px 0px 15px 0px !important;
    float: right !important;
}
.basketTotalList .lblBasket a{
    display: block;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #666666;
	border: 1px solid #cccccc !important;
	border-radius:5px;
	background-color: #eeeeee;
	transition: all 300ms ease;	
}
.basketTotalList .lblBasket a:hover{
	background-color: var(--primary-color);
	color:#FFFFFF;
}



/***********************************************************************/
/********** BOX PROMOZIONI APPLICATE/NON APPLICATE *********************/
/***********************************************************************/

.basket-prom {
    background-color: #ffffff;
    padding: 20px;
    margin: 0px auto 10px auto !important;
    background-clip: padding-box;
    height: auto !important;
    min-height: 125px;
    padding: 5px 5px 20px 5px;
}
.basket-prom .title{
	font-size: 18px;
    line-height: 22.5px;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding: 10px 0px 20px 10px;
}

.basket-prom .grid{
	display:table;
	border-collapse: collapse;
	width:100%;
}
.basket-prom .grid .grid-row{	
	display: table-row;
    width: 100%;
    border-bottom: 1px solid #EEE;
}
.basket-prom .grid .grid-row div{	
	display: table-cell;
	vertical-align:middle;
	padding: 10px 5px;
}


.basket-prom .prom-button {
	margin:10px 10px 0px 10px;
	cursor:pointer;
    display: inline-block;
    background-color: #666666;	
    padding: 10px 20px;
    width: fit-content;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    text-shadow: none;
    font-size: 12px;
    border: none;
    background-image: none;
    text-decoration: none;
    letter-spacing: 0.5px;
    word-spacing: 1px;
}
.basket-prom .prom-button:hover {
    background-color: var(--primary-color);
}


/***********************************************************************/
/************** ICONE PROMOZIONI PER CARELLI ***************************/
/***********************************************************************/
 .basketList .iconPromoApp{
	 width:30px;height:30px;background: url(../images/promo.png) no-repeat;background-size: 100% 100%;
 }
 
.basketList .iconPromoNoApp{
	 width:30px;height:30px;background: url(../images/promo.png) no-repeat;background-size: 100% 100%;filter: grayscale(100%);
 }
 
.basketList .iconPromoAll{
	 width:30px;height:30px;background: url(../images/promo.png) no-repeat;background-size: 100% 100%;filter: grayscale(50%);
 }

@media(max-width:992px){
	.basketTotalContainer .basketTotalLayer{
		right: auto !important;
	}
	.basketTotalContainer{
		margin: 20px auto 0px auto;
		float: none;
	}
}


@media(max-width:568px){
	.basketTotalContainer .basketTotalLayer{
		right: 10% !important;
		width:80% !important;
	}
}

/***********************************************************************/
/******************************* HEADER ******************************/
/***********************************************************************/
.header {
    margin: 5px 0 10px;
}
.header a{
	color: #727272;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
.header a:hover {
	color: var(--primary-color);
}
.header .topmost-line{
	text-align: right;
	padding:0px;
}
.header .right-logo.col-md-6{
		z-index:99999;
}
.header .right-logo.col-md-3{
		z-index:99998;
}

/***********************************************************************/
/***************************** BREADCRUMB ***************************/
/***********************************************************************/
.breadcrumb{/*azzeramento proprieta di bootstrap.css*/
	position: relative !important;
    background-color: #ffffff;
    width: 100% !important;
    background-color: transparent;
    padding: 10px 0px 10px 0px !important;
    font-size: 12px;
    margin: 0px;
    height: auto !important;
}
.breadcrumb .brd{
	width: 100% !important;
	position: relative !important;
}

.brd span {
    display: inline;
    text-transform: capitalize;
    color: #999999;
}
.brd a {
	display: inline;
    text-transform: capitalize;
	text-decoration: none;
    color: #9b9b9b;
    transition: all 300ms ease-in 0s;
}
.brd a:hover {
    color: #999999;
}

/***********************************************************************/
/******************************* LOGO *********************************/
/***********************************************************************/
.header .showImage{
	min-height: 75px !important;
}
@media(max-width:991px){
	.header .showImage{
		margin:0 auto;
	}
}


/***********************************************************************/
/**************************** RICERCA ARTICOLI  **********************/
/***********************************************************************/
/* RICERCA */
.search {
	padding: 0px;
	width: 75% !important;
	margin: 0 auto;
}
.search span{
	width: 90% !important;
    margin: 15px 0px 0px 0px !important;
	height: auto !important;
	right: auto !important;
}
.search .combobox{
	left: 0px !important;
    top: 15px !important;
    height: 47px !important;
    width: 20px !important;
    background-color: #eeeeee;
    border: none !important;
}
.search .textSearch {
	font-size: 11px;
    float: right;
    margin: 0;
    border: 1px solid #ddd;
    height: 47px !important;
    line-height: 20px;
    background: transparent;
    border-right: 0;
    width: 100%;
    color: #c1c1c1;
    text-transform: capitalize;
    padding: 0px 20px 0px 30px !important;
    font-style: italic;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;    
}
.search .textSearch:-webkit-autofill{
	-webkit-box-shadow:0 0 0 50px #4e4e4e inset;
    -webkit-text-fill-color: #c1c1c1;
}
.search .labelSearch{display:none !important;}

.search .box{
	width:20% !important;
}
.search .box .combobox{
    width: 100% !important;
    height: 47px !important;
    margin: 15px 0px 0px 0px !important;
	border:0px;
    border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.search .boxSearchLeft{display:none !important;}
.search .button{
	display: block !important;
    width: 10% !important;
    margin: 15px 0px 0px 0px !important;
    height: 47px !important;
    background: #eeeeee url(../images/search.png) no-repeat 50% 50%;
    border: 1px solid #dddddd !important;
	border-radius: 0px;
	padding:0px !important;
}

.search .layerBorderLight{
	border: 1px solid #DDD;
	}
.search .suggester a{
	color: #000000;
    margin: 0px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    background-color: #FAFAFA;
    height: 100%;
}
.search .suggester a:hover{
	background-color: #FFFFFF;
}

@media(max-width:991px){
	.search {
		padding: 20px 0px;
	}
	.search .button {
		background: #eeeeee url(../images/search.png) no-repeat 50% 50%;
	}
}

 /*RISULTATI RICERCA*/
  .searchList {
	padding-bottom: 20px;
}
.searchList .titleGadget h3{
	font-size: 24px;
	color: #474948;
	font-weight: normal;
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 10px;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
	box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
 }
 .searchList_item{
	min-height:50px !important;
	padding:10px;
 }
 .searchList_item .titleItem{
	 font-size :18px;
	 font-weight: 500;
 }

/***********************************************************************/
/************************** SCHEDA PRODOTTO ************************/
/***********************************************************************/
.item{
}
.item .boxImg{
	display:none !important;
}
.item .image{
	top: 0px !important;
	left: 0px !important;
	width: auto !important;
	height: 200px !important;
}
.item .boxPriceFinal{
	border:1px solid #fc8c1f;
	background-color:#999999;
	display:none !important;
}
.item .desArt{
	color: var(--primary-color);
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-image: Url(../images/arrow_white.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.item .imgArticle{
	border: 1px solid #999999;
}
.item .desCatArt{
	font-size: 12px;
	color: #666666;
}
.item .price{
	font-size: 12px;
	color: #bebebe;
	font-weight: bold;
	text-decoration: line-through;
	font-style: italic;
}
.item .priceFinal{
	font-size: 20px;
	color: var(--primary-color);
	font-weight: 300;
	font-size: 23px;
	top: 70px !important;
}
.item .addToBasket{
	transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.2s;
    transition-property: background, color;
    transition-timing-function: ease, ease;
    margin-top: 11px !important;
    /*top: 120px !important;*/
    right: 15px !important;
    background-color: #999999 !important;
    padding: 0 10px !important;
    border-radius: initial;
    border: 0px !important;
    width: auto !important;
    color: #ffffff;
}
.item .addToBasket:hover{
	background-color: var(--primary-color) !important;
}
.item .boxPrice {
	border: 1px solid #999999;
	background-color: #F8F8F8;
}
.item .imageGallery{
	text-align:left !important;
	top: 208px !important;
}
.item a.imageGallery{
	font-size: 12px;
}
.item a.imageGallery:hover{
	font-size: 12px;
}
.item .priceWarning{
	font-size: 9px;
	color: #FF6600;
	font-weight: bold;
}
.item .vat{
 font-size: 9px;
 color: #666666;
}
.item .qta, .item .combobox{
	float: left;
    font-family: Arial !important;
    padding: 0;
    font-size: 12px !important;
    height: 37px !important;
    line-height: 37px;
    color: #888;
}
.item  span[id*=_wrp], .item  span[id*=_wrp] input[type=text]{
	height: 37px !important;
}
.item .dispView{
	font-size: 12px;
	color: var(--primary-color);
}
.item .dispLabel{
	font-size: 12px;
	color: #666666;
}
.item .label{
	font-size: 12px;
	font-weight: bold;
}
.item .lblCompare{
	font-size: 12px;
	color: #FF6600 !important;
	font-weight: bold;
	right: 25px !important;		
}
.item .lblCompare a{
	background-color: #999999 !important;
    padding: 8px 10px !important;
    border-radius: initial;
    border: 0px !important;
    width: auto !important;
    color: #ffffff !important;
}
.item .lblCompare a:hover{
    background-color: var(--primary-color) !important;
}

.item .buttonPreferiti, .item .buttonCompara, .item .buttonStampa{
	float: left;
    margin: 0;
    font-size: 14px !important;
    line-height: 1.25 !important;
    text-align: left !important;
	display:inline-flex;
	background-color:#252525;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	border-radius: initial;
	border:0px !important;
	margin:20px 2px 10px 2px !important;
	color: #fff;
	padding: 0px 11px !important;
	width:auto !important;
	min-width:28px;
	cursor:pointer;
	display: inline-flex;
}
.item .buttonPreferiti:hover, .item .buttonCompara:hover, .item .buttonStampa:hover{
	background-color: var(--primary-color);
	font-size: 14px !important;
}
.item .buttonPreferiti div, .item .buttonCompara div, .item .buttonStampa div{
	display:none;
	height: 28px;
    line-height: 28px;
    margin-left: 5px;
}
.item .buttonPreferiti.remove, .item .buttonCompara.remove, .item .buttonStampa.remove{
	background-color: var(--primary-color);
	color:#fff;
}
.item .buttonPreferiti:before{
	content: "\f004";
    font-family: FontAwesome;
	line-height: 28px;
	height:28px;
}
.item .buttonCompara:before{
	content: "\f021";
    font-family: FontAwesome;
	line-height: 28px;
	height:28px;
}
.item .buttonStampa:before{
	content: "\f02f";
    font-family: FontAwesome;
	line-height: 28px;
	height:28px;
}

/*galleria popup*/
.resource_container_wrapper{
}
.itemGallery{
	height:100% !important;
}
.itemGallery .fullSize {
	padding: 5px 15px;
	width: auto !important;
}
.itemGallery .imageIndex {
	font-size: 12px;
	background-color: #bdbdbd;
	color: #ffffff;
	width: 120px !important;
	text-align: center !important;
	padding: 5px 15px;
}
.itemGallery .image.prev, .itemGallery .image.next{
	width:24px !important;
	height:24px !important;
	top:510px !important;
}
.itemGallery .image.stop, .itemGallery .image.play{
	width:32px !important;
	height:32px !important;
	top:505px !important;
}


/*--- GALLERIA PRODOTTI ---*/
.product-info {
  margin-bottom: 10px;
}
.product-info .imageGallery {
	width: 100%;
	background-color: var(--primary-color);
	color: #FFF;
	margin: 0px auto;
	text-decoration: none;
}
.product-info .label{
	padding:0px !important;
	margin-top: 0px !important;
}
.product-info .product-images img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
}
.product-info .product-images .box {
  margin-bottom: 0;
}
.product-info .product-images .primary {
  /*margin: -20px -20px 0;*/
}
.product-info .product-images .thumbs {
  margin: 0 -20px;
  padding: 20px;
  position: relative;
}
.product-info .product-images .thumbs:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  position: absolute;
  left: 30px;
  top: -5px;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-info .product-images .thumbs .thumbs-list {
  margin-left: -3%;
  margin-bottom: -3%;
}
.product-info .product-images .thumbs .thumbs-list:before {
  content: '';
  display: block;
}
.product-info .product-images .thumbs .thumbs-list:after {
  content: '';
  display: table;
  clear: both;
}
.product-info .product-images .thumbs .thumbs-list li {
  width: 17%;
  float: left;
  margin-left: 3%;
  margin-bottom: 3%;
  list-style: none;
}
.product-info .product-images .thumbs .thumbs-list li a {
  display: block;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.product-info .product-images .thumbs .thumbs-list li a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #474948;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.product-info .product-images .thumbs .thumbs-list li a:hover {
  border-color: var(--primary-color);
  border-top: 0;
  border-right: 0;
  border-bottom: 5px solid;
  border-left: 0;
}
.product-info .product-images .thumbs .thumbs-list li a:hover:before {
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.product-info .product-images .thumbs .thumbs-list li a.active {
  border-color: var(--primary-color);
  border-top: 0;
  border-right: 0;
  border-bottom: 5px solid;
  border-left: 0;
}
.product-info .product-images .thumbs .thumbs-list li img {
  display: block;
}

/***********************************************************************/
/************************* SCHEDA PRODOTTO TAB ********************/
/***********************************************************************/
.itemTab{
	color: #606362;
	font-size: 12px;
	margin: -30px 0px 10px 0px;
    padding: 30px 10px;
    border: 1px solid #ededed;
	min-height: 100px !important;
}
.itemTab > div[id*="page"] > div {
    height: auto !important;
}
.itemTab .desArt{
	margin: 0px !important;
    padding: 0 !important;
    float: left !important;
}
.itemTab .desArt h1{
	display: block;
	color: #333339;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 10px;
	font-family: Raleway, sans-serif !important;
    font-weight: normal;
}
 .itemTab .boxDisp{
	margin: 0 !important;
    padding: 0px 0px 10px 0px !important;
	min-height:0px !important;
 }
.itemTab .boxPrice{
	clear: both;
    margin: 0 !important;
	padding: 0px 0px 10px 0px !important;
    min-height: 0px !important;
}
.itemTab .priceFinal{
	color: var(--primary-color);
	padding: 10px 0;
    font-size: 30px;
	white-space:nowrap;
	margin: 0 !important;
    padding: 0 !important;
}
.itemTab .priceFinal div, .itemTab .price div{
	font-family: Montserrat, sans-serif;
}
.itemTab .price div{
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	text-decoration: line-through;
}
.itemTab .desCatArt{
	padding-bottom: 20px;
    clear: both;
    color: #444444;
    margin: 0px 0px 15px 0px !important;
    font-size: 13px;
}
.itemTab .label{
	margin: 0px !important;
	font-size: 14px;
	font-weight: 500 !important;
}
.itemTab .label.addedField{
	margin: 0px !important;
	font-size: 13px;
	font-weight: normal !important;
}

.itemTab .vat {
	height: 42px;
	line-height: 42px;
	margin:0px !important
}
.itemTab .vat div{
	text-align:left;
}
.itemTab .qta, .itemTab .combobox{
    float: left;
    font-family: Arial !important;
    padding: 0;
    font-size: 12px !important;
    height: 37px !important;
    line-height: 37px;
    position: relative !important;
    color: #888;
	margin: 11px 0px 0px 0px !important;
}
.itemTab .qtaInput{
	float: left;
    text-align: center !important;
    min-width: 48px !important;
    background: none;
    height: 37px !important;
    line-height: 37px !important;
    padding: 0;
    border: 1px solid #aaa8a8;
    margin: 9px 0px 10px -2px !important;
}
.itemTab .addToBasket{
    background-color: #999999 !important;
    color: #fff;
    padding: 0 10px !important;
	border-radius: initial;
	border:0px !important;
	width:auto !important;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	margin-left: 15px !important;
	line-height: 37px !important;
    margin-top: 11px !important;
}
.itemTab .addToBasket div{
	padding-right: 20px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
	text-transform: uppercase;
}
.itemTab .addToBasket:hover{
    background-color: var(--primary-color) !important;
	color:#FFF;
}
.itemTab .buttonCompara{
	/*clear:left;*/
}
.itemTab .buttonPreferiti, .itemTab .buttonCompara, .itemTab .buttonStampa{
	float: left;
    margin: 0;
    font-size: 16px !important;
    text-align: left !important;
	display:inline-flex;
	background-color:#999999;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	border-radius: initial;
	border:0px !important;
	margin:20px 2px 10px 2px !important;
	color: #fff;
	padding:8px 12px !important;
	width:auto !important;
	min-width:39px;
	cursor:pointer;
}
.itemTab .buttonPreferiti i, .itemTab .buttonCompara i, .itemTab .buttonStampa i, .itemTab .addToBasket i {
    margin-right: 10px;
}
.itemTab .buttonPreferiti:hover, .itemTab .buttonCompara:hover, .itemTab .buttonStampa:hover{
	background-color: var(--primary-color);
	font-size: 16px !important;
}
.itemTab .buttonPreferiti div, .itemTab .buttonCompara div, .itemTab .buttonStampa div{
	display:none;
	height: 39px;
    line-height: 39px;
    margin-left: 5px;
}
.itemTab .buttonPreferiti.remove, .itemTab .buttonCompara.remove, .itemTab .buttonStampa.remove{
	background-color: var(--primary-color);
	color:#fff;
}
.itemTab .labelSelAttrib{
	color: #939694;
	font-size: 14px;
	font-weight: normal;
	margin: 0px !important;
    padding: 0px !important;
}
.itemTab .repeater{
	margin: 0px 0px 10px -5px !important;
}
.itemTab .repeater .portlet{
	height:30px !important;
}
.itemTab .repeater .combobox{
	margin:0px !important;
}
.itemTab .dispLabel{
	color: #999999;
    font-size: 12px;
}
.itemTab .dispView{
	color: var(--primary-color);
}

/***********************************************************************/
/******************* SCHEDA TECNICA ARTICOLO *********************/
/***********************************************************************/
.itemSheetContainer{
	background-color: #ffffff;
	margin-bottom: 20px;
	padding:10px;
}
.itemSheetContainer .titleSheets{
	font-size: 20px;
	line-height: 22.5px;
	font-weight: 300;
	letter-spacing: -0.5px;
	color: #474948;
	margin-bottom:15px !important;
}
.itemSheetContainer .repeater .desModel{
	font-size: 14px;
	margin-left: 10px !important;
}
.itemSheetContainer .repeater .desSheet{
	font-size: 12px;
	font-weight: 700;
	margin-left: 20px !important;
}
.itemSheetContainer .repeater .valueSheet{
	font-size: 12px;
}

/************************************************************************/
/**************************** COMPONENTI KIT ************************/
/***********************************************************************/
.compKit .titleCompKit{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.compKit .desArt{
	color: var(--primary-color);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.compKit .label{
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}
.compKit .boxHeader{
	display:none !important
}
.compKit .boxHeader .imgArticle{
	margin-left: 27px !important;
}

/***********************************************************************/
/************************* ORDINAMENTO ARTICOLI ******************/
/***********************************************************************/
.orderItems{
	margin-bottom:20px;
}
.orderItems .label{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
.orderItems .combobox{
    float: left;
    font-family: Arial !important;
    padding: 0;
    font-size: 12px !important;
    height: 37px !important;
    line-height: 37px;
    position: relative !important;
    color: #888;
	margin: 0px !important;
}

/***********************************************************************/
/*********** ELENCO ARTICOLI ALTERNATIVI/CORRELATI ************/
/***********************************************************************/
.itemsAlter, itemsAlter .items{
	width:100% !important;
	min-height: 80px !important;
    margin-bottom: 15px;
}
.itemsAlter .boxTitle{
	font-family: Raleway, sans-serif;
	font-size: 11px;
    background-color: var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 20px;
	display: inline-block;
    padding: 0;
    height: 47px;
}
.itemsAlter .titleAlter{
	color: #fff;
    line-height: 47px;
    margin-left: 15px !important;
	font-size: 14px;
	text-transform: uppercase;
    font-weight: 700;
}
.itemsAlter.items .boxImg{
	display: inline-block;
    float: left;
    margin-right: 10px;
	border: 1px solid #ededed;
	width: auto !important;
	min-height: 80px !important;
}
.itemsAlter.items .boxImg img{
	max-width: 80px;
    height: auto !important;
    width: 100% !important;
	margin:0px !important;
}
.itemsAlter.items .box {
	clear: none !important;
	width:auto !important;
	margin:0px !important;
}
.itemsAlter .repeater_wrapper .odd,.itemsAlter .repeater_wrapper .even{
	width:100%;
}
.itemsAlter.items .desArt {
    margin-left: 0px !important;
}
.itemsAlter.items .desArt a {
	width: 100% !important;
	text-transform: capitalize;
	text-decoration:none;
	font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
	transition: all 300ms ease;
}
.itemsAlter.items .desArt a:hover {
    color: var(--primary-color);
}
.itemsAlter.items .price {
	float:left !important;
	clear: left !important;
	margin: 0px 0 15px 0 !important;
    font-size: 18px;
    color: var(--primary-color);
    clear: both;
    font-family: 'Montserrat', sans-serif;
}
.itemsAlter .navbar_count{
	display:none;
}
 @media (max-width: 768px) {
	.itemsAlter .repeater_wrapper .odd,.itemsAlter .repeater_wrapper .even{
		width:45% !important;
	}
}

/***********************************************************************/
/***** ELENCO ARTICOLI ALTERNATIVI/CORRELATI SLIDE ***********/
/***********************************************************************/
.itemsAlter .flexslider .flex-direction-nav li a {
  background: url('../images/rarr.png') no-repeat center center;
  text-decoration: none;
}
.itemsAlter .flexslider .flex-direction-nav li:first-child a {
  background-image: url('../images/larr.png');
}
.itemsAlter.A .flexslider , .itemsAlter.C .flexslider {
	margin:0px !important;
	padding: 0px;
}
.itemsAlter.A .flex-direction-nav, .itemsAlter.C .flex-direction-nav {
	position:relative;
	height: 35px;
}
.itemsAlter.A .flexslider .flex-direction-nav li a, .itemsAlter.C .flexslider .flex-direction-nav li a {
	width: 50px;
	height: 35px;
	margin:0px !important;
	top: 0px;
}
.itemsAlter.A, itemsAlter.C {
	width: 100% !important;
	min-height: 40px !important;
	margin-bottom: 15px;
}
.itemsAlter.A .image, .itemsAlter.C .image{
	float: left;
	border: 1px solid #eee;
	padding: 5px;
	margin-right: 5px;
	width: 77px;
	height: 90px;
}
.itemsAlter.A .flexslider .slides img, .itemsAlter.C .flexslider .slides img {
	width: 100%;
	height: auto;
}
.itemsAlter.A .title, .itemsAlter.C .title{
	float: left;
}
.itemsAlter.A .desart, .itemsAlter.C .desart{
	float: left;
	clear: both;
	font-weight: 600;
	font-size: 12px;
	text-transform: capitalize;
	line-height: 20px;
	color: #999999;
	transition: all 300ms ease-in 0s;
	padding: 0px 0px 10px 0px;
	max-width: 120px;
}
.itemsAlter.A .prices, .itemsAlter.C .prices{
	float: left;
	clear: both;
	color: var(--primary-color);
	font-size: 18px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif !important;
}
.itemsAlter .flexslider .slides img {
    width: 80px;
    height: auto;
}


/***********************************************************************/
/******************************* MENU *********************************/
/***********************************************************************/
.wrapper_menu{
	margin:0px 0px 0px 0px !important;
	background-color: var(--primary-color);
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    z-index: 10000;
	width: 100% !important;
	min-height:47px;
}
.wrapper_menu.fixed{
	z-index: 99999;	
}
.container.menu{
	width: 100%;
    max-width: 1230px;
}
@media (min-width: 768px) {
	.wrapper_menu.fixed {
		position: fixed;
		top: 0px;
	}
}

/***********************************************************************/
/**************** MENU CATEGORIE ORIZZONTALE *******************/
/***********************************************************************/
.row .menu{
	z-index:1;
}
.menuview_horizontal .topmenu {
	margin:0;
	padding:0;
}
.menuview_horizontal .topmenu > li {
	float: left;
	margin: 0;
	border: none;
	position: inherit !important;
}
.menuview_horizontal .topmenu > li > a {
	padding: 5px 20px;
    text-decoration: none;
    display: block;
    line-height: 37px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: relative;
	transition: all 300ms ease-in 0s;
}
.menuview_horizontal .topmenu > li > a:hover {
	color: #eee;
}

/*submenu*/
.menuview_horizontal .topmenu li > ul{
	background-color: #FAFAFA;
	padding:10px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.menuview_horizontal .topmenu li ul li > ul{
	border-top: 1px solid #DDD;
}
.menuview_horizontal .topmenu .level1.parent > ul{
	left:auto !important;
	top: 47px !important;
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.menuview_horizontal .topmenu .level2 a{
	color: #333;
	width: 92%;
	padding: 3px 40px 3px 15px;
	font-size: 12px;
	line-height: 21px;
	margin: 0;
	text-align: left;
	border:none;
	text-transform: capitalize;
	text-decoration:none;
	white-space: nowrap;
}
.menuview_horizontal .topmenu .level2 a:hover{
	color:var(--primary-color);
}
.menuview_horizontal .topmenu .submenu-left{
	background: url("../images/arrow.gif") no-repeat right 9px;
	margin-right:5px;
}
.menuview_horizontal .topmenu .submenu-left:hover{
	color:var(--primary-color);
}

/* Submenu layer */
.menuview_horizontal .topmenu .megamenu{
	top: auto !important;
	/*left: 0px !important; */ /*per visualizzazione submenu layer al 100%*/
	/*width: 100% !important;*/ /*per visualizzazione submenu layer al 100%*/
	left:auto !important;
	width: auto !important;
	max-width:768px;	
	background-color: #FAFAFA !important;
	overflow:visible !important;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/*image in submenu*/
.menuview_horizontal .topmenu .megamenu .showImage{
	width: 100% !important;
}
.menuview_horizontal .topmenu .megamenu .showImage img{
	max-width: 100%;
	width: 100% !important;
	height: auto !important;
	margin-top: 20px !important;
}
/*content in submenu*/
.menuview_horizontal .topmenu .megamenu .content img{
	max-width: 90%;
	width: 90% !important;
	height: auto !important;
}

/*social in submenu*/
.menuview_horizontal .topmenu .megamenu .social{
	padding:10px 0 10px 10px;
}
/*contentList in submenu*/
.menuview_horizontal .topmenu .megamenu .contentList{
	padding: 30px 0 20px 0;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.menuview_horizontal .topmenu .megamenu .contentList .titleGadget h3{
	color: #474948;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px 12px;
	padding: 0;
	font-weight: normal !important;
	letter-spacing: -0.5px;
}
.menuview_horizontal .topmenu .megamenu .contentList a{
	color: #333;
	text-decoration: none;
	font-size: 12px;
	line-height: 21px;
	padding:0px;
	margin:0px;
	letter-spacing:normal;
	webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
.menuview_horizontal .topmenu .megamenu .contentList a:hover{
	color: var(--primary-color);
}
.menuview_horizontal .topmenu .megamenu .contentList .grid .grid_table tr td {
	padding:0px;
}
@media (max-width: 768px) {
	.menuview_horizontal .topmenu .megamenu .contentList {
		padding: 10px 0 10px 0;
	}
	.menuview_horizontal .topmenu .megamenu .contentList a{
		border:none;
		padding:0px;
		height:auto;
	}
}
/* MENU*/
@media (max-width: 768px) {
	.menuview_horizontal .topmenu li a {
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #CCC;
		padding: 0px;
	}
	.menuview_horizontal .topmenu li.level1{
		width: 100%;
	}
	.menuview_horizontal .topmenu > li:first-child:before {
		content: none;
	}
	.menuview_horizontal .topmenu > li:first-child > a:first-child:before {
		content: none;
	}
	.menuview_horizontal .topmenu > li:first-child > a:first-child:after {
		content: none;
	}
}


/***********************************************************************/
/********************** ELENCO CATEGORIE A COLONNE CON IMMAGINE *************/
/***********************************************************************/
.categoriesMenu .repeater {
	width:66.6666666666% !important;
}
.categoriesMenu .image {
	/*width: auto !important;*/
    max-width: 33.33333333% !important;
    float: right !important;
    height: auto !important;
    padding: 20px !important;
}
.categoriesMenu .repeater .repeater_ele.odd,
.categoriesMenu .repeater .repeater_ele.even{
    width: 25% !important;
	min-width:120px;
	padding:5px;
}
.categoriesMenu .categoriesMenuItem .titleCategory {
    margin: 10px 0px !important;
    float: left !important;
    clear: both;
}
.categoriesMenu .categoriesMenuItem .titleCategory a{
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0px;
}
@media (max-width: 768px) {
	.megamenu{
		display:none !important;
	}
}

/***********************************************************************/
/***************************** ELENCO ARTICOLI BOX E LISTA ******************/
/***********************************************************************/
.gadgetItemsContainerBoxList .repeater_wrapper .odd, .gadgetItemsContainerBoxList .repeater_wrapper .even{
	width:25%;
    padding: 0px 10px 0px 10px !important;
    margin-bottom: 10px;
}
.gadgetItemsContainerBoxList .itemsList{
	text-align: center;
    border: 1px solid #ebebeb;
    position: relative;
    cursor: pointer;
	min-height: 280px !important;
	min-width: 150px !important;
    height: auto !important;
    display: inline-block;
}
.gadgetItemsContainerBoxList .itemsList .desArt, .gadgetItemsContainerBoxList .itemsList .desCatArt{
	width: 100% !important;
    margin: 0px !important;
	float:left !important;
	position: relative !important;
	top:0px !important;
}
.gadgetItemsContainerBoxList .itemsList .codArt {
    width: 100% !important;
    margin: 0px !important;
    float: left !important;
    position: relative !important;
    top: 0px !important;
    padding: 2px 2px 10px 2px;
}
.gadgetItemsContainerBoxList .itemsList .codArt a {
    width: 100% !important;
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    background-color: #eeeeee;
}
.gadgetItemsContainerBoxList .itemsList .desArt{
	min-height:40px !important;
}
.gadgetItemsContainerBoxList .itemsList .desCatArt{
	min-height:60px !important;
}	
.gadgetItemsContainerBoxList .itemsList .desArt a, .gadgetItemsContainerBoxList .itemsList .desCatArt a{
	font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
    color: #3f3f3f;
    transition: all 300ms ease-in 0s;
}
.gadgetItemsContainerBoxList .itemsList .desArt a:hover, .gadgetItemsContainerBoxList .itemsList .desCatArt a:hover{
	color: var(--primary-color);
	text-decoration:none;
}
.gadgetItemsContainerBoxList .itemsList .desCatArt{
	display:none !important;
	text-align: left;
    padding: 0px 5px;
}
.gadgetItemsContainerBoxList .itemsList div[id$=_imgArticle]{	
	display: inline-block;		
	min-height: 239px;
	margin-bottom: 10px;
	width: 100%;
}
.gadgetItemsContainerBoxList .itemsList .imgArticle{
	max-width: 100% !important;
    height: auto !important;
    position: relative !important;
    max-height: 239px !important;
    width: auto !important;
}
.gadgetItemsContainerBoxList .itemsList  .boxButton{
    min-height: initial !important;
    margin: 0px !important;
    padding: 0px !important;
    bottom: 0px !important;
	left: 0px !important;
    position: absolute !important;
    width: 100% !important;
	opacity:0;
	z-index:1000 !important;
	height:auto !important;
	transition: all 300ms ease;
	background-color: var(--primary-color);
}
.gadgetItemsContainerBoxList .itemsList  .boxButtonOver{
	opacity:1;
}

.gadgetItemsContainerBoxList .itemsList .boxCod,
.gadgetItemsContainerBoxList .itemsList .boxDescr,
.gadgetItemsContainerBoxList .itemsList .boxPrice,
.gadgetItemsContainerBoxList .itemsList .boxQta,
.gadgetItemsContainerBoxList .itemsList .boxDisp,
.gadgetItemsContainerBoxList .itemsList .attribute{
	float: left !important;
    margin-top: 0px !important;
	margin-left: 0px !important;    
    position: relative !important;
    top: 0px !important;
	height: auto !important;
	width: 100% !important;
}
.gadgetItemsContainerBoxList .itemsList .boxSconti {
	float: left !important;
    margin: 0px !important;
    position: relative !important;
    top: 0px !important;
	left: 0px !important;
	height: auto !important;
	width: 100% !important;
}
.gadgetItemsContainerBoxList .itemsList .boxDescr{	
    min-height:20px !important;	
}
.gadgetItemsContainerBoxList .itemsList .boxPrice{	
    min-height:40px !important;	
}
.gadgetItemsContainerBoxList .itemsList .boxPromo{	
	min-height:0px !important;	
}
.gadgetItemsContainerBoxList .itemsList .boxQta{	
    min-height:60px !important;	
}
.gadgetItemsContainerBoxList .itemsList .boxQtaInput {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
	float: right !important;
    width: 110px !important;
    margin: 10px 0px 10px 5px !important;	
}
.gadgetItemsContainerBoxList .itemsList .boxDisp {	
    min-height:60px !important;		
}
.gadgetItemsContainerBoxList .itemsList .attribute {    
	padding: 5px 5px 10px 5px !important;
	display: none !important;
}

.gadgetItemsContainerBoxList .itemsList .addToBasket, .gadgetItemsContainerBoxList .itemsList .buttonPreferiti, .gadgetItemsContainerBoxList .itemsList .buttonCompara, .gadgetItemsContainerBoxList .itemsList .buttonQuickview{
	float: left;
    font-size: 16px !important;
    line-height: 1.25 !important;
	display:inline-flex;
	background-color:var(--primary-color);
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	border-radius: initial;
	border:0px !important;
	color: #fff;
	cursor:pointer;
	display: inline-flex;
	clear:none !important;
	width:25% !important;
	/*width:100% !important;*/
	margin: 0px !important;
	top:0px !important;
	left:0px !important;
	position:relative !important;
}
.gadgetItemsContainerBoxList .itemsList .addToBasket:hover, .gadgetItemsContainerBoxList .itemsList .buttonPreferiti:hover, .gadgetItemsContainerBoxList .itemsList .buttonCompara:hover, .gadgetItemsContainerBoxList .itemsList .buttonQuickview:hover {
    background-color: var(--primary-color);
}
.gadgetItemsContainerBoxList .itemsList .addToBasket div, .gadgetItemsContainerBoxList .itemsList .buttonPreferiti div, .gadgetItemsContainerBoxList .itemsList .buttonCompara div, .gadgetItemsContainerBoxList .itemsList .buttonQuickview div{
	display:none;
	/*display:block;*/
	height: 39px;
    line-height: 39px;
    margin-left: 5px;
}
.gadgetItemsContainerBoxList .itemsList .buttonQuickview{
	clear:left !important;
}
.gadgetItemsContainerBoxList .itemsList .addToBasket:hover, .gadgetItemsContainerBoxList .itemsList .buttonPreferiti:hover, .gadgetItemsContainerBoxList .itemsList .buttonCompara:hover, .gadgetItemsContainerBoxList .itemsList .buttonQuickview:hvoer{
	background-color: var(--primary-color);
	font-size: 16px !important;
}
.gadgetItemsContainerBoxList .itemsList .buttonPreferiti.remove, .gadgetItemsContainerBoxList .itemsList .buttonCompara.remove{
	background-color: var(--primary-color);
	color: #999999;
}
.gadgetItemsContainerBoxList .itemsList .addToBasket:before,.gadgetItemsContainerBoxList .itemsList .buttonPreferiti:before,.gadgetItemsContainerBoxList .itemsList .buttonCompara:before,.gadgetItemsContainerBoxList .itemsList .buttonQuickview:before{
    font-family: FontAwesome;
	line-height: 29px;
    height: 29px;
	margin: 0 auto;
}
.gadgetItemsContainerBoxList .itemsList .addToBasket:before{
	content: "\f07a";
	font-size: 20px;
	color:green;
}
.gadgetItemsContainerBoxList .itemsList .addToBasket.variant:before {
    content: "\f050";
	font-size: 16px;
	color:green;
}
.gadgetItemsContainerBoxList .itemsList .buttonPreferiti:before{
	content: "\f004";
}
.gadgetItemsContainerBoxList .itemsList .buttonCompara:before{
	content: "\f021";
}
.gadgetItemsContainerBoxList .itemsList .buttonQuickview:before{
	content: "\f00e";
}
.gadgetItemsContainerBoxList .itemsList .dispView{
	font-size: 12px;
	color: var(--primary-color);
	/*width: auto !important;*/
    margin: 0px 0px 5px 5px !important;
	position: relative !important;
    top: 0px !important;
    left: 0px !important;
}
.gadgetItemsContainerBoxList .itemsList .dispLabel{
	font-size: 12px;
	color: #939694;
    width: auto !important;
    margin: 0px 0px 0px 5px !important;
	position: relative !important;
    top: 0px !important;
    left: 0px !important;
	clear: left !important;
}
.gadgetItemsContainerBoxList .itemsList .label {
	line-height: 32px;
	width: auto !important;
    padding: 10px 0px !important;
}
.gadgetItemsContainerBoxList .itemsList .price{	
    width: auto !important;
	position: relative !important;
    top: auto !important;
    left: 0px !important;
	margin: 15px 0px 0px 10px !important;
}
.gadgetItemsContainerBoxList .itemsList .price > div{
	color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.gadgetItemsContainerBoxList .itemsList .priceFinal{
	clear: left !important;
	white-space: nowrap;
	width: auto !important;
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
	margin: 10px 0px 0px 10px !important;
}
.gadgetItemsContainerBoxList .itemsList .priceFinal > div{
    color: var(--primary-color);
	font-size: 18px;
    font-weight: bold;
	font-family: 'Montserrat', sans-serif !important;
}
.gadgetItemsContainerBoxList .itemsList .combobox{
	clear: left;
    float: left;
    margin: 10px 0px 10px 5px !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
	height: 37px !important;
	width: 60px !important;
	border-color: #cccccc;
}
.gadgetItemsContainerBoxList .itemsList .priceWarning{
	display:none !important;
}
.gadgetItemsContainerBoxList .itemsList .qta{
	font-size: 12px;
	color: #323232;
	font-weight: bold;
}
.gadgetItemsContainerBoxList .itemsList .qtaInput{
	position: relative !important;
    left: 0px !important;
    top: 0px !important;
    float: left !important;
    margin: 0px !important;
	height: 37px !important;
    line-height: 37px;
	width: 50px !important;
}
.gadgetItemsContainerBoxList .itemsList .qtaInput input{
    height: 37px !important;
    line-height: 37px;
    border: 1px solid #cccccc;
	text-align: center !important;
	max-width:100%;
}
.gadgetItemsContainerBoxList .itemsList .btnDown,
.gadgetItemsContainerBoxList .itemsList .btnUp{
	height: 37px !important;
	border-radius:0px !important;
	width:30px !important;
	border:none !important;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	position: relative !important;
    left: 0px !important;
    top: 0px !important;
}
.gadgetItemsContainerBoxList .itemsList .btnDown{
	border-left: 1px solid #ccc !important;
}
.gadgetItemsContainerBoxList .itemsList .btnUp{
	border-right: 1px solid #ccc !important;
}
.gadgetItemsContainerBoxList .boxBackground,.gadgetItemsContainer .boxBackground {
    background-color: #fff !important;
    border: 1px solid #ddd; 
}
.gadgetItemsContainerBoxList .combobox.order, .gadgetItemsContainer .combobox.order{
    color: #666666;
    margin-right: 0px;
    top: 0px !important;
    right: 0px !important;
    height: 44px !important;
	width: auto !important;
    border: 0px solid #dddddd;    
	margin: 0px !important;
	float:right !important;
}
.gadgetItemsContainerBoxList .btn.btnList, .gadgetItemsContainerBoxList .btn.btnBlock,
.gadgetItemsContainer .btn.btnList, .gadgetItemsContainer .btn.btnBlock{
	background-color: #eeeeee;
    border-radius: 0px;
    padding: 10px 18px !important;
}
.gadgetItemsContainerBoxList .btn.btnList:hover, .gadgetItemsContainerBoxList .btn.btnBlock:hover,
.gadgetItemsContainer .btn.btnList:hover, .gadgetItemsContainer .btn.btnBlock:hover{
	color: var(--primary-color);
}
.gadgetItemsContainerBoxList .btn.btnBlock div:before, .gadgetItemsContainer .btn.btnBlock div:before{
    content: "\f009";
	font-family:FontAwesome;
	font-size: 16px;	
}
.gadgetItemsContainerBoxList .btn.btnList div:before, .gadgetItemsContainer .btn.btnList div:before{
    content: "\f00b";
	font-family:FontAwesome;
	font-size: 16px;
}
.gadgetItemsContainerBoxList .addToBasket{
	float: right !important;
    width: auto !important;
    height: auto !important;
}

@media (max-width: 480px){
	.gadgetItemsContainerBoxList .repeater_wrapper .odd, .gadgetItemsContainerBoxList .repeater_wrapper .even {
		width: 100% !important;
	}	
}
@media(max-width:991px){
	.gadgetItemsContainerBoxList .repeater_wrapper .odd, .gadgetItemsContainerBoxList .repeater_wrapper .even {
		width: 33%;
	}
}
@media (max-width:768px){
	.gadgetItemsContainerBoxList .repeater_wrapper .odd, .gadgetItemsContainerBoxList .repeater_wrapper .even {
		width: 50%;
		clear: none !important;
	}
}

/***********************************************************************/
/********************** ELENCO ARTICOLI BOX E LISTA  ( lista )******************/
/***********************************************************************/
.gadgetItemsContainerBoxList.hor .repeater_wrapper .odd, 
.gadgetItemsContainerBoxList.hor .repeater_wrapper .even {
    width: 100% !important;
}
.gadgetItemsContainerBoxList.hor .combobox.order, 
.gadgetItemsContainer.hor .combobox.order {
    height: 44px !important;
	width: auto !important;
	margin: 0px !important;
	float:right !important;
}
.gadgetItemsContainerBoxList.hor .itemsList {    
    min-height: 60px !important;
	text-align: initial;
	border: 0px;
}
.gadgetItemsContainerBoxList.hor .itemsList div[id$=_imgArticle] {
	display:inline-block;
	width: 8%;
    float: left;
	padding: 0px 10px 0px 0px;
	min-height: 40px;
    margin-bottom: 10px;
	height: auto;
}	
.gadgetItemsContainerBoxList.hor .itemsList .imgArticle {
    max-height: 40px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxCod{	
	width: 16% !important;
    clear: none !important;
    padding: 5px 10px 0px 10px !important;
    min-height: 40px !important;
    margin-bottom: 10px;
}
.gadgetItemsContainerBoxList .itemsList .codArt {
    padding: 0px 2px 0px 2px;
}
.gadgetItemsContainerBoxList.hor .itemsList .codArt a {
    width: 100% !important;
    padding: 0px 0px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
	background-color:transparent !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxDescr{	
    width:32% !important;
	clear:none !important;			
    padding: 5px 10px 0px 10px;
    background-color: #fff;
	min-height: 40px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .desArt {
    min-height: 20px !important;
	padding: 0px 5px;
}
.gadgetItemsContainerBoxList.hor .itemsList .desCatArt {
    display: block !important;
	padding-bottom: 10px !important;
	min-height:20px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .attribute {
	width: 15% !important;
    clear: none !important;
    min-height: 110px !important;
	display: none !important;
	padding: 10px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxPrice{	
    width:14% !important;
	clear:none !important;	
    padding: 0px 10px 0px 10px;
	background-color: #fff;
	min-height: 40px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .label {
	line-height: 32px;
	width: auto !important;
    padding: 10px 0px 10px 40px !important
}
.gadgetItemsContainerBoxList.hor .itemsList .price {
    float: right !important;
	margin: 0px 10px -15px 10px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .priceFinal {
    float: right !important;
	margin: 10px 10px 0px 10px !important;
    clear: both;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxQta {
    width: 30% !important;
    clear: none !important;
    padding: 0px 5px 0px 10px;
    background-color: #fff;
	min-height: 40px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxQtaInput {
    margin: 5px 0px 5px 5px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .combobox {
    float: right !important;
    clear: right;
	margin: 5px 0px 5px 5px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .qtaInput {
    float: left !important;
	width: 50px !important;
	margin: 0px !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxDisp {	
    width:15% !important;
	clear:none !important;
	border-left: 1px solid #dddddd;
    padding: 10px 10px 0px 10px;
    background-color: #fff;
	min-height: 110px !important;
	display:none !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxButton{
	opacity:1;
	background-color:#ffffff;
	position: relative !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxButtonOver {
    opacity: 1;
    background-color: #f1f1f1 !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxButton td{
	text-align:right;
}
.gadgetItemsContainerBoxList.hor .itemsList .boxButtonOver span {
	background-color:transparent !important;
}
.gadgetItemsContainerBoxList.hor .itemsList .addToBasket, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonPreferiti, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonCompara, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonQuickview {
	width:auto !important;
	padding:0px 15px !important;
	clear:none !important;
	float:none !important;
	display:inline-block !important;
	background-color: #ffffff;
    color: #999999;
}
.gadgetItemsContainerBoxList.hor .itemsList .addToBasket:hover, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonPreferiti:hover, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonCompara:hover, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonQuickview:hover {
    color: var(--primary-color);
}
.gadgetItemsContainerBoxList.hor .itemsList .buttonPreferiti.remove, 
.gadgetItemsContainerBoxList.hor .itemsList .buttonCompara.remove {    
    color: var(--primary-color)  !important;
}

@media(max-width:991px){
	.gadgetItemsContainerBoxList.hor .itemsList .boxCod {
		width: 20% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxDescr{
		width:70% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxPrice {
		width: 20% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxQta {
		width: 40% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxButton {
		width: 40% !important;
		clear:none !important;
		min-height: 47px !important;
		line-height: 47px; !important;
	}	
}
@media(max-width:568px){
	.gadgetItemsContainerBoxList.hor .itemsList div[id$=_imgArticle]{
		width:20% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxCod {
		width: 80% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxDescr{
		width:100% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxPrice {
		width: 40% !important;
		clear: left !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxQta {
		width: 60% !important;
	}
	.gadgetItemsContainerBoxList.hor .itemsList .boxButton {
		width: 100% !important;		
	}
}

@media(min-width:990px) and (max-width:1200px){
	.gadgetItemsContainerBoxList .itemsList .combobox{
		width: 95% !important;
	}
}

/***********************************************************************************************/
/****************************layer con quickvie e scheda in modale ********************************/
/***********************************************************************************************/
.spModalLayer {
	z-index: 100000;
	position:absolute;
	box-shadow:0 5px 15px rgba(0,0,0,.5);
	background-color: #ffffff;
}
.spModalLayer_cinema{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #000000;
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	z-index: 99999;
}
.spModalLayer .basket.resp {
    overflow: initial !important;
}
.spModalLayer .basket.resp .labelBig {
    padding: 5px !important;
    font-size: 14px;
}
@media(max-width:568px){
	.spModalLayer{
		width: 90% !important;
		max-width:500px !important;
		left: 5% !important;
		right: 5% !important;
	}
	.resource_container_wrapper, .resource_container{	
		padding: 0px 0px 5px 0px;
		width:100% !important;
	}
	.resource_container iframe{
		width: 100% !important;
	}
	.itemGal .boxDisp,
	.itemGal .boxPrice,
	.itemGal .repeater,
	.itemGal .desCatArt
	{  
		max-width: 100%;
		width: auto !important;
	}
	.itemGal .addToBasket {
		clear: left !important;
		margin-left: 0px !important;
		padding: 0px 25px !important;
	}
}

/***********************************************************************/
/*************************** ELENCO ARTICOLI / ARTICOLI *********************/
/***********************************************************************/
.container.col{
	padding: 15px !important;
}
.gadgetItemsContainer .repeater_wrapper .odd, .gadgetItemsContainer .repeater_wrapper .even{
	width:100%;
    padding: 0px 10px 10px 10px !important;
    margin-bottom: 20px;
}
.gadgetItemsContainer .itemsList{
	text-align: center;
    border: 1px solid #ebebeb;
    position: relative;
    display: inline-block;
	padding-bottom:20px;
}
.gadgetItemsContainer .itemsList .label {
    line-height: 37px;
}
.gadgetItemsContainer .itemsList .desArt{
	width: auto !important;
    top: 10px !important;
}
.gadgetItemsContainer .itemsList .desCatArt{
	width: auto !important;
}
.gadgetItemsContainer .itemsList .desArt a, .gadgetItemsContainer .itemsList .desCatArt a{
	font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
    color: #3f3f3f;
    transition: all 300ms ease-in 0s;
}
.gadgetItemsContainer .itemsList .desArt a:hover, .gadgetItemsContainer .itemsList .desCatArt a:hover{
	color: var(--primary-color);
	text-decoration:none;
}
.gadgetItemsContainer .itemsList .boxImg {
    top: 0px !important;
    left: 0px !important;
}
.gadgetItemsContainer .itemsList .imgArticle{	
	max-width: 100% !important;
    height: auto !important;
    max-height: 154px !important;
    width: auto !important;
    top: 5px !important;
    left: 5px !important;
}
.gadgetItemsContainer .itemsList .addToBasket, .gadgetItemsContainer .itemsList .buttonPreferiti, .gadgetItemsContainer .itemsList .buttonCompara{
	font-size: 14px !important;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.2s;
    transition-property: background, color;
    transition-timing-function: ease, ease;
    border-radius: initial;
    border: 0px !important;
    color: #fff;
    cursor: pointer;
    width: 25% !important;
    max-width: 120px;
	height: 37px !important;
	background-color: #999999 !important;
}
.gadgetItemsContainer .itemsList .addToBasket:hover, .gadgetItemsContainer .itemsList .buttonPreferiti:hover, .gadgetItemsContainer .itemsList .buttonCompara:hover{
    background-color: var(--primary-color) !important;
}
.gadgetItemsContainer .itemsList .price{
	width: auto !important;
    right: 20px !important;
}
.gadgetItemsContainer .itemsList .price > div{
	color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.gadgetItemsContainer .itemsList .priceFinal{
	white-space: nowrap;
	width: auto !important;
    right: 20px !important;
}
.gadgetItemsContainer .itemsList .priceFinal > div{
    color: var(--primary-color);
	font-size: 18px;
    font-weight: bold;
	font-family: 'Montserrat', sans-serif !important;
}
.gadgetItemsContainer .itemsList .dispView{
	font-size: 12px;
	color: var(--primary-color);
}
.gadgetItemsContainer .itemsList .dispLabel{
	font-size: 12px;
	color: #939694;
}
.gadgetItemsContainer .itemsList .imgFavOn{
	background-color:#ddd;
	background-image: Url(../images/preferiti_18.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px !important;
    height: 20px !important;
    right: 92px !important;
	border: 1px solid #bbb;
    border-radius: 2px;
}
.gadgetItemsContainer .itemsList .imgFavOff{
	background-color:#ddd;	
    background-image: Url(../images/preferiti_off_18.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    right: 92px !important;
    border: 1px solid #bbb;
    border-radius: 2px;
}
.gadgetItemsContainer .itemsList .combobox,
.gadgetItemsContainer .itemsList span[id*=_wrp],
.gadgetItemsContainer .itemsList span[id*=_wrp] input[type=text],
.gadgetItemsContainer .itemsList span[id*=_wrp] input[type=password],
.gadgetItemsContainer .itemsList textarea,
.gadgetItemsContainer .itemsList select{
	height: 37px !important;
}

.gadgetItemsContainer .itemsList .combobox {
    margin: 0px 5px 0px 0px !important;
}

/***********************************************************************/
/********************** ELENCO ARTICOLI A GRID *********************/
/***********************************************************************/
.insItemsList, .insItemsList .repeater{
	margin-bottom: 15px;
}

/* BASKET INSERIMENTO ARTICOLI */
.insItemsList .add,.insItemsList .select,.insItemsList .deselect{
	height:auto !important;
	white-space:nowrap !important;
	width: auto !important;
	margin: 0px 1px 0px 1px !important;
	color:#666666;
}
.itemsListGrid {
    border-bottom: 1px solid #cecece;
	margin-bottom: 10px;
}
.itemsListGrid .desArt a{
	font-weight: bold;
}
.itemsListGrid .titleSearch {
	font-size: 24px;
	color: #323232;
	font-weight: bold;
}
.itemsListGrid .dispLabel{
	font-size: 12px;
	color: #939694;
}
.itemsListGrid .dispView{
	font-size: 12px;
	color: var(--primary-color);
}
.itemsListGrid .priceFinal{
	color: var(--primary-color);
    font-size: 24px;
    white-space: nowrap;
    margin: 0px 5px 0px 0px !important;
    padding: 0px !important;
}
.itemsListGrid .price div {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    text-decoration: line-through;
}
.itemsListGrid .addToBasket {
	background-color: #999999;
	height: 37px !important;
    color: #fff;
    padding: 0 10px !important;
    border-radius: initial;
    border: 0px !important;
    width: auto !important;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.2s;
    transition-property: background, color;
    transition-timing-function: ease, ease;
    line-height: 37px !important;
    margin-top: 2px !important;
	cursor:pointer;
}
.itemsListGrid .addToBasket:hover {
    background-color: var(--primary-color);
    color: #FFF;
}
.itemsListGrid span[id$=_labelQTA] {
    display: none !important;
}
.itemsListGrid .qtaInput {
    text-align: center !important;
    min-width: 48px !important;
    height: 37px !important;
    line-height: 37px !important;
}
.itemsListGrid .combobox{
	padding: 0;
    font-size: 12px !important;
    height: 37px !important;
    line-height: 37px;
    color: #888;
    margin: 0px 5px !important;
}
.itemsListGrid .label{
	white-space: nowrap !important;
	width: auto !important;
	text-align: center !important;
	padding: 5px 0px;
}


.itemsListGrid span[id*=_wrp] input[type=text], 
.itemsListGrid span[id*=_wrp] input[type=password], 
.itemsListGrid textarea, 
.itemsListGrid select {
    height: 37px !important;
    line-height: 37px !important;
}	
.itemsListGrid span[id*=PriceFinalInfo]{
	display:none !important;
}

/***********************************************************************/
/**************************** ARTICOLI FAVORITI ********************/
/***********************************************************************/
.favouriteContainer{
	background-color: transparent;
}
.favouriteContainer .itemsList {
	border-bottom: 1px solid var(--primary-color) !important;
	margin-bottom:25px;
}
.favouriteContainer .itemsList .buttonDel {
    background: #ffffff Url(../images/close.gif) no-repeat 50% 50%;
    border-radius: 50% !important;
    padding: 10px;
}
.favouriteContainer .itemsList .buttonDel:hover{
	background-color: var(--primary-color);
}
.favouriteContainer .itemsList .imgArticle{
	top: 0px !important;
	left: 0px !important;
    width: 200px !important;
    height: auto !important;
}
.favouriteContainer .itemsList .desArt{
	top: 0px !important;
}
.favouriteContainer .itemsList .desArt a{
    display: block;
    color: #333339;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-family: Raleway, sans-serif !important;
    font-weight: normal;
	transition: all 300ms ease-in 0s;
}
.favouriteContainer .itemsList .desArt a:hover{
	color: var(--primary-color);
	text-decoration:none;
}
.favouriteContainer .itemsList .desCatArt{
	color: #999999;
    font-family: Arial;
    font-size: 12px;
}
.favouriteContainer .itemsList .priceFinal {
    color: var(--primary-color);
    padding: 10px 0;
    font-size: 30px;
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 !important;
}
.favouriteContainer .itemsList .price div {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    text-decoration: line-through;
}
.favouriteContainer .itemsList .addToBasket {
    height: 37px !important;
    color: #666666;
}
.favouriteContainer .itemsList .dispView{
	font-size: 12px;
	color: var(--primary-color);
}
.favouriteContainer .itemsList .dispLabel{
	font-size: 12px;
	color: #939694;
}
.favouriteContainer .itemsList .combobox{
	height:37px !important;
	bottom: 245px !important;
}
.favouriteContainer .itemsList span[id*=txtQTA_wrp],
.favouriteContainer .itemsList .qtaInput{
	height:37px !important;
	bottom: 245px !important;
}

/**************************************************************************/
/**************************** COMPARA ARTICOLI ****************************/
/**************************************************************************/
.compareContainer {
	margin-bottom: 20px;
	font-size: 13px;
}
.compareContainer .repeater .repeater_wrapper {
	display: flex;
	flex-flow: row nowrap;
	overflow-x: auto;
}
.compareContainer .repeater .repeater_wrapper .repeater_ele {
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	flex: 0 1 25%;
	min-width: 200px;
}
.compareContainer .repeater .repeater_wrapper .repeater_ele:first-child {
    background-color: #F0F0F0;
	min-width: 190px;
	border-left: 1px solid #dedede;
}
/* Articolo */
.compareArticoli {
	position: relative;
}
/* Bottone rimuovi */
.compareArticoli .buttonDel {
	position: absolute !important;
	top: 5px !important;
	right: 5px !important;
	margin: 0 !important;
	background: #3f3f3f Url(../images/close.gif) no-repeat 50% 50%;
    border-radius: 50% !important;
    padding: 10px;
}
/* Immagine */
.compareArticoli div.imgArt_ctrl {
	width: 180px;
	height: 180px;
	margin: 10px auto 0;
}
.compareArticoli div.imgArt_ctrl a {
	display: block;
	width: 100%;
	height: 100%;
}
.compareArticoli div.imgArt_ctrl .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Label descrizione */
.compareArticoli .desArt {
	height: 50px !important;
	margin: 10px 0 !important;
}
.compareArticoli .desArt a {
	display: block;
	font-size: 16px;
	max-width: 100%;
	max-height: 50px;
	overflow: hidden;
	line-height: 25px;
}
/* Disponibilità */
.compareArticoli .boxDisponib {
	display: flex;
	flex-flow: row nowrap;
	justify-content: left;
	align-items: center;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 10px 10px;
	min-height: 0 !important;
}
.compareArticoli .dispLabel,
.compareArticoli .dispView {
	margin: 0 !important;
	color: #999999;
    font-size: 12px;
	line-height: 20px;
	width: auto !important;
	min-height: 0 !important;
}
.compareArticoli .dispView {
	color: var(--primary-color);
	padding-left: 5px;
}
/* Prezzi */
.compareArticoli .boxPriceWarning {
	width: 100% !important;
	min-height: 0 !important;
	height: 20px !important;
	margin: 0 !important;
}
.compareArticoli .boxPriceWarning .priceWarning {
	display: block !important;
	float: none !important;
	width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	font-size: 9px;
	color: #FF6600;
	font-weight: bold;
	line-height: 20px;
	overflow: visible !important;
}
.compareArticoli .boxPriceFinal,
.compareArticoli .boxPrice {
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
}
.compareArticoli .boxPriceFinal .priceFinal {
	margin: 0 !important;
	width: 100% !important;
	min-height: auto !important;
	line-height: 30px !important;
	color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
}
.compareArticoli .boxPrice .price {
	margin: 0 !important;
	width: 100% !important;
	min-height: 0 !important;
	color: #999999;
    text-decoration: line-through;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
	line-height: 30px;
}
/* Tabella attributi */
.compareArticoli .grid {
	margin: 0 !important;
}
.compareArticoli.compareArticoliFirstCol .grid {
	font-weight: bold;
	text-transform: uppercase;
}
.compareArticoli:not(.compareArticoliFirstCol) .grid {
	position: relative !important;
}
.compareArticoli .grid tr:nth-child(1) {
	display:none !important;
}
.compareArticoli .grid tr:nth-child(odd) {
	background-color: #FAF8F8;
}
.compareArticoli .grid tr:nth-child(even) {
	background-color: #eeeeee;
}
/* Aggiunta al carrello */
.compareArticoli .boxBasket {
	margin: 0 !important;
	width: 100% !important;
	min-height: 0 !important;
}
.compareArticoli .boxBasket *[style*=hidden] {
	display: none !important;
}
.compareArticoli .boxBasket table {
	table-layout: fixed;
	width: 100%;
}
.compareArticoli .boxBasket table td {
	text-align: center;
	padding: 10px 5px;
}
.compareArticoli .boxBasket .cmbUniMis,
.compareArticoli .boxBasket .txtQTA_ctrl,
.compareArticoli .boxBasket .qta,
.compareArticoli .boxBasket .addToBasket {
	display: inline-block;
	vertical-align: top;
	float: none !important;
	margin: 0 !important;
	width: auto !important;
	min-height: 0 !important;
	height: 30px !important;
}
.compareArticoli .boxBasket .cmbUniMis,
.compareArticoli .boxBasket .qta {
	height: 30px !important;
	line-height: 30px !important;
}
.compareArticoli .boxBasket .cmbUniMis {
	max-width: calc(100% - 40px - 95px) !important;
}
.compareArticoli .boxBasket .qta {
	width: 40px !important;
	text-align: center;
}
.compareArticoli .boxBasket .addToBasket {
	height: 30px !important;
	text-align: center;
}

/***********************************************************************/
/******************** LAYER INSERIMENTO ARTICOLI ****************/
/***********************************************************************/
.wrapper_box {
    width: 100%;
    height: 100%;
    display: inline-block;
	padding: 15px;
}
.wrapper_box p.info {
    color: #444443;
    font-size: 12px;
    border: 1px solid #eee;
    padding: 5px;
    text-align: center;
    background: #fbfbfb;
}
#product_info_box {
	height:170px;
	overflow:auto;
}
#product_info_box .p_image, #product_info_box .p_name {
    text-align: center;
}
#product_info_box .p_image img {
	max-height: 55px;
	width: auto;
}
#product_info_box .p_name{
    color: #9b9b9b;
    text-decoration: none;
	padding:10px 0px;
}
.wrapper_box #continue_shopping, .wrapper_box #shopping_cart {
    color: #666666;
    background: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-top: 10px;
    padding: 8px 25px;
    font-size: 12px;
	font-weight: 500;
	text-decoration:none;
	transition: all 300ms ease-in 0s;	
	margin-top:10px;
}
.wrapper_box #continue_shopping:hover, .wrapper_box #shopping_cart:hover {
	text-decoration:none;
	background-color: var(--primary-color);
	color:#ffffff;
}
.wrapper_box #continue_shopping {
    float: left;
}
.wrapper_box #shopping_cart {
    float: right;
}
#product_info_box .p_image_all {
	float: left;
    clear: left;
    padding: 2px 10px;
    vertical-align: middle;
    width: 100%;
    max-width: 100px;
    text-align: right;
}
#product_info_box .p_image_all img {
    height: 28px;
    width: auto;
}
#product_info_box .p_name_all {
    float: left;
	color: #9b9b9b;
    height: 32px;
    line-height: 32px;
	padding: 2px;
}

/***********************************************************************/
/***********************ARTICOLI FLEX BOX **************************/
/************************ PLUGIN MASONRY ***************************/
.product-list a .image {  
    background: none !important;
}
.product-list a .title h3 {
	font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: capitalize;
}
.product-list a .title .prices .price, .product-list .prices .currency{
    color: var(--primary-color) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif !important;
	opacity:1 !important;
}
.product-list .pricecompare{
	background-color: #ffffff;
    padding: 0px 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.product-list .compare{
	width:100%;
	margin: 0px !important;
	padding: 0px !important;
	display:inline-block;
	font-size: 12px;
	background-color: #f3f3f3;
}
.product-list .compare span {
	height: 32px;
    line-height: 32px !important;
    margin: 0px !important;
    display: inline-block;
    float: left;
}
.product-list .compare input[type="checkbox"]{
	margin: 0px 5px;
	height:32px;
	float:left;
}
.product-list .btn.btn-primary.add{
	float:right;
}
.product-list .btnAddFavourite{
	cursor:pointer;
	padding: 3px 5px;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
	background-color: var(--primary-color);
}
.product-list .btnAddFavourite.selected{
	color: #999999;
}
@media (min-width: 768px) and (max-width: 992px) {
	.product-list .compare{
		padding:0px !important;
	}
	.product-list .btn.btn-primary.add{
		width: 100%;
	}
}

/***********************************************************************/
/***************************** ARTICOLI SLIDE ***********************/
/***********************************************************************/
.slideItems{
}
.slideItems .titleGadget {
	width:100% !important;
}
.slideItems .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
	text-align: left;
}
.slideItems .itemsListSimple .titArt a{
	font-size: 18px;
    text-decoration: none;
}
.slideItems .itemsListSimple .desArt{
	overflow-x: hidden;
	overflow-y: auto;
	height:160px;
	font-size: 12px;
}
.slideItems .itemsListSimple .price{
	color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    width: 45% !important;
    clear: none !important;
}
.slideItems .itemsListSimple .priceFinal {
	color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
	width: 45% !important;
    clear: none !important;
	float: right !important;
}

/***********************************************************************/
/***************************** ARTICOLI BOXED ***********************/
/***********************************************************************/
.itemsListBoxed{
	background-color: #ffffff;
	margin-bottom: 10px;
}
.itemsListBoxed .titleGadget{
	width:100% !important;
}
.itemsListBoxed .titleGadget > div{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
	text-align: left;
}
.itemsListBoxed .repeater{
	width:100% !important;
}
.itemsListBoxed .repeater > div{
	width:100%;
	list-style-type: none;
	display: list-item;
	border-bottom: 1px solid #f3f3f3;
	padding: 15px 20px;
}
.itemsListBoxed_item, .itemsListBoxed_item .box{
	min-height: 50px !important;
	width: auto !important;
	margin:0px 20px 15px 0px;
}
.itemsListBoxed_item .box a{
	border-bottom: 4px solid #FFFFFF;
	display: inline-block;
	transition: border-color 200ms ease-in-out;
}
.itemsListBoxed_item .box a:hover{
	border-color: var(--primary-color);
}
.itemsListBoxed_item img{
	width: 60px !important;
	height: auto !important;
}
.itemsListBoxed_item .desArt{
	color: #474948;
    display: inline;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 10px 0px !important;
    min-height: 30px !important;
    text-decoration: none;
}
.itemsListBoxed_item .desArt a{
	width:100% !important;
	font-size: 18px;
}
.itemsListBoxed_item .price{
	color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    width: 50% !important;
    clear: none !important;
}
.itemsListBoxed_item .priceFinal {
	color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
	width: 50% !important;
    clear: none !important;
}
.itemsListBoxed_item .price, .itemsListBoxed_item .priceFinal {
	line-height: 18px;
	margin:0px 0px 5px 0px !important;
	text-align: left !important;
}
.itemsListBoxed_item .price a, .itemsListBoxed_item .priceFinal a{
	width:100% !important;
}
.itemsListBoxed_item .price div, .itemsListBoxed_item .priceFinal div{
	white-space:nowrap;
	padding-left: 0px;
	padding-right: 0px;
}
@media (max-width: 768px) {
	.itemsListBoxed .repeater .repeater_wrapper > div{
		width:50%;
	}
	.itemsListBoxed_item .price, .itemsListBoxed_item .priceFinal {
		clear: left !important;
		margin-left: 80px !important;
	}
}
@media (max-width: 480px) {
	.itemsListBoxed .repeater .repeater_wrapper > div{
		width:100%;
	}
}

/***********************************************************************/
/********************** ARTICOLI LIST SIMPLE ***********************/
/***********************************************************************/
.itemsList1{
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
}
.itemsList1 .titleGadget{
	width:100%;
	margin:0px;
}
.itemsList1 .titleGadget h3{
	margin: 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
    text-align: left;
}
.itemsList1 .boxTitle .label{
	padding: 0px;
    width: auto !important;
    float: right !important;
}
/* item repeater */
.itemsList1 .itemsListNoImage {
	margin-bottom: 10px;
	width: 100% !important;
}
.itemsList1 .itemsListNoImage .desArt{
	width: 100% !important;
}
.itemsList1 .itemsListNoImage .desArt a{
	font-size: 18px;
}
.itemsList1 .itemsListNoImage .priceFinal{
	color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
	width:auto!important;
}
.itemsList1 .itemsListNoImage .label {
	font-size: 12px;
	padding-top: 2px;
}

/***********************************************************************/
/******************* ARTICOLI BLOCK (DEFAULT) **********************/
/***********************************************************************/
.blockItems{
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
}
.blockItems .boxHeader {
    min-height: 50px !important;
}
.blockItems .titleGadget{
	width:100%;
	margin:0px;
}
.blockItems .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
    text-align: left;
}
.blockItems .label.showAll{
    padding: 0px;
    width: auto !important;
	float: right !important;
}
/* item repeater */
.blockItems .itemsListSimple {
	min-height: 50px !important;
	padding-bottom: 20px;
	margin:5px;
	border-bottom:1px solid #ededed;
}
.blockItems .itemsListSimple .desArt a{
	font-size: 18px;
	min-height: 25px !important;
}
.blockItems .itemsListSimple .imgArticle{
    width: 100% !important;
	max-width: 150px;
    height: auto !important;
    margin: 0px !important;
}
.blockItems .itemsListSimple .price{
	margin: 0px !important;
	color: #999999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.blockItems .itemsListSimple .priceFinal{
	margin: 0px !important;
	color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
}

/***********************************************************************/
/**************************** NAVIGATOR *****************************/
/***********************************************************************/
 .layerFilter{
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
	box-sizing: content-box;	
 }
 .layerFilter .layerNavigator{
	height: auto !important;
	margin: 10px 0px 0px 10px;
}
.layerFilter .layerNavigator .tdLayerNavigator {
	padding-bottom: 5px;
}
.layerNavigator .tblLayerNavigator ul{
    padding: 0px;
    list-style: none;
    border: 1px solid #ddd;
	border-radius:3px;
	margin: 5px;
}
.layerNavigator .tblLayerNavigator li:first-child{
	margin: 0px 0px 10px 0px;
    padding: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
    background-color: #f5f5f5;
}
.layerNavigator .tblLayerNavigator li:first-child:before{
	content:"";
}
.layerNavigator .tblLayerNavigator li:first-child:hover {
    color: #999999;
}

.layerNavigator .tblLayerNavigator li:hover{
	color: var(--primary-color);    
}
.layerNavigator .tblLayerNavigator li{
	padding: 5px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 25px;
	color: #6d6d6d;
}
.layerNavigator .tblLayerNavigator li a{
	text-transform: capitalize;
	text-decoration: none;
    font-size: 13px;	
    line-height: 25px;
    color: #6d6d6d;
    display: inline-block;
	transition: all 300ms ease-in 0s;
}
.layerNavigator .tblLayerNavigator li:hover a, .layerNavigator .tblLayerNavigator li:hover span {
    color: var(--primary-color);
	text-decoration:none;
}
.layerNavigator .tblLayerNavigator li:before{
	/*content: "\f0a9";*/
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 14px;
    color: #a8a8a8;
    float: left;
    line-height: 29px;
}
.layerNavigator .tblLayerNavigator li:hover:before{
	color: var(--primary-color);
}
.layerNavigator .tblLayerNavigator li a + span, .layerNavigator .tblLayerNavigator li span + span {
	padding: 5px;
    line-height: 6px;
    float: right;
    font-size: 14px;
    border-radius: 100%;
    color: #999;    
	margin-top: 5px;
}
.tblLayerActive {
    font-size: 14px;
    padding: 10px;
    display: inline-block;
	line-height:20px;
}

.tblLayerActive .btnRemoveAll{
	padding: 5px 0;
    line-height: 29px;
	color: #6d6d6d;
	text-decoration:none;
	transition: all 300ms ease-in 0s;
}
.tblLayerActive .btnRemoveAll:hover{
	color: var(--primary-color);
}

/* Filtri di navigazione con multiselezione */

.layerNavigator .tblLayerNavigator li.multi {
	padding: 2px 10px;
    border-bottom: none;
    line-height: 18px;
}

.layerNavigator .tblLayerNavigator li input[type="checkbox"] + label  + span {
    float: right;
}

.layerNavigator .tblLayerNavigator li input[type="checkbox"]{
  position: absolute;
  opacity: 0;
}  
  
.layerNavigator .tblLayerNavigator li input[type="checkbox"] + label {
	position: relative;
	font-weight: normal;
	cursor: pointer;
	padding: 0;
	width:100%;
}

  .layerNavigator .tblLayerNavigator li input[type="checkbox"] + label:after {
    content: '';
	float: right;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
	border: 1px solid rgba(0,0,0,.5);
  }

  /* Box checked */
 .layerNavigator .tblLayerNavigator li input[type="checkbox"]:checked + label:after {
    background: var(--primary-color);
	color:#b9b9b9;
  }
  
  /* Disabled state label. */
  .layerNavigator .tblLayerNavigator li input[type="checkbox"]:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }

  /* Disabled box. */
  .layerNavigator .tblLayerNavigator li input[type="checkbox"]:disabled + label:after {
    box-shadow: none;
    background: #ddd;
  }

  /* Checkmark. Could be replaced with an image */
  .layerNavigator .tblLayerNavigator li input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    right: 13px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
  }
  
@media(max-width:768px){
	.layerFilter .layerNavigator .tdLayerNavigator {
		padding-top: 10px;
		width: 100%;
		float: left;
	}
}

/***********************************************************************/
/*********************** BOX COMPARA PRODOTTI *********************/
/***********************************************************************/
.compareBox{
	background-color: #ffffff;
	padding: 10px 0px 10px 0px;	
	border:1px solid #ddd;	
	margin:0px 5px 10px 5px !important;
	box-sizing: border-box;
	width: auto !important;
}
.compareBox .dispLabel{
	margin: 0px 0px 15px 0px;
    padding: 7px 0px 7px 3px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
	background-color: #f5f5f5 !important;
	left: 0px !important;
    right: 0px !important;
	top: 0px !important;
}
.compareBox .grid .grid_row,.compareBox .grid .grid_rowodd{
	border-bottom:1px solid #EEE;
}
.compareBox .grid .grid_cell {
    padding: 10px 5px;
}
.compareBox .grid .grid_cell.des{
    font-size: 12px;
    color: #6d6d6d;
}
.compareBox .grid .grid_cell.img{
	width: 50px;
}
.compareBox .grid .grid_cell.img img{
	width: auto\9;
	height: auto;
	max-width: 100%;
	width: 100%;
}
.compareBox .compareButton {
	left: 10px;
    width: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
}
.compareBox .compareButton a{
	font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    background: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    transition: all 300ms ease-in 0s;
}
.compareBox .compareButton a:hover{
	background-color: var(--primary-color);
    color: #ffffff;
}

/***********************************************************************/
/********************** BOX ARTICOLI PREFERITI *********************/
/***********************************************************************/
.boxFavourite{
	background-color: #ffffff;
	padding: 10px 0px 10px 0px;
	margin:0px 5px 10px 5px !important;
	border:1px solid #ddd;
	box-sizing: border-box;
	width: auto !important;
}
.boxFavourite .lblMyFav{
	margin: 0px 0px 15px 0px;
    padding: 7px 0px 7px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    font-weight: bold;
    top: 0px !important;
    background-color: #f5f5f5 !important;
    left: 0px !important;
    right: 0px !important;
}
.boxFavourite .btnFavOn{
	width: 20px !important;
	background-size: 100%;
	background-color:transparent;
	background-image: Url(../images/preferiti.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--primary-color) !important;
    height: 20px !important;
    margin-top: 5px !important;
}
.boxFavourite .btnFavOff{
	width: 20px !important;
	background-size: 100%;
	background-color:transparent;
	background-image: Url(../images/preferiti_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--primary-color) !important;
    height: 20px !important;
    margin-top: 5px !important;
}
.boxFavourite input[type="button"] {
    cursor: default;
	background-color: transparent;
}
.boxFavourite .lblNumero{
	font-size:17px;
	font-weight:bold;
	color: var(--primary-color);
	height:27px;
	line-height:27px;
}
.boxFavourite .lblNumText{
	font-size:14px;
	text-transform:capitalize;
	height:27px;
	line-height:27px;
}
.boxFavourite .lblGoFav{
	font-size:12px;
	color: #6d6d6d;
	text-decoration:none;
	transition: all 300ms ease-in 0s;
	left: 10px;
    width: auto !important;
	height: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
}
.boxFavourite .lblGoFav a {
	font-size: 14px;
    font-family: inherit;
    color: #666666;
    background: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    transition: all 300ms ease-in 0s;    
}
.boxFavourite .lblGoFav a:hover{
	background-color: var(--primary-color);
    color: #ffffff;
}

/***********************************************************************/
/*** ELENCO CONTENUTI SLIDE CON IMMAGINE - FLEXSLIDER *****/
/***********************************************************************/
.contentsFlex .flexslider {
  margin: 0;
  padding: 0;
}
.contentsFlex .flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.contentsFlex .flexslider .slides img {
  width: 100%;
  display: block;
  height: auto;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
.no-js .slides > li:first-child {
  display: block;
}
.contentsFlex .flexslider {
  margin: 0 0 0 !important;
  border: none !important;
  position: relative;
  z-index: 10;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
}
.contentsFlex .flexslider .slides li {
  list-style: none;
}
.contentsFlex .flexslider .flex-control-nav {
  margin: 0;
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index:999;
}
.contentsFlex .flexslider .flex-control-nav li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
  float:right;
}
.contentsFlex .flexslider .flex-control-nav li:first-child {
  margin-right: 35px;
}
.contentsFlex .flexslider .flex-control-nav a {
  text-decoration: none;
  display: block;
  width: 6px;
  height: 6px;
  background-color: transparent;
  text-indent: -9999px;
  border: 1px solid #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
}
.contentsFlex .flexslider .flex-control-nav a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.contentsFlex .flexslider .flex-control-nav a.flex-active {
  background-color: #ffffff;
}
.contentsFlex .flexslider .flex-direction-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -50px 0 0;
  z-index:999;
}
.contentsFlex .flexslider .flex-direction-nav:before {
  content: '';
  display: block;
}
.contentsFlex .flexslider .flex-direction-nav:after {
  content: '';
  display: table;
  clear: both;
}
.contentsFlex .flexslider .flex-direction-nav li {
  display: block;
  list-style: none;
  float: right;
  padding-right: 20px;
}
.contentsFlex .flexslider .flex-direction-nav li a {
  background: url('../images/rarr.png') no-repeat center center;
  text-decoration: none;
}
.contentsFlex .flexslider .flex-direction-nav li:first-child {
  float: left;
  padding-right: 0;
  padding-left: 20px;
}
.contentsFlex .flexslider .flex-direction-nav li:first-child a {
  background-image: url('../images/larr.png');
}
.contentsFlex .flexslider .flex-direction-nav a {
  display: block;
  width: 55px;
  height: 102px;
  text-indent: -9999px;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.contentsFlex .flexslider .flex-direction-nav a:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.contentsFlex .flexslider .flex-direction-nav a:focus,
.contentsFlex .flexslider .flex-direction-nav a:active {
  outline: 0 none;
}
.contentsFlex .flexslider .flex-direction-nav .flex-prev {
  left: 0;
}
.contentsFlex .flexslider .flex-direction-nav .flex-next {
  right: 0;
}
.contentsFlex .flexslider .flex-direction-nav .flex-prev,
.contentsFlex .flexslider .flex-direction-nav .flex-next {
  position: static;
}
.contentsFlex .flexslider .flex-progress {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 20;
  background-color: rgba(255, 255, 255, 0.19999999999999996);
}
.contentsFlex .flexslider .flex-progress span {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.19999999999999996);
  width: 0%;
}
.contentsFlex .flexslider .closer {
	text-align:center;
	height:14px;
	background:url(../../img/slider-shadow-bottom.png) center center no-repeat;
	width:100%
}
@media (max-width: 479px) {
  .flex-control-nav {
    display: none;
  }
}

/*--
| CAPTION (used with Flex)
---*/
.contentsFlex .flexslider .caption {
	position: absolute;
	top: 30% !important;
	bottom: auto;
	width: 100%;
	margin-top: -85px;
	padding: 0;
	background-color: transparent;
	overflow: visible;
	font-family: inherit !important;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	font-weight: 800 !important;
}
.contentsFlex .flexslider .caption .container > div {
	max-width: 60% !important;
	background-color: rgba(255,255,255,0.75);
	width: auto;
	padding-bottom: 10px;
	margin-left: 40px;
	z-index: 1;
}
.contentsFlex .flexslider .caption h3 {
	display: inline-block;
	background-color: transparent;
	padding: 0;
	color: var(--primary-color);
	margin: 20px 20px 10px 20px;
	line-height: 40px;
	font-size: 30px;
	text-transform: capitalize;
	letter-spacing: 0.05em;
	font-weight: 800 !important;
}
.contentsFlex .flexslider .caption p {
	display: inline-block;
	padding: 0;
	color: #666666;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 20px 20px 20px;
	letter-spacing: 0.05em;
}
.contentsFlex .flexslider .caption .white {
	color:#ffffff !important;
}
.contentsFlex .flexslider .caption .text {
	font-weight: 200 !important;
	font-size: 14px;
	line-height: 14px;
}
.contentsFlex .flexslider .caption .btn {
	margin-top: 10px !important;
	padding: 5px 10px 5px 10px !important;
	background-color: var(--primary-color);
	font-weight: 600;
	float: right;
	border: none !important;

}
.contentsFlex .flexslider .caption .btn:after {
	content: "\f101";
	font-size: 18px;
	font-family: FontAwesome;
	right: 0;
	padding: 0px 0px 0px 10px;
	line-height: 22px;
}
@media (max-width: 992px) {
	.contentsFlex .flexslider .caption {
		position: absolute;
		width: 100%;
		margin-top: -85px;
		padding: 0;
		top: 50% !important;
		font-weight: 400 !important;
	}
	.contentsFlex .flexslider .caption h3 {
		line-height: 35px;
		font-size: 42px;
		margin-top: 20px;
	}
	.contentsFlex .flexslider .caption p {
		display: none;
	}
	.contentsFlex .flexslider .caption .btn {
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.contentsFlex .flexslider .caption {
		display: block !important;
		-webkit-opacity: 1 !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
	}
	.contentsFlex .flexslider .caption .container > div {
		width: 70% !important;
	}
	.contentsFlex .flexslider .caption h3 {
		margin: 20px 0px 10px 20px;
		line-height: 30px;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: -0.1em;
		font-weight: 800 !important;
	}
}

/***********************************************************************/
/************************** ELENCO CATEGORIE LIST *****************/
/***********************************************************************/
.categories{
	min-height: 20px !important;
	background-color: #ffffff;
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom:1px solid #eee;
	margin-left: 0px !important;
}
.categories .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categories.emptysubcat{
	padding: 0px;
	border-bottom: 0px;
	margin-top: 10px;
}
.categories .repeater{
	margin: 0 !important;
}
.categories .repeater > div{
	width:100%;
}
.categories .titleCategory{
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #f3f3f3;
	width: 100% !important;
	font-size: 18px;
	font-weight: 300;
	color: #333;
	line-height: 24px;
	margin: 0 !important;
}
.categories .categoriesItem a{
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
	font-size: 16px;
}
.categories .categoriesItem a:hover{
	background-color: var(--primary-color);
	color: #ffffff;
}
.categories .categoriesItem .label{
	text-align:left;
}

/***********************************************************************/
/************************** ELENCO CATEGORIE GRID *****************/
/***********************************************************************/
.categoryList{
	background-color: #ffffff;
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom:1px solid #eee;
}
 .categoryList .titleGadget h3,
 .categoriesList .gadget > .title {
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categoryList .grid .grid_table .grid_cell_title{
	display:none;
}
.categoryList .grid .grid_table tr td{
	display: inline-block;
	padding: 0px 10px;
}
.categoryList .grid .grid_table tr td a,
.categoriesList .grid .categories .category a {
	font-size: 16px;
    font-weight: normal;
    padding: 10px 0px;
    display: inline-block;
}

/***********************************************************************/
/********************* ELENCO CATEGORIE BLOCK *****************************/
/***********************************************************************/
.categoryBlockList{
	width:100%;
	border:1px solid #999999;	
}
.categoryBlockList .repeater .repeater_ele.ele1.odd {
    width: 100%;
}
.categoryBlock{
	background-size:100% 100%;
	background-color: #ffffff;
	min-height:47px !important;
	box-sizing:border-box;
	padding: 10px 0px;
	margin: 0px 0px 5px 0px;
	width: 100% !important;
}
 .portlet .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categoryBlock .categoryTitle {
	padding: 0px;
    margin: 0px;
    float: right !important;
    line-height: 81px;
    text-transform: uppercase;
    width: 150px;
    text-align: left !important;
}
.categoryBlock .categoryTitle a{
    font-size: 16px;
    font-weight: 600;
	text-decoration:none;
	 transition: all 300ms ease;
}
.categoryBlock .categoryTitle a:hover{
	color: var(--primary-color);
}
.categoryBlock .boxImg{
	min-height:47px !important;
}
.categoryBlock .boxImg td > a {
    display: inline-block;
}
.categoryBlock .boxImg a img {
    width: 47px !important;
    height: 47px !important;
    margin: 0px !important;
    clear: none !important;
}

/***********************************************************************/
/****************** ELENCO CATEGORIE MENU VERTICALE FLAT ********************/
/***********************************************************************/
.categoryMenuFlat .menuview_flat ul{
	background-color: #ffffff;
	padding: 0px;
	margin-bottom: 10px;
	border:1px solid #dddddd;
	margin-left: 0px !important;
	list-style-type: none;
}
.categoryMenuFlat .menuview_flat ul li ul{
	box-shadow: none;
	border: none;
	margin: 0px;
	padding: 0px;
}
.categoryMenuFlat .menuview_flat ul li ul li a span{
	margin-left: 20px;
}
.categoryMenuFlat .menuview_flat li a{
	display: block;
	padding: 10px 20px;
	border-bottom: 1px solid #f3f3f3;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	transition: all 300ms ease;
}
.categoryMenuFlat .menuview_flat li a:hover{
	background-color:var(--primary-color);
	color:#ffffff;
}

/***********************************************************************/
/************ ELENCO CATEGORIE MENU VERTICALE ACCORDION FLAT *****************/
/***********************************************************************/
.categoryMenuAccordion{
    margin: 0px 5px 10px 5px !important;
    width: auto !important;
	min-width:100px !important;
}
.categoryMenuAccordion #nav {
	background-color: #ffffff;
    padding: 0px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    margin-left: 0px !important;
    list-style-type: none;
}
.categoryMenuAccordion #nav ul{
	list-style: none;
}
.categoryMenuAccordion #nav .subMenu:after{	
	content: "\f078";
    font-family: FontAwesome;
	font-size:12px;
	font-weight:normal;
	float: right;
    color: #999999;
}
.categoryMenuAccordion #nav .subMenu.active:after {
    content: "\f077";
	color:#ffffff;
}
.categoryMenuAccordion #nav li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #3f3f3f;	
    font-size: 14px;
}
.categoryMenuAccordion #nav li a:hover, #nav li a.active {
    background: var(--primary-color);
    color: #ffffff;
}
.categoryMenuAccordion #nav li ul {
    display: none;
	padding:0;
}
.categoryMenuAccordion #nav li ul li a {
    padding: 10px 40px;
}
.categoryMenuAccordion #nav li ul li ul li a {
    padding: 10px 65px;
}


/***********************************************************************/
/****************************** SOCIAL ********************************/
/***********************************************************************/
.social a{
	position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    /*border: 1px solid #999999;*/
    color: #a7a7a7;
	float: left;
	transition: all 300ms ease-in 0s;
}
.social a:hover{
    color: var(--primary-color);
    border-color: var(--primary-color);
}
div[id$=_share_img] {
    width: auto !important;
    height: auto !important;
    margin-left: 10px !important;
}
.social .image {
    margin: 0px;
	/*padding:7px !important;*/
}

.social_ext{
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-left: 0px !important;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	min-height: 20px !important;
}
.social_ext > div{
	width:100% !important;
	margin:0px !important;
}
.social_ext > div > div{
	width:auto !important;
	margin:5px 0px !important;
	float: left;
}

/***********************************************************************/
/********************** CONTENUTO FOOTER *************************/
/***********************************************************************/
.footer-container .content{
	color: #474948;
	min-height:25px !important;
	padding-bottom: 30px;
}
.footer-container .content .box{
	min-height:25px !important;
}
.footer-container .content .contentText{
	color: #333333;
    line-height: 25px;
    font-size: 13px;
	margin:0px !important;
}
.footer-container .content .contentTitle h1{
	cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 30px;
	margin-top: 0px !important;
    line-height: 45px;
    border-bottom: 2px solid var(--primary-color);
}
.footer-container .content .contentTitle h1:before{
	content: "";
    bottom: 0;
    position: absolute;
    border-bottom: 2px solid #7a7a7a;
    width: 270px;
    display: block;
    top: 45px;
    z-index: -1;
}
.footer-container .content .contentSubTitle, .footer-container .content .contentSubTitle h2{
	color: #ffffff;
	display: block;
	font-size: 15px;
	font-weight: normal;
	margin:0px 0px 10px 0px !important;
}
.footer-container .content .contentText h5{
	color: #939694;
	line-height: 21px;
}
.footer-container .content .contentText .col-sm-4 h5{
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.5px;
}

/***********************************************************************/
/****************************** FOOTER *******************************/
/***********************************************************************/
.footer-container {
    margin: 0px !important;
    position: relative;
    width: 100% !important;
    border-bottom: 1px solid rgba(242, 242, 242, 0.42);
    background-color: #fff;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
/***********************************************************************/
/****************************** FOOTER2 *******************************/
/***********************************************************************/
.footer2-container {
    background-color: #363636;
    padding: 10px 0px;
}

/***********************************************************************/
/*********************** IMMAGINE FOOTER***************************/
/***********************************************************************/
.footer-container .showImage{
	max-width:258px;
	width:100% !important;
}
.footer-container .showImage .image{
	max-width: 100% !important;
    height: auto !important;
}
.footer-container .showImage div[id$=_imgMain],
.footer-container .showImage div[id$=_imgMain] a{
    width: 100%;
    height: auto;
}
/***********************************************************************/
/****************************** CREDITS *******************************/
/***********************************************************************/
.credits {
	background: #ffffff;
    padding-top: 10px;
    color: #333;
	border-top: 1px solid #4f4f4f;
}
.credits a:hover {
	color: var(--primary-color);
}
.credits a {
	color: #adafae;
	text-decoration: none;
	transition: all 300ms ease;
}
.credits .content, .credits .content .box{ /*contenuto*/
	min-height: 20px !important;
	padding: 0px;
}
.credits .content .contentText{
	margin-top:0px !important;
	margin-bottom:0px !important;
}

/***********************************************************************/
/****************************** CONTENUTO **************************/
/***********************************************************************/
.content {
	padding:10px;
}
.content .contentTitle h3 {
	display: inline-block;
    font-size: 24px;
    font-weight: normal;
	text-transform: capitalize;
}
.content .box {
	float: left !important;
    margin: 0px !important;
	padding: 0px !important;
}
.content table{
	float: left;
}
.content .contentSubTitle h2{
	font-size: 20px;
	color: #666666;
	margin: 0;
}
.content .contentText {
	font-size: 14px;
	color: #666666;
	margin: 20px 0px 20px 0px !important
}

/************************************************************************/
/***************** DOCUMENTI ALLEGATI CONTENUTO ****************/
/************************************************************************/
.contDoc{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contDoc .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contDoc .grid{
	width: 95% !important;
	height: auto !important;
}
.contDoc .grid_row a{
	font-size: 16px;
    padding: 8px 10px;
    display: inline-block;
}
.contDoc .grid_row td:first-child{
	width: 20px;
}
.contDoc .grid_row img{
	padding: 8px 10px;
}

/***********************************************************************/
/************************** ELENCO DOCUMENTI **********************/
/***********************************************************************/
.contDoc_list{
	padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contDoc_list .titleGadget{
	width:100% !important;
}
.contDoc_list .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contDoc_list.item {
	padding: 0px;
	margin:0px;
	border:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.contDoc_list .repeater .contDoc_list{
	min-height: 70px;
}
.contDoc_list .repeater{
	margin: 0px !important;
}
.contDoc_list .repeater tr{
	border-bottom: 1px solid #D4D4D4;
}
.contDoc_list .repeater tr:last-child {
	border: none;
}
.contDoc_list .Title div{
	font-size: 24px !important;
	color: #2B2B2B !important;
	letter-spacing: -1px;
	margin: 10px 0px 0px 30px;
}
.contDoc_list .label div strong{
	font-weight: bold;
}
.contDoc_list .label div{
	font-size: 12px !important;
	color: #8C8B8B !important;
}
.contDoc_list .img{
	width:0px !important;
	height:0px !important;
}
.contDoc_list .Strong{
	height: 30px;
	line-height: 30px;
	width: auto !important;
}
.contDoc_list span.Strong:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size:18px;
    font-weight:normal;
    float: left;
}
.contDoc_list .Strong div{
	margin-top: 0px;
	display: inline;
}
.contDoc_list .Strong div a {
	font-size: 15px !important;
	font-weight: bold !important;
	padding-left: 10px;
	margin-top: 3px;
	white-space: nowrap;
	display: inline-block;
}
.contDoc_list .grid .grid_table .grid_row td strong{
	font-weight: bold;
}
.contDoc_list .grid{
	margin-top: 50px !important;
}
.contDoc_list .grid .grid_table .grid_row .grid_row a{
	color: black;
	font-size: 15px;
	font-weight: bold;
}
.contDoc_list .grid{
	margin-top: 50px;
}
@media (max-width:768px){
	.contDoc_list.item .label{
		margin-left:3px !important;
		clear:both;
		width:95% !important;
	}
}

/***********************************************************************/
/***************** ELENCO CONTENUTI GRID FOOTER2 ***************/
/***********************************************************************/
.footer2-container .contentList {
	padding:0px !important;
	margin:0px !important;
	border:0px !important;
}
.footer2-container .titleGadget,
.footer2-container .gadget > .title {
	margin-bottom: 20px;
    border-bottom: 2px solid #5a5a5a;
    padding: 15px 0px 18px 0px;
    cursor: pointer;
	overflow: initial !important;
}
.footer2-container .contentList .titleGadget h3,
.footer2-container .contentsList .gadget > .title span {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    display: inline;
    padding-right: 20px;
    color: #f2f2f4;
    border-bottom: 2px solid var(--primary-color);
    line-height: 25px;
    padding-bottom: 21px;
}
.footer2-container .contentList .grid,
.footer2-container .contentsList .grid .contents {
	list-style: none !important;
	margin:0px !important;
	min-height: 50px !important;
	padding: 0;
}
.footer2-container .contentList .grid .grid_table tr,
.footer2-container .contentsList .grid .contents .content {
	border-bottom: 1px solid #4f4f4f;
	padding: 0 10px !important;
}
.footer2-container .contentList .grid .grid_table tr td a,
.footer2-container .contentsList .grid .contents .content a {
	position: relative;
    font-size: 12px;
    color: #a7a7a7;
    padding: 9px 0;
    z-index: 10;
    width: 100%;
    display: block;
    font-family: Arial;
	transition: all 300ms ease-in 0s;
	text-decoration:none;
}
.footer2-container .contentList .grid .grid_table tr td a:hover,
.footer2-container .contentsList .grid .contents .content a:hover {
	color:var(--primary-color);
}
.footer2-container .contentList .grid .grid_table tr td:hover a:before,
.footer2-container .contentsList .grid .contents .content:hover a:before {
	color:var(--primary-color);
}
.footer2-container .contentList .grid .grid_table tr td a:before,
.footer2-container .contentsList .grid .contents .content a:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 12px;
    color: #a7a7a7;
    float: right;
    margin-top: 2px;
}
.footer2-container .contentList .grid .grid_table tr {
    margin: 0px;
}

/***********************************************************************/
/*********************** ELENCO CONTENUTI GRID *******************/
/***********************************************************************/
.contentList{
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom:1px solid #eee;
	margin-left: 0px !important;
}
.contentList .titleGadget h3,
.contentsList .gadget > .title span {
	display: block;
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentList .grid .grid_table .grid_cell_title{
	display:none;
}
.contentList .grid .grid_table tr{
    margin: 10px 0px;
    display: inline-block;
	width:100%;
}
.contentList .grid .grid_table tr td:nth-child(2){
    padding: 0px;
}
.contentList .grid .grid_table tr td{
	display: inline-block;
	padding: 0px 10px;
	width: 100%;
	font-size: 14px;
}
.contentList .grid {
	height: auto !important;
}
.contentList .grid .grid_table tr td a,
.contentsList .grid .contents .content a {
	font-size: 20px;
	padding: 10px 0px;
	display: inline-block;
}
/***********************************************************************/
/*********************** ELENCO CONTENUTI BLOG *******************/
/***********************************************************************/
/* ELENCO CONTENUTI BLOG */
.contentBlog{
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-left: 0px !important;
}
.contentBlog .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentBlog.contentList_item .boxImg{
	background:none;
	margin-top: 0px !important;
}
.contentBlog .contentList_item .titleItem h4{
	font-size: 20px;
}
.contentBlog .contentList_item .label{
	font-size: 14px;
	margin: 0px !important;
}
.contentBlog .contentList_item .boxImg{
	margin: 0px !important;
}
/***********************************************************************/
/*********************** ELENCO CONTENUTI BLOCK ******************/
/***********************************************************************/
.contentListLarge{
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-left: 0px !important;
}
.contentListLarge .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentListLarge .contentList_item .boxImg{
	background:none;
	margin-top: 0px !important;
}
.contentListLarge .contentList_item .titleItem h4{
	font-size: 20px;
}
.contentListLarge .contentList_item .label{
	font-size: 21px;
	font-weight: 200;
}
/***********************************************************************/
/****************** ELENCO CONTENUTI SLIDE NEWS ****************/
/***********************************************************************/
.contentList.slide{
	padding:0px;
	margin: 0px 0px 10px 0px;
	height: 50px !important;
}
.contentList.slide .titleGadget h3{
	margin: 10px;
    padding: 5px 0;
    text-transform: uppercase;
    border: 0px;
    font-size: 14px;
    font-weight: normal;
    top: 0px !important;
    white-space: nowrap;
}
.contentList.slide > div{
	height:100% !important;
	overflow: hidden;
}
.contentList.slide .slider, .contentList.slide .slider > div,
.contentList.slide .slider .slider_content,
.contentList.slide .slider .slider_content > div{
	height:100% !important;
}
.contentList.slide .slider{
	width:100% !important;
}
.contentList.slide .slider .slider_content > div{
	padding-top: 12px;
}
.contentList.slide .slider .slider_content > div a{
	font-size:20px;
	color: #474948;
}
@media (max-width:768px){
	.contentList.slide{
		height:100px !important;
	}
	.contentList.slide .titleGadget{
		float: left;
		clear:both;
		position:relative !important;
	}
	.contentList.slide > div{
		float:left;
		clear:both;
		position:relative !important;
		height:50% !important;
		left:0px !important;
		margin-left: 10px;
		max-width:95%;
	}
}
/***********************************************************************/
/***************** ELENCO CONTENUTI SLIDE BLOCK ****************/
/***********************************************************************/
.contentListSlide{
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-left: 0px !important;
}
.contentListSlide .titleGadget{
	width:100% !important;
}
.contentListSlide .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentListSlide .repeater td{
	vertical-align:top;
}
.contentListSlide .contentList_item .label{
	font-size: 14px;
}

/***********************************************************************/
/******** ELENCO CONTENUTI SLIDE IMAGE - NO RESPONSIVE ******/
/********************WIDTH e HEiGHT FISSE **************************/
/***********************************************************************/
.contentSlide{
	text-align: center;
}
.contentSlide > div:first-child{
	position: relative !important;
	width:940px !important;
	height:480px !important;
}
.contentSlide .item .image {	
    width: 940px !important;
	height: auto !important;
}
.contentsSlide .button {
	color: #ffffff !important;
	padding: 5px 10px;
	background-color: #000000 !important;
	margin: 10px 23px 10px 50px !important;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 300!important;
	left: 10px !important;
	top: 0px !Important;
	cursor: pointer;
	position: relative !important;
	float:left;
	clear:both;
	border: none !important;
    border-radius: unset;
}
.contentsSlide .button:hover{
	background: var(--primary-color) !important;
}
.contentsSlide .labelTitle {
	padding: 20px 23px 10px 50px;
	left: 0px !Important;
	top: 0px !Important;
	float: left;
	clear: both;
	position: relative !important;
	z-index: 2 !Important;
}
.contentsSlide .labelTitle div {
	color: white;
	display: block;
	font-size: 30px;
	line-height: 35px;
	width: 200px !important;
}
.contentsSlide span.labelContent {
	padding: 10px 23px 10px 50px;
	top: 0px !important;
	left: 0px !Important;
	float: left;
	clear: both;
	min-height: 30px !important;
	position: relative !important;
	z-index:300 !important;
}
.contentsSlide .labelContent .labelContent {
	font-size: 14px;
	display: block;
	color: white;
	width: 200px !important;
	left: 0px !Important;
}

/* ELENCO CONTENUTI RELAZIONATI/CORRELATI BLOG */
.contentList .titleGadget h3, .contRel .titleGadget h3,
.contentsGrid .gadget > .title span {
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentList .repeater div {
	font-size: 14px;
}
.contentList .repeater .abstractItem{
	margin-bottom:20px;
}
.contRel .grid{
	width: 95% !important;
	height: auto !important;
	margin: 20px 0px;
}
.contRel .grid_row a{
	font-size: 20px;
    font-weight: normal;
    padding: 5px 10px;
	transition: all 300ms ease;
	display: inline-block;
}
.contRel .grid_row a:hover{
	color:var(--primary-color);
}

/***********************************************************************/
/******************** ELENCO CONTENUTI RAWHTML *****************/
/***********************************************************************/
.list-contents {
	margin-top: 20px !important;
}
.list-contents .nav-tabs.nav-stacked {
	border: 1px solid #e3e3e3;
}
.list-contents .nav-tabs.nav-stacked > li {
	margin:0;
}
.list-contents .nav-tabs.nav-stacked > li > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin:0;
	border: none;
	border-bottom: 1px solid #e3e3e3;
	background-color: #fbfbf9;
	color: #797d7b;
	padding: 15px 20px;
	font-size: 13px;
}
.list-contents .nav-tabs.nav-stacked > li > a:hover {
	border-bottom: 1px solid var(--primary-color);
	background-color: var(--primary-color);
	color:#FFFFFF;
}
.list-contents .nav-tabs.nav-stacked > li > a {
	-webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}


/***********************************************************************/
/****************************** TAB PORTLET **************************/
/***********************************************************************/
.tabWrapper{
	margin-bottom: 20px;
}
.tabWrapper, .tabWrapper .tabs_mask,.tabWrapper .tabs_row,
.tabWrapper .tab_item, .tabWrapper .tab_content{
	height:auto !important;
	position:relative !important;
}
@media(min-width:480px) and (max-width:600px){
	.tabWrapper .tab_item{
		width:50%;
	}	
	.tabWrapper .tab,
	.tabWrapper .tab_content,
	.tabWrapper .tab_center_text,
	.tabWrapper .tab_item .tab_span a,
	.tabWrapper .tab_item.selected .tab_span a{	
		width:100%;
	}
}
@media(max-width:479px){
	.tabWrapper .tab_item{
		width:100%;
	}
	.tabWrapper .tab,
	.tabWrapper .tab_content,
	.tabWrapper .tab_center_text,
	.tabWrapper .tab_item .tab_span a,
	.tabWrapper .tab_item.selected .tab_span a{	
		width:100%;
	}
}
.tabWrapper .tab_content_sel {
    background-color: transparent;
}
.tabWrapper .tab_item{
    margin-bottom: 10px;
	display:inline-block !important;
}
.tabWrapper .tab_item.selected .tab_span h3{
	margin-top:0px;
	margin-bottom:0px;
}
.tab_content{
	padding:0px !important;
}
.tabWrapper .tabstripContainer .tabs_row {
	width:auto !important;
}
.tabWrapper .tabstripContainer {
	background-color: #fff !important;
	background-image: none !important;
	border: none;
}
.tabWrapper .tab_item .tab_span, .tabWrapper .tab_item.selected .tab_span {
	padding: 0px !important;
}
.tabWrapper .tab_item .tab_span a{
	padding: 11px 30px !important;
    text-align: center;
    display: block;
    position: relative;
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700 !important;
	border-top: 2px solid var(--primary-color);
	font-family: Raleway, sans-serif !important;
    font-weight: bold;
	background-color: #999999 !important;
	transition:all 300ms ease;
	border-right: 1px solid #fff;
	height: auto !important;
}
.tabWrapper .tab_item .tab_span a:hover{
	background-color: var(--primary-color) !important;
}
.tabWrapper .tab_item.selected .tab_span a{
	padding: 11px 30px !important;
    text-align: center;
    display: block;
    position: relative;
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700 !important;
	border-top: 2px solid var(--primary-color);
	font-family: Raleway, sans-serif !important;
    font-weight: bold;
	background-color: var(--primary-color) !important;
	border-right: 1px solid #fff;
	height: auto !important;
}
.tabWrapper .tab_item.selected .tab_span a:before{
    border-color: var(--primary-color) transparent transparent;
    border-style: solid;
    border-width: 9px;
    bottom: -17px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 9px;
    margin: 0 auto;
    opacity: 1;
	z-index: 1
}

/***********************************************************************/
/********************************* STAMPA *****************************/
/***********************************************************************/
.printFooter .link{
	font-size: 12px;
	color: #0088c9;
	text-decoration: none;
}
.printFooter .testo{
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.printHeader {
	border-bottom:1px solid #999;
	float:right;
}
.printHeader .labelPrint a{
	background: url('../images/ico_stampa.png') no-repeat;
	display: inline-block;
	padding-left: 20px;
	line-height: 20px;
}
.printHeader .labelShow a{
	background: url('../images/ico_showimage.png') no-repeat;
	display: inline-block;
	padding-left: 20px;
	line-height: 20px;
}
.printHeader .labelHide a{
	background: url('../images/ico_hideimage.png') no-repeat;
	display: inline-block;
	padding-left: 20px;
	line-height: 20px;
}
@media print {
	.printHeader{
		display:none;
	}
	.printFooter{
		display:none;
	}
}


/***********************************************************************/
/****************************** AREA PERSONALE **********************/
/***********************************************************************/
.profile{
	margin-bottom:20px;
	max-width:100%;
	min-width: 300px !important;
	width:auto !important;
}
.profile .container_resource{
	padding-left: 20px;
	height: auto !important;
}
.profile .boxTitle{
}
.profile .lblTitle{
	font-size:20px;
}
.profile .labelBold {
	height:37px;
	line-height:37px;
	font-size: 12px;
}
.profile span[id$=_lblHeader] {
	width: 100% !important;
}
.profile .labelBold h3{
	margin: 0px;
}
.profile span[id*=_wrp], .profile span[id*=_wrp] input {
    height: 37px !important;
    line-height: 37px;
}
.profile .combobox{
	height: 37px !important;
    line-height: 37px;
	width: 213px !important;
}
.profile .button{
	height: 32px !important;
    padding: 0px 20px;
	left: 240px !important;
}
.profile .labelOk{
	font-size: 16px;
    width: 100% !important;
}
.profile .lblMenu select {    
	font-size: 14px;
	font-weight: 300;
	border: none;
	background-color: #eee;
	box-shadow: none;
}
.profile .lblMenu select optgroup,
.profile .lblMenu select option {
	color: var(--primary-color);
	background-color: #fff;
}
.profile .labelWeight{
	color: var(--primary-color);
	font-weight: 600;
	margin: 0px 5px;
}
.profile .menuview_slide {
	height: auto !important;
	margin-bottom:20px !important;
	display:block;
}
.profile input[type=button]{
    border-radius: 0px;
	border: 0px;
}
/***********************************************************************/
/********************* AREA PERSONALE - MENU **********************/
.profile .menuview_slide .menuview_font, .profile .menuview_slide .menuview_font_over{
	font-size:15px;
	padding: 10px 0px 5px 0px !important;
}
.profile .menuview_slide div[id*=_slide]{/*menu aperto*/
	display:block !important;
}
 .profile td.menuview_sub_icon {
	background: url(../images/arrow1.gif) no-repeat 3px 9px;
	width: 9px;
	height:30px;
	display:none;
 }
.profile .menuview_img, .menuview_img_over{
	color:#474948;
	border-bottom:1px solid #EEE;
	cursor: pointer;
	background-color: #ffffff;
}
.menuview_slide .menuview_font{
		color:#000000 !important;
		background-color: transparent !important;
		padding: 0px !important;
}
.menuview_slide .menuview_border {
    background-color: transparent !important;
}
.profile td.menuview_sub_font, td.menuview_sub_font_over {
    font-size: 13px !important;
    color: #909090 !important;
    cursor: pointer;    
    line-height: 25px;
    background-color: transparent !important;
	padding: 6px 10px 6px 15px;
	transition-duration:0.3s, 0.3s;
	transition-property:background-color, color;
	transition-timing-function:ease, ease;
 }
.profile td.menuview_sub_font:hover, td.menuview_sub_font_over:hover {
	 background-color: var(--primary-color) !important;
	 color:#ffffff !important;
}
.profile div[id$=_container_resource] {
	 width:75% !important;
}
.profile .boxMenu{
	background-color: #ffffff;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	width:20% !important;
}
 .profile .lblMenu {
	margin: 0px 0px 0px 10px !important;
	display:none;	
}

@media(max-width:992px){ 
	.profile .boxMenu{
		width: 100% !important;
		min-height: 40px !important;	
		background-color: #eeeeee !important;
	}
	.profile .boxMenu table td{		
		height: 40px !important;	
		vertical-align: middle !important;
	}
	.profile .lblMenu {		
		display:block;
	}
	 .profile .menuview_slide {
		display:none;
	}
	.profile div[id$=_container_resource] {
		left: 0px;
		width: 100% !important;
	}			
}
@media(max-width:768px){ 
	.myorder .box.boxButton {		
		margin-top: 0px !important;
	}
	.myorder .traceOrder .box .btnAddToCart {
		margin: 10px 5px 0px 0px !important;
		float: left;
		clear: both;
		width: 150px;
		padding:5px !important;
	}	
}

/***********************************************************************/
/***************** AREA PERSONALE - MIEI ORDINI ******************/
 .myorder {
	font-size: 12px;
}
.myorder .grid_cell {
	padding: 16px 4px;
	border-bottom: 1px solid #eee;
}
.myorder .grid_cell a{
	text-decoration:underline !important;
}
.myorder .grid_cell_title {
	font-weight: 600;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
    height: 40px !important;
}
.myorder  .box {
	border:0px !important;
 }
 .myorder .box {
	width: auto !important;	
	margin:10px 0px !important;
	border:0px !important;
}
.myorder .box.boxButton {
	float:left !important;
}
.myorder .btnAddToCart{
	font-size: 12px;
	text-align: center;
	padding: 5px 15px;
	border: 0px;
	cursor: pointer;
}
.myorder .traceOrder .boxTotal {
    margin: 10px 0px 10px 0px !important;
	float:right;
}
.myorder .traceOrderItem{
    border-bottom: 1px solid #eee;
}
.myorder .traceOrderItem .boxStateOrder {
    float: right;    
    margin: 0px !important;
    width: 10px !important;
}
.myorder .traceOrder div[id$=_imgTracking]{
	float:right;
    margin: 11px 15px;
}

.myorder .traceOrder .labelH2{
	height: 25px;
    line-height: 25px;
    margin: 0px 0px 0px 20px !important;
}
.myorder .traceOrderItem .labelBold{
	height: 40px;
	line-height: 40px;
	margin: 0px 0px 0px 20px !important;
}
.myorder .grid_title.grid_row_title td:nth-child(1) table { /*Allineamento titolo colonna Importo*/
	margin: 0 auto;
}

.myorder .grid_cell.edit, .myorder .grid_cell.confirm, .myorder .grid_cell.delete, .myorder .grid_cell.download {
    padding: 16px 3px;
}
.myorder .grid_cell.edit img, .myorder .grid_cell.confirm img, .myorder .grid_cell.delete img, .myorder .grid_cell.download img{
	background-color:#7f7f7f !important;
	width: 20px;
	height: 20px;
}
.myorder .grid_cell.edit img:hover, .myorder .grid_cell.confirm img:hover, .myorder .grid_cell.delete img:hover, .myorder .grid_cell.download img:hover{
	background-color: var(--primary-color) !important;
}

.myorder .grid_cell.red {
	background-color: red;
	padding: 0px !important;
	display: inline-block;
}
.myorder .grid_cell.green {
    background-color: green;
    padding: 0px !important;
	display: inline-block;
}
.myorder .grid_cell.yellow {
    background-color: yellow;
    padding: 0px !important;
	display: inline-block;
}
.myorder .grid_cell.red div div,
.myorder .grid_cell.green div div,
.myorder .grid_cell.yellow div div{  
    min-height: 50px;
}

/***********************************************************************/
/**************** AREA PERSONALE - SITUAZIONE FIDO *************/
  .viewcredit input.textbox {
	border: 1px solid #dcdcdc;
 }
 .viewcredit .labelBoldBloc{
	color:#FF0000;
	font-size:14px;
	font-weight: bold;
 }
.viewcredit .box{
	border:0px !important;
 }
/***********************************************************************/
/******** AREA PERSONALE - DOCUMENTI E ELENCO CLIENTI ********/
.documentList {
	font-size: 12px;
}
.documentList .grid_cell {
	padding: 11px 4px;
	border-bottom: 1px solid #eee;
	background-repeat: no-repeat;
	background-position: center center;
}
.documentList .grid_cell_title {
	font-size: 12px;
	font-weight: 600;
	border-bottom: 1px solid #dcdcdc;
	padding-left: 4px;
	padding-top: 3px;
	height: 40px !important;
	color: #474948;
}
.documentList  .box {
	border:0px !important;
 }
.documentList .boxButton{
	border: 0px;
	background:url(../images/button.png) no-repeat;
	color:  #FFF;
	font-size: 10px;
	font-weight: bold;
	line-height:22px;
}
.documentList .labelButton {
	color:#FFF;
	font-size:11px;
	font-weight: bold;
}
.documentList .btnTrace{
	margin-bottom: 0px !important;
	padding: 8px !important;
}
.documentList .mime {
    background-color: #ddd;
    width: 40px;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
}
.documentList .plupload_filelist {
    border: 1px solid var(--primary-color) !important;
}
.documentList li.plupload_droptext {
    color: var(--primary-color) !important;
}
/***********************************************************************/
/***************************** FILTER GRID ***************************/
 .grid .filters_body {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#000000;
}
.grid .filters_body{
	height: 25px !important;
    line-height: 25px !important;
    margin: 0px 3px !important;
    border: none !important;
    min-height: 25px !important;
}
.grid .filter_mask_container {
    width: 450px;
    background-color: #343434;
    box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.grid .filter_mask_top {
    height: 33px;
    background-image: url(../SpTheme_Fusion/formPage/empty.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.grid .filter_mask_content {
    background-image: url(../SpTheme_Fusion/formPage/empty.gif);
    background-position: left;
    background-repeat: repeat-y;
    margin: 0 auto 0 auto;
    padding: 0px 10px 0px 10px;
}
.grid .filter_mask_container .toplabel {
    font-size: 15px;
    color: #FFFFFF;
    font-weight: normal;
    font-family: "Open Sans";
}
.grid .buttonMaskContainer{
	top: 5px;
	right: 8px;
}
.grid .filter_mask {
    top: 4px;
    border-width: 0px;
    border-style: solid;
}
.grid .filter_mask_bottom {
    height: 15px;
    background-image: url(../SpTheme_Fusion/formPage/empty.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

/* Ordinamento */
.grid .grid_orderby_ul_pin {
    position: absolute;
    background-position: right;
}
.grid .grid_orderby_ul, .grid .search_fields_ul {
    right: auto;
    width: 150px;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 13px;
    font-family: "Open Sans";
    font-weight: 300;
    color: rgba(255,255,255,0.93);
    position: absolute;
    z-index: 200;
    background-color: #343434;
    box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
    text-decoration: none;
    list-style-type: none;	
}
.grid .grid_orderby_li, .grid .search_fields_li {
    padding: 0 10px 0 10px;
    line-height: 35px;
    text-shadow: none;
    border-width: 0;
    text-decoration: none;
    list-style-type: none;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
	background: none !important;
}
.grid .grid_orderby_li.desc::before {    
	content: "\ea6a";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
}
.grid .grid_orderby_li.asc::before {    
	content: "\ea6d";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.grid .grid_orderby_li.find::before{
	content: "\e9fb";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
}
.grid .grid_orderby_li.add_desc::before{
	content: "\ebeb";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
}
.grid .grid_orderby_li.add_asc::before{
	content: "\ebeb";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
}
.grid .grid_orderby_li.del_sort::before{
	content: "\ed60";
	color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 14px;
	margin-right: 5px;
}
.grid .filterByExampleHandler{
	display:none !important;
}
.grid .grid_orderby_ico.menu{
		background:none !important;
}
.grid .grid_orderby_ico.menu.desc::after {
    content: "\ea6a";
    color: #000000;
    font-family: icons8_win10;
    font-size: 10px;
}
.grid .grid_orderby_ico.menu.asc::after {   
	content: "\ea6d";
	color: #000000;
    font-family: icons8_win10;
    font-size: 10px;
}
/***********************************************************************/
/****************************** TRACCIABILITA' **********************/
.traceOrder {
	margin-bottom:20px;
	padding-bottom:20px;
}
.traceOrder .box.boxTotal{
	float: right !important;
    margin-right: 6px;
}
.traceOrder .labelH2 {
	color:#333333;
	font-size:12px;
	font-weight: bold;
 }
.traceOrder .labelBold {
	color:#6c6c6c;
	font-size:12px;
	height:20px; 
	line-height:20px;
 }
 .traceOrder .labelBold a{
	color:#6c6c6c;
	font-size:12px;
	text-decoration: none; 
 }
.traceOrder .grid {
  }
.traceOrder .grid_row {
}
.traceOrder .grid_cell {
	padding: 4px;
	border: 1px solid #dcdcdc;
}
.traceOrder .grid_cell_title {
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #dcdcdc;
	background: #f8f7f5;
	padding-left:4px;
	background: url(../images/header.gif) repeat-x;
	padding-top: 3px;
	height: 21px;
}
.traceOrder .labelSep{
	color: var(--primary-color);
	font-size:12px;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
 }
.traceOrder .btnAddToCart{
	font-size: 12px;
	text-align: center;
	padding: 5px 15px;
	border: 0px;
	cursor: pointer;
	height: 37px !important;
	line-height: 1 !important;
    margin-left: 6px !important;
}
 .traceOrder .labelBold.stato{
	font-weight: 600;
	margin-top: -10px;
	margin-bottom: 20px;
} 
.traceOrder .boxTotal .labelBold, 
.traceOrder .boxTotal .labelH2 {
	color: #6c6c6c;
    font-size: 13px;
    height: 20px !important;
    line-height: 20px;
    padding: 3px 10px 3px 0px;
	margin: 0px 0px 5px 0px !important;
}
.traceOrder .box50{
	width:50% !important;
}
.traceOrder .boxPag{
    clear: left !important;
}
.traceOrder .boxCons {
    clear: right !important;
}

/***********************************************************************/
/*********************************** BASKET ***************************/
/***********************************************************************/

/***********************************************************************/
/**************************** BASKET - MODIFICA RIGA ***************/
 .basketRow {
	background-color: #FFFFFF;
	font-size:12px;
}
.basketRow .label{
	height: 37px;
	line-height: 37px;
}
.basketRow span[id*=_wrp]  ,.basketRow span[id*=_wrp] input{
	height: 37px !important;
	line-height: 37px;
	font-size: 10px;
}
.basketRow .btnConferma {
	height: 32px !important;
    margin-left: 10px !important;
}
.basketRow .image{
	margin-top: 23px !important;
}

/***********************************************************************/
/**************************** BASKET - BOX PAGINE ******************/
.basket .box1_5, .basket .box2_5, .basket .box3_5, .basket .box4_5, .basket .box5_5,
.basket .box1, .basket .box2, .basket .box3, .basket .box4 {
	border-bottom:1px solid #EEEEEE;
	top: 2px !important;
	width:100% !important;
	margin-bottom: 10px !important;
 }

.basket .boxTotal {
	display:none !important;
}
.basket .label {
	color:#6c6c6c;
	font-size:10px;
 }
 .basket .labelBig a,
.basket .labelFooter a,
.basket .totalFooter a,
.basket .basketTitle a{
    text-decoration: none;
    font-weight: 700;
	color:var(--primary-color) !important;
}
.basket .labelBig.promo{
	font-size: 15px;
    padding: 10px 0px 0px 0px !important;
}
.basket .labelBig.promovalue{
    color: red;
    font-size: 15px;
    padding: 10px 0px 0px 0px !important;
}
 .basket .titleBasketActive{
	color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    background-color: var(--primary-color) !important;
    white-space: nowrap;
	margin-bottom: 0px !important;
	float: left;
    margin-left: 30px;
    margin-top: 10px;
    padding: 18px 10px;
 }
.basket .titleBasketLink{
	margin-bottom: 0px !important;
	float: left;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 35px;
    padding: 18px 10px;
 }
.basket .titleBasketLink a{
    color: #797d7b;
    font-size: 13px;
	font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
.basket .titleBasketLink a:hover {
	color:var(--primary-color);
}
.basket .titleBasket{
	color: #797d7b;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0.5;
    white-space: nowrap;
	margin-bottom: 0px !important;
	float: left;
    margin-left: 30px;
    margin-top: 10px;
    padding: 18px 10px;
}
/***********************************************************************/
/**************************** BASKET - MINI MENU  ******************/
 .basket .basketMenuActive{/*div container*/
	color: #666666;
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px;
    background-color: #eee !important;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.basket .basketMenuActive:hover{
	background-color: var(--primary-color) !important;
	color:#ffffff !important;
}
.basket .basketSubMenu{/*ul*/
	list-style-type:none;
	display:none;
	background-color:#eeeeee;
}
.basket .basketSubMenuItem{/*li*/
	width:100%;
	padding: 8px 10px 8px 10px;
	text-transform: uppercase;
}
.basket .basketSubMenuItem a{
	text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}
 .basket .menuBasket{/*label*/
	left:0px !important;
	top:8px !important;
	display:none !important;
 }
 .basket .menuBasket .basketMenuActive span, .basket .menuBasket i{
	/*color:#666666 !important;*/
 }
 @media (max-width: 768px) {
	.basket .menuBasket{
		display:block !important;
	}
	.titleBasket, .titleBasketActive, .titleBasketLink, 
	.basket .box1_5, .basket .box2_5, .basket .box3_5, .basket .box4_5, .basket .box5_5 {
		display:none !important;
	}
 }
.basket .buttonBasket {
	width: auto !important;
	height: auto !important;
	padding: 0px 40px;
	right:0px !important;
	margin:2px 0px 0px 0px;
	padding:5px 10px;
}
.basket .buttonBasket.officeNew {
	left: 30px !important;
	right: auto !important;
}
.basket .buttonBasket.officeChoice {
	left: 190px !important;
	right: auto !important;
}
.basket .buttonBasketChoice,
.basket .buttonBasketChoice2,
.basket .buttonBasketChoice3 {
	color: #666666;
	width: auto !important;
	height: auto !important;
	position: relative !important;
	float: left !important;
	left: auto !important;
	margin: 0px 5px 1px 0px !important;
}
.buttonBasketChoice.add.btn.btn-secondary { /*Aggiungi*/
	position: absolute !important;
	left: 10px !important;
	padding: 5px;
	position: absolute !important;
}

.buttonBasket.salva,
.buttonBasket.offerta,
.buttonBasket.annulla,
.buttonBasket.shopping{
	right: auto !important;
	color: #666666;
	width: auto !important;
	height: auto !important;
	position: relative !important;
	float: left !important;
	left: auto !important;
	margin: 2px 3px 0px 0px;
	padding:12 20px;
}
.basket .labelBold {
	color:#333333;
	font-size:14px;
}
.basket .labelBold.address{
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
 }
 .basket .textbox, .basket .combobox{
 	height: 30px !important;
	line-height: 30px !important;
 }
.basket .labelEdit {
	width:auto !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	 box-shadow: none;
}
.basket .total {
	margin-top:5px !important;
	font-weight: 300;
	font-size: 18px;
	white-space:nowrap;
}
.basket .labelAsterisk {
	color:#FF6600;
	font-size:14px;
	font-weight: bold;
 }
.basket span[id*=_autosuggestCity_wrp] {
  height: 30px !important;
}
.basket textarea[id*=autosuggestCity] {
  height: 30px !important;
  padding: 0px 3px;
  font-size: 13px;
  border: 1px solid #888888;
  line-height: 30px;
}
.basket .city_sw {
  background-color: #FFFFFF;
  padding: 10px !important;
  font-size: 14px;
  right: 10px;
  border: 1px solid #888888;
}
 .basket .city_sw .over{
	background-color:#dcdcdc;
}
.basket .city_sw li {
  width: 100% !important;
}
.basket .labelTotal {
	font-size: 17px;
	line-height: 24px;
	color: #474948;
	margin-top: 5px;
}
.basket .totalFooter a, .basket .basketTitle a{
	color:#474948;	
	font-weight: 700;
	font-size: 19px;
}	
.basket .totalFooter, .basket .basketTitle{
	color: #474948;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
	display:inline-block !important;
}
.basket .labelFooter {
	color:#6c6c6c;
	font-size:12px;
}
.basket .labelFooter.cli{
	font-weight: 700;
	font-size: 16px;
}
.basket .labelFooter.spe{
	font-weight: 500;
	font-size: 13px;
}
.basket .labelFooter.pag{
	font-weight: 500;
	font-size: 13px;
}
.basket .boxTotalFooter{
    left: 0px !important;
    right: 0px !important;
    height: 45px !important;
    background-color: #dddddd;
    /*margin-top: 5px;*/
}
/*grid carrello*/
 .basket .basketList {
	color: #474948;
	font-size: 12px;
 }
 .basket .basketList .grid_cell_title{
	height:29px;
	line-height:29px;
	border-top: 1px solid #dddddd;
	font-weight: 700;
 }
 /*allineamento label title grid*/
 .basket .grid_title.grid_cell_title .grid_title.grid_cell_title:nth-child(3) td,
 .basket .grid_title.grid_cell_title .grid_title.grid_cell_title:nth-child(4) td,
 .basket .grid_title.grid_cell_title .grid_title.grid_cell_title:nth-child(6) td{
	text-align: right;
	padding-right:5px;
}

 .basket .basketList .grid_row, .basket .basketList .grid_rowodd, .basket .basketList .grid_rowselected{
	border-bottom:1px solid #eeeeee;
 }
 .basket .basketList .grid_cell{
	padding: 4px;
	vertical-align: middle !important;
	align:center !important;
 }
 .basket .basketList .grid_cell .backImg{
	vertical-align: middle !important;
	height:60px;
	text-align:center;
 }
.basket .basketList .grid_cell .backImg img {
    width: auto;
    height: 50px;
    max-width: 50px;
}
 .basket .basketList .grid_cell a{
	font-size:14px;
	font-weight:bold;
	transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	display: inline-block;
 }
 .basket .basketList .grid_cell a .listActions{
	font-size:12px;
	font-weight:normal;
 }
 .basket .buttonModifica{
 	border: 1px solid #dddddd;
	width:84px !important;
	height:20px;
	line-height:20px;
	color:  #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
}
 /*elenco sedi elenco pagamenti */
 .basket .officeList, .basket .paymentList{
	font-size: 12px;
	width: auto !important;
 }
 .basket .paymentList{	
	margin-top: 20px !important;
 }
 .basket .grid{
	cursor:pointer;
 }
  .basket .paymentList .grid_img_recMark,
.basket .officeList  .grid_img_recMark,
.basket .gridConsegna .grid_img_recMark{
	 height: 41px;
    width: 30px;
    line-height: 41px;
}
.basket .paymentList  a.iconFont,
.basket .officeList  a.iconFont,
.basket .gridConsegna  a.iconFont{
    color: rgba(0,0,0,0.7);
    height: 41px;
    width: 30px;
    line-height: 41px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}
.basket .paymentList .grid_card_container,
.basket .officeList .grid_card_container,
.basket .gridConsegna .grid_card_container{
	margin-right:20px;
}
.basket .paymentList  a.iconFont.grid_img_recMark_sel::after,
.basket .officeList  a.iconFont.grid_img_recMark_sel::after,
.basket .gridConsegna  a.iconFont.grid_img_recMark_sel::after {
    content: "\F145";
    font-family: icons8_win10;
    font-weight: normal;
    font-size: 18px;
} 
.basket .paymentList .grid_cell,
.basket .gridConsegna .grid_cell{
	padding: 5px;
	min-height:25px;
	border-bottom: 1px solid #dcdcdc;
	font-size:14px;
	vertical-align:middle;
 }
.basket .paymentList  .no-print,
.basket .officeList  .no-print,
.basket .gridConsegna  .no-print {
	vertical-align:top;
}
 
.basket .officeList .grid_cell{
	padding: 5px;
	min-height:25px;
	font-size:14px;
	vertical-align:middle;
}
.basket .officeList .grid_record_mark_sel, .basket .officeList .grid_record_mark {
	background-position-y:2px !important;
    display:none;
}
.basket .officeList .grid_card_container{
    cursor:pointer;
}
.basket .officeList .grid_card_container .grid_row:last-child,
.basket .officeList .grid_card_container .grid_rowodd:last-child{
    border-bottom: 1px solid transparent;
}
.basket .officeList .grid_card_container .grid_rowselected:last-child {
    border-bottom: 1px solid var(--primary-color);
}
.basket .officeList .grid_card_container .grid_rowselected {
    color: var(--primary-color);    
}

.basket .labelOk{
	color: #666666;
    font-weight: bold;
    font-size: 12px;
    background-color: #f8f8f8;
    padding: 10px 5px;
    border: 1px solid #dddddd;	
}
.basket .mylayer{
	position: absolute;
	padding: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	border: 1px solid #dcdcdc;
	margin: 0 0 0 0;
}
.basket .mytitle{
	background-color: #f8f8f8;
	color:#6c6c6c;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.basket .labelInfo{
	font-style: italic;
	text-decoration: none;
	color:#333333;
	font-size:12px;
}
.basket .warningcred{
	font-weight: bold;
	color:#FF0000;
}
.basket .msgBloc{
	color: #333333;
	font-weight: bold;
	font-size:12px;
	background-color: #f8f8f8;
	padding: 3px;
	border: #999999 2px solid
}
.basket .coupon {
	margin-left: -11px !important;
    margin-top: -12px !important;
    height: 45px !important;
}

@media (max-width: 768px) {
	.navigation {
		border-bottom: none;
	}
	.basket .basketList .grid_cell_title td:nth-child(1),
	.basket .basketList .grid_row td:nth-child(1),
	.basket .basketList .grid_rowodd td:nth-child(1),
	.basket .basketList .grid_rowselected td:nth-child(1),
	.basket .basketList .grid_title td:nth-child(1){
		/*display:none;*/
	}
	.basket .basketList .grid_cell_title td:nth-child(2),
	.basket .basketList .grid_row td:nth-child(2),
	.basket .basketList .grid_rowodd td:nth-child(2),
	.basket .basketList .grid_rowselected td:nth-child(2),
	.basket .basketList .grid_title td:nth-child(2){
		min-width:50px !important;
	}
	.basket .basketList .grid_cell a{
		font-size:11px !important;
	}
	.basket .buttonBasket.next1{
		margin-top:50px !important;
	}
	.basket .buttonBasket.next2,
	.basket .buttonBasket.next3,
	.basket .buttonBasket.next3_a{
		float: left;
		position: relative !important;
		width: 100% !important;
		display: inline-block;
	}
	.basket .buttonBasket.officeChoice,
	.basket .buttonBasket.officeNew{
		float: left;
		position: relative !important;
		width: 100% !important;
		left: auto !important;
		margin: 2px 0px 0px 0px !important;
	}
	.basket .buttonBasket.salva,
	.basket .buttonBasket.offerta,
	.basket .buttonBasket.annulla,
	.basket .buttonBasket.shopping{
		float: left;
		position: relative !important;
		width: 100% !important;
		left: auto !important;
	}
	.basket .total{
	}
	.basket .labelTotal{
		font-size: 12px;
	}
	.basket .totalFooter, .basket .labelFooter{
		width: auto !important;
		white-space: nowrap;
		left: 5px;
	}
	.basket .totalFooter.lbl{
		right: 165px !important;
		font-size: 14px;
		width: 80px !important;
		left: auto !important;
	}	
	.buttonBasketChoice.add.btn.btn-secondary { /*Aggiungi*/
		left: 195px !important;
		width: auto !important;
		height: 42px !important;
		margin-left: 5px !important;
		top: 8px !important;
	}
	.basket .titleBasketActive, .basket .titleBasket{
		width:auto !important;
	}
}

@media (max-width: 480px){
	.basket .buttonBasketChoice,
	.basket .buttonBasketChoice2,
	.basket .buttonBasketChoice3 {
		float: none !important;
		width: 100% !important;
		display: inline-block;
	}
}
/***********************************************************************/
/******************* CONTENUTO AVANZATO E TAB *******************/
/***********************************************************************/
.contentAdv{
	margin-bottom:20px;
}
.contentAdv .image{
}
.contentAdv .contentTitle{
}
.contentAdv .contentTitle, .contentAdv .contentTitle h3  {
	font-size: 33px;
}
.contentAdv .contentSubTitle{
}
.contentAdv .contentSubTitle, .contentAdv .contentSubTitle h2  {
	font-size: 21px;
}
.contentAdv .contentSlogan{
    font-size: 18px;
}
.contentAdv .label{
	font-size: 14px;
}
.contentAdv .gallerySlide,
.contentAdv .gallerySlide .slideshow-navbar-bottom,
.contentAdv .gallerySlide .slideshow-thumbnails-bottom img {
    height: 67px !important;
}
.contentAdv .boxDottedNoBg{
}
/* TAB */
.contentAdv .tabDetail{
	background-color: #ffffff;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-left: 0px !important;
}
.contentAdv .tabDetail .labelBlock{
	font-size:14px;
}
.contentAdv .tabDetail ul {
	background-color:#999999;
}
.contentAdv .tabDetail ul li{
	margin:0px !important;
}
.contentAdv .tabDetail .tab a{
    font-size: 14px !important;
    color: #fff !important;
    min-width: 134px;
    padding: 5px 10px;
	text-decoration:none;
	transition: all 300ms ease;
	display: inline-block;
}
.contentAdv .tabDetail .tab.first.active a,
.contentAdv .tabDetail .tab.active a,
.contentAdv .tabDetail .tab.last.active a{
    background-color: var(--primary-color);
}
.contentAdv .tabDetail .tab a:hover{
	background-color: var(--primary-color);
}
.contentAdv .tabDetail .titleGadgetBig, .contentAdv .tabDetail .titleGadgetBig h3 {
    color: #0088C9;
    font-weight: normal !important;
    line-height: 25px;
    height: 25px;
    padding: 0px !important;
	font-size: 18px;
}
@media(max-width:768px){
	.contentAdv .tabDetail ul li{
		width:100%;
	}
	.contentAdv .tabDetail .tab a{
		width:100%;
	}
}
/***********************************************************************/
/***************************** VOTAZIONI ****************************/
/***********************************************************************/
.rating{
	margin-bottom: 15px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.rating span[id*=_wrp] {
	margin-left:0px !important;
	clear:both;
}
.rating .label{
	font-size:16px;
}
.rating .labelNote{
	font-size: 16px;
	margin-bottom: 10px;
	width: 100% !important;
}
.rating .labelTitle{
	color: #474948;
	font-size: 18px;
	font-weight: 300;
	height: 22px;
	letter-spacing: -0.5px;
	line-height: 22.5px;
	padding: 20px 0px;
}
.rating .radioButton input{
    width: 15px;
    height: 15px;
}
.rating .buttonRating {
	padding-bottom: 25px !important;
}
.rating .radioButton{
	color: #474948;
	width:13px;
	height:13px;
	margin:0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
}

/***********************************************************************/
/****************** TOOLBAR STAMPA BOOKMARK RSS******************/
/***********************************************************************/
.toolbar {
	background-color: #ffffff;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-left: 0px !important;
}
.toolbar span.labelRss,.toolbar span.labelSegnala,.toolbar span.labelBookmark,.toolbar span.labelPrint{
	float: right !important;
	width: auto !important;
	padding: 0px 10px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.toolbar span.labelRss a,.toolbar span.labelSegnala a,.toolbar span.labelBookmark a,.toolbar span.labelPrint a{
	margin:0px 10px;
	display: inline-block;
	padding-left: 20px;
	height:20px;
	line-height:20px;
}
.toolbar span.labelRss a {
	background: url('../images/ico_rss.png') no-repeat;
}
.toolbar span.labelSegnala a {
	background: url('../images/ico_invia.png') no-repeat;
}
.toolbar span.labelBookmark a {
	background: url('../images/ico_bookmark.png') no-repeat;
}
.toolbar span.labelPrint a {
	background: url('../images/ico_stampa.png') no-repeat;
}

/***********************************************************************/
/****************************** CONTATTACI **************************/
/***********************************************************************/
.portletCont{
	min-width: 380px !important;
	width: 100% !important;
}
.portletCont textarea,
.portletCont select{
	margin:0px !important;
}
.portletCont input[type=text],
.portletCont input[type=password],
.portletCont select{
	border: 1px solid #999999;
	height: 37px !important;
}
.portletCont textarea{
	border: 1px solid #999999;
	min-height: 67px !important;
}
.portletCont input[type=text]:focus,
.portletCont input[type=password]:focus,
.portletCont select:focus,
.portletCont textarea:focus{
	background-color: #fbfbfb;
	outline:none;
}
.portletCont h3{
	color: #474948;
	text-shadow: 1px 1px 1px #FFFFFF;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal !important;
}
.portletCont input[type=button]{
	text-transform: uppercase;
    padding: 5px 10px;
    width: auto !important;
    height: auto !important;
    position: relative !important;
    float: left !important;
    left: auto !important;
    margin: 0px 3px 0px 1px !important;
}

/***********************************************************************/
/******************************** GOOGLE MAP ************************/
/***********************************************************************/
.map{
}
.map .titleGadget h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.map .marker_title{
	color:var(--primary-color);font-size:18px;font-weight:bold;padding-bottom:10px;
}
.map .marker_street{
	color:#333;font-size:14px;font-weight:normal;padding-bottom:1px;
}
.map .marker_city{
	color:#666;font-size:11px;font-weight:normal;padding-bottom:1px;
}
.map .marker_country{
	color:#666;font-size:11px;font-weight:boldnormal;padding-bottom:1px;
}
.map .marker_email{
	color:#333;font-size:14px;font-weight:normal;padding-bottom:1px;
}
/***********************************************************************/
/*************************** SELEZIONA PAESE ***********************/
/***********************************************************************/
.listaree .titleGadgetBig{
	width:100% !important;
}
.listaree .titleGadgetBig h3{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
/* AREE GEOGRAFICHE */
.listaree .listnation .titleGadgetDotted h3{
	font-size: 20px;
	color:#474948;
	border-bottom: 1px dotted #dedede;
}
.listaree .listnation .labelCapitalize{
	font-size:14px;
	padding: 7px 0px;
}

/***********************************************************************/
/*************************** SCELTA NAZIONE ************************/
/***********************************************************************/
 .choiceNation{
 }
 .choiceNation .labelTitleNation{
	width:100% !important;
}
 .choiceNation .labelTitleNation > div{
	margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
 .choiceNation .labelNation {
	line-height:40px;
}

/***********************************************************************/
/*************************** REPEATER NAVBAR *************************/
/***********************************************************************/
.navbar.repeater {
    min-height: 0px !important;
    margin: 0px !important;
}
.repeat_navbar {
	padding: 15px 0px 15px 0px;    
    overflow: hidden;
    margin: 10px 0 10px 0;
    font-size: 13px;  
}
.repeat_navbar div {
    position: relative !important;
    display: inline-block !important;
    left: 0 !important;
    top: 0 !important;
}
.repeat_navbar .navbar_count {
    float: left;
}
.navbar_pages {
    float: initial;
	margin: 0px 1px;
}
.repeat_navbar .navbar_nextprev.navbar_next {
    /*float: right !important;*/
	margin-left: 20px;
}
.repeat_navbar.navbar_top {
  border-bottom: 1px solid #ebebeb;
}
.repeat_navbar.navbar_bottom {
  border-top: 1px solid #ebebeb;
}
.navbar_pages A, .navbar_pages A:visited {
	cursor: pointer;
    display: inline;
    margin: 0px 2px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 8px 12px;
    background-color: #ffffff;
    color: #666666;
    /*font-family: Montserrat;*/
    font-size: 12px;
}
.navbar_nextprev.navbar_next a{
	font-size: 13px;
}
.navbar_pages A:hover{
	color: #ffffff !important;
	background-color: var(--primary-color);
	border-radius: 3px;
	border: 1px solid var(--primary-color);
}
.navbar_pages.active a{
	color: #ffffff;
    background-color: var(--primary-color);
    border-radius: 3px;
    border: 1px solid var(--primary-color);
}

.navbar_nextprev.navbar_prev-icon a,.navbar_nextprev.navbar_next-icon a{
	cursor: pointer;
    display: inline;
    margin: 0px 2px;    
    border-radius: 3px;
    padding: 8px 12px;    
    color: #666666;    
    font-size: 12px;
}
.navbar_nextprev.navbar_prev-icon{
	background: url('../images/arrow-left.png') no-repeat center;	
}
.navbar_nextprev.navbar_next-icon{
	background: url('../images/arrow-right.png') no-repeat center;	
}

/***********************************************************************/
/*************************** WRAPPER BANNER  *****************************/
/***********************************************************************/
.wrapper_banner{
	margin:0px 0px 10px 0px !important;
	background-color: #eeeeee;    
    position: relative;
	width: 100% !important;
	border-bottom: 1px solid #dddddd;
}

/***********************************************************************/
/*************************** BANNER CON PULSANTI *************************/
/***********************************************************************/
.bannerButton {
	min-height: 330px;
	background: url(../images/back_banner.png) no-repeat top center;
}
.bannerButton .box {
margin-left:0px !important;
	margin-top:0px !important;
	position: absolute !important;
	min-height:30px !important;	
	bottom: 0;
}
.bannerButton .box .buttonbar {
	text-align:left;
	padding-right:20px;
	height:40px;
}
.bannerButton .box .buttonprev {
	display:inline-block;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/grid_prev.png) center no-repeat transparent;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	height:28px;
	width:28px;
	line-height:28px;
}
.bannerButton .box .buttonnext {
	display:inline-block;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/grid_next.png) center no-repeat transparent;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	height:28px;
	width:28px;
	line-height:28px;
}
.bannerButton .box .buttonitem {
	display:inline-block;
	font-size:13px;
	color:#BBB;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	height:28px;
	line-height:28px;
}

.bannerButton .box .buttonitem.active{
	display:inline-block;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	height:28px;
	line-height:28px;
}

/***********************************************************************/
/******************************** CALENDARIO ************************/
/***********************************************************************/
.SPCalendar {
  color: #FFFFFF;
	background-color: #ddd;
	font-size: 8pt;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #bbb;
	margin-top: 2px;
	z-index: 999999 !important;
	border-radius: 5px;
	width: auto !important;
    max-width: 100% !important;
}
.SPCalendar table {
    width: auto !important;
    max-width: 100% !important;
}
.SPCalendar ol,.SPCalendar ui{
  list-style: none;
  padding: 0px;
}
.SPCalendar img {
  vertical-align: middle;
}
.SPCalendar a, .hoverable .SPCalendar a:hover, .SPCalendar:visited{
  text-decoration: none;
}
.SPCalendarYear {
  background-color:#FFFFFF;
  margin-left:0px;
  z-index:999999 !important;
}
.SPCalendarMonth {
  background-color:#FFFFFF;
  z-index:999999 !important;
}
.SPCalendarHeader {
  color:#000000;
  background-color: #bbbbbb;
   font-size:9pt;
}

.SPCalendarHeader.SPCalendarComboYearsMonths{
  padding: 0;
  background-color:#F6F6F6;
}
.SPCalendarHeader.SPCalendarComboYearsMonths li, .SPCalendarHeader.SPCalendarComboYearsMonths td{
  padding: 0;
}
.SPCalendarHeaderAll a, .hoverable .SPCalendarHeaderAll a:hover, .SPCalendarHeaderAll a:visited{
  color:#D76C02;
}
.SPCalendarDragger{
  background-color:transparent;
  background-image:url(../SpTheme_XO/images/calendar/dragger.png);
  background-position:center right;
  background-repeat:no-repeat;
}
.SPCalendarHeaderAll {
  color:#D76C02;
  font-size:9pt;
  background-color:transparent;
}
.SPCalendarHeader.mout {
  color:#D76C02;
  background-color:transparent;
  border-color:#000000;
}
.SPCalendarHeader.mover {
  color:#FFFFFF;
  background-color:#333333;
  border-color:#000000;
}
.SPCalendarContent {
  background-color:transparent;
  margin-top:0px;
  padding: 5px;
}
.SPCalendarBody, .SPCalendarBody:link, .hoverable .SPCalendarBody:hover {
  color:#FFFFFF;
  font-size:8pt;
}
.SPCalendarBodyTable, .hoverable .SPCalendarBodyTable:hover, .SPCalendarBodyTable:link {
  color:#FFFFFF;
  font-size:8pt;
}
.SPCalendarBody td div:first-child , .SPCalendarBody td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendarBodyTable td div:first-child ,.SPCalendarBodyTable td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendarFooter{
  background-color:transparent;
  color:#000000;
  font-size:9pt;
  width:100%;
  text-align: center;
}
.SPCalendarToday{
  background-color:#FFFFFF;
  color:#000000;
}
.SPCalendarCurrentDay{
  border-width:0px;
}
.SPCalendarSunday{
  color:#A6A6A6;
  font-weight:bold;
}
.SPCalendarSaturday{
  color:#A6A6A6;
  font-weight:bold;
}
.SPCalendarWeeks{
  color:#FFFFFF;
  font-weight:bold;
}
.SPCalendarBodyTable .SPCalendarWeekDivider *:first-child{
  padding: 0px;
}
.SPCalendarComboYearsMonths{
  color:#000000;
  font-size:8pt;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}
a.SPCalendarFooter, .hoverable a.SPCalendarFooter:hover, a.SPCalendarFooter:visited {
  background:none;
  color:#000000;
  font-size:9pt;
}

/***********************************************************************/
/********* SCHEDA PRODOTTO CON GALLERIA IMMMAGINI ***********/
/***********************************************************************/
.itemGal{
	color: #606362;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
    padding: 10px 10px 30px 10px;
    border: 1px solid #ededed;
	min-height: 100px !important;
}
.itemGal .boxImg,
.itemGal .boxImg.up{
    float: left !important;
	background-color:#eeeeee;
	width: 100%;
}
.itemGal .boxImg:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 15px;
    float: left;
    cursor: pointer;
}
.itemGal .boxImg.up:before {
	content: "\f106";
    font-family: FontAwesome;
    font-size: 15px;
    float: left;
    cursor: pointer;
}
.itemGal > div[id*="page"] > div {
    height: auto !important;
}
.itemGal .desArt{
	margin: 0px !important;
    padding: 0 !important;
    float: left !important;
}
.itemGal .desArt h1{
	display: block;
	color: #333339;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 10px;
	font-family: Raleway, sans-serif !important;
    font-weight: normal;
}
 .itemGal .boxDisp{
	margin: 0 !important;
    padding: 0px 0px 10px 0px !important;
	min-height:0px !important;
 }
.itemGal .boxPrice{
	clear: both;
    margin: 0 !important;
	padding: 0px 0px 10px 0px !important;
    min-height: 0px !important;
}
.itemGal .priceFinal{
	color: var(--primary-color);
	padding: 10px 0;
    font-size: 30px;
	white-space:nowrap;
	margin: 0 !important;
    padding: 0 !important;
}
.itemGal .priceFinal div, .itemGal .price div{
	font-family: Montserrat, sans-serif;
}
.itemGal .price div{
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	text-decoration: line-through;
}
.itemGal .desCatArt{
    padding-bottom: 20px;
    clear: both;
    color: #444444;
    margin: 0px 0px 15px 0px !important;
    font-size: 13px;
}
.itemGal .label{
	margin: 0px !important;
	font-size: 14px;
	font-weight: 500 !important;
}
.itemGal .label.addedField{
	margin: 0px !important;
	font-size: 13px;
	font-weight: normal !important;
}
.itemGal .vat {
	height: 42px;
	line-height: 42px;
	margin:0px !important
}
.itemGal .vat div{
	text-align:left;
}
.itemGal .qta, .itemGal .combobox{
    float: left;
    font-family: Arial !important;
    padding: 0;
    font-size: 12px !important;
    height: 37px !important;
    line-height: 37px;
    position: relative !important;
    color: #888;
	margin: 11px 0px 0px 0px !important;
}
.itemGal .qtaInput{
	float: left;
    text-align: center !important;
    min-width: 48px !important;
    background: none;
    height: 37px !important;
    line-height: 37px !important;
    padding: 0;
    margin: 0;
    border: 1px solid #aaa8a8;
    margin-bottom: 5px;
}
.itemGal .addToBasket{
    background-color: #999999;
    color: #fff;
    padding: 0 10px !important;
	border-radius: initial;
	border:0px !important;
	width:auto !important;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	margin-left: 15px !important;
	line-height: 37px !important;
    margin-top: 11px !important;
}
@media(max-width:568px){
.itemGal .addToBasket {
		clear: left !important;
		margin-left: 0px !important;
		padding: 0px 25px !important;
	}
}
.itemGal .addToBasket div{
	padding-right: 20px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
	text-transform: uppercase;
}
.itemGal .addToBasket:hover{
    background-color: var(--primary-color);
	color:#FFF;
}
.itemGal .addToBasket:before{
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
	display: inline-block;
	float:left;
	margin-right: 5px;
}
.itemGal .buttonCompara{
	/*clear:left;*/
}
.itemGal .buttonPreferiti, .itemGal .buttonCompara, .itemGal .buttonStampa{
	float: left;
    margin: 0;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: left !important;
	display:inline-flex;
	background-color:#999999;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.2s;
	transition-property: background, color;
	transition-timing-function: ease, ease;
	border-radius: initial;
	border:0px !important;
	margin:11px 0px 10px 5px !important;
	color: #fff;
	padding: 0px 11px !important;
	width:auto !important;
	min-width:39px;
	cursor:pointer;
	clear:none !important;
}
.itemGal .buttonPreferiti:hover, .itemGal .buttonCompara:hover, .itemGal .buttonStampa:hover{
	background-color: var(--primary-color);
	font-size: 16px !important;
}
.itemGal .buttonPreferiti div, .itemGal .buttonCompara div, .itemGal .buttonStampa div{
	display:none;
	height: 37px;
    line-height: 37px;
    margin-left: 5px;
}
.itemGal .buttonPreferiti.remove, .itemGal .buttonCompara.remove, .itemGal .buttonStampa.remove{
	background-color: var(--primary-color);
	color:#fff;
}
.itemGal .buttonPreferiti:before{
	content: "\f004";
    font-family: FontAwesome;
	line-height: 37px;
	height:37px;
}
.itemGal .buttonCompara:before{
	content: "\f021";
    font-family: FontAwesome;
	line-height: 37px;
	height:37px;
}
.itemGal .buttonStampa:before{
	content: "\f02f";
    font-family: FontAwesome;
	line-height: 37px;
	height:37px;
}
.itemGal .labelSelAttrib{
	color: #939694;
	font-size: 14px;
	font-weight: normal;
	margin: 0px !important;
    padding: 0px !important;
}
.itemGal .repeater{
	margin: 0px 0px 10px -5px !important;
}
.itemGal .repeater .portlet{
	height:30px !important;
}
.itemGal .repeater .combobox{
	margin:0px !important;
}
.itemGal .dispLabel{
	color: #999999;
    font-size: 12px;
}
.itemGal .dispView{
	color: var(--primary-color);
}

/*--- GALLERIA PRODOTTI ---*/
.itemGal.product-info {
  margin-bottom: 10px;
}
.itemGal.product-info .imageGallery {
	width: 100%;
	background-color: var(--primary-color);
	color: #FFF;
	margin: 0px auto;
	text-decoration: none;
}
.itemGal.product-info .label{
	padding:0px !important;
	margin: 0px !important;
	float: left !important;
}
.itemGal.product-info .box{
	padding:10px !important;
	margin: 0px !important;
	float: left !important;
}
.itemGal.product-info .lightGallery .rawGallery .itemGal.product-info {
    padding: 0px !important;
    border: none;
}
.itemGal.product-info .product-images img {
	height: auto;
    max-width: 450px;
    vertical-align: middle;
    border: 0;
    width: 100%;
}
.itemGal.product-info .product-images .box {
  margin-bottom: 0;
}
.itemGal.product-info .product-images .primary {
  /*margin: -20px -20px 0;*/
}
.itemGal.product-info .product-images .thumbs {
  margin: 0 -20px;
  padding: 20px;
  position: relative;
}
.itemGal.product-info .product-images .thumbs:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  position: absolute;
  left: 30px;
  top: -5px;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.itemGal.product-info .product-images .thumbs .thumbs-list {
  margin-left: -3%;
  margin-bottom: -3%;
}
.itemGal.product-info .product-images .thumbs .thumbs-list:before {
  content: '';
  display: block;
}
.itemGal.product-info .product-images .thumbs .thumbs-list:after {
  content: '';
  display: table;
  clear: both;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li {
	width: 17%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
	list-style: none;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li a {
  display: block;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #474948;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li a:hover {
  border-color: var(--primary-color);
  border-top: 0;
  border-right: 0;
  border-bottom: 5px solid;
  border-left: 0;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li a:hover:before {
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li a.active {
  border-color: var(--primary-color);
  border-top: 0;
  border-right: 0;
  border-bottom: 5px solid;
  border-left: 0;
}
.itemGal.product-info .product-images .thumbs .thumbs-list li img {
  display: block;
}
.zoomContainer{
	z-index:1;
}

/* icone lightgallery */
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover,
.lg-toolbar .lg-icon:hover, .lg-outer .lg-toogle-thumb:hover {
    color: var(--primary-color) !important;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--primary-color) !important;
}

/* Combobox selezione variante */
.itemVariant{	
	margin-left: 4px !important;
}
.itemVariant.activated .combobox{
	padding-left: 25px;
}
.itemVariant.activated:before {
	content: "\f00c";
    position: absolute;
    z-index: 10;
    color: green;
    font-size: 16px;
    font-family: FontAwesome;
    padding: 8px;
}
.itemVariant .combobox{
	width:100%;
	padding: 0px 5px;
 }
 .itemVariant .combobox{
	font-size: 14px !important;
    color: #333333;
	background-color: #ffffff;
 }
.itemVariant .combobox option:disabled{
	color: #999999;
 }

/* Risultati ricerca Infinity Search */

.solrresultsgrid {
	width: 100%;
	height: auto;
	font-family: Verdana;
}

.solrresultsgrid .listNoBull {
	list-style-type: none;
	padding-left: 10px;
}

.solrresultsgrid .resultElement {
	width: 100%;
	padding-bottom: 30px;
}

.solrresultsgrid .placeholder {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 10px;
}

.solrresultsgrid .imgMime {
	width: 24px;
	height: 24px;
}

.solrresultsgrid .alignBottom {
	vertical-align: bottom;
}

.solrresultsgrid .KBimage {
	width: 4px;
	height: 18px;
	float: left;
	padding-left: 10px;
	text-align: right;
	vertical-align: bottom;
}

.solrresultsgrid .description a {
	color: black;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.solrresultsgrid .description :hover{
	text-decoration: underline;
}

.solrresultsgrid .description .categories {
	background: #ddd;
	font-size: 11px;
	padding: 2px 7px;
	border-radius: 7px;
	font-weight: normal;
}

.solrresultsgrid .description .tags {
		font-size: 11px;
		font-weight: normal;
		color: #808080;
}

.solrresultsgrid .altDescription {
		color: black;
		text-decoration: none;
		font-size: 12px;
		margin-top: 5px;
		margin-left: 28px;
}

.solrresultsgrid .url2 a {
	color: black;
	font-size: 12px;
	margin-top: 5px;
	text-decoration: none;
}

.solrresultsgrid .url2 :hover {
	text-decoration: underline;
}

.solrresultsgrid .lastUpdate {
	font-size: 11px;
	margin-top: 5px;
}




/*************************************************************************/
/*********************************** BASKET RESP ***************************/  
/*************************************************************************/
/*************************************************************************/
.basket.resp{
	min-width: 100px !important;
	min-height: 50px !important;
	margin-bottom:30px !important;
	width:auto !important;
}
.basket.resp .boxRiepilogo{
	left: auto !important;
 }
.basket.resp .titleBasketLink a:hover {
	color:var(--primary-color);	
}
.basket.resp .buttonBasket {	
    height: auto !important;
    margin: 10px 0px 1px 5px !important;
    float: right !important;
	display:inline-block;
}
.basket.resp .buttonBasketChoice,
.basket.resp .buttonBasketChoice2,
.basket.resp .buttonBasketChoice3 {
    margin: 10px 5px 1px 0px !important
}
.basket.resp .buttonBasketChoice.add.btn.btn-secondary { /*Aggiungi*/
	position: relative !important;
    float: left !important;
    left: 0px !important;
    top: 0px !important;
}
/*box griglia articoli*/
.basket.resp .boxGridBasket {
    left: 0px !important;
    right: 0px !important;
    height: auto !important;
    margin: 5px 0px 5px 0px !important;
    min-height: 50px !important;
    float: left !important;
	width: 100% !important;
}
.basket.resp .basketList {
    color: #474948;
    font-size: 12px;
	width:100% !important;
	margin: 0px 0px 10px 0px !important;
	min-height: 30px !important;
}
.basket.resp .basketList.prom {
    float: left !important;
    padding: 10px 0px 0px 15px;
}
.basket.resp .basketList.prom .grid_cell_title{
    font-size: 16px;
    padding-left: 5px;
    color: ##333333;
}
.basket.resp .basketList.prom .grid_row td:nth-child(1), 
.basket.resp .basketList.prom .grid_rowodd td:nth-child(1){
	font-size:16px;  
}
.basket.resp .basketList.prom .grid_row td:nth-child(2), 
.basket.resp .basketList.prom .grid_rowodd td:nth-child(2){
	font-size:19px;
	font-weight:700;
    color: ##333333;
}
.basket.resp .labelBig.promo{
	font-size: 15px;
    padding: 0px 5px 10px 0px !important;
}
.basket.resp .labelBig.promovalue{
    color: red;
    font-size: 15px;
    padding: 0px 5px 10px 0px !important;
}
/*box info cliente*/
.basket.resp .boxInfo{
	margin: 10px 0px 0px 0px !important;
    min-height: 40px !important;
    height: auto !important;
	padding: 10px 5px;
}
/*box totale iva*/
.basket.resp .boxTotaleIva{
	float:right !important;
	margin: 0px !important;
}
.basket.resp .boxTotaleIva table {
    width: auto;
    float: right;
}
.basket.resp .boxTotaleIva .labelTotal {    
	width: 60% !important;
	margin: 10px 0px !important;
	white-space: nowrap;
    font-size: 16px;
}
.basket.resp .boxTotaleIva .total{
    float: right !important;
	width: 40% !important;
	margin: 10px 0px !important;
}
.basket.resp .labelFooter {
    clear: left !important;
    margin: 0px !important;
	width: 60% !important;
}
.basket.resp .labelFooter.val {
    clear:none !important;
	margin: 0px !important;
	float:right !important;
	width: 40% !important;
}

.basket.resp .labelFooter.val.highlight a{
    color: var(--primary-color) !important;
    font-weight: bold;
}
/*box totale ordine*/
.basket.resp .boxTotalFooter{
	background-color:#eeeeee;	
	border:1px solid #dddddd;
	left: 0px !important;
	right: 0px !important;
	height: auto !important;
	padding:0px !important;
} 
.basket.resp .totalFooter{
	margin:10px 0px;
}
.basket.resp .totalFooter.val{
    padding: 0px 10px;
}    
.basket.resp .boxTotalFooter a{
    font-weight: 700;
    font-size: 19px;
	color:var(--primary-color);
}
.basket.resp .boxTotale{
	width: auto !important;
    float: right !important;
    margin: 0px !important;
    padding: 0px !important;
}
.basket.resp span[id$=_lblSpeValueFooter] a {
    color: var(--primary-color) !important;
    font-weight: bold;
}
.basket.resp .lblTitleLayer {
    padding: 5px 10px;
    background-color: #eeeeee !important;
    border-bottom: 1px solid #dddddd;
    font-size: 18px;
}
.basket.resp .paymentList {
    margin: 20px 0px 20px 10px !important;
    float: left !important;
    width: 100% !important;
}
.basket.resp select[id$=cmbNation], 
.basket.resp select[id$=cmbProvin] {
    display: none;
}
.basket.resp .textbox, .basket.resp .combobox {
    margin: 0px !important;
	max-width: 270px; 
	margin-left: 10px !important;
}
.basket.resp .basketTitle {
    margin-left: 10px !important;
}
/*campo note pagina 5*/
.basket.resp span[id*=txtNotes_wrp] {
    float: left !important;
    width: 100%;
    clear: both;
    margin: 0px !important;
	padding: 0px 0px 0px 15px;
}
/*label  conferma pagina 5*/
.basket.resp .labelOk {
    width: auto !important;
    margin: 10px 0px !important;
	float: left !important;
    width: 100% !important;
}
/*griglia articoli pagina 5*/
.basket.resp .boxGridBasketRiep.col-md-8 {
    width: 66.66666666666666% !important;
}
.basket.resp .boxGridBasketRiep.col-md-4 {
    width: 33.33333333333333% !important;
}
/* Riferimento contratto */
.basket.resp .box-rifcontr{
	border: 1px solid #dddddd;
	float: right !important;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	padding: 0;
	width: 33.33% !important;
}
	
.basket.resp .boxTitleRiep.boxTitleRifContr{
	margin: 0px !important;
}

@media(max-width:991px){
	/*griglia articoli pagina 5*/
	.basket.resp .boxGridBasketRiep.col-md-8 {
		width: 100% !important;
	}
	.basket.resp .boxGridBasketRiep.col-md-4 {
		width: 100% !important;
	}
	
	/* Riferimento contratto */
   .basket.resp .box-rifcontr{		
		width: 100% !important;		
	}
}

/*griglia articoli pagina 5*/
.basket.resp .basketList.resp {    
    margin: 0px !important;
    min-height: 30px !important;
    clear: left !important;
    float: left !important;
	width:100% !important;
}
/*portlet riepilogo pagina 5*/
.basket.resp .boxGridBasketRiep {
    margin: 5px 0px 5px 0px !important;
    min-height: 50px !important;
    float: left !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.basket.resp .boxCollapse{
	width:100% !important;
}

.basket.resp div[id$=_portletRiep] {
    margin: 0px !important;
    height: auto !important;
	width: 100% !important;
}
.basket.resp .boxTitleRiep {
    height: 35px;
	border:none !important;
	background-color:#eeeeee;
}
.basket.resp .boxTitleRiep div[id$=_image142] { /*immagine stampa*/
	display:inline-block;
	float: right;
    margin: 5px;
}
.basket.resp .boxTitleRiep .labelBold {
	width: auto !important;
    height: 35px;
    line-height: 35px;
    margin: 0px 0px 0px 5px !important;	
	display:inline-block;
}
.basket.resp .buttonModifica {
    width: auto !important;
    margin: 0px !important;
    height: 35px;
    float: right !important;
    padding: 0px 5px;
	border:none !important;
	border-left:1px solid #dddddd !important;
	background-color: #bbbbbb;
}
.basket.resp .buttonModifica a {
	height: 35px;
    line-height: 35px;    
    font-size: 12px;
    font-weight: normal;
}
.basket.resp .labelBold {
    width: 33% !important;
    margin: 0px !important;
    padding: 0px 5px !important;
}
.basket.resp .labelBold.maxwidth{
    width: 100% !important;    
}
.basket.resp .boxInfo{
	padding:0px 15px;
}
.basket.resp .boxInfo span[id$=Value] {
    width: 33% !important;    
}
.basket.resp .labelBig {
    width: 50% !important;
    margin: 0px !important;
    padding: 3px 5px !important;
    font-size: 13px;
	display: inline-block;
    float: left;
    text-align: right;
}
.basket.resp .labelBig.maxwidth {
    width: 100% !important;    
	text-align: left;
}
.basket.resp .labelBig a{    
	font-weight: 700;
    font-size: 13px;
    color: var(--primary-color) !important; 	
}
.basket.resp .basketRiep{
	border: 1px solid #dddddd;
}
.basket.resp .basketRiep .basketTitle {
    margin: 0px !important;    
    width: 50% !important;    
	padding: 10px 5px 10px 0px !important;
	text-align: right;
}
.basket.resp .basketRiep .basketTitle a{
	font-weight: 700;
    font-size: 19px;
    color: var(--primary-color) !important;    
}
.basket.resp .basketRiep span[id$=_lblTotaleValueSummary]{
	float:right;
}
.basket.resp .basketList .grid_cell_title {
    height: 35px;
    line-height: 35px;
    background-color: #eeeeee;
}

.basket.resp .combobox {
	margin: 10px auto !important;
    max-width: 99% !important;
    width: 99% !important;
    float: initial !important;
}
.basket.resp .buttonModifica a:before {
    content: "\f040";
    font-family: FontAwesome;
    color: #ffffff;
    float: left;
    margin: 0 auto;
    padding: 0px 5px;
    font-size: 14px;
}
.basket.resp .buttonModifica a:hover:before {
	color:var(--primary-color);
}
.basket.resp .buttonStampa {
    width: auto !important;
    margin: 0px !important;
    height: 35px;
    float: right !important;
    padding: 0px 5px;
    border: none !important;
    border-left: 1px solid #dddddd !important;
    background-color: #bbb;
}
.basket.resp .buttonStampa a{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}
.basket.resp .buttonStampa a:before{
	content: "\f02f";
    font-family: FontAwesome;
    color: #ffffff;
    float: left;
    margin: 0 auto;
    padding: 0px 5px;
    font-size: 14px;
}
.basket.resp .buttonStampa a:hover:before {
	color:var(--primary-color);
}
.basket.resp .step_actual{
	height:44px;width:100%;float:right;background-color:#eeeeee;border: 1px solid var(--primary-color);padding: 10px;margin: 10px 0px 0px 0px;font-size: 16px;font-weight: 600;color: #666666 !important;text-decoration:none;cursor: default;
}
.basket.resp .step{
	height:44px;width:100%;float:right;background-color:#eeeeee;border: 1px solid #dddddd;padding: 10px;margin: 10px 0px 0px 0px;font-size: 16px;font-weight: 600;color: #999999 !important;text-decoration:none;cursor: default;
}
.basket.resp .step_link{
	height:44px;width:100%;float:right;background-color:#eeeeee;border: 1px solid #dddddd;padding: 10px;margin: 10px 0px 0px 0px;font-size: 16px;font-weight: 600;color: var(--primary-color) !important;text-decoration:none;cursor: pointer;	
}
.basket.resp .step input[type=text], .basket.resp .step input[type=password], .basket.resp .step textarea, select{
	min-height: 25px !important;
	line-height:25px !important;
}

/*Grid Elenco articoli colspan*/
.basket.resp .basketList.small {
	display:none !important;
}
@media(max-width:768px){
	/*box info cliente*/
	.basket.resp .boxInfo{
		width: 100% !important;
	}
	/*box totale iva*/
	.basket.resp .boxTotaleIva{
		width: 100% !important;
	}	
	/*aggiungi*/
	.basket.resp .buttonBasketChoice.add.btn.btn-secondary {
    	float: right !important;	
		height: 27px !important;
		margin-top: -35px !important;
	}	
	.basket.resp .totalFooter.lbl {
		width: auto !important;
		margin-left: auto !important;
	}
	.basket.resp .boxGridBasket {    
		margin: 5px 0px 1px 0px !important;
	}
	.basket.resp .boxGridBasketRiep {
		padding: 0px !important;
	}
	.basket.resp span[id*=txtNotes_wrp] {    
		padding: 0px !important;
	}
	.basket.resp .buttonBasket {	
		margin: 10px 0px 1px 0px !important;
		width: 100% !important;
	}
}

.basket.resp .basket-cigcup {
    width: 100%;
}

.basket.resp span[id$=CIG_wrp],.basket.resp  span[id$=CUP_wrp] {
    float: left !important;
    width: calc(50% - 9px) !important;
    margin: 10px 3px;
}
.basket.resp input[name=CIG],.basket.resp input[name=CUP] {
    width: 100%;
}
.basket .buttonSeleziona{
 	border: 1px solid #dddddd;
	width:84px !important;
	height:20px;
	line-height:20px;
	color:  #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
}

.basket.resp .buttonSeleziona {
    width: auto !important;
    margin: 0px !important;
    height: 35px;
    float: right !important;
    padding: 0px 5px;
    border: none !important;
    border-left: 1px solid #dddddd !important;
    background-color: #bbb;
}
.basket.resp .buttonSeleziona a{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}
.basket.resp .buttonSeleziona a:before{
	content: "\f002";
    font-family: FontAwesome;
    color: #ffffff;
    float: left;
    margin: 0 auto;
    padding: 0px 5px;
    font-size: 14px;
}
.basket.resp .buttonSeleziona a:hover:before {
	color:#4f7ab3;
}

/* Griglia di selezione riferimenti contratto */
	.selectionCigCup{
		background-color:#fff;
	}
	
	.selectionCigCup .grid{
		top:60px !important;
	}

  .selectionCigCup .grid .grid_row, .selectionCigCup .grid .grid_rowodd{
	font-size: 14px;
	font-weight: normal;
	background-color:#FFFFFF;
	color:#939694;
	height: 22px !important;
 }
 .selectionCigCup .grid_row.grid_rowselected,.selectionCigCup .grid_rowodd.grid_rowselected{
	font-size: 14px;
	font-weight: normal;
	background-color:#EEEEEE;
	color:#474948;
	height: 22px !important;
 }
 .selectionCigCup .grid_title .grid_cell_title *{
	font-size: 16px;
	padding: 0px 0px 5px 0px;
	color: #474948;
	text-transform: initial;
	font-weight: normal;
 }
.selectionCigCup .titleSelection{
	font-size: 20px;
	top: 0px !important;
	height: 40px !important;
	line-height: 40px;
	width: 100% !important;
	margin: 0px !important;
	left: 0px !important;
	padding: 0px 10px;
	background-color: #eeeeee !important;
	border-bottom: 1px solid #dddddd;
}

.selectionCigCup .button{
	padding: 12px 12px;
    width: auto !important;
    height: auto !important;
}

/* Fine Riferimento contratto */


/* CSS file for CwComplete (a small mootools-autocompleter) */

/* Outer div (positioned absolute below the input field */
.cwCompleteOuter {
 position: absolute;
 z-index: 99999;

}

/* UL inside the outer div */
ul.cwCompleteChoices {
 font-family: Verdana;
 list-style: none;
 list-style-position: inside;
 margin: 0;
 padding: 1px; /* ie6 trash workaround */
 /*border: 1px solid #FFFFFF;*/
 border: 1px solid #aaaaaa;
 border-top: none;
 border-radius: 0px 0px 10px 10px;
 background: #efefef;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* LIs (choices) inside the UL */
ul.cwCompleteChoices li {
 display: block;
 cursor: pointer;
 padding: 2px;
 margin: 2px;
 text-align: left;
 color: #333;
 font-size: 10pt;
}

/* Style for hovered (selected) LIs */
ul.cwCompleteChoices li:hover,.cwCompleteChoicesHover {
 background-color: #ddd;
}

.cwCompleteChoicesHover:last-child {
 background-color: #ddd;
 border-radius: 0px 0px 5px 5px;
}

/* Style for outer div while loading values */
.cwCompleteLoading {
 /*background: transparent url('ajax-loader-pipe.gif') no-repeat;*/
 width: 112px;
 height: 12px;
 padding-bottom: 12px; /* ie6 trash workaround */
}




/*******************************************************************/
/****************************SUPPORT*****************************/
/*******************************************************************/

/* Gadget elenco centri di servizi - info*/
.CSList .labelH1 div{
	color: #214D7B;
	font-size:16px !important;
	font-weight:bold;
}
.CSList .CSlabelTitle{
	color: #316cac;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none;
}
.CSList .CSlabelBoldLink {
	color: #316cac;
	font-size: 11px;
	padding-left: 18px;
}
.CSList .CSlabelBoldLink a{
	font-family: Helvetica;
	color: #316cac;
	font-weight: bold;
	text-decoration: underline;
}
.CSList .CSlabelLink {
	color: #316cac;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-align: right !important;
}
.CSList .CSlabelLink a{
	color: #316cac;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
.CSList .buttonAddList{
	line-height:20px;
	width:24px;
	background-color:#4f7ab3 !important;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:#ffffff !important;
	cursor:pointer;
}
.CSList .buttonAddDisList{
	line-height:20px;
	width:24px;
	background-color:#cccccc !important;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:#ffffff !important;
}
.CSList .buttonNewList{
	line-height:20px;
	width:24px;
	background-color:#4f7ab3 !important;    
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color: #ffffff !important;
	cursor:pointer;
}
.CSList .buttonNewDisList{
	line-height:20px;
	width:24px;
	background-color:#cccccc !important;  
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:#ffffff !important;
}
.centerList .buttonAddList{
	line-height:20px;
	width:24px;
	background-color:#4f7ab3 !important;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:#ffffff !important;
	cursor:pointer;
}
.centerList .buttonAddDisList{
	line-height:20px;
	width:24px;
	background-color:#cccccc !important;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:#ffffff !important;
}

/*Gadget  elenco centri di servizi - dettaglio*/

.center .label{
	color: #666;
    font-size: 14px;
}
.center .labelH{
	color: #000000;
	font-weight: bold;
}
.center .labelH2{
	font-size: 16px !important;
}
.center .labelH3{
	color: #4397f3;
	font-weight: bold;
}
.center .form{
	color: #000000;
	font-size: 11px;
	float:right !important;
}
.center .form a:hover{
    font-size: 11px;
    color:#316cdc;
}
.center .form a{
	color: #000000;
	font-size: 11px;
}
.center .close a {
	border: 1px solid #CCC;
	border: 1px solid #CCC;
	border-radius: 5px 5px 0px 0px;
	padding-left: 20px;
	background-color: #F0F0EE !important;
	color: #000000;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-position-y: 50%;
	background-position-x: 5px;
}
.center .close a:hover {
    font-size: 11px;
    color:#316cdc;
}
.center .save a {
	border: 1px solid #CCC;
	border-radius: 5px 5px 0px 0px;
	padding-left: 20px;
	background-color: #F0F0EE !important;
	color: #000000;
	font-size: 11px;
	padding-right: 15px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-position-y: 50%;
	background-position-x: 3px;
}
.center .save a:hover {
    font-size: 11px;
    color:#316cdc;
}
.center .attach a {
	border: 1px solid #CCC;
	border-radius: 5px 5px 0px 0px;
	padding-left: 20px;
	background-color: #F0F0EE !important;
	color: #000000;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-position-y: 50%;
	background-position-x: 3px;
}
.center .attach a:hover {
    font-size: 11px;
    color:#316cdc;
}
.center .boxR {
	float:right !important;
	padding-bottom: 0px;
}
.center .labelR {
    font-size: 11px;
	width: 100%;
    color:#000000;
	float:right !important;
}
.center .labelR a:hover{
    font-size: 11px;
    color:#316cdc;
}
.center .buttonNew{
	line-height:40px;
	width:60px !important;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:60px !important;
	color:transparent;
	cursor:pointer;
}
.center .buttonNewDis{
	line-height:20px;
	width:16px;
	border: 0px solid #aaaaaa;
	margin-left:0px !important;
	height:24px !important;
	color:transparent;
}

/*  Gadget lista ticket aperti  */

.centerList .buttonNew{
    line-height: 20px;
    width: 40px !important;
    border: 0px solid #aaaaaa;
	background-color:#4f7ab3 !important;
    margin-left: 0px !important;
    height: 40px !important;
    color: #ffffff !important;;
    cursor: pointer;
	font-family:Verdana !important;
	font-size:14px !important;
}
.centerList .buttonNewDis{
	line-height:20px;
	width:40px !important;
	border: 0px solid #aaaaaa;
	background-color:#cccccc !important;
    margin-left: 0px !important;
    height: 40px !important;
    color: #ffffff !important;;
	font-family:Verdana !important;
	font-size:14px !important;
}
.centerList .boxHeader {
	padding-left:200px;
}

/* Gadget lista ticket aperti/chiusi  */

.centerTickets {
}
.centerTickets a{
}
.centerTickets .titleGadget h3{
	font-size:14px;
	font-weight: normal;
}
.centerTickets .grid_table{	
	border: 1px solid;
	border-color: #f0f5fa;
}
.centerTickets .grid_title {
	background-color: #ffffff;
}
.centerTickets .grid_row, .centerTickets .grid_row a {
	background-color: #ffffff;
}
.centerTickets .grid_rowodd, .centerTickets .grid_rowodd a{
	background-color:transparent;
}
.centerTickets .grid_rowover, .centerTickets .grid_rowover a{
	color: #000a5b;
	font-weight:normal;
	background-color: #e2ebf5;
}
.centerTickets .grid tr.grid_title {
 	background: #eff3f8;
	background-image: -moz-linear-gradient(top, #ffffff, #eff3f8);
	background-image: -webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eff3f8));
	background-image: linear-gradient(top, #ffffff, #eff3f8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8)";
 }
.centerTickets .grid td.grid_cell_title {
 	background: transparent !important;
	padding:0px;
	height:20px;
	line-height: 120%;
	font-size: 11px;
	font-weight: bold !important;
	border-bottom: 1px solid #b8cce3;
	padding-top: 0px !important;
}
.centerTickets .grid_rowselected {
}
.centerTickets .grid_cell {
}

/* Gadget setting dei tickets  */

.settingTickets {
}
.settingTickets a{
}
.settingTickets .titleGadget h3{
	font-size:14px;
	font-weight: normal;
}
.settingTickets .grid_table{
	border: 1px solid;
	border-color: #f0f5fa;
}
.settingTickets .grid_title {
	background-color: #ffffff;
}
.settingTickets .grid_row, .settingTickets .grid_row a {
	background-color: #ffffff;
}
.settingTickets .grid_rowodd, .settingTickets .grid_rowodd a{
	background-color:transparent;
}
.settingTickets .grid_rowover, .settingTickets .grid_rowover a{
	color: #000a5b;
	font-weight:normal;
	background-color: #e2ebf5;
}
.settingTickets .grid tr.grid_title {
 	background: #eff3f8;
	background-image: -moz-linear-gradient(top, #ffffff, #eff3f8);
	background-image: -webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eff3f8));
	background-image: linear-gradient(top, #ffffff, #eff3f8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8)";
 }
.settingTickets .grid td.grid_cell_title {
 	background: transparent !important;
	padding:0px;
	height:20px;
	line-height: 120%;
	font-size: 11px;
	font-weight: bold !important;
	border-bottom: 1px solid #b8cce3;
	padding-top: 0px !important;
}
.settingTickets .grid_rowselected {
}
.settingTickets .grid_cell {
}
.settingTickets .grid_navbar {
	background-color: #ffffff;
}

/* Menu selezione causale per ticket */

.center .MenuPov { /*control:Menuview*/
}
.center .MenuPov .menuview_border {
  background-color:transparent;
}
.center .MenuPov .menuview_font {
  color:#000000;
  font-size:11px;
  font-weight:normal;
  background-color:transparent;
  cursor:pointer;
}
.center .MenuPov .menuview_font a{
  color:#000000;
  font-size:9px;
  font-weight:normal;
  background-color:transparent;
  cursor:pointer;
}
.center .MenuPov .menuview_font_over {
  color:#316cdc;
  font-size:11px;
  font-weight:normal;
  cursor:pointer;
  border:0;
}
.center .MenuPov .menuview_font_over a{
  color:#910000;
  font-size:9px;
  font-weight:normal;
  cursor:pointer;
}
.center .MenuPov .menuview_img_sx{
}
.center .MenuPov .menuview_img_sx_over{
}
.center .MenuPov .menuview_img{
  padding-left:5px;
  padding-right:5px;
}
.center .MenuPov .menuview_img_over{
  padding-left:5px;
  padding-right:5px;
}
.center .MenuPov .menuview_img_dx{
}
.center .MenuPov .menuview_img_dx_over{
}
.center .MenuPov .menuview_sep{
  width:3px;
}
.center .MenuPov .menuview_icon{
}
.center .MenuPov .menuview_icon_over{
}
.center .MenuPov .menuview_sub_border{
  background-color:#CCCCCC;
  border:0 solid #CCCCCC ;
  width:120px;
}
.center .MenuPov .menuview_sub_font {
  color:#000000;
  font-size:9px;
  font-weight:normal;
  cursor:pointer;
}
.center .MenuPov .menuview_sub_font a{
  color:#000000;
  font-size:9px;
  font-weight:normal;
  cursor:pointer;
}
.center .MenuPov .menuview_sub_font_over {
  color:#316cdc;
  font-size:9px;
  font-weight:normal;
  cursor:pointer;
}
.center .MenuPov .menuview_sub_font_over a{
  color:#316cdc;
  font-size:9px;
  font-weight:normal;
  cursor:pointer;
}
.center .MenuPov .dropdown {
	display:none;
	margin:0px;
	padding:0px;
	list-style:none;
}
.center .MenuPov .dropdown ul{
	margin:0px;
	padding:0px;
	background-color:#CCCCCC;
    border:0 solid #CCCCCC ;
	width:120px;
	list-style:none;
}
.center .MenuPov .dropdown li{
	margin:0px;
	padding:5px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
}
.center .MenuPov .dropdown a{
	text-decoration:none;
	color:#000000;
	font-size:9px;
	font-weight:normal;
	background-color:transparent;
	width:100%;
}
.center .MenuPov .dropdown a:hover{
	color:#910000;
	font-size:9px;
	font-weight:normal;
	background-color:transparent;
}
.center .MenuPov .dropdown ul li{
	border-top:0px;
	margin-left:-1px;
}
.center .MenuPov .dropdown li.submenu-down{
	background:transparent center left no-repeat;
	padding-left:20px;
	width:105px;
}
.center .MenuPov .dropdown li.submenu-left{
	background:transparent center right no-repeat;
	padding-right:20px;
	width:105px;
}

/*CLASSI AGGIUNTE*/

.portletSearch .label{
		color:#ffffff !important
}
.portletSearch .slider {
    float: right;
}
.portletSearch .imageIconSearch {
    background-color: #ed9c28;
    color: #fff;
    height: 37px !important;
    line-height: 37px !important;
}

/*textbox ricerca per area*/
.portletSearch.searchArea .textboxSearch {
    padding-right: 40px;
}
/*icona lente ricerca per area*/
.portletSearch.searchArea .imageIconSearch {
    visibility: hidden;
}
.portletSearch.searchArea .imageIconSearch:before {
    content: "\f002";
    font-family: fontAwesome;
    font-size: 20px;
    visibility: visible;
	color:#cccccc;
    height: 40px;
    width: 40px;
    padding: 10px 10px;
}


.center .labelH1 div{ 
	font-size:18px !important; 
}
.center .boxFloat{
		min-height:54px !important;
		margin:0px !important;
		clear:none;
}
.center .repeater_wrapper{
	text-align: center;
}
.center .repeater .repeater_ele{
	float: none !important;
    display: inline-block;
}
.center select{
		margin-left:0px !important;
}

.centerList .labelH2{
		width:auto !Important;
}
.centerList .labelH2 a{
	color: #444444;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 11px !important;	
	text-decoration:none;
}
.centerList .repeater .recapiti{
		height:25px;
		float:left;
}
.CSList .CSlabelTitle a {
    color: #444444;
    font-size: 18px !important;
    font-weight: 400;
	text-decoration:none;
}
.CSList .CSlabelBoldLink {
	font-size: 14px;
}
.totalticket .combobox{
	height: 37px !important;
    line-height: 37px;
	width: 300px !important;
}
.totalticket .labelH2 a{
    color: #316cac;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.totalticket .buttonNewList{
    line-height: 20px;
    width: 24px !important;
	background-color:#4f7ab3 !important;    	
    border: 0px solid #aaaaaa;
    margin-left: 0px !important;
    height: 24px !important;
    color: #ffffff !important;
    cursor: pointer;
}
.totalticket .buttonNewDisList {
    line-height: 20px;
    width: 24px !important;
	background-color:#cccccc !important;    	
    border: 0px solid #aaaaaa;
    margin-left: 0px !important;
    height: 24px !important;
    color: #ffffff !important;
    cursor: pointer;
}
.totalticket .grid_table .grid_title.grid_row_title {
    background-color: #eee;
    border: 1px solid #ddd;
}
.totalticket .grid_table .grid_title.grid_cell_title {
    padding:2px;
}
.totalticket .grid_table .grid_cell{
    padding:4px 2px;
}
.totalticket .grid_table tr td,
.totalticket .grid_table tr td div {
    white-space: normal !important;
}
.totalticket .grid_table .grid_navbar tr td, 
.totalticket .grid_table .grid_navbar tr td div {
    white-space: nowrap !important;
}

.recapiti span[class$=phone],
.recapiti span[class$=mail]{
		padding:5px !important;
		left:0px;
		font-size: 12px;
}
.recapiti span[class$=phone] div:before {
    content: "\f095";
    font-family: fontAwesome;
    font-size: 18px;
    margin-right: 5px;
    color: #2963bd;
}
.recapiti span[class$=mail] div:before {
    content: "\f0e0";
    font-family: fontAwesome;
    font-size: 18px;
    margin-right: 5px;    
    color: #2963bd;
}
.recapiti div[class$=Image_ctrl] {
    display: none !important;
}

.centerdescri .grid_row, .centerdescri .grid_rowodd {
    height: 25px !important;
}

.center .boxG span {
	min-width: 290px;
    max-width: 600px;
    width: 90% !important;
	margin: 0px !important;
}
.center .boxF span {	
	margin: 0px !important;
}
.center .boxG , .center .boxF  {
	margin: 0px 0px 0px 10px !important;
}

.center .MenuPov {
    background-color: #eee;
    border: 1px solid #dddddd;
    padding: 5px;
    height: 35px !important;
}
.center .MenuPov .menuview_img,
.center .MenuPov .menuview_img_over{
	background-color:transparent;
}
.center .MenuPov .menuview_font,
.center .MenuPov .menuview_font_over{
    color: #444;
    font-size: 13px;
    padding: 0px 10px 0px 2px;
    font-weight: 400;
}
.center .attach, .center .close, .center .save{
	opacity:1 !important;
	width:auto !important;
	min-width:82px;
	margin:0px 0px 1px 2px !important;
	line-height: unset;
}
.center .attach a, .center .close  a, .center .save   a{
	padding: 2px 10px !important;
    text-align: center !important;
	text-decoration: none !important;
	font-weight:normal;
}
.center .close a:before {
	content:"\f00d";
	font-family:FontAwesome;
	font-size:18px;
	color:red;
	margin-right:5px;	
}
.center .save a:before {
	content:"\f00c";
	font-family:FontAwesome;
	font-size:18px;
	color:green;
	margin-right:5px;	
}
.center .attach a:before {
	content:"\f0c6";
	font-family:FontAwesome;
	font-size:18px;
	color:grey;
	margin-right:5px;	
}
.center .repeater .ticketItem{
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}
.center .repeater .ticketItem .boxSeparator {
	display:none;
}
.center .repeater .ticketItem .label {
    padding: 0px;
}
@media(max-width:768px){
	.boxHeaderItem{
		min-height:60px !important;
	}
}
@media(max-width:540px){
	.boxHeaderItem{
		min-height:80px !important;
	}
}
@media(max-width:480px){
	.boxHeaderItem{
		min-height:100px !important;
	}
}
@media(max-width:768px){
	.portletSearch{
		min-width:300px !important;	
	}
	.portletSearch span[id*=_wrp]{
		left:10px !important;
		right:10px !important;
	}
	.portletSearch .imageIconSearch {
		right:10px !important;
	}	
}

/*Menu facets risultati ricerca solr*/
.Header .menuview_font,.Header .menuview_font_over, .Header_white .menuview_font,.Header_white .menuview_font_over {
  text-transform: uppercase;
  height: 20px;
}
.Header .menuview_font,
.Header .menuview_font_over,
.Header .menuview_font_selected{  
	height:20px;
	line-height:20px;
  color:#000000;
  font-size:12px;
  font-weight:normal;
  background-color:transparent;
  cursor:pointer;  
}
.Header .menuview_font_selected {
    font-size: 12px;
    /*background-color: #ddd;*/
    padding: 0px 5px;
    border-radius: 7px;
    border-bottom: 3px solid #ddd;
}
.Header .menuview_img,
.Header .menuview_img_over{
    padding: 0px 5px !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.Header .menuview_sep, .Header_white .menuview_sep {
    background: #ddd;
}
.Header .menuview_sep {
    width: 1px;
}

/*******************************************************/
/******************** GADGET SOCIAL ********************/
/*******************************************************/
.social-links li,
.social-links li a::before,
.social-sharer li,
.social-sharer li a::before {
	transition: background-color .2s ease-in-out, color .2s ease-in-out !important;
}
.social-links-portlet,
.social-sharer-portlet {
	min-height: 0 !important;
}
.social-links-portlet div[class$=_ctrl],
.social-sharer-portlet div[class$=_ctrl] {
	width: auto !important;
	padding-bottom: 10px;
}
.social-links-portlet .label,
.social-sharer-portlet .label {
	padding: 0;
	font-size: 1.5em;
	margin-bottom: 5px;
	width: auto !important;
}
.social-links,
.social-sharer {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-links li,
.social-sharer li {
	color: #fff !important;
	position: relative;
	display: inline-block;
	background: #000;
	text-align: center;
	font-size: 24px;
	margin: 0 5px 5px 0;
}
.social-links li:hover,
.social-sharer li:hover {
	background-color: var(--primary-color) !important;
}
.social-links li a,
.social-sharer li a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}
/*----------------------*/
/* PROFILI
/*----------------------*/
.social-links li {
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.social-links li a {
	width: 100%;
	height: 100%;
}
.social-links li a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: icons8_win10;
	font-size: 32px;
	line-height: 40px;
	content: '\f50f';
	color: #fff;
}
/*----------------------*/
/* CONDIVISIONE
/*----------------------*/
.social-sharer li {
	height: 30px;
	border-radius: 3px;
}
.social-sharer li a {
	height: 30px;
	padding: 0 10px;
}
.social-sharer li a::before {
	display: inline-block;
	line-height: 30px;
	font-family: icons8_win10;
	font-size: 18px;
	content: '\f50f';
	vertical-align: middle;
}
.social-sharer li a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px !important;
}
/*----------------------*/
/* ICONE
/*----------------------*/
/* Background */
ul[class^="social-"] .facebook  { background: #4267B2; }
ul[class^="social-"] .instagram { background: #c619b8; }
ul[class^="social-"] .twitter   { background: #55acee; }
ul[class^="social-"] .pinterest { background: #cb2027; }
ul[class^="social-"] .reddit    { background: #ff4500; }
ul[class^="social-"] .youtube   { background: #ff0000; }
ul[class^="social-"] .linkedin  { background: #0077b5; }
ul[class^="social-"] .tumblr	{ background: #32506d; }
ul[class^="social-"] .vk		{ background: #4c6c91; }
ul[class^="social-"] .myspace   { background: #2a2a2a; }
ul[class^="social-"] .rss		{ background: #eb8314; }
/* Icons */
ul[class^="social-"] .icon-facebook::before  { content: '\ee23'; }
ul[class^="social-"] .icon-instagram::before { content: '\ef53'; }
ul[class^="social-"] .icon-twitter::before   { content: '\e907'; }
ul[class^="social-"] .icon-pinterest::before { content: '\ebd8'; }
ul[class^="social-"] .icon-reddit::before	 { content: '\ec49'; }
ul[class^="social-"] .icon-youtube::before   { content: '\e9e5'; }
ul[class^="social-"] .icon-linkedin::before  { content: '\ecf6'; }
ul[class^="social-"] .icon-tumblr::before	 { content: '\e900'; }
ul[class^="social-"] .icon-vk::before		 { content: '\e95d'; }
ul[class^="social-"] .icon-myspace::before   { content: '\f523'; }
ul[class^="social-"] .icon-rss::before       { content: '\ec98'; }
/* ESEMPIO CON IMMAGINE DI SFONDO */
ul[class^="social-"] .slbgimage { background-color: lightseagreen; }
ul[class^="social-"] .icon-slbgimage { background: url("../images/ico_rss.png") center/16px no-repeat; }
ul[class^="social-"] .icon-slbgimage::before { content: ''; }

/*************************************************************/
/******************** NUOVO GADGET BANNER ********************/
/*************************************************************/
.rawBanner_ctrl {
	width: 100% !important;
	margin-bottom: 20px;
}
.flex-nav {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 30px;
	background: rgb(36,36,36,.5);
	z-index: 997;
}
.flex-nav .flex-control-nav {
	position: static !important;
	height: 30px;
	width: auto !important;
	margin: 0 auto;
	text-align: center !important;
	z-index: 999;
}
.flex-nav .flex-control-nav li {
	height: 30px;
	float: none !important;
	margin: 0 10px !important;
	padding: 12px 2px;
}
.flex-nav .flex-direction-nav {
	position: absolute;
	top: 0 !important;
	height: 0;
	margin: 0 !important;
	z-index: 998;
}
.flex-nav .flex-direction-nav li {
	padding: 0 !important;
}
.flex-nav .flex-direction-nav .flex-prev,
.flex-nav .flex-direction-nav .flex-next {
	position: relative !important;
	height: 30px !important;
	width: 30px !important;
	margin: 0 !important;
	background: none !important;
}
.flex-nav .flex-direction-nav .flex-prev:before,
.flex-nav .flex-direction-nav .flex-next:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: icons8_win10;
	color: #fff;
	line-height: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	text-indent: 0;
	font-size: 24px;
}
.flex-nav .flex-direction-nav .flex-prev:before { content: '\f144'; }
.flex-nav .flex-direction-nav .flex-next:before { content: '\f145'; }
.flex-viewport {
	height: auto !important;
	z-index: 996;
}
.flex-viewport .slides a {
	display: block;
	width: 100%;
	height: 100%;
}
.flex-viewport .slides img {
	height: auto !important;
	min-height:200px;
}
/* PROMOZIONI */
.tagPromo {
    background-color: #f44336;
    color: #ffffff;
    padding: 0px 5px;
    width: max-content !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
	margin-top: 0px !important;
    margin-left: 0px !important;
    overflow: hidden !important;
    font-size: 16px;
    z-index: 9999 !important;
}

/* LISTA PROMOZIONI SLIDE CON FLEXSLIDER */
.promoSlide .flexslider .flex-direction-nav{
	pointer-events: none;
}
.promoSlide .flexslider .flex-direction-nav li a{
	pointer-events: auto;	
}
.promoSlide .flexslider .flex-direction-nav li a {
  background: url('../images/rarr.png') no-repeat center center;
  text-decoration: none;
}
.promoSlide .flexslider .flex-direction-nav li:first-child a {
  background-image: url('../images/larr.png');
}
.promoSlide .caption {
    top: 0px;margin-top: 0px;height: 100%;
}
.promoSlide .lblPromoTitle {
	padding: 0px 20px;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;width: 100%;top: 40px; overflow: hidden;font-size: 35px;color: #666666;text-transform: initial;font-weight: bold !important;letter-spacing: initial;
}
.promoSlide .lblPromoSubtitle {
	width:100%;top:70px;overflow: hidden;font-size: 20px;font-weight: bold;color: #999999;text-align: left;padding: 0px 10px 0px 20px;margin: 0px;
}
.promoSlide .lblPromoEffect {
	position:absolute;width:120px;top:0px;right:0px;overflow: hidden;font-size: 20px;color: #ffffff;text-align: center;background-color: #f44336;font-weight:normal;
}

/******************************************************/
/****************** HTMLMODE **********************/
/******************************************************/

/* ELENCO PRODOTTI HTMLMODE*/
.productsContainer{
}
.productsContainer .product{
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 20px !important;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
	box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
}
.productsContainer .product .image{
	position:relative;
}
.productsContainer .product .image img{
	max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
}
.productsContainer .product .title{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: bold;
	transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	padding: 0px 0px 10px 0px;
}
.productsContainer .product .description{
    font-size: 12px;
    color: #666666;    
	padding: 10px 10px 10px 5px;
    float: left;
}
/*Attributi*/
.productsContainer .product .attributes{
	font-size: 13px;
    color: #939694;
	padding: 0px 0px 10px 0px;
	clear: both;
}
.productsContainer .product .attributes .attribute .name{
	text-transform:lowercase;
	font-weight:700;
}
.productsContainer .product .attributes .attribute .val{	
}
/*Disponibilità*/
.productsContainer .product .availability{
    font-size: 12px;
    color: #939694;
	padding: 0px 0px 0px 5px;
	float: right;
    vertical-align: bottom;
}
.productsContainer .product .availability .name{
	text-transform:lowercase;
}
.productsContainer .product .availability .val{
	font-weight:700;
	margin-left: 10px;
}
/*Prezzi*/
.productsContainer .product .price{
    color: #4f7ab3;
    font-weight: bold;
    font-size: 23px;
    white-space: nowrap;
    text-align: right;
    margin:0px 10px 5px 0px;
	line-height: 50px;
}
.productsContainer .product .lblReserved{
	text-align: right;	
	font-weight: normal;
    font-size: 14px;
	color: #4f7ab3;
}
.productsContainer .product .lblReserved span{

}
.productsContainer .product .priceCompare{
    font-size: 18px;
    color: #bebebe;
    font-weight: 700;
    text-decoration: line-through;
    font-style: italic;
    text-align: right;
    margin:-5px 10px 10px 0px;
}
.productsContainer .product .priceTimer{
	position: relative;
	display: inline-block;
	padding: 0 10px 0 40px;
	height: 50px;
	line-height: 40px;
	background: url("../images/countdown_timer.jpg") no-repeat;
	background-size: 50px;
	float: left;
}
/*Lista promozioni applicabili*/
.productsContainer .product .promoList{
	padding: 10px 10px 10px 0px;float: left;
}
.productsContainer .product .promoList .iconPromo{
	 width:30px;height:30px;background: url(../images/promo.png) no-repeat;background-size: 100% 100%;
 }
.productsContainer .product .promoList .promoListItem{
	float:left;clear:both;
}
.productsContainer .product .promoList .promoListItem .titlePromo{
	font-size:12px;color:#f44336;font-weight:bold;
}
.productsContainer .product .promoList .promoListItem .descriPromo{
	font-size: 12px;font-style: italic;
}
/*Sconti*/
.productsContainer .product .discount{
    color: #F44336;
    font-weight: 300;
    font-size: 20px;
    white-space: nowrap;
    text-align: right;
    margin:0px 10px 5px 0px;
}
.productsContainer .product .percDiscount{
    font-weight: 700;
}
.productsContainer .product .addWrapper{	
	float: right;	
	margin-right:10px;
}
.productsContainer .product .addWrapper .qtaLabel{
	float: left;
	height: 40px;
	line-height: 40px;
	color:#666666;
}
.productsContainer .product .addWrapper .qtaInput{
	float: left;
    margin-left: 5px;
    height: 40px;
    width: 40px;
    padding: 4px;
    text-align: center;
    font-size: 14px;
}
.productsContainer .product .addWrapper .cmbUniMis{
	float: left;
    margin-left: 5px;
    height: 40px;
    padding: 4px;
    text-align: center;
    font-size: 14px;
	max-width: 70px;
}
.productsContainer .product .addToBasket{
	float: left;
    margin: 0px 0px 0px 5px !important;
	height:40px;
}
.productsContainer .product .compare{
	background-color: #74ca8c !important;
    float: right;
    padding: 2px 10px !important;
    margin: 10px 0px 10px 10px !important;
    color: #ffffff;
    clear: both;
}
.productsContainer .product .btnAddFavourite{
	cursor: pointer;
	padding: 5px 7px;
	color: #616161;
	z-index: 1000;
	float: right !important;
	position: relative;
	margin: 10px 0px !important;
	font-size: 22px;
}
.productsContainer .product .btnAddFavourite.selected{
	color: #4f7ab3;
}
/* SCHEDA ARTICOLO */
.productsContainer.productSheet .product .image img {
    max-width: 300px;
    max-height: 300px;
}
.productsContainer.productSheet .product .priceContainer{
	float: left;
    clear: both;
	margin:10px;
}
.productsContainer.productSheet .product .price,
.productsContainer.productSheet .product .priceCompare,
.productsContainer.productSheet .product .discount,
.productsContainer.productSheet .product .addWrapper,
.productsContainer.productSheet .product .promoList,
.productsContainer.productSheet .product .availability{
    float: left;
    clear: both;
	margin:0px;
}
.productsContainer.productSheet .product .btnAddFavourite{
    float: left;  
}

/* Varianti */
.productSheet .itemVariant .combobox{
	font-size: 14px !important;
    color: #333333;
    background-color: #ffffff;
    height: 32px;
    margin: 2px !important;
    max-width: 260px;
    clear: both;
}

.lblProductPromo{
	background: url("../images/promo.png") no-repeat;
	background-size: 100% 100%;
	margin: 0 !important;
}
.gridProductPromo .grid_row,.gridProductPromo .grid_rowodd {
    height: 28px !important;
}
.gridProductPromo .grid_cell {
    border-bottom: 1px solid #ddd;
}

/* RIEPILOGO CARRELLO */
.total-basket{
	min-height: 48px !important;
    min-width: 195px;
    float: right;
    position: initial !important;
    padding-bottom: 15px !important;
}
.total-basket .imageBasket{
	float:left;
	margin-left: 0px !important;
    cursor: pointer;
    width: 38px !important;
    height: 38px !important;
    background-color: #fff;
    border: #999999;
    text-align: center;
    margin-top: 20px !important;
}
.total-basket .imageBasket:before{
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 24px;
    color: #999;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 100%;
    display: inline-block;
    height: 100%;
}
.total-basket .numArticles {
	display:none !important;
    border: 1px solid rgba(0,0,0, 0.3);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    -webkit-border-radius: 9999px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 9999px;
    -moz-background-clip: padding;
    border-radius: 100%;
    float: left;
    margin: 4px 0px 0px 6px;
}
.total-basket .totalBasket{
	float: left;
    font-weight: bold;
    color: var(--primary-color);
    font-size: 14px;
    width: auto !important;
    clear: none !important;
    margin: 30px 0px 0px 10px !important;	
}
.total-basket .basketTotalLayer {
    border: 1px solid #e8e8e8;
    left: auto !important;
    z-index: 10001 !important;
    top: 68px !important;
    height: auto !important;
    right: 0;
    border-top: 2px solid var(--primary-color);
    background: #fff;
    padding: 15px 15px 0px 15px;
    text-align: left;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}
.total-basket .shipNation{
    float: left;
    margin-top: 3px;
}

/*RIEPILOGO CARRELLO - LAYER ELENCO ARTICOLI */
.total-basket-list{
	height:auto !important;
}
.total-basket-list .listitem{
	float: left;
    width: 100%;
	padding: 5px 0px;
}
.total-basket-list .listitem .image{
	float:left;
	margin: 2px;
	box-sizing: border-box;
}
.total-basket-list .listitem .itemrow{
	float: left;
	width: calc(100% - 54px);
	box-sizing: border-box;
}
.total-basket-list .listitem .itemrow .descri{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    width: 130px;
    float: left;
    margin-left: 5px;
	font-weight:600;
}
.total-basket-list .listitem .itemrow .edit,
.total-basket-list .listitem .itemrow .remove {    
    display: inline-block;
}
.total-basket-list .listitem .itemrow .edit:before {
    content: "\f040";
    font-family: FontAwesome;
    color: var(--primary-color);
    float: left;
    margin-left: 10px;
}
.total-basket-list .listitem .itemrow .remove:before {
    content: "\f00d";
    font-family: FontAwesome;
    color: var(--primary-color);
    float: left;
    margin-left: 10px;
}
.total-basket-list .listitem .itemrow .price{
    font-size: 15px;
    margin: 0px 5px 0px 5px;
}
.total-basket-list .listitem .itemrow .qta{
    font-size: 15px;
	margin: 0px;
}
/* color: var(--primary-color); */
.total-basket-list .listfooter{
	float: left;
    width: 100%;
}
.total-basket-list .listfooter .total{
    margin: 10px 5px 0px 0px !important;
    padding: 0px !important;
    font-size: 15px;
    width: auto !important;
    float: left;
}
.total-basket-list .listfooter .total span{
	color: var(--primary-color);
    font-weight: 600;
}
.total-basket-list .listfooter .gotobasket {
	margin: 5px 0px 15px 0px !important;
    float: right !important;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    padding: 5px;
    text-transform: uppercase;
    text-decoration: none;
    color: #666666;
    border: 1px solid #cccccc !important;
    border-radius: 5px;
    background-color: #eeeeee;
}

/* BOX PREFERITI */
.box-favourite{
	background-color: #ffffff;
    padding: 0px 0px 10px 0px;
    height: auto !important;
    min-height: 125px;
    border: 1px solid #ddd;
    margin: 0px 5px 10px 5px !important;
    box-sizing: border-box;
    width: auto !important;
}
.box-favourite .title{	
	font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 7px 5px;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
    color: #363636;
    background-color: #f5f5f5 !important;
}
.box-favourite .icon{	
	float: left;
    color: var(--primary-color);
    font-size: 20px;
	margin-left: 10px;
}
.box-favourite .num{
	float: left;
    margin: 0px 10px;
    height: 20px;
    line-height: 20px;
    font-size: 17px;
    font-weight: bold;
    color: var(--primary-color);
}
.box-favourite .text{
	float: left;
	height: 20px;
    line-height: 20px;
	font-size: 14px;
    text-transform: capitalize;
}
.box-favourite .favourite-button{
	float: left;
	clear:both;
	margin:10px 0px;
	cursor:pointer;
}
	
/* BOX COMPARA */
.compare-box {
    background-color: #ffffff;
    padding: 0px 0px 10px 0px;
    height: auto !important;
    min-height: 125px;
    border: 1px solid #ddd;
    margin: 0px 5px 10px 5px !important;
    box-sizing: border-box;
    width: auto !important;
}
.compare-box .title{
	font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 7px 5px;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd;
    color: #363636;
    background-color: #f5f5f5 !important;
}
.compare-box .no-article {
    font-size: 18px;
    line-height: 22.5px;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding: 10px 0px 20px 10px;
}
.compare-box .grid{
	display:table;
	border-collapse: collapse;
	width:100%;
}
.compare-box .grid .grid-row{	
	display: table-row;
    width: 100%;
    border-bottom: 1px solid #EEE;
}
.compare-box .grid .grid-row div{	
	display: table-cell;
	vertical-align:middle;
	padding: 10px 5px;
}
.compare-box .grid .img{
	width:50px;	
}
.compare-box .grid .img img {
    width: auto;    
	height: auto;
    max-width: 100%;
    width: auto;
    max-height: 50px;
    margin: 0 auto;
    display: block;
}
.compare-box .grid .grid-row .des {	
}
.compare-box .grid .grid-row .rem{	
	cursor:pointer;
}
.compare-box .compare-content {
    padding: 0 10px;
}
.compare-box .compare-button {
	left: 10px;
    width: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
}
.compare-box .compare-content {
    padding: 0 10px;
}
.compare-box .compare-button {
	left: 10px;
    width: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
}
.compare-box .compare-button a{
	font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    background: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    transition: all 300ms ease-in 0s;
}
.compare-box .compare-button a:hover{
	background-color: var(--primary-color);
    color: #ffffff;
}

/*---- GADGET: Elenco articoli alternativi/correlati ----*/
.products-alter {
	min-height: 0 !important;
	height: auto !important;
	margin-bottom: 15px;
}
.products-alter .bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.products-alter .bar .title {
	display: inline-block;
	flex: 1 1 auto;
	padding: 0 10px;
	overflow: hidden;
	color: #fff;
	background: var(--primary-color);
	font-size: 14px;
	text-transform: uppercase;
	line-height: 50px;
	font-weight: bold;
}
.products-alter .bar .title span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.products-alter .products .product {
	position: relative;
	display: block;
}
.products-alter .products .product .details .title {
	text-align: left;
	font-size: 14px;
	transition: color .2s ease-in-out;
}
.products-alter .products .product .details .price-compare {
	float: left;
	font-size: 14px;
	text-decoration: line-through;
	font-weight: 700;
	font-style: italic;
	color: #bebebe;
}
.products-alter .products .product .details .discount {
	float: left;
	color: #ff0000;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 700;
}
.products-alter .products .product .details .price {
	margin-top: 5px;
	text-align: left;
	font-size: 16px;
	color: var(--primary-color);
	clear: both;
	font-weight: 700;
}
.products-alter .products .product:hover .title {
	color: var(--primary-color);
}
.products-alter .grid .products {
	overflow: auto;
}
.products-alter .grid .product {
	display: flex;
	flex-direction: row;
	padding: 5px;
}
.products-alter .grid .product .image {
	max-width: 200px;
	overflow: hidden;
	height: 80px;
	width: 80px;
	flex: 0 0 auto;
}
.products-alter .grid .product .image img {
	width: 100%;
	height: auto;
}
.products-alter .grid .product .details {
	padding-left: 5px;
}
.products-alter .grid .product .details .title {
	min-height: 30px;
	font-size: 12px;
}
.products-alter .slide .product {
	width: 100%;
	text-align: center;
}
.products-alter .slide .product .image {
	display: inline-block;
	padding: 5px;
}
.products-alter .slide .product .image img {
	width: 100%;
}
.products-alter .slide .product .details {
	padding: 5px;
}
@media screen and (max-width: 991px) {
	.products-alter .grid .product {
		width: 33.33%;
	}

	@media screen and (max-width: 767px) {
		.products-alter .grid .product {
			width: 50%;
		}

		@media screen and (max-width: 550px) {
			.products-alter .grid .product {
				width: 100%;
			}
		}
	}
}
/* OwlCarousel2 - Elenco articoli alternativi/correlati */
.products-alter .bar .owl-theme {
	flex: 0 0 auto;
}
.products-alter .bar .owl-theme .owl-nav {
	overflow: auto;
}
.products-alter .bar .owl-theme .owl-nav button.owl-prev,
.products-alter .bar .owl-theme .owl-nav button.owl-next {
	position: static !important;
	float: left;
	background: var(--primary-color) !important;
	color: #fff !important;
	border: 0 !important;
}
.products-alter .bar .owl-theme .owl-nav button.owl-prev,
.products-alter .bar .owl-theme .owl-nav button.owl-next,
.products-alter .bar .owl-theme .owl-nav button.owl-prev::before,
.products-alter .bar .owl-theme .owl-nav button.owl-next::before {
	height: 50px !important;
	width: 50px !important;
	line-height: 50px !important;
}
.products-alter .bar .owl-theme .owl-nav button.owl-prev::before,
.products-alter .bar .owl-theme .owl-nav button.owl-next::before {
	transition: background-color .2s ease-in-out;
}
.products-alter .bar .owl-theme .owl-nav button.owl-prev:not(.disabled):hover::before,
.products-alter .bar .owl-theme .owl-nav button.owl-next:not(.disabled):hover::before {
	background: rgba(0,0,0,.3) !important;
}
.products-alter .bar .owl-theme .owl-nav button.disabled,
.products-alter .bar .owl-theme .owl-nav button.disabled:hover {
	display: block !important;
	opacity: 1 !important;
	background: #eee !important;
	cursor: default !important;
}

/********************************************************************************/
/**************************** PAGINA ATTIVAZIONE OTP ****************************/
/********************************************************************************/
.enableOTP .boxLabel {
	margin-bottom: 10px !important;
}
.enableOTP .boxLabel .label {
	padding: 0 !important;
}
.enableOTP .txtOTP_ctrl,
.enableOTP .lb_result_ctrl {
	margin-top: 0 !important;
}
.enableOTP .txtOTP_ctrl,
.enableOTP .txtOTP_ctrl .textbox {
	height: 37px !important;
}
.enableOTP .lb_result_ctrl {
	display: inline-block !important;
	width: auto !important;
	line-height: 37px !important;
	padding: 0 !important;
	font-weight: bold !important;
}
.enableOTP .btnChk_ctrl {
	width: auto !important;
	height: 37px !important;
	margin: 0 0 0 10px !important;
}
.enableOTP .lblHelp4_ctrl {
	margin: 15px 0 !important;
}
.enableOTP .btnActive {
	display: block !important;
	margin: 10px auto !important;
	float: none !important;
}

/*******************************************************/
/******************** GADGET SOCIAL ********************/
/*******************************************************/
.social-links li,
.social-links li a::before,
.social-sharer li,
.social-sharer li a::before {
	transition: background-color .2s ease-in-out, color .2s ease-in-out !important;
}
.social-links-portlet,
.social-sharer-portlet {
	min-height: 0 !important;
}
.social-links-portlet div[class$=_ctrl],
.social-sharer-portlet div[class$=_ctrl] {
	width: auto !important;
	padding-bottom: 10px;
}
.social-links-portlet .label,
.social-sharer-portlet .label {
	padding: 0;
	font-size: 1.5em;
	margin-bottom: 5px;
	width: auto !important;
}
.social-links,
.social-sharer {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-links li,
.social-sharer li {
	color: #fff !important;
	position: relative;
	display: inline-block;
	background: #000;
	text-align: center;
	font-size: 24px;
	margin: 0 5px 5px 0;
}
.social-links li:hover,
.social-sharer li:hover {
	background-color: var(--primary-color) !important;
}
.social-links li a,
.social-sharer li a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}
/*----------------------*/
/* PROFILI
/*----------------------*/
.social-links li {
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.social-links li a {
	width: 100%;
	height: 100%;
}
.social-links li a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: icons8_win10;
	font-size: 32px;
	line-height: 40px;
	content: '\f50f';
	color: #fff;
}
/*----------------------*/
/* CONDIVISIONE
/*----------------------*/
.social-sharer li {
	height: 30px;
	border-radius: 3px;
}
.social-sharer li a {
	height: 30px;
	padding: 0 10px;
}
.social-sharer li a::before {
	display: inline-block;
	line-height: 30px;
	font-family: icons8_win10;
	font-size: 18px;
	content: '\f50f';
	vertical-align: middle;
}
.social-sharer li a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px !important;
}
/*----------------------*/
/* ICONE
/*----------------------*/
/* Background */
ul[class^="social-"] .facebook  { background: #4267B2; }
ul[class^="social-"] .instagram { background: #c619b8; }
ul[class^="social-"] .twitter   { background: #55acee; }
ul[class^="social-"] .pinterest { background: #cb2027; }
ul[class^="social-"] .reddit    { background: #ff4500; }
ul[class^="social-"] .youtube   { background: #ff0000; }
ul[class^="social-"] .linkedin  { background: #0077b5; }
ul[class^="social-"] .tumblr	{ background: #32506d; }
ul[class^="social-"] .vk		{ background: #4c6c91; }
ul[class^="social-"] .myspace   { background: #2a2a2a; }
ul[class^="social-"] .rss		{ background: #eb8314; }
/* Icons */
ul[class^="social-"] .icon-facebook::before  { content: '\ee23'; }
ul[class^="social-"] .icon-instagram::before { content: '\ef53'; }
ul[class^="social-"] .icon-twitter::before   { content: '\e907'; }
ul[class^="social-"] .icon-pinterest::before { content: '\ebd8'; }
ul[class^="social-"] .icon-reddit::before	 { content: '\ec49'; }
ul[class^="social-"] .icon-youtube::before   { content: '\e9e5'; }
ul[class^="social-"] .icon-linkedin::before  { content: '\ecf6'; }
ul[class^="social-"] .icon-tumblr::before	 { content: '\e900'; }
ul[class^="social-"] .icon-vk::before		 { content: '\e95d'; }
ul[class^="social-"] .icon-myspace::before   { content: '\f523'; }
ul[class^="social-"] .icon-rss::before       { content: '\ec98'; }
/* ESEMPIO CON IMMAGINE DI SFONDO */
ul[class^="social-"] .slbgimage { background-color: lightseagreen; }
ul[class^="social-"] .icon-slbgimage { background: url("../images/ico_rss.png") center/16px no-repeat; }
ul[class^="social-"] .icon-slbgimage::before { content: ''; }

/*************************************************************/
/******************** NUOVO GADGET BANNER ********************/
/*************************************************************/
.rawBanner_ctrl {
	width: 100% !important;
	margin-bottom: 20px;
}
.flex-nav {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 30px;
	background: rgb(36,36,36,.5);
	z-index: 997;
}
.flex-nav .flex-control-nav {
	position: static !important;
	height: 30px;
	width: auto !important;
	margin: 0 auto;
	text-align: center !important;
	z-index: 999;
}
.flex-nav .flex-control-nav li {
	height: 30px;
	float: none !important;
	margin: 0 10px !important;
	padding: 12px 2px;
}
.flex-nav .flex-direction-nav {
	position: absolute;
	top: 0 !important;
	height: 0;
	margin: 0 !important;
	z-index: 998;
}
.flex-nav .flex-direction-nav li {
	padding: 0 !important;
}
.flex-nav .flex-direction-nav .flex-prev,
.flex-nav .flex-direction-nav .flex-next {
	position: relative !important;
	height: 30px !important;
	width: 30px !important;
	margin: 0 !important;
	background: none !important;
}
.flex-nav .flex-direction-nav .flex-prev:before,
.flex-nav .flex-direction-nav .flex-next:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: icons8_win10;
	color: #fff;
	line-height: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	text-indent: 0;
	font-size: 24px;
}
.flex-nav .flex-direction-nav .flex-prev:before { content: '\f144'; }
.flex-nav .flex-direction-nav .flex-next:before { content: '\f145'; }
.flex-viewport {
	height: auto !important;
	z-index: 996;
}
.flex-viewport .slides a {
	display: block;
	width: 100%;
	height: 100%;
}
.flex-viewport .slides img {
	height: auto !important;
}

/*---- GADGET: Elenco contenuti ----*/
.contentsList {
	height: auto !important;
}
.contentsList .grid .contents {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contentsList .grid .contents .content .image img {
	max-width: 100%;
}
.footer2-container .contentsList .gadget > .title span {
	padding-bottom: 20px;
}
/*---- GADGET: Elenco categorie ----*/
.categoriesList {
	height: auto !important;
}
.categoriesList .grid .categories {
	list-style: none;
}
.categoriesList .grid .categories .category {
	padding: 0 10px;
}
/*---- GADGET: Elenco promozioni ----*/
.promo-list .gadget > .title {
	display: inline-block;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 30px;
	margin-top: 0px !important;
	line-height: 45px;
	border-bottom: 2px solid var(--primary-color);
}
.promo-list .slide {
	margin-bottom: 20px;
}
.promo-list .slide .promotions {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.promo-list .slide .promotion {
	position: relative;
}
.promo-list .slide .promotion .image {
	display: block;
	width: 100%;
}
.promo-list .slide .promotion .image img {
	display: block;
	margin: 0 auto;
}
.promo-list .slide .promotion .details {
	padding: 10px 20px;
	border-bottom: 2px solid #eee;
	transition: border-bottom .2s ease-in-out;
}
.promo-list .slide .promotion:hover .details {
	border-bottom: 2px solid var(--primary-color);
}
.promo-list .slide .promotion .title,
.promo-list .slide .promotion .subtitle {
	text-align: center;
	color: #242424;
}
.promo-list .slide .promotion .title {
	font-size: 1.5em;
	margin-bottom: 10px;
}
.promo-list .slide .promotion .subtitle {
	font-size: 1.2em;
}
.promo-list .slide .promotion .effect {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 3px 8px;
	background: red;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
.promo-list .slide .promotion .link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* GADGET: Dettaglio promozione */
.promo-detail {
	margin-bottom: 50px;
}
.promo-detail .promotion .title {
	font-size: 3em;
	font-weight: bold;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #eee;
}
.promo-detail .promotion .subtitle {
	font-size: 1.8em;
	font-style: italic;
	margin: 10px 0;
}
.promo-detail .promotion .image-container {
	position: relative;
	margin-bottom: 20px;
}
.promo-detail .promotion .image-container .effect {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 8px;
	background: red;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
}
.promo-detail .promotion .image-container .image {
	margin: 20px 0;
}
.promo-detail .promotion .image-container .image img {
	width: 100%;
}
.promo-detail .promotion .description {
	font-size: 14px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	text-align: justify;
}
.promo-detail .products {
	display: flex;
	flex-flow: row wrap;
	align-items: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.promo-detail .products .product {
	position: relative;
	display: inline-block;
	width: 210px;
	padding: 5px;
	margin-bottom: 10px;
}
.promo-detail .products .product .link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.promo-detail .products .product .image img {
	width: 100%;
}
.promo-detail .products .product .title,
.promo-detail .products .product .price {
	width: 100%;
}
.promo-detail .products .product .title {
	font-size: 14px;
	margin-top: 5px;
	transition: color .2s ease-in-out;
}
.promo-detail .products .product .price {
	font-size: 16px;
	margin: 5px 0;
}
.promo-detail .products .product:hover .title,
.promo-detail .products .product .price {
	color: var(--primary-color);
}
/* GADGET: Promozione singola */
.promo-single {
	margin-bottom: 50px;
	height: auto;
	overflow: auto;
}
.promo-single .link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.promo-single .promotion {
	position: relative;
}
.promo-single .promotion .image {
	background-size: cover;
	background-position: center center;
}
.promo-single .promotion .effect {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 8px;
	background: red;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em; 
}
/* Solo immagine */
.promo-single section.image .image {
	position: relative;
	width: 100%;
}
.promo-single section.image .image img {
	width: 100%;
}
/* Con i prodotti */
.promo-single .products .product .price-compare {
	display: inline;
	font-size: 14px;
	text-decoration: line-through;
	font-weight: 700;
	font-style: italic;
	color: #bebebe;
}
.promo-single .products .product .discount {
	display: inline;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	font-weight: 700;
}
.promo-single .products .product .price {
	font-size: 16px;
	font-weight: 700;
	color: #4f7ab3;
}
.promo-single .products .promo-button {
	width: 100%;
	clear: both;
	text-align: center;
}
.promo-single .products .promo-button a {
	display: block;
	width: 100%;
	padding: 10px 5px;
	text-transform: none;
	color: #242424;
	background: #eee;
	transition: color background .1s ease-in-out !important;
}
.promo-single .products .promo-button a:hover,
.promo-single .products .promo-button a:active {
	color: #fff;
	background: var(--primary-color);
}
/* Prodotti a destra dell'immagine */
.promo-single .products-right .promotion,
.promo-single .products-right .products {
	float: left;
	width: 50%;
}
.promo-single .products-right .promotion .image,
.promo-single .products-right .products {
	height: 300px;
}
.promo-single .products-right .promotion .image {
	width: 100%;
}
.promo-single .products-right .products {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 5px 45px;
}
.promo-single .products-right .products .product {
	position: relative !important;
	display: flex;
	flex-direction: row;
	float: left;
	width: 50%;
	overflow: hidden;
}
.promo-single .products-right .products .product .image {
	width: 80px;
	overflow: hidden;
	flex: 0 0 auto;
}
.promo-single .products-right .products .product .image img {
	width: 100%;
}
.promo-single .products-right .products .product .details {
	padding-left: 5px;
	word-wrap: break-word;
}
.promo-single .products-right .products .product .title {
	font-size: 12px;
	transition: color .2s ease-in-out;
}
.promo-single .products-right .products .product:hover .title {
	color: var(--primary-color);
}
.promo-single .products-right .products .product .price {
	padding-top: 5px;
}
.promo-single .products-right .products .product .price-active {
	padding-top: 5px;
}
.promo-single .products-right .products .promo-button {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
}
/* Prodotti sotto l'immagine */
.promo-single .products-bottom .promotion .image {
	width: 100%;
	height: 300px;
}
.promo-single .products-bottom .products {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
}
.promo-single .products-bottom .products .product {
	position: relative !important;
	float: left;
	width: 25%;
	padding: 5px;
	text-align: center;
}
.promo-single .products-bottom .products .product .image {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
}
.promo-single .products-bottom .products .product .image img {
	display: inline;
	max-height: 100px;
}
.promo-single .products-bottom .products .product .title-container {
	position: relative;
	overflow: hidden;
}
.promo-single .products-bottom .products .product .title {
	font-size: 14px;
	padding: 5px 0;
	transition: color .2s ease-in-out;
}
.promo-single .products-bottom .products .product:hover .title {
	color: var(--primary-color);
	right: 0;
}
.promo-single .products-bottom .products .product .price {
	padding-bottom: 5px;
}
/* Responsive */
/* Prodotti sopra l'immagine */
@media screen and (max-width: 1199px) {
	.promo-single .products-right .products {
		display: block;
	}
	.promo-single .products-right .products .product {
		width: 100%;
		height: 80px;
		margin-bottom: 5px;
	}
	/*.promo-single .products-right .products .product:nth-child(3),*/
	.promo-single .products-right .products .product:nth-child(4) {
		display: none;
	}

	@media screen and (max-width: 767px) {
		.promo-single .products-bottom .products .product {
			width: 33.33%;
		}
		.promo-single .products-bottom .products .product:nth-child(4) {
			display: none;
		}

		@media screen and (max-width: 550px) {
			.promo-single .products-right .promotion,
			.promo-single .products-bottom .promotion {
				margin-bottom: 5px;
			}
			.promo-single .products-right .products .product,
			.promo-single .products-bottom .products .product {
				display: flex;
				flex-flow: row nowrap;
				width: 100%;
				text-align: left;
				padding: 0;
				margin-bottom: 5px;
				height: auto;
			}
			.promo-single .products-right .products .product:nth-child(3),
			.promo-single .products-right .products .product:nth-child(4),
			.promo-single .products-bottom .products .product:nth-child(4) {
				display: block;
			}
			.promo-single .products-right .products .product .image,
			.promo-single .products-right .products .product .details,
			.promo-single .products-bottom .products .product .image,
			.promo-single .products-bottom .products .product .details {
				float: left;
			}
			.promo-single .products-right .products .product .image,
			.promo-single .products-bottom .products .product .image {
				width: 100px;
				text-align: left;
				flex: 0 0 auto;
				margin: 0;
			}
			.promo-single .products-right .products .product .details,
			.promo-single .products-bottom .products .product .details {
				padding-left: 5px;
			}
			.promo-single .products-right .promotion,
			.promo-single .products-right .products {
				width: 100%;
			}
			.promo-single .products-right .products {
				padding-bottom: 0;
				height: auto;
			}
			.promo-single .products-right .products .promo-button {
				position: static;
				margin-top: 5px;
				padding: 0;
			}
		}
	}
}
/*---- GADGET: Contenuti relazionati ----*/
.contents-related {
	margin-bottom: 20px;
}
.contents-related .gadget > .title {
	margin-bottom: 15px;
    padding: 5px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
	font-weight: normal;
    text-transform: uppercase;
    color: #999999;
    border-bottom: 2px solid var(--primary-color);
}
.contents-related .contents {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contents-related .contents .content {
	margin: 0;
	padding: 0;
}
.contents-related .contents .content .image {
	display: inline-block;
	margin-right: 10px;
}
.contents-related .contents .content .image img {
	max-width: 100%;
}
.contents-related .contents .content .title {
	display: inline-block;
}
.contents-related .contents .content .title a {
	font-size: 20px;
    font-weight: normal;
    padding: 5px 10px;
    transition: all 300ms ease;
    display: inline-block;
}

/*---------------------------------*/
.product-info .labelPrice_ctrl div,
.itemTab .labelPrice_ctrl div,
.item .labelPrice_ctrl div {
	display: inline-block;
	width: auto !important;
}

/*--- info btn ---*/
.lblPriceInfo {
	display: block;
	padding: 8px 0;
	font-size: 12px;
	cursor: pointer;
}
.lblPriceInfo:hover {
	color: var(--primary-color);
}
.lblPriceInfo div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
.price-compare-info a::before,
.lblPriceInfo div::before {
	content: '\ef46';
	height: 16px;
    line-height: 16px;
	font-family: icons8_win10;
	font-size: 16px;
}
.price-compare-info {
	display: inline-block;
	height: 1em;
	font-size: inherit;
	text-decoration: none !important;
}
.price-compare-info a {
	display: block;
	margin-left: 5px;
	text-decoration: none !important;
}
.price-compare-info a span {
	display: none;
}

/*--- gscs_message layer ---*/
.spModalLayer .resource_container > div,
.spModalLayer .resource_container .gscs_message_container,
.spModalLayer .resource_container .gscs_message_container > div {
	height: 100%;
}
.spModalLayer .gscs_message_portlet {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	font-size: 16px;
}
.spModalLayer .gscs_message_portlet .alert-actions {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	gap: 1rem;
}