/* CSS generici */
html, body { margin:0px; padding:0px; background-color:#fff;  }

td, textarea, input,table,a ,div {
	font-family: Arial; color:#444; 
}

a {text-decoration:none; font-weight:bold}
a:hover, .btnmenu:HOVER, .piccolo:HOVER{text-decoration: underline;} 

img {border:none;}


/* CSS struttura */
#page{width:100%; height: 100%;  margin:0 auto; background-color: #DDDDDD;}

	#header { width:100%; height:100px; }
		.div-logo { float:left; display:inline;}
		.div-ricerca { float:right; display:inline; font-size:11px; margin-top: 65px; margin-right:10px;}
		/*.div-logout { float:right; display:inline; font-size:11px;}*/
	
	#middle { width:100%;  background-color:#FFFFFF; display:inline-block}
		.div-middle{width:100%; margin:0 auto; } /* cambiando il width cambia la larghezza della parte centrale */
			/*
			#menu{display:block; float:none; clear:both; height:30px; border-bottom:1px solid #BFBFBF; width:100%; }	.div-menu {padding:10px}
			#content{ display:block; float:none; clear:both;  width:100%;}	.div-content {padding:10px}	
			*/
			#menu{ float:left; width:20%; }	.div-menu {padding:10px}
			#content{ float:left; width:79%; border-left:1px solid #BFBFBF  }	.div-content {padding:10px}	
			
	
	#footer  {
		height: 30px;
		width:100%; 
		clear:both;
		background-color: #DDDDDD;
	}
		.div-footer {padding:10px;}
		.div-copyright { font-size:11px; text-align:center}
		



/* COMPONENTI PAGINA */
.div-riga{width:100%; border-bottom:1px solid #BFBFBF;}

.testo-min{ font-size:10px; font-style:italic}
.page-title{ width:100%; padding:10px; background-color:#BFBFBF; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase; margin-bottom: 8px;}
.menu-title{ width:auto; padding:10px; background-color:#BFBFBF; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase;}

.msg-ok{ color:#009900;}
.msg-ok:before { content:url('main.php?img=msg_ok.png')}
.msg-error{ color:#FF0000}
.msg-error:before { content:url('main.php?img=msg_error.png'); }

.button{ padding:2px 7px; background-color:#ddd; border:1px solid #BFBFBF;  cursor: pointer;}
.btn-back{border-top:1px solid #BFBFBF; padding:20px 0px 20px 0px; color: #00FF00; margin-top:20px; }


.tab-header {background-color:#BFBFBF; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase}
.tab-cell {background-color:#F5F5F5; }
.tab-cell-selezionata {background-color: #f7d174; }
.tab-cell-yellow  {background-color:#EAE071; }

input[type="text"].sw_input_readonly {
	background-color : #e1e0da;	
}

input[type="text"].sw_mandatory_field {
	border: 1px solid red;
}

input[type="text"].sw_dato_da_confermare {
	border: 1px solid red;
	background-color: yellow;
}

form#frmCartaceoFBM {
	margin-top: 20px;
/*	background-color: #C2D5E7; */
}

div#div_ute_codes {
	width: 760px;	
}


#langSelectorDiv .bandiera-lingua img {
	border: none; 
}

#langSelectorDiv .bandiera-lingua , 
#langSelectorDiv .bandiera-lingua-selezionata {
	
	vertical-align: bottom;
	
}

#langSelectorDiv a.bandiera-lingua-selezionata img {
	height: 20px;
	width: 20px;
	margin-left: 5px;	
} 
#langSelectorDiv a.bandiera-lingua img {
	height: 20px;
	width: 20px;
	margin-left: 5px;
}

#langSelectorDiv .bandiera-lingua-selezionata img {
	opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

td#top-lang-td {
	vertical-align: bottom;
	text-align: right;
}


img#img-srv-pic {
	height: 20px;
}

.centrato {
	text-align: center;
}

.riga-separa {
	background: #f3f4f8;
	border-bottom: 1px solid dotted;
	border-color: red;  
}

.misuratore, .fasce { text-align: center;}
.segnante { text-align: right;}
td.input-misura, input.misura  { text-align: right;}

input.misura {
	background-color: yellow;
}

div#avvertenze {
	margin-top: 20px;
	margin-bottom: 30px;
}

div#container-bclick div.pannello-contratto {
	margin-bottom: 34px;
}

div#container-bclick label.lbl-bclick-acceso {
	background: darkgreen;
	color: white;
	font-size: 120%;
	padding-left: 6px;
	padding-right: 6px;
}

div#container-bclick label.lbl-bclick-spento {
	background: darkred;
	color: white;
	font-size: 120%;
	padding-left: 6px;
	padding-right: 6px;
}

div#container-bclick div#lista-log-eventi-bolclik {
	margin-top: 40px;
}



#div-funz-admin-cli-det {
	border: 1px solid lightgray;
	padding: 10px;
}



div#result-lista-lett span#det-ute-span {
	border: 1px dashed darkblue;
	background: #e6f6f7;
}


/* { Linguette stile TAB */

.linguetta {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.linguetta button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.linguetta button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.linguetta button.active {
    background-color: #ccc;
}

/* Style the tab content */
.contenutolinguetta {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.contenutolinguetta {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* } fine linguette */


/* { -- inizio sezione collassabile */

/* Style the button that is used to open and close the collapsible content */
.collassabile {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;

input[type=submit]:disabled, input[type=button]:disabled, input[type=radio]:disabled, .button:disabled {
   background-color: grey;
}

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collassabile:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.contenutocollassabile {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

/* { -- fine sezione collassabile */

.numdx,
.destra {
	text-align: right;
}


#profilo-tpl > table > tbody > tr > td > a > span.glyphicon-edit {
	
	margin-right: 8px;
}


input.flipReadEdit {
	border: 2px solid blue;
	padding: 2px;
	font-size: large;
}

/* Gestisco alcuni campi di input con stato : Read, Edit */
input.flipReadEdit:read-only {
	
	border: 1px solid lightgray;
	padding: 1px;
}


#mod-dati-ute-esteso table#dati-ute-tbl thead th {
	background-color: #d9edf7;
	text-transform: uppercase;
}

 
.lbl-attenzione {
	font-size: large;
	font-weight: bold;
	margin: 6px;
}


.has-help:hover {
	background-color: #e5ffcc;
	border-bottom: 1px dotted darkgreen;
	cursor: help;
	color: black;
}
	
	
#mod-dati-ute-esteso .alert #lbl-statoute {
	font-size: 16px;
	margin-left: 14px;
}

/* div#tab-int table th */
form#fo_var_ana .tab-pane table th {
	background-color: #00abff;
	text-align: center;
}


div.div-disabilitato {
	opacity: 0.5;
	pointer-events: none;
}

div#login-block {
	max-width: 450px;
}

.radios > span {
    white-space: nowrap;
}

#privacy_options_cont table#tbl-radio-privacy td,
#privacy_options_cont table#tbl-radio-privacy th {
	padding: 10px;
	border-bottom: 1px dashed lightgray;
}

#privacy_options_cont table#tbl-radio-privacy tr {
	border-bottom: 1px dashed lightgray;
}

#privacy_options_cont table#tbl-radio-privacy {
	margin-left: 20px;
	margin-right: 50px;
	border-spacing: 10px;
	margin-top: 22px;
}