
	#modaleGenerica titolo {
		color: #e32f28;
		font-weight: bold;
		position: absolute;
		top:14vh;
		z-index: 1;
		background-color: #ededed;
		color:#0a3752;
		text-transform: uppercase;
		width: calc(100% - 4vh);
		padding: 1vh 1vh 2vh 3vh;
		
		height: 10vh;
	}
	
	#modaleGenerica menu {
		display: flex;
		flex-wrap: nowrap;
		height:9vh;
		justify-content: space-evenly;
		background-color:#ededed;
		width: 100%;
	}
	
	#modaleGenerica menu>* {
		border:solid 2vh white;
		border-image: url(../immagini/bordo-s.png) 20% stretch;
		z-index: 2;
	}
	
	#modaleGenerica menu .scelta {
		z-index: 1;
		background-color: white;
		border-image: url(../immagini/bordo-c.png) 20% stretch;
	}

	#modaleGenerica menu.piu .scelta {
		margin-left: -.5vh; 
		margin-right: -.5vh; 
	}

	#modaleGenerica menu.piu .prima {
		margin-right:.5vh;
	}
	
	#modaleGenerica menu.piu .ultima {
		margin-left:.5vh;
	}

	#modaleGenerica menu.piu .scelta.prima {
		margin:0vh;
	}
	
	#modaleGenerica menu.piu .scelta.ultima {
		margin:0vh;
	}


	#modaleGenerica menu .scelta.prima {
		border-image: url(../immagini/bordo-sx.png) 20% stretch;
	}
	#modaleGenerica menu .scelta.ultima {
		border-image: url(../immagini/bordo-dx.png) 20% stretch;
	}


		#modaleGenerica menu part {
			background-image:url('../immagini/icon_partenze.svg');
			border-right:solid 1px #ccc;
		}
		
		#modaleGenerica menu arri {
			background-image:url('../immagini/icon_arrivi.svg');
			border-right:solid 1px #ccc;
		}
		
		#modaleGenerica menu scan {
			background-image:url('../immagini/icon_fotocamera.svg');
		}
		
	
	#modaleGenerica table {
		width:100%;
	}
	
	#dataVoli {
		color:red;
		font-size:.5em;
		font-style:italic;
	}
	#listaVoli {
		font-size:.8em;
		/*margin-bottom: 4vh;*/
		font-weight: bold;
	}

	#listaVoli gg,
	#listaVoli ge {
		color:#0a375255;
		font-size: .9em;
		margin: 1px;
	}

	#listaVoli ge {color:#e32f28;font-weight: bold;}

	#listaVoli label[for="includiVoliSpenti"]{
		display: inline-block;
		margin-left: 3px;
		height: 10px;
		line-height: 10px;
	}

	#listaVoli .spento td {
		color:#bcbcbc;
	}

	#listaVoli tasto {
		position: absolute;
		width: calc(100% - 8vw);
		bottom: 3vh;
		background-color: #6bb98e;
		color:whitesmoke;
		font-weight: bold;
		border:solid 1px #ccc;
		padding: 2vw;
		text-align: center;
		border-radius: 2vw;
	}

	#listaVoli select {
		position: absolute;
		height: 5vh;
		padding: 2vw;
		width: calc(100% - 4vw);
		border: solid 1px white;
		background-color: white;
		border-radius:3vw;
	}

	#datiCartaImbarco {
		text-align:center;
	}
	
		#datiCartaImbarco compagnia {
			width:100%;
		}
		
			#datiCartaImbarco compagnia img {
				width:100%;
			}
			
			#datiCartaImbarco compagnia h4 {
				margin-top:2vh;
				font-size:2em;
			}
			
			#datiCartaImbarco compagnia h5 {
				margin-top:2vh;
				margin-bottom:3vh;
				font-weight: normal;
				font-size:1.2em;
			}
			
		#datiCartaImbarco table {
			width:100%;
			border-collapse: collapse;
		}
		
		#datiCartaImbarco table tr:nth-child(odd) td {
			font-weight: 100;
		}
		
		#datiCartaImbarco table tr:nth-child(even) td {
			height:8vh;
			vertical-align: top;
			font-weight: bold;
			font-size:1.5em;
			margin-bottom:10px;
		}
		
		
		#datiCartaImbarco table tr:nth-child(odd) td:nth-of-type(2) {
			background:linear-gradient(#ccc 100%, #ccc 100%) top left / 1px 100% no-repeat
		}
		
		#datiCartaImbarco table tr:nth-child(even) td:nth-of-type(2) {
			background:linear-gradient(#ccc 100%, #ccc 100%) top left / 1px 80% no-repeat
		}

	#listaVoli td:first-child,#listaVoli td:last-child  {
		border: unset;
		/*background-color: pink !important;*/
	}
	
	#dettaglioVoli,#dettaglioScanner,#corniceModaleAggiornamentoVoloPush {
		overflow: auto;
		height: 66vh;
		background-color: white;
		border-radius: 2vh;
	}
#corniceModaleAggiornamentoVoloPush {
	top:12vh;
	text-align:center;
	width: 90vw;
left: 3vw;
}
	#dettaglioVoli.prima,
  #corniceModaleAggiornamentoVoloPush.prima{  border-top-left-radius:0; }
	#dettaglioScanner{ border-top-right-radius:0; }
	
	#dettaglioVoli .dettaglioVoloTable,
	#dettaglioVoli .dettaglioVolo,
  #corniceModaleAggiornamentoVoloPush .dettaglioVolo{
		text-align: center;
	}

	#dettaglioVoli .dettaglioVolo,
  #corniceModaleAggiornamentoVoloPush .dettaglioVolo {
		width: 100%;
	}

	#dettaglioVoli .dettaglioVolo img,
  #corniceModaleAggiornamentoVoloPush .dettaglioVolo img {
		width: 100%;
	}

	#dettaglioVoli .dettaglioVolo h4,
  #corniceModaleAggiornamentoVoloPush .dettaglioVolo h4 {
		margin-top: 2vh;
		font-size: 2em;
	}

	#dettaglioVoli .dettaglioVolo h5,
  #corniceModaleAggiornamentoVoloPush .dettaglioVolo h5 {
		margin-top: 2vh;
		margin-bottom: 3vh;
		font-weight: normal;
		font-size: 1.2em;
	}

	#dettaglioVoli .dettaglioVoloTable,
  #corniceModaleAggiornamentoVoloPush .dettaglioVoloTable {
		width: 100%;
		border-collapse: collapse;
	}

	#dettaglioVoli .dettaglioVoloTable tr:nth-child(odd) td,
  #corniceModaleAggiornamentoVoloPush .dettaglioVoloTable tr:nth-child(odd) td {
		font-weight: 100;
	}

	#dettaglioVoli .dettaglioVoloTable tr:nth-child(even) td,
	#corniceModaleAggiornamentoVoloPush .dettaglioVoloTable tr:nth-child(even) td {
		height: 8vh;
		vertical-align: top;
		font-weight: bold;
		font-size: 1.5em;
		margin-bottom: 10px;
	}

	#dettaglioVoli .dettaglioVoloTable tr:nth-child(odd) td:nth-of-type(2) ,
	#corniceModaleAggiornamentoVoloPush .dettaglioVoloTable tr:nth-child(odd) td:nth-of-type(2) {
		background: linear-gradient(#ccc 100%, #ccc 100%) top left / 1px 100%
			no-repeat;
	}

	#dettaglioVoli .dettaglioVoloTable tr:nth-child(even) td:nth-of-type(2),
  #corniceModaleAggiornamentoVoloPush .dettaglioVoloTable tr:nth-child(even) td:nth-of-type(2){
		background: linear-gradient(#ccc 100%, #ccc 100%) top left / 1px 80% no-repeat;
	}

	#datiCartaImbarco .chiudi,
	#dettaglioVoli .chiudi {
		text-align: center;
		color:white;
		background-color: red;
		font-weight: 800;
		position: absolute;
		bottom: 3vh;
		width: calc(100% - 8vw);
		padding:2vw;
		border-radius:2vw;
		z-index:2;
	}
#corniceModaleAggiornamentoVoloPush .chiudi {
	display: none;
}
	#scannerCartaImbarco {
		border:unset !important;
		height: 100% !important;
		
		text-align: center;
		color:#0a3752;
		
		display:none;
	}
	
	.decollato {
		color:#ff000088;
	}
	.gatechiuso {
		color: red;
	}
	.cancellato {
		background-color: red;
		color:white;
	}
	.imbarco {
		color: #ded105;
	}
	.ultimachiamata {
		color: orange;
	}
	.atterrato {
		color:#00ff0077;
	}
	.gateaperto {
		color: green;
	}

	#inviaNotificaPush {
		display:none;
	}
	
	#tasto_stato_push {
		/*width:	5vh;*/
		height:5vh;
		line-height:5vh;
		background-color:orange;
		border-radius:1vh;
		display:inline-block;
		/*margin-right: 15px;*/
		float:left;
		padding: 0 5vw;
		color:white;
		font-weight:bold;
	}
	
	#tasto_stato_push.attivo {
		background-color:green;
	}
	
	label[for=inviaNotificaPush]{
		display:inline-block;
		line-height:5vh;
		float:left;
	}
	
	img.notifica_attiva {
		width:15px;
		height:15px;
		object-fit:contain;
	}