@charset "UTF-8";

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;
	outline: 0; padding: 0; vertical-align: baseline; }
:focus {/* remember to define focus styles! */ outline: 0; }
body { background: #fff; line-height: 1; font-size: 100% }
ol, ul { list-style: none; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; padding-left: 0.5rem !important;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { max-width: 100%; max-height: 100%; }



/*
@-ms-viewport {      
	width: device-width;
}
@viewport {
	width: device-width;
}                                                           

html {
background-color: white !important;
}

tr {
 vertical-align: middle !important;
}

th {
 padding:0 !important;
  // border-bottom:0 !important;
}

td {
 padding:0 !important;
 border-bottom:0px;
}

button {
border: 1px solid #ccc !important;
}

*/

/*
AUTOCOMPLETE INIZIO
*/
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocompleteImg {
  height: 36px;
  width: auto;
  margin-right: 5px;
}

input {
  border: 1px solid #ccc;
  //background-color: #f1f1f1;
  padding: 8px;
  font-size: 15px;
  text-transform: uppercase;
}

/*input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
*/

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  /*position: absolute;*/
  position: fixed;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  //top: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  color: black;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*
AUTOCOMPLETE FINE
*/ 

/* regole comuni */

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.font90Perc {font-size: 90%;}
.font95Perc {font-size: 95%;}
.font150Perc {font-size: 150%;}
.font120Perc {font-size: 120%;}
.font220Perc {font-size: 220%;}


.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-36 {font-size: 36px;}

.fontBold { font-weight: bold;}
.zindex-900 {
  z-index: 900 !important;
}
.zindex-9900 {
 z-index: 9900 !important;
}

.zindex-50000 {
 z-index: 50000 !important;
}

.zindex-51000 {
 z-index: 50000 !important;
}

.zindex-500000 {
 z-index: 500000 !important;
}

.input100Upper {
  width: 100%; 
  text-transform:uppercase;
}

.pos-center-center {
  display: flex;
  justify-content: center;
}

.pos-center {
  display: flex;
  justify-content: space-between;
}

.pos-fixed {
  position: fixed;
}


.pos-center-right {
  display: flex;
  justify-content: flex-end;
}

.pos-cen-valign {
 align-items: center;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.pos-fix {
  position: fixed;
}
.right-0 {right:0;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-85 { margin-left: 85px; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-25 { margin-bottom: 25px;}

.margin-15-10 {
 margin: 15px 10px 15px 10px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}
.btnChiudiArticoliMaster, .btnMostraArticoliMaster {
	//justify-content: center;
	display: grid;
}

#showCaseMaster {
  
  position: fixed;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh; 
  z-index: 15000; 
  
}

#showcaseDiv {
   height: 75vh;
   position: relative;
}

/*.table-tableInner { display: table; left: auto; width: max-content}*/
.table-tableInner { display: table; left: auto; width: 83vw}

.display-none {
 display: none;
}

.vert-align-middle {
 vertical-align: middle;
}

.breadcrumbPromo {
 display: flex;
}

.divisioniPromo {
display: flex;
}

.divisioniPromoMercatino {
display: flex;
}


.divisionePromoAttiva {
 font-weight: bold;
 font-size: 22px;
}

.divisionePromoMercatinoAttiva {
 font-weight: bold;
 font-size: 22px;
}

.tabDivisioniPromo {
 text-decoration: none;
 color: black; 
}

.tabDivisioniPromoMercatino {
 text-decoration: none;
 color: black; 
}

.breadcrumbPromo a {
  text-decoration: none;
  color: black;}

.breadcrumbPromo a:hover {
  text-decoration: underline;
  font-style: inherit;
}

/* COLORI */
.no-backgroung {background-color: white !important;}
.backg-white {background-color: white;}
.backg-red {background-color: red;}
.backg-169fe6 { background-color: #169fe6;}
.backg-428bca { background-color: #428bca;}
.backg-c1f8c1 { background-color: #c1f8c1;}
.backg-344af4 { background-color: #344af4;}
.backg-003b82 { background-color: #003b82;}
.backg-d0efd0 { background-color: #d0efd0;}
.backg-fcfca0 { background-color: #fcfca0;}
.backg-b8edb8 { background-color: #b8edb8;}
.backg-ececec { background-color: #ececec;}
.backg-a7cafa { background-color: #a7cafa;}
.backg-aae6aa { background-color: #aae6aa;}
.backg-e2e2e2 { background-color: #e2e2e2;}
.backg-ccc { background-color: #ccc;}

.color-white { color: white;}
.color-black { color: black;}
.color-red { color: red;}
.color-green { color: green;}
.color-169fe6 { color: #169fe6;}
.color-428bca { color: #428bca;}
.color-0040ff { color: #0040ff;}
.color-c1f8c1 { color: #c1f8c1;}
.color-344af4 { color: #344af4;}
.color-003b82 { color: #003b82;}
.color-ffffff { color: #ffffff;}

/* ALTEZZE */
.height10 { height: 10%;}
.height20 { height: 20%;}
.height30 { height: 30%;}
.height40 { height: 40%;}
.height50 { height: 50%;}
.height80 { height: 80%;}
.height100 { height: 100%;}
.height50px { height: 50px;}
.height30px { height: 30px;}
.height28px { height: 28px;}
.height24px { height: 24px;}
.height36px { height: 36px;}

/* AMPIEZZE */                             

.width100important { width: 100% !important;}

.width80vw {
  width: 80vw;
  position: relative;
  left: 500;
}


min-width-5 {min-width: 5%;}
min-width-10 {min-width: 10%;}
min-width-15 {min-width: 15%;}
min-width-20 {min-width: 20%;}
min-width-25 {min-width: 25%;}
min-width-30 {min-width: 30%;}
min-width-35 {min-width: 35%;}
min-width-40 {min-width: 40%;}
min-width-45 {min-width: 45%;}
min-width-50 {min-width: 50%;}
min-width-55 {min-width: 55%;}
/* */

/* BORDI */
.border1 {border: 1px solid;}
.border2 {border: 2px solid;}
.border3 {border: 3px solid;}
.border4 {border: 4px solid;}
.border5 {border: 5px solid;}
.no-border { border:none !important}
.border-bottom-1-ccc {border-bottom: 1px solid #ccc;}
.border-bottom-1-aaa {border-bottom: 1px solid #aaa;}
.border-novita {border: 3px solid #55eb55;}
.border-lastpromo {border: 3px solid #d0d014;}
.border-lastviewed{border: 3px solid #205fb3;}

/* TESTO */
.text-bold {
  font-weight: bold;
}
/* COLORI */

.border-color-ccc {
 border-color: #ccc;
}

/* FINE COLORI */
.text-uppercase {
 text-transform:uppercase;
}

.allineaAlCentroMob {
  text-align: center;
}

.flex-row {
 display: flex;	
 flex-direction: row;
 align-items: center;
}

.flex-wrap {
 display: flex;	
 flex-direction: row;
 flex-wrap: wrap;
}

.flex-row-up {
 display: flex;	
 flex-direction: row;
 align-items: flex-start;
}


.flex-column {
 display: flex;	
 flex-direction: column;
}

.flex-column-space-between {
 display: flex;	
 flex-direction: column;
 justify-content: space-between;
}

.ov-hid {
 overflow: hidden;
}

.ov-auto {
 overflow: auto;
}

.inputFld {
 text-transform: uppercase;
 border: 1px solid #ccc;
}
/*.trkImgArt { max-width: 50%; max-height: 50%; }*/

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 450px;
  height: 450px;
}

.highlight-red {
  border: 2px solid red !important; /* Bordo rosso */
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); /* Ombra rossa leggera per un effetto migliore */
}

#contentContainer {
  margin: 149px 0 0;
}

#clientiList, #clientiScontiList {
	/*position:relative;*/
  position: fixed;
  top: 150px;
  z-index: 10000;
  background: white;
}

#clientiTableDiv, #clientiScontiTableDiv {
    height: 360px;
    overflow: auto;
    padding-left: 3px;
}

.clientiSelector {
  width: calc(100% - 2rem);
  margin: 0 auto;
  justify-content: flex-start;
}

.colonnaNascosta {
  display: none;
}

#headerContainer {
   z-index: 200;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   
}

.showPrefContainer {
   position: relative;
   top: 80px;
   right: 0px;
   z-index: 10000;
}
 
 
 
#divMenuTabMobile {
 max-width: 420px;
 width: 100vw;
 height: calc(100vh - 75px);
 position: fixed;
 top: 65px;
 left: -420px;
 background: white;
 z-index: 1000;
}

#divMenuTab {
 background: white;
}

#divMenuTab a {
/* font-weight: bold; */
 border: 0 2px 0 2px solid black; 
}


#selectorTable {
  width: 110px;
}

#divMenuTabMobile ul li a, #myAccountPrefs ul li a {
 display: flex;
 -webkit-box-align: center;
 align-items: center;
 border-radius: 8px;
 min-height: 44px;
 text-decoration: none;
 outline: none;
 font-weight: 500;
 border: 1px solid transparent;
 padding: 0px 0.5rem;
 margin: 0px 0.5rem 0.5rem;
 color: rgb(0, 25, 153);
}

#divMenuTabMobile.visibileLeft {
  left: 0;
  max-width: 420px;
}

.menuSelect {
 font-size: 22px;
 /*font-style: italic;*/ 
 /*background: #f5f1f1;   */
 font-weight: bold;
 display: flex;
}

.menuDisabled > a{
 cursor: default;
/* color: #443f3f;*/
 color: #808088;
 pointer-events:none; //This makes it not clickable
 opacity:0.6;         //This grays it out to look disabled
}



/*
.fas {
	font-size:100%;	
}
*/
.menuItem {
 display: flex;
 padding: 0 1 0 1;
 
}

.newsMercatino {
 animation: blinker 1.5s linear infinite;
 font-size: 24px;
 font-weight: bold;
}

.tabNewsMercatino {
 /*color: #31ff43;*/
 color: #a51111;
}

.stdMercatino {
 /*color: #31ff43;*/
 color: #d0d02e;
}


.menuImg {
 width: 30px;
 height: 30px;
}

#tabMenuVert i{
  margin: 1rem;
  font-size: 32px;
}

#divMenuTab ul {
 display: flex;
 align-items: stretch;
}

#statusBoxMobile ul {
 //display: flex;
 padding: 5 8px;
}



#divMenuTab ul li a{
 line-height: 32px;
 padding: 0 10px;
 text-decoration: none;

}

#searchBar {
  width: 100%;
} 

#selectorSpan {
  display: none;
} 


/*
REGOLE PER BOX NOVITA e BOX ULTIME PROMO
*/

/*
.boxNewsEventi {
   background-color: #ccc;                             
 }
 */
 
.newItemsTitle {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

.novitaImageInside, .lastPromoImageInside, .ultimiVistiImageInside  {
 width: 100vw;
 height: 100%;
}

.nuoviArriviBoxContainer, .lastPromoBoxContainer, .lastViewedBoxContainer {
 width: 100%;
 height: 240px;
 overflow: hidden;
} 

.arrowBox {
  display:none;
}

.arrowBox:hover {
 cursor: pointer;
}
.arrowBox i {
  line-height: 240px;
   font-size: 36px;
}

.leftArrowBox, .leftArrowBoxPromo {
  left: 0; 
}

.rightArrowBox, .rightArrowBoxPromo {
  right: 0;
} 

.nuoviArriviImgBox, .lastPromoImgBox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.novitaImage, .lastPromoImage, .ultimiVistiImage {
 height: 100%;
 float: left; width: 25%;
 /*top: -600vh;
 left: -200vw;
   */
}
.novitaImage.sparito, .lastPromoImage.sparito, .newsContent.sparito, .ultimiVistiImage.sparito   { width: 0; }

.novitaImage img, .lastPromoImage img, .ultimiVistiImage img {
  margin: 0 auto;
}

.imgAct {
 left: 0;
 top: 0;
}

.imgPrev {
 left: -100%;
 top: 0;
}

.imgNext {
 left: 100%;
 top: 0;
}

.paddingBottom1P {
  padding-bottom: 1%;
}

.paddingBottom2P {
  padding-bottom: 2%;
}

.paddingBottom5P {
  padding-bottom: 5%;
}

.paddingValidaCarr {
  //padding-right: 6%;
  padding-left: 5%;
  
}

.paddingValidaCarrDatiFin {
  margin: 5 0 5 5;

  
}




/* REGOLE PER TABELLA CARRELLO E CATALOGO */

.div-width-1 { width: 1%; }
.div-width-2 { width: 2%; }
.div-width-3 { width: 3%; }
.div-width-5 { width: 5%; }
.div-width-8 { width: 8%; }
.div-width-10 { width: 10%; }
.div-width-12 { width: 12%; }
.div-width-15 { width: 15%; }
.div-width-20 { width: 20%; }
.div-width-25 { width: 25%; }
.div-width-30 { width: 30%; }
.div-width-33 { width: 33%; }
.div-width-35 { width: 35%; }
.div-width-40 { width: 40%; }
.div-width-45 { width: 45%; }
.div-width-50 { width: 50%; }
.div-width-55 { width: 55%; }
.div-width-60 { width: 60%; }
.div-width-65 { width: 65%; }
.div-width-70 { width: 70%; }
.div-width-75 { width: 75%; }
.div-width-80 { width: 80%; }
.div-width-85 { width: 85%; }
.div-width-90 { width: 90%; }
.div-width-95 { width: 95%; }
.div-width-100 { width: 100%; }
.div-width-300px { width: 300px; }
.div-width-350px { width: 350px; } 

.table-td-bottom-border {border-color: #ccc;  border-bottom-width: 1px; border-bottom-style: solid; }

.orderMode {
  background-color: #e2e2e2;
  font-size: 13px;
}

.orderModeElem {
  font-size: 13px;
  padding: 10 0 10 10;
}

.orderMode:hover, .orderModeElem:hover {
  background-color: #d4d4d4;
  cursor: pointer;
}

.divisioneSelector {
 font-style: italic;
 font-size: medium;
 font-weight: bold;
}

.divisioniChk {
  font-size: 13px;
}

.padding-left-2 {padding-left: 2px;}
.padding-left-5 { padding-left: 5px;}
.padding-left-10 { padding-left: 10px;}
.padding-left-12 { padding-left: 12px;}
.padding-left-15 { padding-left: 15px;}
.padding-left-20 { padding-left: 20px;}

.padding-right-5 { padding-right: 5px;}
.padding-right-10 { padding-right: 10px; !important}
.padding-right-15 { padding-right: 15px;}
.padding-right-20 { padding-right: 20px;}

.padding-0 {padding: 0}

.display-table { display: table;}

.imgPromoArtMob {
  width: 60px;
}

.font200P {
  font-size: 200%;
}

#couponSelect {
 font-size: medium; 
 background-color: greenyellow;
}
.icoDimension {
	max-width: 38;
}

.icoDimensionSmall {
	max-width: 30;
}

.icoDimensionNoHover {
	max-width: 38;
}

.icoDimensionPromo {
	max-width: 50;
}
/* Colors: you can modify property values in this section */

/*.table-th { background: #0D0D0D; color: #EEE; }*/
.table-th { color: #EEE; }*/
.table-tf { background: #FFF; color: #333; }
.table-td { border-color: #ccc; }
.table-tr:nth-child(even) .table-td { background: #FAFAFA; }
.table-tr:nth-child(odd) .table-td { background: #EEEEEE; }
.table-tr:hover .table-td { background: #FFFFEE; }

/* Structure: do not modify the section below! */

.table-table { display: table; table-layout: fixed; width: 100%; }
.table-tr { display: table-row; width: 100%; }
/*.table-tr > div { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/
.table-tr > div:not(.carrello-mobile, .table-tracking-desktp, .table-wish-desktp, .table-sconti-mobile)  { display: table-cell; vertical-align: middle; padding: 10px 5px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; }
.table-th, .table-tf { font-weight: bold; }
.table-td { border-bottom-width: 1px; border-bottom-style: solid; }
.table-grid .table-td { border-left-width: 1px; border-left-style: solid; }
.table-grid .table-td:last-child { border-right-width: 1px; border-right-style: solid; }
.table-width-100 { width: 100%; }
.table-center { text-align: center !important; }
.table-right { text-align: right !important; }



.imgPromoArtCpf:hover, .marcaImageGrid:hover, #lenteRicercaNew:hover, #lenteRicercaNewMob:hover,  .myAccount:hover, .btnChiudiArticoli:hover,
.allegatiLink:hover, .utenteImg:hover, .prefsImg:hover, .aggiornaScontiBtn:hover {
 cursor: pointer
}

/*regole per carrello mobile*/
.carrTableMobile {  
	display: table;  
} 
 
.confermaOrdineMobile {
  width: 100vw;
  position: fixed;
  top: 101px;
  left: 0px;
  background-color: white;
}


.valoreCarrelloPanel {
 font-size: 120%;

}

#imgNuovoArtCpf {
 width: 48px;
 height: 48px;
}


.fastInsertCod {
 border: 1px solid #ccc;
 text-transform: uppercase;
 width: 100%
}


.fastInsertQta {
  width: 75% !important;
  margin-left: 10px;
}

.tableCarrello {
 display: flex;
 justify-content: space-between;
}

.carrTitleMobile {  
	display: table-caption;  
	text-align: center;  
	font-weight: bold;  
	font-size: larger;  
}  
.carrHeadingMobile  
{  
	display: table-row;  
	font-weight: bold;  
	text-align: center;  
}  
.carrRowMobile  {  
	display: table-row;  
}  

.carrCellMobile  {  
	display: table-cell;  
	border: solid;  
	border-width: thin;  
	padding-left: 5px;  
	padding-right: 5px;  
}  
 
.no-border {border: none;}

.shopImage:hover, .shopIconPromo:hover {
  cursor: pointer;
}
/*APPROFONDIMENTI HOME
.inside-box-title-002 { font-size: 2rem; }
.inside-box-title-003 { font-size: 2rem; }
.apprf-loader-box, .apprf-list-item, .apprf-list-item a { height: 28vh; }
.apprf-list-item a { width: 100vw; }
.apprf-list-item { float: left; width: 25%; }
.apprf-list-item.sparito { width: 0; }
.retino-semi-transp {background: linear-gradient(0deg, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 80%); }
.apprf-list-item a .apprf-list-img { opacity: 0.7; }
.apprf-list-item a:hover .apprf-list-img { opacity: 1; }
.apprf-list-item a .retino-colorato { opacity: 0; }
.apprf-list-item a:hover .retino-colorato { opacity: .3; }
.apprf-list-item a:hover .apprf-list-img { transform: scale(1.2); }
.apprf-list-item-title-box { left: 4rem; bottom: 2rem; }
.apprf-list-item-title-box p { font-size: 1.25rem; max-width: calc(100% - 4rem); line-height: 1.1; }
a.slider-arrow.apprf-arr-prev { left: 0; }
a.slider-arrow.apprf-arr-next { right: 0; }

*/
.lastPromoImg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}


.imgActPr {
 left: 0;
 top: 0;
}

.imgPrevPr {
 left: -100%;
 top: 0;
}

.imgNextPr {
 left: 100%;
 top: 0;
}

.clsHidden {
	visibility: hidden;	
}


/*
FINE REGOLE BOX NOVITA
*/

/*



/*
REGOLE PER BOX NEWS 
*/
.eventiBoxContainer {
 width: 100%;
 height: 420px;
 overflow: hidden;
} 

.eventiBoxContainer2 {
 width: 100%;
 height: max-content;
/* overflow: hidden;*/
}

.arrowBoxEventi {
 width: 36px;
 height: 420px;
 background-color: rgba(0, 0, 0, 0.05);
 top: 0;
 text-align: center;
 
}
.arrowBoxEventi i {
  line-height: 420px;
   font-size: 36px;
}

.leftArrowBoxEventi {
  left: 0; 
}

.rightArrowBoxEventi {
  right: 0;
} 
/*
FINE REGOLE BOX NEWS
*/

/* 
REGOLE WORKSPACE
*/
.pwdChg {
  width: 500px;
  height: 350px;
}


.textLowercase {
  text-transform: lowercase;
}
}
/* 
FINE REGOLE WORKSPACE
*/

/*
REGOLE PER GESTIONE HEADER 
*/
#ricercadesElemMobile {
   height: 38px;                
}

#lenteRicercaNew {
 border-bottom-right-radius: 3px;
 border-top-right-radius: 3px;
 width: 38px;
 height: 38px;
}
  
#arealoghi {
 width: 280px;
}

.selectLevel {
  min-width: 112px;
  max-width: 130px;
  min-height: 19px;
  max-height: 19px;
  
}

#searchBarBox {
 display: none;                     
}

#statusBox {
 width: 380px;
 display: none;
}

#statusBoxMobile {
 width: 350px;
 position: fixed;
 top: 65px;
 right: -350px;
 z-index: 1000;
 
} 


#statusBoxMobile.visibileRight {    /* attenzione: se scrivo in questo modo la classe si attiva solo per questo div  */
 right: 0;
}


.transition {
 transition: 0.8s ease all;
 -moz-transition: 0.8s ease all;
 -webkit-transition: 0.8s ease all;
}


.mobileStatusBackground {
  background-color: #29DAEA;
}

#divMenuOpzioniMobile, #divMenuOpzioniMobile {
 display: none;
}

 #statusBox.statusVisibile {
 display: block;
 right: 0;
  
}

.iconSize {
  font-size: 20px;
}

.menuListSize {
  font-size: 32px;
  margin: 1rem;
}

/* 
FINE REGOLE GESTIONE HEADER
*/

body {
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;*/
  color: #333;
  //background-color: #fdf5df;
  margin-top: 0;   background-color: #fff;
  //width:100%;
 // width: device-width;
  margin-left: auto;
  margin-right: auto;
  //font-family: Arial, Helvetica, sans-serif;
  //font-family: "Open Sans", Arial, Verdana;
  //font-size: 12px;
}

input[type="submit"], input[type="reset"] {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    font-family: inherit !important;
    padding: 6px !important;
    padding: 0.428571429rem !important;
}

.pagination {
  float: right;
}

#printDiv, #printDiv * {
  visibility: hidden;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.autocomplete-highlight {
  //background-color: #fdf5df;
	font-weight: bold;
}

.textshadow-prz, .blurry-text-prz {
   text-align:right;
   text-shadow: 0 0 10px black;
   color: transparent;
}

.text-prz, .text-conf {
  text-align: right;
}

.text-center {
  text-align: center;
}

.ui-tabs-anchor {
  font-size: 13px !important;
  font-weight: bold !important;
}

.mainMnuClass {
  display: inline-block;
  padding-left: 5px;
}


.mainMnuClass:hover {
 cursor: pointer
}
/*
 REGOLE PER SEZIONE PRIVACY
*/
#cookieChoiceInfo {
  background-color: #f2f2f2;
  color: #000;
  left: 0;
  margin: 0;
  padding: 4px;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

/*
* FINE REGOLE SEZIONE PRIVACY
*/


.linkListDiv {
    width: 360px !important;
    height: 180px !important;
    margin-left: -180px !important;
    margin-top: -90px !important;  
}

.inputQtaMobSconti, .inputQtaSconti {
  font-size: 15px !important;
}

.carrCellMobSconti {
  text-align: center;
}

.inputQta, .inputQtaMobile, .inputQtaCnf, .inputQtaCnfMobile, .inputQtaCpf, .inputQtaCpfGrid ,.inputQtaPromo{
 padding: 5 5 5 0 !important;
 font-size: 12px !important;
 width: 56px;
 height: 28px !important;
 text-align: right;

}

// fine override
#tabMenu {
 width: 100%;
 border: none !important;
}

#imgloggato:hover {
  cursor: pointer;
}

#tracking, #searchBar {
  display: none;
}

#tabContainer {
  padding-top: 0px!important;
}

#catalogo {
  display: none;
}

#carrelli {
  display: none;
}

#promo {
  display: none;
}

#testataOrdine {
  display: none;
}

#dettaglioOrdine {
  display: none;
}

#showCatalogo:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showCarrelli:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showTracking:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showPromo:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#showGestSco:hover {
 background-color: #169fe6;
 color: white;
 cursor:pointer;
}

#funzioni {
  background-color: #121212;
  min-height: 44px;
  padding: 0 28px;
  position: relative; 
  border-bottom: 2px solid #169fe6;
}

#statusBar {
 /* background-color: #169fe6;*/
 /* color: white; */
  min-height: 80px;
  padding: 0 28px;
  position: relative; 
  //border-bottom: 2px solid #169fe6;
}

#tableFunzioni {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  
}

#logoutImg:hover, #utenteImg:hover, #prefsImg:hover, #chgdocImg:hover, 
#aggiungiDaPreferiti, #eliminaDaiPreferiti, #printWindow:hover, #logOut:hover {
   cursor:pointer;
}

#chgdocImg {
 width:18px; 
 height: 18px;
}

/*
 #loginStatusOptions {
	padding: 5px;
 }
*/
.recoveryTable {

}
.userPwd, .newUser {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.reqDatiUtente {
  width: 50%;
}

.signupLabelPers {
  font-size: 220%;
  margin: 30 0 30px 0;
}
.radioSelCliType {
  margin: 4 4 0 0 !important;
} 
.loginStatusOptCl {
	padding: 5px;
 }
.gestRecovery {
 padding: 10px;
}
.usernameReq {
  margin-right: 10px;
}  

.btnLogin {
 border: 1px solid !important;
 margin-top: 30px ;
}

.btnLoginLabora {
 border: 1px solid !important;
 margin-top: 10px ;
}

#loginStatusOptions li{
  display: inline-block;
  padding: 5px;
  font-size: 13;
}

#loginStatusOptionsMobile li{
  display: inline-block;
  padding: 0 5px;
  font-size: 13;
}

#loginStatusOptions, #loginStatusInfo ul{
  list-style: none;
}

.disabilitato {
    color: #999; 
    cursor: not-allowed; 
    opacity: 0.7; 
}


.button-container {
	text-align: center;
}

.cta-button {
	background-color: #e74c3c; /* Rosso acceso */
	color: white; /* Testo bianco */
	padding: 20px 40px; /* Grande dimensione del bottone */
	font-size: 28px; /* Dimensione del testo grande */
	font-weight: bold; /* Testo in grassetto */
	border: none;
	border-radius: 8px; /* Bordi leggermente arrotondati */
	cursor: pointer;
	text-transform: uppercase; /* Testo tutto maiuscolo */
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Ombra per renderlo evidente */
	transition: background-color 0.3s ease, transform 0.3s ease; /* Effetto al passaggio del mouse */
}

.cta-button:hover {
	background-color: #c0392b; /* Un rosso leggermente più scuro al passaggio del mouse */
	transform: translateY(-3px); /* Leggero sollevamento al passaggio del mouse */
}

.cta-button:active {
	transform: translateY(1px); /* Piccolo affondo al click */
}


#clienteSelezionato, #causaleSelezionata {
  font-weight: bold;
  font-size: 13;
  padding-bottom: 5px;
}

#clientiTable {
  table-layout:fixed;
}

#backToTop {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  display: none;
  font-size: 48px;
}

#listCapofilaGrid {
  display: none;
}

#backToTop:hover {
  cursor: pointer;
}
.italybtn {
  margin-left: 10px;
}

.cliTableTd:hover {
 cursor: pointer;
}

.detailArticoloHead {
 font-size: 1.5em;
 font-weight: bold;
 padding-top: 10px;
}

.detailArticoloDescEst {
 font-size: 1.2rem;
 text-align: justify;
 //padding-top: 10px !important;
 //padding-right: 10px !important;
 padding: 10px !important;
 vertical-align: top;
}

#bigImageImg {
  margin-top: -12px;
  border: 1px solid #aaaaaa;
}

.buttonSpan {
 //padding-left: 10px;
 padding: 0px 10px 0px 10px;
}

.buttonSpanCenter {
 text-align: center;
}

#lenteRicerca, #lenteRicercaPromo {
  position: fixed;
  display: none;
}

#lenteSpan {
 //vertical-align: top !important;
}

#lenteRicercaNew {
max-width: none !important;
}

#lenteRicerca:hover, #lenteRicercaPromo:hover {
  cursor: pointer;
}

.newsTitle {
  padding: 15px 10px 0px 10px;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
}

.newsBody {
  padding: 15px 10px 0px 10px;
  font-size: 1.2em
}

.newsPublished {
  padding: 15px 10px 0px 10px;
  font-size: 0.7em
}

.personalTabColorOld, .personalTabColorNew {
  color: #ffffff;
}

.btn80 {
  width: 80px;
}

.tableGridBtn {
 padding: 10 0 10 0 !important;
 text-align: center;
}

.divBottomClass {
 position: absolute;
 bottom: 7px;
 /*left: 35%;*/
 width: 100%; 
}

.cliTableTd {
 font-size: 13px;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:3px !important;
}

.divHeader {
 background-color: #428bca;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}


.divErrorHeader {
 background-color: red;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}

.divWarningHeader {
 background-color: #e8690b;
 font-size: 1rem;
 color: white;
 padding: 0.5rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 font-weight: bold;
 margin-top: 3px;
 margin-left: 3px;;
 margin-right: 3px;
}

#textErrore, #textWarning {
 padding: 10px 0.5rem 0.5rem 10px;
 vertical-align: middle;
 font-size: 1em;
 font-weight: bold;
}

.buttonError{
  /*padding-top: 10px;
  text-align: right;
  padding-right: 10px;*/
  margin-top: 15;  
}

.btnCloseDiv {
 padding: 10;
 border-radius: 2px;
 background-color: #b8c0b9 !important;
 background-image: -webkit-linear-gradient(top, #b8c0b9 , #7a7f7b);
}

.btnCloseDiv:hover {
 cursor: pointer;
}
.finalOpMobile { 
 text-align: center;
 font-size: 200%;
 font-weight: bold;
 background-color: #428bca;
 padding: 10 0 10 0;
 color: white;
}

.finalOpDsktp li {
  //display: inline-block;
} 


.dialogSep {
  padding-top: 10px 5px 5px;
  border-top: 1px solid #aaaaaa;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

#validaCarrello, #errCarrello, #errPromoNoIns, #errorDiv, #warnDiv, #rimuoviArticolo, #rimuoviPromo, #pwdChgDiv,
#infoDiv, #userRecovery, #selectSignupDiv, #magazziniDiv, #newsDiv, #messaggeForAllDiv, #notaRigaDiv, #selCliSignupDiv,
#infoPromoDiv, #warningPallbox, #maxQtaDiv, #mailChgDiv, #ruoli, #linkListDiv, #infoPromoListDiv, .standardDiv {
 position: fixed;
 display: none;
 z-index: 10500;
 top: 50%;
 left: 50%;
 margin-left: -320px;
 margin-top: -240px;
 width: 640px;
 height: 480px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
}

#pdfDoc {
 margin-left: 0;
 margin-top: 0;
 height: 80vh;
 width: 80vw; 
 top: 10vh;
 left: 10vw; 
}

#closePdfImg {
  right: calc(90vw - 5);
}
#testataVolantino {
  height: 520px;;
}

.esitoOk {
 height: 180px;
 left: calc(50vw - 90px);
 margin-left: 0px;
 margin-top: 0px;
}

#reqStampaVolantino {
  margin-left: 0px;
  margin-top: 0px;
  width: 300px;
  height: 180px;
  z-index: 105000;
  top: calc(50vh - 150px);
  left: calc(50vw - 90px);
}

#scadPwd {
  margin-left: 0px;
  margin-top: 0px;
  width: 300px;
  height: 240px;
  z-index: 105000;
  top: calc(50vh - 120px);
  left: calc(50vw - 150px);
}


#addArticoloVolantino {
  height: 300px;
  margin-top: 0px;
  top: calc(50vh - 150px);
}

#rimuoviArticolo {
 margin-left: 0px;
 margin-top: 0px;
 left: calc(50vw - 190px);
 top: calc(50vh - 90px);
 width: 380px;
 height: 180px;
}

#infoPromoDiv, #infoPromoListDiv { 
 z-index: 10600;
}
 
#mailChgDiv {
  height: 200px !important;
}

.pwdChgDiv {
  height: 560px !important;
}

.pwdChgDivLoggato {
  height: 300px !important;
}

.signupTableData {
 padding-top: 10px;
}

.h2bParagraph, .fileListParagraph {
 padding: 0.5em 0.5em 0 0.5em;
}

.fileListParagraph {
 display: inline;
 vertical-align: super;
}

.functionalUl {
 display: inline-block ;
 padding: 6px 0px 6px 0px;
 /*margin-top: 10.5;*/
 border-radius: 5px;
 border: 1px solid #ddd;
 width: max-content;
}

.functionalUl>li {
 display: inline-block ;
 padding: 0px 12px 0px 12px;
}

.infoCatalogo {
 margin-left: 5px;
 //font-size: 24px;
 //padding-bottom: 5px;
}

.addArticoloCarrelloCls {
	margin-left: 15px;	
}


.infoCatalogoHover:hover, .infoFile:hover, .closeInfoDiv:hover {
  cursor: pointer
}


/*
.filtriCatalogo, .functionDiv {
 display: none;
}
*/
#dataConsegnaPicker, #rifOrdine {
  width: 50%;
  margin-left: 10px;
}

.functionDiv {
 display: none;
}

.previewCarrello {
  display: none;
}

.infoBattery {
 transform: rotate(270deg);
}

.imgTdHover, .infoFile {
  width: 24px;
  height: 24px;
}

#clientiTable th {
  color: #fff;
  background-color: #428bca;
}

#clientiScontiTable th {
  color: #fff;
  background-color: #428bca;
}

#paginatorHider, #paginatorHider2 {
  display: none;
}

.subMenu {
  //position: absolute;
  width: 130px;
  padding: 0 10 0 10;
  border: 1px solid #aaaaaa;
  background-color: white;
  //border-radius: 4px;
  box-shadow: 0px 0px 4px #000000;
  z-index: 100;
  font-size: 0.7em;
  opacity: 0.9;
  text-align: left;
}

.subMenuAccount {
   width: 235px;
}
/*
#pwdChange:hover, #mailChange:hover, #remoteAccess:hover, #showHidePrz:hover, #showHidePrzDoppio:hover  {
  cursor: pointer;
  background-color: #aaaaaa;
}

#remoteAccess, #pwdChange, #mailChange, #showHidePrz, #showHidePrzDoppio {
  padding: 10 0 10 0 !important;
}

#pwdChange, #remoteAccess, #showHidePrz, #mailChange {
  border-bottom: 1px solid #aaaaaa;
}

*/
.subMenuItem:hover {
 cursor: pointer;
 background-color: #dfdfdf;
}

.subMenuItem a {
 text-decoration: none;
 color: #333;
}

.subMenuItem, .menuItemAccount, .menuItemAccount li a {
 padding: 10 0 10 0 !important;
 border-bottom: 1px solid #aaaaaa;
 font-size: 120%;
}

#menuPrefs, #myAccountPrefs {
 position: fixed;
}

.menuItemAccount:hover {
 background-color: #dfdfdf;
}

#pwdChgDiv, #mailChgDiv {
  display: none;
}

.pwdTableClass {
  padding-top: 5px;
  padding-right: 50px !important;
}

.pwdTableLblClass {
  padding-top: 5px;
  padding-left: 50px !important;
}


/*
* REGOLE SEZIONE LOGIN
*/
/*
.progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
 /*
	opacity: 0.25;
}
   
#progressDialog {
  position: fixed;
  height: 100px;
  width:  100vw;
  margin-left: 0px;
  top: calc(50vh - 50px);
  z-index: 100000;
}

#progressText {
 text-align: center;
 color: black;
}

#progressBar {
 display: none;
 height: 30px;
}
*/
.showOldPwd:hover, .showNewPwd:hover, .showNewPwd2:hover, .showEye:hover {
  cursor: pointer;
}  

.ruolimain {
text-align: center;
}

.loginField {
  text-transform: none;
}

.ruoliSelector {
 height: 28px;
 padding: 10px 0 10px 0;
 margin-bottom: 10px;
 }

.ruoliTRECCASA {
  height: 22;
} 

.btnLoginTRECCASA {
  height: 30px;
}

#ruoli {
 width: 250px;
 height: 180px;
 margin-left: -125px;
 margin-top: -90px;  
}

#recuperoCredenziali {
 //text-align: center;
 //padding: 1.5%;
}

.cookieConfirm {
  color: green;
}

.cookieDecline {
  color: red;
}

.cookieInfo {
   text-decoration: underline;
}

.userOpt, .newSignup {
 margin-bottom: 10px;
 margin-left: 5px;
 //font-size: 1.2rem;
}

.cookieConfirm:hover, .cookieDecline:hover, .cookieInfo:hover{
 cursor: pointer;
 text-decoration: underline;
 color: blue;
}

#privacyDiv, #privacyDisclaimer, #pwdRecovery {
  //opacity: 0.4;
  font-size: 1.2rem;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;
  display: none;
  z-index: 100;
  box-shadow: 0px 0px 5px 0px #999;
}

/*
* REGOLE CATALOGO
*/

.widthSelectTRECCASA {
 width: 6%;
}

.prezziMobile, .qtaMobile {
  display: none;
} 

.searchBarCtg {
  width: calc(100vw - 50vw);
}
.capolifaDescEstGrid.capolifaGridShow {
 width: 100%;
}
.marcaImageGrid {
  text-align: center;
}
.couponFld {
  padding: 5px 0px 0px 5px;
  font-weight: bold;
  font-size: larger;
}

#paginator_2 {
/* display: none;*/
}
.qtaMinusPluMobile {
  display: flex;
}

.qtaMinusPlus{
  display: flex;
  align-items: center;
}

.qtaMinusPlusColumn{
  flex-direction: column;
}

.artTableRow1  {
	margin-top : 3;
}

.filtriApplicati {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

.filtriRicercaBorder {
 border: 1px solid #ccc;
 border-radius: 5px;
 margin: 0 5 0 0;  
}

.annullaFiltroParola {
 padding: 1px;
}
.annullaFiltroParola:hover {
 cursor: pointer;
}

.filtriRicercaItem {
  font-size: 16px;
  flex-direction: row;
  display: flex;
  padding: 2px 5px 2px 5px;
}

.ricercaEseguita {

}

.carrelloInCatalogo {
  font-size: 26px;
  color:grey;
  
  //align-self: center;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc; 
  
}
.vaiACarrello {
border-right: 1px solid #ccc;
}
.carrelloInCatalogo:hover {
 cursor:pointer;
}

.carrelloInCatalogoSelect {
  font-size: 28px;
  font-weight: bold;
  background-color: #428bca;
  color: white;
}

#insVeloceBtn {
	cursor: pointer;
}

.shopInCatalogoBox {
  border-bottom: 1px solid #ccc;
//  width: 85%;
}
.icoDimension:hover {
 border-radius: 15px;
 /*border: 1px solid;*/
 background-color: #e4e4e4;
 cursor:pointer
}

.vaiACarrelloDett {
  font-size: 18px;
  font-weight: bold;
}

.vaiACarrelloImg {
  //align-self: center;
  text-align: center;
}

.catalogoContainer {

}
.shopInCatalogoArt {
  display: flex;
  justify-content: space-between;
}
.catalogoResultNew {
 display: flex;
 justify-content: space-between;
}

.filtriCatalogo, .optionPromoPanelNew {
  width: 30%;
}

.datiCatalogo {
  width: 100%;
}

.datiCatalogoWCart, .promoResultNew {
  width: 100%;
}

#addCarrelloDiv {
 text-align: center;
}

#removeFilterOnTree{
 text-align:left;
}

#catalogoImage:hover, #catalogoImageGrid:hover {
 z-index: 10;
}
.marcaImageMobile {

}

.recordLinea {

 width: 20%;
}

.recordLineaGrid {
 display: flex;
 flex-direction: column;
 align-items: center;
 
}

.capofilaBox {
 
}
.capofilaData {
  /*width: 15vw;*/
}

.capofilaCatalogo { 
 display: flex;
}

.catalogoImgBtn {
/* width: 20%;*/ 
 margin: 0 5px 10px 10px;
}

.lineaName {
 font-weight: bold;
}

.lineaName:hover {
 cursor: pointer;
} 
               
#toggleCatalogoView {
 padding-left: 15px;
}

#toggleCatalogoImg, #viewCatalogoGrid, #viewCatalogoList, #resetCatalogo,
#viewOfferteGrid, #viewOfferteList {
 height: 24px;
 width: 24px;
}

#functionalDiv {
 display: none;
}

#removeFilterOnTree:hover, #toggleCatalogoView:hover, #toggleCatalogoViewBody:hover, 
#backToCatalogo:hover, #infoCarrelloImg:hover, .level2:hover, .level1:hover {
  cursor:pointer;
}

#toggleCatalogoViewBody {
	padding-right: 5px;	
}

#searchBar {
  display: flex;
}

#searchBar span {
  height: 48px; /* image's height */
  //display: table-cell;
  //vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}



#tabCatalogo, #tabPromo, #tabCarrello {
/*  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  width: 100%;*/
}

#nuoviArrivi {
 padding-top: 10%;
} 

#nuoviArriviVert, #bannerTable {
 display: none;
 position: fixed;
 /*left: 80%;                      */

} 

/* Messaggio articoli in offerta */
.artOfferta {
  font-weight: bold;
  color: #e03b3b;
  animation: blinker 1.5s linear infinite;
  
}

.tdMrkLineaMiddle {
/* vertical-align: middle !important;*/
 
}

.tdMrkLineaTop {
 vertical-align: top !important;
 
}

.viewAllegatiImg {
 height: 32px;
 width: 32px;
 vertical-align: middle;
}

.viewAllegati{
 padding-left: 5px;
 font-weight: bold;
 font-size: 120%;
 color: green;
 vertical-align: middle;
}

.viewAllegati:hover, .viewAllegatiImg:hover {
 cursor: pointer;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.shopInCatalogo {
 background-color: #faf8f8;
 width: auto;
 overflow: auto;
 display: none;
 flex-direction: column;
}   

.shopInCatalogoImg {
 margin-left: auto;
 margin-right: auto;
 height: 96;
 width: 128;
}

#shopInCatalogo {
 overflow: auto;
}

.shopInCatalogoTr {
 width: 100%;
 border-left: none;
 border-top: none;
 font-size: 90%;
}

.shopInCatalogo th {
  font-weight: bold;
  text-align: center !important;
  font-size: 150%;
}

.shopInCatalogo th:hover, .shopInCatalogo tr:hover {
  cursor: pointer !important;
}

.level1 {
  font-weight: bold;
  padding-top: 7px;
  //font-size: 80%;
  list-style-type: none;
}

.level2 {
  padding-left: 5px;
  padding-top: 2px;
  //font-size: 80%;
  list-style-type: none;
}

.mrkCheck {
  font-size: 85%;
  list-style-type: none;
 /* display: flex;
  align-items: center;
  flex-flow: column;  */
}

.titoloCapofila {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 8px;
}    
.treeChild {
  /*background-color: #fdf5df; */
  font-size: 12px;
 /* font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  color: black;
  list-style-type: none;
  margin-left: 5%;
  
}

#levelSelector {
  width: 15%;
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right-width: 0px;
  background: #cdcdcd;
  /*height: 35px;*/
  padding-left: 1px;
  font-size: 63%;
  font-weight: bold;
  padding: 0px !important;
  border-bottom: 1px solid;
  margin:0 !important;
  box-shadow: none !important;
}

#mrkSelector {
  width: 15%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-right-width: 0px;
  background: #cdcdcd;
  /*height: 35px;*/
  padding-left: 1px;
  font-size: 63%;
  font-weight: bold;
  padding: 0px !important;
  margin:0 !important;
  box-shadow: none !important;
  
}

#ricercadesElem {
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
 /* border-bottom-right-radius: 3px;*/
  border-bottom-left-radius: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  height: 38px;
  padding-left: 5px;
}

.arrowUp:hover, .arrowDw:hover, .arrowUpCpf:hover, .arrowDwCpf:hover  {
   cursor: pointer;
} 

.shopInCatalogoImg:hover {
   cursor: pointer;
} 
.btnQta {
  padding: 0px!important;
}

.numSelezionati{
  /*text-align: center; */
  vertical-align: middle;
  border:  none;
  /*display: none;*/
  /*height: 64px; */
  /* width: 64px; */
  text-align: left;
}

#newItemsContent {
 position: fixed;
}

#tableLevelContent>th {
  text-align: left;
}

.tableLevelMrk {
 display: flex;
 flex-direction: row;
 overflow: auto;               
}

#tableLevel, #tableMarchi {
  padding-top: 20px;
  /*overflow: auto;*/
  font-size: 85%;
  float: left;
  padding-left: 10px;
  width: 45%;
  text-align: left;
}

#filterPanelNew, #filterPanelNewGrid {
 width: 22%;
 float: left;
 /*overflow-y: auto;*/
 font-size: 90%;
/* position: fixed;*/
 /*background-color: #efefef;*/

}

#optionTrackingPanel, #optionPromoPanel,
#optionDocumentiPanel, #optionContentPanel, #optionScontiPanel, 
#optionPropostePanel, #optionRitiriPanel, #optionOffertePanel, 
#optionVolantiniPanel, #optionMercatinoPanel {
 width: 18%;
 float: left;
 /*overflow-y: auto;*/
 /*font-size: 90%;*/
 position: fixed;
 /*background-color: #efefef;*/

}


#addCarrelloDiv {
 padding-bottom: 10px;
 border-bottom: 1.2px solid #ccc;
}

#tableLevelContent, #tableMarchiContent {
  padding-left: 5px;
  
}

#addPromoCarrelloBtn, [id^="addCarrelloBtnTable"],
#closePallboxBtn, #newRitiroBtn {
  /*display: none;*/
  /*background-color: #20ca38 !important;*/
  background-color: #20ca38;
  width: 50%;
  font-size: 1.5em !important;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
  height: 3em;
  border-radius: 7px;
}

#confermaOrdineBtn, #btnAddCarrelloPromo, #confermaOrdineBtnInBoxCatalogo,
#aggiungiDaPreferiti, #eliminaDaiPreferiti, 
#reloadTrackingBtn, #newVolantinoBtn, #prtOrdineBtn, #validaScontiBtn, #validaScontiBtnMob, #infoPromoOrdine {
  background-color: #20ca38 !important;
  width: 50%;
  /*color: white*/
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
}

#validaScontiBtnMob {
  height: 6px;
  width: 75%;
}
  
#eliminaDaiPreferiti {
  background-color: #e60505 !important;
  background-image: -webkit-linear-gradient(top, #e60505, #650404);
}

#prtOrdineBtn { 
  background-color: #dfc234 !important;
  background-image: -webkit-linear-gradient(top, #dfc234, #1b1901);
}

#infoPromoOrdine { 
  background-color: #dfc234 !important;
  background-image: -webkit-linear-gradient(top, #dfc234, #1b1901);
}

.btnDatiFinali:hover, #prtOrdineBtn:hover, #infoPromoOrdine:hover {
 cursor: pointer;
}

.btnDatiFinali {
  color: white;
  font-size: 20px !important;
  font-weight: bold;
  border-radius: 2px;
  box-shadow: 1px 1px #aaaaaa;
  padding: 10;
  margin-right: 20px;
}

.validaDatiFinali {
  background-color: #20ca38 !important;


  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);


}

.btnGenerico {
  background-color: #428bca !important;
  background-image: -webkit-linear-gradient(top, #428bca, #081e32);
}

.annullaDatiFinali {
  background-color: #ed355b !important;


  background-image: -webkit-linear-gradient(top, #ed355b, #510a18);


}

#addCarrelloBtn, #chgVolantinoBtn {
  width: 50%;
  font-size: 1.2em !important;
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
}

.enable-div-carrelloBtn {
  background-color: #20ca38;
  background-image: -webkit-linear-gradient(top, #20ca38, #15511d);
}


.disable-div{
	 cursor: default;
	 background-color:  #808080 !important; 
	 background-image:  #808080 !important; 
	 pointer-events:none; //This makes it not clickable
	 opacity:0.6;         //This grays it out to look disabled
}


.disable-div2{
	 cursor: default;
	 pointer-events:none; //This makes it not clickable
	 opacity:1;         //This grays it out to look disabled
}


#reloadRitiriBtn {
  background-color: #D9AA29 !important;
  width: 50%;
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #D9AA29, #D97E29);
}

#addCarrelloBtn:hover, #addPromoCarrelloBtn:hover, #confermaOrdineBtnInBoxCatalogo:hover,  
#confermaOrdineBtn:hover, #newVolantinoBtn:hover, #chgVolantinoBtn:hover, #newVolantinoBtn:hover {
 cursor: pointer;
 color: #dbdbdb;
}
#reloadTrackingBtn:hover {
 cursor: pointer;
}

#addCarrelloBtn:disabled, #addPromoCarrelloBtn:disabled {
 background-color: #939393 !important;
 background-image: -webkit-linear-gradient(top, #939393, #bdbaba);
}

.novitaVertTd {
  padding-left: 0rem !important;
  text-align: center;
  box-shadow: 0px 0px 1px 0px #999;
}

.thMrkLinLev {
  width: 50%;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.numSelezionati {
  padding-left: 10px;
}

.carrelloImage:hover {
  cursor: pointer;
}

.treeNode {
 text-align: left;
 font-size: 90%;
}

.treeRoot {
  //background-color: #fdf5df;
  font-size: 12px;
  //font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: black;
  padding: 3px;
  //font-weight: bold;
  list-style-type: none;
  margin-left: 5%;
  
}

.infoAddCarrello {
  float: left;
  //padding: 3px;
  //margin-left: 5%;
  width: 100%;
  padding-top: 10px;
}

#raffinaRicercaTd{
  display: none;
} 

#marcaImage{
  width: 120;  
 // height: 60;
  height: auto;
  max-width: none !important;
}

.catalogoClass{
     width:100%;
     font-size: 80% ;
}

.detailClass {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    border-color: black;
	background: white;
}

.catalogoCarrelloImg {
 height: 96;
 width: 128;
}

.tableCapofila {
   // margin-left: auto;
   // margin-right: auto;
    //width:100%;
    width:50%;
    border-color: black;
}    

.tableArticoli {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    border-color: black;
    vertical-align: middle !important;
}

.capofilaDesc {
 background-color: #428bca;
 font-size: 1.5rem;
 //font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: white;
 padding: 0.6vw;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}

/*.capofilaDescError {
 background-color: red;
 font-size: 16px;
 //font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: white;
 padding: 0.6vw;
 border-radius: 5px;
} */

.capofilaDescError {
  color: red;
  padding: 10 10 500 10;
  border: 1px solid red;
  background-color: oldlace;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  height: calc(100% - 149px);
  /*vertical-align: top !important;
  padding-top: 50px !important;
  */
  
}
}

.capofilaDesc a:hover {
	cursor:pointer;
	text-decoration:underline;
}

.headerBenefitListTable {
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 color: black;
 font-weight: bold;
 background-color: white;
  /*text-align: center;*/
 font-weight: bold;
 background-color: rgb(255, 255, 255);
 color: rgb(0, 0, 0);
}

.headerTableArticoli, .headerTableArticoliSelect {
  //background-color: #428bca;
  //font-size: 1rem;
  //font-family: Verdana, Geneva, Tahoma, sans-serif; 
  //color: white;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: black;
  font-weight: bold;
  font-size: 60%;
  background-color: white;
  /*text-align: center;*/
  font-weight: bold;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.headerTableDettArticolo {
  font-weight: bold;
  font-size: 100%;
  //background-color: #7feff2;
  border: 1px solid #aaa;
}

#tableDettArticoliDiv {
  background: white;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#headerTableArticoliSelect:hover{
  cursor: pointer;
}

#linkLinea:hover {
  cursor: pointer;
  //font-style: italic;
  //text-decoration: underline;
} 

.btnModQta {
  border: none;
  background-color: #fff;
  padding-left: 5px !important;
}

.btnModQtaAlt {
  border: none;
  background-color: #fff;
  padding-left: 5px !important;
}

.btnModQtaCarr {
  border: none;
  background-color: #fefc78;
  padding-left: 5px !important;
}

.btnModQtaCarrAlt {
  border: none;
  background-color: #feca78;
  padding-left: 5px !important;
}

.btnModQtaCarrello {
  border: none;
  background-color: #e4fb20;
  padding-left: 5px !important;   
}

.rowTableArticoli, .rowTableArticoliAlt, .folderList, .folderListAlt {
   //font-size: 1rem ;
   font-size: 14px;
   padding: 5px 0px 5px 0px;
   background-color: #ffffff;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
}

.rowTableDettArticoli {
   font-size: 100%;
   padding: 5px 0px 5px 0px;
   background-color: #ffffff;
   border: 1px solid #aaa;
    
}

/*28032018 gestito colore alternativo con parametro
.rowTableArticoliAlt, .folderListAlt {
   //font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #e8fdfd;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
  
}
*/
.rowTableArticoliCarr {
  // font-size: 1rem;
  // font-size: 12px ;
   padding: 5px 0px 5px 0px;
   //background-color: #a7ff81;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
}

.rowTableArticoliCarrAlt {
   //font-size: 1rem;
   font-size: 12px; 
   padding: 5px 0px 5px 0px;
   //background-color: #feca78;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
}

.rowTableArticoliErr {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #f8361c;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.rowTableArticoliArrivato {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #74f185;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.rowTableArticoliResiduo {
  // font-size: 1rem;
   font-size: 12px;
   padding: 5px 0px 5px 0px;
   //font-family: Verdana, Geneva, Tahoma, sans-serif; 
   background-color: #27d57b;
   border-top: 0.2px solid #ccc;
   border-bottom: 0.2px solid #ccc;
   
}

.capofilaDescEst:hover, .capofilaDescEst2:hover {
 /*background-color: yellow;*/
 cursor:pointer;
 //font-weight: bold;
 vertical-align: top;
}

.arrowUp, .arrowDw, .arrowUpMobile, .arrowDwMobile {
 /*height: 28px;
 width: 28px;
 */
 font-size: 28px;
}

.addCartWish {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
}

.qtaSelector {
	display: flex;
	align-items: center;
}

.qtaSelectorCenter {
	justify-content: center
}

#globalFilterTable {
  //   width: 100%;
  // table-layout: fixed;
}

#selectMarchio, #selectCategoria {
  width: 100%;
  text-transform: uppercase;
}

#filterTable {
  font-size: 0.8em;
//  border: 0.15em solid #428bca;
  width: 100%;
}

#filtriMarcaHead, #filterTreeHead, #optionCarrelloPanelHead, #optionPromoPanelHead, #optionScontiPanelHead, 
#optionTrackingPanelHead, #optionContentPanelHead, #optionDocumentiPanelHead, #optionPropostePanelHead, #optionRitiriPanelHead,
#optionOffertePanelHead, #optionWishListPanelHead, #optionVolantiniPanelHead, #optionMercatinoPanelHead {
 background-color: #428bca;
 font-size: 1rem;
 padding: 5px;
 //font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
 font-weight: bold;
 border-radius: 5px;
 text-align: -webkit-center;
}


#filtriCategoriaHead{
 background-color: #428bca;
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

#filtriCategoria{
 //background-color: #fdf5df;
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: black;
}

.filterTableTD {
 vertical-align: bottom;
 padding: 2px;
}

.removeFilterTd {
  vertical-align: middle;
}

#filtriMarca{
 //background-color: #fdf5df;   
 font-size: 12px ;
// font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: black;
}

/*
#filterPanel{
 position: fixed;
 width:20%;
 top:0;
 left:-25%;
 height:2000px;
}
*/

#qtaCarrelloImg:hover, #imgPromoArt:hover, [id^="LNKLIN_"]:hover {
 cursor: pointer;
}

.capofilaDescEst, .capofilaDescEst2 {

 font-size: 1.2rem;
 text-align: justify;
 border: 1px solid #ccc;
 border-right: none;
 border-bottom: none;
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top !important;
}

.capofilaDescEst2 {
  border-left: none;
  border-top: none;
  font-size: 90%;
  //column-count: 2;
  //column-gap: 40px;
  //-moz-column-fill: auto; /* Firefox */
  float: left;
  
  //column-fill: auto;
}

/*.addCarrelloDiretto, .addWishList, .addCarrelloDirettoMobile, .addWishListMobile, .misulPlusIcon {*/
.misulPlusIcon {
 width: 28px; 
 height: 28px;
}

.addCarrelloDiretto:hover, .addWishList:hover, .mrkMercatino:hover {
 cursor: pointer; 
 
}

.inputQtaWsh{
	width:75px;
	height: 27px;
}
.artInCarrelloCls {
  border-radius: 7px;
  background-color: #a7ff81;
}

.carrelloIcon{
 width: 34px; 
 height: 34px;	
}

.carrelloIconMobile{
 width: 28; 
 height: 28;	
}

.inarrivoMobile {
  height: 40;
  width: auto;
}
.inputQtaWshMobile{
	width:75px;
}

#newItemsTitle, #bannerNewsTitle, #newItemsTitleVert, #lastPromoTitle, #bannerNewsTitle {
 /*28032018
 background-color: #428bca;
 text-align: center;
 font-size: 1.7rem;
 //font-weight: bold;
 //font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: white;
 padding: 7px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 */
  background-color: #fff;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
} 

#nuoviArriviLink:hover {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}         
.bannerNewsTitle {
 background-color: #efefef;
 float: left;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 20px;
 width: 100%;
 border-bottom: 1px solid #ccc;
 font-size: 130%;
 font-weight: bold;
}

.bannerTitleClass {
 font-size: 80%;
 font-weight: bold; 
}

.bannerDataClass {
 font-size: 50%;
  
}
 
.bannerLeftTd {
 // width: 50%;
  font-size: 75%;             
}

.bannerRightTd {
  width: 50%;
  //text-align: center;             
}

.bannerRightImg {
  width: 45%;
  height: auto;     
}
.bannerTitleClass:hover, .bannerRightImg:hover, .bannerLeftTd:hover, .bannerRightTd:hover {
  cursor: pointer;
} 

#bannerNews {
  float: right;
  background-color: #efefef;
  width: 22%;
  
}
/*#newItemsTitle:hover, #bannerNewsTitle:hover {*/
#newItemsTitle:hover, #newItemsTitleVert:hover, #primoAcquistoTitle:hover, .whatsappImg:hover { 
 cursor: pointer;
 text-decoration: underline;
}

.btnMostraArticoli, .btnMostraArticoliCapofilaPromo, .btnMostraArticoliPromo, 
.validaCarrelloBtn, .addCarrelloPromo, .addCarrelloBtnCls, .btnChiudiArticoli, 
.chgVolantinoBtnCls, .aggiornaScontiBtn {
 color: white; 
 font-weight: bold; 
 padding: 15px;
 text-align: center; 
}
 
.btnMostraArticoli:hover, .btnMostraArticoliCapofilaPromo:hover,
.btnMostraArticoliPromo:hover, .addCarrelloPromo:hover, .promoSelectAll:hover, .addCarrelloBtnCls:hover {
 cursor: pointer;
}

.descrCapofila {
   display: flex;
   flex-direction: column;
   width: 65%;
   font-size: 20px;
}


.capofilaGridHide {
	width: 0;
	display:none !important;
}


.capofilaListRadius {
  border-radius: 5px 5px 0 0;
}

.descrCapofilaGrid {
  width: 0;
}

/*.capofilaListGrid {
  display: flex;
  width: 20%;
}

*/
.capofilaCatalogoList {
 flex-direction: column;
}

.capofilaCatalogoGrid {
 flex-wrap: wrap;
}

.capofilaList {
 border: 1px solid #ccc;
 box-shadow: 3px 3px #ccc;
 margin-bottom: 10px;
 justify-content: space-between;
}

.previewCarrelloMaster {
	margin-right: 2%;
}	

.allegatiLink {
   display: flex;
   justify-content: space-between;
   width: 62px;

}

/*
.mrkLinea {
 display: flex;
 flex-direction: column;
 width: 15%;
 align-items: center;
}
*/

.catalogoImage {
  width:auto;
  height:180;
  align-self: center;
}

.capolifaDescEstGrid {
  width:80%;  
}


#catalogoImageInfo {
  width:auto;
  height:180;
  max-width: none !important;
}


#catalogoImageGrid {
  width:256;
  height:192;     
  text-align: center;
}

.catalogoGridTbl {
 border-spacing: 10px;
 border-collapse: separate;
}

.catalogoGridTd {
 padding: 10 10 10 10;
 border: 1px solid #ccc !important;
 /*border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 */
 text-align: center;
 
}

.progressDialogHide {
	display:none;
}


#primoAcquistoMrkImage {
  width: 120px;
  height: 60px; 
  box-shadow: 0px 0px 1px 0px #999;
}

#novitaImage, #novitaImageVert, #ultimiVistiImage {
  //29032018 width:128;
  //29032018 height:96;
  width: 200px;
  height: 150px; 
  box-shadow: 0px 0px 1px 0px #999;
  //padding-left: 2px;
  //padding-right: 2px;
}

#tableWorkspace {
 float: left;
 padding-left: 2%;
 padding-top: 2%;
}

#lastPromoImage {
  width:185;
  height:253;
  box-shadow: 0px 0px 1px 0px #999;
  //padding-left: 2px;
  //padding-right: 2px;
}

#novitaImage:hover, #novitaImageVert:hover, #lastPromoImage:hover, #ultimiVistiImage:hover{
 cursor: pointer;
}

#novitaImageVert {
  box-shadow: none;
  padding-bottom: 2px;
  padding-top: 2px;
}

.transitionTd {
 transition: max-height 2s ease;
}

#novitaImageNull {
  width:128;
  height:96;
 // padding-left: 2px;
 // padding-right: 2px;
}

.cpfBigImgDescrContainer {
  margin: 0 10 0 10;
}

#bigImgDescr {
 padding-top: 10px;
 background: white;
 width: 620;
}

.marcaImage {
 /*border: 1px solid #ccc;*/
 border-left: none;
 border-bottom: none;
 /*border-top-right-radius: 5px;*/
 /*border-bottom-right-radius: 10px;*/
 padding-right: 7px !important;
 min-width: 120px;
 max-width: 120px;
}


.capofilaDescImage {
  font-size: 87%;
  padding-left: 0px;
  text-align: justify;
  /*width: 640px;*/
  width:90%;
  font-weight: bold;
}

.insArtMsg {
 border: 1px solid #ccc;
 border-top: none;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 background-color: orange;

 padding: 10px;
}

.articoliCapofila {
 border: 1px solid #ccc;
 border-top: none;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 padding: 10px;
}

.marcaImage:hover {
 cursor:pointer;
}

#closeImage {
  position: relative;  
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}


@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinkImage {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}



#errPromoMsg {
  //opacity: 0.4;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 900px;
  height: 400px;
  display: none;
  z-index: 100;
}

#selPromoMsgCatalogo, #selPromoMsgGestPromo  {
  //opacity: 0.4;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: fixed;
  background-color: #f9efe8;
  top: 30%;
  left: 30%;
  width: 900px;
  height: 400px;
  display: none;
  z-index: 100;
}
/*
* FINE REGOLE CATALOGO
*/

/*
* REGOLE MERCATINO
*/
.mercatinoNew {
 display: flex;
 justify-content: space-between;
}

.blinkNewArt {
 animation: blinker 1.5s linear infinite;
 font-weight: bold;
 color: red;
}

#imgNuovoArtMercatino {
 width: 40px;
 height: 40px;
}

/*
* FINE REGOLE MERCATINO
*/

/*
* REGOLE PROMOZIONI
*/
/* CSS Document */

.promoBoxDescr {
 display: flex; 
 flex-direction: row;
}

.lastPromoImageInside:hover, .ultimiVistiImageInside:hover, .novitaImageInside:hover {
 cursor: pointer;
}

.promoBox {
  border: 1px solid #ccc;
}

.promoNew {
 display: flex;
 justify-content: space-between;
}
.ricercaPromo {
 width: 95%;
 text-transform: uppercase;
 border: 1px solid #ccc;
}

.percorsoPromo {
 /*margin-left: 10px;*/
}
    
.descEstPromoGrid {
/* width: 12vw;*/
 margin: 15 10 15 10;
}

.promoImgDescr {
 display : flex;
}

.btnMostraArticoliPromo {
 color: white; 
 font-weight: bold; 
 padding: 10px;
 text-align: center; 
}
.btnMostraArticoliPromo:hover {
 cursor: pointer; 
}
.btnGridPromo {
 margin-left: 10px;
}


.btnGridPromoMrk {
margin-left: 7px;
padding: 10px;
}
.boxTitoloPromo {
 display : flex;
}

.codPromo  {
 font-size: xx-large;
 font-style: italic;
 font-weight: bold;
 margin-top: 10px;
}

.promoDati {
  display: flex;
  flex-direction: column;
}

.gestionePromoNew {
  display: flex;
  justify-content: space-between;
}
.promoInOrdineBox {
  border: 6px solid #a7ff81;
}

.promoInOrdineBoxLocandina {
  border: 1px solid #a7ff81;
}

.promoBoxLoncandina {
  border: 1px solid #ccc;
}

.promoInOrdine {
 background-color: #a7ff81;
}
/*.promoNew {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

*/
.promoResultNew {
  /*width: 63%;
   float: right;*/
}
 
 
.locandinePromo {
 display: flex;
 flex-wrap: wrap;
}

.ultimeVisteTitle {
 margin-top: 10px;
 font-size: 16px;
}

.optionPromoPanel, .optionCarrelloPanel, .optionWishListPanel, 
.optionDocumentiPanelMain, .optionScontiMainPanel, .optionMercatinoPanel, .optionVolantiniPanel {
  width: 22%;
  float: left;
  //font-size: 90%;
  display: flex;
  flex-direction: column;
  margin: 0px 5px 0px 5px;
}

.optionPromoPanelContent {
  display: flex;
  flex-direction: column;
}

.sceltaTipoElenco {
 display : flex;
 justify-content: center;
}

.lblTipoElenco {
 margin-right: 5px;
 vertical-align: baseline;
 align-items: center;
}

.tipoElenco {
  
}
.scadPromo {
 font-size: xx-large;
 margin-top: 15px;
}

.scadPromoLocandina {
  font-size: 1.1rem;
  padding-left: 5px;
}
.promoDescEst {
 font-size: x-large;
 margin-top: 10px;
}
.promoImageTd {
 font-size: 1.2rem;
 text-align: justify; 
 padding: 10px;
 vertical-align: top;
 min-width: 210px;
 height: auto;
}


.promoImage:hover, .removePallbox:hover {

 cursor:pointer;
/* width:412;
 height:582;
 z-index: 40;
 */
}


#backToTopPromo {
  display: none;
  background-color: #f89d32 !important;
  width: 100%;
  font-size: 1.2em !important;
  background-image: -webkit-linear-gradient(top, #f89d32, #c8720d);
}

#liPromoViste:hover {
 cursor:pointer;
}

#liPromoViste {
/* padding: 5 0 0 7;*/
}

.capofilaPromoDesc {
 //background-color: #428bca;
 font-size: 1.5rem;
 color: white;
 padding: 0.6vw;
 border-radius: 5px;
}

.capofilaPromoDescEst {
 //font-size: 1.2rem;
 font-size: 90%;
 text-align: justify;
 border: 1px solid #ccc;
 border-right: none;
 //border-bottom: none;
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top;
 width: 150px;
}

.capofilaPromoDescEst2 {
 /*font-size: 1.2rem;*/
 font-size: 90%;
 text-align: justify;
 border: 1px solid #ccc;
 border-left: none;
 /*border-bottom: none;*/
 border-top-left-radius: 5px;
 padding: 10px;
 vertical-align: top;
}

.headerPallbox {
 // border-top: 1px solid #aaa;
  //border-bottom: 1px solid #aaa;
  color: black;
  font-weight: bold;
  font-size: 110%;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 10px;
}

.imgProposte {
 height: 96px;
 width: 96px;
} 


.promoGrid, .offerteGrid {
  border: 1px solid #ccc;
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  
}

.promoGrid2, .offerteGrid2 {
 // border: 1px solid #ccc;
 // border-bottom: none;
 // border-top: none;
 
}

.promoGrid3, .offerteGrid3 {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}

.promoTrashCan {
margin-left: 10px;
}

.offerteGrid:hover, .offerteGrid2:hover, .offerteGrid3:hover {
  cursor:pointer;
}

.promoImage {
  width: 165;
   /*
  height: 233;
 border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;*/
  padding: 10px;
}

.promoImagePiccola {
  width: 130;
  height: auto;
  padding: 10px;
  margin: 2px;
}

 
.promoMrkImage {
  width: 120;
  height: 60;
  padding: 10px;
}

.cercaArtPromo {
  display: flex;
}

.promoRecord {
  background-color: white;
}

.btnAddRmvPromo:hover {
  cursor: pointer;
}

.btnAddRmvPromo{
  width: 32px;
  height: 32px;
  padding-left: 15px;
}

.titoloPromo {
 font-size: 1.5rem;
 padding-left: 5px;
 font-weight: bold;
}

.eliminaPromo {
 width: 48px;
 height: 48px;
}

.tableErrorPromoCls{
	overflow:scroll; 
}

#switchPromoView:hover {
  cursor:pointer;
}

/* Pallbox */
.tablePbx {
  width: 100%; 
  padding-top:10px; 
  border: 1px solid #ccc; 
  box-shadow: 5px 3px #ccc;
}

/*
* FINE REGOLE PROMO
*/

/*
* REGOLE CARRELLO
*/
/* CSS Document */

.divArtErrati {
  height: 165px;
  overflow: auto;
}
  
.tableArtErrati {  
  overflow: auto;
}

#confermaCarrello:hover, #svuotaCarrello:hover{
  cursor:pointer;
  color: #dbdbdb;
}

#confermaCarrello {
  background-color: #20ca38;
  //28032018width: 100%;
  width: 85%;
  font-size: 1.5em;
  background-image: -webkit-linear-gradient(top,  #20ca38, #15511d);
  border-radius: 7px;
  box-shadow: 3px 3px #aaaaaa;
  border: none !important;
  height: 3em;
}


.boxOptionCarrello {
    height: 30vh;
}

 .datiCarrHide {
	display: none;
 }

#optionCarrelloPanelContent, #optionVolantiniPanelContent {
  /*display: flex;          
  flex-direction: row;
  align-items: stretch ;
  width:98vw;           
  width: 22%;           */
  padding-bottom: 10px;
 }

.insVelocePanel {
    //width: 75%;
}

/*#optionCarrelloPanel {
    width: 100%;
}

*/
/*
#optionCarrelloPanelContent {
 width: 90%;
 padding-bottom: 20px;
}
*/
.spanHeaderOff {
 background-color: #9d9d9f;
 font-size: 1rem;
 color: white;
 font-weight: bold;
 padding: 1.2em 0.5em 1.2em 0em;
}
/*
.shopImgArt {
 height: 48;
 width: 64;
}
*/

/*
.finalOpTableFase {
 font-size: 2.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}
*/
/*
.finalOpTable {
 border-collapse: separate;
 border-spacing: 0 1;
 width: 100%;
}
*/


/*
.finalOpTableDesc {
 font-size: 1.1rem;
 color: white;
 font-weight: bold;
}
*/
.finalOpTable td {    
 width: 25%;
}

.spanHeaderOn {
 background-color: #428bca;
 font-size: 1rem;
 color: white;
 font-weight: bold;
 padding: 1.2em 0.5em 1.2em 0em;
}

#finalOp1 {
 //white-space: nowrap;
 //background-color: #428bca;
 //text-align: left;
 background: url("../images/Avanzamento1.png") no-repeat right; 
}

#finalOp2 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
}
#finalOp3 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
} 

#finalOp4 {
 background: url("../images/AvanzamentoGrey2.png") no-repeat right;
}

#svuotaCarrello {
  background-color: #d10b34;
  width: 100%;
  font-size: 1.2em;
  background-image: -webkit-linear-gradient(top, #d10b34, #8a0420);
}

#validaBtn, #copiaScontiBtn, #helpScontiBtn {
 padding:  10px; 
 padding-left: 25%;
}


.shopTable th, .dettTracking th {
  //background-color: #428bca;
  //font-size: 16px;
  //color: white;
  //padding: 0.6vw;
  //border-radius: 5px;

}

.shopTableRightAlign {
 text-align:right !important; 
 padding-right: 0px !important;'
}

.shopTable a {
  //font-size: 12px;
  color: white;
}

.shopTable a:hover {
  //font-size: 12px;
  color: black;
}
/*
.shopTable tr:nth-child(even) {
  background-color:#ffffff;
}
*/
#benefitDiv {
  display: none;
}

.benefitList {
 padding: 10px 2px 2px 10px;
}

.benefitListTable {
 width: 100%; 
 overflow: auto;
}

.codPromoBenefit {
  background-color: yellow;
  font-weight: bold;
  padding: 3px;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinkImage {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}
/*
* FINE REGOLE CARRELLO
*/

/*
* REGOLE TRACKING
*/

.trackingDettrowTableArticoliErr {
   color: red;
   font-weight: bold;
}

.trackingDettrowTableArticoliArrivato {
   color: green;
   font-weight: bold;
}

.rowTableArticoliResiduo {
   color: orange;
   font-weight: bold;
}

.addVolantinoTrkMobile {
  display: none
}

.dettTrkTable, .dettVolantiniTable {
  //margin-left: 5px;
  //margin-bottom: 5px;
  border: 4px solid #ccc;
}

.trkRadioOpt {
  margin-left: 30px;
}
.trkStati {
  border-bottom: 1px solid #ccc;
}
.trkOptStati {
 display: flex;
 flex-direction: column;
}
.testTracking {
 background-color: #3366FF;
 font-size: 20px ;
 font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

.dettTracking {
 background-color: #efab79;
 font-size: 15px ;
 font-family: Verdana, Geneva, Tahoma, sans-serif; 
 color: white;
}

.rigaArtTracking:hover {
 background-color: yellow;
 cursor:pointer;
}

.optImage {
 width: 22px; 
 height: 22px;
 padding-right: 5px;
}

.trkFilterTr {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}

/*
#pdfDoc {
 position: fixed;
 z-index: 10000;
 top: 50%;
 left: 50%;
 //margin-left: -350px;
 //margin-top: -240px;
 width: 800px;
 height: 400px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
}
*/
.headerDettTracking {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: black;
  font-weight: bold;
  font-size: 80%;
  background-color: #ded6d6;

}
/*
* FINE REGOLE TRACKING
*/

/*
* REGOLE DOCUMENTI
*/

.tipoDocList {
  width: 75%;
  color: white;
  background: #428bca;
  font-size: 30px;
  margin-top: 1px;
  margin-left: 5%;
  padding: 10px 5px 10px 25px;
}

.slideDown {
 transition: 1-5s ease-in-out;
 -moz-transition: 1.5s ease-in-out;
 -o-transition: 1.5s ease-in-out;
 -webkit-transition: 1.5s ease-in-out;
}

.annoDocumenti {
 font-size: 30px;
 padding: 5 0 5 30;
 width: 75%;
 margin-top: 1px;
 background: #77b3e8;
 margin-left: 5%;
 color: white;
}
.tipoDocList:hover {
 cursor: pointer;
}
/*
* FINE REGOLE DOCUMENTI
*/

/*
* REGOLE CONTENUTI
*/
.tableGestContenuti {
  width: 82%;
}

.folderList:hover {
  cursor: pointer;
}

.folderListAlt:hover {
  cursor: pointer;
}

.pathBase {
    background-color: #428bca;
    font-size: 16px;
    color: white;
    padding: 0.6vw;
}

.contentImg {
 height: 24px;
 width: 24px;
}

.selectableHeader:hover {
  cursor:pointer;
  text-decoration: underline;
}
/*
* FINE REGOLE CONTENUTI
*/ 

/*
* REGOLE SCONTI
*/
.scontiMobileHeader {
  font-weight: bold;
  font-size: 24px;
  color: white;
  padding-left: 20px !important;
}

#selScontiOperation {
  //opacity: 0.4;
  font-size: 1.2rem;
  border-radius: 5px;
  border: 1px solid #428bca;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  background-color: #f9efe8;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;
  display: none;
  z-index: 100;
  box-shadow: 0px 0px 5px 0px #999;
}

.scontiLink {
  text-align: left;
  padding: 0.5em 0.5em 0 0.5em;
  font-size: 0.9em;
} 

#gestScontiCliente:hover{
	cursor: pointer;
	text-decoration: underline;	
	color: #F58529;
}



#gestScontiCliente  {
   text-decoration: underline;
   color: blue;
}
/*
* FINE REGOLE SCONTI
*/


#labelFunzione {
   width: 70%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%
}

#labelFunzioneWhite {
   width: 70%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%;
   color: white;
}

#labelFunzioneLoggato {
   width: 20%;
   vertical-align: top;
   text-align: right;
   padding-right: 2%
}

.alternateRow{
    background-color: #e8fdfd;
}

#blankSpace {
  height: 25%;
}

.bodyH2B {
   font-family: "Arimo", Arial, Verdana;
}

.section-title {
  font-size: 2.5rem;
  margin-left: 25%;
}

.globalContainerH2B {
  background-color: #fff;
  width:100%;
  margin-left: auto;
  margin-right: auto;
 // font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
 // box-shadow: 5px 5px 5px #dedede, -5px 5px 5px #dedede;
}

#catalogoContainer{
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

#logo {
  /*float: left;    */
  /*padding: 35px 28px;*/
}

#loginRequest:hover{
   cursor:pointer;
}

.shopButtonCls{
  width:50px;
  height:40px;
  text-align:center;
}

.inputQtaDett{
  width: 3rem;
  text-align: right;
}

#ruoli{
  display:none;
}

#bigImageButton{
  position: absolute;
  z-index: 15100;
  top: -12px;
  right: -12px;
}

#bigImageButton:hover{
  cursor: pointer;
}

#loginRequest {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}

#login{

	/*display:none;*/
  /*align-items: right;*/
}

#selettoreRuolo {
    background-color: grey;
    padding:5px;
    text-align:center;
}

#errorhead {
  background-color: red;
}


#errorDiv, #infoDiv {
  background-color: white;
  //position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index: 200005;
  width: 300px;
  height: 200px;
  top: calc(50vh - 100px);
  margin-top: 0;
  left: calc(50vw - 150px);
  margin-left: 0;
} 

#slidePopup {
  background-color: white;
  //position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index: 200005;
  width: 200px;
  height: 100;
  top: 110px;
  margin-top: 0;
  //left: calc(50vw - 150px);
  right: 0;
  margin-left: 0;
  position: fixed;
} 



#causali {
  display:none;
  width:300px;
  height:150px;
	background-color: white;
	position:absolute;
  box-shadow:0px 0px 5px 0px #999;
  background-color: white;
  z-index:5;
}


#bigImageDiv, #prevImageDiv, #nextImageDiv, #descrImageDiv {
/*
  background-color: white;
	position:absolute;
  z-index:2;
  border: 2px solid #428bca;
  */
  position:absolute;
        /*top: 50%;
        /*left: 50%;
        /*width:640;
        /*height:10em;
        margin-top: -5em; /*set to a negative number 1/2 of your height*/
        /*margin-left: -5em; /*set to a negative number 1/2 of your width*/

  //border: 1px solid #428bca;
  z-index:15000;
}
/*
.showcaseDiv {
  position:absolute;
  z-index:15000;
  left: 700px;
  top: 102px;  
}

*/
.btnImageScroll {
  font-size: 72px;
  color: black;
}

#showcaseDiv:hover {
  cursor: pointer;
}

#selezioneCliente {
  display: none;
}

#funzioni{
  display: none;
}

#userRecovery {
  margin-left: 0px;
  left: calc(50vw - 240px);
  top: calc(50vh - 160px);
  margin-top: 0px;
  background-color: #fff;
  height: 320px;
  width: 480px;
  z-index: 105000;
}

#selectSignupDiv {
 margin-left: 0px;
 left: calc(50vw - 160px);
 margin-top: 0px;
 top: calc(50vh - 90px);
 background-color: #fff;
 height: 180px;
 width: 320px;
 z-index: 105000;
}

#pwdRecovery {
  display: none;
  z-index=2;
  //background-color: white;
	position:absolute;
  //box-shadow:0px 0px 5px 0px #999;
  background-color: #fff;
}

#errorPwd {
  display: none;
  z-index=2;
}

#detailArticolo {
 position: fixed;
 z-index: 10000;
 top: 50%;
 left: 50%;
 margin-left: -350px;
 margin-top: -260px;
 width: 700px;
 height: 480px;
 font-size: 1rem;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 flex-direction: column;
}

#error{
  display: none;
}

.errorDialog {
 background-color: red;
}

.footer-signature {
  background: #121212;
  float: left;
  position: relative;
  width: 100%;
  z-index: 50;
}

.footer-signature-content {
  color: white;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  padding: 10px 0;
  text-align: center;
}

.body_catalogo {

}

.iconTable td{
/*	width:28px;*/
}

.highlight {
    background-color:yellow;
}

.garbageImage, .garbageImageNota, .garbageImagePromo, .addVolantinoShop {
 /*width: 28px;
 height: 28px;*/
}

.garbageImage, .garbageImageWsh, .garbageImageNota, .infoImmageNota, 
.imgDetailArticoloStart, .infoWishImg, .insVeloceWsh, .insVeloceTrk:hover, .addVolantino:hover, .addVolantinoShop:hover {
 cursor:pointer;
}

/*
.imgDetailArticoloStart {
  height: 28;
  width: 28;
}
*/

.imgCursorPointer {
 height: 32px;
 width: 32px;
}

.imgCursorPointer:hover {
 cursor:pointer;
}


#headerId {
  //background: #73a4cf!important;
}

.ui-datepicker-trigger {
  position: relative;
  top: 7px;
  left: 7px;
}

#hider {
    display: inline-block;
   /* position:absolute;*/
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    //z-index: 9900;
    background-color: #242424;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}


.rowTableGestSconti{
   font-size: 12px ;
   //font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.rowTableGestScontiAlt{
   font-size: 12px ;
   //font-family: Verdana, Geneva, Tahoma, sans-serif;
   background-color: #e8fdfd;
}


// text banner
#quotes, #nuoviArriviQuotes {
    margin: 0;
    //padding: 100px;
    font-size: 1.4em;
    position: relative;
    width: 75%;

}


.textItem, .nuoviArriviItem {
    position: absolute;
    //display: none;
    font-size: 1.1em;
    //background-color: rgb(255,255,102)
}

.textItem:hover {
    cursor:pointer;

}
#bannerNewsContent {
  background-color: #e2ff22;
}



/*
20210401 gestito flex
*/
@media screen and (max-width: 639px) {


#notaRigaDiv, #detailArticolo {
 width: calc(100% - 20px);
 position: fixed;
 top: calc(100vh/2 - 180px);
 left: 10px;
 margin-left: 0;
 margin-top: 0;
 height: 360px;
}

#detailArticolo.stdBox {
 height: calc(100vh - 280px);
 top: calc(50% - 280px);
}

#detailArticolo.datiAggiuntivi {
 height: calc(100% - 150px);
 top: calc(50% - 150px);
}

.capofilaDescEst2 {
  font-size: 75%;
}

#prevImageDiv, #nextImageDiv {
  display: none;
}
/*
Regole per nascondere colonne
*/
 .elencoArticoli {
   overflow-y: hidden;
   overflow-x: auto;
 }

 
  td.artTableCod, td.artTableBcode, td.artTableDescr, 
  td.shopImageCls, td.shopCodCls, 
 .artTableRow1  {   display:none;
   width:0;
   height:0;
   opacity:0;
   visibility: collapse;
 }
 th.artTableSel, th.artTableCod, th.artTableBcode, th.artTableDescr ,
	th.shopImageCls, th.shopCodCls {
   display:none;
   width:0;
   height:0;
   opacity:0;
   visibility: collapse;
 }
 
 /*regole per validazione carrello*/
	
.disp-type-validaCarr {
	//display: block;
	display: flex;	
	flex-direction: row;	
	font-size:10pt;
	width: 165px;
}

.disp-type-validaCarrDatiFin{
	display: block;
}
	
.finalOpTableFase {
 font-size: 1.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}
	
.finalOpTableDesc {
 font-size: 0.75rem;
 color: white;
 font-weight: bold;
}

.dim-validaCarr{
	width:50%;
	height:2px;
}	
	
#validaCarrello, #pwdChgdiv, #messageForAllDiv {
  margin-left: 0px;
  margin-top: 0px;
  left: 0px;
  top: 110px;
  width: 100%;
  height: 80%;
  border-radius: 0px;
     
 }
 
.h2bPromoParagraph {
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 1.0em;
}
/* regole promo */ 
 
.catalogoImgBtn {
	flex-direction: column;
}
 
 }

@media screen and (max-width: 1023px) {
	/*regole per carrello mobile*/
	
/*	
.shopImage {
 display: flex;
 flex-direction: column;
 margin-left: 5px;
 font-size: 24px;
 padding-bottom: 5px;
}
	
*/
.addVolantinoTrkMobile {
  display: inline-block
}

.table-tableInner{left: auto; width: 100%}

.infoWishImgMobile {
  display: none;
} 
#reqStampaVolantino {
  left: 40px;
}

.promoBoxDescrpromoBoxDescr {
 display: flex; 
 flex-direction: column;
}

.codPromo, .promoDescEst, .scadPromo {
 margin-left: 10px;
 font-size: 120%
}

.promoTrashCan {
 font-size: 200%
}

.descEstCpf {
  font-size: 95%;
}

.prezziMobile, .qtaMobile {
 display: flex;
 flex-direction: row;
 align-items: center;
}


#testataVolantino {
  width: calc(100vw - 10px);
  margin-left: 0px;
  left: 10px;
  height: 510px
}

#addArticoloVolantino {
  height: 360px;
  margin-top: 0px;
  top: calc(50vh - 180px);
  width: calc(100vw - 50px);
  margin-left: 0px;
  left: 5px;
}

.pwdChgDiv {
  height: calc(100vh- 100px) !important;
}

.signupLabel {
  color: color: #003b82;
}

.userOpt, .newSignup {
 margin-left: 0px;
}

.userPwd, .newUser {
  display: flex;
  flex-direction: column;
}

#userRecovery {
   width: calc(100vw - 20px);
   left: 5px;
   margin-left: 10px;
   top: calc(50vh - 160);
   margin-top: 0;
   
   
}
.reqDatiUtente {
  width: 100%;
  margin: 20 5 0 5;
  
}

.ultimeVisteTitle {
  font-size: 16px;
  margin-left: 5px;
}

.ricercaPromo {
  margin-left: 5px;
}

.trkOptStati {
 display: flex;
 flex-direction: row;
}

.trkRadioOpt {
  margin-left: 5px;
}
.capofilaList {
  width: calc(100vw - 10px);
  margin-left: 5px;
}

.showPrefContainer {
 top: 135px;
 right: 0px;   
}
 
 
.divArtErrati {
 height: 240px;
 margin-top: 10px;
}

.tableArtErrati {
 overflow: auto;
}

.mercatinoResultNew {
  float: left;
  width: 100%;
}

#showCaseDiv {
 margin-top: calc(100vh/2 - 75vh/2);
}

#nomeUtenteInMenu {
  display: flex;
  justify-content: flex-end;
} 

#loginStatusOptionsMobile {
  display: flex;
}

#printWindow {
  display: none
}

.pwdTableClass {
 padding-right: 5px;
}

#mailChgDiv, #infoPromoDiv, #infoPromoListDiv {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  top: calc(50vh - 110px);
  left: 10px;
  height: 220px !important;
}

#rimuoviArticolo {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  left: 10px;
  top: calc(50% - 160px);
}
 
.tableGestContenuti {
  width: 100%;
  margin-left: 10px;
}
#infoPromoDiv, #infoPromoListDiv {
 z-index: 10600;
}
 
#errorDiv, #infoDiv {
 position: fixed;
 top: calc(50vh - 90px);
 left: calc(50vw - 175px);
 margin-left: 0px;
 margin-top: 0px;
}

#backToTop {
  position: fixed;
  bottom: 1.5rem;
  left: calc(100vw - 48px - 1.5rem);
  display: none;
  font-size: 48px;
}

#showCaseMaster {
  width: calc(100% - 40px);
  margin-left: 20px;
} 
   
#pwdChgDivLoggato {
  width: calc(100% - 20px);
  margin-left: 0px;
  margin-top: 0px;
  top: calc(50vh - 160px);
  left: 10px;
  height: 320px !important;
}
    
.promoGrid {
  width: 45vw;
  margin: 2px;
}
  
.promoImage {
 width: 41vw;
 height: auto;
}  
.benefitList tr {
  font-size: 80%;
} 
   
.finalOpDsktp {
 display: none;
}    

.detailArticoloDescEst, .benefitListTable {
 font-size: 15px;
}

#detailArticolo table {
 font-size: 15px;
}
    
.shopTable {
 display: flex;
 flex-direction: column;
 margin-left: 5px;
 padding-bottom: 5px;
}
    
.tableArtPromo {
  display: flex;
  flex-direction: column;
  
}	

.addCartWish {
 display: flex;
 flex-direction: row;
}

 
.carrello-mobile {	
/*width: 70%;*/
 display: table-cell; 
 vertical-align: middle; 
 padding: 10px 2px; 
 box-sizing: border-box; 
 text-overflow: ellipsis; 
 overflow: hidden; 
 } 
 
.imgDetailArticoloStartMobile {
	display:none;
}
 
 .espandiRighe{
	width: 5%;
 }
 
 .inputQtaMobile, .inputQtaCnfMobile {
	width: 68px;
 }
#optionCarrelloPanel, #optionWishListPanel {
  display:none;
} 	
	
#confermaCarrello {
	width: 20vw;
	height: 35;
}

.table-tracking-desktp{
	display:none;
	width: 0%;
}


.table-wish-desktp{
	display:none;
	width: 0%;
}

.table-carrello-desktp{
	display:none;
	width: 0%;
}

/*	
.shopImgArt {
 height: 144;
 width: 192;
}
*/

.div-width-img, .div-width-img-trk{
	width: 30%;
}



/*	regole per news*/
.eventiBoxContainer2 {
 width: 100%;
 height: 240px;
 overflow: hidden;
} 

.eventiImg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.newsContent {
 width: 25%;
 height: 100%;
 /*float: left; 
 
 /*top: -600vh;
 left: -200vw;
   */
}

.newsContentInside {
 width: 100vw;
 height: 100%;
}

.leftArrowNewsEventi  {
  left: 0; 
}

.rightArrowNewsEventi  {
  right: 0;
} 

#optionTrackingPanel {
	top: 100px;
	width: 80%;
}

#filtriCatalogoScroll, #optionPromoPanelMobileIcon, 
#optionDocumentiPanelMobileIcon, #optionScontiPanelMobileIcon, 
#optionMercatinoPanelMobileIcon, #optionVolantiniPanelMobileIcon {
	top: 100px;
	position:fixed;
  background-color: white;
  width: 100%;
  height: 48px;
}


#optionTrackingPanelFilter.visibileLeft, #filtriCatalogo.visibileLeft, 
#optionPromoPanelFilter.visibileLeft, 
#optionDocsPanelFilter.visibileLeft, #optionScontiPanelFilter.visibileLeft,
#optionVolantiniPanelFilter.visibileLeft, #optionMercatinoPanelFilter.visibileLeft {
  left: 0;
}

#optionTrackingPanelFilter, #filtriCatalogo, #optionPromoPanelFilter, 
#optionDocsPanelFilter, #optionScontiPanelFilter, #optionVolantiniPanelFilter, 
#optionMercatinoPanelFilter {
 max-width: 420px;
 width: 100vw;
 height: calc(100vh - 150px);
 position: fixed; 
 top: 150px;
 left: -420px;
 background: white;
 z-index: 1000;
}

#trkMenuMain{
  //display: flex;
  //flex-direction: row;
}

.marcaImage {
 // display: none;
}

/* regole promo */
}



@media screen and (min-width: 320px) {
//	.capofilaDataWidthGrid { width: 80vw;}
}


@media screen and (max-width: 420px) {
 .promoGrid {
   width: 100%;
 }
 .promoImage {
   width: 90vw;
 }
}

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

.capofilaDataWidthGrid {
	width: 24vw;		
}
 
.arrowBox {

 width: 36px;
 height: 240px;
 background-color: rgba(0, 0, 0, 0.05);
 top: 0;
 text-align: center;
 display:block;
}  
  
.novitaImage, .novitaImageInside, .lastPromoImage, .lastPromoImageInside, .newsContent, .newsContentInside,
.ultimiVistiImage, .ultimiVistiImageInside {
  width: 50vw;
}
/*
.disp-type-validaCarr {
 display: flex;	
 flex-direction: row;
}

.finalOpTableFase {
 font-size: 2.5rem;
 color: white;
 font-weight: bold;
 vertical-align: middle;
}

.finalOpTableDesc {
 font-size: 1.1rem;
 color: white;
 font-weight: bold;
}
*/
.dim-validaCarr{
	width:50%;
}	

.h2bPromoParagraph {
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 1.5em;
}

.disp-type-validaCarrDatiFin{
 display: flex;	
 flex-direction: column;
 align-items: flex-start;
 justify-content: space-between; 
}

/*
.mrkLinea {
 display: flex;
 flex-direction: column;
 width: 15%;
 align-items: center;
}
*/
}

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

}

@media screen and (min-width: 840px) {
  
.novitaImage, .novitaImageInside, .lastPromoImage, .lastPromoImageInside, .newsContent, .newsContentInside, 
.ultimiVistiImage, .ultimiVistiImageInside {
  width: 33.33vw;
}

.inputQta, .inputQtaCnf, .inputQtaWsh{
 width: 50px;
}
}

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



#progressDialog {
  width:  25vw;
  margin-left: calc(100vw - 62.5vw);
}
  
}

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

/*
 #clientiList {
  position:relative;
  z-index: 2500;
} */

#boxCloseCarrelloMobile {
  display: none;
}

#detailArticolo.datiAggiuntivi {
 height: calc(100% - 280px);
}
 
.finalOpMobile, .infoArticoloMobile  {
 display: none;
}

#infoPromoDiv, #infoPromoListDiv {
  z-index: 20000;
}

.confermaOrdineMobile {
  display: none;
}
/*
.promoResultNew {
  width: 78%;
}
*/
.promoFilterIconMobile, .scontiFilterIconMobile, .filterIconMobile {
  display: none;
}

.capolifaGridShow {
	/*width: 14vw;*/
}

.table-tracking-desktp { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 
.table-wish-desktp { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } 
 

.div-width-img{
	width: 7%;
}

.div-width-img-trk{
	width: 3%;
}

.carrello-mobile{
	display:none;
	width: 0%;
	height: 0%;
}


/*
.shopImgArt {
 height: 48;
 width: 64;
}
*/
.shopTable  {
  width:82%;
  float: right;
}

.wishTable {
  width:98%;
  float: right;
}

.artTableRow2 {
  display:none;
  width:0;
  height:0;
  opacity:0;
  visibility: collapse;
}

#paginator_2 {
 display: inline;
}
 
 .datiCarrHide{
	display:block;
 }
 
 
.functionDiv {
 
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 /*padding: 0 0 5px 0;*/
}

.datiCatalogo {
  width: 100%;
}

.datiCatalogoWCart, .mercatinoResultNew {
  width: 78%;
  margin-left: 50;
}

.promoResultNew {
  width: 78%;
  margin-left: 55;
}
/*
.mrkLinea {
 display: flex;
 flex-direction: column;
 width: 15%;
 align-items: center;
}
*/
.artTableSel, .artTableBcode {
 
}

  #gestioneCarrelliNew {
  display: flex;
  flex-direction: row;
  align-items: stretch 
 }
 
.boxOptionCarrello {
    height: 0vh;
	width:20%;
} 

.boxShopTable {
    
	width:80%;
} 


.previewCarrello {
 display: none;       
}

.insVelocevalCarrContainer{
/*	width: 75%;*/
}

#confermaCarrello {
  width:10%;
  position:fixed;
 }

#filtriCatalogo, #optionCarrelloPanel, #optionWishListPanel, #optionMercatinoPanel {
  width:18%;
  position:fixed;
  left: 0;
 }

 /*
#optionCarrelloPanelContent {
  display: block;
  width:15%;
  position:fixed;
 }
 */

	

.filtriCatalogo, .optionPromoPanelFilter, .optionMercatinoPanelFilter, .optionTrackingPanelMain, .optionDocsPanelFilter  {
 display: inline-block;
 overflow: auto;
 height: calc(100vh - 149px); 
 background-color: #faf8f8; 
}

.menuItem {
 display: inline-block;               
 padding: 0 1 0 1;
}

.shopInCatalogo {
 display: flex;
}

.marcaImageMobile {
 display: none;

}

.marcaImageGrid {
 height: 60px;
 width: auto;
 text-align: center;
}

 .boxNewsEventi {
   width: 25%;
   /*height: calc(100vh - 149px);*/
   border: 3px solid #ccc;
 }
 
 .boxNuoviArriviPromo {
  width: 75%;
 }
 
 .novitaImage, .lastPromoImage, .ultimiVistiImage {
  width: 25%;
}

 .novitaImageInside, .lastPromoImageInside, .ultimiVistiImageInside {
 width: 25vw;
}

.containerNews {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch 
 }
 
/*.flex-row {
  display: flex;
  flex-direction: row;
} */

.wish-flex-row {
  display: flex;
  flex-direction: row;
  gap:30px;
  left: 2%;
  position: relative;
}

.containerNews2 {
  display: flex;
  flex-direction: row;
  align-items: stretch 
}
 
 
 #loginStatus {
  display: flex;
  align-items: center;
  flex-direction: column;
 }
 
 #clientiList, #clientiScontiList, #insRitiroDiv {
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -360px;
    margin-top: -250px;
    width: 720px;
    height: 500px;
    display: none;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    background-color: #fff;
    font-size: 1rem;
 }

#clientiScontiList {
  height: 540px;
  margin-top: -270px;
} 
 .colonnaNascosta {
  display: block;
  
}

.ricercaInputuFld {
 padding-left: 2rem;
}

.colWebNascosta {
  
}
.colLocalitaNascosta {
  /*width: 30%;*/
}
/*
  #clientiTableDiv {
    height: 360px;
    overflow: auto;
    padding-left: 3px;
  }
  */

 
 #searchBar {
   width: 50%;
 }
 #selectorSpan { 
   display: table-cell;
 }
 #searchBarBox {
    display: flex;
    width: calc(100% - 380px - 50px);
 }
 
  #searchBarBoxMobile {
   display: none;                
  }
  
 .allineaAlCentroMob {
  text-align: left;
}


#leftArrowLastNewsEventi, #rightArrowLastNewsEventi {
	display: none; 
}

#showTrackFilterMobile,  #showCatalogoFilterMobile, #showPromoFilterMobile, #showDocsFilterMobile, #showScontiFilterMobile {
	display: none;
}

#wishSelectAllMobile {
	display: none;	
}

.capofilaDataWidthGrid {
	width: 13vw;		
}

.filtriCatalogoWidth {
  width: 18%;
}

.filtriCatalogoMainWidth {
  width: 18%;
}

}

@media screen and (max-width: 1279px) {
/*	
	.previewCarrelloMaster {
		display: none;        
	}	
*/	
}


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


.previewCarrello {
 display: inline-block;
 width: 15%;   
 height: calc(100vh - 149px); 
 overflow: auto;  
 position: fixed;          
}

 .novitaImage, .lastPromoImage, .ultimiVistiImage {
  width: 20%;
}
 .novitaImageInside, .lastPromoImageInside, .ultimiVistiInside {
 width: 20vw;
}

 #divMenuTabMobile.visibileLeft {
  left: -420px;
 }
 #statusBox {
  display: flex; 
  flex-direction: column;
 }
 
 #statusBox div {
   float: right;
   width: 100%;
 } 
  #iconStatusBox {
   display: none;
 }
 
 .tabBtnLeft {
   display: none;
 }  
 #searchBarBox {
   
    width: calc(100% - 330px - 330px);
 }
}

@media screen and (max-width: 1460px) {


	.menuItem{
		/*font-size:85%;	*/
	}	  
	
	.menuSelect {
		 font-size: 20px;
		 font-style: italic; 
		/* background: #f5f1f1;*/
		 display: flex;
	}	

}


@media screen and (max-width: 1600px) {

	.previewCarrelloMaster {
		display: none;        
	}	
	/*
	.fas-menu {
		font-size:0%;	
	}
	*/
}

@media screen and (min-width: 1601px) {
/*
	.fas-menu {
		font-size:100%;	
	}
*/
  
}


/**
@media screen and (min-width: 360px), screen and (max-width: 480px), screen and (max-width: 360px) and (orientation : portrait)  {

.section-title{
 width: 0%;
}

.menu-mobile {
 display: block;
 padding-left: 5px;
}

.menu-mobile:hover{
 cursor: pointer;
}

#labelFunzione {
  display: none;
}

#labelFunzMobile {
 display: block;
 font-size: 1.4rem;
 line-height: 1.2;
 font-weight: normal;
 padding: 10;
}

#bigImageDiv {
 width: 320px;
 height: 240px;
}


#bigImageImg {
 width: 320px;
 height: 240px;

}

#privacyDiv, #privacyDisclaimer, #userRecovery, #pwdRecovery {
  //opacity: 0.4;

  margin-left: -160px;
  margin-top: -80px;
  width: 320px;
  height: 160px;


}

#clientiList, #clientiScontiList {
 z-index: 100;
 position: absolute;
 top: 50px;
 left: 20px;
 width: 320px;
 height: 480px;
 display: none;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 font-size: 1rem;
}

#clientiTableDiv, #clientiScontiTableDiv {
 height: 300px;
 overflow: auto;
 padding-left: 3px;
}

}
*/
/**
@media screen and (min-width: 640px) {

.section-title{
 width: 25%;
}

.menu-mobile {
 display: none;
}

#labelFunzione {
  display: block;
}

#labelFunzMobile {
 display: none;
}

#bigImageImg {
 width: 640px;
 height: 480px;

}

#bigImageDiv {
 width: 640px;
 height: 480px;
}

#privacyDiv, #privacyDisclaimer, #userRecovery, #pwdRecovery {
  //opacity: 0.4;

  margin-left: -320px;
  margin-top: -80px;
  width: 640px;
  height: 160px;


}

#clientiList, #clientiScontiList, #insRitiroDiv {
 z-index: 100;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -360px;
 margin-top: -240px;
 width: 720px;
 height: 480px;
 display: none;
 border-radius: 5px;
 border: 1px solid #aaaaaa;
 background-color: #fff;
 font-size: 1rem;
}

#clientiTableDiv, #clientiScontiTableDiv {
 height: 360px;
 overflow: auto;
 padding-left: 3px;
}

}
*/
/**
@media (max-width: 800px) {
#bg_image {
    min-height: 90px;
    width: 100%;
}
}
*/
/**
@media (max-width: 480px) {
#branding {
    border-top: none;
}
}
*/
/**
@media (max-width: 650px) {
.tinynav {
    display: block;
}
#access .menu ul:first-child {
    display: none;
}
}
*/
/**
@media (min-width: 800px) {
.tinynav {
    display: none;
}
#access .menu ul:first-child {
    display: block;
}
}
*/

@media print {
  body * {
    visibility: hidden;
    //width: 100%;
    background: white!important;
    font-size: 12pt!important;
    color: black!important;
    font-family: Times New Roman, Times, serif!important;

  }
  #printDiv, #printDiv * {
    visibility: visible;
    //width: 100%;
  }
  #printDiv {
    position: absolute;
    left: 0;
    top: 0;
    //width: 100%;
  }

  .printClass {
    font-size: 18px;
    font-weight: bold;
    padding: 10 10 10 10;
  }

  .printTableH {
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid !important;
    border-left: 1px solid;
    border-right: 1px solid;
  }

  .printTableAltRow {
    background-color: #e8fdfd;
  }

}