﻿html, body, form
{
	width: 100%;
	min-width: 320px !important;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 13px;
}

a
{
	text-decoration: none;
	color: blue;
}

	a:hover
	{
		color: darkblue;
	}

#testata
{
	background-color: white;
	min-width: 320px !important;
	height: 50px;
	position: fixed;
	box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.3);
	z-index: 1002;
	overflow: hidden;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
}

#titolo_pagina img /*logo*/
{
	border: none;
	padding: 0;
	display: block;
	height: 20px;
	margin: 5px 0 0 0;
}

#titolo_pagina
{
	height: 50px;
	line-height: 24px;
	font-size: 18px;
	color: #3c3f87;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 0 5px;
}

#hamburger_cella
{
	width: 314px;
	height: 50px;
	min-width: 214px !important;
	max-width: 314px !important;
	overflow: hidden;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	background-color: white;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 5px;
}

	#hamburger_cella img, .keepalive, #hamburger_cella input[type=image]
	{
		float: right;
		border: none;
		margin: 10px 0px 0px 2px;
		display: block;
		width: 30px;
		height: 30px;
		box-sizing: border-box;
	}

.keepalive
{
	line-height: 28px;
	font-size: 18px;
	color: #3c3f87;
	text-align: center;
	text-decoration: none;
	border: 1px solid #3c3f87;
	border-radius: 6px;
}

	.keepalive:hover
	{
		color: blue;
		border: 1px solid blue;
	}

	.keepalive.attivo
	{
		color: darkgreen;
		border: 1px solid darkgreen;
	}

#nav_container
{
	position: fixed;
	width: 100%;
	top: 50px;
	bottom: 0;
	z-index: 1011;
	overflow: auto;
	box-sizing: border-box;
}

.nav
{
	position: relative;
	z-index: 1009;
	width: 90%;
	top: 0;
	margin: 0 5%;
	border-bottom: 6px solid rgba(66,67,144,0.9);
	border-right: 6px solid rgba(66,67,144,0.9);
	border-left: 6px solid rgba(66,67,144,0.9);
	box-sizing: border-box;
	box-shadow: 0 3px 3px 3px rgba(60,60,60,0.4)
}

	.nav .nav_categoria
	{
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		color: #eee;
		padding: 0 10px;
		border-bottom: 1px solid #111;
		text-decoration: none;
		background-color: rgba(90,90,90,0.9);
		box-sizing: border-box;
	}

		.nav .nav_categoria:hover
		{
			color: #fff;
			background-color: rgba(60,60,60,1);
		}

	.nav .nav_voce
	{
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		color: #3c3f87;
		padding: 0 10px;
		border-bottom: 1px solid #666;
		text-decoration: none;
		background-color: rgba(220,220,220,0.9);
		text-shadow: 1px 1px 1px white;
		box-sizing: border-box;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
	}

		.nav .nav_voce:hover
		{
			color: #000;
			background-color: rgba(248,248,248,1);
		}

	.nav .nav_separatore
	{
		width: 100%;
		height: 5px;
		background-color: rgba(0,0,0,0.8);
		box-sizing: border-box;
	}

.nav_chiudi
{
	display: block;
	position: relative;
	z-index: 1010;
	width: 100px;
	height: 30px;
	background-color: #aaa;
	margin: -6px auto 10px auto;
	border-bottom: 6px solid rgba(66,67,144,0.9);
	border-right: 6px solid rgba(66,67,144,0.9);
	border-left: 6px solid rgba(66,67,144,0.9);
	box-sizing: border-box;
	box-shadow: 0 3px 3px 3px rgba(60,60,60,0.4);
	border-radius: 0 0 20px 20px;
	text-align: center;
	padding-top: 3px;
	color: #000;
	text-shadow: 1px 1px 1px #999;
	text-decoration: none;
}

	.nav_chiudi:hover
	{
		background-color: #333;
		color: #fff;
		text-shadow: 1px 1px 1px black;
	}

#centro
{
	position: relative;
	padding-top: 60px;
	box-sizing: border-box;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}
/*INIZIO RICERCA*/
.pannello_menu
{
	width: 98%;
	height: 30px;
	box-sizing: border-box;
	padding: 0 4px 0 10px;
	margin: 30px 1% 0px 1%;
	position: relative;
	z-index: 2;
}

	.pannello_menu a
	{
		width: 18%;
		height: 30px;
		line-height: 30px;
		background-color: #ddd;
		color: #777;
		text-decoration: none;
		padding: 0 5px;
		box-sizing: border-box;
		border-bottom: 1px solid #333;
		display: block;
		float: left;
		text-align: center;
		overflow: hidden;
		border-radius: 10px 10px 0 0;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #333;
		margin: 0 1%;
		font-size: 13px;
		box-shadow: 0px -2px 1px 0px rgba(0,0,0,0.25);
	}

		.pannello_menu a.selected
		{
			background-color: #fff;
			color: #333;
			border-top: 1px solid #333;
			border-right: 1px solid #333;
			border-left: 1px solid #333;
			border-bottom: 1px solid white;
			font-size: 13px;
			font-weight: bold;
		}

		.pannello_menu a:not(.selected)
		{
			cursor: pointer
		}

			.pannello_menu a:not(.selected):hover
			{
				background-color: #e5e5e5;
				color: #555;
				font-size: 14px;
				border-top: 1px solid #888;
				border-right: 1px solid #888;
				border-left: 1px solid #888;
			}

.pannello
{
	width: 99%;
	border: 1px solid #333;
	box-sizing: border-box;
	margin: -1px 0.5% 19px 0.5%;
	padding: 10px;
	background-color: white;
	position: relative;
	border-radius: 5px;
	z-index: 1;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
	overflow-x: auto;
}

.ricerca_blocco, .ricerca_blocco_100, .ricerca_blocco_float
{
	display: inline-block;
	background-color: #eee;
	box-sizing: border-box;
	padding: 5px;
	color: #333;
	vertical-align: top;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}

.ricerca_blocco
{
	width: 160px;
}

.ricerca_blocco_float
{
	float: left;
	margin-left: 0px;
	margin-right: 4px;
}

.ricerca_blocco_100
{
	width: 100%;
}

.ricerca_blocco .largo
{
	width: 100%;
}

.ricerca_blocco .medio
{
	width: 70%;
}

.ricerca_blocco .stretto
{
	width: 34%;
}

.ricerca_blocco .strettissimo, .ddl_filtro_on, .ddl_filtro_off
{
	width: 20%;
}

.ddl_filtro_on
{
	background-color: #ffe9a2;
}

.ricerca_blocco input[type=text]:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco input[type=number],
.ricerca_blocco select,
.ricerca_blocco_float input[type=text]:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco_float input[type=number],
.ricerca_blocco_float select,
.ricerca_blocco_100 input:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco_100 select
{
	border: 1px solid #bbb;
	height: 20px !important;
	box-sizing: border-box;
	width: 90%;
}

.ricerca_blocco input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco input[type=submit],
.ricerca_blocco_float input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco_float input[type=submit],
.ricerca_blocco_100 input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred),
.ricerca_blocco_100 input[type=submit]
{
	color: #444;
	background-color: #ddd;
	padding: initial 0px;
	font-size: 12px;
	border-width: 1px;
	margin-bottom: 1px;
}

	.ricerca_blocco INPUT[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred):hover,
	.ricerca_blocco INPUT[type=submit]:hover,
	.ricerca_blocco_float INPUT[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred):hover,
	.ricerca_blocco_float INPUT[type=submit]:hover,
	.ricerca_blocco_100 INPUT[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred):hover,
	.ricerca_blocco_100 INPUT[type=submit]:hover
	{
		color: #eee;
		background-color: #666;
	}

.ricerca_blocco span, .ricerca_blocco_100 span, .ricerca_blocco_float span
{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	background-color: #ccc;
	color: #222;
	text-align: left;
	margin: -5px -5px 5px -5px;
	padding: 0 5px;
	width: 100%;
}
/*FINE RICERCA*/
.chiudi
{
	background-color: red;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	position: fixed;
	top: 53px;
	right: 15px;
	z-index: 1000;
	color: white;
	text-decoration: none;
}

	.chiudi:hover
	{
		background-color: brown;
		color: #ccc;
	}
/*/INIZIO TABELLA INTERNO CELLA*/
.innertab
{
	border-collapse: collapse;
}

	.innertab td, .innertab th
	{
		text-align: left;
		border-spacing: 0px;
		margin: 0;
		white-space: nowrap;
	}

	.innertab th
	{
		background: none !important;
		font-weight: bold !important;
		padding-right: 10px !important;
	}

	.innertab tr:not(:last-child) td, .innertab tr:not(:last-child) th
	{
		border: none !important;
		border-bottom: 1px solid #ddd !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
	}

	.innertab tr:last-child td, .innertab tr:last-child th
	{
		border: none !important;
	}

/*/fine TABELLA INTERNO CELLA*/
/*INIZIO TABELLA*/
.tabella, .list_table
{
	width: 99%;
	border-collapse: collapse;
	margin: 0 auto;
	box-sizing: border-box;
}

	.tabella th, .list_table th
	{
		border: 1px solid #fff;
		border-bottom: 1px solid #bbb;
		background-color: #b6eef1;
		font-weight: normal;
		font-size: 11px;
		height: 20px;
		padding: 2px;
	}

	.list_table .list_titolo_hc, .tabella .list_titolo_hc
	{
		font-size: 13px;
		color: white;
		background-color: #08686d;
		font-weight:bold;
	}

	.tabella td, .list_table td
	{
		border: 1px solid #bbb;
		font-size: 10px;
		border-spacing: 0;
		padding: 2px;
		min-height: 18px;
	}

	.tabella input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred), .list_table input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred)
	.tabella input[type=submit], .list_table input[type=submit],
	.bottone_link
	{
		border: none;
		background-color: #bbb;
		height: 25px;
		width: 25px;
		line-height: 25px;
		display: inline-block;
		margin: 0 1px;
		padding: 0 5px;
		font-size: 12px;
		color: black;
		cursor: pointer;
	}

		.tabella input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred):hover, .tabella input[type=submit]:hover, .bottone_link:hover, .list_table input[type=button]:not(.acesvuota):not(.aceidbg):not(.aceidbgred):hover, .list_table input[type=submit]:hover, .bottone_link:hover
		{
			background-color: #555;
			color: #eee;
		}

	.tabella input[type=text], .tabella input[type=number], .list_table input[type=text], .list_table input[type=number]
	{
		border: none;
		background-color: #ffe9a2;
		height: 25px;
		text-align: center;
		color: #000;
	}

	.tabella select
	{
		height: 25px;
		border: none;
		background-color: #ffe9a2;
	}

	.tabella .tbp
	{
		width: 15%;
		max-width: 80px;
		min-width: 60px;
	}

	.tabella .paginatore, .list_table .paginatore
	{
		margin: 0 5px;
		color: blue;
		font-size: 14px;
		border: 1px solid blue;
		border-radius: 20px;
		display: inline-block;
		width: 18px;
		height: 18px;
		background-color: #eee;
		text-decoration: none;
	}

		.tabella .paginatore.selected, .list_table .paginatore.selected
		{
			color: white;
			border: 1px solid RED;
			background-color: red;
		}

	.tabella .lista1, .list_table .list_item_template
	{
		background-color: #fff;
	}

	.tabella .lista2, .list_table .list_item_template_2
	{
		background-color: #ecfeff;
	}

	.tabella .lista3, .list_table .list_item_template_3
	{
		background-color: #cdfcd0;
	}
	.tabella .lista4, .list_table .list_item_template_4
	{
		background-color: #fbe3ff;
	}
	.tabella .lista5, .list_table .list_item_template_5
	{
		background-color: #fdedff;
	}
	.tabella .selected, .list_table .list_item_template_s
	{
		background-color: #f5e6fb;
	}

	.tabella .warning
	{
		background-color: #e89d81;
	}

	.tabella .sottotitolo1, .tabella .sottotitolo2, .tabella .sottotitolo3
	{
		font-size: 12PX;
	}

	.tabella .sottotitolo1
	{
		background-color: #ccc;
		height: 26px;
	}

	.tabella .sottotitolo2
	{
		background-color: #eee;
		height: 23px;
	}

	.tabella .sottotitolo3
	{
		background-color: #eefff7;
	}

	.tabella .edit, .list_table .edit_item_template
	{
		background-color: #053156;
		color: white;
	}

		.tabella .edit select, .list_table .edit_item_template select,
		.tabella .edit input[type=text], .list_table .edit_item_template input[type=text]
		{
			background-color: #375a78;
			color: white;
		}

	.tabella .insert, .list_table .insert_item_template
	{
		background-color: #296228;
		color: white;
	}

		.tabella .insert select, .list_table .insert_item_template select,
		.tabella .insert input[type=text], .list_table .insert_item_template input[type=text]
		{
			background-color: #548153;
			color: white;
		}
/*FINE TABELLA*/
/*TABELLA DETTAGLIO*/
.tabdet
{
	width: 98%;
}

	.tabdet td
	{
		border: none;
		width: 50%;
	}

	.tabdet .hrs
	{
		height: 1px;
	}

		.tabdet .hrs td
		{
			min-height: 1px;
			padding: 0;
			margin: 0;
			height: 1px;
			border-top: none;
			border-right: none;
			border-left: none;
			border-bottom: 1px solid #ddd;
		}
/*FINE TABELLA DETTAGLIO*/
.btn_filtra
{
	margin: 1px 5px 1px 1px;
}
/*INIZIO SOVRAPPOSTO*/
.sovrapposto
{
}
/*FINE SOVRAPPOSTO*/
/*INIZIO OPERAZIONI*/
.operazioni
{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
}

	.operazioni .blocco
	{
		display: inline-block;
		text-align: center;
		width: 98%;
		margin: 0 1%;
	}

	.operazioni .titolo
	{
		font-size: 24px;
		color: #052b67;
		text-align: center;
		margin: 10px 0;
	}
/*FINBE OPERAZIONI*/
/*INIZIO ACCESSO*/
.accesso
{
	width: 300px;
	margin: 0 auto;
	font-size: 20px;
}


	.accesso .campi
	{
		width: 100%;
		height: 40px;
		border: 1px solid #ccc;
		border-radius: 10px;
		line-height: 40px;
		font-size: 20px;
		margin-bottom: 15px;
		box-sizing: border-box;
		padding: 0 5px;
	}

	.accesso .bottone,
	.operazioni .bottone
	{
		width: 100%;
		height: 40px;
		border: 1px solid #ccc;
		background-color: #eee;
		border-radius: 10px;
		line-height: 40px;
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		font-style: normal;
		margin-top: 15px;
		cursor: pointer;
		display: block;
		text-align: center;
	}

		.accesso .bottone:hover,
		.operazioni .bottone:hover
		{
			background-color: #999;
			color: #fff;
		}

/*FINE ACCESSO*/
/*INIZIO CELLA RITARDO commessa*/
.rit
{
	text-align: center;
	white-space: nowrap;
}

	.rit a
	{
		color: inherit;
		text-decoration: none;
	}

		.rit a:hover
		{
			color: forestgreen;
		}

	.rit.A1
	{
		background-color: #ff7e7e;
		color: white;
	}

	.rit.A2
	{
		background-color: #ffab8b;
		color: black;
	}

	.rit.A3
	{
		background-color: #ffe068;
		color: black;
	}
/*FINE CELLA RITARDO commessa*/
/*INIZIO CELLA STATO commessa*/
.mstati
{
	padding:0!important;
	vertical-align:top;
}
.mstati .stc
{
	float:left;
	width:100%;
	min-width:100px;
	white-space:nowrap;
}
.stc
{
	text-align: center;
	white-space: nowrap;
}
.stc span
{
	box-sizing:border-box;
	display:block;
	float:left;
	width:70%;
	text-align:left;
	padding:3px;
	overflow:hidden;
}
.stc i
{
	box-sizing:border-box;
	display:block;
	float:right;
	width:30%;
	font-style:normal; text-align:right;
	padding:3px;
	overflow:hidden;
}
	.stc a
	{
		color: inherit;
		text-decoration: none;
	}

		.stc a:hover
		{
			color: yellow;
		}

	.stc.NU a
	{
		color: blue;
	}

		.stc.NU a:hover
		{
			color: red;
		}

	.stc.CO
	{
		background-color: cyan;
		color: blue;
	}

	.stc.SP
	{
		background-color: violet;
		color: white;
	}

	.stc.CH
	{
		background-color: green;
		color: white;
	}

	.stc.LA
	{
		background-color: lightpink;
		color: blue;
	}

	.stc.EL
	{
		background-color: rosybrown;
		color: white;
	}

	.stc.AV
	{
		background-color: orange;
		color: white;
	}

	.stc.BL
	{
		background-color: red;
		color: white;
	}

	.stc.NG
	{
		background-color: black;
		color: white;
	}
/*FINE CELLA STATO commessa*/
/*INIZIO CELLA OF_STATO e CELLA AVVISI*/
.cella_avviso, .of_stato
{
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: central;
	font-size: 16px;
}

.cella_avviso
{
	background-color: red;
}

.of_stato.rosso
{
	background-color: red;
}

.of_stato.arancio
{
	background-color: #ff6d00;
}

.of_stato.giallo
{
	background-color: #ffe200;
	color: #666;
}

.of_stato.verde
{
	background-color: darkgreen;
}

.of_stato.azzurro
{
	background-color: lightblue;
}

.of_stato.indaco
{
	background-color: #eed6ff;
}

.btn_rif, .btn_rif_on
{
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	background-color: #b3f1ff;
	text-align: center;
	font-size: 11px;
	box-sizing: border-box;
}

	.btn_rif:hover
	{
		border: 1px solid red;
		color: red;
		background-color: #88e7fc
	}

	.btn_rif_on:hover
	{
		border: 1px solid black;
		color: black;
		background-color: #fcd2d2
	}

.btn_rif
{
	border-color: blue;
	color: blue;
	background-color: #b3f1ff;
}

.btn_rif_on
{
	border-color: brown;
	color: brown;
	background-color: #febaa8;
}

.btn_rif_c
{
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px solid blue;
	color: blue;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.6);
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	font-weight: normal;
}

	.btn_rif_c:hover
	{
		border: 1px solid red;
		color: red;
		background-color: rgba(255,255,255,0.8);
	}
/*FINE CELLA OF_STATO e CELLA AVVISI*/
.guida_chiudi
{
	display: block;
	position: absolute;
	top: -50px;
	right: 0px;
	font-size: 24px;
	/*font-weight:bold;*/
	color: white;
	text-decoration: none;
	border: 1px solid white;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.modal
{
	background-color: rgba(0,0,0,0.7);
}
/*INIZIO AVVISI*/
.avvisi
{
	border: 10px solid rgba(0,0,0,0.3);
	border-radius: 10px;
	position: fixed;
	height: 80%;
	width: 95%;
	max-width: 500px;
	z-index: 2000;
}

.avvisi_corpo
{
	background-color: white;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	overflow: auto;
}

.avvisi_chiudi
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 28px;
	/*font-weight:bold;*/
	color: white;
	text-decoration: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	z-index: 999998;
	background-color: red;
}

	.avvisi_chiudi:hover
	{
		color: #ddd;
		background-color: brown;
	}

.avvisi_titolo
{
	display: block;
	font-size: 16px;
	text-align: center;
	margin: 0 auto 10px auto;
	width: 80%;
	overflow: hidden;
}

.avvisi_testo
{
	display: block;
}
/*FINE AVVISI*/
/*INIZIO AUTOCOMPLETE*/
.autocomplete_completionListElement
{
	width: 300px;
	position: absolute;
	margin: 2px 0;
	padding: 0px;
	border-top: 1px solid black;
	z-index: 9999;
	position: relative;
}

.autocomplete_listItem, .autocomplete_highlightedListItem
{
	background-color: #eee;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: #333;
	overflow: hidden;
	cursor: pointer;
	line-height: 16px;
	width: 300px;
	color: windowtext;
	padding: 1px;
	z-index: 9999;
	position: relative;
}

.autocomplete_highlightedListItem
{
	color: red;
	background-color: #ccc;
	width: 300px;
	z-index: 9999;
	position: relative;
}

.aceidbg
{
	background-color: #eee;
	border: 1px solid #aaa;
}

.aceidbgred
{
	background-color: #eee;
	border: 1px solid red;
}

.acesvuota
{
	border: 1px solid darkred;
	color: darkred;
}

	.acesvuota:hover
	{
		border: 1px solid red;
		color: red;
		background-color: #aaa;
		cursor: pointer;
	}
/*FINE AUTOCOMPLETE*/
