@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap');

html,
body
	{
	height:100%;
	margin:0;
	font-size:0.16in;
	line-height:0.16in;
	font-family:'Nunito Sans', sans-serif;	
	}

a
	{
	text-decoration:none;
	color:#000;
	}

form
	{
	margin:0;
	}

.bold
	{
	font-weight:bold;
	}

.hidden
	{
	display:none;
	}

/* impostazioni degli elementi del layout */

#surface
	{
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}

#header
	{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	z-index:1000;
	box-shadow:0 0 0 #000;
    transition:box-shadow 0.1s;
    background-color: #191a33;
	/* la height deve essere impostata in ogni pagina */
	}

#footer
	{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	z-index:1000;
	box-shadow:0 0 0 #000;
	transition:box-shadow 0.1s;
    height:0.7in;
    background-color: #191a33;
	background-image: linear-gradient(#323467, #3b3d78);
	}

#main
	{
	background-color:#FFF;
	position:absolute;
	left:0;
	width:100%;
	overflow:auto;
	z-index:0;
	bottom:0.7in;
	/* il top deve essere impostato in ogni pagina, uguale alla height di header */
	}

/* ombreggiature nel caso di scrolling */

#header.shadow,
#footer.shadow
	{
	box-shadow:0 0 0.2in #555;
	}

/* pulsanti nel footer */

a.button
	{
	text-decoration:none;
	color:#FFF;
	font-size:90%;
	line-height:100%;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:0.1in 3% 0 3%;
	height:0.7in;
	float:left;
	box-sizing:border-box;
	border-left:1px solid #fff;
	}
a.button:first-child
	{
	border-left:none;
	}
a.button img
	{
	height:0.3in;
	}
#footer a.button:active
	{
	}
a.button.count-1
	{
	width:100%;
	}
a.button.count-2
	{
	width:50%;
	}
a.button.count-3
	{
	width:33.3%;
	}
a.button.count-4
	{
	width:25%;
	}

/* campi di input */

input,
select
	{
	font-family:sans-serif;
	font-size:0.16in;
	line-height:0.16in;
	color:#303030;
	border:1px solid #d0d0d0;
	transition:border 0.2s;
	outline:none;
	padding:0;
	margin:0 0 0.1in 0;
	}
input:focus,
select:focus
	{
	border:1px solid #000;
	}
input
	{
	height:0.25in;
	}
select
	{
	height:calc(0.25in + 2px);
	}

/* immagine di attesa */

#wait-img
	{
	position:absolute;
	z-index:999999;
	left:50%;
	top:50%;
	width:34px;
	height:34px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #0e3b1e;
	border-radius:5px;
	margin-left:-28px;
	margin-top:-28px;
	display:none;
	}

/* header con titolo */

#title
	{
	font-size:200%;
	line-height:100%;
    font-weight:bold;
    color: #191a33;
	white-space: nowrap;
	}
#title > img
	{
	float:left;
	max-height:0.8in;
	margin:0.1in 0.3in 0 0.1in;
	max-width:calc(100% - 1.7in);
	}
#title > div
	{
	padding-top:0.2in;
	}

/* header con barre */

#barra
	{
	font-size:120%;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding-left:0.05in;
    overflow: hidden;
	}

#rag_soc
    {
    font-size: 70%;
    font-weight: bold;
    }

#barra img
	{
	float:right;
	height:0.3in;
	padding:0.05in;
	border-left:1px solid #fff;
	}

/* elenco dati commesse */

ul.commesse
	{
	list-style-type:none;
	margin:0;
    padding:0;
	}	
ul.commesse .commessa
	{
	margin-bottom:1px;
	}
ul.commesse .commessa a
	{
	width: 100%;
	display:inline-block;
	box-sizing: border-box;
	text-align:center;
	font-size:120%;
	line-height:0.2in;
	font-weight:bold;
	color:#000000;
	background-color:#fff0b3;
	padding:0.10in 0.05in;     
	}
ul.commesse .commessa .det
	{
	float:left;
	clear:both;
	}	
ul.commesse .commessa .ore
	{
	float:right;
	margin-top: 0.1in;
	}

/* elenco interventi commesse */

ul.interventi
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	color: #404040;
	font-size: 120%;
	}
ul.interventi .intervento
	{
	border-top: 1px solid #D0D0D0;
	padding: 0.1in 0.05in;
	overflow: hidden;
	clear: both;
	background-color:#FFD;
	}
ul.interventi .intervento .int-des
	{
	float: left;
	width: 100%;
	}
ul.interventi .intervento .int-des .des
	{
	float:left;
	}
ul.interventi .intervento .int-des .des span
	{
	padding: 0.05in 0 0 0;
	}
ul.interventi .intervento .int-des .orari
	{
	float:right;
	color: #808080;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 0.05in;
	}
ul.interventi .intervento .int-des .btn-save
	{
	background-color:#99ddff;
	}

/* pulsanti per cambio pagina */

a.page
	{
	display: block;
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
	line-height: 0;
	}
a.page img
	{
	height: 0.3in;
	padding: 0.05in;
	border: none;
	}

/* barra con info nel menù */

#menu-info
	{
	background-color: #ff9933;
	}

/* pulsanti footer */

#buttons
	{
	background-color: #191a33;
	background-image: linear-gradient(#323467, #3b3d78);
	}