/* Responsive: Menu visibile su display di almeno 60*16=960px */
@media (min-width: 60em) {

	#menuPanel {
		/*
		visibility: visible;
		width: 17em;
		left: 17em;
		float: left;
		position: relative;
		*/
	}
	#menuLink {
		/*display: none;*/
	}
}
@media (max-width: 60em) {
	#menuOrizzontale {
		display:none;
	}
}

.ui-page-theme-a .ui-bar-inherit
{
    background-color: #f9f9f9;
}

/* Larghezza bottone medio */
.btn-medium
{
    max-width: 360px;
}
.a-medium
{
    width: 300px;
}


/* Larghezza massima box di login */
.ui-listview-inset.login {
	max-width: 500px;
	margin: 0 auto;
}


/* Fix grafico sottomenu Tabelle */
.ui-listview>.ui-li-static.menuCollapsible {
	padding: 0;
}
.ui-listview>.ui-li-static.menuCollapsible h4 {
	margin: 0;
}

.clientSelect {
	display: none;
	max-width: 800px;
	margin: 1em auto;
}

/* Dimensione box di help in Home */
div.help {
	max-width: 800px;
	margin: 1em auto;
}


.ui-content .righePerPag {
	max-width: 400px;
	margin: 1em auto;
}
.righePerPag  div.ui-input-text {
	max-width: 180px;
	float: right;
}


.contattaci h4 
{
    text-align: center;
}
.ui-content .sendmail {
	max-width: 480px;
	margin: 1em auto;
}
.ui-content .sendmail>li>label
{
    width:28%;
}
.ui-content .sendmail>li>div,
.ui-content .sendmail>li>textarea
{
    width: 70%;
}

/* Larghezza tendine di filtro */
.ui-select 
{
    min-width: 200px;
    max-width: 360px;
    margin: 0;
    float: left;
}
#fltProv-button {
	max-width: 100px;
}
#fltFamiglia-button {
	max-width: 100px;
}
#fltTipoOgg-button {
	max-width: 100px;
}
#fltTipo-button {
	max-width: 100px;
}
#filterOperazInterv .ui-select {
	width: 150px;
}
#filterOperazInterv li 
{
    padding: 4px;
}

.ui-datepicker {
	background: white;
	border: 1px solid #999;
}
.ui-datepicker-calendar th,
.ui-datepicker td {
    min-width: 30px;
    border-color: #999;
}
.ui-datepicker-calendar td a
{
    padding: .4em .4em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    top: 2px;
}
.ui-datepicker-week-end {
    background: #eee;
}


.ui-checkbox {
	float: left;
	margin: 0;
}

#debug {
	width: 100px;
	float: right;
}

a.btnSorveglianza
{
    float: right;
    margin: 0 10px;
}

.sorveglianza {
	width: 500px;
}
#resultText {
	margin: 20px 10px;
}

#formIntervento
{
    max-width: 600px;
}

#btnRegistra 
{
    float: left;
    margin-right: 10px;
}
#btnRegistra,
#btnChiudiIntervento
{
    width: 150px;
}
#oggetti input[type=checkbox] 
{
    top: 10px;
}




/* ------------------------------- */
body { font-size: 13px; }

h1 { font-size: 16px;}
h2 { font-size: 14px;}

.ui-header .ui-title {
    font-size: 16px;
}


.ui-mobile label 
{
    font-size: 13px;
}

table.header {
	width:100%;
	text-align:center;
	border: solid 1px #999999;
}
table td {
    text-align: center;
}

span.cliente {
	color:blue;
}

div.breadcrumb {
	width:98%;
	border: solid 0px #999999;
	text-align: left;
}

#raggruppamenti li,
#filterDisloc li,
#filterInterventi li
{
    padding: 4px;
}

#filterInterventi .filterBox>div {
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
}
#filterInterventi .filters button {
	width: 100px;
	margin: 0 10px 0 0;
}
#filterInterventi input {
    height: 32px;
}


div.filters {
	text-align:left;
	float: left;
}
div.filters .ui-input-text {
	width: 120px;
}
div.filters input[type=submit] {
	z-index: 1;
}
/* box di una voce di filtro, es.: la provincia o la tipologia */
div.filters .filterBox {
	float: left;
}
/* Etichetta di una voce di filtro, in modo che sia ben allineata si su schermo grande che piccolo */
.filterBox label
{
	width: 110px;
	margin: 10px 10px;
	float: left;
	text-align: left;
}
.filterBox label.narrow
{
	width: 80px;
}


div.numRows {
	text-align:left;
}

table.tblDisloc {
	background-color:#999999;
	width:100%;
}
tr.trDislocHeader {
	background-color:#f9f9f9;
	text-align: center;
}
/* Bordo separatore tra elementi, su schermi mobile con campi incolonnati invece che in riga */
tr.trDisloc, 
#oggetti>tr {
	background-color:#f9f9f9;
	border-top: 1px solid grey;
}
/* Separatore tra Checkbox e Table in Sorveglianza */
#divOggetti>.ui-checkbox {
  margin: 0 0 10px 0;
}

table.tblOperazRegistro {
	background-color:#999999;
}





A { 
	text-decoration: none; 
	font-family:Arial; 
	color:Red;
}
A:hover {
	color: black;
	background-color:#999999;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited
{
    color:Red;
}



div.footer {
	width:100%;
	border-top: solid 1px #999999;
}
  
  .titolo {font-family: Tahoma, Arial; font-size: 18px; color:#003366; font-style : italic; font-weight : bold;}
  .giallo {font-family: Tahoma, Arial; font-size: 12px; color: Yellow;}
  .pulsmedio {font-family: Tahoma, Arial; font-size: 12px; color: White; background-color: #003366; width:70px;}
  
td.Via, td.Descrizione
{
  text-align: left;
}
  
/* Area di click dei link pi� ampia */
tbody#oggetti a {
	padding: 6px 2px;
}

/* Ajax Loader */
#loading {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99;
}

#loading-image {
	width: 120px;
	margin: -60px 0 0 -60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	visibility: hidden;
}