@charset "utf-8";
/* CSS Document */
/*.ui-icon-drink { background-image:url(file:///C|/xampp/htdocs/themes/images/icons-png/drink.png) }
*/

@viewport {  
   orientation: portrait;  
 }  
.w100 		{ width:100% !important }
.w50		{ width:50% !important }
.w30px		{ width:30px !important }
.w25px		{ width:25px !important }
.h100 		{ height:100% !important }
.dNone 		{ display:none !important }
.aNoDec 	{ text-decoration:none !important }
.mH100vh 	{ min-height:100vh !important }
.zI9999 	{ z-index:9999 !important }
.f12		{ font-size:12px !important }
.f9em		{ font-size:0.9em; !important }
.uNone 		{ list-style:none !important }
.vTop		{ vertical-align:top !important }
.tLeft		{ text-align:left !important }
.tJustify	{ text-align:jjustify !important }
.p10px		{ padding:10px !important }
.fWeightN	{ font-weight:normal !important }
.bordRGray	{ border-right:1px #CCC solid !important }
.floatR		{ float:right !important }
.pointer	{ cursor:pointer !important }
.m0auto		{ margin:0px auto !important }
.pFixed		{ position:fixed !important }
.top200px	{ top:200px !important }
.right0px	{ right:0px !important; }
.NoDis		{ display:none}
.ucwords	{ text-transform:capitalize }
#bottoneLaterale	{ position: fixed; top: 200px; right:-5px; z-index: 999; background-color:rgba(255,255,255,0.8); width:65px; height:80px; text-align:center; border-radius:5px; padding:2px; border:1px #CCC solid; box-shadow:1px 1px 10px #000; display:none }


#btnTOP { position:fixed; top:100px; right:0px; z-index:999; display:none }
#btnTOP img { width:30px; cursor: pointer }
#divMenu{ height: auto}
#divLogo { position:absolute; top:0px; left:0px; z-index:999 }
#data { width: 100% }


#logoLocale { margin:50px auto }




.normalW { font-weight: normal}
.bold { font-weight: bold}

.divSearch { margin: 10px auto 60px auto; width: 90% }

.tbHeader { width:100%; text-align:center; height:40px; color:#FFF; font-weight: normal}
.tbHeader td:first-child { width: 30px; text-align: left}
.tbHeader td:last-child { width: 30px; text-align: right}
.tbHeader img { width: 30px; cursor: pointer }
.tbHeader a { text-decoration:none }

.tbTipoOrdine { width:80%; margin:100px auto; text-align:center }
.tbTipoOrdine button { font-weight: normal}
.tbTipoOrdine img { width: 200px !important; margin-bottom: 20px }



/*ELENCHI*/
.tbGenerale { width:100% }
.tbElenco th { display: none !important }
.tdHeaderCategoria { font-size:30px; text-align: center !important }
.tdHeaderCategoria p { margin-top: 55px; font-weight: bold}
.spanCategoria { display:none }

.tdPiatto { border-bottom: 2px #CCC solid; background-color:rgb(255, 255, 255, 0.5); }
.tdPiatto button { font-weight: normal; font-size: 14px; margin-top: 10px }

.tbHeaderPiatto { width:100% }
.divImgPiatto { text-align: center}
/*.divImgPiatto img { width:80px; height:80px; object-fit: contain; background-color: #FFFFFF; margin-top: 10px; border-radius: 50%; border:1px #CCC solid; box-shadow: 0 0 2px rgba(0,0,0,0.5) }*/
.floatLeft { float: left; font-size: 18px }
.floatRight { float: right; font-size: 18px }
.pDescrizione { font-size: 16px; }


.divIngredienti { width: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); text-align:center; float: left; display: table-cell; vertical-align:  middle !important; text-align: center !important}
.divIngredienti img { width:60px !important; height:60px; border-radius: 100px; border:2px #CCC solid; box-shadow: 0 0 2px rgba(0,0,0,0.5); text-decoration: none; margin-top:5px}
.divIngredienti a{ font-size:14px; text-decoration: none}
.divIngredienti span { font-size: 12px }

.objectPDF { width:100%; height:100% }
.divSpaceBottom { width:100%; margin-bottom:100px }

.tbIngredienti { width: 100%; background-color: rgba(60,60,60,0.1); }
.tbIngredienti td { vertical-align:middle !important; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1); text-align: center !important; height:100px }
.tdImgIngrediente { width:25% !important; text-align: center !important;}
.tbIngredienti img { width:80px !important; height:80px; border-radius: 100px; border:2px #CCC solid; box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.ui-table-cell-label { display: none !important}


.btnCloseLeft { background-color:#FFF; position:absolute; right:20px; top:20px }
.toast { width:350px; left:50%; transform: translate(-50%); position: fixed; bottom:100px; z-index:999 }
.btnMenuHead { display:block }
.tbPiattoCarrello { width:100% }
.tbPiattoCarrello img { width:35px; cursor:pointer }



.tbAddMinus {  width:100%; border-top:1px #CCC solid }
.tbAddMinus label { font-size:14px; font-weight:normal }



.totali { width:80%; text-align:right; margin: 0px auto}
.totali td { border-bottom: 1px #CCC dashed; width:50%}
.totali td:first-child { border-right: 1px #CCC dashed; text-align: left}
.totali tr:last-child td { border-bottom: 0px #CCC dashed}
.totali td:nth-child(2) { text-align:right }
.totali tr { display:none }
#totali { display:none }


.header { border:0px }

#orario-button { color: #000000}
#citta-button { color:#000000}
.footer { position:fixed; bottom:0px; width:100%; z-index:998 }
.footerIcon { width:25px; margin:10px 30px}
.footerCookieDiv { font-size:12px; font-weight:normal; text-align:justify; padding:10px }
.card-categoria{ max-width:500px !important; margin:20px auto !important; box-shadow:#999 1px 1px 10px }
.card-categoria img { max-width:500px; max-height:300px }
.bottone { width:97% !important; height:40px; margin:0px auto }
.bottoneCarrello { width:100% !important; height:40px; margin:0px auto }
.nomeLocale { margin-top:50px }
.card-piatto{ width:300px !important; margin:20px auto !important; padding-bottom:10px; box-shadow:#999 1px 1px 10px; min-height:200px !important }
.card-piatto img { max-height:170px; max-width:300px }
.card-piatto h3 { margin-top:20px }
.stellaPiatto { position:absolute; top:10px; right:10px; width:25px; display:none; cursor:pointer }


.card-elenco{ max-width:500px !important; margin:20px auto !important; box-shadow:#999 1px 1px 10px }

.imgLocale { width:250px }
.divTestoChiusura { width:100%; text-align:center; margin-top:50px }
.divTestoChiusura span { color:#e75b1e }
.red { color:red } 

.loader-Menu{ position:fixed; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.5); width:100vw; height:100vh; display:none}
.loader-Menu img {position:absolute; top:50%; left:50%; transform:translate(-50%); }





#servizi { width:90%; text-align:center; margin:100px auto; padding-top:20px;}
.logoServizi { max-width:300px; margin-bottom:50px }
.bottoneHeader { display:none !important }

#contenuto { width:95%; margin:80px auto; border:0px; display:none; margin-bottom:200px; padding-bottom:50px; border-radius:5px }


.card-link { text-decoration:none }
.card-title-c { padding-top:18px }
.card-categoria { /*bg color*/}
.card-text-c { /*descrizione*/ padding-bottom:10px}
#NomeCognome { display:none }
.btnLateraleLogin { width:100%}
.btnLateraleCliente { display:none; margin-left:0px }
.divPiattoSearch { display:none }
.divPiattoPreferito { display:none }
#footerCookie { z-index:999 }
#carrelloHide { display:none }
#carrello { width:100%; margin:20px auto }
.btnDelete{ width:30px; cursor:pointer }
.divBtnDelete { width:100%; text-align:center }
.pFormato { display:none }

#divCodiceTesto { display:none }
#divFidelity { display:none }
#btnUsaFidelity { display:none }
#btnDelFidelity { display:none }

#spanMinimoOrdine { display:none }
#btnCarrello { width:56px; height:40px }
.divNome { padding-bottom:20px; border-radius:5px; padding-top:20px }
.h3Carrello { text-align:center !important; font-weight:bold; padding-top:20px }
.h3NomePagina { padding-top:20px; text-align:center; font-size:20px }
.specs { font-size:12px }
.chIngAdd { display:none }
.sel-portata { width:95%; margin:0px auto }

.tbRConsegna { width:100%; font-size:18px }
.tbRConsegna td:first-child { text-transform:capitalize; width:45%; padding-bottom:10px; font-weight:bold; vertical-align:top } 

.totRiepilogo { width:100%; font-size:18px; margin-top:50px }
.totRiepilogo td:first-child { text-transform:capitalize; width:45%; padding-bottom:10px; font-weight:bold; vertical-align:top } 

#tbRighe { width:100%; border-spacing:0px; margin-top:50px }
#tbRighe tr:first-child td { border-top:0px !important }
#tbRighe td:first-child { width:100px }
#tbRighe td { vertical-align:top; border-top:1px #CCC solid; font-size:18px; font-weight:bold; padding-top:10px }
#tbRighe img { width:100px; height:100px }


.addRiga { margin-left:10px; margin-top:10px; font-size:16px; text-transform:capitalize }
.ingRiga { margin-left:10px; margin-top:10px; font-size:16px; text-transform:capitalize }
.formatoRiga { font-weight:bold; margin-left:10px; margin-top:10px; font-size:18px }
.piattoRiga { font-weight:bold; margin-left:10px; font-size:20px }