/* CSS Document */

body {
	font-size: 15px;
}

#utenteAutenticato-nome {
	display:none;
	visibility: hidden;	
}

#orologio {
	display:none;
	visibility: hidden;	
} 

#testa {
	z-index: 3;
}

#testa a h1 {
	margin-left: 30px;
}

#testa > a {

    width: 50%;
    margin-left: 40px;

}

#pagina-corpo {
	/*margin-top: 30px;*/
	display: block;	
}
.aforisma {
	/*display: none;
	visibility: hidden;*/
}

#registrazione,
#recuperapassword {
    font-size: larger;
}


#pagina-menu,
#pagina-menu > ul {
    width: 100%;
}


#pagina-contenuti {
    padding: 5px;
    flex: none;
	box-sizing: border-box;
	width: 100%;
	margin-left: 0px;
}


/* TABELLE tutte le simil tabelle tranne quelle del cerca */
.table {
	display: block; 
	width: 100% !important;
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
}

.table:last-child {
	margin-bottom: 0px;
}

.table .row {
	display: block; 
}


.table .cell {
	display: block; 
	padding: 0px;
	width: 100% !important;
}

.table .cell.head {
	text-align: left !important;
}

/*FINE TABELLE*/

/*CERCA*/
#pagina-cerca {
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
}

#pagina-cerca input[type=text], 
#pagina-cerca input[type=number], 
#pagina-cerca input[type=time],
#pagina-cerca textarea,
#pagina-cerca select {
	font-size: 12px;	
	padding: 2px;
}

#pagina-cerca .table {
	padding: 0px;
}

#pagina-cerca .row {
}

#pagina-cerca .cell {
	width: 100% !important;
	margin-bottom: 5px;
}
/*FINE CERCA*/


/*VISIBILITÀ*/

.visibilita-solo-pc-tablet {	
	display: none !important;
	visibility: hidden !important;
}

.visibilita-solo-mobile {
	display: block;
	visibility: visible;
}

span.visibilita-solo-mobile {
	display: inline;
}
/*FINE VISIBILITÀ*/	




#index form {
	width: 100%;
    padding: 10px;
 	margin: auto;
 	box-sizing: border-box;
 	position: relative;
    box-shadow: 0px 1px 3px rgba(0,0,0,.13), 
 0px -1px 3px rgba(0,0,0,.13),
 0px -1px 3px rgba(0,0,0,.13),
 0px 1px 3px rgba(0,0,0,.13);
	
    margin-top: 30px;
}
   
  
#index input[type=text], 
#index input[type=password] {	
    width: 100%;
}
#index form .field {
	/*margin-bottom: 10px;*/
}

#index form input[type=submit],
#index form input[type=button] {
    width: 100%;
}

#formlogin {
	width: 90%;
}


#home .avvisihome > article {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
}
#home .avvisihome > table {
	width: 100%;
	margin-bottom: 20px;
}

#cdf.lista .box {
	width: 100%;
}

.cdf-lavorisopra {
	margin-left: -5px;
}
.cdf-lavorisotto {
	right: -3px;
}

.cdf-lavorisotto .cdf-lavorisotto {
	right: -4px;
}

.cdf-sottocdf {
    margin-left: 10%;
}


.cdf-albero .cdf-sottocdf {
    margin-left: 10% !important;
}

.cdf-scheda .cdf-titolo {    
	min-height: 65px;
}


.cdf-scheda .cdf-titolo div:first-child span:nth-child(2),
.cdf-scheda .cdf-titolo div:first-child span:last-child,
.cdf-scheda .cdf-titolo div:first-child span:last-child a,
.cdf-scheda .cdf-titolo div:first-child span:last-child div  {
	font-size: 18px !important;
}

.cdf-scheda .cdf-sottotitolo {
    padding-top: 20px;
    display: block;
}

.cdf-scheda .cdf-sottotitolo > div {
	width: 100%;
}



.cdf-scheda .cdf-albero .cdf-sottocdf {
    margin-left: 0px !important;
}

.cdf-scheda .cdf-sottocdf .box {
    width: 100%;
}



#statistiche.lista .flexcontainer article, 
#configurazioni.lista .flexcontainer article {
	width: 100%;
	margin-right: 0px;
}



.spiegazioniover {
    left: 0px;
    top: 0px;
}

.spiegazionetempiscedenzesettimana {
	margin-left: 0px; 
}

.table.spiegazionetempiscedenzesettimana > .row > .cell:last-child {
    text-align: right;
}


#cdfprogrammazionegestione {
    display: block;
}

.cdfprogrammazionedati,
.cdforariodati {
    width: 100%;
    padding-right: 0%;
}


.cdfprogrammazione-programma {
    background-color: #fff;
    padding: 5px;	
}

.cdfprogrammazionecalendario,
.cdforariochiusura {
    width: 100%;
}

.cdforarioinchiusura,
.cdforarioinapertura {
    margin-bottom: 10px;	
}

.cdforarioinchiusura > div,
.cdforarioinapertura > div,
.cdforariochiusura > section > div  {
    padding: 5px;	
}

.cdforarioinchiusura > div {
    max-height: 60px;
}



#cdfscegli {
    font-size: 30px;
}

.fattureintestazione > article {
	width: 100%;
	margin: 5px 0px;	
}


.ordineintestazione2 > article {
	width: 100%;
	margin: 5px 0px !important;		
}
.ordineintestazione2 > article:first-child {
	margin-top: 0px;
}

.calendariogiorno .programmazione-calendario-riga-prog {
    /*max-width: 50% !important;*/
   width: 200px !important;
   left: 10px !important;
}

.orario-calendario-riga-prog {
   /* left: 55% !important;
    max-width: 45% !important;*/
   left: 220px !important;
	width: 200px !important;
}

#moduloorari .submitmodulo {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	padding: 2vw;
	box-sizing: border-box;
	background-color: #fff;
	margin-top: 20px;
}

#moduloorari input[type="submit"] {
	padding: 15px !important;
}

#cdforariodettagli {
    display: none;
}

#cdforariodettaglimostra {
	display: block;
	cursor: pointer;
	font-size: 30px;
}

.cdf-scheda .cdf-titolo div:first-child span:first-child {
    white-space: nowrap;
    height: auto;
}

#cdfzona1 {
   	max-width: 100%;
	min-width: auto;
	width: 100%;
}

#cdfzona2 {
   	max-width: 100%;
	min-width: auto;
	width: 100%;
}

#cdforariogestione {
	margin-bottom: 70px;
}



/*messo da alice il 02/01/2019*/
  
.pul-mia{
	   font-size: 12px;
	   height: 23px;
	   width: 35px;
	   padding: 2px 2px 2px 2px !important;
}

  
.assistenza-operatore {
	   font-size: 12px;
	   height: 16px;
	   width: 25px;
}

  
.assistenza-operatore-centrale {
	   font-size: 12px;
	   height: 16px;
	   width: 25px;
}

  
.assistenza-responsabile-centrale {
	   font-size: 12px;
	   height: 16px;
	   width: 30px;
	}

  
.assistenza-responsabile {
	   font-size: 12px;
	   height: 16px;
	   width: 30px;
}

  
.assistenza-agente {
	   display: none;
}

  
.assistenza-agente-centrale {
	   font-size: 8px;
	   height: 12px;
}

  
.font-20 {
	   font-size: 8px;
}

  
.font-15 {
	   font-size: 9px;
}

  
.font-attenzione {
	    display: none;
}

  
#assistenze .txt-didascalia {
	   display: none;
}

  
#assistenze .txt-didascalia2{
		
	padding-right:5px;
		
	color:black;
	font-size:8px;
	vertical-align: centre;
	 
	overflow:hidden;
	width:48px;
	height:55px;
	margin:0 auto;
	word-break: keep-all;
}

  
#assistenze #intestazioneLista th {/*titoli della lista delle assistenze*/
	   font-size: 10px;
}

  
#assistenze td[data-title="priorita"] {
	   width: 30px;
}

  
#assistenze td[data-title="titolo assistenza"] {
		word-break:keep-all;
   		min-width: 120px;
}
	

  
#assistenze td[data-title="titolo assistenza"] div {
		word-break:keep-all;
}
	


  
#assistenze td[data-title="num."] {
   		display: none;
}


  
#assistenze th {
   		display: none;
}

  
#assistenze td[data-title="da chi"] {
   		width: 40px;
   		height:30px;
   		
}


  
#assistenze td[data-title="da chi"] div {
		word-break:keep-all;
		padding:0;
		margin 0 auto;
		 
}
	


  
#assistenze td[data-title="da chi"] .font-15{
		display: none;
		
}
	


#assistenze td[data-title="per chi"] {
   		min-width: 40px;
}


  
#assistenze td[data-title="scad."] {
   		min-width: 85px;
}


.font-15-ruotato {
		margin-top: 15px;
		font-size: 9px;
		width: 30px;
		transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
	    -o-transform: rotate(-90deg); /* Opera */
	    -moz-transform: rotate(-90deg); /* Firefox */
	    -ms-transform: rotate(-90deg); /* IE 9 */
	   
  }


td {
  	overflow: auto; 
  	width: 100%;
  	min-width:50px;
}

.font-20{
	font-size:13px;
	
	}
/*
#asszona1 {
    min-width: 100%;
 }*/

#ticketzona0 {
	display: block;	
}

#ticketzona1,
#ticketzona2 {
    width: 100%;
    max-width: 100%;
    min-width: auto;
}
	
/* LETTURA CONTATORI */

.pul-inserisci-lettura a {
	
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	font-weight: normal;
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 12px !important;
	background-image: linear-gradient(to bottom, #43a047 5%, #19B550 100%);
	border-radius: 5px;
	padding: 6px 15px 6px 15px !important;
	opacity: 1;
	cursor: pointer;
	text-transform: uppercase;
	
}

.pul-inserisci-lettura:hover {
	
	color: #FFFFFF;
	opacity: 0.95;
	
}

#letturacontatori input[type=text],
#letturacontatori input[type=time] {
	font-size:24px;
	width: 100% !important;
}

#letturacontatori #formCerca input[type=text],
#letturacontatori #formCerca input[type=time] {
	font-size: unset;
}

#letturacontatori #num_contatore {
	width: 85% !important;
}

#letturacontatori #num_contatore_cerca {
	padding: 5px;
    font-size: 30px;
    margin-left: 7px;
}

#letturacontatori input[type=submit] {
	padding: 10px !important;
    font-size: 15px !important;
}

#letturacontatori #formCerca input[type=submit] {
	
}

#windowsContatori {
    max-width: 95vw;
	max-height: 95vh;
	margin-left: 2.5vw;
	margin-top: 2.5vh;
	padding: 0;
	top: 0;
	left: 0;
}

#letturacontatori .pul-inserisci-lettura a {
    width: 100%;
}
/**/


/*CONTRATTI*/
.preventivointestazione.flexcontainer,
.contrattointestazione.flexcontainer {
    display: block;
}

.preventivointestazione article,
.contrattointestazione article {
    width: 100%;
    margin: 5px 0;
}


/* AVVISI DI CONSEGNA */

#avvisiconsegna .box {
	width: 100%;
	margin-bottom:30px;
}

#avvisiconsegna .box .txt-titolo-grande {
	margin-bottom:5px;
}

#avvisiconsegna .box-fasi {
	float: none;
}

#avvisiconsegna .spazio-note {
	width:100%;
	margin:auto;
	margin-top:20px;
}

#ui-datepicker-div td {
    width: auto;
    min-width: unset;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    font-size: 14px !important;
}

#windows_confirm {
    max-width: 95%;
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
}
#windows_confirm_button {
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
}

#windows_avviso {
    max-width: 95%;
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
}


#avvisoSenzaRegistrazione {
    width: 90%;
}

.postit {
	top: unset !important;
    right: unset !important;
    bottom: 30px !important;
    left: 30px !important;
}

.postit-operazioni {
	opacity: 1;
}