/**********************************************************************************/
/******* METERING.CSS *************************************************************/
/**********************************************************************************/
/******* Edited by Roberto Albano       *******************************************/
/*******                                *******************************************/
/******* versione: 1.0                  *******************************************/
/*******                                *******************************************/
/******* ultima modifica:               *******************************************/
/******* 27 Gennaio 2011                *******************************************/
/*******                                *******************************************/
/******* Copyright Engineering Spa 2010 *******************************************/
/**********************************************************************************/


/**********************************************************************************/
/******* COMMON *******************************************************************/
/**********************************************************************************/

div										/* IMPOSTAZIONE DI DEFAULT PER TUTTI I DIV PRESENTI NELLA PAGINA */
{
	width: auto;	
	margin: 0;  
}


/**********************************************************************************/
/******* MAIN   *******************************************************************/
/**********************************************************************************/


.metering_formMaster_class,
#metering_formMaster					/* FORM PRINCIPALE DELLA PAGINA, LA PAGINA VIENE CENTRATA, POSSIEDE UN LEGGERO BORDO GRIGIO, E HA UNA IMMAGINE COME SFONDO */
{																			
	border: 1px lightgray solid;
	
	height: auto;
	width: 1024px;
	position: relative; /*absolute;*/
	left: 50%;
	margin-left: -512px;
    /*dspreply
	background-image:url('../_Styles/img/MeteringBackground.jpg');
	background-attachment:scroll;
	background-repeat:repeat-y;*/ 
	
/*	overflow: auto; */

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px;      /* MOZILLA */
    -webkit-border-radius: 3px;   /* CHROME, SAFARI */
    border-radius: 3px;			  /* CSS 3 STANDARD */
}


/**********************************************************************************/
/******* HEADER *******************************************************************/
/**********************************************************************************/

.metering_header_class,
#metering_header				/* TESTATA DELLA PAGINA: DALL'ALTO VERSO IL BASSO COMPRENDE LE INFORMAZIONI SULL'UTENTE, IL LOGO E LA BREADCRUMB */
{ 	
	height:110px;
}

.metering_header_userinfo_class,
#metering_header_userinfo	    /* PARTE SUPERIORE DELLA TESTATA, DOVE SONO POSIZIONATE LE INFORMAZIONI DELL'UTENTE CONNESSO E IL LOGOUT */
{ 	
	height:25px;
    background:#FFFFFF;
	/*background: #054966;*/ /*dspreply: restyle Master Page*/
    text-align:right;
}

.metering_header_logo_class,
#metering_header_logo		    /* PARTE CENTRALE DELLA TESTATA, DOVE E' POSIZIONATO IL LOGO GRANDE */
{ 	
	height:60px;
	/*background-image:url('../_Styles/img/MeteringLogo1024x60new.png');*/ /*dspreply: restyle Master Page*/
    background-image:url('../_Styles/img/header-background_v3.png');
	background-repeat:no-repeat;
}

.metering_header_breadcrumb_class,
#metering_header_breadcrumb		/* PARTE INFERIORE DELLA TESTATA, DOVE E' POSIZIONATA LA BREADCRUMB */
{ 	
	height:25px;
	/*background: #D2D3D5; dspreply*/
    background:#FFFFFF;
}

/**********************************************************************************/
/******* BODY   *******************************************************************/
/**********************************************************************************/

.metering_body_class,
#metering_body						/* PARTE CENTRALE DELLA PAGINA: DALL'ALTO VERSO IL BASSO COMPRENDE I COMANDI DELLA PAGINA CORRENTE, IL MENU' E LA PAGINA CHE SI STA VISITANDO */
{
	width: 100%;
	min-height:720px; /*dspreply*/
	height:auto;
}

.metering_body_menu_class					/* CONTAINER LATERALE SINISTRO DEL MENU' */
{
	float:left;
	width:200px;
	position:absolute;
	height:auto;
	/*padding-top:8px;*/
}

.metering_body_content_class		/* CONTAINER LATERALE DESTRO DEL CONTENUTO */
{
	width: 810px; 
	height:auto;
	float: right;
	margin: 10px 10px 50px 0px;

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px;    	/* MOZILLA */
    -webkit-border-radius: 3px;    	/* CHROME, SAFARI */
    border-radius: 3px;				/* CSS 3 STANDARD */}

.metering_body_content_title_class	/* CONTAINER LATERALE DESTRO DEL CONTENUTO - PARTE SUPERIORE: TITOLO */
{
    width: 802px;
	/*min-width: 740px;*/
	height: 28px;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align:bottom;
	background: rgb(1, 107, 182); /*#A3B3C0; dspreply*/
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px 3px 0px 0px;	/* MOZILLA */
    -webkit-border-radius: 3px 3px 0px 0px;	/* CHROME, SAFARI */
    border-radius: 3px 3px 0px 0px; 		/* CSS 3 STANDARD */
}

/* per non modificare tutti gli aspx, questo selettore fa si che tutti gli elementi
    della classe metering_label_left_navy_bold E
    dipendenti della classe metering_body_content_title_class
    siano colorati di bianco */
.metering_body_content_title_class .metering_label_left_navy_bold
{
    color:#FFFFFF;
}

.metering_body_content_title_login_class > div {
    height: 100%;
    display: flex;
}

.metering_body_content_title_login_class .metering_label_left_navy_bold
{
    color:#FFFFFF;
}

.metering_body_content_title_class_nuovoRef	/* CONTAINER LATERALE DESTRO DEL CONTENUTO - PARTE SUPERIORE: TITOLO */
{
    width: 670px;
	/*min-width: 740px;*/
	height: 28px;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align:bottom;
	background: #A3B3C0;
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px 3px 0px 0px;	/* MOZILLA */
    -webkit-border-radius: 3px 3px 0px 0px;	/* CHROME, SAFARI */
    border-radius: 3px 3px 0px 0px; 		/* CSS 3 STANDARD */
}

.metering_body_content_title_login_class	/* CONTAINER LATERALE DESTRO DEL CONTENUTO - PARTE SUPERIORE: TITOLO */
{
    width: auto;
	height: 28px;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align:bottom;
	background: rgb(1, 107, 182); /*#A3B3C0; dsreply*/
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px 3px 0px 0px;	/* MOZILLA */
    -webkit-border-radius: 3px 3px 0px 0px;	/* CHROME, SAFARI */
    border-radius: 3px 3px 0px 0px; 		/* CSS 3 STANDARD */
}
.metering_body_content_collapse_title_class	 /* TITOLO CONTAINER COLLASSABILE */
{
    width: 100%;
	height: 28px;
	/*background: gray; dspreply*/
	padding-left: 0px;
	padding-right: 10px;
	vertical-align:bottom;
	background: #C2D5E5; /*rgb(1, 107, 182); dspreply*/
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px 3px 0px 0px;	/* MOZILLA */
    -webkit-border-radius: 3px 3px 0px 0px;	/* CHROME, SAFARI */
    border-radius: 3px 3px 0px 0px; 		/* CSS 3 STANDARD */
}
.metering_body_content_box_login_class     /* CONTAINER LATERALE DESTRO DEL CONTENUTO - SOLO PER IL LOGIN */
{
	width: auto;
	height:auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;	
	background: #D2D3D5;
	margin-bottom: 10px;

    filter:alpha(opacity=70);
    opacity:0.70;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 0px 0px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 0px 0px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 0px 0px 3px 3px;			 /* CSS 3 STANDARD */
}

.metering_body_content_box_class
{
    width: 805px;
    height: auto;
	border-top: 0px;
    /*dspreply
	border-left: 1px lightgray solid;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;*/
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    background: #FFFFFF;
    margin-bottom: 10px;
    filter: alpha(opacity=70);
    opacity: 0.70; /* BORDI ARROTONDATI */
    -moz-border-radius: 0px 0px 3px 3px; /* MOZILLA */
    -webkit-border-radius: 0px 0px 3px 3px; /* CHROME, SAFARI */
    border-radius: 0px 0px 3px 3px; /* CSS 3 STANDARD */
}

.metering_body_content_box_results_class
{
    width: 805px;
    height: auto;
	border-top: 0px;
    /*dspreply
	border-left: 1px lightgray solid;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;*/
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    background: #FFFFFF;
    margin-bottom: 10px;
    filter: alpha(opacity=70);
    opacity: 0.70; /* BORDI ARROTONDATI */
    -moz-border-radius: 0px 0px 3px 3px; /* MOZILLA */
    -webkit-border-radius: 0px 0px 3px 3px; /* CHROME, SAFARI */
    border-radius: 0px 0px 3px 3px; /* CSS 3 STANDARD */
    overflow:auto;
}

.metering_body_content_box_treeview_title_class     /* CONTAINER LATERALE DESTRO DEL CONTENUTO - PARTE INFERIORE: CONTENUTO VERO E PROPRIO */
{
	min-width:340px;
	height: 28px;
	padding: 2px;
	background: #A3B3C0;
	margin: 2px;

	font-weight:bold;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 3px 3px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 3px 3px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 3px 3px 3px 3px;			 /* CSS 3 STANDARD */
}


.metering_body_content_box_treeview_class     /* CONTAINER LATERALE DESTRO DEL CONTENUTO - PARTE INFERIORE: CONTENUTO VERO E PROPRIO */
{
	width:380px;
	height:auto;
	max-height:500px;
	padding: 10px;
	background: white;
	margin-bottom: 10px;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 3px 3px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 3px 3px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 3px 3px 3px 3px;			 /* CSS 3 STANDARD */
}

.metering_body_content_box_treeview_tvw_class
{
	width:360px;
	height:auto;
	max-height:440px;
	padding: 10px;
	background: white;
	margin-bottom: 10px;
	overflow:auto;
	float:left;
	text-align:left;
	border:1px solid red;

    filter:alpha(opacity=80);
    opacity:0.80;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 3px 3px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 3px 3px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 3px 3px 3px 3px;			 /* CSS 3 STANDARD */	
}

.metering_body_content_commands_class		/* CONTAINER ORIZZONTALE DEI COMANDI DELLA PAGINA CORRENTE */
{
	width: 100%;
	background: #D2D3D5;
	vertical-align:top;
	text-align:center;
	border:solid 0px red;
    margin-top: -14px;
}

/* CONTAINER LATERALE DESTRO DEL CONTENUTO - FILLED ALLA MASSIMA LARGHEZZA POSSIBILE */
.metering_body_content_filled_class
{
	width: 1004px;
	height:auto;
	float: right;
	margin: 10px;
	background: #D2D3D5;

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px;    	/* MOZILLA */
    -webkit-border-radius: 3px;    	/* CHROME, SAFARI */
    border-radius: 3px;				/* CSS 3 STANDARD */
}

/**********************************************************************************/
/******* NEWS   *******************************************************************/
/**********************************************************************************/

.metering_body_news_container
{
	width: auto;
	height:auto;
	/* dspreply
    padding: 2px;
	background: #FFFFCC;
	margin: 5px;
    border: solid 1px navy; */

    filter:alpha(opacity=70);
    opacity:0.70;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 3px 3px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 3px 3px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 3px 3px 3px 3px;			 /* CSS 3 STANDARD */
    
}

.metering_body_news_header			/* NEWS PER UTENTE WEB */
{
	height: 31px; /*30px; dspreply*/
	/*border-bottom: solid 1px gray; dspreply*/
	margin: 0px 2px 5px 2px; /*5px 2px 5px 2px; dspreply*/
	vertical-align:top;
    background: rgb(204, 1, 1);
}

.metering_body_news_header_label					/* LABEL DELLA HEADER DELLE NEWS PER UTENTE WEB */
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif; /*dspreply "Tahoma", Verdana;*/
	/*font-weight:bolder; dspreply*/
	text-transform:capitalize;
	white-space: pre-wrap;
	font-size:16px; /*dspreply 12pt;*/
	padding: 5px;
	color: white; /*#013348; dspreply*/
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	width: 90%;
	border:0px solid red;
}


.metering_body_news_icon			/* ICONA DELLE NEWS PER UTENTE WEB */
{
	width: auto;
	height: auto;
	float: left;
	border:solid 1px red;
}

.metering_body_news_title
{
	font-family: "Tahoma", Verdana;
	font-weight:bolder;
	font-size:10pt;
	color: Black;
	
	width: auto;
	height: 20px;
	background: #A3B3C0;

	margin: 10px 10px 0px 10px;
	padding-left: 10px;

	vertical-align:middle;
	text-align:left;

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 3px 3px 0px 0px;	/* MOZILLA */
    -webkit-border-radius: 3px 3px 0px 0px;	/* CHROME, SAFARI */
    border-radius: 3px 3px 0px 0px; 		/* CSS 3 STANDARD */
}
.metering_body_news_box
{
	font-family: "Tahoma", Verdana;
	font-size:9pt;
	color: black;
		
	width: auto;
	height:auto;
	background: #D2D3D5;

	margin: 0px 10px 5px 10px;
	padding: 20px 10px 20px 10px;
	

    filter:alpha(opacity=70);
    opacity:0.70;

	/* BORDI ARROTONDATI */
    -moz-border-radius: 0px 0px 3px 3px;	 /* MOZILLA */
    -webkit-border-radius: 0px 0px 3px 3px;  /* CHROME, SAFARI */
    border-radius: 0px 0px 3px 3px;			 /* CSS 3 STANDARD */

}


/**********************************************************************************/
/******* FOOTER *******************************************************************/
/**********************************************************************************/

.metering_footer_class						/* PARTE INFERIORE DELLA PAGINA: CONTIENE LE INFORMAZIONI CHE VANNO A PIE' DI PAGINA */
{
	clear:both;
	height: 25px;
	background: rgb(238, 238, 238);/*#A3B3C0; dspreply*/
}
.metering_footer_label_left{
    font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;
    color: #9b9b9b;
    font-size: 11px;
    float:left;
    margin-left:5px;
    margin-top:5px;
    text-decoration:none;
}
.metering_footer_label_right{
    font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;
    color: #9b9b9b;
    font-size: 11px;
    float:right;
    margin-right:5px;
    margin-top:5px;
}
/**********************************************************************************/
/******* DIALOG DI CAMBIO OPERATORE ELETTRICO *************************************/
/**********************************************************************************/
#metering_ChangeSupplierDialog
{
	position:absolute; 
	top:26px; 
	left:350px;
	width:365px; 
	height:24px; 
	border:0px solid red; 
    /*background: green; */
	/*background: #BECDD4; dsreply*/
    background: rgb(238, 238, 238);/*#F0F0F0;*/
	z-index: 1000000;
	visibility: hidden; 
	text-align: center;
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 0px 0px 5px 5px;	/* MOZILLA */
    -webkit-border-radius: 0px 0px 5px 5px;	/* CHROME, SAFARI */
    border-radius: 0px 0px 5px 5px; 		/* CSS 3 STANDARD */
} 
#metering_ChangeSupplierDialog a
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration: none;
	font-size:9pt;
	/*color: white; dspreply*/
    color:#016bb6;
	text-align:center;
	cursor: pointer;
}
#metering_ChangeSupplierDialog a:hover
{
	text-decoration: underline;
}

#metering_busyindicatordiv
{
	background:white url('../_Styles/img/MeteringBusyIndicator.gif') no-repeat right 50%;
	background-origin: content-box;	
	position:relative;
	left:48.7%;
	top:1px;
	width:22px;
	height:22px;
	border: 1px dotted orange;
	
	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 5px 5px 5px 5px;	/* MOZILLA */
    -webkit-border-radius: 5px 5px 5px 5px;	/* CHROME, SAFARI */
    border-radius: 5px 5px 5px 5px; 		/* CSS 3 STANDARD */
    
    Display: none;
}



#metering_ChangeSupplierDialog a#lnkChangSupplier
{
	margin: 5px 0px 0px 5px;
	float: left;
}
#metering_ChangeSupplierDialog a#lnkChangSupplier:hover
{
	color: Navy;
	margin: 5px 0px 0px 5px;
	float: left;
}
#metering_ChangeSupplierDialog a#lnkCloseDialog
{
	margin: 5px 5px 5px 0px;
	float: right;
	color: Maroon;
}
#metering_ChangeSupplierDialog a#lnkCloseDialog:hover
{
	color: red;
}


/**********************************************************************************/
/******* LABELS *******************************************************************/
/**********************************************************************************/

/* --------------------------------- */
/* -----------> ALLINEATE A SINISTRA */
/* --------------------------------- */

.metering_navy_bold					/* LABEL ROSSA ALLINEATA A SINISTRA E IN FONT BOLD (UTILE PER GLI ERRORI) */
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color: Black;
	padding-left: 5px;
	height: auto;
}
.metering_label_error					/* LABEL ROSSA ALLINEATA A SINISTRA E IN FONT BOLD (UTILE PER GLI ERRORI) */
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color: red;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
}

.metering_label_info					/* LABEL VERDE ALLINEATA A SINISTRA E IN FONT BOLD (UTILE PER LE INFO) */ {
	font-family: "Tahoma", Verdana;
	font-weight: bold;
	white-space: pre-wrap;
	font-size: 9pt;
	padding: 5px;
	vertical-align: middle;
	color: green;
	text-align: left;
	float: left;
	padding-left: 5px;
	height: auto;
}

.metering_label_left_white						/* LABEL BIANCA ALLINEATA A SINISTRA */ 
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color:white;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}

.metering_label_left_white_bold					/* LABEL BIANCA ALLINEATA A SINISTRA */ 
{
	font-family: "Tahoma", Verdana;
	font-weight: bold;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color:#016bb6;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}
.metering_label_left_white_bold_restyled
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;
	white-space: pre-wrap;
	font-size:12px;
	padding: 5px;
	vertical-align: middle;
	color:#016bb6;
	text-align: right;
	/*float:left; dsreply*/
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}
.metering_label_welcome
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;
	font-size:12px;
    border-collapse:collapse;
    width: 80px;
	padding-left: 15px;
    padding-right: 7px;
	vertical-align: middle;
	color:#016bb6;
	text-align: right;
	font-weight:normal;
	text-transform:capitalize;
}
.metering_label_name
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;
	font-size:12px;
    border-collapse:collapse;
    width: 80px;
	padding-left: 0px;
    padding-right: 7px;
	vertical-align: middle;
	color:#016bb6;
	text-align: right;
	font-weight:bold;
	text-transform:capitalize;
    max-width: 380px;
}
.metering_label_left_navy						/* LABEL BLUE SCURO ALLINEATA A SINISTRA */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	/*color: #013348;*/
	color: Black;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}
.metering_label_left_navy_bold					/* LABEL BLUE SCURO ALLINEATA A SINISTRA E IN FONT BOLD */
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif; /*"Tahoma", Verdana; dspreply*/
	font-weight:bold;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	/*color: #013348;*/
	color: Black; /*#ffffff; dspreply*/
	text-align: left;
	/*float:left;   18/01/2018 cambiato da Norma*/ 
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}

.metering_label_left_navy_bold_little			/* LABEL BLUE SCURO ALLINEATA A SINISTRA E IN FONT BOLD, CON CARATTERE RIDOTTO (USATO PER ESEMPIO PER I >> NEL BREADCRUMB) */
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	white-space: pre-wrap;
	font-size:7pt;
	padding: 5px;
	vertical-align: middle;
	/*color: #013348;*/
	color: Black;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}


.metering_label_left_white_bold_little			/* LABEL BIANCA ALLINEATA A SINISTRA E IN FONT BOLD, CON CARATTERE RIDOTTO (USATO PER ESEMPIO PER I >> NEL MENUITEM) */
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	white-space: pre-wrap;
	font-size:7pt;
	padding: 5px;
	vertical-align: middle;
	color: white;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}

.metering_label_Headr_table
{
	font-family: "Tahoma", Verdana;
	font-weight:bold;
	white-space: pre-wrap;
	font-size:8pt;
	padding: 5px;
	vertical-align: middle;
	/*color: #013348;*/
	color: Black;
	text-align: center;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
}

/* --------------------------------- */
/* -----------> ALLINEATE A DESTRA   */
/* --------------------------------- */

.metering_label_right_white						/* LABEL BIANCA ALLINEATA A DESTRA */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color:white;
	text-align: right;
	float: right;
	padding-right: 5px;
}
.metering_label_right_navy						/* LABEL BLUE SCURO ALLINEATA A DESTRA */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	/*color: #013348;*/
	color: Black;
	text-align: right;
	float: right;
	padding-right: 5px;
}

.metering_link_right_navy						/* LABEL BLUE SCURO ALLINEATA A DESTRA */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: bottom;
	/*color: #013348;*/
	color: Black;
	text-align: right;
	text-decoration: underline;
	/*float: right;*/
	padding-right: 5px;
}

/* --------------------------------- */
/* -----------> SPECIFICHE           */
/* --------------------------------- */

.metering_label_page_title						/* LABEL UTILIZZATA PER VISUALIZZARE IL TITOLO NELLA PAGINA CORRENTE (TITOLO IN ALTO NELLA PARTE CENTRALE DESTRA) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size: 12pt;
	/*color: #013348;*/
	color: Black;
	text-transform:uppercase;
}

/**********************************************************************************/
/******* HYPERLINKS ***************************************************************/
/**********************************************************************************/

/* --------------------------------- */
/* -----------> ALLINEATI A SINISTRA */
/* --------------------------------- */

.metering_link_left_white_bold						/* HYPERLINK BIANCO ALLINEATO A SINISTRA (USATO NELLE BARRE SUPERIORI E INFERIORI PER LINK E PER L'UTENTE LOGGATO) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	color: white;
	font-size: 9pt;	
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
}
.metering_link_left_white_bold:visited
{
}
.metering_link_left_white_bold:hover
{
	text-decoration: underline;
}


.metering_link_left_navy_bold						/* HYPERLINK NAVY ALLINEATO A SINISTRA (USATO NELLE BARRE SUPERIORI E INFERIORI PER LINK E PER L'UTENTE LOGGATO) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	text-align: left;
	/*float:left;*/
	padding-left: 5px;
	height: auto;
	/*color: #013348;*/
	color: Black;
	font-size: 9pt;	
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
}
.metering_link_left_navy_bold:visited
{
}
.metering_link_left_navy_bold:hover
{
	text-decoration: underline;
}


.metering_link_left_white_bold_back_blue			/* HYPERLINK BIANCO ALLINEATO A SINISTRA CON SFONDO BLUE E BORDI ARROTONDATI (USATO AL CENTRO DELLA BARRA SUPERIORE PER L'OPERATORE ELETTRICO DI RIFERIMENTO) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	text-align: center;
	float:left;
	padding-left: 5px;
	height: auto;
	width: 150px;
	color: white;
	font-size: 9pt;	
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
	background:#0159AB;

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 5px;    		/* MOZILLA */
    -webkit-border-radius: 5px;    		/* CHROME, SAFARI */
    border-radius: 5px;					/* CSS3 STANDARD */

}

/* --------------------------------- */
/* -----------> ALLINEATI A DESTRA   */
/* --------------------------------- */

.metering_link_right_yellow_bold					/* HYPERLINK GIALLO ALLINEATO A DESTRA (USATO NELLA BARRA SUPERIORE PER IL LOGOUT) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	text-align: right;
	float: right;
	padding-right: 5px;
	color: #FFAD02;
	font-size: 9pt;	
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
}
.metering_link_right_yellow_bold:visited
{
}
.metering_link_right_yellow_bold:hover
{
	text-decoration: underline;
}

.metering_link_logout					/* HYPERLINK GIALLO ALLINEATO A DESTRA (USATO NELLA BARRA SUPERIORE PER IL LOGOUT) */
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif; /*"Tahoma", Verdana; dspreply*/
    
	white-space: pre-wrap;
	text-align: right;
	/*float: right; dsreply*/
	padding-right: 5px;
	/*color: #FFAD02; dspreply*/
    color: #464646;/*#016bb6; dspreply*/
	font-size: 11px;/*9pt;	 dspreply*/
	/*font-weight: bold; dspreply*/
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
	
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	/*background-image: url('../_Styles/icon/EXIT.png'); dspreply*/
}
.metering_link_logout:visited
{
}
.metering_link_logout:hover
{
	text-decoration: underline;
}

.metering_link_right_white_bold						/* HYPERLINK BIANCO ALLINEATO A DESTRA (USATO NELLA BARRA SUPERIORE) */
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	text-align: right;
	float: right;
	padding-right: 5px;
	color: white;
	font-size: 9pt;	
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
}
.metering_link_right_white_bold:visited
{
}
.metering_link_right_white_bold:hover
{
	text-decoration: underline;
}






/**********************************************************************************/
/******* BREADCRUMB   *************************************************************/
/**********************************************************************************/

.metering_breadcrumb_item_default
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif; /*"Tahoma", Verdana; dsreply*/
	font-size: 9pt;
	/*font-weight: bold; dspreply*/
	white-space: pre-wrap;
	text-align: left;
	text-transform:capitalize;
	float:left;
	height: auto;
	text-decoration: none;
	vertical-align: middle;
	/*color: #013348;*/
	color: #016bb6; /*Black; dsreply*/
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	padding-top: 0px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*text-decoration:underline; dsreply*/
}

.metering_breadcrumb_item_last
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, sans-serif;/*"Tahoma", Verdana; dspreply*/
	white-space: pre-wrap;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;

	text-transform:capitalize;
	
	/*color: #013348;*/
	color: #016bb6; /*Black; dsreply*/
	font-weight:bold;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	
	padding-top: 0px;
	margin-top:5px;
	display: block; 
	vertical-align:middle;
	text-decoration:none;
	cursor:default;
}

/*---------------------------------------------*/
/*----  TEXTBOX  ------------------------------*/
/*---------------------------------------------*/

/* LEGENDA */
/*
   short  = 100px
   normal = 200px
   middle = 300px
   wide   = 500px
*/


/* ##################################### */
/* ###########     SHORT     ########### */
/* ##################################### */

.metering_textbox_short_left
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 100px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float:left;
	padding-top:5px;
	height:18px;
}
.metering_textbox_short_left:focus
{
	border: 1px solid silver;
}

.metering_textbox_shortmed_left
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 150px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float:left;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_shortmed_left:focus
{
	border: 1px solid silver;
}

.metering_textbox_shortmed_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 150px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_shortmed_readonly:focus
{
	border: 1px solid silver;
}

.metering_textbox_short_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 100px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_short_readonly:focus
{
	border: 1px solid silver;
}

/* ##################################### */
/* ###########     NORMAL    ########### */
/* ##################################### */

.metering_textbox_normal
{
    font-family: "Tahoma" , Verdana;
    font-size: 9pt;
    background: white;
    color: #011218;
    border: 1px solid silver;
    width: 200px; /*margin-bottom: 5px;*/
    margin-bottom: 3px;
    text-transform: uppercase;
    padding-top: 5px;
    height: 18px;
}
.metering_textbox_normal:focus
{
	border: 1px solid aqua;
}

.metering_textbox_normal_left
{
    font-family: "Tahoma" , Verdana;
    font-size: 9pt;
    background: white;
    color: #011218;
    border: 1px solid silver;
    width: 200px; /*margin-bottom: 5px;*/
    margin-bottom: 3px;
    text-transform: uppercase;
    float: left;
    padding-top: 5px;
    height: 18px;
    font-weight: normal;
}
.metering_textbox_normal_left:focus
{
	border: 1px solid aqua;
}

.metering_textbox_normal_readonly
{
    font-family: "Tahoma" , Verdana;
    font-size: 9pt;
    background: #F0F0F0;
    color: #011218;
    border: 1px solid silver;
    width: 200px; /*margin-bottom: 5px;*/
    margin-bottom: 3px;
    text-transform: uppercase;
    vertical-align: baseline;
    padding-top: 5px;
    height: 18px;
}
.metering_textbox_normal_readonly:focus
{
	border: 1px solid silver;
}

.metering_textbox_normal_multiline
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 200px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
}
.metering_textbox_normal_multiline:focus
{
	border: 1px solid silver;
}

.metering_textbox_normal_multiline_readonly
{
    font-family: "Tahoma" , Verdana;
    font-size: 9pt;
    height: 60px;
    background: #F0F0F0;
    color: #011218;
    border: 1px solid silver;
    width: 200px; /*margin-bottom: 5px;*/
    margin-bottom: 3px;
    text-transform: uppercase;
}
.metering_textbox_normal_multiline_readonly:focus
{
	border: 1px solid silver;
}


.metering_textbox_middle_multiline
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
}
.metering_textbox_middle_multiline:focus
{
	border: 1px solid silver;
}

.metering_textbox_middle_multiline_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
}
.metering_textbox_middle_multiline_readonly:focus
{
	border: 1px solid silver;
}


.metering_textbox_wide_multiline_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 500px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
}
.metering_textbox_wide_multiline_readonly:focus
{
	border: 1px solid silver;
}
.metering_textbox_wide_multiline
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 500px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
}
.metering_textbox_wide_multiline:focus
{
	border: 1px solid silver;
}

/* ##################################### */
/* ###########     MIDDLE    ########### */
/* ##################################### */

.metering_textbox_middle
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_middle:focus
{
	border: 1px solid aqua;
}

.metering_textbox_middle_left
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float: left;
	padding-top:5px;
	height:18px;
}
.metering_textbox_middle_left:focus
{
	border: 1px solid aqua;
}

.metering_textbox_middle_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	vertical-align:baseline;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_middle_readonly:focus
{
	border: 1px solid silver;
}



/* ##################################### */
/* ###########     WIDE      ########### */
/* ##################################### */

.metering_textbox_wide
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 500px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top:5px;
	height:18px;		
}
.metering_textbox_wide:focus
{
	border: 1px solid aqua;
}

.metering_textbox_wide_browsefile
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 500px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	padding-top:5px;
	height:24px;		
}
.metering_textbox_wide_browsefile:focus
{
	border: 1px solid aqua;
}

.metering_textbox_wide_multiline_readonly_left
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:60px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float:left;
}
.metering_textbox_wide_multiline_readonly_left:focus
{
	border: 1px solid silver;
}

.metering_textbox_wide_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 500px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	vertical-align:baseline;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_wide_readonly:focus
{
	border: 1px solid silver;
}

/* ##################################### */
/* ###########     other     ########### */
/* ##################################### */

.metering_textbox_autocomplete
{
	font-family: "Tahoma" , Verdana;
	font-size: 9pt;
	background: #ffffcc;
	color: #011218;
	border: 1px solid silver;
	width: 200px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_autocomplete:focus
{
	border: 1px solid aqua;
}

.metering_textbox_autocomplete_left
{
	font-family: "Tahoma" , Verdana;
	font-size: 9pt;
	background: #ffffcc;
	color: #011218;
	border: 1px solid silver;
	width: 200px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float: left;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_autocomplete_left:focus
{
	border: 1px solid aqua;
}

.metering_textbox_autocomplete_mediumsize_left
{
	font-family: "Tahoma" , Verdana;
	font-size: 9pt;
	background: #ffffcc;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float: left;
	padding-top:5px;
	height:18px;	
}
.metering_textbox_autocomplete_mediumsize_left:focus
{
	border: 1px solid aqua;
}

.metering_textbox_autocomplete_mediumsize_left_readonly {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 300px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float: left;
	padding-top: 5px;
	height: 18px;
}


.metering_textbox_autocomplete_smallsize_left {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #ffffcc;
	color: #011218;
	border: 1px solid silver;
	width: 100px;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	float: left;
	padding-top: 5px;
	height: 18px;
}

.metering_textbox_autocomplete_smallsize_left:focus {
	border: 1px solid aqua;
}

	/*---------------------------------------------*/
	/*----  DROPDOWNLIST --------------------------*/
	/*---------------------------------------------*/
	/* LEGENDA */ /* specifica per le dropdownlist */
	/*
   short  = 104px
   normal = 204px
   middle = 304px
   wide   = 504px

   height = 25px
*/
	.metering_dropdownlist {
		font-family: "Tahoma", Verdana;
		font-size: 9pt;
		background: white;
		height: 26px;
		color: #011218;
		border: 1px solid silver;
		padding-bottom: 2px;
		margin-bottom: 3px;
	}
.metering_dropdownlist_short
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 104px;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_short:focus
{
	border: 1px solid aqua;
}

.metering_dropdownlist_normal
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 204px;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_normal:focus
{
	border: 1px solid aqua;
}

.metering_dropdownlist_normal_disabled
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 204px;
	padding-bottom:2px;
	margin-bottom: 3px;
}

.metering_dropdownlist_normal_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 204px;
	padding-bottom:2px;
	margin-bottom: 3px;
}


.metering_dropdownlist_middle
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 304px;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_middle:focus
{
	border: 1px solid aqua;
}

.metering_dropdownlist_middle_left
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 304px;
	float:left;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_middle_right
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background:white;
	color: #011218;
	border: 1px solid silver;
	width: 304px;
	float:right;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_middle_left:focus
{
	border: 1px solid aqua;
}

.metering_dropdownlist_middle_left_readonly
{
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	height:26px;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 304px;
	float:left;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.metering_dropdownlist_middle_left_readonly:focus
{
	border: 1px solid aqua;
}

/*---------------------------------------------*/
/*----  BUTTON   ------------------------------*/
/*---------------------------------------------*/


/*.x-btn button
{
    font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size: 9pt;
	text-align:center;
	height: auto;
	width:140px;
	height:40px;
	color:white;
	font-weight:bold;
    color:white;
    background:#2B5A78;
    color:white;
	font-weight:bold;
	
	
    -moz-border-radius: 5px;    
    -webkit-border-radius: 5px;    
    border-radius: 5px;

	
	opacity:0.65; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)"; 
    filter:alpha(opacity=65); 
    zoom:1; 
    
	margin-top:5px;
	margin:3px;
	
	padding-top: 0px;
	padding-right:10px;
	padding-left:10px;
	background-origin:content-box;
}*/

.white .x-btn-text:hover
{
    color:white;
    font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size: 9pt;
	text-align:center;
	font-weight:bold;
}
.metering_default_button
{
	width:140px;
	height:30px;

    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}
.metering_default_button:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_square_little
{
	width:25px;
	height:25px;
	
    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    /*text-align:center;*/
    vertical-align: middle;
    font-size: 11px;

    margin-top:-10px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_ok
{
	width:105px;
	height:30px;
	
    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}
.metering_button_ok:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_cancel
{
	width:105px;
	height:30px;
	
    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}
.metering_button_cancel:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_search
{
	width:175px;
	height:30px;
    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_search:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_reset
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_reset:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}


.metering_button_back
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_back:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_forward
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;

    float: right;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_forward:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}


.metering_button_export
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');	
}

.metering_button_export:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}


.metering_button_new
{
	width:150px;
	height:30px;
    
    border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}
.metering_button_new:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_new_200
{
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size: 9pt;
	text-align: left;
	float:left;
	padding-left: 5px;
	width:200px;
	height:30px;
	background:#2B5A78 url('../_Styles/icon/NEW.png') no-repeat right 50%;
	color:white;
	font-weight:bold;

	/* ANGOLI ARROTONDATI */
    -moz-border-radius: 5px;    
    -webkit-border-radius: 5px;    
    border-radius: 5px;

	/* opacity */ 	
	opacity:0.65; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)"; /* IE 8 */
    filter:alpha(opacity=65); /* IE 4, 5, 6 and 7 */
    zoom:1; /* so the element "hasLayout" */
    
	display:table-cell; 
	vertical-align:middle;
	
	vertical-align:middle;
	text-decoration:none;
	
	padding-top: 0px;
	padding-right:10px;
	padding-left:10px;
	background-origin:content-box;
	
	display: block;  
	vertical-align:middle;
	cursor:pointer;

	margin-top:5px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.metering_button_new_200:hover
{
	/* opacity */ 	
	opacity:0.80; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* IE 8 */
    filter:alpha(opacity=80); /* IE 4, 5, 6 and 7 */
    zoom:1; /* so the element "hasLayout" */
}


.metering_button_upload
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}

.metering_button_upload:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}

.metering_button_login
{
	width:175px;
	height:30px;
	border: solid 1px #B3B3B3;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: black;
    text-align:center;
    vertical-align: middle;
    font-size: 11px;
    
    background: url('../_Styles/timages/big-button-back.png') repeat-x;
    background-repeat: repeat-x;

    behavior: url('../_Styles/border-radius.htc');
}
.metering_button_login:hover
{
	cursor: pointer;
    font-weight: bold;
    border: solid 1px Black;
}


/**********************************************************************************/
/******* OPERATORE ****************************************************************/
/**********************************************************************************/
.metering_label_operatore a
{	 
	/*background: #006991; dspreply*/
    background:#FFFFFF;
	/*color:white; dspreply*/
    color:#016bb6;

	padding-left: 15px;
	/*padding-top: 5px; dspreply*/
	font-family: "Tahoma", Verdana;
	white-space: pre-wrap;
	font-size: 8pt;
	/*text-align: left; dspreply*/
    text-align: right;
	text-transform: capitalize;
    /*dspreply*/
	text-decoration: none; 
    vertical-align:middle;
    
    /*dspreply
	position: absolute;
	left:350px;
	top: 0px;
	height: 20px;
	max-height: 24px;
	width: 350px;
	font-weight:bold;*/
	
	cursor: pointer;
	
	/* BORDI ARROTONDATI */
    -moz-border-radius: 5px 5px 0px 0px;	 /* MOZILLA */
    -webkit-border-radius: 5px 5px 0px 0px;  /* CHROME, SAFARI */
    border-radius: 5px 5px 0px 0px;			 /* CSS 3 STANDARD */

	/* opacity */ 	
	opacity:0.80; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* IE 8 */
    filter:alpha(opacity=80); /* IE 4, 5, 6 and 7 */
    zoom:1; /* so the element "hasLayout" */	
}

.metering_label_operatore a:hover
{
    
	/* opacity */ 	
	/*opacity:1; dspreply*/ /* firefox, opera, safari, chrome */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; dspreply*/ /* IE 8 */
    /*filter:alpha(opacity=100); dspreply*/ /* IE 4, 5, 6 and 7 */
    /*zoom:1; dspreply*/ /* so the element "hasLayout" */	

	text-decoration: underline; /*dspreply*/
	/*background: #006991;	
	color:White; dspreply*/
}

.metering_img_terna_logo
{
    vertical-align:bottom;
    padding-left: 15px;
    padding-bottom: 2px;
}

.metering_img_metering_logo
{
    text-align:left;
    vertical-align:top;
    width:150px;
    height:40px;
}



/**********************************************************************************/
/******* ICONE   ******************************************************************/
/**********************************************************************************/
/* Set di icone utilizzabili in base alla funzione che si sta utilizzando */

.metering_icon_20_16			/* ICONA 20x20 con immagine 16x16 */
{
	width: 16px;
	height: 16px;
	vertical-align:middle;
	text-align:center;
	margin: 4px;
}

.metering_icon_apply			/* ICONA 20x20 con immagine APPLY */
{
	width: 16px;
	height: 16px;
	vertical-align:middle;
	text-align:center;
	margin: 4px;
	content:url('../_Styles/icon/APPLY-DISABLED.png');
}
.metering_icon_apply:hover
{
	content:url('../_Styles/icon/APPLY.png');
}

.metering_icon_delete
{
	width: 16px;
	height: 16px;
	vertical-align:middle;
	text-align:center;
	margin: 4px;
	content: url('../_Styles/icon/DELETE-DISABLED.png');
}
.metering_icon_delete:hover
{
	content: url('../_Styles/icon/DELETE.png');
}

.metering_icon_delete_disabled
{
	width: 16px;
	height: 16px;
	vertical-align:middle;
	text-align:center;
	margin: 4px;
	content:url('../_Styles/icon/DELETE-DISABLED.png');
	display: none;
}
.metering_icon_delete_new {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	text-align: center;
	margin: 4px;
	content: url('../_Styles/icon/DELETE.png');
	opacity: 0.3;
	display: block;
	transition: .5s ease;
	backface-visibility: hidden;
}
.metering_icon_delete_new:hover
{
    opacity: 1;
	content:url('../_Styles/icon/DELETE.png');
}

.metering_icon_collapse_panel
{
	margin: 5px 5px 0px 5px; 
	float:left;
}


.icon-add						/* ICONA PER LE OPERAZIONI DI CREAZIONE DI UN NUOVO OGGETTO */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/ADD.png');	
}

.icon-breadcrumb				/* ICONA PER LA BREADCRUMB (SEPARATORE TRA LE VOCI CHE LA COMPONGONO) */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/BREADCRUMB.png');	
}

.icon-clear						/* ICONA PER LE OPERAZIONI DI AZZERAMENTO DEI CAMPI DI INPUT */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/CLEAR.png');	
}

.icon-curve					/* ICONA PER LE SEZIONI DI GESTIONE DELLE CURVE */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/CURVE.png');	
}

.icon-doc					/* ICONA PER LE SEZIONI DI GESTIONE DEI DOCUMENTI */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/DOC.png');	
}

.icon-exit					/* ICONA PER LE OPERAZIONI DI USCITA DA UNA FUNZIONALITA' O DI LOGOUT */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/EXIT.png');	
}

.icon-export					/* ICONA PER LE OPERAZIONI DI ESPORTAZIONE */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/EXPORT.png');	
}

.icon-measures					/* ICONA PER LE OPERAZIONI RELATIVE ALLE MISURE */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/MEASURES.png');	
}

.icon-new						/* ICONA PER LE OPERAZIONI DI CREAZIONE DI UN NUOVO DOCUMENTO */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/NEW.png');	
}

.icon-pwd					/* ICONA PER LE OPERAZIONI RELATIVE ALLA GESTIONE PASSWORD*/ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/PWD.png');	
}

.icon-save					/* ICONA PER LE OPERAZIONI DI SALVATAGGIO SU DISCO */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/SAVE.png');	
}

.icon-search 					/* ICONA PER LE OPERAZIONI DI AVVIO RICERCA */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/SEARCH.png');	
}

.icon-user					/* ICONA PER LE SEZIONI DI GESTIONE DELLE UTENZE */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/USER.png');	
}

.icon-terna					/* ICONA PER LE OPERAZIONI VERSO TERNA (ES. "COMUNICAZIONI VERSO TERNA") */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/TERNA.png');	
}

.icon-calendar					/* ICONA PER PULSANTI CON CALENDAR */ 
{
	background-repeat: no-repeat;
	padding-left: 25px;  
	padding-top: 0px;
	margin-top:5px;
	display: block;  
	vertical-align:middle;
	background-image: url('../_Styles/icon/CALENDAR.png');	
}


.metering_radiobutton_left_navy
{
	font-family: "Tahoma", Verdana;
	font-size:9pt;
	padding: 5px;
	vertical-align: middle;
	color: #013348;
	text-align: left;
	float:left;
	padding-left: 5px;
	height: auto;
	text-transform:capitalize;
	display:table-cell;
	border:solid 1px red;
}
.icon-mesi
{
    padding: 5px;
}

/* Carichi fittizi */

.metering_cf_matricola_readonly {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 7em;
	margin-bottom: 3px;
	text-transform: uppercase;
	vertical-align: baseline;
	padding-top: 5px;
	height: 18px;
}

.metering_cf_matricola_readonly:focus {
	border: 1px solid aqua;
}

.metering_cf_text_calendatio {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: #F0F0F0;
	color: #011218;
	border: 1px solid silver;
	width: 9em;
	/*margin-bottom: 5px;*/
	margin-bottom: 3px;
	text-transform: uppercase;
	padding-top: 5px;
	height: 18px;
	margin-right: 5px;
}

.metering_cf_text_calendatio:focus {
	border: 1px solid aqua;
}

.metering_cf_dg_column_btn {
	width: 32px;
}

.metering_cf_icon_column {
	width: 24px;
	height: 24px;
}

.metering_cf_dg {
	margin: 0 auto 0 auto;
	width:95%;
}

.metering_cf_div_center {
	margin-top:15px;
	width: 100%;
	padding: 5px;
}

.metering_cf_carica_doc_modelBackgroung {
	background-color:black;
	filter:alpha(opacity=90) !important;
	opacity: 0.6 !important;
	z-index 20;
}

.metering_cf_conferma_modalpopup {
	font-family: Helvetica, "Tahoma", Verdana;
	padding: 20px 0px 24px 10px;
	position: relative;
	width: 400px;
	height: 230px;
	background-color: white;
}

.metering_cf_conferma_modalpopup_title {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: 500;
	font-size: 28px;
}

.metering_cf_conferma_modalpopup_text {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: 400;
	font-size: 16px;
	margin: 45px 5px 40px 5px;
	text-align: left;
	line-height: 1.6;
}

.metering_cf_conferma_modalpopup_confirm {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: 600;
	font-size: 16px;
	width: 193px;
	height: 40px;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #9A333B;
	border-style: none;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	background-color: #9A333B;
}

	.metering_cf_conferma_modalpopup_confirm:hover {
		cursor: pointer;
	}

.metering_cf_conferma_modalpopup_cancel {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: 600;
	font-size: 16px;
	width: 140px;
	height: 30px;
	color: #9A333B;
	text-align: center;
	text-decoration: underline;
	vertical-align: middle;
	font-size: 11px;
	border-color: #FFFFFF;
	border-style: none;
	background-color: #FFFFFF;
}

	.metering_cf_conferma_modalpopup_cancel:hover {
		cursor: pointer;
	}

.metering_cf_carica_doc_pnl_button {
	text-align: center;
	margin-top: 15px;
}

.metering_cf_drop_file_box {
	min-height: 100px;
	height: 100px;
	border: 3px red dashed;
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
}

.metering_cf_drop_file_box_highlight {
	border: 3px green dashed;
}

.metering_cf_pnl_btn_dg_carichi_fittizi {
	margin: 10px 5px 15px 5px;
	text-align: right;
}

.metering_cf_Headr_table {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: bold;
	font-size: 10pt;
	padding: 5px;
	vertical-align: middle;
	color: #005CA9;
	text-align: center;
	height: auto;
	text-transform: capitalize;
	border-color: #D4DFF1;
	border-width: 1px;
	padding: 5px 3px 5px 3px;
}

.metering_cf_item_table {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: normal;
	font-size: 8pt;
	padding: 5px;
	vertical-align: middle;
	color: black;
	text-align: center;
	height: auto;
	text-transform: capitalize;
	border-color: #D4DFF1;
	border-width: 1px;
}

.metering_cf_item_alternative_table {
	font-family: Helvetica, "Tahoma", Verdana;
	font-weight: normal;
	font-size: 8pt;
	padding: 5px;
	vertical-align: middle;
	color: black;
	text-align: center;
	height: auto;
	text-transform: capitalize;
	border-color: #D4DFF1;
	border-width: 1px;
	background-color: #F3F6FB;
}

.metering_cf_primary_button {
	font-family: Helvetica, "Tahoma", Verdana;
	width: 140px;
	height: 30px;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	background-color: #005CA9;
	border-style: none;
}

	.metering_cf_primary_button:hover {
		cursor: pointer;
		background-color: #152F5D;
	}

.metering_cf_secondary_button {
	font-family: Helvetica, "Tahoma", Verdana;
	width: 140px;
	height: 30px;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #005CA9;
	color: #005CA9;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	background-color: #FFFFFF;
}

	.metering_cf_secondary_button:hover {
		cursor: pointer;
		color: #152F5D;
		border-color: #152F5D;
		background-color: #FFFFFF;
	}

.metering_cf_campi_obbligatori {
	font-family: Helvetica, "Tahoma", Verdana;
	font-size: 12px;
	margin-top: 15px;
}

.metering_cf_menuTabs {
	position: relative;
	top: 1px;
	left: 0px;
}

.metering_cf_tab {
	font-family: Helvetica, "Tahoma", Verdana;
	font-size: 12px;
	color: #005CA9;
	border: Solid 1px #005CA9;
	padding: 5px 5px 5px 5px;
	background-color: #D4DFF1;
}

.metering_cf_selectedTab {
	font-family: Helvetica, "Tahoma", Verdana;
	font-size: 12px;
	font-weight: bold;
	border: Solid 1px #005CA9;
	border-bottom: solid 1px #FFFFFF;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
}

.metering_cf_tabBody {
	border: Solid 1px #005CA9;
	padding: 20px;
	background-color: white;
}

.metering_cf_pnl_operatore_cmd {
	margin-bottom: 10px;
}

.metering_cf_pnl_file {
	margin: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: inset;
	border-color: lightgray;
	padding: 10px 5px 10px 5px;
}

.metering_cf_pnl_msg_errors {
	margin: 10px 5px 10px 5px;
}

.metering_cf_icon {
	vertical-align: top;
	margin-top: 2px;
	margin-bottom: 3px;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.metering_cf_icon:active {
	opacity: .5;
}

.metering_cf_pnl_right_align {
	padding-top: 10px;
}

.metering_cf_dropdownlist_select2 {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: white;
	color: #011218;
	border: 1px solid silver;
	width: 304px;
	float: left;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

.metering_cf_dropdownlist_select2_red {
	font-family: "Tahoma", Verdana;
	font-size: 9pt;
	background: white;
	color: #011218;
	border: 1px solid red;
	width: 304px;
	float: left;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

.month-year-input {
	width: 60px;
	margin-right: 5px;
}

.spinner {
	width: 64px;
	height: 64px;
	border: 8px solid;
	border-color: #005CA9 transparent #005CA9 transparent;
	border-radius: 50%;
	animation: spin 1.2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
	background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	font-weight: normal;
	align-items: center;
	justify-content: center;
}

.ui-datepicker-prev:before {
	content: "\00AB";
}

.ui-datepicker-next:before {
	content: "\00BB";
}