/* ---------------------------------------------	*/
/* --		ELEMENTI		
/* --------------------------------------------	*/

body									{
	margin: 0em;
  padding: 0.1em;
	}
body, 
table, 
textarea,
p,
div,
select
{
	font-family:	Verdana, Arial, Helvetica, sans-serif; 
}	

html									
{
	font-size: .8em;
}	
 
.messaggio
{
    text-align:center;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    font-size: 24px;
    color: #ff0000;
}

code									
{ 
	font-size:1.2em;			
} 
	
input
{
	font-family:	Verdana, Arial, Helvetica, sans-serif; 
    color: black;
}	
										
a
{
    color: #4E4E4E;/*#E60000;*/
    font-weight:bold; 
    text-decoration:underline; 
    cursor: hand;
}

a:hover	
{	
    color: #E60000;
    font-weight:bold; 
    text-decoration:underline; 
    cursor: hand;
}	

	
/* ---------------------------------------------	*/
/* --		CURSORI		
/* ---------------------------------------------	*/
.cursorHand						{	cursor:pointer;				}
.cursorDefault				{	cursor:default;				}

/* ---------------------------------------------	*/
/* --		BARRE SCORRIMENTO		
/* ---------------------------------------------	*/
.scrollBar {
	overflow:scroll;
	}
.scrollBarNoneH {
	overflow-x:hidden;
	}
.scrollBarNoneV {
	overflow-y:hidden;
	}	
.scrollBarNone {
	overflow:hidden;
	}

/* ---------------------------------------------	*/
/* --		GENERICI		
/* ---------------------------------------------	*/
.displayBlock					{	display:block;				}
.hidden								{	display: none;				}
.nowrap								{	white-space:nowrap;		}
.floatL								{ float:left;						}
.floatR								{ float:right;					}
.floatNone						{ float:none;						}		


/* ---------------------------------------------	*/
/* --		LARGHEZZE		
/* ---------------------------------------------	*/
.wMax									{	width:100%;						}

/* ---------------------------------------------	*/
/* --		VARI
/* ---------------------------------------------	*/
.barraPulsanti {
	border-bottom: 0.05em solid #000000;
	}

/* ---------------------------------------------	*/
/* --		ALTEZZE		
/* ---------------------------------------------	*/
.h0										{ height:0px;						}
.h05em								{ height:0.5em;					}
.h1em									{ height:1em;						}

.hMax									{	height:100%;					}
.hToolBar							{	height:1.6em;					}


/* ---------------------------------------------	*/
/* --		RIENTRO	 (agisce verso l'interno)
/* ---------------------------------------------	*/
.padding0							{	padding:0.0em 0.0em 0.0em 0.0em;	}
.padding0L						{	padding-left:0.0em;								}
.padding0R						{	padding-right:0.0em;							}
.padding0T						{	padding-top:0.0em;								}	
.padding0B						{	padding-bottom:0.0em;							}

.padding02						{	padding:0.2em 0.2em 0.2em 0.2em;	}
.padding02L						{	padding-left:0.2em;								}
.padding02R						{	padding-right:0.2em;							}
.padding02T						{	padding-top:0.2em;								}	
.padding02B						{	padding-bottom:0.2em;							}

.padding05						{	padding:0.5em 0.5em 0.5em 0.5em;	}
.padding05L						{	padding-left:0.5em;								}
.padding05R						{	padding-right:0.5em;							}
.padding05T						{	padding-top:0.5em;								}	
.padding05B						{	padding-bottom:0.5em;							}

.padding1							{	padding:1.0em 1.0em 1.0em 1.0em;	}
.padding1L						{	padding-left:1.0em;								}
.padding1R						{	padding-right:1.0em;							}
.padding1T						{	padding-top:1.0em;								}	
.padding1B						{	padding-bottom:1.0em;							}



/* ---------------------------------------------	*/
/* --		MARGINE (agisce verso l'esterno)		
/* ---------------------------------------------	*/
.margin0							{	margin:0.0em 0.0em 0.0em 0.0em;		}
.margin0L							{	margin-left:0.0em;								}
.margin0R							{	margin-right:0.0em;								}
.margin0T							{	margin-top:0.0em;									}	
.margin0B							{	margin-bottom:0.0em;							}

.margin02							{	margin:0.2em 0.2em 0.2em 0.2em;		}
.margin02L						{	margin-left:0.2em;								}
.margin02R						{	margin-right:0.2em;								}
.margin02T						{	margin-top:0.2em;									}	
.margin02B						{	margin-bottom:0.2em;							}

.margin05							{	margin:0.5em 0.5em 0.5em 0.5em;		}
.margin05L						{	margin-left:0.5em;								}
.margin05R						{	margin-right:0.5em;								}
.margin05T						{	margin-top:0.5em;									}	
.margin05B						{	margin-bottom:0.5em;							}

.margin1							{	margin:1.0em 1.0em 1.0em 1.0em;		}
.margin1L							{	margin-left:1.0em;								}
.margin1R							{	margin-right:1.0em;								}
.margin1T							{	margin-top:1.0em;									}	
.margin1B							{	margin-bottom:1.0em;							}


/* ---------------------------------------------	*/
/* --		SFONDI		
/* ---------------------------------------------	*/
.testoGrigio1					{	color:#999999;										}
.testoRosso					  {	color:#00FF00;										}


/* ---------------------------------------------	*/
/* --		SFONDI		
/* ---------------------------------------------	*/
.bgXLightGray					{ background-color:#e3e3e3;					}
.bgDisabilitato				{ background-color:#f8f8f8;					}


/* ---------------------------------------------	*/
/* --		BORDI		
/* ---------------------------------------------	*/
.brdNone							{
	border-style:none;
	border-width:0.0em;	
	}
	
.brdCollapsed							{
	border-collapse:collapse;
	}
	
.brd005SNero			{ border: 0.05em solid #000000;			}
.brd005SGrigio1		{ border: 0.05em solid #999999;			}
.brd005SGrigio2		{ border: 0.05em solid #C0C0C0;			}



/* ---------------------------------------------	*/
/* --		ALLINEAMENTO		
/* ---------------------------------------------	*/
.left									{	text-align:left;									}
.center								{	text-align:center;								}
.right								{	text-align:right;									}
.justify							{	text-align:justify;								}
.top									{	vertical-align:top;								}
.middle								{	vertical-align:middle;						}
.bottom								{	vertical-align:bottom;						}


/* ---------------------------------------------	*/
/* --		TESTO STILI		
/* ---------------------------------------------	*/
.normal								{	font-weight:normal;								}
.bold									{	font-weight:bold;									}
.italic								{	font-style:italic;								}
.smallCaps						{	font-variant:small-caps;					}




/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* -- STILI SPECIFICI - ELEMENTI
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ---------------------------------------------	*/
/* --		PULSANTE		
/* --------------------------------------------	*/
input.pulsante					{
	font-size:0.9em;
	}	


/* ---------------------------------------------	*/
/* --		CONTROLLI TESTO		
/* --------------------------------------------	*/
input.controlloTesto		{
	border:0.05em solid;
	}	

/* TextBox multiline */
textarea.controlloTesto	{
	border:0.05em solid;
	}		


	
/* ---------------------------------------------	*/
/* --		FIELDSET		
/* ---------------------------------------------	*/
fieldset							{ 
	border:solid 0.08em #C0C0C0;	
	}
fieldset legend				{
	padding:0em 0.5em 0em 0.5em;
	font-variant:small-caps;
	font-weight:bold;
	color:#a0a0a0;
	}	
fieldset div 					{	
	width:98%;				
	margin:0.5em 0.5em 0.5em 0.5em;
	}	
	
	
/* ---------------------------------------------	*/
/* --		TABULATORE AD ANCORE	
/* ---------------------------------------------	*/			
.tabGeneric							{ 
	cursor:pointer;
	height:2em;
	}
	
.tabSelected						{
	cursor:pointer;
	height:2em;
	}	

	
/* ---------------------------------------------	*/
/* --		TREE VIEW		
/* ---------------------------------------------	*/
.treeRoot								{	
	font-weight:bold; 	
	}
.treeHover							{		
	color:#c10000;
	border-bottom:1px dashed #c10000;	
	}
.treeSelectedNode				{	
	font-weight:bold; 	
	color:#c10000;
	border-bottom:1px dashed #c10000;	
	
	}	



/* -- STILI SPECIFICI APPLICAZIONE
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ---------------------------------------------	*/
/* -- INTESTAZIONE
/* ---------------------------------------------	*/

.Intestazione							{
	width:100%;
	height:68px;
	}
	
.IntestazioneInfo					{
	height:59px;
	padding-right:6px;
	text-align:right;									
	color:#ffffff;
	overflow:hidden;
	background-color:  #e60000;
	}
	
.IntestazioneInfoApp			{
	/*width:644px;*/
	white-space:nowrap;	
	text-align:right;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
	}
	
.IntestazioneInfoUtente		{
	/*width:100%;*/
	font-size:0.8em;
    color:#ffffff;
	}
	
/* ---------------------------------------------	*/
/* --	CONTENITORE MENU (contiene: Menu a sinistra)		
/* ---------------------------------------------	*/
.contenitoreMenu										{
	width:100%;
	vertical-align:top;
	background-color:#e3e3e3;	
	}	
	
	
/* ---------------------------------------------	*/
/* --	CONTENITORE PRINCIPALE (contiene: briciole di pane - multilingua - descrizione servizio - pagina)		
/* ---------------------------------------------	*/
.contenitorePrincipale		{
  width:90%; 
  height:100%;
  vertical-align:top;
}
	

/* ---------------------------------------------	*/
/* --	CONTENITORE NAVIGAZIONE (contiene: briciole di pane - multilingua)		
/* ---------------------------------------------	*/
.contenitoreNavigazione		{
  width:100%; 
  height:1.8em;
  vertical-align:middle;
  background-color:#e3e3e3;
  border:0;
  /*border-top:solid 0.1em #e3e3e3;  
  border-bottom:solid 0.1em #C0C0C0;*/
  /*BORDER-RIGHT: #505050 2px solid; 
  BORDER-TOP: #f0f0f0 2px solid; 
  BORDER-LEFT: #f0f0f0 2px solid; 
  BORDER-BOTTOM: #505050 2px solid; */
}
	

/* ---------------------------------------------	*/
/* --	CONTENITORE DESCRIZIONE SERVIZIO (contiene: descrizione servizio)		
/* ---------------------------------------------	*/
.contenitoreDescrizione {
  width:100%; 
  vertical-align:middle;
  padding-top:0.2em;
  padding-left:1.0em;
  color:#999999;
	}
	
	
/* ---------------------------------------------	*/
/* --	CONTENITORE PAGINA (contiene: pagina)		
/* ---------------------------------------------	*/
.contenitorePagina 
{
  width:100%; 
	}
	
	
/* ---------------------------------------------	*/
/* --		MENU		
/* ---------------------------------------------	*/

/* .........................................................................	
Elemento del menu: principale */

a.elementoPrincipale,
a.elementoPrincipale:link,		
a.elementoPrincipale:visited		{ 
	height:1.8em;
	padding-right:0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#e3e3e3;	
	color:#000000;	
	font-weight:bold;		
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}		
a.elementoPrincipale:hover			{ 
	height:1.8em;
	padding-right:0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#666666;	
	color:#ffffff;	
	font-weight:bold;		
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
}	
														
a.linkWhite
{
    color: white;
    font-weight:bold;
    text-decoration:underline;
}
a.linkWhite:hover
{
    text-decoration:none;
    color: white;
}


/* ---------------------------------------------	*/
/* --		ANNO BUDGET		
/* ---------------------------------------------	*/

.AnnoBudget
{
    text-decoration:none;
    font-weight:bold;
    font-size: 12px;
    color: white;
}

/* .........................................................................	
Elemento del menu: allo stesso livello del principale */

a.elementoLiv0,
a.elementoLiv0:link,		
a.elementoLiv0:visited		{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #e3e3e3;
	border-bottom:solid 0.1em #666666;
	background-color:#e3e3e3;	
	color:#000000;
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block; 
	}		
a.elementoLiv0:hover			{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#666666;	
	color:#ffffff;
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}		

/* .........................................................................	
Elemento del menu: allo stesso livello del principale selezionato */

a.elementoLiv0Sel,
a.elementoLiv0Sel:link,		
a.elementoLiv0Sel:visited { 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #666666;
	border-bottom:solid 0.1em #666666;
	background-color:#666666;	
	color:#ffffff;
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}		
a.elementoLiv0Sel:hover			{	
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#666666;	
	color:#ffffff;
	text-indent:0.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}

/* .........................................................................	
Elemento del menu: primo livello */
	
a.elementoLiv1,	
a.elementoLiv1:link,		
a.elementoLiv1:visited		{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #e3e3e3;
	border-bottom:solid 0.1em #666666;
	background-color:#e3e3e3;	
	color:#000000;
	text-indent:1em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}		
a.elementoLiv1:hover			{   
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#E60000;	
	color:#ffffff;
	text-indent:1em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}						

/* .........................................................................	
Elemento del menu: primo livello selezionato */	

a.elementoLiv1Sel,		
a.elementoLiv1Sel:link,		
a.elementoLiv1Sel:visited		{
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #666666;
	border-bottom:solid 0.1em #666666;
	background-color:#666666;	
	color:#ffffff;
	text-indent:1em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;	
	}	
a.elementoLiv1Sel:hover			{
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#E60000;	
	color:#ffffff;
	text-indent:1em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;	
	}

/* .........................................................................	
Elemento del menu: secondo livello */	

a.elementoLiv2,					
a.elementoLiv2:link,		
a.elementoLiv2:visited		{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #f8f8f8;
	border-bottom:solid 0.1em #666666;
	background-color:#f8f8f8;	
	color:#000000;
	text-indent:1.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}		
a.elementoLiv2:hover			{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#E60000;	
	color:#ffffff;
	text-indent:1.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;
	}	

/* .........................................................................	
Elemento del menu: secondo livello selezionato */		
									
a.elementoLiv2Sel,
a.elementoLiv2Sel:link,		
a.elementoLiv2Sel:visited		{ 	
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #666666;
	border-bottom:solid 0.1em #666666;
	background-color:#666666;	
	color:#ffffff;
	text-indent:1.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;	
	}	
a.elementoLiv2Sel:hover			{ 
	padding:0.2em 0em 0.2em 0.2em;
	border-top:solid 0.1em #ffffff;
	border-bottom:solid 0.1em #ffffff;
	background-color:#E60000;	
	color:#ffffff;
	text-indent:1.5em;
	vertical-align:middle;
	white-space:nowrap;
	display:block;	
	}

/* .........................................................................	
Elemento del menu: spaziatura dagli elementi in primo piano */	

.spaziaturaElementi			{ 
	height:3em;
	padding:0em 0em 0em 0.2em;
	border-bottom:solid 0.1em #666666;
	background-color:#e3e3e3;	
	color:#00ff00;
	display:block;		
	}
	

/* ---------------------------------------------	*/
/* --		BRICIOLE DI PANE		
/* ---------------------------------------------	*/
.briciole
{
	height:100%;
	float:left;
	white-space:nowrap;
	text-indent:0.2em;
    vertical-align: middle;
	color:#000000;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	FONT-STYLE: normal; 
	FONT-FAMILY: verdana; 
}
	
	
/* ---------------------------------------------	*/
/* --	LOCALIZZAZIONE
/* ---------------------------------------------	*/
.localizzazione								{
	height:100%;
	float:right;
	white-space:nowrap;
	vertical-align:middle;
	padding-right:4px;
	}
	
	
/* ---------------------------------------------	*/
/* --		CONTENUTO TEMPLATE	PAGINA
/* ---------------------------------------------	*/
.pageContent						{
  height:100%;
  width:100%;
  padding:1em;
	}
	
	
/* ---------------------------------------------	*/
/* --		CONTENUTO TEMPLATE	PAGINA
/* ---------------------------------------------	*/
.pageContent						{
  height:100%;
  width:100%;
  padding:1em;
	}
	
	
/* ---------------------------------------------	*/
/* --	Piè di pagina
/* ---------------------------------------------	*/
.piePagina
						{
	height:1.6em;
	text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  border-top:solid 0.1em #C0C0C0;
  margin-top:1em;
	}


/* ---------------------------------------------	*/
/* --	GRIGLIA
/* ---------------------------------------------	*/
.griglia	{ 
	/*background-color: #c0c0c0;	*/
	BORDER-RIGHT: #505050 2px solid; 
	BORDER-TOP: #f0f0f0 2px solid; 
	BORDER-LEFT: #f0f0f0 2px solid; 
	BORDER-BOTTOM: #505050 2px solid; 
	font-weight:bold;
	color: #4E4E4E;
	PADDING-LEFT: 8px; 
}

/* Titolo griglia */	
.petrolBGOLD
{ 
	font-weight:bold;
	background-color: #E60000;	
	color: White; 	
	height: 30px;		
}
.petrolBG
{ 	
	background-color: #CECECE;	
	color: #4E4E4E; 	
	height: 30px;		
}

.petrolBG a
{ 	
	background-color: #CECECE;	
	color:  #4E4E4E; 	
	height: 30px;		
}	

.petrolBG a:hover	
{	
	font-weight:bold;
	background-color: #E60000;	
	color: #FFFFFF; 	
	height: 30px;		
}	

.ItemGriglia
{ 
	background-color: #FFFFFF;
	color: black; 	
	height: 30px;		
	PADDING-LEFT: 8px; 
	font-weight:normal ;
}
	
.RigaAlternata
{ 
	background-color:  #e3e3e3;
	color: black; 	
	height: 30px;		
	PADDING-LEFT: 8px; 
	font-weight:normal ;
}

.EditItemGriglia
{ 
	background-color: #FFFFFF;
	color:black;
	font-weight:normal ;
}	

.SelectedItemGriglia
{ 
	background-color:Gray;
	color:White;
	font-weight:bold;
}	

.grigliaPaginatore
{ 
	background-color:	#c0c0c0;	
	color:black;
}

.grigliaRigaPulsanti	
{ 
	background-color:	#e3e3e3;	
	color:#000000;
}

.ajaxLoading
{
  background-image: url('../images/ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

.logo
{
    background-image:url('../images/logo.png');
    background-repeat:repeat-x;
    width:65px;
    height:104px;
    position: absolute;
    z-index: -10;
}


.hideIcon {
	display:none;
}

.showIcon {
	display:block;
}


input.error { border: 2px solid red !important;}

textarea.error { border: 2px solid red !important;}

select.error { border: 2px solid red; }

/*rderror { border: 2px solid red; border-image: none;  !important;}*/


#progressBar {
  width: 90%;
  margin: 10px auto;
  height: 10px;
  background-color: #0A5F44;
}

#progressBar div {
  height: 90%;
  text-align: right;
  padding: 0 10px;
  /*line-height: 10px; */ /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #CBEA00;
  box-sizing: border-box;
}


#loading-bar-spinner.spinner {
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 20000 !important;
    animation: loading-bar-spinner 400ms linear infinite;
}

#loading-bar-spinner.spinner .spinner-icon {
    width: 40px;
    height: 40px;
    border:  solid 4px transparent;
    border-top-color:  red !important;
    border-left-color: red !important;
    border-radius: 50%;
}

@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

#progressBar {
  width: 90%;
  margin: 10px auto;
  height: 10px;
  background-color: #0A5F44;
}

#progressBar div {
  height: 90%;
  text-align: right;
  padding: 0 10px;
  /*line-height: 10px; */ /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #CBEA00;
  box-sizing: border-box;
}
/*

    Login Google Authenticator

*/

#configurationContainer 
{
    display: none;   
}
#googleManualKey 
{
    font-weight: bold;   
}

.resizableColumnsGridView {
	word-wrap: break-word;
	word-break: break-word;
}
.multilineTextbox {
	width: 300px;
	max-width: 300px;
	min-width:300px;
}