/* METTERE GLI IMPORT PRIMA DI QUALSIASI ALTRA DICHIARAZIONE */
/* Chiamata uguale a SUMO */
@import url(//fonts.googleapis.com/css?family=Open+Sans:200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic,200,300,400,500,600,700,800);  

/* --- PARTE COMUNE TRA I FILE DESK E MOB --------------------------------- */ 
/* -------------------------------------------- TAG HTML STANDARD NO MDB -- */

html {
	font-size: 15px; /* default value would be 16 */
}

body {
	font-family: 'Open sans', Arial, Helvetica, sans-serif; 
	/* font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;  */
	/* font-size: 0.9 prima del 18.1.23, csspocalipse */
	color: #101010;  
}

.displayNone {
  display: none;
}


/* -------------------------------------------------------- Override MDB --- */
/* -------------------------------------------------- MDB TAG Standard ----- */

a:hover {
  color: #48653b;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 .font-light, h2 .font-light, h3 .font-light, h4 .font-light, h5 .font-light, h6 .font-light, 
.h1.font-light, .h2.font-light, .h3.font-light, .h4.font-light, .h5.font-light, .h6.font-light {
    font-weight: 300 !important;
    letter-spacing: 0px;
    line-height: 1.4;
}

@media (min-width: 768px) {
  .modal {
    --mdb-modal-width: 800px;
  }
}

.badge { font-size: .9em; }
.btn.btn-nouppercase { text-transform: none; }
.DivProd .form-outline .form-control ~ .form-label {
	transition: none;
	transform: translateY(-0.9rem) scale(1);
	background-color: #ffffff;
	z-index: 1;
	padding: 0 5px 0 2px;
}

/* fix border casella antispam, non si vedeva l'input */
.fieldsetNE .BaskDivInvio input.Input {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 3px;
  width: 40px !important;
}

/* fix border input form Richiesta informazioni */
.FormInfoOfferContact input,
.FormInfoOfferContact textarea { border: 1px solid #ccc; border-radius: 8px; padding: 6px; }

.fieldsetNE .input-group-text { background-color: #0078c0; color: #fff; }

/* -------------------------------------------------- MDB Stili ------------ */

@media (max-width: 767px) {
	.btn { font-size: 0.9rem; }  			
}

@media (min-width: 768px) {
	.btn { font-size: 1rem; }  				
}

.btn-floating { padding: 0; }
.btn-blue, .btn.BaskAcquistaButPPExpress { background-color: #0078c0; color:#fff; }

/* Primary: #48653b / Secondary: #afb6a5 / Light: #ececec / Dark: #101010 */

.text-primary {color: #48653b !important;} /* OVERRIDE */
.text-secondary {color: #afb6a5 !important;} /* OVERRIDE */
.text-light {color: #ececec !important;} /* OVERRIDE */
.text-dark {color: #101010 !important;} /* OVERRIDE */
.text-white { color:#fff; }

.text-primary:hover {color: #33432c !important;}
.text-secondary:hover {color: #8c967f !important;}
.text-light:hover {color: #bebebe !important;}
.text-dark:hover {color: #2b2b2b !important;}
.text-white:hover {color:#e7e7e7 !important;} 

.bg-primary {background-color: #48653b !important;} /* OVERRIDE */
.bg-secondary {background-color: #afb6a5 !important;} /* OVERRIDE */
.bg-light {background-color: #ececec !important;} /* OVERRIDE */

.bg-primary:hover {background-color: #33432c !important;} /* OVERRIDE */
.bg-secondary:hover {background-color: #8c967f !important;} /* OVERRIDE */
.bg-light:hover {background-color: #bebebe !important;} /* OVERRIDE */

/* BTN Variables OVERRIDE */
.btn-primary, .btn-greenVZ {
  --mdb-btn-bg: #48653b;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #25351e;
  --mdb-btn-hover-bg: #b5c4ae;
  --mdb-btn-hover-color: #48653b;
  --mdb-btn-focus-bg: #b5c4ae;
  --mdb-btn-focus-color: #48653b;
  --mdb-btn-active-bg: #b5c4ae;
  --mdb-btn-active-color: #48653b;
}

.btn-secondary, .btn-lightGreenVZ {
  --mdb-btn-bg: #adba9b;
  --mdb-btn-color: #393939;
  --mdb-btn-box-shadow: 0 4px 9px -4px #393939;
  --mdb-btn-hover-bg: #393939;
  --mdb-btn-hover-color: #adba9b !important;
  --mdb-btn-focus-bg: #393939;
  --mdb-btn-focus-color: #adba9b;
  --mdb-btn-active-bg: #393939;
  --mdb-btn-active-color: #adba9b;
}

.btn-light {
  --mdb-btn-bg: #ececec;
  --mdb-btn-color: #393939;
  --mdb-btn-box-shadow: 0 4px 9px -4px #393939;
  --mdb-btn-hover-bg: #393939;
  --mdb-btn-hover-color: #ececec;
  --mdb-btn-focus-bg: #393939;
  --mdb-btn-focus-color: #ececec;
  --mdb-btn-active-bg: #393939;
  --mdb-btn-active-color: #ececec;
}

.btn-dark {
  --mdb-btn-bg: #393939;
  --mdb-btn-color: #ececec;
  --mdb-btn-box-shadow: 0 4px 9px -4px #393939;
  --mdb-btn-hover-bg: #a8a8a8;
  --mdb-btn-hover-color: #393939;
  --mdb-btn-focus-bg: #a8a8a8;
  --mdb-btn-focus-color: #393939;
  --mdb-btn-active-bg: #a8a8a8;
  --mdb-btn-active-color: #393939;
}

.btn-outline-primary, .btn-outline-darkGreenVz {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #48653b;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #48653b;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #48653b;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #48653b;
  border-color: #48653b;
}

.btn-outline-secondary, .btn-outline-whiteVz {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #fff;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #fff;
  border-color: #fff;
}

.btn-primary:first-child:hover, .btn-primary:focus-visible, .btn-primary:hover, :not(.btn-check)+.btn-primary:hover,
.btn-check:focus+.btn-primary, .btn-check:focus-visible+.btn-primary, .btn-primary:focus {
  --mdb-btn-box-shadow: 0 4px 9px -4px rgb(72, 101, 59);
  box-shadow: 0 8px 9px -4px rgba(72, 101, 59, .3), 0 4px 18px 0 rgba(53, 75, 43, 0.2);
  background-color: #b5c4ae;
}

.fw-bold { font-weight: 700 !important; } 

/* Base class Callout */
	.callout {
		padding: 1.25rem;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
		border: 1px solid #e9ecef;
		border-left-width: 0.25rem;
		border-radius: 0.25rem;
	}

	/* Modifier classes */
	.callout-info { border-left-color: #5bc0de; }
	.callout-warning { border-left-color: #f0ad4e; }
	.callout-danger { border-left-color: #d9534f; }

  /* MasterModal Basket color correction */
  /* #MasterModal */

  /* PAGINATION */

  .pagination {
    --mdb-pagination-active-bg: #c2e4c6;
    --mdb-pagination-active-border-color: #c2e4c6;
  }

  .pagination .page-item {
    background-color: #efefef;
    padding: 2px;
  }

  .pagination .page-item:hover {
    background-color: #c2e4c6;
  }


  /* PRODOTTI CORRELATI */
	.VProdCorrCNT { height: 550px; }
  
	@media (max-width: 767px) {
		.VProdCorrCNT { height: auto; }
	}
	
	.VProdCorrCNT .VImg { height: 150px; }
	
	.VProdCorrCNT .VImg img {
		max-width: 100%;
		height: auto;
	}
	
	.VProdCorrCNT .VDispoSem,
	.VProdCorrCNT .VCodDispo {
		font-size: 0.8rem;
	}
	
	.VProdCorrCNT .VDispoSem img {
		margin-right: 5px;
	}
	
	.VProdCorrCNT .VAddBasket input {
		display: none;
	}
	
	.VProdCorrCNT .VPrezzoL {
		color: #999;
		font-size: 0.8rem;
		display: inline-block;
	}
	
	.VProdCorrCNT .VPrezzoL .RPPrezzoList {
		line-height: 15px;
	}
	
	.VProdCorrCNT .VPrezzoOff .RPPrezzoOff .Importo {
		font-size: 1.3rem;
		color: #48653b;
		font-weight: bold;
	}

/* ----------------------------------------------- Innova Stili Nostri e override ----- */	
.fs-7 { font-size:0.8rem; }
.font-bold, .font-semibold { font-weight:700 !important; } 
.font-normal, .font-light { font-weight: 400 !important; }

/* -------------------------------------------------- NeGolo Styles -------- */
nav.MenuDesktop   { min-width:960px; } 
.NEMain.container { max-width: 1140px; }


#FSearchSimple .ne-tt-img { width: 30px; margin-right: 6px; border-radius: 4px;}
/* -------------------------------------------------- Tutto il resto -------- */

/* Tabs Product Page */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { font-size: 0.9rem; color:#b8bbb7; border-color:#b8bbb7; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#fff; border-color: #737d6f; background-color: #afb6a5; }
.nav-tabs .nav-link:hover { border-color:#737d6f !important; }

/* Magic Gallery --------------------------- */
#zoom-box, #spin-box {
	text-align: center;
}

#GalZoom img {
	/* Impostare una media query per larghezza della finestra troppo bassa */
	height: 450px;
	border-radius: 0.375rem !important;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 5%);
}

@media screen and (max-width: 1100px) {
	#GalZoom img { height: 300px; }
} 

figure.mz-figure.MiaZ {
	margin: 10px !important;
	border: 1px solid #e1e1e1;
	border-radius: 0.375rem !important;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 5%);
}

.MagicScroll.mcs-border .mcs-item {
	border-radius: 0.375rem !important;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 5%);
}

.MagicScroll-horizontal .mcs-item {
	/* Riduco l'altezza per fare vedere l'ombra */
	height: calc(100% - 4px) !important;
} 
/* Magic Gallery END -------------------------------------------- */

/* Cookie Choice --------------------------------------------*/
#cookieContainer {
  position:fixed;
  left: 0px; 
  bottom: 0px;  
  z-index: 10000002;
  width:100%;
  background-color:#e6ede0;
  border-top: 3px solid #657655; 
}

#cookieContainer #cookieChoiceInfo {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 10px 26px 10px;
}

#cookieChoiceInfo h4 {
  padding: 10px 0;
}

#cookieChoiceInfo #cookieReject,
#cookieChoiceInfo #cookieAccept,
#cookieChoiceInfo #cookieAcceptAll {
  margin: 0 6px;
}

  @media (max-width: 768px) {
    #cookieChoiceInfo #cookieReject,
    #cookieChoiceInfo #cookieAccept,
    #cookieChoiceInfo #cookieAcceptAll {
      width: 100%;
      margin: 6px 0;
    } 
  }

#GestisciCookie { padding-top: 10px; }

#cookieContainer .updateCookies {
  padding: auto 10px;
}

.scrollbox-popup-scale.scrollbox-bottom-right.sumome-scrollbox-small {
  bottom: 25px !important;
}

.VisCatDescr {
  font-size: 1rem;
}


/* ACCORDION FOCUS */
.accordion-button:focus,
.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed):after { color: #4f4f4f; }

.CellDark, .FormBorder, .CellBorder { background-color: #657655; } /* Dark */

.title, .subtitle, .LinkPaging a { color: #657655; } /* Dark */
.CellLight { background-color: #e1e4d2; } /* Light */
.CellUltraLight, .MenuBox { background-color: #ececec; } /* UltraLight */

.VisCatTitle, .VisCatHistoryParent, .NewsTitleHome, .NewsTitleScheda,
.PromoTitleHome, .PromoTitleScheda { color: #4b6541; } 

@media (max-width: 768px) {
  .NewsTitleHome { font-weight:bold; }
}

/* -- VisCatTitle non sta più dentro ReportProdTR. Il font-size 12px di StylesBaseBS viene "overridato" da quello del body che è 15px/1rem -- */
/*.ReportProdTR .VisCatTitle { font-size:1rem; }*/

.testoGenericoLink, .testoGenericoEvidenziato, .VisCatHistoryCurrent, .VetrinaPrice { color: #4b6541; }

.NewsDataHome, .NewsDataScheda, .PromoDataHome, .PromoDataScheda { color: #009933; } /* Green */
.NewsLinkHome, .PromoLinkHome { color: #FF6600; } /* Arancio */
.FormTitle { color: #FFFFFF; } /* White */
  
/* Paging: Button Avanti, Indietro (a) e pagina corrente (td)  */
a.LinkBtn, td.LinkBtn  { color: #FFFFFF; }

.SchTableBorder { border-color: #657655; /* Dark */ }
.SchCellTitle   { color: #FFFFFF; }
.ProdTiteScheda { color: #FFFFFF; }
.ProdTitolettoTech { color: #101010; }

/* Ordini Area U - Stay Blu */
.OrdHeader, .OrdBarra { background-color: #657655; color: #fff; padding:3px; } /* Dark */
.OrdLabel { background-color: #e1e4d2; } /* Light */
.OrdField { background-color: #f4efe9; } /* UltraLight */
.OrdLabel, .OrdField { padding: 3px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.OrdLink { color: #fff; }

.TplBox .Body   { border: none; }
.TplBox.Prodotto .Title { background-color:#EDEFE1; }

/* CONTENITORE DI PAGINE CONT, CATEGORIE */
.TplBoxNudo.ContenutoNudo .Title,
.TplBox.Contenuto .NewsTestoScheda .Title,
.TplBox.Contenuto .Title { text-align: center;  }

.CBBaskBiglietto {   
	font-size:1rem;
  color:red;
  font-weight: bold;
}

.HighLight { 
  display:block;
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
  border-left-color: #f0ad4e;
  width:80%;
}

@media (max-width: 768px) {
  .HighLight { width:100%; }
}

/* l'ho scurito per renderlo più leggibile sia con font bianco che scuro */
.BtnImportant {
  background: #f6dea2;
  background: -moz-linear-gradient(top,  #d6bf84 0%, #c48e08 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6bf84), color-stop(100%,#c48e08));
  background: -webkit-linear-gradient(top,  #d6bf84 0%,#c48e08 100%);
  background: -o-linear-gradient(top,  #d6bf84 0%,#c48e08 100%);
  background: -ms-linear-gradient(top,  #d6bf84 0%,#c48e08 100%);
  background: linear-gradient(to bottom,  #d6bf84 0%,#c48e08 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6bf84', endColorstr='#c48e08',GradientType=0 );
}

.BaskAcquistaBut { font-weight:700; }



.BodyReportProd .Subtitle {
  background-color: #fff !important; /* override StylesBaseBS */
}

.BodyReportProd .Subtitlecoda { 
  background-color: #ededed;
  border-radius:4px;
  box-shadow: 0 .3rem 0.4rem rgba(0,0,0,.15);
}


.BodyReportProd .Subtitle,
.BodyReportProd .Subtitlecoda { 
  font-size: 1rem;
	color: #363a00;	
  padding: 14px;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .BodyReportProd .Subtitle,
  .BodyReportProd .Subtitlecoda { font-size: 0.9rem; padding: 6px;}
}

.TplBox .TitleSx {
  font-size: 1.6rem;
  height: auto;
  background-color: #fff;
  background-image: none;
  border-right: none;
  font-weight: 700;
}

@media (max-width: 768px) {
  .TplBox .TitleSx {
    font-size:1.1rem;
  }
}

.ContenutoConMenu .NewsTitleScheda h1, 
.NewsTestoScheda .NewsTitleScheda {
	font-weight:bold;
}

.Promo .Title h1,
.Contenuto .Title h1,
.ContenutiReport .Title h1,
.PromoReport .Title h1,
.Categoria .Title h1,
.Prodotto .Title h1 { 
  color:#445d3b;
  text-align:center
 }

.TplBox.Categoria .VisCatDiv.TypeS {
  background-color: #edefe1;
  margin: 10px 0;
  display: inline-block;
  border: 1px solid #fff;
  cursor: pointer;
  
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.TplBox.Categoria .VisCatDiv.TypeS:hover { background-color: #dfe2cd; }

.TplBox.Categoria .VisCatDiv.TypeF .DivCont { padding:0; margin-bottom:30px; } /*override per rendere tutto l'<a> cliccabile*/

.TplBox.Categoria .VisCatDiv.TypeS .VisCatNome {width:100%;}
.TplBox.Categoria .VisCatDiv .VisCatNome { padding:0; width:70%; margin:0 auto; font-weight:600; }

.TplBox.Categoria .VisCatDiv .VisCatTitle { text-align:center; font-size: 0.938rem; }

.TplBox.Categoria .VisCatDiv.TypeS .VisCatTitle {
  color:#464646;
  line-height: 22px;
  text-decoration:none;
  display:inline-block;
  width:100%;
  height:100%;
  padding:9px;
  box-sizing:border-box;
}


/* Form vari */
#FormLoginContainer,
#FormContatti .DivField,
#FormReg .DivField { background-color:#ececec; /*ultralight*/  padding-bottom: 10px; padding-top:8px; border-width:0; border-radius: 4px; }

#FormLogin .InputText, 
#FormReg .InputText, 
#FormContatti .InputText { padding:8px 3px; border: 1px solid #ced4da; }

#FormReg .Button .LinkPaging { 
	font-size:0.933rem;
	color: #44630d;
	font-weight:700;
	padding: 8px;
	background-color: #fff;
  text-decoration: none;
  line-height: 30px;
}
#FormReg .Button .LinkPaging:hover {
  color: #101010;
}

#FormContatti .SubmitBut,
#FormLogin .SubmitBut, 
#FormReg .SubmitBut { width: 40%; background-color: #fff; color: #101010; padding:10px 0; font-size:16px; border-radius: 4px; transition: all 0.2s; }

#FormContatti .SubmitBut:hover,
#FormLogin .SubmitBut:hover, 
#FormReg .SubmitBut:hover { background-color: #657655; /*dark*/ color: #fff;}

.Content .Promo { text-align:center; }
.Promo { min-height: 300px; }
.Promo .PTitle { font-size: 1.2rem; font-weight:700; }
.Promo .PTime { font-size:1.2rem; color:#4b6541; font-weight:700;}
.Promo .PLinkProd { border:1px solid #cfd6c7; padding:10px; min-width:320px; width:40%; margin:0 auto; border-radius: 6px; box-shadow: 0px 4px 6px 0px #dddddd; }

  @media (max-width: 768px) {
    .Promo .PLinkProd { width:90%; margin:20px auto; }
  }

.Promo .PLinkProd .PromoAImg4Prod { display:inline-block;  }
.Promo .PLinkProd .PromoATxt4Prod { display:inline-block; color:#4b6541; font-weight:bold; font-size:1.2rem;  }

  @media (max-width: 768px) {
    .Promo .PLinkProd .PromoAImg4Prod,
    .Promo .PLinkProd .PromoATxt4Prod { margin-right:10px; }
  }

.ReportProdTR td.Img { vertical-align:middle !important; }

.ProdGrAll a img, .ProdGrAll_Aggiuntivo a img { vertical-align:middle; margin-right:4px; }

.ProdGrAll a, .ProdGrAll_Aggiuntivo a { 
  display:inline-block;
  color: #101010;
  background-color:#f4f0e7;
  text-decoration:none;
  margin: 5px -3px 0 -3px;
  padding: 6px 4px 7px 8px;
}

.ProdGrAll a:nth-child(1), .ProdGrAll_Aggiuntivo a:nth-child(1){
  padding: 7px 4px 8px 8px;
  line-height:20px;
}
  @media (max-width: 768px) {
    .ProdGrAll a:nth-child(1), .ProdGrAll_Aggiuntivo a:nth-child(1) {
      padding: 2px 4px 4px 8px;
      margin: 0 -5px 0 5px;
      line-height:auto;
    }
  }

.ProdGrAll a:nth-child(2), .ProdGrAll_Aggiuntivo a:nth-child(2) {
  padding: 7px 8px 9px 4px;
  line-height:20px;
}
  @media (max-width: 768px) {
    .ProdGrAll a:nth-child(2), .ProdGrAll_Aggiuntivo a:nth-child(2)  {
      padding: 2px 8px 5px 4px;
      line-height:auto;
    }
  }

#AddBasket .form-control { height:46px !important; }

#btn-back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: none;
}

  @media (max-width: 768px) {
    #btn-back-to-top {
      z-index: 3;
    }

  }




/* ---------------------------------------------------------- CHECK */
      /* Pagina Prodotto RADIO Articoli*/
      .ProdRadioArt { padding: 8px; }
      .ProdRadioArt .Label {  margin-bottom: 3px; font-weight: bold; }
      .ProdRadioArt .RadioArtTable { border-collapse:collapse; }
      .ProdRadioArt .RadioArtTable td { padding: 0; margin: 0; }
      .ProdRadioArt .RadioArtTable .RAPrezzo { padding-left: 15px; color: #A00000; font-weight: bold; } 
      
      .ProdRadioArt .RadioArtUL {
        padding:0 0 0 0;
        margin-top: 10px;
        list-style-type:none;
      }
      
      .ProdRadioArt .RadioArtUL li.Desk {
        position:relative;
        display:block;
        margin-right:5px;
        margin-bottom:5px;
        background-color:#EDEFE1; /*#E8EDCB;*/
        border:1px solid #D0D991;
        border-radius: 6px;
        cursor:pointer;
      
        transition-property: background-color;
        transition-duration: 0.2s;
        transition-timing-function: linear;
      
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
      }
      
      .ProdRadioArt .RadioArtUL li.Desk:hover { background-color: #D0D991; }
      .ProdRadioArt .RadioArtUL li.Desk input.RACk { top:4px; }
      .ProdRadioArt .RadioArtUL li.Desk label.labelprod { padding:3px 3px 1px 38px; }
      .ProdRadioArt .RadioArtUL li.Desk label.labelprod .RAInfo { height:26px; }
      
      .OpzValue select {
      background-color: #EDEFE1; /*#E8EDCB;*/
      border-radius: 6px;
      padding: 3px;
      border:1px solid #D0D991;
      
      transition-property: background-color;
      transition-duration: 0.2s;
      transition-timing-function: linear;
      
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
      }
      
      .OpzValue select:hover { background-color: #D0D991; }

/* ---------------------------------------------------------- CHECK */

#FSearchSimple .twitter-typeahead { width:100%; }


/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- da StylesFOM - SOLO MOBILE ---------------------------------------- */

@media (max-width: 768px) {

	/* OVERRIDE MMENU mobile */
	#menu { color: #41523b; }
	#PageForMMenu { background-color: white;  }

	/* Con position relative, usato di default, gli z-index interni dei modal finiscono sotto lo z-index del backdrop dei modal stessi */
	/* Questo si risolve 1. mettere il div della "pagina" che viene wrappata dal menu in position "static" */
	#PageForMMenu:where(.mm-slideout) { position:static; } 
	/* 2. mettere il nav #menu a z-index 1049 per stare sopra gli stiky che sono a 1020 */
	nav#menu { z-index: 1049; }
	/* 3. Configurare il JS nella NavMenu-M.htm. Vedi note nel file stesso.  */

  /* Fix css tabelle sezione Area Utente > Dettaglio ordine */
  #NEMainSection table, tbody, tr, td {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  #NEMainSection td { 
    width: 100%;
    height: auto;
  }

  /* #NEMainSection td.OrdLabel {

  } */

 .onlyMobSmallerText {
   font-size: medium;
 }

	/* ---------------------------------------------------------- CHECK */

      /* ------ queste classi sono ancora usate? Forse fanno parte del vecchio menu! */
      /* ----------- Override Bootstrap Menu Categorie */
            #MenuOffCanvas .list-group-item {
              color: #525848 !important;
              border: 0;
              border-top: 1px solid #bbbbbb;
              border-bottom: 1px solid #bbbbbb;
              background-color: #e6e8da;
              font-size:1rem;
            }

            #MenuOffCanvas .list-group-item:first-child {
              border-top-left-radius: 0px;
              border-top-right-radius: 0px;
            }

            #MenuOffCanvas .list-group-item:last-child {
              margin-bottom: -1px;
              border-bottom-left-radius: 0px;
              border-bottom-right-radius: 0px;
            }

            #MenuOffCanvas .list-group .list-group-item.sub-cat {
              background-color: #ececec;
              color: #1c2b00 !important;
            }

            #MenuOffCanvas .list-group .list-group-item span.voice {
              padding-left: 10px; 
            }

            #MenuOffCanvas .navmenu-default, .navbar-default .navbar-offcanvas { background-color: #ececec; }

            /* ---------- Override Bootstrap Menu Categorie */
            #MenuCatHome .list-group-item {
              border: 1px solid #7f855e;
            }

            #MenuCatHome .list-group-item:first-child
            {
              border-top-left-radius: 0px;
              border-top-right-radius: 0px;
            }

            #MenuCatHome .list-group-item:last-child
            {
              margin-bottom: -1px;
              border-bottom-left-radius: 0px;
              border-bottom-right-radius: 0px;
            }

            #MenuCatHome .list-group a.list-group-item {
              background-color: #d9d7a3;
            }

            #MenuCatHome .list-group div a.list-group-item {
              background-color: #ffffff;
            }

            #MenuCatHome .list-group div a.list-group-item span.voice {
              padding-left: 10px; 
            }


            #NavMenuDx {
              border-left: 1px solid #3e3e3e;
            }

            #trovaProd {
              width:95%; 
            }

            #trovaProd img {
              float:right;
              margin:0 10px 0 0;
              width:60%;
              max-width:235px;
            }

            /* ------------- JASNY "OFF CANVAS"  */
                /* Per data canvas "push" inserire nel button che inizializa il canvas : data-canvas="body"  */
                /* .navmenu, .navbar-offcanvas {
                  width:256px;
                }
                .navmenu-brand { padding:6px 10px; }

                @media (min-width: 992px) {
                  body { padding: 0 256px 0 0; }
                } */


            #table10 { 
              font-size:1.1rem;
              text-align:center;
              margin-left:5px;
              margin-bottom:30px;
              margin-top:8px;
            }
            
            #table12 { margin:8px 0; }


            .CatDesLongContent .Cat-menu a.CrossCat { 
              display:block;
              width:100%;
              text-align:center;
              font-weight: bold;
              font-size:0.933rem;
              color: #3d5a09;
              background-color: #D3D6B6;
              border: none;
              border-radius: 5px;
              text-decoration: none;
              padding: 4px 4px 4px 5px;
            }
/* ---------------------------------------------------------- CHECK */

  .TplBoxNudo.ContenutoNudo,
  .TplBox.Contenuto .NewsTestoScheda,
  .TplBox.Contenuto,
  .TplBox.Categoria { margin: 10px auto; }

  .OpzContainer .OpzValue select { width:100%; }

  /* ---- Nav Gruppi ---- */
  ul.MenuContGroup {
    text-align:center;
    padding-left:0;
    margin-top:10px;
    margin-bottom:20px;
  }

  ul.MenuContGroup li {
    display:inline-block;
    padding:6px;
    margin:3px 6px;
    border-radius: 5px; 
    border: 1px solid #d4d3c6;
  }

  ul.MenuContGroup li a { color: #6B8761; }
  ul.MenuContGroup li.current a { font-weight:bold; }

  /* Fix nomi categorie che si sovrapponevano alle immagini ----------*/
  .VisCatDiv.TypeG { height:210px; }
  .VisCatDiv.TypeG .VisCatImg { margin-bottom:38px; }

  /* Form vari */
  #FormReg .MainTitle { padding-top: 20px; }

  .ProdGrAll a:nth-child(1), .ProdGrAll_Aggiuntivo a:nth-child(1) {margin-left:2px;}

  .VisCatA.TypeS {color: #4b6541; font-weight: 700;}

  /* -- Area Utente Custom Zen -- */
  .AreaUtCustom { 
    font-size:1.1rem;
  }
  .AreaUtCustom .ULButton { 
    list-style-type:none;
    padding-left:0;
    margin-bottom:26px;
    text-align:center;
  }

  .AreaUtCustom .ULButton li {
    padding: 5px;
    width:90%;
    border:1px solid #ececec;
    margin:10px auto;
  }

  .AreaUtCustom .ULButton li a {	color:#3d5a09; }

  /* contenuto di Modal Finiture Tessuti e Legni - da controllare stile inline nelle singole pagine */
  #ContainerBigSupport img { width:100%; max-width:650px; }

  .ProdGrAll a, .ProdGrAll_Aggiuntivo a { 
    display:inline-block;
    color: #101010;
    background-color: #f4f0e7;
    text-decoration:none;
  }

}
 

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- MEGA MEDIA QUERY SOLO DESK ---------------------------------------- */

@media (min-width: 768px) {

  /* Sizing mediaquery */
  .w-md-100 { width: 100%; }
  .w-md-75 { width: 75%; }
  .w-md-50 { width: 50%; }
  .w-md-25 { width: 25%; }

  .MenuBox a:hover, a.MenuHeadAzienda:hover, a.LingueOverHead:hover { background-color: #657655; } /* Dark */  
  .PromoTitleHome:hover, .PromoTitleScheda:hover {color:#9da897;}

  /* -- VisCatTitle non sta più dentro ReportProdT -- */
  /*.ReportProdTR*/ .VisCatTitle:hover { 
    font-size:1rem; /*override*/ 
    color: #48653b !important; /*override*/ 
    text-decoration:none; /*override*/ 
  }

  .testoGenericoLink:hover, .testoGenericoEvidenziato:hover, .VisCatHistoryCurrent:hover, .VetrinaPrice:hover { color: #48653b; }

  /* Paging: Number  */
  .LinkPaging a:hover { background-color: #657655; /* Dark */ color: #FFFFFF; }
  /* Paging: Button Avanti, Indietro (a) e pagina corrente (td)  */
  a.LinkBtn:hover { color: #657655; /* Dark */ background-color: #FFFFFF; }


  /* CONTENITORE DI PAGINE CONT, CATEGORIE, FIXED 1200PX */
  .TplBoxNudo.ContenutoNudo,
  .TplBox.Contenuto .NewsTestoScheda,
  .TplBox.Contenuto,
  .TplBox.Categoria { max-width: 1200px; margin: 20px auto; }
  #NEMainSection #UPContainer { margin: 20px auto; }

  .NeContMain { width:1000px; }
  .NeColMaskRight { width: 990px; }
  .NeColLeft { right:auto; background:none; } /* Menu Sx Annullato */
  .NeCentro { left:auto;  width:980px; padding-top:0; margin-top:15px; } /* Menu Sx Annullato */
  .NeMenuSx { display:none; } /* Menu Sx Annullato */

  /* Breadcrumb */
  .HistoryBack { height:28px; background-image:url(TplImg/Res/IcoBack.gif); background-repeat: no-repeat; background-color:#fff; }
  .HistoryBack:hover { background-image:url(TplImg/Res/IcoBackHover.gif); }
  a.VisCatHistoryParent { color: #494409; background-color: #EDEFE1; font-size:0.933rem; }
  a.VisCatHistoryParent:hover { color: #ffffff; background-color: #657655; font-size:0.933rem;}
  .VisCatHistoryCurrent { color: #657655; font-size:1.1rem;}

  .ReportProdContainer .ImgProdReport { width: 200px !important; max-width: 200px !important }

  /* --- inizio descrizione categoria testa (custom) --- */

  /* inizio: QUANDO ERA A SCOMPARSA, PER ME SI POSSONO RIMUOVERE */
      .CatDesLongContainer .slide { text-align: right; margin:5px 0 5px 0; }
      .CatDesLongContainer .slide .CatDesLongIcon {
        /*background: url('../../xzen/file/rad/images/espandi-green.gif') no-repeat center center;*/
        background: transparent;
        border:none;
        padding: 6px;
        font-size: 16px;
        font-weight: bold;
        color: #44670c;
        text-decoration: none;
        
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
      }
  /* fine: QUANDO ERA A SCOMPARSA, PER ME SI POSSONO RIMUOVERE */

  .CatDesLongContainer .slide .CatDesLongImg { width:10px; }
  .CatDesLongContainer .slide .CatDesLongIcon:hover { background: transparent; }

  
/* ---------------------------------------------------------- CHECK */
          #ProdBOX1 .ProdDes { margin-top:6px; }
          .Prodotto .Subtitle { background-color: #ebece6; border-radius:4px; }
          .TplBox.TitleContGroup { width:100%; }

          .CatDesLongContent .Cat-text {
            margin: 15px 0 3px 0;
            clear:both;
          }

          .CatDesLongContent .Cat-menu {
            /*width: 50%;*/
            margin:5px 0 10px 0; 
            background: #f7f7f7; 
            padding: 5px 10px; 
            border: 1px solid #ccc; 
            text-align:left; 
            border-radius:4px;
          }

          .CatDesLongContent .Cat-menu a.CrossCat,
          .CatDesLongContent .CrossCat { 
            display:inline-block; 
            list-style:none; 
            background: #f7f7f7; 
            padding: 5px 10px; 
            border-right: 1px solid #ccc; 
            -webkit-transition: all 0.3s; 
            -moz-transition: all 0.3s; 
            -o-transition: all 0.3s; 
            transition: all 0.3s;
            text-decoration:none; 
            color:#666;
          }

          .CatDesLongContent .Cat-menu a.CrossCat:hover,
          .CatDesLongContent .CrossCat:hover { font-weight:bold; }
          .CatDesLongContent .Cat-promo { float:right; }
          .CatDesLongContent .Cat-promo img { width: 100%; max-width: 487px; }

          ul.MenuContGroup li {
            font-size:0.933rem;
            border-radius: 4px 4px 0 0;
          }

          ul.MenuContGroup li.current { background-color: #e5e5e5; }
/* ---------------------------------------------------------- CHECK */


  #FormLoginContainer, #FormRegContainer { padding:30px; }

  .PagBarDown { margin-bottom: 10px; }
  body.BodyReportProd.WithHtmlCustom .Title { background-color:#fff; }
  #DivImgModello #zoomImgModello { margin-left:45px; }
  .BKcontactform { font-size:1.2rem; }
  .DivTitlePageWTable .title { 
    background-color: #ececec;
    border-color:#9AA48C;
  }

  .ProdGrAll {
    cursor: pointer;
  }

  .PagBarCmd, .PagBarUp {
    /* override stylebase per mdb */
    height:auto !important;
  }

  .PagBarUp .form-control {    
    width: auto !important;
    display: inline-block !important;
    margin-left: 10px !important;
  }

  .IDDivGrButton2L, .IDDivGrButton2R {
    margin: 10px 0 10px 0;
  }

  .highslide-container .highslide-controls {
    border:none; 
  }

}