body{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
}

header{
	background-image: url('images/intesta.png');
	width: 100%;
	background-repeat: no-repeat;
	height: 11em; 
}

aside{
	text-transform: uppercase;
	font-family: sans-serif;
	width:30%;
	background-color: #5D5D5D;
	display: none;
	position: absolute;
	left: 0;
	text-transform: uppercase;
	border: solid 0.3em black;
	border-radius: 1em;
	z-index: 100;	
	top: 3em;
}

.menu{
	text-transform: uppercase;
	font-family: sans-serif;
	width: 30%;
	background-color: #5D5D5D;
	border: solid 0.1em #151515;
	border-radius: 2vw;
	text-align: center;
	color: #cecece;
}
.listamenu li{
	list-style: none;
	border-bottom: solid #acabab;
	padding: 2%;
	font-size: 1.7em;
	text-align: center;
	font-weight: bold;
	margin-left: -9%;
}

.login 
{
	border: solid 0.1em #6be96b;
	text-transform: uppercase;
	background-color: lightgreen;
	border-radius: 2vw;
	padding: 1%;
}
.logout 
{
	border: solid 0.1em #ee6f6f;
	text-transform: uppercase;
	background-color: #feabab;
	border-radius: 2vw;
	padding: 1%;
}
.log 
{
border: solid 0.2em #008000;
width: 60%;
background-image: url('images/login.png');
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-position: right;
border-radius: 0.5em;	
}

	.log button
	{
		width: 30%;
		text-transform: uppercase;
		font-size: 1.5em;
		margin-top: 5%;
		margin-left: 10%;
		border-radius: 0.5em;
	}
	.log label{
		display: inline-block;
		width: 50%;
	}
	
	.log input{
		width: 30%;
		font-size: 1.3em;
		border: solid;
		border-radius: 0.5em;
		background-color: beige;
	}
	.log ol{
		list-style: none;
		line-height: 2em;	
	}

.form_1{
	
	border: solid 0.2em #008000;
	border-radius: 0.5em;
	background-color: #f7f8e0;
	text-transform: uppercase;
	margin-top: 5%;
	width: 50%;
}

	.form_1 label{
		margin: 3.5% 2%;
		display: inline-block;
		width: 20%;
	}
	
	.form_1 input{
		width: 20%;
		font-size: 1.15em;
		text-align: center;
		border-radius: 0.3em;
	}
	
	.form_1 select{
		width: 20%;
		font-size: 1.15em;
		border-radius: 0.3em;
		text-transform: uppercase;			
	}

	.form_1 button{
		margin: 3% 2%;
		width: 90%;
		font-size: 1.3em;
		border: solid 0.15em #ff8000;
		border-radius: 0.5em;
	}
.form_2{
	
	border: solid 0.2em #008000;
	border-radius: 0.5em;
	background-color: #f7f8e0;
	text-transform: uppercase;
	margin-top: 5%;
	width: 50%;
}

	.form_2 label{
		margin: 3.5% 2%;
		display: inline-block;
		width: 30%;
	}
	
	.form_2 input{
		width: 30%;
		font-size: 1.15em;
		text-align: center;
		border-radius: 0.3em;
		margin-left: 35%;
		margin-bottom: 5%;
	}
	
	.form_2 select{
		width: 30%;
		font-size: 1.15em;
		border-radius: 0.3em;
		
	}

	.form_2 button{
		margin: 3% 2%;
		width: 96%;
		font-size: 1.3em;
		border: solid 0.15em #ff8000;
		border-radius: 0.5em;
	}
.motrice, .rimorchio{
	border: solid 0.2em #ff0000;
	width: 40%;
	display: inline-block;
	border-radius: 0.3em;
}

.motrice select, .rimorchio select{
	width: 80%;
	
}
.motrice input, .rimorchio input{
	width: 100%;
	
}
.quintali{
	border: solid 0.15em #0000ff;
	border-radius: 0.3em;
}

.mst{
	border: solid 0.15em #ff00ff;
	border-radius: 0.3em;
	
}
.button_r{
	border: solid 0.15em #8000ff;
	margin: 1%;
	width: 96%;
	display: inline-block;
	text-align: center;
	background-color: #eeddff;
	
}
.foto {

	overflow: scroll !important;
}
.foto:hover {

	overflow: visible !important;
}
.image {
		width: 38% !important;
		
	}
.resize img{
	width: 5vw;
  
}
.resize:hover img{
	transform: scale(3);
	
}
.tabella1{
	margin-top: 10%;
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
  	text-align: center;
  	border-collapse: collapse;
  	text-transform: uppercase;
  	display: inline-block;
  	border: solid 0.2em #000000!important;
	border-radius: 1em;
	overflow: hidden !important;
	
}

	.tabella1 th {
	padding: 0.4vw !important;
	background-color: #2cff005e !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: solid 0.15em #414141 !important;
	border-left: solid 0.15em #414141 !important;
	
	}
	.tabella1 th:first-child{
		border-left: none !important;
	}
	.tabella1 td {
	padding: 0 !important;
	background-color: #ffef005e !important;
	border-top: solid 0.15em #414141 !important;
	border-right: none !important;
	border-bottom: solid 0.15em #414141 !important;
	border-left: solid 0.15em #414141 !important;
	}
	.tabella1 td:first-child{
		border-left: none !important;
	}
	.tabella1 tr:last-child td{
		border-bottom: none !important;
	}
	.cella{
	padding: 0.95vw !important;
	
	
	}
		.cella img{
	width: 4vw;
  
	}
	.cella:hover img{
	transform: scale(7);
	position: relative !important;
	z-index: 1 !important;
	
	
}
	
	.cella:hover{
 
	overflow: visible !important;

}
	.del_1 {
		background-image: url('images/cancella.png');
		width: 4em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 4em;
		background-position: center;
		background-size: contain;
		margin-left: 2%;
	 	
	}
	.mod_1 {
		background-image: url('images/modifica.png');
		width: 4em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 4em;
		background-position: center;
		background-size: contain;
		margin-left: 8%;
	 	
	}
	.bol_1 {
		background-image: url('images/stampa.png');
		width: 4em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 4em;
		background-position: center;
		background-size: contain;
		margin-left: 8%;
	 }
.tabella2{
	margin-top: 10%;
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
  	text-align: center;
  	border-collapse: collapse;
  	text-transform: uppercase;
  	display: inline-block;
  	border: solid 0.2em #000000!important;
	border-radius: 1em;
	overflow: hidden;
	
}

	.tabella2 th {
	padding: 0.4vw !important;
	background-color: #2cff005e !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: solid 0.15em #414141 !important;
	border-left: solid 0.15em #414141 !important;
	width: 4em;
	height: 5em;
	}
	.tabella2 th:first-child{
		border-left: none !important;
	}
	.tabella2 td {
	padding: 0 !important;
	background-color: #ffef005e !important;
	border-top: solid 0.15em #414141 !important;
	border-right: none !important;
	border-bottom: solid 0.15em #414141 !important;
	border-left: solid 0.15em #414141 !important;
	}
	.tabella2 td:first-child{
		border-left: none !important;
	}
	.tabella2 tr:last-child td{
		border-bottom: none !important;
	}	
.rigamod td {
	width: 400%;
	display: inline-block;
	height: 4em;
	
}
.viaggio_left{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-left: -4%;
	text-transform: uppercase;
}

.viaggio_left li{
	list-style: none;
	border-bottom: solid 0.1em black;
	border-right: solid 0.1em black;
	border-top: solid 0.1em black;
	height:3em;
}

.viaggio_left li span{	
	 display: inline-block;
	 font-size: 100%;
	 margin-left: 6%;
	 margin-top:4%;
}
.viaggio_lista{
	width: 28%;
	display: inline-block;
	vertical-align: top;
	
}
.viaggio_lista li{
	list-style: none;
	border-bottom: solid 0.1em black;
	border-top: solid 0.1em black;
	border-right: solid 0.1em black;
	border-left: solid 0.1em black;
	height:3em;
	
}

.viaggio_lista b{
 	display: inline-block;
 	margin-top:4%;
 	margin-left:7%;
}
.tabella_sel{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	margin-left: 25%;
	border: solid 0.2em #000000!important;
	border-radius: 1em;
	overflow: hidden;
  	
	
}
	.tabella_sel th, td {
	 	padding: 3% !important;
	}
	.tabella_sel th{
		padding: 4% !important;
		background-color: #ddba00 !important;
		font-size: 1em !important;
		border: none !important;
	}
	.tabella_sel td{
	 	background-color: #b9f0cc !important;
	 	border-top: solid 0.15em #252525 !important;
	 	border-left: none !important;
	 	border-right: none !important;
	 	border-bottom: none !important;
	 	height: 2em;
	}
.tabella_selcantiere{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.2em #000000!important;
	border-radius: 1em;
	overflow: hidden;
  	
	
}
	.tabella_selcantiere th:first-child {
	 	border-left: none !important;
	}
	.tabella_selcantiere td:first-child {
	 	border-left: none !important;
	}
	.tabella_selcantiere th{
		background-color: #ddba00 !important;
		font-size: 1em !important;
		border: none !important;
		border-left: solid 0.15em #252525 !important
	}
	.tabella_selcantiere td{
	 	background-color: #b9f0cc !important;
	 	border-top: solid 0.15em #252525 !important;
	 	border-left: solid 0.15em #252525 !important;
	 	border-right: none !important;
	 	border-bottom: none !important;
	 	height: 2em;
	}
a{
 	color: #000000;
 	text-decoration: none;
}
a:hover{
 	color: #ff0000;
 	text-decoration: none;
}
.contorno{
	border: solid 0.15em #414141;
	margin-top: 10%;
	border-radius: 1em;
	background-color: #a8c2ff96;
}
.modifica{
	border: solid 0.2em #fdb569;
	margin-top: 2%;
	background: #fff2d3;
	border-radius: 1em;
	width: 22%;
	margin-left: 4%;
	padding: 1%;
	height: 2em;
}
	.del {
		background-image: url('images/cancella.png');
		width: 2em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 2em;
		background-position: center;
		background-size: contain;
		margin-left: 2%;
	 	
	}
	.mod {
		background-image: url('images/modifica.png');
		width: 2em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 2em;
		background-position: center;
		background-size: contain;
		margin-left: 8%;
	 	
	}
	.bol {
		background-image: url('images/stampa.png');
		width: 2em;
		background-repeat: no-repeat;
		display: inline-block;
		height: 2em;
		background-position: center;
		background-size: contain;
		margin-left: 8%;
	 }

.tabella_selstampa{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.2em #000000!important;
	border-radius: 1em;
    overflow: hidden;
}
	.tabella_selstampa td {
		padding: 1vw !important;
		border:none !important;
	 	border-left: solid 0.15em #414141 !important;
	}
	.tabella_selstampa td:first-child {
	 	border-left: none !important;
	}
	.tabella_selstampa td{
	 	background-color: #b9f0cc !important;
	}
.tabella_deposito{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.3em #000000!important;
	border-radius: 1em;
    overflow: hidden;
  		
}
	.tabella_deposito th, td {
		padding: 0.1vw !important;
	 	
	}
	.tabella_deposito th{
		background-color: #ddba00 !important;
		border-top: none !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
		width: 4em;
		height: 5em;
	}
	.tabella_deposito th:first-child{
		border-left: none !important;
	}
	.tabella_deposito td{
	 	background-color: #b9f0cc !important;
	 	border-top: solid 0.15em #414141 !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
	}
	.tabella_deposito td:first-child{
		border-left: none !important;
	}
	.tabella_deposito tr:last-child td{
		border-bottom: none !important;
	}
.tabella_cantiere{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.3em #000000!important;
	border-radius: 1em;
    overflow: hidden;
  		
}
	.tabella_cantiere th, td {
		padding: 0.1vw !important;
	 	
	}
	.tabella_cantiere th{
		background-color: #ddba00 !important;
		border-top: none !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
		width: 4em;
		height: 5em;
	}
	.tabella_cantiere th:first-child{
		border-left: none !important;
	}
	.tabella_cantiere td{
	 	background-color: #b9f0cc !important;
	 	border-top: solid 0.15em #414141 !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
	}
	.tabella_cantiere td:first-child{
		border-left: none !important;
	}
	.tabella_cantiere tr:last-child td{
		border-bottom: none !important;
	}
.tabella_totali{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.2em #000000!important;
	border-radius: 1em;
    overflow: hidden;
}
	.tabella_totali td {
		padding: 1vw !important;
		border-top: solid 0.15em #414141 !important;
		border-right: none !important;
		border-bottom: none !important;
		border-left: solid 0.15em #414141 !important;
	}
	.tabella_totali td:first-child {
	 	border-left: none !important;
	}
	.tabella_totali tr:first-child td{	
	 	border-top: none !important;
	}
	.tabella_totali td{
	 	background-color: #ddba00 !important;
	}
.tabella_orari{
	font-size: 1vw;
	position: relative;
	font-family: sans-serif;
	text-align: center;
	border-collapse: collapse;
	text-transform: uppercase;
	margin-top: 5%;
	display: inline-block;
	border: solid 0.2em #000000!important;
	border-radius: 1em;
    overflow: hidden;
  		
}
	.tabella_orari th, td {
		padding: 0.1vw !important;
	 	
	}
	.tabella_orari th{
		background-color: #ddba00 !important;
		border-top: none !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
		width: 4em;
		height: 5em;
	}
	.tabella_orari th:first-child{
		border-left: none !important;
	}
	.tabella_orari td{
	 	background-color: #b9f0cc !important;
	 	border-top: solid 0.15em #414141 !important;
		border-right: none !important;
		border-bottom: solid 0.15em #414141 !important;
		border-left: solid 0.15em #414141 !important;
	}
	.tabella_orari td:first-child{
		border-left: none !important;
	}
	.tabella_orari tr:last-child td{
		border-bottom: none !important;
	}
.ore_lavoro {
    font-weight: bold !important;
}
.ore{
	
	border: solid 0.2em #008000;
	border-radius: 0.5em;
	background-color: #f7f8e0;
	text-transform: uppercase;
	margin-top: 5%;
	width: 50%;
	display: inline-block;
}
	.ore b{
		margin-left:5%;
	}
textarea{
	font-size: 1em;
	width: 5em;
	height: 1em;
	text-transform: uppercase;
	}
	
	
/* CALENDARIO*/
.calendar {
    display: flex;
    flex-flow: column;
}
.calendar .header .month-year {
    font-size: 1vw;
    font-weight: bold;
    color: #636e73;
    padding: 2% 0;
}
.calendar .days {
    display: flex;
    flex-flow: wrap;
}
.calendar .days .day_name {
	width: calc(68% / 7);
	border-right: 0.1em solid #2c7aca;
	padding: 2%;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #818589;
	color: #fff;
	background-color: #448cd6;
	text-align: center;
}
.calendar .days .day_name:nth-child(7) {
    border: none;
}
.calendar .days .day_num {
    display: flex;
	flex-flow: column;
	width: calc(82% / 7);
	border-right: 0.1em solid #e6e9ea;
	border-bottom: 0.1em solid #e6e9ea;
	padding: 1%;
	font-weight: bold;
	color: #7c878d;
	cursor: pointer;
	min-height: 4em;
	text-align: center;
	font-size: 1.5em;
}
.calendar .days .day_num span {
    display: inline-flex;
    width: 3em;
    font-size: 1em;
}
.calendar .days .day_num .event {
	margin-top: 1%;
	font-weight: 500;
	font-size: 1vw;
	padding: 1% 2%;
	border-radius: 0.5em;
	background-color: #f7c30d;
	color: #fff;
	word-wrap: break-word;
	text-transform: uppercase;
}
.calendar .days .day_num .event.green {
    background-color: #51ce57;
}
.calendar .days .day_num .event.blue {
    background-color: #518fce;
}
.calendar .days .day_num .event.red {
    background-color: #ce5151;
}
.calendar .days .day_num:nth-child(7n+1) {
    border-left: 0.1em solid #e6e9ea;
}
.calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
    text-align: left;
    
}
.calendar .days .day_num.selected {
    background-color: #f1f2f3;
    cursor: inherit;
}
.form_calendario{
	border: solid 0.2em #0000ff;
	border-radius: 0.5em;
	background-color: #f7f8e0;
	text-transform: uppercase;
	margin-top: 5%;
	padding: 2%;
}

	
	.form_calendario input{
		width: 45%;
		font-size: 1.15em;
		text-align: center;
		border-radius: 0.3em;
	}
	
	

        
/* FINE CALENDARIO */