/* 
   ==========================================================================
   Author's custom styles
   ==========================================================================
*/
.map_input_search {
  display: inline-block !important;
  height: 18px !important;
  padding: 0px 0px !important;
  margin-bottom: 0px !important;
  font-size: 12px !important;
  line-height: 18px !important;
  vertical-align: middle !important;
  -webkit-border-radius: 0px !important;
     -moz-border-radius: 0px !important;
          border-radius: 0px !important;
  border: 0px 0px 0px 0px !important;
  background-color: #000000 !important;
  color: #4CC600 !important;
  width: 150px !important;
}

.jstree a > ins {
	height: 32px !important;
	width: 32px !important;
}

.jstree a {
	line-height: 32px !important;
	height: 32px !important;
}

.jstree li {
	/*line-height: 38px !important;*/
	line-height: 20px !important;
}

#jst_anagrafiche a {
	/*font-size: 1.4em !important;*/
	font-size: 1.1em !important;
}

#content {
	font-size: 11px;
}

.mybody {
	/* TOLTO IL BACKGROUND DELLE BARRE */
	background: #fff url(../images/bgbody.jpg) repeat-x top scroll;
	/*font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;*/
	color: #333333;
}

#rss_container {
	font-size: 14px;
}

.rss_link a {
	color: #003366 !important; 
	font-size: 1.2em !important;
	text-decoration: none !important;
}
.rss_link a:hover {
	color: #000000 !important; 
}


.logout a { text-decoration: none; color: #FFFFFF; font-weight: normal; }
.logout a:vlink { color: #FFFFFF }
.logout a:alink { color: #FFFFFF }
.logout a:hover { text-decoration: underline; }

.tabhead {
	background: url(../images/tabhead-bg.png) repeat-x center;
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
}

.tabhead > span {
	color: #929191;
	font-size: 18px;
	background: #fff;
	padding: 0 10px 0 0;
}

.userinfo {
 	background-color: #0E55A4;
 	color:#FFFFFF;
	line-height: 20px;
	min-height: 40px;
	/*min-width: 410px;*/
	display: inline-block;
	padding: 0 5px 0 5px;
}

.brand {
	background: none !important;
	border: 0px !important;
	margin-top: -5px !important;
	margin-left: -20px !important;
	color: #154689 !important;
	padding: 10px 20px 0px 0px !important;
}

.hide {
	display: none;
}

.hy__tableheaderbar {
	font-size: 20px;
}

.mappa label {
	line-height: 100% !important;
	display: inline;
	font-size: 11px;
}

.mappa img {
  width: auto\9;
  height: auto;
  max-width: none !important;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.standard_table {
	border-collapse: collapse;
}

.standard_table_100 {
	border-collapse: collapse;
	width: 100%;
}

.standard_table td, .standard_table_100 td {
	padding: 3px;
}

.alternate_rows tr:nth-child(2n+1) {
	background-color: #ffffff;
}


@media print {
	.noprint {
		display: none;
	}
}

/*
   ==========================================================================
   Plugin Anagrafica
   ==========================================================================
*/

.anagrafica_title {
	color: #ffffff;
	padding: 1px;
	margin: 0;
	background-color:#36a2d3;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.15);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.anagrafica_content {
	padding:9.5px;
	margin:0 0 5px;
	background-color:#ffffff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.15);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow: auto;
}

	/* Inizio Stili per page navigator (personalizzabili) */
	.pagenavnumber {
		width: 40px;
		height: 18px;
		font-size: 10pt;
		color: #7E98BF;
		text-align: center;
		cursor: pointer;
	}

	.pagenavnumber:hover {
		background-color: #E47E00;
		color: #FFFFFF;
	}

	.pagenavnumberselected {
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		background-color: #7E98BF;
		cursor: default;
	}

	.pagenavbuttonfirst {
		/* background: url('../hyper/images/nav_first.gif') no-repeat center; */
		background: url('../hyper/images/ic_skip_previous_white_18dp.png') no-repeat center;
	}


	.pagenavbuttonprev {
		/* background: url('../hyper/images/nav_prev.gif') no-repeat center; */
		background: url('../hyper/images/ic_fast_rewind_white_18dp.png') no-repeat center;
	}

	.pagenavbuttonnext {
		/* background: url('../hyper/images/nav_next.gif') no-repeat center; */
		background: url('../hyper/images/ic_fast_forward_white_18dp.png') no-repeat center;
	}

	.pagenavbuttonlast {
		/* background: url('../hyper/images/nav_last.gif') no-repeat center; */
		background: url('../hyper/images/ic_skip_next_white_18dp.png') no-repeat center;
	}

	.pagenavbutton {
		width: 40px;
		height: 18px;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		background-color: #7E98BF;
		cursor: pointer;
	}

	.pagenavbutton:hover {
		background-color: #E47E00;
	}

	.pagenavbuttondisabled {
		width: 40px;
		height: 18px;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		background-color: #C3C3C3;
		cursor: default;
	}
	.pagenavbuttondisabled:hover {
		background-color: #C3C3C3;
		cursor: default;
	}
	
	/* AGGIUNTE DENIS */
	
	/* Visualizza il datapicker anche sopra la mappa mentre prima veniva coperto */
	#ui-datepicker-div {
		z-index: 1000 !important;
	}
	
	/* 	Inizio fix men� nella topbar
		E' stato commentato in bootstrap.ccs alla riga 829 il seguente codice
		
		.nav > li {
			line-height: 1.2em;
			height: 1.2em;
		}
	*/
	.navbar .nav > li > a {
		padding: 9px 15px;
	}

	.navbar .nav > li > a {
		line-height: 1.2em;
	}
	/* Fine fix men� nella topbar */
	
	/* Cambio colore del tasto del men� che compare quando le dimensioni della finestra si ristringono
	 Modificate le linee in bootstrap.ccs alle righe 4979 e 4946 quelle originali sono quelle commentate
	*/
	
	
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100% !important;
	}
	
	.navbar .brand {
		margin-left: 5px !important;
	}
	
	body {
		padding-bottom: 5px;
		font-family: Verdana !important;
	}
	
	.navbar {
		background-color: #e9e9e9;
	}
	
	#hy__userui_vertical_separator {
		background-image: url("../hyper/images/vseparator_on.png");
		background-position: 0 0;
		background-repeat: repeat-y;
		cursor: col-resize;
		vertical-align: top;
		width: 12px;
	}
	.theme_color_2 {
		background-color: #E0E0E0;
	}
	
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		height: 20px;
		line-height: 15px;
		margin: 5px 0px;
		padding: 3px;
		border-radius: 0px;
	}
		
	select {
		height: 18px;
		line-height: 18px;
		margin: 5px 0px;
		border-radius: 0px;
		padding: 0px;
	}
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
		font-size: 0.9em !important;
	}
	
	.ui-tabs .ui-tabs-panel {
		padding: 0.5em !important;
	}
	
	/*
	.ui-datepicker-month, . ui-datepicker-year {
		height: 20px;
	}
	*/
	
	.ui-datepicker {
		/*width: 15em !important;*/
		font-size: 0.9em !important;
	}
	
	.ui-datepicker select {
		height: 20px;
		line-height: 20px;
		margin: 5px 0;
		padding: 0;
	}

	/* Se lo imposto a !important non va pi� il jquery per aumentare e diminuire i caratteri */	
	table.display  th {
		/*font-size: 0.8em !important;*/
		font-size: 0.8em;
	}
	
	.ColVis {
		margin-bottom: 0.5em !important;
	}
	
	.dataTables_length ,	
	.dataTables_filter {
		float: left !important;
		width: 300px !important;
	}
	
	select:not([multiple]),
	input[type="file"]
	/*input[type="submit"]*/ {
		height: 20px !important;
		line-height: 20px !important;
	}
	
	#filtri_allarmi select {
		height: 30px !important;
	}
	
	input[type="submit"] {
		height: 26px !important;
	}
	
	input.span2, textarea.span2, .uneditable-input.span2 {
		width: 140px !important;
	}
	
	input.span5, textarea.span5, .uneditable-input.span5 {
		width: 400px !important;
	}
	
	#sdlmoduleid {
		height: 20px !important;
		line-height: 20px !important;
		vertical-align: middle !important;
		margin: 0px !important;
		/*margin: 2px 0;*/
	}
	
	div#tmpid  textarea,
	div#tmpid  input[type="submit"],
	div#tmpid input[type="text"] {
		height: 20px;
		line-height: 20px;
		padding: 0px;
	}
	
	.mappa_nologin {
		box-shadow: 0 1px 5px 0 #4A4A4A;
		height: 350px;
		line-height: 100% !important;
		width: 100%;
	}
	
	/* Classi aggiunte all'albero che identificano lo stato dell'impianto, del quadro e della lampada */
	ul li.stato_0  a {
		color: #009900;
	}
	
	ul li.stato_1  a {
		color: #ff8000;
	}
	
	ul li.stato_2  a {
		color: #ff0000;
	}
	
	ul li.stato_3  a {
		color: #000000;
	}
	
	
	li ul li.stato_0  a {
		color: #009900;
	}
	
	li ul li.stato_1  a {
		color: #ff8000;
	}
	
	li ul li.stato_2  a {
		color: #ff0000;
	}
	
	li ul li.stato_3  a {
		color: #000000;
	}
	
	li ul li ul li.stato_0  a {
		color: #009900;
	}
	
	li ul li ul li.stato_1  a {
		color: #ff8000;
	}
	
	li ul li ul li.stato_2  a {
		color: #ff0000;
	}
	
	li ul li ul li.stato_3  a {
		color: #000000;
	}

	/*
	.infowindow {
		max-width: none !important;
		min-width: 400px !important;
        width: 400px !important;
    }
	*/
	
	span.redTextBold {
		color: #ff0000;
		font-weight: bold;
	}
	
	.center {
		text-align: center;
	}
	
	.redText {
		color: #FF0000;
	}
	
	legend {
		font-weight: bold;
		font-size: 15px;
		line-height: 20px;
	}
	
	.btn_prof, input[type="submit"].btn_prof {
		height: 25pt !important;
		font-size: 14pt !important;
	}
	
	/*	
	.gm-style-iw {
		overflow: hidden !important;
		width: 300px !important;
	}

	.gm-style-iw div:first-child {
		overflow: hidden !important;
		margin: 10px 0 !important;
		line-height: 1.5 !important;
	}
	
	.gm-style-iw div {
		max-width: none !important;
	}
	
	.gm-style-iw {
		width: 300px !important;
		height: 250px !important;
		overflow: hidden !important;
		max-width: none !important;
	}
	.gm-style-iw div:first-child {
		overflow: hidden !important;
		margin: 10px 0 !important;
		line-height: 1.5 !important;
		max-width: none !important;
	}
	
	div.gm-style-iw > div > div.myinfo {
		max-width: none !important;
		width: 400px;
		height: 400px;
	}
	*/
	
	.littletext .tabhead > span {
		font-size: 12px;
		font-weight: bold;
	}
	
	.littletext .tabhead {
		padding: 0px;
	}
		
	/* CSS per i quadri impegnati MaintenaceMode==1 nell'albero */
	.jstree  li.quadro_impegnato a:last-child {
		/*border-right: 3px solid yellow;*/
		background-color: yellow;
	}
	
	/* CSS per i quadri non telegestiti nell'albero */
	.jstree  li.quadro_non_telegestito a {
		color: #000000;
	}
	
	div.infowindow h4.quadro_impegnato {
		background-color: yellow;
	}
	
	input[readonly].calendar_datepicker {
		cursor: pointer !important;
	}
	
	/*
	#search {
		display: none;
	}
	*/
	
	div.popup_lamp_nonvisibile {
		display: none !important;
	}
	
	div.popup_lamp_visibile {
		display: inline !important;
	}
	
	/*
	.gm-style-iw > div {
		overflow: visible !important;
		width: 800px !important;
		background-color: #ff0000 !important;
	}
	
	.gm-style > div {
		width: 600px !important;
	}

	div .gm-style-iw {
		overflow: visible !important;
		background-color: #ff0000 !important;
		width: 600px !important;
	}
	*/
	
	/*
	div #content_tooltip:parent {
		overflow: visible !important;
	}
	*/
	
	/* CSS per la modifica della InfowWindow */
	.custom-iw .gm-style-iw {
      top: 15px !important;
      left: 0 !important;
      border-radius: 5px;
	}
	
	.custom-iw > div:first-child > div:nth-child(2) {
      display: none;
	}

	/*
	.custom-iw > div:first-child > div:last-child {
      left:0 !important;
      top:0px;
      box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
      z-index:-1 !important;
	}
	*/

	.custom-iw .gm-style-iw, 
	.custom-iw .gm-style-iw > div, 
	.custom-iw .gm-style-iw > div > div {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.custom-iw, 
	.custom-iw > div:first-child > div:last-child {
		width: 400px !important;
	}

	/* Impostare qui layout del content della Infowindow */
	#content_tooltip, 
	.custom-iw > div:first-child > div:nth-child(n-1) > div > div,
	.custom-iw > div > div:last-child,
	.custom-iw .gm-style-iw,
	.custom-iw .gm-style-iw > div,
	.custom-iw .gm-style-iw > div > div {
	}
	
	/* Immagine della x di chiusura */
	.custom-iw > div:last-child {
		top: 8px !important;
		right: 5px !important;
	}

	#content_tooltip {
		padding: 10px;
	}
	/* CSS per la modifica della InfowWindow */
	
	/* CSS per modificare le icone per i services */
	.jstree-0 li[rel="tblmunicipalservices"].services_2 > a > .jstree-icon {
		background-image: url("../images/services_camera_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_0 > a > .jstree-icon {
		background-image: url("../images/services_button_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_5 > a > .jstree-icon {
		background-image: url("../images/services_charging_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_1 > a > .jstree-icon {
		background-image: url("../images/services_information_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_12 > a > .jstree-icon {
		background-image: url("../images/services_recycled_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_6 > a > .jstree-icon {
		background-image: url("../images/services_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_15 > a > .jstree-icon {
		background-image: url("../images/services_weather_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_8 > a > .jstree-icon {
		background-image: url("../images/services_wifi_new24.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_9 > a > .jstree-icon {
		background-image: url("../images/services_lpb_sensor.png");
		background-position: 0 0;
	}
	
	.jstree-0 li[rel="tblmunicipalservices"].services_22 > a > .jstree-icon {
		background-image: url("../images/services_smart_parking.png");
		background-position: 0 0;
	}
	/* CSS per modificare le icone per i services */

	.ui-widget-content { 
		border: 1px solid #aaaaaa/*{borderColorContent}*/; 
		background: #F3F3F3/*{bgColorContent}*/; 
		color: #222222/*{fcContent}*/; 
	}
	.ui-widget-content a { 
	 	/*{Elementi in select}*/
		-moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
		color: #000000; 
		font-weight: normal; 
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	 	/*{Evidenziazione elementi in select}*/
		border: 1px solid #FFFFFF/*{borderColorHover}*/; 
		background: #0A246A/*{bgColorHover}*/; 
		color: #FFFFFF/*{fcHover}*/; 
	}
	.ui-state-hover a, .ui-state-hover a:hover {
		color: #212121/*{fcHover}*/;
	}

	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color: #212121/*{fcActive}*/;
	}

	.ui-autocomplete-btn, .ui-autocomplete-btn_click {
		margin-left: -1px;
		/*margin-left: -20px;*/
		/*margin-top: 2px;*/
		cursor: pointer;
		padding: 2px;
		width: 19px;
		min-width: 19px;
		border: 1px solid #808080;
		background: #FFFFFF url('../hyper/images/ic_search_black_18dp.png') center no-repeat;
	}
	.ui-autocomplete {
		selectable: off;
		position: absolute; 
		cursor: default; 
		max-height: 140px;
		height: 140px;
		width:1px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		/*padding-right: 20px;*/
	}
	.ui-autocomplete-btn-loading { background: transparent url('../hyper/images/spinner.gif') center no-repeat; }


	/* RICHIESTE DI INTERVENTO */
	select:not([multiple]), input[type="file"] {
		height: 28px !important;
	}

	input.btn {
		margin: 5px 0 auto !important;
		/* height: 28px !important; */
	}

	.ui-autocomplete-btn, .ui-autocomplete-btn_click {
		padding: 3px !important;
	}

	input.ui-autocomplete-input {
		padding: 2px !important;
	}