@font-face{
     font-family: ProximaNovaBold;
     src: url('../fonts/ProximaNova-Bold.otf');
}
@font-face{
     font-family: ProximaNovaExtraBold;
	 src: url('../fonts/ProximaNova-Extrabold.otf');
}
@font-face{
     font-family: ProximaNovaLight;
	 src: url('../fonts/ProximaNova-Light.otf');
}
@font-face{
     font-family: ProximaNovaRegular;
	 src: url('../fonts/ProximaNova-Regular.otf');
}
@font-face{
     font-family: ProximaNovaSemibold;
	 src: url('../fonts/ProximaNova-Semibold.otf');
}
@font-face{
     font-family: Gotham-Book;
	 src: url('../fonts/Gotham-Book.ttf');
}
@font-face{
     font-family: Gotham-Light;
	 src: url('../fonts/Gotham-Light.ttf');
}
@font-face{
     font-family: Gotham-Bold;
	 src: url('../fonts/Gotham-Bold.ttf');
}


body {
	padding:0;
	margin:0;
	/*background: url('../images/BG_CP18.png') no-repeat center center;
	background: url('../images/BG_CP18_black.png') no-repeat;*/
	background: #fff;
	width: 100%;
	height: 100%;
	font-family: ProximaNovaRegular;
	// cursor:none;
	// overflow:hidden;
}

img {
	pointer-events:none;
}


.box {
	display: block;
	width: 70%;
	margin: 0 auto;
}

.header {
	width:100%;
	height: 150px;
	position: relative;
	float: left;
	margin-left: 5px;
	margin-top: 10px;

/* GRADIENT */	
	background: #051323; /* Old browsers */
	background: -moz-linear-gradient(top,  #505050 0%, #838c96 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#838c96)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #505050 0%,#838c96 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #505050 0%,#838c96 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #505050 0%,#838c96 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #505050 0%,#838c96 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#838c96',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}


.button_box {
	width: 500px;
	padding: 104px 0;
	margin: 10px;
	text-align: center;
/* RADIUS */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}


.button_box_1 {
	width: 500px;
	padding: 104px 0;
	margin-left: 125px;
	text-align: center;
	float:left;

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cbfd5 0%, #75e4fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbfd5), color-stop(100%,#75e4fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5db8e6 0%,#06336b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbfd5', endColorstr='#75e4fc',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}



#pnlMainPage {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin-top: 30px;
}


#button_prenota {
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cbfd5 0%, #75e4fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbfd5), color-stop(100%,#75e4fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5db8e6 0%,#06336b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbfd5', endColorstr='#75e4fc',GradientType=0 ); /* IE6-9 */
}


.scritta_prenota {
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 30px;
	width:100%;
}

.scritta_istruzioni_prenota {
	position: relative;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:100%;
	margin:50px 0 0 0;
}

#button_consulta {
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cbfd5 0%, #75e4fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbfd5), color-stop(100%,#75e4fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6cd053 0%,#0a6808 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbfd5', endColorstr='#75e4fc',GradientType=0 ); /* IE6-9 */
}

.scritta_consulta {
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 30px;
	width:100%;
}

.scritta_istruzioni_consulta {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 30px;
	float: left;
	width:1000px;
	margin-top: 160px;
	margin-left: -12px;
}

#button_storico {
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cbfd5 0%, #75e4fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbfd5), color-stop(100%,#75e4fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ebb439 0%,#906b07 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbfd5', endColorstr='#75e4fc',GradientType=0 ); /* IE6-9 */
}


#button_annulla {
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cbfd5 0%, #75e4fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbfd5), color-stop(100%,#75e4fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbfd5 0%,#75e4fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f13a3a 0%,#8d0909 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbfd5', endColorstr='#75e4fc',GradientType=0 ); /* IE6-9 */
}

.scritta_annulla {
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 30px;
	width:100%;
}

.scritta_istruzioni_annulla {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 30px;
	float: left;
	width:1000px;
	margin-top: 160px;
	margin-left: -12px;
}

.form {
	position: relative;
	top: 100px;
	margin-left: 430px;
    width: 858px;
    margin: 50px auto;
    background: #524c4c;
    padding: 25px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	z-index:101010;
}

.button_indietro {
	position: absolute;
	top: 897px;
	left: 510px;
    width: 858px;
    height: 45px;
	margin: 50px auto;
    background: #524c4c;
    padding: 25px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	z-index:101010;
}

.titolo_button_indietro {
	position: absolute;
	text-align: center;
	color: #e68f0d;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 40px;
	float: left;
	width:929px;
	//text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
	margin-left: -45px;
}


#codice_spedizione { padding-left: 0px;
    background: #fefefe;
    font-size: 60px;
    height: 100px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}


.scritta_codice_spedizione {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:600px;
	//text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 230px;
	margin-left: 500px;
}


#codice_prenotazione { padding-left: 0px;
    background: #fefefe;
    font-size: 60px;
	text-align: center;
    height: 100px;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}

#codice_prenotazione_annulla { 
	margin: 0 auto;
    background: #fefefe;
    font-size: 60px;
	text-align: center;
    height: 100px;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}

.scritta_codice_prenotazione {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:600px;
	//text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 230px;
	margin-left: 500px;
}


.caringBox {
	width:100%;
	height: 100%;
	margin-top: 250px;
	margin-left: 5px;
	position: absolute;
	float: left;
    overflow: hidden;

    padding-top: 28px;
	display:none;
	z-index:5000;

	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.textCaringBox {
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 25px;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:90%;
}

.caringBox .textCaringBox {
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:90%;
}

.caringBox .textCaringBox2 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:90%;
}


.caringBox .pulsanteTipoCassetto {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:100px;
	padding-top: 0px;
	margin: 10px auto;
	width:1910px;
	border-style:solid; 
	border-color:#444444; 
	border-width:2px;
	border-radius: 10px;
	background: -webkit-linear-gradient(top, #dc6109 0%, #a7070b 100%);
}

.caringBox .textCaringBox3 {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:90%;
}


.caringBox .textInfoAnagrafica {
	position: absolute;
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:90%;
}



.caringBox .imagecassetto {
position: absolute;
float: left;
left: 1470px;
top: 79px;
width: 317px;
height: 598px;
z-index:99998;
}

.caringBox .buttonIndietro {
position: absolute;
float: left;
left: 650px;
top: 520px;
width: 635px;
height: 200px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.caringBox .buttonIndietro p {
	color: #ffffff;
	font-size: 60px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 60px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
}



.caringBox .textCaringBoxCambioCassetto {
	/*position: absolute;
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	margin-top: 50px;
	margin-left: 0px;
	width:900px;*/
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	padding-top: 50px;
	margin: 0 auto;
	width:1910px;
}

.caringBox .textCaringBoxCambioCassetto2 {
	/*position: absolute;
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	margin-top: 120px;
	margin-left: 15px;
	margin-right: 15px;
	width:900px;*/
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	padding-top: 60px;
	margin: 0 auto;
	width:1910px;
}


.caringBox .textCaringBoxCambioCassetto3 {
	position: absolute;
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	margin-top: 450px;
	margin-left: 520px;
	margin-right: 15px;
	width:900px;
}

.caringBox .buttonYesCambioCassetto {
position: absolute;
float: left;
left: 600px;
top: 520px;
width: 300px;
height: 200px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.caringBox .buttonYesCambioCassetto p {
	color: #ffffff;
	font-size: 60px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 60px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
}



.caringBox .buttonNoCambioCassetto {
position: absolute;
float: left;
left: 1000px;
top: 520px;
width: 300px;
height: 200px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.caringBox .buttonNoCambioCassetto p {
	color: #ffffff;
	font-size: 60px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 60px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
}


.istruzioni_qrcode {
	width:566px;
	height: 248px;
	margin-top: 162px;
	margin-left: 815px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.titolo_istruzioni_qrcode {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 40px;
	float: left;
	width:600px;
	//text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
	margin-left: -45px;
}

.testo_istruzioni_qrcode {
	position: absolute;
	text-align: left;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	width:600px;
	//text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 55px;
	margin-left: 0px;
}

.numeroverde {
	width: 280px;
	height: 140px;
	margin-top: 30px;
	margin-left: 1580px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;
	z-index:99998;

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.farmaciediturno {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:254px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 130px;
	margin-left: -35px;
	
}

.whatsappHelpDesk {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:300px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 3px;
	margin-left: -25px;
	z-index:1999999;
	
}

.logo {
	width: 411px;
	height: 106px;
	margin-top: 42px;
	margin-left: 196px;
	//float: left;
	//position: absolute;
}

.totale {
	width:254px;
	height: 288px;
	margin-top: 30px;
	margin-left: 1640px;
	position: absolute;
	float: left;
    overflow: hidden;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


.totale_logo {
	width:165px;
	height: 81px;
	margin-top: 20px;
	margin-left: 136px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}



.testo {
	color: #ffffff;
	font-size: 42px;
	width: 678px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 190px;
	margin-top: 200px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	margin-left: 66px;
}

.testoIstruzioni {
	color: #ffffff;
	font-size: 29px;
	width: 678px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 190px;
	margin-top: 260px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	margin-left: 66px;
}

/*.caringBox {cursor:none;display:none;position:absolute;top:360px;left:445px;margin-left:10px;margin-top:0px;width:1000px;height:650px;z-index:5000; border-radius: 14px 14px 14px 14px; background:url('../images/LightboxDetail.png') no-repeat;}*/


#preHeader {
	display: block;
	width: 95%;
	height: 80px;
	position: abolute;
	float: left;
	margin-left: 5px;
	margin-top: 60px;
	
}
#preHeader span {
	color: #ffffff;
	padding-top: 3px;
	font-size: 20px;
	text-transform:uppercase;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;

	/*margin-left: 190px;*/
	margin-top: 15px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	/*margin-left: 15px;*/
	text-align:center;
}

.preHeaderTitoloPagina  {
	color: #e68f0d;
	padding-top: 17px;
	font-size: 15px;
	text-transform:uppercase;
	text-align: center;
	width: 100%;
	height: 65px;
	position: absolute;
	top: 30px;
	left: 0px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	/*margin-left: 190px;*/
	margin-top: 25px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	/*margin-left: 15px;*/
	text-align:center;
}


.spacer_20 { height: 20px; font-size: 1px; line-height: 1px; }

#updateBoxRunning {
	display:none;color:#FFFFFF;background-color:#e74c3c;font-family:ProximaNovaSemibold;font-size:25px;margin: 10px 0;text-align:center; padding: 10px 0;}
#updateBoxRunningConsultazione {
	display:none;color:#FFFFFF;background-color:#e74c3c;font-family:ProximaNovaSemibold;font-size:25px;margin: 10px 0;text-align:center; padding: 10px 0;}
#updateBoxRunningAnnullamento {
	display:none;color:#FFFFFF;background-color:#e74c3c;font-family:ProximaNovaSemibold;font-size:25px;margin: 10px 0;text-align:center; padding: 10px 0;}

.prenotazione {
	width: 100%;
	margin-top: 30px;
    margin-bottom: 100px;
	display:none;
	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 0%,#ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 

}



.consultazione {
	width:100%;
	margin-top: 80px;
    padding-top: 28px;
	display:none;
	text-align: center;	
	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


#saveZone, #saveZoneConsultazione, #saveZoneAnnullamento {
	clear:both;
	/*background-color:#efefef;*/
	font-family:ProximaNovaRegular;
	font-size:18px;
	width:100%;
	/*margin-top:125px;*/
	//padding-top:20px;
	text-align:center;
	margin: 15px 0;
	padding: 10px 0;
}

#saveZonePrenotazione, #saveZonePrenotazioneDaApp {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-bottom: 30px;
}

#saveZoneModificaCliente {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-bottom: 30px;
}


#saveZone .buttonSave, #saveZoneConsultazione .buttonSave, #saveZoneAnnullamento .buttonSave {
  //-moz-appearance: button;
    background-color: #27ae60;
    color: #FFFFFF;
    cursor: pointer;
    padding: 104px 0px;
    text-align: center;
    text-decoration: none;
	font-family:ProximaNovaSemibold;
	font-size:25px;
	border-radius:14px;
	width: 500px;
	margin: 0 auto;
}


.caringBoxPrenotazione {
	width:100%;
	margin-top: 70px;
    padding-top: 28px;
	display:none;
	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.caringBoxPrenotazione .textCaringBoxPrenotazione {
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 30px;
	padding-top: 20px;
	width:80%;
	margin: 0 auto;
}

.caringBoxPrenotazione .textCaringBoxPrenotazione2 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 25px;
	line-height:30px;
	padding-top: 60px;
	width:100%;
}

.caringBoxPrenotazione .textCaringBoxPrenotazione3 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 25px;
	line-height:30px;
	padding-top: 70px;
	width:100%;
}


.caringBoxPrenotazione .textCaringBoxPrenotazione4 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 25px;
	line-height:30px;
	padding-top: 80px;
	width:100%;
}


.caringBoxPrenotazione .buttonIndietro {
	border-radius: 10px;
	background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
	box-shadow: 0px 0px 10px 1px #333333;
}

.caringBoxPrenotazione .buttonIndietro p {
	color: #ffffff;
	font-size: 25px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 40px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	padding: 15px 0;
}



.annullamento {
	width:100%;
	margin-top: 80px;
	display:none;
	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


#storico {
	width:100%;
	margin-top: 20px;
	display:none;
	color: #fff;
	font-size: 20px;
	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

#storico table {
	width: 100%;
}

#storicoMsg {
	text-align: center;
	padding: 20px;
	font-size: 32px;
	font-weight: 700;
	color: yellow;
}
/*
#divTemplate {
	padding: 8px;
	border: dotted 1px white;
}*/
.elementiStorico {
	display:block;
	margin:1%;
	background: dimgrey;
	border-radius:10px;
	padding:3%;
}

/*
#divTemplate div {
	padding: 5px 2px;
}
*/

#divTemplate span {
	font-weight: 700;
	font-size: 20px;
	color: yellow;
}

.caringBoxConsultazione {
	width:100%;
	margin-top: 170px;
	margin-left: 5px;
	position: absolute;
	float: left;
    overflow: hidden;

    padding-top: 28px;
	display:none;
	z-index:5000;

	
/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.caringBoxConsultazione .textCaringBoxConsultazione {
	text-align: center;
	color: #e68f0d;
	font-family: ProximaNovaBold;
	font-size: 25px;
	float: left;
	line-height:30px;
	padding-top: 50px;
	margin: 0 auto;
	width:100%;
}

.caringBoxConsultazione .textCaringBoxConsultazione2 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	padding-top: 60px;
	margin: 0 auto;
	width:1910px;
}

.caringBoxConsultazione .textCaringBoxConsultazione3 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	padding-top: 70px;
	margin: 0 auto;
	width:1910px;
}


.caringBoxConsultazione .textCaringBoxConsultazione4 {
	text-align: center;
	color: #ffffff;
	font-family: ProximaNovaBold;
	font-size: 55px;
	float: left;
	line-height:60px;
	padding-top: 80px;
	margin: 0 auto;
	width:1910px;
}


.caringBoxConsultazione .buttonIndietro {
position: absolute;
float: left;
left: 650px;
top: 520px;
width: 635px;
height: 200px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.caringBoxConsultazione .buttonIndietro p {
	color: #ffffff;
	font-size: 25px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 60px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
}


.formPrenotazione {
	width: 80%;
	height: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.formConsultazione {
width: 80%;
height: 100%;
margin: 0 auto;
}

.formAnnullamento {
	width: 80%;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

.btnAvantiIndietro {
	// width:25%; 
	text-align:center; 
	font-size:130%;
}

.buttonIndietro {
	padding: 3%;
	margin: 1%;
	border-radius: 10px;
	background-color:#333;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.buttonIndietro p {
	color: #ffffff;
	font-size: 25px;
	font-family: ProximaNovaSemibold;
	text-align:center;
}


#saveZonePrenotazione .noteMail, #saveZonePrenotazioneDaApp .noteMail {
	color: #ffffff;
	font-size: 20px;
	font-family: ProximaNovaSemibold;
	text-align:center;
}


.addUserFromList {
padding-bottom: 29px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #2a7123;
    color: #ffffff;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.addUserFromList p {
	color: #ffffff;
	font-size: 25px;
	font-family: ProximaNovaSemibold;
	text-align:center;
}

.buttonAggiungiCliente {
	padding: 3%;
	margin: 1%;
	border-radius: 10px;
	background-color:#333;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.buttonAggiungiCliente p {
	color: #ffffff;
	font-size: 25px;
	font-family: ProximaNovaSemibold;
	text-align:center;
}



.consultazione .buttonIndietro {
	//width: 100%;
	padding: 25px 0;
	border-radius: 10px;
	background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
	box-shadow: 0px 0px 10px 1px #333333;
}

.consultazione .buttonIndietro p {
	color: #ffffff;
	font-size: 25px;
	margin: 10px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	height:100%;
}


.annullamento .buttonIndietro {
	// width: 100%;
	padding: 25px 0;
	border-radius: 10px;
	background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);
	box-shadow: 0px 0px 10px 1px #333333;
}

.annullamento .buttonIndietro p {
	color: #ffffff;
	font-size: 25px;
	margin: 10px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	height:100%;
}


#listaMovimenti {
	background-color:#d9e2ea;
	font-family:ProximaNovaRegular;
	font-size:18px;
	width:100%;
	margin-top:15px;
	border-radius:10px;
}

#formPrenotazione input {
	font-family: Gotham-Light; font-size:40px; 
	height:50px; width: 100%;
}


#formPrenotazioneDaApp input {
	font-family: Gotham-Light; font-size:40px; 
	height:50px; width: 100%;
}

.label {
	margin: 5px 0;
}

#selectCassetto, #selectCassettoDaApp {
	font-size: 40px;
	font-family: Gotham-Light;
}


#notes, #notesDaApp {
	font-family: Gotham-light; font-size:20px;
	color:#023d9e; 
	width:100%; height:200px;
}

.prenotazione .buttonIndietro {
	max-width: 500px;
    width: 70%;
    min-width: 300px;
	padding: 79px 0;
	margin: 0 auto;

	text-align: center;
	// float:left;
	border-radius: 14px;
	background-color:#333;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.prenotazione .buttonIndietroModifica {
	max-width: 500px;
    width: 70%;
    min-width: 300px;
	padding: 79px 0;
	margin: 0 auto;

	text-align: center;
	// float:left;
	border-radius: 14px;
	background-color:#333;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.prenotazione .buttonAggiungiCliente {
	max-width: 500px;
    width: 70%;
    min-width: 300px;
	padding: 10px 0;
	margin: 0 auto;

	text-align: center;
	border-radius: 14px;
	background-color:#33333;
	/*background: -webkit-linear-gradient(top, #e68f0d 0%, #3e2404 100%);*/
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.prenotazione #buttonSavePrenotazione {
	/*width: 500px;*/
	padding: 79px 0;
	/*margin-left: 125px;
	margin-top: 20px;*/
	text-align: center;

	border-radius: 14px;
	background: -webkit-linear-gradient(top, #27ae60 0%, #3e2404 100%);
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

.prenotazione #buttonModificaCliente {
	/*width: 500px;*/
	padding: 79px 0;
	/*margin-left: 125px;
	margin-top: 20px;*/
	text-align: center;

	border-radius: 14px;
	background: -webkit-linear-gradient(top, #27ae60 0%, #3e2404 100%);
	/*box-shadow: 0px 0px 10px 1px #333333;*/
}

#selezioneCassetto{
	text-align: center;
	display: none;
}

#labelSelectLocker{
}

.nascondi {
	display: none;
}


.templateCassetto{
	background: #333;
	margin: 10px 12px;
	padding: 25px 30px;
	font-size: 30px;
	border-radius: 10px;
	color: #fdc70b;
}