/*---------------------------- Sezione TAG --------------------------------*/
* {
	box-sizing: border-box;
}

body {
	width: 100%;
	margin: 5px;
	padding: 2px;
	text-align: left;
	font-family: 'Varela Round', sans-serif;
}

.container {
	position: relative;
	top: 5px !important;
	left:15px;
	width: 100% !important;
	margin: 15px auto;
}

.ordine {
	position: relative;
	top: 5px;
	display: inline;
	border: #ea9c4f 2px;
}
p#test_ftp:hover {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}


#immagine1 { 
	/* width: auto !important; */
	text-align: center;
}

#immagine2 {
	/* width: 600px !important; */
	text-align: center;
}

select.special_ordine,
div.special_ordine,
input.special_ordine,
p.special_ordine {
	background-color: #cbdaf2;
	border: solid 2px #f00;
}

div.special_ordine {
	background-color: #f9faee;
	padding: 5px;
}

p.special_ordine {
	background-color: transparent;
	border: 0;
	color: red;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
}

.riservato {
	background-color: transparent;
	color: red;
	font-style: italic;
	padding: 5px;
}

#btn_imposta_amministratore {
	width: auto;
	background-color: #f00;
	text-align: center;
	margin: 0 auto;
	color: yellow;
	border: 2px solid yellow;
}

.blink {
	animation: blinking 1.5s infinite;
	font-size: 20px;
}

@keyframes blinking {
	50% {
		color: white;
	}

	50% {
		color: transparent
	}

	50% {
		color: rgb(5, 78, 5);
	}

	62% {
		color: transparent;
	}

	/* 97%{   color:transparent; } */
	50% {
		color: yellow;
	}
}

A:link {
	color: black;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

A:visited {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

A:hover {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

A:active {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}
button#btn_annulla,
button#btn-recupera-menu,
button#btn-crea-menu-settimanale,
button#btn-crea-menu{
	margin-left:20px;
}

button.esegui {
	background-color: rgb(199, 181, 181);
	color: rgb(7, 4, 44);
	border: 8px inset #cbdaf2;
	box-shadow: 10px 10px 5px rgba(67, 67, 70, 0.5);
	font-size: x-large;
	width: 200px;
	margin: 15px;
}

button.salva_versione {
	background-color: rgb(190, 13, 13);
	color: rgb(230, 248, 129);
	border: 2px inset #cbdaf2;
	box-shadow: 5px 5px 3px rgba(67, 67, 70, 0.5);
	/* font-size: medium; */
	width: fit-content;
	margin: 5px;
}

.button_scegli {
	position: relative;
	left: 2px;
	cursor: pointer;
	font-size: small;
	text-align: center;
	width: 50px;
	background-color: #f00;
	color: yellow;
	padding: 2px;
	border: 1px outset black;
	box-shadow: 3px 3px 2px rgba(67, 67, 70, 0.5);
	margin: 0 !important;
	/* margin: 5px; */
}

.text-scegli-immagine {
	margin-left: 5px;
	font-size: small;
	text-align: left;
	max-width: 150px;
	;
}

span.block {
	display: inline-block;
}

.input_immagine_width {
	max-width: 50px;
}

button.btn-allergeni {
	position: relative;
	cursor: pointer;
	text-align: center;
	width: fit-content;
	padding: 5px;
	border: 2px outset black;
	box-shadow: 10px 10px 5px rgba(67, 67, 70, 0.5);
	margin: 10px;
	font-size: small;
}

button.btn-standard {
	position: relative;
	cursor: pointer;
	text-align: center;
	width: fit-content;
	padding: 5px;
	border: 2px outset black;
	box-shadow: 10px 10px 5px rgba(67, 67, 70, 0.5);
	margin: 10px;
}

input#button_prenota {
	margin-left: 100px;
	margin-top: 25px;
	background-color: green;
	width: 200px;
	color: yellow;
	/*font-weight:900;*/
	font-size: 24px;
	font-style: italic;
	cursor: pointer;
}

button#chiudi_info {
	margin-top: 40px !important;
}

button#dove_siamo {
	margin-top: 2px !important;
	border: 2px outset;
}

caption {
	font-size: large !important;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}
table.tabella_lista , tr, td, th {
	border: 1px solid #353131;
	border-collapse: collapse;
	margin: 10px auto;
}

fieldset {
	width: fit-content;
	max-width: 690px;
	margin-top: 15px;
	padding-bottom: 15px;
}

h1.messaggio_avviso1 {
	text-decoration: bold;
	color: red !important;
}

h2.messaggio_avviso2 {
	text-decoration: bold;
	color: navy !important;
}

h3 {
	margin: 2px 0 2px 0;
	text-align: center;
}

h3.messaggio_avviso3 {
	text-decoration: bold;
	color: maroon !important;
	margin: 0 auto;
}

img#i_allergeni {
	position: fixed;
	left: 800px;
	top: 250px;
	z-index: 2;
}

img.i-allergeni {
	margin-left: 15px;
}

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

/*-----------------------------------------------------------Struttura input*/
input[type="text"],
input[type="password"] {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 5px 2px 5px 25px;
	padding: 2px 2px;
	background-color: rgb(213, 238, 211) !important;
	font-size: 12px;
	width: 95%;
}

input#cerca_eventi {
	width: 150px;
	margin: 10px;
}

input.login {
	position: relative;
	left: 1px;
	width: 100px !important;
	font-style: oblique;
}

tr:nth-child(odd) {
	background: #6fefeb;
}

tr:nth-child(even) {
	background: #ffffff;
	color: black;
}

.table-login {
	position: relative;
	top: 5px;
	width: auto;
	border-collapse: collapse;
	margin: 10px auto;
}

/*===================================================SEZIONE CELLE CON O SENZA COMMENTI===================*/
td.CellaSenzaCommento {
	border: 2px inset;
	width: fit-content;
}

video {
	width: 25%;
	height: auto;
	border: 2px;
}

/*------------------------------------------------ Sezione # ID -------------------------------*/
.alto_dx {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 150px;
	/* border:5px solid gray; */
	/* background-color: transparent; */
	z-index: 998;
}

/*------------------------------------------------ Sezione . CLASSI -------------------------------*/
.annulla {
	/* background-color: #868681; */
	color: rgb(255, 254, 254) !important;
	font-size: large;
}

.auto {
	display: inline;
	height: fit-content;
	width: fit-content;
}

.alert {
	z-index: 200;
	clear: both;
	left: 0px;
	width: 100%;
	margin: 10px 1px 2px 1px;
	border: 2px inset salmon;
	/* background-color: rgb(219, 200, 182); */
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: blink;
}

.small {
	font-size: 10px;
}

.bold {
	font-weight: bold;
}

.border,
.bordered,
.bordato {
	border: 4px inset rgb(236, 11, 11);
}

.sfondonero {
	background-color: black;
	color: white;
}

.centrato,
.center {
	text-align: center;
	font-weight: 900;
}

.centro_pagina {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 200;
}

.clear {
	clear: both;
}

.config_utente {
	clear: both;
	/* background-color: rgb(238, 234, 227); */
	color: yellow;
	margin: 2px 0 0 2px;
}

.padding10 {
	padding: 10px;
}

.padding5 {
	padding: 5px;
}

.destra {
	text-align: right;
}

div#anteprima {
	background-color: #eee0e0;
	text-align: center;
	padding: 15px;
}

div.box-cerca,
div.box-stampa_periodo {
	position: relative;
	margin-top: 10px;
	padding: 10px;
	z-index: 2;
	width: 300px;
	border: 2px solid;
}

div.box-cerca-eventi-log {
	position: relative;
	top: 2px;
	width: 450px;
	border: 1px solid;
	z-index: 2;
}

div.box-info {
	position: relative;
	margin-top: 50px;
	padding: 10px;
	z-index: 2;
	width: 100%;
	/* background-color: rgb(238, 234, 227); */
	border: 2px solid rgb(247, 179, 188);
}

div.box-modulo-login {
	position: relative;
	margin-top: 50px;
	padding: 5px;
	z-index: 2;
	font-family: 'Courier New', Courier, monospace;
	width: fit-content;
	/* background-color: rgb(238, 227, 227); */
	border: 4px outset silver;
}

div#div_scelta_file {
	position: relative;
	top: 50px;
	display: none;
}

.box-nav-gestione li {
	display: inline-block;
}

img.img_menu{
	vertical-align: middle;
}

.box-pulsanti-gestione {
	position: relative;
	top: 0px;
	width: fit-content;
	min-width: 350px;
	z-index: 1;
	left: 10;
	height: fit-content;
	background-color: rgb(238, 234, 227);
	padding: 2px;
	border: 4px outset;
	z-index: 200;
	text-align: center;
}

.box-standard,
.box-recupera-menu,
.box-crea-menu,
.box-pulsanti-gestione {
	position: relative;
	top: 0px;
	width: fit-content;
	min-width: 350px;
	z-index: 1;
	left: 10;
	height: fit-content;
	background-color: rgb(238, 234, 227);
	padding: 5px;
	border: 6px inset brown;
	z-index: 200;
	text-align: center;
	/* margin:auto auto; */
}

.box-allergeni-gestione {
	position: fixed;
	/* width: fit-content; */
	top: 80px;
	left: 850px;
	/* background-color: transparent; */
}

.box-allergeni {
	position: relative;
	width: fit-content;
	align-content: center;
	text-align: center;
	top: 0;
	left: 5px;
	background-color: transparent;
	text-decoration: underline;
	margin-bottom: 25px;
	vertical-align: middle;
}

div.box-pagina-dati {
	position: relative;
	top: 30px;
	left: 5px;
	width: 95%;
	font-style: italic;
}

div.box-evidenziato_immagini {
	background-color: #e3ecc8f5 !important;
	margin-left: 2px;
	padding: 5px;
	color: black;
	border: 2px solid red;
	/* letter-spacing: 2px; */
	max-width: 350px;
	text-align: left;
}

div.box-evidenziato {
	background-color: #eee0e0;
	margin: 5px 15px 5px 5px;
	padding: 5px;
	color: black;
	border: 2px solid red;
	letter-spacing: 2px;
	text-align: left;
}

div.box-language {
	position: relative;
	top: 5px;
	z-index: 300;
}

div#messaggio_avviso2 {
	text-decoration: bold;
	font-size: 16px;
}

div#messaggio_avviso3 {
	text-decoration: bold;
	color: maroon;
}

div.risultati,
#risultati_backup {
	top: 80px;
	width: 100%;
}

.evidenza {
	/* background-color: rgb(236, 233, 185); */
	color: rgb(252, 7, 7);
	/*font-weight: bold;*/
	border: 2px inset salmon;
	box-shadow: 10px 10px 5px rgba(99, 99, 102, 0.5);
	margin: 25px;
}

.extra-large {
	font-size: xx-large;
	font-weight: 900;
}

.tablefit {
	width: fit-content !important;
}

.footer {
	position: relative;
	top: 50px;
	margin-top: 50px;
	padding: 25px;
}

.celeste {
	background-color: #c0c6ce;
	color: black;
}

.giallo {
	background-color: rgba(121, 120, 74, 0.849);
	color: #fff;
}

.manina {
	cursor: pointer;
}

.icona_add {
	cursor: copy;
}

.icona_comando {
	cursor: pointer;
	width: 40px !important;
}

.large {
	font-size: large;
}

.logo {
	width: 220px;
	border: 10px inset #ea9c4f;
	text-align: center;
	color: black;
	float: left;
}

.marrone {
	background-color: maroon;
	color: yellow !important;
}

.medio {
	font-size: medium;
}

.messaggio_avviso {
	z-index: -1;
	clear: both;
	left: 10px;
	max-width: 30%;
	min-width: 300px;
	margin: 20px 5px 20px 5px;
	border: 4px inset;
	padding: 5px;
	text-align: center;
}

.messaggio-top-menu {
	color: white !important;
	margin-right: 10px;
	text-decoration: blink;
}

.responsive {
	width: auto;
	height: auto;
	margin: 5px auto;
}

.arancio{
	background-color: rgb(164, 119, 46);
	color: rgb(255, 255, 255);
}
.rosso {
	background-color: red;
	color: yellow;
}

.round {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.ucase {
	text-transform: uppercase;
}

.sfondo_giallo_chiaro {
	background-color: rgb(240, 235, 223);
	color: black;
	margin: 5px;
}

.verde {
	background-color: rgb(17, 129, 41);
	color: yellow !important;
}

.bianco {
	color: white !important;
}

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	padding: 0 25px 0 0;
	color: black;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	background-color: rgb(20, 20, 19);
	color: white;
	/* text-align: center; */
	padding: 0 10 0 5px;
	position: absolute;
	left: 5px;
	z-index: 100;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
	/* background-color: white;
	color:black; */
}

.CellWithComment {
	position: relative;
	border: 2px inset;
	width: 100%;
}

.Comment {
	display: none;
	position: absolute;
	z-index: 2;
	border: 1px;
	background-color: black;
	border-style: solid;
	border-width: 1px;
	border-color: yellow;
	padding: 15px;
	color: white;
	top: -100 !important;
	left: 2px;
	width: fit-content;
	font-size: xx-small;
}

.CellWithComment:hover span.Comment {
	display: inline-block;
}

.MyTableConfig {
	width: 99%;
	/* border:1px solid #fa025d !important; */
	border-collapse: collapse;
	margin: 1px auto !important;
}

.MyTableConfig tr td {
	background-color: white !important;
	color: black;
}

.MyTableConfig tr th {
	background-color: rgb(128, 126, 126) !important;
	color: rgb(255, 251, 1);
	border: 1px solid black;
}

.MyTable {
	width: 98%;
	margin-top: 5px;
	border: 1px solid #58677e;
	border-collapse: collapse;
	border-spacing: 0;
}

.MyTable tr td,
.MyTableConfig tr td {
	margin: 0;
	border: 2px solid black;
	border-collapse: collapse;
}

.MyTable tr th,
.MyTableConfig th {
	font-style: italic;
	border: 2px solid black;
	border-collapse: collapse;
}

.MyTable input[type="checkbox"] {
	font-size: 10px !important;
	font-weight: normal;
}

tr.no-nth {
	background-color: white !important;
	color: black;
	font-weight: 900;
	font-size: large;
}

th.padding,
td.padding {
	padding: 25px !important;
}

td.riepilogo {
	vertical-align: top !important;
	margin: 0;
	border: 2px solid black;
	border-collapse: collapse;
}

#c_cerca {
	max-width: 150px !important;
	border: 1px solid gainsboro;
}

input[type="text"]#annotazioni {
	width: 80%;
}

input[type="text"].config {
	margin: 0;
	width: 98%;
	cursor: pointer !important;
}

input[type="date"] {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 5px 2px 5px 2px;
	border: 2px inset;
	padding: 2px 2px;
}

input[type="email"] {
	font-size: 12px;
	margin-left: 15px;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	color: red;
}

input#nome_ordinante {
	margin: 15px 0px 15px 0px;
	border: 2px inset;
	padding: 2px 2px;
	width: 220px !important;
}

input#annotazioni {
	margin: 15px 0px 15px 0px;
	border: 2px inset;
	padding: 2px 2px;
	max-width: 350px;
}

input#nuova_descrizione,
input#c_descrizione {
	width: 100%;
	margin-top: 8px;
}

div#box-data-pasto {
	position: relative;
	margin: 15px;
	/* border: 1px solid #0e5a28; */
	margin-top: 10px !important;
	max-width: fit-content;
	padding: 5px;
}

/* box Usati in config
==================
*/
#container_configurazione,
#container_avvisi_e_immagini,
#container_funzioni_speciali,
#container_upgrade {
	/* left: 10px; */
	/* margin: 5px; */
	padding: 5px;
	min-width: 300px !important;
	width: fit-content;
	text-align: center;
	vertical-align: middle;
	height: fit-content !important;
	float: left;
	border: 2px outset rgb(181, 231, 185);
	background-color: rgba(26, 139, 83, 0.466);
	color: white !important;
	font-size: 12px;
	display: none;
}

#container_upgrade {
	background-color: rgb(250, 3, 3) !important;
}


img.config {
	width: auto;
	vertical-align: middle;
	text-align: left;
}

.container_funzioni_speciali {
	border: 2px outset rgb(247, 243, 11);
	background-color: #f00;
	color: rgb(255, 255, 255);
}

.container_config_struttura {
	position: absolute;
	left: 5px !important;
	min-width: 150px;
	/* display: block; */
	max-width: 150px;
	/* float:left; */
	/* margin-left: 5px; */
	border: 8px outset rgb(247, 243, 11);
	background-color: rgb(36, 8, 249);
	color: rgb(39, 39, 34);
	margin: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.box_evidenziato {
	position: relative;
	min-width: 150px;
	display: block;
	width: 100%;
	border: 4px inset rgb(247, 243, 11);
	background-color: rgb(214, 235, 193);
	color: rgb(39, 39, 34);
	padding: 5px;
	text-align: left;
}

table.funzioni_speciali {
	/* width: fit-content !important; */
	display: inline-block;
	padding: 10px;
	margin: 5px;
	width: auto;
}


.container_funzioni_speciali span {
	font-weight: 900;
	/* text-decoration: underline; */
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 100px;
}

div.box-cornice {
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 2px solid #ebf5a9;
	letter-spacing: 2px;
}

/*-----------------------------------------------------------Struttura select*/
select {
	border: 1px solid;
	padding: 2px;
	margin: 5px 0;
	height: 30px;
	text-align: center;
	cursor: pointer;
}

.comandi,
.pulisci {
	border: 2px inset;
	padding: 2px 2px;
	margin-top: 5px;
	text-transform: uppercase;
	cursor: pointer;
	height: 25px !important;
	width: 100px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
}

#menu_comandi {
	position: fixed;
	left: 750px;
	z-index: 210;
}

.box-video,
.box-contatti,
.box-dove-siamo {
	position: relative;
	background-color: black;
	color: white !important;
	border: 4px outset;
	width: auto !important;
	top: 50px;
	padding: 5px;
	text-align: center;
	z-index: 200;
}

.copyright {
	position: relative;
	top: -0.5em;
	font-size: 90%;
	color: white;
}

div#partita_iva {
	color: white !important;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

.manina {
	cursor: pointer;
}

/* .portata_consigliata{
  width:35px !important;
  top: 10px;;
  vertical-align: middle !important;
} */
.portata_consigliata {
		width: 30px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
		vertical-align: middle !important;
		display: inline;
	}