@charset "utf-8";

/* (C) 2012 I.P.S. s.r.l. */

html	{
	height:						100%;
	overflow: 					-moz-scrollbars-vertical;
	}
	
body {
	padding:					0;
	margin:  					0;
	width:						100%;
	min-height:					100%;
	font-size:					100%;
	display:					none;
	outline: 					0;
	overflow-y:					scroll;
    font-family: 				Ubuntu, Arial, sans-serif;
    font-weight: 				normal;
    line-height: 				19px;
    color: 						#555;
    text-shadow: 				1px 1px 1px #fff;
    vertical-align: 			baseline;
    -webkit-font-smoothing: 	antialiased;
}

#bodyImg {
	position: 					fixed;
	top: 						0px;
	left: 						0px;
	height: 					auto;
	min-height: 				100%;
	min-width: 					1024px;
	width: 						100%;
	z-index:					-1;	
}

@media only screen and (max-width: 900px) {
	#bodyImg {
		display:none;
		background-color: #8985ad;
	}
  }

::-webkit-input-placeholder {
   color: 						#666;
}

:-moz-placeholder {
   color: 						#666;
}

/***********  CLASSI GENERICHE ***********************/ 
.spazioSx	{
	margin-left:				8px;
}
.spazioDx	{
	margin-right:				8px;
}
.inlineBlock	{
	display:					inline-block;
}
.button	{
	height:						24px;
	display:                    inline-block;
	cursor:						pointer;
	padding-left:	            28px;
	padding-top:                5px;
	min-width:                  28px;
}
.addButton	{
	background:					url(images/visitAdd.png) no-repeat left;
	-webkit-transition: 		background 500ms;	
}
.addButton:hover	{
	background:					url(images/visitAddHover.png) no-repeat left;
}
.saveButton	    {
	background:					url(images/visitAdd.png) no-repeat left;
}
.removeButton, .deleteButton	{
	background:					url(images/binGrey.png) no-repeat left;
}
.searchButton	{
	background:					url(images/btnSearchVis.png) no-repeat left;
}
/***********  CLASSI GENERICHE ***********************/ 	


.allineaSx 
{
    text-align:                 left;
}
.paddingContenuto 
{
    padding:                    5px;
}

#loading	{
	position:					absolute;
	background-color: 			#fff;
	opacity:					1;
	width: 						100%;
	height: 					100%;
	display:					none;
	font-size:					80%;
	text-align:					center;
	z-index:					10;
}

#contenutoLoading {
	position:					absolute;
	top:						50%;
	left:						50%;
	width:						220px;
	height:						60px;
	margin:						-30px 0px 0px -110px;
	}

#loadingOrdine {
	background-color:			white;
	width:						50px;
	height:						31px;
	margin:						-7px 0px 0px 0px;
	display:					none;
	}

#loadingOrdine img{
	width:						31px;
	height:						31px;
	float:						left;
	text-align:					center;
	margin:						0px 0px 0px 2px;
}
	
ol,ul {
	list-style:					none;
	}
	
.login {
    position: absolute;
    top: 200px;
    right:100px;
    background-color: #f7fcff29;
    width: 300px;
    height: 250px;
    margin-left: -150px;
    margin-top: -125px;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135);
    /* box-shadow: 2px 2px 20px #666; */
    -moz-box-shadow: 2px 2px 20px #666;
    /* -webkit-box-shadow: 2px 2px 20px #666; */
    -moz-border-radius: 2px;
    border-radius: 6px;
    padding: 1px;
    border: none;
}


#headerLogin {
	margin:						10px 10px 0px 10px;
	height:						63px;
	}
.login form {
	position:					relative;
	}
.login input, #tipoUtente{
	float: 						right;
	font-size: 					80%;
	padding: 					5px;
	width: 						268px;
	height: 					40px;
	margin: 					10px 10px 0px 10px;
	color: 						#DADADA;
	background: 				none;
	border: 					none;
	border-bottom: 				1px solid #DADADA;
	font-size: 					100%;
	text-align:					center;
	font-weight: 100;
}

.login input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #DADADA;
opacity: 1; /* Firefox */
}

#btnSubmitLoginAttendi {
    display: none; 
    margin: 0px 0px 0px 0px;
    text-shadow: none;
    color: white;
    margin: 30px 0px 0px 0px;
}

#tipoUtente{
	width: 						280px;
	height:						34px;
	padding:					7px;
	margin: 					5px 10px 0px 10px;
	border:						none!important;
}

.login input[type="submit"] {
    position: 					relative; 
	height:						50px;
	width:						280px;
    overflow: 					visible; 
    display: 					inline-block; 
    padding: 					4px 15px; 
    border: 					1px solid #dadada; 
    margin:						10px 10px 0px 10px;
	text-decoration: 			none; 
    text-shadow: 				1px 1px 0 #fff;
    white-space: 				nowrap; 
    cursor: 					pointer;
    background-image:			url(images/btnLogin.png);
    -webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	font-size:					105%;
	}

.login input[type="submit"]:hover,
.login input[type="submit"]:focus {
    text-decoration: 			none; 
    text-shadow: 				-1px -1px 0 rgba(0,0,0,0.3); 
    color: 						#fff; 
    background-image:			url(images/btnLoginH.png);
	border:						none;
}


@media only screen and (max-device-width: 1200px) {
	.login {
		position: absolute;
		top: 50px;
		right:10px;
		left:5%;
		background-color: #f7fcff29;
		width: 90%;
		height: 700px;
		margin-left: 0px;
		margin-top: 0px;
		display: block;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135);
		/* box-shadow: 2px 2px 20px #666; */
		-moz-box-shadow: 2px 2px 20px #666;
		/* -webkit-box-shadow: 2px 2px 20px #666; */
		-moz-border-radius: 2px;
		border-radius: 6px;
		padding: 1px;
		border: none;
	}
	
	#headerLogin {
		margin:						10px 10px 0px 10px;
		height:						63px;
		display:					none;
	}
	.login form {
		position:					relative;
		}
	.login input, #tipoUtente{
		float: 						right;
		font-size: 					50px;
		padding: 					5px;
		width: 						94%;
		height: 					150px;
		margin: 					10px 20px 0px 0px;
		color: 						#323d47;
		background: 				none;
		border: 					none;
		border-bottom: 				1px solid #DADADA;
		text-align:					center;
		font-weight: 100;
	}

	.login input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #53697e;
	opacity: 1; /* Firefox */
	}

	#btnSubmitLoginAttendi {
		display: none; 
		margin: 0px 0px 0px 0px;
		text-shadow: none;
		color: white;
		margin: 30px 0px 0px 0px;
	}

	
	.login input[type="submit"] {
		position: 					relative; 
		height:						160px;
		width:						96%;
		overflow: 					visible; 
		display: 					inline-block; 
		padding: 					4px 15px; 
		border: 					1px solid #dadada; 
		margin:						10px 10px 0px 23px;
		text-decoration: 			none; 
		text-shadow: 				1px 1px 0 #fff;
		white-space: 				nowrap; 
		cursor: 					pointer;
		background:			#53697ea2;
		font-size:					50px;
		border-radius: 20px;
		float:left;
		color:#DADADA;
		text-shadow: none;
		}

	.login input[type="submit"]:hover,
	.login input[type="submit"]:focus {
		text-decoration: 			none; 
		text-shadow: 				-1px -1px 0 rgba(0,0,0,0.3); 
		color: 						#fff; 
		background-image:			url(images/btnLoginH.png);
		border:						none;
	}

}

.barra {
	width: 						100%;
	float: 						left;
	min-width: 					1024px;
	background: 				rgb(29, 24, 39);
	height: 					50px;
	border-top: 				1px solid #999;
	border-bottom: 				1px solid #666;
	position:					fixed;
	display:					block;
	z-index:					10;
	top:0px;
	}

.barra img {
	height:						40px;						
	float:						left;
	margin:						5px 0px;
	cursor:						pointer;
	}

@media print {
	.barra, .pagTab {
		display: none;
	}
}

#etiBarra {
	border:						0px solid white;
	width:						515px;
	position:					absolute;
	top:						15px;
	right:						1%;
	height:						20px;
	}
#etiBarra p{
	-webkit-font-smoothing:		antialiased;
	color: 						#fff;
	float:						right;
	font-size:					70%;
	margin:						0px 5px 0px 5px;
	text-shadow:				none;
	}
	
#etiBarra img{
	width:						16px;
	height:						13px;
	position:					relative;
	margin:						2px 5px 0px 10px;
	cursor:						pointer;
	}

/* Blocco Loggato */	
.bloccoLoggato {
	width:						1000px;
	height:						345px;
	position:					absolute;
	left:						50%;
	top:						60px;
	margin:						0px 0px 0px -500px;
	}

#selectCliente, #selectAgente, #sceltaCliente {
	position: 					relative;
	top:						0px; 
	height:						25px;
	width:						140px;
	overflow: 					visible; 
    display: 					inline-block; 
    padding: 					4px; 
    border: 					1px solid #dadada; 
    margin:						-3px 0px 0px 0px;
	text-decoration: 			none; 
    text-shadow: 				1px 1px 0 #fff;
    cursor: 					pointer;
    background-image:			url(images/btnLogin.png);
    -webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	box-shadow: 				0px 1px 10px #999;
	-moz-box-shadow: 			0px 1px 10px #999;
	-webkit-box-shadow: 		0px 1px 10px #999;
	font-size:					80%;
	color:						#036;
	font-family:				"Ubuntu", Helvetica, sans-serif;
	display:					none;
	float:						right;
	}
	
#sceltaCliente {
	height:						auto;	
	cursor:						text;
	display:					block;
	font-size:					77%;
	padding:					5px;
}
	
#selectAgente	{
	margin:						-3px 5px 0px 0px;
	}

#scegliCliente	{
	position:					absolute;
	top:						50%; 
	left:						50%;
	width:						600px;
	height:						50px;
	margin:						-100px 0px 0px -300px;
	color:						#999;				
	}

#attribGirovisite	{
	position: 					absolute;
	top:						50%; 
	left:						50%;
	margin:						10px 0px 0px -160px;					
	}

/* Fine Blocco Loggato */	

.bloccoElementi {
	/*width:						100%;*/
	width:						1020px;					
	/*height:						750px;*/
	height: 370px;
	margin:						0px;
	position:					relative;
	top:						50px;
	}

.bloccoPulsanti	{
	width:						665px;
	float:						left;
	margin:						6px 0px 0px 0px;
	}

.bloccoInserimento	{
	width:						665px;
	display:					none;
	float:						left;
	margin:						6px 0px 0px 0px;
	position:					absolute;
	top:						0px;
	}

.elemento {
	float:						left;
	position:					relative;
	background-image:			url(images/elemento.png);
	width:						320px;
	height:						100px;
	background-color: 			#EAEAEA;
	display: 					block;
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135);
	box-shadow: 				0px 1px 5px #999;
	-moz-box-shadow: 			0px 1px 5px #999;
	-webkit-box-shadow: 		0px 1px 5px #999;
	-moz-border-radius: 		2px;
	border-radius: 				2px;
	padding: 					1px;
	margin: 					5px;
}

.elemento:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
}

.elemento h1{
	color:						#0288CF;
	font-size:					150%;
	float:						left;
	margin:						15px 15px 0px 15px;
	text-align:					left;
	width:						180px;
	}
	
.elemento p{
	color:						#9C9C9C;
	font-size:					80%;
	float:						left;
	font-weight:				bold;
	width:						170px;
	margin:						10px 15px 0px 15px;
	text-align:					left;
	}

.elemento img {
	float:						left;
	width:						80px;
	height:						80px;
	margin:						10px;
	}

#frecciaDown	{
	display:					none;
	margin:						0px 0px 0px 0px;
	position:					relative;
	top:						55px;
	cursor:						pointer;
	width:						100px;
	height:						20px;
	font-size:					80%;
	overflow:					hidden;
	/*background:				url(images/frecciaDown.png) no-repeat center bottom;*/
	}
#frecciaDown:hover {
	color:						#0288CF;		
	}	
#shadow {
	margin:						0px 0px 0px 0px;
	position:					relative;
	top:						85px;
	width:						1000px;
	height:						20px;
	overflow:					hidden;
	background:					url(images/shadow.png) no-repeat center center;
	}
	
.contenutoPagina {
	display: 					none;
	position: 					relative;
	top:						50px;
	-moz-border-radius: 		5px;
	-webkit-border-radius: 		5px;
	border-radius: 				5px;
	box-shadow: 				0px 1px 5px #fff;
	-moz-box-shadow: 			0px 1px 5px #fff;
	-webkit-box-shadow: 		0px 1px 5px #fff;
	width: 						100%;
	padding-bottom: 			0px;	
	margin:0px 0px 0px 0px;
	}
	
.elementoSelectedX {
	position:					relative;
	width:						20px;
	height:						20px;
	right:						10px;
	top:						8px;
	background-color:			#666;
	float:						right;	
	color:						#fff;
	-moz-border-radius: 		12px;
	-webkit-border-radius: 		12px;
	border-radius: 				12px;
	cursor:						pointer;
	font-size:					90%;
	font-family:				Arial;
	text-shadow:				#000;
	font-weight:				bold;
	box-shadow: 				1px 1px 5px #999;
	-moz-box-shadow: 			1px 1px 5px #999;
	-webkit-box-shadow: 		1px 1px 5px #999;
	}
	
.elementoSelectedX:hover {
	color:						#666;
	background-color:			#fff;
	}
	
#visualizzaFatture {
	overflow:					hidden;
	}

#altriRisultati {
	cursor:						pointer;
	font-size:					80%;
	margin:						0px 0px 0px 0px;
	line-height:				30px;
	}
	
.boxContenuto	{
	width:						100%;
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135);
	z-index:					3;
	box-shadow:none;
	border:none;
}

.titleContenuto {
	width:						100%;
	}

.titleContenuto h1 {
	color:						#555;
	font-size:					100%;
	float:						left;
	margin:						10px 15px 0px 10px;
	text-align:					left;
	}
	
.titleContenuto .sinistra {
	display:none;
}
	
.titleContenuto .centro {
	width:							100%;
	border-width: 					1px 0px 0px 0px;
	background:						-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
	height: 						38px;
}

.titleContenuto .destra  {
	display:none;
}

.boxContenuto table {
	width:							100%;
	font-size:						90%;
}

.boxContenuto table thead	{
	margin:							0;
	background: 					#EBEBED !important;
}	

.boxContenuto table th	{
	color:							#666;
	text-shadow:					none;
	border-top:						1px solid #CCC;
	border-bottom:					1px solid #CCC;
	height:							20px;
	font-weight:					normal;
	cursor:							pointer;
}

.boxContenuto table tr {
	border-bottom:					1px solid #DDD;
	text-align:						center;
	color:							#777;
	text-shadow:					none;
}
.boxContenuto table tr.odd, .odd	{
	background-color:				#fff;
}

.boxContenuto table tr.even, .even	{
	background-color:				#EBEBEB;
}

.boxContenuto table td {
	border-bottom:					1px solid #DDD;
	height:							45px;
}

.pagTab {
	height:							40px;
	width:							100%;
}

.pagTab p {
	color:							#999;
	float:							left;
	margin:							11px 5px 6px 0px;
}

.pagTab form {
	position:					relative;
	height:						40px;
	float:						right;
	}

#searchBtnSubmit, #searchBtnOrdine, #dataDocSubmit{
	margin:						12px 7px 0px 1px;
	background:					url(images/btnSearchVis.png) no-repeat;
	width:						18px;
	height:						18px;
	float:						right;
	cursor:						pointer;
	}

#searchBtnSubmit:hover, #searchBtnOrdine:hover	{
	background:					url(images/btnSearchVisHover.png) no-repeat;
	}

#searchBtnOrdine {
	float:						left !important;
	}
	
.pagTab input[type="text"], .inputMarini {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						75px;
	height: 					20px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	}

#visitAdd, #visitEdit, #opportunitaAdd, #opportunitaEdit, #oppAttivita, #esitoVisitaAdd	{
	margin:						0px 0px 18px 0px;
	height:						95px;
	width:						930px;
	position:					relative;
	top:						5px;
	left:						15px;
	float:						left;
	display:					none;
	border:						none;
	-webkit-border-radius: 		10px;
	-moz-border-radius: 		10px;
	border-radius: 				10px;
	-webkit-box-shadow: 		#999 0px 1px 10px;
	-moz-box-shadow: 			#999 0px 1px 10px;
	box-shadow: 				#999 0px 1px 10px;
	background:					url(images/btnLogin.png) repeat-x;
	background-color:			#E8E8E8;
	behavior: 					url(css3.htc);
	}

#opportunitaAdd {
	height:						210px;	
}
#opportunitaAdd p {
	color:						#777;	
	margin-left:				6px;
}
#titoloOpportunita{
	border-bottom:				1px solid #ccc;
	margin:						10px 10px 0px 5px;
	width:						900px;
	text-align:					left;	
	font-style:					italic;
	color:						#777;
}
#opportunitaStat{
    background:                 url(images/chart.png) no-repeat left;
    width:                      20px;
    height:                     18px;
    cursor:						pointer;
    -webkit-transition: 		background 500ms;
    margin:                     10px 5px 0px 5px;    
}
#opportunitaStat:hover{
    background:                 url(images/chartHover.png) no-repeat left;
}
#esitoVisitaAdd	{
	height:						auto;
	min-height:					200px;
}

#readDettaglio {
	float:						left;
	margin:						-5px 0px 10px 13px;
	width:						880px;
	border-bottom:				1px solid #ccc;
	padding:					0px;
}

.dettagliVisita{
	float:						left;
}

.dettagliVisita h1, #esitoVisitaAdd h1{
	width:						907px;
	border-bottom:				1px solid #ccc;
	font-size:					100%;
	margin:						10px 12px 0px 12px;
	text-align:					left;	
	padding-bottom:				3px;
	color:						#777;
	font-style:					italic;
}
#oppAttivita {
	height:						auto;
	}

#oppAttivita #imgX {
	position:					absolute;
	width:						10px;
	height:						10px;
	right:						7px;
	top:						2px;
	font-size:					10px;
	cursor:						pointer;
	color:						#ccc;
	font-family:				Ubuntu;
	text-shadow:				none;
	padding:					2px;
	font-weight:				bold;
	}

#oppAttivita #imgX:hover {
	color:						#333;
}
#addVisitaForm, #editVisitaForm, #opportunitaForm, #editOpportunitaForm, #addAppuntamentoForm, #editAppuntamentoForm{
	float:						left;
	margin:						5px 0px 0px 8px;
	}
		
#visitSuccess, #opportunitaSuccess	{
	height:						50px;
	width:						900px;
	position:					relative;
	top:						5px;
	left:						30px;
	float:						left;
	display:					none;
}
	
#visitAddImgOpen, #opportunitaAddImgOpen, #esitoVisitaAddImgOpen, #spanAddDest, #spanRemoveDest{
	background:					url(images/visitAdd.png) no-repeat;
	width:						24px;
	height:						24px;
	cursor:						pointer;
	float:						left;
	margin:						8px 5px 8px 10px;
	}
	
#spanAddDest {
	margin:						3px 0px 0px 5px !important;
}

#spanChgTextSms {
	background: 				url(images/sync.png) center center;
	width: 						14px;
	height: 					16px;
	letter-spacing: 			11px;
	margin: 					6px 0px 0px 8px !important;
	cursor: 					pointer;
	-webkit-transition: 		background 500ms;
	float:						right;
}

#spanChgTextSms:hover {
	background:					url(images/syncHover.png) no-repeat;
}

#spanRemoveDest {
	background:					url(images/visitHide.png) no-repeat;
	margin:						3px 0px 0px 5px !important;
}

#spanRemoveDest:hover {
	background:					url(images/visitHideHover.png) no-repeat;
}

#selectDestSms, #selectGiroSms {
	background: 				white;
	border: 					solid 1px #999 !important;
	color: 						#777 !important;
	padding: 					5px !important;
	width: 						237px;
	box-shadow: 				inset #BBB 0px 0px 5px !important;
	-moz-box-shadow: 			inset #bbb 0px 0px 5px !important;
	-webkit-box-shadow: 		inset #BBB 0px 0px 5px !important;
	transition: 				all .3s linear;
	-moz-transition: 			all .3s linear;
	-webkit-transition: 		all .3s linear;
	clear:						right;
	margin-bottom:				10px !important;
	float:						left;
}
 
#visitAddImgOpen:hover, #opportunitaAddImgOpen:hover, #esitoVisitaAddImgOpen:hover, #spanAddDest:hover {
	background:					url(images/visitAddHover.png) no-repeat;
}

#visitAddImgClosed, #opportunitaAddImgClosed, #esitoVisitaAddImgClosed	{
	display:					none;
	background:					url(images/visitHide.png) no-repeat;
	width:						24px;
	height:						24px;
	cursor:						pointer;
	float:						left;
	margin:						8px 5px 8px 10px;
	z-index:					20;
	}
	
#visitAddImgClosed:hover, #opportunitaAddImgClosed:hover, esitoVisitaAddImgClosed:hover	{
	background:					url(images/visitHideHover.png) no-repeat;
	}

.esitoVisitaP{
	margin: 					12px 5px 0px 6px !important;
}
#esitoVisitaAdd input[type="text"], #visitAdd input[type="text"], #visitEdit input[type="text"], #opportunitaAdd input[type="text"], #opportunitaEdit input[type="text"]{
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						180px;
	height: 					20px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
}

#campagnaAdd, .comodatoAdd {
	text-align:					left;
}

.comodatoAdd {
   margin:                      0px 5px;
   width:                       945px;
   border-bottom:               1px solid #ccc;
}

#campagnaAdd input[type="text"], .comodatoAdd input[type="text"] {
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						180px;
	height: 					20px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						5px 5px 5px 3px;
	font-family:				Ubuntu;
}

#loadingCampagna{
	position:					absolute;
	background:					url(images/loadingCampagna.gif) no-repeat center center;
	width: 						100%;
	display:					none;
	font-size:					100%;
	text-align:					center;
	top:						2%;
	left:						-3%;
}

#pagListaCampagne{
    float:                      right;
    font-size:                  70%;
    
}
#selectClienteByOp, #selectClienteByOpCli, #selectResponsabile {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						172px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
	}

#selectResponsabile {
	width:						173px;	
}
	
#selectStatus, #legameWorkflow, #selectStatusEdit, #selectFonte, #selectFonteEdit, #selectFase, #selectAutorizzazioni, #selectUtenteAutorizzazioni, #selectFaseEdit, #selectAcconto, #selectModAcconto	{
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						150px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
	}

#selectAcconto, #selectModAcconto	{
	width:						100px;
	}
	
#selectFase, #selectFaseEdit {
	width:						140px;
	}
		
#selectFonte, #selectFonteEdit {
	width:						170px;
	}

#legameAS400 {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						122px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
	}

#oraVisita, #minutoVisita, #oraVisitaEdit, #minutoVisitaEdit {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						55px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
}

#oraVisitaEdit, #minutoVisitaEdit {
	width:						63px;
}
#priorita, #prioritaEdit, #selectDettagliVisita, #selectDettagliVisitaEdit {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						119px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
	}

#selectDettagliVisita, #selectDettagliVisitaEdit {
	width:						150px;
	margin-left:				12px;
}

#addDettaglio, #addArticoloConsegnato, #artComodatoLoading, #artTargetLoading, #addTarget, #addArticoloConcorrente{
	background:					url(images/visitAdd.png) no-repeat center center;
	width:						24px;
	height:						24px;
	float:						left;
	margin:						10px 10px 10px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}
#addArticoloConsegnato{
    float:                      right;
    margin-right:               320px;
}
#addTarget, #addArticoloConcorrente
{
    float:                      none;
    border:                     none;
    margin:                     0px 0px 0px 0px;
    position:                   relative;
    top:                        -3px;
}
#artComodatoLoading, #artTargetLoading {
    float:						right;
	background:					url(images/loadingRiepOrdine.gif);
	width:						16px;
	height:						11px;
	display:                    none;
	margin:						15px 325px 0px 0px;
}
#artTargetLoading {
    float:                      none;
    border:                     none;
    margin:                     0px 0px 0px 10px;
    position:                   relative;
    top:                        0px;
}
#addDettaglio:hover, #addArticoloConsegnato:hover, #addTarget:hover, #addArticoloConcorrente:hover{
	background:					url(images/visitAddHover.png) no-repeat center center;
}
#listaTarget
{
    float:                      right;
    margin:                     0px 0px 0px 0px;
    max-width:                  600px;
    }	
.listaTarget
{
    float:                      left;
    background-image:           url(images/btnLogin.png);
    border:                     1px solid #ccc;
    padding:                    5px;
    text-shadow:                none;
    cursor:                     pointer;
    overflow:                   hidden;
    font-size:                  80%;
    -webkit-border-radius:      5px;
    -moz-border-radius:         5px;
    border-radius:              5px;
    -webkit-transition:         background 0.3s ease-in-out;
    -moz-transition:            background 0.3s ease-in-out; 
    margin:                     6px 0px 0px 5px;       
}
.listaTarget:hover
{
    color:                      #fff;
    background-image:           url(images/btnLoginH.png);
}
#dataVisitaSubmit, #dataOpportunitaSubmit, #dataOpportunitaReset, #attivitaSubmit, #attivitaReset, #accontoSubmit, #accontoReset, #campagnaSubmit, #comodatoSubmit, #campagnaAddFornSubmit, #campagnaReset{
	display:					inline;
	float:						left;
	height:						34px;
	width:						61px;
	margin:						5px 0px 0px 3px;
	font-family:				Ubuntu;
	cursor:						pointer;
	text-decoration: 			none; 
    color: 						#fff; 
    background-image:			url(images/btnLogin.png);
	border: 					1px solid #dadada; 
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	color:						#444444;
}

#searchNumOpp {
	background:					none;
	border:						none;
	text-align:					center;
	width:						75px;
	color:						#666;
	font-weight:				normal;
	font-family:				Ubuntu;
	font-size:					100%;
}

#campagnaSubmit, #campagnaReset, #comodatoSubmit{
	float:						right;
}

#fileImport, #ButtonAnalizza, #file {
	position:					relative;
	height:						34px;
	width:						80px;
	margin:						5px 0px 0px 3px;
	font-family:				Ubuntu;
	cursor:						pointer;
	text-decoration: 			none; 
    color: 						#fff; 
    background-image:			url(images/btnLogin.png);
	border: 					1px solid #dadada; 
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	color:						#444444;
	z-index:					1;
}

#file{
	position:					absolute;
}

#fileImport {
	z-index:					2;
	-moz-opacity:				0 ;
	filter:						alpha(opacity: 0);
	opacity: 					0;
}

#fileCaricato {
	position:					absolute;
	left:						90px;
	top:						13px;
	margin:						0px;
	font-size:					90%;					
}

#fileImport:hover, #ButtonAnalizza:hover, #file:hover {
	background-image:			url(images/btnLoginH.png);
	color:						#FFF;
	border:						none;
}

#dataOpportunitaSubmit, #dataOpportunitaReset, #attivitaSubmit, #attivitaReset {
	width:						70px;
	margin-right:				3px;
	}
	
#dataVisitaSubmit:hover, #dataOpportunitaSubmit:hover, #dataOpportunitaReset:hover, #attivitaSubmit:hover, #attivitaReset:hover, #accontoSubmit:hover, #accontoReset:hover, #campagnaSubmit:hover, #comodatoSubmit:hover, #campagnaAddFornSubmit:hover, #campagnaReset:hover{
	background-image:			url(images/btnLoginH.png);
	color:						#FFF;
	border:none;
}

.editImg {
	background:					url(images/edit.png) no-repeat center center;
	width:						30px;
	height:						30px;
	padding:					0px;
	float:						left;
	margin:						0px 5px 0px 0px;
	cursor:						pointer;
	}

.editImg:hover{
	background:					url(images/editH.png) no-repeat center center;
	background-color:			#7e7e7e;
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	}

.svuotaStatCampImg {
	background:					url(images/cestinoOrdini.png) no-repeat center center;
	width:						30px;
	height:						30px;
	padding:					0px;
	float:						left;
	margin:						0px 5px 0px 0px;
	cursor:						pointer;
	}

.svuotaStatCampImg:hover{
	background:					url(images/cestinoOrdiniHover.png) no-repeat center center;
	}

.cutImg {
	background:					url(images/cut.png) no-repeat center center;
	width:						30px;
	height:						30px;
	padding:					0px;
	float:						left;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
	}
	
.cutImg:hover{
	background:					url(images/cutH.png) no-repeat center center;
	background-color:			#7e7e7e;
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	}
	
.editOppImg {
	background:					url(images/editOpp.png) no-repeat center center;
	width:						18px;
	height:						16px;
	padding:					0px;
	float:						left;
	margin:						6px 0px 6px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
	}

.editOppImg:hover{
	background:					url(images/editOppHover.png) no-repeat center center;
	}

.closeLose {
	background:					url(images/closeLose.png) no-repeat center center;
	width:						16px;
	height:						17px;
	padding:					0px;
	float:						left;
	margin:						6px 0px 6px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}
	
.closeLose:hover{
	background:					url(images/closeLoseHover.png) no-repeat center center;
}

#dettImgEsitoVisita, #dettImgEVC{
	background:					url(images/noteOrdine.png) no-repeat center center;
	width:						30px;
	height:						30px;
	padding:					0px;
	float:						left;
	margin:						0px 5px 0px 30px !important;
	cursor:						pointer;
}

#dettImgEsitoVisita:hover, #dettImgEVC:hover{
	background:					url(images/noteOrdineHover.png) no-repeat center center;
}

#nomeOpportunita {
	margin-left:				10px;
	width:						300px !important;
	}

#importoOpportunita {
	width:						74px !important;
	}

#searchDoc {
	width:						215px !important;
	}

#articolo {
	width:						130px !important;
	}
		
#quantita {
	width:						74px !important;
	}

#percentualeOpportunita{
	width:						95px !important;
	}

#prossimoPasso {
	width:						162px !important;
	}

#dataOpportunita {
	width:						145px !important;
	}
	
#dataAttivita {
	height:						20px;
	width:						80px !important;
	}

#dataChiusuraOpportunita {
	width:						128px !important;
	}

#titoloAttivita, #titoloAcconto {
	margin:						5px 10px 0px 10px;
	font-size:					70%;
	color:						#999;
	text-align:					left;
}

#titoloAcconto { 
	border-bottom:				1px solid #ccc;
	color:						#777;
	font-style:					italic;
}

#descAttivita {
	width:						485px !important;
	height:						20px !important;
	}

#descAcconto {
	width:						690px !important;
	height:						20px !important;
}

#importoAcconto {
	width:						60px !important;
	height:						20px !important;
}

#dataAcconto {
	height:						20px;
	width:						75px !important;
	padding-left:				2px;
	}

#attivitaForm, #accontoForm {
	float:						left;
	margin:						0px 5px 10px 6px;
	}
	
#tbVisuaFatture	tr{
	cursor:						pointer;
	}

#ricercaVeloce {
	position:					absolute;
	top:						9px;
	height:						20px;
	left:						50%;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						200px;
	color: 						#999;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 0px 0px -100px;
	-webkit-border-radius: 		10px; 
    -moz-border-radius: 		10px; 
    border-radius: 				10px;
	}
	
#ricercaVeloceBtnSubmit {
	position:					absolute;
	top:						16px;
	left:						50%;
	margin:						0px 0px 0px 85px;
	background:					url(images/btnSearchVis.png) no-repeat;
	width:						18px;
	height:						18px;
	float:						right;
	cursor:						pointer;
}

.contenutoSotto {
	border:						1px solid #CCC;
	z-index:					0;
	position:					relative;
	top:						50px;
	width:						980px;
	-webkit-border-radius: 		7px; 
    -moz-border-radius: 		7px; 
    border-radius: 				7px;
	clear:						both;
	}
	
#contenutoSotto {
	display:					none;
}

#contaVisiteCliente {
	text-align:					left;
	margin:						10px;
	font-size:					80%;
}

/* AUTOCOMPLETE */
.ui-autocomplete-loading { 
	background: 				white url('images/loadingSearch.gif') right center no-repeat !important;
}
/* /AUTOCOMPLETE */

/* Scheda Prodotto */
#schedaProdotto {
	width:						966px;
	height:						1360px;
	background-color:			#E0EAEA;
}

#schedaProdotto #logoLeft {
	position:					relative;
	left:						0px;
	top:						0px;
	width:						510px;
	height:						211px;
	float:						left;
	background-image:			url(images/scheda/logo_alto_sinistra.png);
}
#schedaProdotto #logoRight {
	position:					relative;
	left:						40px;
	top:						0px;
	width:						415px;
	height:						211px;
	float:						left;
	background-image:			url(images/scheda/logo_alto_destra.png);
}
.etichetta {
	position:					relative;
	margin:						20px 0px 0px 20px;
	float:						left;
}
.etichetta_titolo{
	background-color:			#8ACAED;
	float:						left;
	padding:					10px;
	min-width:					174px;
	text-align:					right;
	height:						20px;
}
.etichetta_titolo_ridotto{
	background-color:			#8ACAED;
	float:						left;
	padding:					10px;
	min-width:					62px;
	text-align:					right;
	height:						20px;
}
.etichetta_testo{
	background-color:			#FFF;
	float:						left;
	padding:					10px;
	height:						20px;
	min-width:					70px;
}
.etichetta_testo p{
	border-bottom:				1px solid #00529F;
	margin:						0;
	float:						left;
	text-transform:				capitalize;
	text-overflow: 				ellipsis;
}
.etichetta_immagini{
	background-color:			#FFF;
	float:						left;
	padding:					0px;
	height:						345px;
	width:						884px;
}
.etichetta_pdf{
	background-color:			#FFF;
	float:						left;
	width:						264px;
	margin-left:				20px;
	height:						155px;
}
.etichetta_pdf p{
	margin:10px;
	font-weight:				bold;
	}
#schedaTecnica {
	background:					url(images/schedaTecnica.png) no-repeat center center;
	width:						32px;
	height:						32px;
	cursor:						pointer;
}
#schedaTecnica:hover {
	background:					url(images/schedaTecnicaHover.png) no-repeat center center;	
}
#schedaProdotto .checkBoxReparto {
	border:						1px solid #00529F;
	width:						20px;
	height:						20px;
	float:						left;
	margin:						0px 10px 0px 0px;
}
#schedaProdotto .checkBoxRepartoChecked {
	border:						1px solid #00529F;
	width:						20px;
	height:						20px;
	float:						left;
	margin:						0px 10px 0px 0px;
	background:					url(images/check.png) no-repeat center center;
}
#schedaProdotto .checkBoxRepartoP {
	border:						none;
	padding:					2px 0px 0px 0px;
	margin:						0px 14px 0px 0px;
	white-space: 				nowrap;  
    overflow: 					hidden;  
    text-overflow: 				ellipsis; 
	}
#schedaProdotto #contieniCheckImmagini {
	width:						380px;
	float:						left;
}
#schedaProdotto #anteprimaCheck {
	width:						492px;
	float:						left;
	height:						277px;
	margin:						10px 0px 0px 0px;
	text-align:					center;
	font-size:					150%;
}
#schedaProdotto #checkBoxImmagini {
	border:						1px solid #00529F;
	width:						80px;
	height:						60px;
	float:						left;
	margin:						10px 0px 0px 10px;
	text-align:					center;
}
#schedaProdotto #checkBoxImmagini img {
	border:						none;
}
#barra_chiusura {
	width:						966px;
	margin:						10px 0px 0px 0px;
	height:						20px;
	padding:					7px 0px;
	background-color:			#666;
	color:						#fff;
	text-shadow:				none;
	text-align:					center;
}
/* /Scheda Prodotto */

.copy {
	position:					absolute;
	font-size:					70%;
	width:						100%;
	text-align:					center;
	bottom:						5px;
	z-index:					9999;
	text-shadow: 				none;
	color: darkcyan;
}

#switcher {
	background-color: 			transparent;
	border: 					none;
	bottom: 					0;
	font-size: 					40px;
	padding: 					0;
	position: 					absolute;
	margin: 					0;
	width:						25px;
	height:						25px;
	top: 						160px;
	left:						-40px;
	z-index: 					5;
	-webkit-transition: 		width 150ms, right 150ms, background-color 150ms;
	color:						#ccc;
	text-shadow:				none;
	cursor:						pointer;
}

#switcher:hover {
	color: 						#999;	
}

.ricercaOrdine{
	float:						left;	
	height:						41px;
	margin:						0px 0px 0px 3px;
}

.ricercaDataDocumenti {
	float:						right;	
	height:						41px;
	margin:						0px 0px 0px 3px;
}

.contatori {
	float:						left;
	height:						29px !important;
	margin:						6px 0px 0px 0px;
}

.contatori p{
	float:						left;
	margin:						5px 5px 0px 5px;
	}
	
#prev	{
	background:					url(images/prev.png);
	height:						13px;	
	width:						8px;
	cursor:						pointer;
	float:						left;
	margin:						8px 0px 0px 0px;
}

#prev:hover	{
	background:					url(images/prevhover.png);
}

#next	{
	background:					url(images/next.png);
	height:						13px;	
	width:						8px;
	cursor:						pointer;
	float:						left;
	margin:						8px 0px 0px 0px;
}

#next:hover	{
	background:					url(images/nexthover.png);
}

.qArticoloOrdine {
	width:						20px;
	float:						left;
	height:						20px;
	font-size:					70%;
	text-align:					center;
}

.qArtOrd, .qArtResoOrd {
	width:						35px;
	height:						15px;
	font-size:					80%;
	text-align:					center;
	color:						#666;
	float:						left;
	margin:						0px 0px 0px 5px;
}

.qArtResoOrd {
	display: none;
	background-color: orange;
	border: none;
	margin: 5px;
}

#qArtOrdImg{
	background:					url(images/sync.png) no-repeat;
	width:						14px;
	height:						16px;
	margin:						3px 0px 0px 4px;
	cursor:						pointer;
  	float:						left;
}

#qArtOrdImg:hover {
	background:					url(images/syncHover.png) no-repeat;
	}

.cart, #cartN{
	float:						left;
	background:					url(images/cart.png);
	width:						24px;
	height:						21px;
	margin:						12px 0px 0px 11px;
	cursor:						pointer;
	}

#cartN {
	cursor:						help;
	}
		
.cart:hover {
	background:					url(images/carthover.png);
}

.cartLoading{
	float:						left;
	background:					url(images/loadingRiepOrdine.gif);
	width:						16px;
	height:						11px;
	display:                    none;
	margin:						8px 0px 0px 15px;
}
	
#repartoOrdine, #gruppoOrdine, #sottoGruppoOrdine, #sceltaFinituraOrdine, #selectFornitore, #selectDoc, #filtroAgenteVisita, #filtroUtente, #filtroAgenteAnalisiNote, #selectAnalisiNoteCompletate, #filtroTipoVisita, #filtroAgenteOrdiniInviati, #selectCompletati, #sceltaTipoClienteABC, #selectSoloImmagini, #selectContab, #filtroISN, #selectObiettivo, #select_tipologia_note {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						170px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
}

.selectGenerica{
    font-size: 					90%;
	padding: 					5px 5px;  
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;    
	height: 					31px;
}
    
#selectContab {
	width:						115px;
}

#selectObiettivo {
    width:                      100px;
    float:                      none;
    position:                   relative;
    top:                        0px;
    height:                     32px;
}

#selectSoloImmagini {
	float:						right;
	height:						25px;
	font-size: 					80%;
	padding:					3px;
	width:						125px;
	margin:						0.5px 5px 8px 0px;
}

#selectAnalisiNoteCompletate {
	width:						120px;
}

#filtroTipoVisita{
	width:						120px;
}
#selectCompletati{
	float:						right;
	margin:						5px 10px 10px 10px;
	width:						150px;
}

#filtroAgenteOrdiniInviati{
	margin:						5px 10px 10px 10px;
}

#sceltaTipoClienteABC { 
	width:						85px;
}

#filtroEC {
	margin:						0px;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						95px;
	height: 					29px;
	color: 						#444444;
	background: 				#EBEBED;
	border: 					none;
	display:					inline !important;
}

#sceltaTipoCliente{
	margin:						0px;
	font-size: 					90%;
	padding: 					0px 0px;
	width: 						100px;
	height: 					20px;
	color: 						#444444;
	background: 				#none;
	border: 					none;
	float:						right;	
}

#filtroOrdini{ 
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						100px;
	height: 					29px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						6px 10px 10px 0px;
	float:						left;
}
#repartoOrdine, #gruppoOrdine, #sottoGruppoOrdine, #selectFornitore{
	width: 						120px;
}
#sceltaFinituraOrdine{
    width:                      85px;
    }
#filtroISN{
    width:                      60px;
    }
#sceltaTipoClienteABC {
	margin-left:				5px;
	}
#sceltaRepartiOperatori{
	margin:						0px 0px 0px 0px;
	height:						32px;
	width:						170px;
	float:						left;
	font-size: 					80%;
	padding: 					5px 5px;
	color: 						#444444;
	background: 				white;
	border: 					1px solid #DADADA;
	display:					inline !important;
}

#selectDoc {
	width:						100px;
	}
	
.riepilogoOrdine {
	min-height:					100px;
	height:						auto;
}

.riepilogoOrdine p {
	font-size:					80%;
	text-align:					left;
	float:						left;
	margin:						5px;
	color:						#777;
}

.tbRiepilogoOrdine {
	font-size:					80%;
}

.tbRiepilogoOrdine table td{
	cursor:						default;	
	height:						25px !important;
}

#fallr #priorita, #fallr #tipologiaNota {
    background: 				#fff;
    border: 					solid 1px #999;
    color: 						#777;
    padding: 					5px;
    width: 						270px;
    box-shadow: 				inset #bbb 0px 0px 5px;
    -moz-box-shadow: 			inset #bbb 0px 0px 5px;
    -webkit-box-shadow: 		inset #bbb 0px 0px 5px;
	margin:						-10px 0px -10px 0px; 
}

.delArt {
	background:					url(images/binGrey.png) no-repeat;
	width:						11px;
	height:						12px;
	cursor:						pointer;
	float:left;
	margin: 2px 0px 0px 0px;
}

.delArt:hover {
	background:					url(images/binGreyHover.png) no-repeat;
	}

#thSearchArticolo {
	font-size: 					90%;
	color: 						#666;
	width: 						100px;
	margin-left: 				10px;
	padding: 					5px;
	background:					none;
	border:						none;
	font-family:				ubuntu;
}

#thSearchFinitura {
	font-size: 					90%;
	color: 						#666;
	width: 						100px;
	margin-left:				10px;
	padding: 					5px;
	background:					none;
	border:						none;
	font-family:				ubuntu;
	
}

/******************************************************************/
/********************** STAMPA ORDINI *****************************/
/******************************************************************/
#printOrdine {
	width:						100%;
	height:						1000px;
	text-shadow:				none;
    float:left;
    margin-top: -160px;
}

#pulsantiOrdine {
	float:						right;
}

#completaOrdine {
	float:						left;
	margin:						0px 0px 0px 0px;
}
#completaOrdine p{
	margin:						-2px 6px 0px 0px;
	cursor:						pointer;
}
#completaOrdine p:hover {
	color:						#630;
	}
#stampaListino {
	float:						left;
	background:					url(images/printer.png) no-repeat;
	width:						16px;
	height:						15px;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
	}

#esportaExcel {
	float:						right;
	background:					url(images/esportaExcel.png) no-repeat;
	width:						18px;
	height:						15px;
	margin:						2px 8px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
	}

#esportaExcel:hover {
    background:					url(images/esportaExcelHover.png) no-repeat;
    }
    
#stampaListino{
   margin:						3px 1px 0px 0px;
   float:                       right;
   }
   
#stampaListino:hover {
	background:					url(images/printerHover.png) no-repeat;
	}
	
#modificaOrdine {
	float:						left;
	background:					url(images/noteOrdine.png) no-repeat;
	width:						16px;
	height:						15px;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
}

#modificaOrdine:hover {
	background:					url(images/noteOrdineHover.png) no-repeat;
}

#cancellaOrdine {
	float:						left;
	background:					url(images/cestinoOrdini.png) no-repeat;
	width:						16px;
	height:						15px;
	margin:						0px 5px 0px 0px;
	cursor:						pointer;
	}

#cancellaOrdine:hover {
	background:					url(images/cestinoOrdiniHover.png) no-repeat;
	}
	
.noteOrd {
	float:						left;
	background:					url(images/noteOrdineNew.png) no-repeat;
	width:						24px;
	height:						24px;
	margin:						-5px 5px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}
.noteOrd:hover {
	float:						left;
	background:					url(images/noteOrdineNewH.png) no-repeat;
	-webkit-transition: 		background 500ms;
}

.noteOrdHover__OLD {
	float:						left;
	background:					url(images/noteOrdineNewH.png) no-repeat;
	width:						24px;
	height:						24px;
	margin:						-5px 5px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

#headerAziendaOrdine {
	margin:						0px;
	line-height: 13px!important;
	float:						left;
}

#footerAziendaOrdine {
	margin:						5px 5px 5px 5px;
	float:						left;
}

#infoClienteOrdine {
	width:						350px;
	height:						130px;
	float:						right;
	margin:						20px 5px 10px 0px;
	-moz-border-radius: 		6px;
	-webkit-border-radius: 		6px;
	border-radius: 				6px;
	border: 					1px solid #ccc;
}

#infoClienteComodato {
	width:						250px;
	height:						96px;
	float:						right;
	text-align:                 right;
	margin:						20px 5px 10px 0px;
    border:                     none;
    line-height:                1.5em;
    }

#infoClienteOrdine p{
	margin:						10px;
	font-size:					70%;
}

#infoClienteComodato p{
	margin:						10px;
	font-size:					100%;
}
	
.stampaRiepilogoOrdine {
	border:						none;
	min-height:					600px;
	height:						auto;
	margin:						160px 5px 0px 5px; 
	border-radius:				5px;
}

.stampaRiepilogoOrdine p {
	font-size:					70%;
	text-align:					left;
	float:						left;
	margin:						5px;
	color:						#333;
	text-shadow:				none;
}

.tbStampaRiepilogoOrdine {
	font-size:					70%;
}

.tbStampaRiepilogoOrdine table th {
	cursor:						default;
	text-align:					left;
	color:						#333;
	font-style:					italic;
}

.tbStampaRiepilogoOrdine table td{
	cursor:						default;	
	height:						25px !important;
	text-align:					left;
	color:						#333;
}
.stampaRiepilogoOrdineInviati {
	border:						1px solid #DADADA;
	min-height:					100px;
	height:						auto;
	margin:						5px 5px 0px 5px; 
	border-radius:				5px;
}

.stampaRiepilogoOrdineInviati p {
	font-size:					80%;
	text-align:					left;
	float:						left;
	margin:						5px;
	color:						#333;
	text-shadow:				none;
}

.tbStampaRiepilogoOrdineInviati {
	font-size:					80%;
	width:						auto !important;
}

.tbStampaRiepilogoOrdineInviati table th {
	cursor:						default;
	text-align:					left;
	color:						#333;
	font-style:					italic;
}

.tbStampaRiepilogoOrdineInviati table td{
	cursor:						default;	
	height:						25px !important;
	text-align:					left;
	color:						#333;
	width:						auto !important;
}
/******************************************************************/
/***************** FINE STAMPA ORDINI *****************************/
/******************************************************************/

/* ***** DIV PER SCROLL PAGINA ************ */
#back-top {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 9px;
	left: 39px;
	z-index: 1200;
	width: 21px;
	height: 21px;
	background: rgba(255,255,255,0.85);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.10);
	transition: background 0.2s, box-shadow 0.2s;
	cursor: pointer;

}

#back-top:hover {
	background: #4e54c8;
	box-shadow: 0 4px 16px rgba(78,84,200,0.18);
}

/* Tooltip style */
#back-top::after {
	content: "vai su";
	position: absolute;
	left: 110%;
	top: 50%;
	transform: translateY(-50%);
	background: #4e54c8;
	color: #fff;
	padding: 3px 10px;
	border-radius: 6px;
	font-size: 0.85rem;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s, left 0.2s;
	box-shadow: 0 2px 8px rgba(0,0,0,0.10);
	z-index: 9999;
	text-shadow: none;
}

#back-top:hover::after {
	opacity: 1;
	left: 130%;
}

#back-top a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font: 0px Ubuntu, Helvetica, sans-serif;
}

#back-top span {
	width: 10px;
	height: 10px;
	display: block;
	background: none;
	position: relative;
}

#back-top span::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #4e54c8;
	margin: 0 auto;
	transition: border-bottom-color 0.2s;
}

#back-top:hover span::before {
	border-bottom-color: #fff;
}

@media (max-width: 600px) {
	#back-top {
		top: 6px;
		right: 6px;
		width: 18px;
		height: 18px;
	}
	#back-top span {
		width: 9px;
		height: 9px;
	}
	#back-top span::before {
		border-left: 4.5px solid transparent;
		border-right: 4.5px solid transparent;
		border-bottom: 6px solid #4e54c8;
	}
	#back-top::after {
		font-size: 0.7rem;
		padding: 2px 7px;
		left: 110%;
	}
	#back-top:hover::after {
		left: 120%;
	}
}
/* ***** /DIV PER SCROLL PAGINA ************ */

#intervista{
	color:						#F00;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
	text-align:					left;	
}

#intervista:hover {
	color:						#030;
}

.budget {
	border:						1px solid #CCC;
	margin:						5px 6px 0px 6px;
	-webkit-border-radius:		7px;
	-moz-border-radius: 		7px;
	border-radius: 				7px;
}

.budget h1{
	color: 						#555;
	font-size: 					100%;
	float: 						left;
	margin: 					6px 15px 6px 10px;
	text-align: 				left;
}

.budget table td {
	height:						20px;
	font-size:					90%
}

.budget table th {
	width:						157px;
}

#statBusinessH1, #titleOrdineH1, .titleComodatoH1 {
	color: 						#555;
	font-size: 					100%;
	float: 						left;
	margin: 					15px 15px 0px 7px;
	text-align: 				left;
	border-bottom:				1px solid #ccc;
	width:						99%;
	padding-bottom:				3px;
}

#selectTipoOrdine, #selectProvenienzaOrdine, .selectSede {
	margin:						0px;
	font-size:					100%;
	font-family: 				Ubuntu, Arial, sans-serif;
	border:						none;
	color:						#777;
}

#cambiaTipoOrdine {
	margin:						0px;
	font-size:					100%;
	font-family: 				Ubuntu, Arial, sans-serif;
	border:						none;
	color:						#777;
}
/*************** QUESTIONARI *************************/
.divQuestionari li  
{
    padding-top:2px;
    padding-bottom:2px;
}
.divQuestionari ul, .divQuestionari  ol 
{
    list-style-type:            circle; /*decimal-leading-zero;*/
    list-style-position:        inside; 
}
.listaDomandeSezione li, .listaDomandeSenzaSezione li {
    font-weight:                bold;    
    font-size:                  .8em;
}
.rispostaDomanda li {
    font-style:                 italic;
    font-weight:                normal;     
}

.rispostaDomandaCompila li {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;   
    border:1px solid #f0f0f0;
    -webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius:  5px;    
}

    
.divQuestionari .progressivoAlbero 
{   
    display:                    inline-block;
    font-size:                  10px; 
    position:                   relative;   
    border:                     1px solid #ccc;
    margin-right:               5px;               
    -webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
    padding:                    2px;
    cursor:pointer;
    line-height:                10px;
    background:                 rgb(255,255,255); /* Old browsers */
    background:                 -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background:                 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background:                 -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background:                 -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background:                 -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
    background:                 linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
    filter:                     progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */    
}
.divQuestionari .liTitle:hover 
{
    background-color:           #f2f2f2;
}
.mnuAzioniQuestionario 
{
    position:                   absolute;
    background-color:           #fff;
    padding:                    4px;
    line-height:                1.8em;
    box-shadow: 				0px 1px 10px #ccc;
	-moz-box-shadow: 			0px 1px 10px #ccc;
	-webkit-box-shadow: 		0px 1px 10px #ccc;	
    display:                    block;
    width:                      130px;
    height:                     60px;
    z-index:                    100;
    border:                     1px solid #333;
    top:                        100%;
    left:                       0;
}

.risposta 
{
    vertical-align:top;
    border: 1px solid #d2d2d2;
    margin-top:4px;
    padding:5px;
}
.risposta input
{
    width: 400px;  
    vertical-align:top;  
}
.bloccoEditDomanda .txtDomanda {width:140px;}
.percentualeRisposta {width:25px;}

.contatoreStatRisposte {display:inline-block;margin-left:20px;}
.contatoreStatRisposte a {font-weight:bold;color:Red;font-size:1.5em;}
.divApriQuestionario {float:right;}
/***********  FINE QUESTIONARI ***********************/ 

.bloccoAzioniAggiuntive 
{
    font-size:					.8em;
    text-align:					left;
	height: 					50px;
	position: 					absolute;
	top: 						340px;	
}

.ordiniInCorso {
	width:						940px;
	margin:						0px 0px 25px 0px;
}

.ordiniInCorso table td{
	height:						25px;
}
.testataOrdine {
	border-bottom:				1px solid #ccc;
	width:						100%;
	text-align:					left;
	margin:						10px 0px 5px 0px;
	height:						20px;	
	font-size:					90%;	
}


/********************** IMPIANTO ************************/
#menuImpianto	{
	width:						100%;
	margin:						13px 10px 10px 10px;
	text-align:					left;
	min-height:					700px;
}

#menuImpianto a {
	text-decoration:			none;
	color:						#666;
	font-size:					85%;
}

#menuImpianto a:hover {
	color:						#333;
}

.impiantoSub {
	min-height:					45px;
	margin:						0px 10px 10px 10px;
	border-bottom:				1px solid #ccc;
	
}

.impiantoSub input[type="text"] {
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						250px;
	height: 					20px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 0px 5px;
}

#submitImpianto, #cancellaImpianto {
	display:					inline;
	float:						left;
	height:						34px;
	width:						61px;
	margin:						-1px 0px 0px 5px;
	font-family:				Ubuntu;
	cursor:						pointer;
	text-decoration: 			none; 
    color: 						#fff; 
    background-image:			url(images/btnLogin.png);
	border: 					1px solid #dadada; 
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	color:						#444444;
}

#submitImpianto:hover, #cancellaImpianto:hover {
	background-image:			url(images/btnLoginH.png);
	color:						white;
}

.boxImpianto {
	width:						210px;
	height:						115px;
	float:						left;
	border: 					1px solid #ccc; 
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	margin:						10px;
	-moz-opacity: 				1;
	-khtml-opacity: 			1;
	-webkit-opacity: 			1;
	opacity: 					1;
	-webkit-transition: 		all .5s linear;
	-moz-transition: 			all .5s linear;
	transition: 				all .5s linear;
}

.boxImpianto:hover {
	cursor:						pointer;
	background-color: 			#ccc;
	-moz-opacity: 				1;
	-khtml-opacity: 			1;
	-webkit-opacity: 			1;
	opacity: 					1;
}
/*********************************************************** */
/************* CSS PER SCROLL BAR VERTICALE **************** */
/*********************************************************** */
.Scrollbar-Track {
	width: 						10px;
	height: 					265px;
	background:					none;
	position: 					absolute;
	top: 						50px;
	left: 						305px;
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
}
.Scrollbar-Handle {
	position: 					absolute;
	width: 						10px; 
	height: 					10px;
	background:					#FFC61B;
	-webkit-border-radius: 		5px; 
    -moz-border-radius: 		5px; 
    border-radius: 				5px;
	cursor:						pointer;
}
.Scrollbar-Handle:hover {
	background:					#990;
}
.Scroller-Container {
  	position: 					absolute;
  	top: 						0px;
	left: 						0px;
}
#note	{
	float:						right;
	position:					relative;
	right:						5px;
	background-image:			url(images/note.png);
	background-repeat:			no-repeat;
	background-position:		center center;
	width:						328px;
	/*width:						25%;*/
	height:						343px;
	display: 					block;
	margin: 					0px 0px 0px 0px;
}
	
#note:hover {
	cursor:						text;
}
#gruppoNote {
	position: 					absolute;
	overflow-y: 					scroll;
	height:						275px;
	width:						97%;
	margin:						40px 0px 0px 12px;
}
.nota {
	min-height:					16px;
	margin:						8px 0px;
	/*width:						275px;*/
}	

	
.nota h1{
	color:						#0288CF;
	font-size:					150%;
	float:						left;
	margin:						15px 15px 0px 15px;
	text-align:					left;
	width:						245px;
	}
	
.nota p{
	color:						#666;
	font-family:				Ubuntu;
	font-size:					70%;
	font-weight:				bold;
	text-align:					left;
	float:						left;
	margin:						0px 0px 2px 10px;
	width:						90%;
	border-bottom:				thin dotted #9C0;
	text-shadow:				none;
}

.nota img {
	float:						left;
	width:						16px;
	height:						16px;
	margin:						2px 0px 0px 0px;
}

#delNota {
	background:					url(images/bin.png) no-repeat center center;
	width:						11px;
	height:						17px;
	float:						right;
	margin:						4px 0px 0px 0px;
	cursor:						pointer;
	position: 					relative;
	right: 						7%;
}

#delNota:hover {
	background:					url(images/binH.png) no-repeat center center;
}

#delNotaBox {
	background:					url(images/bin.png) no-repeat center center;
	width:						11px;
	height:						17px;
	float:						right;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
	position: 					relative;
	right: 						0px;
	bottom: 					16px;
}

#delNotaBox:hover {
	background:					url(images/binH.png) no-repeat center center;
}
/*********************************************************** */
/************* CSS PER SCROLL BAR VERTICALE **************** */
/*********************************************************** */


#nav-next {
	background-image:					url("images/arrow_right.png");
	right: 								0;
	-webkit-border-top-left-radius: 	5px;
	-webkit-border-bottom-left-radius: 	5px;
	-moz-border-radius-topleft: 		5px;
	-moz-border-radius-bottomleft: 		5px;
	border-top-left-radius: 			5px;
	border-bottom-left-radius: 			5px;
}

#nav-prev {
	background-image: 					url("images/arrow_left.png");
	left: 								0;
	-webkit-border-top-right-radius: 	5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 		5px;
	-moz-border-radius-bottomright: 	5px;
	border-top-right-radius: 			5px;
	border-bottom-right-radius: 		5px;
}

#nav-next, #nav-prev {
	position: 					absolute;
	z-index: 					120;
	text-indent: 				-9999px;
	display: 					block;
	cursor:						pointer;
	top: 						50%;
	width: 						55px;
	height: 					60px;
	background-color: 			black;
	background-color: 			rgba(0, 0, 0, 0.8);
	background-repeat: 			no-repeat;
	background-position: 		50% 50%;
	-moz-opacity: 				.5;
	-khtml-opacity: 			.5;
	-webkit-opacity: 			.5;
	opacity: 					.5;
	-webkit-transition: 		all .5s linear;
	-moz-transition: 			all .5s linear;
	transition: 				all .5s linear;
}

#nav-next:hover, #nav-prev:hover {
	background-color: 			black;
	-moz-opacity: 				1;
	-khtml-opacity: 			1;
	-webkit-opacity: 			1;
	opacity: 					1;
}

#pRicercaAcconto{
	border-bottom:				1px solid #ccc;
	width:						940px;
	margin:						0px 10px 0px 10px;
	text-align:					left;
	font-size:					70%;
	font-style:					italic;
}

.checkBox{
	margin:						2px;
	cursor:						pointer;
}
.checkBox span{
	width: 						17px;
	height: 					17px;
	display: 					block;
	background: 				url(images/checkboxUnchecked.png) center center no-repeat;
}

.ckChecked span{
	width: 						17px;
	height: 					17px;
	display: 					block;
	background: 				url(images/checkboxChecked.png) center center no-repeat;
}

#tbECRiepilogoGenerale{
	display:					none;
	position:					fixed;
	margin:						0px 0px 0px -480px;
	top:						52px;
	left:						50%;
	height:						60px;
	width:						960px;
	z-index:					1;
	font-size:					90%;
	background: 				#FFF !important;
}

#tbECRiepilogoGenerale table {
	background: 				#EBEBED !important;
	text-shadow: 				none;
	border-top: 				1px solid #CCC;
	border-bottom: 				1px solid #CCC;
	cursor: 					pointer;
	margin:						14px 0px 0px 0px;
}
#tbECRiepilogoGenerale th{
	width:						100px;
	font-weight: 				lighter;
	color: 						#666;
	text-align:					center;
}

#loadingAccontoT, #loadingAccontoN{
	display:					none;
	width:						16px;
	height:						11px;
	text-align:					center;
	margin:						0px 2px 0px 2px;
}

#pulsanteAggAcconto{
	background:					url(images/sync.png) center center;
	width:						14px;
	height:						16px;
	letter-spacing:				11px;
	margin:						0px 0px 0px 5px;
	cursor:						pointer;
}

#pulsanteAggAcconto:hover {
	background:					url(images/syncHover.png) center center;
}

.checkAcconto {
	background:					url(images/checkUn.png) center center;
	width:						16px;
	height:						16px;
	margin:						0px auto;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

.checkAcconto:hover {
	background:					url(images/check.png) center center;
}

.checkAccontoChecked {
	background:					url(images/check.png) center center;
}

.link {
	background:					url(images/link.png) center center;
	width:						16px !important;
	height:						18px !important;
	margin:						0px auto;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

.link:hover, .link thLink {
	background:					url(images/linkHover.png) center center;
}

.editNote {
	background:					url(images/editNote.png) center center;
	width:						16px !important;
	height:						14px !important;
	margin:						0px auto;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

.editNote:hover {
	background:					url(images/editNoteHover.png) center center;
}

/* Inizio Modifiche per calendario visite */

.calendario {
	margin:						10px 10px 0px 10px;
}

.calendario table td, .calendario table tr, .calendario table th {
	height:						20px !important;
	margin: 					0;
	padding: 					0;
	border-bottom:				0.5px solid #ccc;
}

.fc-event-inner {
	font-size:					70% !important;
}

.coloreEvento {
	background-color:			#fff !important;
	color:						#0288CF;
	border:						none !important
}

.spanEvento{
	color:						#c8c6f2;
	cursor:						pointer;
	-webkit-transition: 		color 500ms;
}

.spanEvento:hover {
	color:						#0288CF;
}

#chiudiToolTip{
	margin-left:				10px;
	float:						right;
	cursor:						pointer;
	font-weight:				800;
	color:						#666;
	-webkit-transition: 		color 500ms;
}

#chiudiToolTip:hover {
	color:						#FFF;
}

#affiancaVisita, #affiancaVisitaHover{
    background:                 url('images/affiancamento.png') left no-repeat;
    background-repeat:          none;
    background-position:        left;
    width:                      150px;
    height:                     13px;
    margin:                     4px 0px 3px 0px;   
    -webkit-transition: 		background 500ms;
    cursor:                     pointer; 
}
#affiancaVisitaHover{
    background:                 url('images/affiancamentoHover.png') left no-repeat;
}
#affiancaVisita:hover{
    background:                 url('images/affiancamentoHover.png') left no-repeat;
}

.affiancaVisitaHover{
    background:                 url('images/affiancamentoHover.png') left no-repeat;
}

.ui-tooltip-content p{
	height:						auto !important;
	margin:						2px 1px !important;
	text-align:					justify;
}
/* Fine Modifiche per calendario visite */

/* Modifica classe per toolTip Statistiche Ordine */
.ui-tooltip, .qtip {
	max-width:					none !important;
}
/* Fine Modifica classe per toolTip Statistiche Ordine */

/* CSS per timepicker */
.ui-timepicker-div .ui-widget-header { 
	margin-bottom: 				8px;
}
.ui-timepicker-div dl { 
	text-align: 				left;
	padding:					0px 5px 0px 5px;
}
.ui-timepicker-div dl dt { 
	height: 					25px;
	margin-bottom: 				-25px;
}
.ui-timepicker-div dl dd { 
	margin: 					0 10px 20px 65px;
}
.ui-timepicker-div td { 
	font-size: 					80%;
}
.ui-tpicker-grid-label { 
	background: 				none; 
	border: 					none; 
	margin: 					0;
	padding: 					0;
}
.ui-slider-handle {
	top: 						-10px !important;
	margin-left: 				0em !important;
}

/* FINE CSS per timepicker */

/*************************/
/* CHECKBOX STILE IPHONE */
/*************************/
.checkbox {
    margin:                     0 auto;
    -webkit-user-select:        none;
    -khtml-user-select:         none;
    -moz-user-select:           none;
    -o-user-select:             none;
    user-select:                none;
    position:                   relative;
    display:                    block;
    width:                      94px;
}    

.checkbox input[type=checkbox] {
    display:                    none;
}

.checkbox input[type=checkbox] + label {
    display:                    block;
    cursor:                     pointer;
    width:                      94px;
    overflow:                   hidden;
    background:                 #fff;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    background:                 -webkit-linear-gradient(left, #2d5ba8 50%, #999 50%) no-repeat -20px 0;
    background:                 -moz-linear-gradient(left, #2d5ba8 50%, #999 50%) no-repeat -20px 0;
    -webkit-transition:         background-position 0.3s ease-in-out;
    -moz-transition:            background-position 0.3s ease-in-out;
}

.checkbox input[type=checkbox] + label span,
.checkbox input[type=checkbox] + label span:before,
.checkbox input[type=checkbox] + label span:after{
    text-align:                 center;
    display:                    block;
    width:                      54px;
    height:                     27px;
    line-height:                27px;
    position:                   absolute;
    top:                        -1px;
    font-weight:                bold;
    text-indent:                0;
    -webkit-box-shadow:         inset 1px 2px 2px 0 rgba(0,0,0,.2);
    -moz-box-shadow:            inset 1px 2px 2px 0 rgba(0,0,0,.2);
    box-shadow:                 inset 1px 2px 2px 0 rgba(0,0,0,.2);
}
.checkbox input[type=checkbox] + label span{
    text-indent:                -9999px;
    top:                        0;
    position:                   relative;
    left:                       0;
    width:                      37px;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    background:                 -webkit-linear-gradient(#efefef 1px, #cecece 1px, #fbfbfb);
    background:                 -moz-linear-gradient(#efefef 1px, #cecece 1px, #fbfbfb);
    -webkit-transition:         left 0.3s ease-in-out;
    -moz-transition:            left 0.3s ease-in-out;
    border:                     solid 1px;
    border-color:               #919191 #9f9f9f #999999 #90aacf;
    -webkit-box-shadow:         none;
    -moz-box-shadow:            none;
    box-shadow:                 none;
}
.checkbox input[type=checkbox] + label span:before{
    color:                      #eee;
    text-shadow:                0 1px rgba(255,255,255,.1), 0 -1px rgba(0,0,0,.3);
    content:                    "SI'";
    background:                 -webkit-linear-gradient(#285ab1, #7cadf2);
    background:                 -moz-linear-gradient(#285ab1, #7cadf2);
    border-top:                 solid 1px #133676;
    border-bottom:              solid 1px #6587b7;
    border-radius:              1px 0 0 1px;
    left:                       -55px;
}
.checkbox input[type=checkbox] + label span:after{
    color:                      #888;
    content:                    "NO";
    left:                       auto;
    right:                      -55px;
    background:                 -webkit-linear-gradient(#ddd, #eee);
    background:                 -moz-linear-gradient(#ddd, #eee);
    border-top:                 solid 1px #7d7d7d;
    border-bottom:              solid 1px #c0c0c0;
}
.checkbox input[type=checkbox] + label:active span{
    left:                       5px;
}
.checkbox input[type=checkbox]:checked + label:active span{
    left:                       50px;
}
.checkbox input[type=checkbox]:checked + label span{
    left:                       55px;
}
.checkbox input[type=checkbox]:checked + label{
    background-position:        20px;
}

.checkbox:before,
.checkbox:after{
    content:                    " ";
    display:                    block;
    position:                   absolute;
    top:                        0;
    left:                       93px;
    width:                      1px;
    height:                     27px;
    border:                     solid #fff;
    border-width:               1px 0;
    z-index:                    20;
    background:                 #999;
}
.checkbox:before{
    left:                       0;
}​
/******************************/
/* FINE CHECKBOX STILE IPHONE */
/*****************************/

#tbStampaComodato table td
{
    height:                     25px;
    }

.noteArt {
	float:						left;
	background:					url(images/noteOrdine.png) no-repeat;
	width:						15px;
	height:						15px;
	cursor:						pointer;
    margin:0 auto;
	-webkit-transition: 		background 500ms;
}

.noteArt:hover {
	background:					url(images/noteOrdineHover.png) no-repeat;
}

.noteArtHover {
	float:						left;
	background:					url(images/noteOrdineHover.png) no-repeat;
	width:						15px;
	height:						15px;
	cursor:						pointer;
    margin:0 auto;
	-webkit-transition: 		background 500ms;
}

#nascondiNote {
    float:right;
    width:32px;
    height:18px;
    background:					url(images/occhio_hide.png) no-repeat;
    margin:                     23px 10px 0px 0px;
    -webkit-transition: 		background 500ms;
    cursor:pointer;
}

#nascondiNote:hover {
    background:					url(images/occhio.png) no-repeat; 
}

#codFornitoreCLav,#codFornitoreCLavExt	{
	position:					relative;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						175px;
	height: 					17px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					none;
	margin:						0px 5px 5px 3px;
}

#labelFiniExt {
    display:none;
    float:left;
    margin:5px;
}

.checkOrd {
  
}

/* PULSANTI FLAT */

.btn-flat {
	text-transform: uppercase;
}

.btn-flat.small {
	font-size: 11px;
	padding: 5px 9px;
}
.btn-flat.large {
	font-size: 13px;
	padding: 10px 16px;
}
.btn-flat, .btn-flat.default{	
	display: inline-block;
	margin: 0px 0px 0px 10px;
	line-height: 18px;
	 vertical-align: middle;
	font-size: 12px;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
	border: 0 none;
	color: #fff;
	/*font-weight: 600;*/
	border-radius: 5px;
	background: #016CB3;
	border: 1px solid #016CB3;
	cursor: pointer;
	padding: 7px 14px;
	-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    height:38px;
}
.btn-flat:active {
	-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
	-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
}
.btn-flat:hover{
	text-decoration: none;
	opacity: 0.87;
	color: #fff;
}
.btn-flat:active{
	background: rgb(48, 98, 139);
	opacity: 1;
}

.btn-flat.gray{
	background: #7e91aa;
	border: 1px solid rgb(136, 142, 151);
}
.btn-flat.gray:active{
	background: rgb(93, 107, 126);
	color: rgb(243, 243, 243);
}
.btn-flat.gray:hover{
	background: #FFFFFF;
	color: #7e91aa;
}
.btn-flat.orange{
	background: #d44c3e;
	border: 1px solid #d44c3e;
}
.btn-flat.orange:active{
	background: #d44c3e;
	color: rgb(243, 243, 243);
}
.btn-flat.orange:hover{
	background: #FFFFFF;
	color: #d44c3e;
}
.btn-flat.red{
	background: #db1111;
	border: 1px solid #d44c3e;
}
.btn-flat.red:active{
	background: #ce1313;
	color: rgb(243, 243, 243);
}
.btn-flat.red:hover{
	background: #FFFFFF;
	color: #db1111;
}
.btn-flat.primary{
	background: #016CB3;
	border: 1px solid #007CE4;
}
.btn-flat.primary:active{
	background: rgb(43, 118, 182);
	color: rgb(237, 246, 253);
}
.btn-flat.primary:hover{
	background: #FFFFFF;
	color: #007CE4;
}
/* Fine Pulsanti FLAT */

#destinazioneOrdine {
	float:						left;
	background:					url(images/editNote.png) no-repeat;
	width:						15px;
	height:						15px;
	margin:						0px 8px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

#destinazioneOrdine:hover {
	background:					url(images/editNoteHover.png) no-repeat;
}

#cambiaClienteOrdine {
	float:						left;
	background:					url(images/userG.png) no-repeat;
	width:						16px;
	height:						14px;
	margin:						0px 0px 0px 8px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

#cambiaClienteOrdine:hover {
	background:					url(images/userGHover.png) no-repeat;
}

#nuovaRigaDescrittivaOrdine {
	float:						right;
	background:					url(images/noteOrdine.png) no-repeat;
	width:						15px;
	height:						15px;
	margin:						7px 6px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

#nuovaRigaDescrittivaOrdine:hover {
	background:					url(images/noteOrdineHover.png) no-repeat;
}

.searchInput {
    float:left;
    margin: 10px;
    width: 200px;
    font-size: 90%;
    padding: 5px;
    border: 1px solid #999;
    color: #777;
    -webkit-box-shadow: inset #bbb 0px 0px 5px;
}

#esportaTabelleExcel {
	text-align:					left;
	margin:						-10px 10px 5px 10px;
	font-size:					70%;
    cursor:                     pointer;
    transition:                 0.5s linear;
}
#esportaTabelleExcel:hover {
    color:#0288CF;
}

.changeArt{
	background:					url(images/sync.png) no-repeat;
	width:						14px;
	height:						16px;
	margin:						0px 0px 0px 5px;
	cursor:						pointer;
  	float:						left;
}

.changeArt:hover {
	background:					url(images/syncHover.png) no-repeat;
	}


	#statusMessage, .statusMessage
	{
	 position: fixed;
	 top: 0;
	 right:0;
	 width:100%;
	 padding:0;
	 text-align: center;
	 z-index:9999;
	 height: 4px;
	 } 
		
	#statusMessageContent {
		background-color: rgba(255, 255, 255, 0.94);
		color: #000;
		display: inline-block;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		box-shadow: 0px 2px 12px -2px rgba(0, 0, 0, .4);
	}
	#statusMessageContent:hover {
		background-color: rgba(255, 255, 255, 0.99);
	}
	
	#statusMessage .closeButton
	{
	 position: absolute;
	 padding:6px;
	 line-height: 5px;
	 font-size:10px;
	 display:inline-block;
	 z-index:9001;
	 color:#000;
	 border-radius: 10px;
	 background-color: #fff;
	 text-decoration: none;
	 border: 1px solid #e2e2e2;
	 margin-left: -22px;
	 margin-top: 2px;
	 box-shadow: 0px 2px 12px -2px rgba(0, 0, 0, .2);
	}
	

.select {
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						200px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
}

.labelSelect {
    float:left;
	margin: 6px 10px;
}

.editCli {
	background:					url(images/userG.png) center center;
	width:						16px !important;
	height:						14px !important;
	margin:						0px auto;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

.editCli:hover {
	background:					url(images/userGHover.png) center center;
}

#chiudiOrdine {
	float:						left;
	margin:						0px 0px 0px 0px;
}
#chiudiOrdine p{
	margin:						-2px 6px 0px 0px;
	cursor:						pointer;
    color:red;
}
#chiudiOrdine p:hover {
	color:						#630;
	}

#trasferisciOrdine, #trasferisciOrdineSplit {
	float:						left;
	margin:						0px 0px 0px 0px;
}
#trasferisciOrdine p, #trasferisciOrdineSplit p{
	margin:						-2px 6px 0px 0px;
	cursor:						pointer;
    color:#0c22cf;
}
#trasferisciOrdine p:hover, #trasferisciOrdineSplit p:hover{
	color:						#630;
	}
	
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}	

.selectCatMerc	{
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						170px;
	height: 					32px;
	color: 						#444444;
	background: 				url(images/input-bg.png) repeat-x;
	border: 					1px solid #DADADA;
	display:					inline !important;
	margin:						0px 5px 10px 3px;
	font-family:				Ubuntu;
	}

.invioEmail {
	float:						left;
	background:					url(images/envelope.png) no-repeat;
	width:						16px;
	height:						15px;
	margin:						0px 7px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
	}


.tagButton {
	float:						left;
	background:					url(images/visitAdd.png) no-repeat left;
	width:						24px;
	height:						24px;
	margin:						8px 5px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}
.tagButton:hover {
	background:					url(images/visitAddHover.png) no-repeat;
	-webkit-transition: 		background 500ms;
}

.tagElement {
    float: left;
    background: rgb(41, 41, 85);
    padding: 3px 5px;
    border-radius: 13px;
    color: white;
    text-shadow: none;
    border: 1px solid darkcyan;
    margin: 6px 3px;
	font-size:80%;	
}

.tagElement a {
    position: relative;
    right: 0px;
    top: 0px;
    font-size: .6em;
    padding: 3px 5px;
    color: #000;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 10px;
    margin: 0px 0px 0px 5px;
    background-image: none;
    text-decoration: none;
    width: 10px;
    height: 10px;
}

.tagElement a:hover{
	background-color: black;
	color: white;
	-webkit-transition: 		background 500ms;	
} 

.boxContenuto table tr.orange, .orange {
	background-color: orange;
}

.boxContenuto table tr.lightblue, .lightblue {
	background-color: lightblue;
}

.boxContenuto table tr.antiquewhite, .antiquewhite {
	background-color: antiquewhite;
}

.boxContenuto table tr.chartreuse, .chartreuse {
	background-color: chartreuse;
}

.boxContenuto table tr.oro, .oro {
	background-color: rgb(216, 210, 124);
}

select:focus{
  background-color: beige;
}

.destination {
    float:                      left;
    background:					url(images/destination.png) no-repeat left;
    margin:                     0px 0px 0px 10px;
	width:						16px;
	height:						16px;
    cursor:                     pointer;
}
.destination:hover {
	background:					url(images/destination_hover.png) no-repeat;
	-webkit-transition: 		background 500ms;
}

.boxContenuto table tr.green, .green	{
	background-color:				rgba(144, 228, 17, 0.486);
}

.boxContenuto table tr.red, .red	{
	background-color:				rgba(253, 112, 97, 1)
}

.ui-tooltip-content	::-webkit-scrollbar {
        width: 10px;
    }

.ui-tooltip-content ::-webkit-scrollbar-track {
          background-color: rgba(0,0,0,.87);
    } /* colore di sfondo delle scrollbar */

.ui-tooltip-content ::-webkit-scrollbar-thumb {
          background-color: rgba(255, 255, 255, 0.31)
    }

.ui-tooltip-content ::-webkit-scrollbar-button {
          display:none;
    } /* codice per personalizzare i bottoni alle estremità delle scrollbars */

.ui-tooltip-content ::-webkit-scrollbar-corner {
          background-color: rgba(0,0,0,.87);
	} /* se sia il verticale e le barre orizzontali appaiono, probabilmente l'angolo in basso a destra ha anche bisogno di avere uno stile */   
	
@-moz-keyframes blink_tr {0%{opacity:0.2;}  100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink_tr {0%{opacity:0.2;}  100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink_tr {0%{opacity:0.2;} 100%{opacity:1;}} /* IE */
@keyframes blink_tr {0%{opacity:0.2;} 100%{opacity:1;}} /* Opera */
.blink_tr {
-webkit-animation: blink_tr 1s infinite; /* Safari 4+ */
-moz-animation:    blink_tr 1s infinite; /* Fx 5+ */
-o-animation:      blink_tr 1s infinite; /* Opera 12+ */
animation:         blink_tr 1s infinite; /* IE 10+ */
}

.selectImpianto {
    float: left;
    font-size: 90%;
    padding: 5px 5px;
    width: 150px;
    height: 32px;
    color: #444444;
    background: url(images/input-bg.png) repeat-x;
    border: 1px solid #DADADA;
    display: inline !important;
    margin: 0px 5px 10px 0px;
    font-family: Ubuntu;
}

.updArt{
	background:					url(images/sync.png) no-repeat;
	width:						14px;
	height:						16px;
	margin:						0px 0px 0px 6px;
	cursor:						pointer;
  	float:						left;
}

.updArt:hover {
	background:					url(images/syncHover.png) no-repeat;
	}

.eye {
    float:left;
    width:32px;
    height:18px;
    background:					url(images/occhio_hide.png) no-repeat;
    margin:                     10px 0px 0px 10px;
    -webkit-transition: 		background 500ms;
    cursor:pointer;
}

.eye:hover {
    background:					url(images/occhio.png) no-repeat; 
}

.divConsumi table td{
	height: 10px;
}

#buttonEmettiDocumento{
	position:fixed;
	bottom:0px;
	height:35px;
	width:200px;
	background-color: green;
	color:darkblue;
	border-radius: 15px;
	margin:0px 0px 5px 8px;
	padding:15px 0px 0px 0px;
	cursor:pointer;
	display: none;
	right:5px;
}

#buttonEmettiDocumentoCG{
	position:fixed;
	bottom:0px;
	height:35px;
	width:200px;
	background-color: rgb(17, 189, 17);
	color:darkblue;
	border-radius: 15px;
	margin:0px 0px 5px 220px;
	padding:15px 0px 0px 0px;
	cursor:pointer;
	display: none;
	right:220px;
}

#buttonEmettiDocumento:hover, #buttonEmettiDocumentoCG:hover{
	background-color: aliceblue;
	border: 1px solid green;
}

.containerMenu{
	width:80%;
	float:left;
}

.voceMenu{
	width: 23%;
	height: 150px;
	border: 1px solid rgb(29, 24, 39);
	margin:10px 0px 0px 10px;
	border-radius: 10px;
	float:left;
	cursor:pointer;
	-webkit-transition: 		background 500ms;
	text-align: left;
	text-shadow: none;
	color:darkcyan;
}

.voceMenu:hover, .voceMenuSelected{
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	background-color: rgb(29, 24, 39);
	color:white;
}

.voceMenu h1, .voceMenu h2{
	font-size:140%;
	margin: 15px;
}

.voceMenu i{
	font-size: 170%!important;
}

.voceMenuCliente {
	width:48.5%;
	height:230px;
}

.voceMenuCliente h1, .voceMenuCliente h2{
	font-size:200%;
	margin: 25px;
}

.voceMenuCliente i{
	font-size: 250%!important;
}

.rapidChoice{
    float: right;
    position: relative;
    bottom: -19px;
    right: 5px;
    font-size: 80%;
}

.rapidChoice:hover{
	color:yellowgreen;
}

.bloccoElementiNew {
	width:						100%;
	height:						750px;
	margin:						0px;
	position:					relative;
	top:						50px;
	overflow-x: auto;
}

.postIt	{
	float: right;
	position: absolute;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20%;
	height: 355px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #fff475;
	border-radius: 15px;
	margin: 10px;
}

.postIt input::placeholder {
	color: #cfc65e!important;
	opacity: 1; /* Firefox */
  }

.subMenu	{
	display: none;
	float: right;
	position: absolute;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20%;
	height: 355px;
	margin: 0px 0px 0px 0px;
	background-color: rgb(29, 24, 39);
	border-radius: 15px;
	margin: 10px;
	z-index: 99;
}

.voceSubMenu{
	width:100%;
	float:left;
	cursor:pointer;
}

.voceSubMenu i{
	margin-right: 10px;
}

.voceSubMenu p{
	float:left;
	margin:15px 0px 0px 15px;
	color: #fff;
	text-shadow: none;
}

.voceSubMenu p:hover{
	color: yellowgreen;
	text-decoration: underline;
}

.voceSubMenu a{
	color: inherit;
	text-decoration: none;
}

.shortCutMenu	{

	float: right;
	position: absolute;
	top:  365px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20%;
	height: 220px;
	margin: 0px 0px 0px 0px;
	background-color: rgb(67, 57, 87);
	border-radius: 15px;
	margin: 10px;
}

.voceShortCutMenu{
	width:100%;
	float:left;
	cursor:pointer;
}

.voceShortCutMenu i{
	margin-right: 10px;
}

.voceShortCutMenu p{
	float:left;
	margin:15px 0px 0px 15px;
	color: #fff;
	text-shadow: none;
}

.voceShortCutMenu p:hover{
	color: yellowgreen;
	text-decoration: underline;
}

body i {
	cursor: pointer;
}

.printer {
	float:						left;
	background:					url(images/printer.png) no-repeat;
	width:						16px;
	height:						15px;
	margin:						0px 0px 0px 0px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

.printer:hover {
	background:					url(images/printerHover.png) no-repeat;
}
/*
@media only screen and (max-device-width: 900px) {
	.bloccoElementiNew{
		min-height: 1200px;
	}
	.voceMenu {		
		width:100%;
		margin: 10px 0px;
	}
	.voceMenu h1, .voceMenu h2{
		font-size:180%;
	}
	.containerMenu{	
		width:100%;	
		position: absolute;
		top: 354px;
	}
	.postIt { 
		width:100%;
		margin:0px;
	}
	.postIt p{
		font-size:180%;
	} 
	.shortCutMenu{display:none;}
}
*/

input[type="date"]{
	width:120px;
}

.stampaBanda, .stampaBanda p{
	font-size: 12pt;
}

.stampaBanda h4 {
	font-size: 14pt;
}

.pStatusProcesso{
	border-radius:15px;
	border:1px solid #0288cf;
	padding:5px 5px;
	width:100px;
	text-align:center!important;
	color:#0288cf;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 40px;
}

.pStatusProcesso:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: #0288cf;
	color: white;
}

.pCaricaElencoRighe {
	border-radius:15px;
	border:1px solid #4dcf02;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:#4dcf02;	
}

.pCaricaElencoRighe:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: #4dcf02;
	color: white;
}

#CopiaDiCortesia {
	position: absolute;
    z-index: 9999;
    color: white;
	text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=1); /* IE<10 */
    font-weight: lighter;
    -webkit-transform: rotate(315deg);
    font-size: 60px;
	top:600px;
	opacity: 0.5;
}

.elencoOrdiniFatture{
	width:50px;
	overflow-x: hidden;
}

.spanContorno {
	font-size: .8em;
	background-color: rgb(212, 2, 2);
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
  }

  .spanCostoFornAnag{
	border: 1px solid orange;
	background-color: orange;
	border-radius: 15px;
	padding: 4px;
	color: white;
	float: left;
	margin: 2px;
  }

.editOrd {
	float:						left;
	color: brown;
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}

.sendEmail {
	float:						left;
	color: green;
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}	

.printOrd {
	float:						left;
	color: rgb(51, 51, 77);
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}	

.deleteOrd {
	float:						left;
	color: rgb(144, 14, 5);
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}	

.pdf {
	float:						left;
	color: rgb(51, 44, 82);
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}	

.duplicate {
	float:						left;
	color: darkcyan;
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 105%;
}	

.money {
	float:						left;
	color: brown;
	margin:						0px 10px 0px 0px;
	cursor:						pointer;
	font-size: 100%;
}

.popUpBlockFullScreen{
	z-index: 9000;
	background-color: rgb(29, 24, 39);
	width: 100%;
	min-height: 100%;
	position: absolute;
	top:51px;
}


.tabFixedHeader th {
    position: -webkit-sticky;
    position: sticky;
    top: 51px;
    z-index: 1;
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);    
}

.pInfoDFVElencoRighe, .pInfoMatterElencoRighe {
	border-radius:15px;
	border:1px solid #4c852c;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:#4c852c;	
}

.pInfoDFVElencoRighe:hover, .pInfoMatterElencoRighe:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: #4c852c;
	color: white;
}

.bgTrBundle	{
	background-color:				#deffd6;
}

.spanPromo {
	color: white;
	border: 1px solid green;
	background-color: green;
    border-radius: 15px;
    padding: 5px;
	cursor: pointer;
	font-weight: bold;
	float:left;

}
.spanPromo:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	cursor:						pointer;
	background-color: white;
	color: green;
}

.spanInfoFooterOrdine {
	color: #6767a7;
	border: 1px solid #c2baf5;
	background-color: #c2baf5;
    border-radius: 15px;
    padding: 5px;
	cursor: pointer;
	font-weight: bold;
	float:left;

}
.spanInfoFooterOrdine:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	cursor:						pointer;
	background-color: white;
	color: #6767a7;
}

.arrowMenu2, .arrowMenu2ToBack {
	color: white;
    text-shadow: none;
    position: absolute;
    top: 325px;
    right: 14px;
}

.arrowMenu2:hover, .arrowMenu2ToBack:hover {
	color: green;
}

#bloccoDisabilitaPagina{
	background-color: #00000075;
}

.loadingStampa 
{
    position: absolute;
    display:block;
    font-size:150%;
    text-align:center;
    width:570px;
    height:60px;
    z-index: 90000;
    border:1px solid rgb(67, 57, 87);
    background-color: rgb(67, 57, 87);
    color:darkkhaki;
	text-shadow: none;
	border-radius: 10px;
}

.data {
    box-shadow: none;
    height: 30px;
    width:95px!important;
    font-size: 13px;
    padding: 5px!important;
    border: 1px solid #d0dde9;
    margin: 0px 10px 10px 0px;
    border-radius: 2px;
    color:#999;
}

.bgData {
    background: url("../style/images/calendarInput.png") #fcfcfc no-repeat 90% 8px!important;
}

i:hover {
	color:yellowgreen;
	text-shadow: #000;
	-webkit-transition: 		color 500ms;
}

.oddTd{
	background: #d7d7d742;
}

.evenTd {

}

.pCaricaElencoRigheTraferimento {
	border-radius:15px;
	border:1px solid #8fcf6a;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:#8fcf6a;	
}

.pCaricaElencoRigheTraferimento:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: #8fcf6a;
	color: white;
}

#caricaAltreRighe{
	display: none;
	position: fixed;
    bottom: 0px;
    height: 25px;
    background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    cursor: pointer;
    font-size: 100%;
    border: none;
    color: rgba(36, 117, 36, 0.488);
    left: 42%;
    width: 15%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    line-height: 24px;
}
#caricaAltreRighe:hover{
	-webkit-transition: 		color 500ms;
	color:rgb(36, 117, 36)
}


.pSegnaCollo {
	border-radius:15px;
	border:1px solid #130f46;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:#130f46;
	font-size:100%;
}

.pSegnaCollo:hover, .pSegnaColloHover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: #130f46;
	color: white!important;
}

.blocker {
	z-index: 1000!important;
}

.divLottiDisponibili {
	width:280px;
	line-height: 23px;
}
.spanLottoDisponibile{
	border-radius:15px;
	border:1px solid #0288cf;
	padding:3px 5px!important;
	width:225px;
	text-align:center!important;
	color:white!important;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 40px;
	background-color: #0288cf;
	text-shadow: none!important;
	font-size: smaller!important;
	margin: 2px!important;
}

.spanLottoDisponibile:hover {
	filter: 					progid:DXImageTransform.Microsoft.Shadow(color=#333333, strength=3, direction=135);
	box-shadow: 				0px 1px 10px #666;
	-moz-box-shadow: 			0px 1px 10px #666;
	-webkit-box-shadow: 		0px 1px 10px #666;
	cursor:						pointer;
	background-color: white!important;
	color: #0288cf!important;
}



/********* CUSTOM SCROLLBAR CSS *****/
/* width */
::-webkit-scrollbar {
	width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #555; 
  }




/*****************************************************************************************/ 
/********************************** CSS PERSONALIZZATO SELECT2 ***************************/ 
/*****************************************************************************************/ 
.select2.select2-container {
	width: 600px !important;
  }
  
  .select2.select2-container .select2-selection {
	border: 1px solid #ccc!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 34px;
	margin-bottom: 15px;
	outline: none !important;
	transition: all .15s ease-in-out;
  }
  
  .select2.select2-container .select2-selection .select2-selection__rendered {
	color: #333!important;
	line-height: 32px!important;
	padding-right: 33px!important;
	padding-left: 8px!important;
	text-shadow: none!important;
  }
  
  .select2.select2-container .select2-selection .select2-selection__arrow {
	background: #f8f8f8!important;
	border-left: 1px solid #ccc!important;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	height: 32px;
	width: 33px;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
	background: #f8f8f8;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
	border: 1px solid #34495e;
  }
  
  .select2.select2-container .select2-selection--multiple {
	height: auto;
	min-height: 34px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
	margin-top: 0;
	height: 32px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block;
	padding: 0 4px;
	line-height: 29px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #f8f8f8;
	border: 1px solid #ccc!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 4px 4px 0 0;
	padding: 0 6px 0 22px!important;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	position: relative;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	margin: 0;
	text-align: center;
	color: #e74c3c;
	font-weight: bold;
	font-size: 16px;
  }
  
  .select2-container .select2-dropdown {
	background: transparent;
	border: none;
	margin-top: -5px;
  }
  
  .select2-container .select2-dropdown .select2-search {
	padding: 0;
  }
  
  .select2-container .select2-dropdown .select2-search input {
	outline: none !important;
	border: 1px solid #34495e !important;
	border-bottom: none !important;
	padding: 4px 6px !important;
  }
  
  .select2-container .select2-dropdown .select2-results {
	padding: 0;
  }
  
  .select2-container .select2-dropdown .select2-results ul {
	background: #fff;
	border: 1px solid #34495e;
  }
  
  .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
	background-color: #3498db;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent!important;
    border-style: solid!important;
    border-width: 5px 4px 0 4px!important;
    height: 0;
    left: 50%;
    margin-left: -4px!important;
    margin-top: -2px!important;
    position: absolute;
    top: 50%;
    width: 0;
}
  
/*****************************************************************************************/ 
/********************************** CSS PERSONALIZZATO SELECT2 ***************************/ 
/*****************************************************************************************/ 

.tfoot {
    position: -webkit-sticky;
    position: sticky;
    top: 51px;
    z-index: 1;
    background: #c3c3c3;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);    
}


.star {
	background-image:			url(images/star_g.png);
	background-size: 			24px;
	height:						24px;
	width:						24px;
	float:						left;
	cursor:						pointer;
	margin: 					0px 2px;
}

.star:hover {
	background-image:			url(images/star.png);
	-webkit-transition: 		background 1000ms;	
}

.star_g {
	background-image:			url(images/star.png);
	background-size: 			24px;
	height:						24px;
	width:						24px;
	float:						left;
	cursor:						pointer;
}

.star_g:hover {
	background-image:			url(images/star_g.png);
	-webkit-transition: 		background 1000ms;	
}


/***********************************************************************************************************/
/****************************************** Popup selezione utenti ****************************************/
/***********************************************************************************************************/
#contPopupUtentiReparti .divIntestazione {
	font-weight: bold;
    border-radius: 10px;
    background: -webkit-linear-gradient(top, rgb(240 243 234) 0%, rgb(205 204 203) 100%);
    padding: 7px;
    text-shadow: none;
    color: #45455c;
}
#contPopupUtentiReparti .divTuttiGliUtenti {
	font-weight:bold;
	margin:5px 0 5px 0;
}
#contPopupUtentiReparti .divElencoReparti   
{
    margin-top:5px;
    margin-bottom:10px;
}

#contPopupUtentiReparti .divReparto 
{
    padding: 1px;
    margin: 2px;
    margin-right: 15px;
    display: inline-block;
    
}

#contPopupUtentiReparti .divUtente 
{
    padding: 1px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    width: 190px;
    border-width:1px;
    border-style:solid;
	text-shadow: none;
	border-radius: 10px;
	font-size: 90%;
	padding:3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.divSezione {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
}
.divSezione .titoloSezione {
    padding:6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #e2e2e2;
}

.divGruppo {
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #ccd2e5;
    border-radius: 4px;
    margin: 4px;
    vertical-align: top;
}
.divSezione .divGruppo {
    margin:10px;
    padding: 8px;    
}

.divGruppo.noBorder,
.divGruppo.no-border {
    border: 0;
}

.divGruppo .titolo {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: 5px;
    color: #3c40cc;
}
.divGruppo .divSottogruppo,
.divGruppo .sottogruppo {
    margin-bottom: 10px;    
}

.divGruppo .divSottogruppo,
.divGruppo .sottogruppo,
.divGruppo .inlineBlock {
    vertical-align: top;
}


.divGruppo .divSottogruppo .lbl,
.divGruppo .sottogruppo .lbl {
    padding-bottom: 0;
}

.divGruppo input, 
.divGruppo select,
.divGruppo textarea {
    width: 100%;
    max-width: 650px;
    padding: 6px;    
    border-radius: .3em;
}
.divGruppo input[type="checkbox"] {
    width: auto;
}

.divGruppo input.hasDatepicker {
    width:95px;
}

.divGruppoInline .lbl,
.divGruppoInline .val {
    display: inline-block;
    min-width: 25px;
}

.dialogAnagraficaSemplice {
    background-color: #f6f6f6;
}

.select2-container {
    z-index: 9999;
}
.bgLight {
    background-color: #f9f9f9;
}

.bgMid,
.bgMedium {
    background-color: #eeeeee;
}

.bgDark {
    background-color: #c4c4c4;
}

.bgLight .divCorpoPagina,
.bgMid .divCorpoPagina,
.bgMedium .divCorpoPagina,
.bgDark .divCorpoPagina {
    background-color: transparent;
}
/***********************************************************************************************************/
/*************************************** FINE Popup selezione utenti ***************************************/
/***********************************************************************************************************/

.avatar {
	position: relative;
    top: 3px;
    padding: 4px;
    font-size: 7pt;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 9px;
    text-align: center;
    background-color: #77768d;
    color: #ffffff;
	opacity: .3; 
    padding-top: 5px;
	text-shadow: none;
	cursor: help;
	-webkit-transition: 		opacity 500ms;
	float:left;
	margin: 2px 5px 0px 0px;
}
.avatar:hover {
	opacity: 1; 
}


/********************* BACHECA HOME PAGE ********************/
.news-ticker {
	width: 40%;
	height: 50px;
    margin: 15px 0px 0px 0px;
    text-shadow: none;
    color: #d5f79e9e;
    overflow: hidden;
    position: relative;
	text-align: center;
}
.news-content {
    position: absolute;
    white-space: nowrap;
}
/****************** FINE BACHECA HOME PAGE ******************/


/****************** MESSAGGIO DI AUGURI *********************/
/* CSS per il Messaggio di Auguri */
.auguri-overlay {
    position: fixed;  /* Fissa sopra tutto */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999; /* Oltre ogni altro elemento */
    pointer-events: none; /* Non interferisce con il contenuto sottostante */
}

.auguri-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #283048, #859398);
    animation: auguriBackgroundMove 15s infinite alternate ease-in-out;
    z-index: -1;
}

@keyframes auguriBackgroundMove {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 100%; }
}

.auguri-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.auguri-message-box {
    background: rgba(255, 255, 255, 0.2);  /* Effetto vetro */
    padding: 50px 70px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    z-index: 1;
}

.auguri-explosive-text {
    font-size: 4rem;
    font-weight: bold;
    color: #ffffff;
    animation: auguriExplode 1.5s ease-out infinite alternate;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

.auguri-subtext {
    margin-top: 15px;
    font-size: 1.5rem;
    color: #f0f0f0;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

@keyframes auguriExplode {
    0% { letter-spacing: 2px; transform: scale(1); opacity: 1; }
    50% { letter-spacing: 8px; transform: scale(1.1); opacity: 0.9; }
    100% { letter-spacing: 2px; transform: scale(1); opacity: 1; }
}

/* Particelle Animate */
.auguri-particle {
    position: fixed;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    animation: auguriFlyAway 2s ease-out forwards;
    pointer-events: none;
    z-index: 999999;
}

@keyframes auguriFlyAway {
    0% {
        transform: scale(0.5) translateY(0);
        opacity: 1;
    }
    100% {
        transform: scale(1.5) translateY(-200px) translateX(calc(-50vw + 50%));
        opacity: 0;
    }
}

/************************************************************/

.boxContenuto table tr.ProdottoNonDisponibile{
	background-color: #ff000059;
}


.boxContenuto table tr.ProdottoInStandBy{
	background-color: #bde0f775;
}


/********************** BARRA MENU  *************************************/
.bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffffee;
	border-top: 1px solid #ccc;
	padding: 0.5rem 1rem;
	display: flex;
	gap: 0.5rem;
	min-height: 60px;
	align-items: center;
	overflow-x: auto;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	z-index: 1000;
  }

  .bottom-slot {
	background: #4e54c8;
	padding: 0.5rem 1rem;
	border-radius: 16px;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	white-space: nowrap;
	transition: transform 0.2s ease;
	font-weight: 500;
	color: white;
	font-size: 0.9rem;
	text-decoration: none;
  }

  .bottom-slot:hover {
	transform: scale(1.05);
	background: #5f66d0;
  }
  /***************************************************************/


  
/***********************************************************************************************************/
/********************************************** Chat Button ************************************************/
/***********************************************************************************************************/
#chatBtn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #007BFF;
	color: white;
	border: none;
	padding: 15px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 18px;
	z-index: 1000;
}

#chatIframe {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
border: none;
border-radius: 0;
display: none;
box-shadow: none;
z-index: 999;
}
/***********************************************************************************************************/
/****************************************** Chat Button End ************************************************/
/***********************************************************************************************************/


.bdSegnalatore {
	display: inline-block;
	margin-top: 2px;
	margin-right: 3px;
	font-size: 1.2em;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #2980b9;
	vertical-align: middle;
  }

.bdSegnalatore span {display: none;}
.bdSegnalatoreVersioni span {
  display: inline;
  font-size: 11px;
  padding: 2px;
  line-height: 16px;
  color: #000;
}
.bdSegnalatoreFTE {
  font-size: .6em;
  background-color: rgb(255, 217, 134);
  color: #000000;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 8px;
  text-transform: uppercase;
}

.bdSegnalatoreFatturaElettronica,
.bdSegnalatoreFatturaElettronica {
  background-color: darkgreen;
  color: #ffffff;   
}

.bdSegnalatoreFatturaPA,
.bdSegnalatoreFatturaPA {
  background-color: purple;
  color: #ffffff;
}

.bdSegnalatoreFTEConErrori,
.bdSegnalatoreFTEConErrori {
  background-color: red;
  color: #ffffff;
}

.bdSegnalatoreFTEStatusInvio,
.bdSegnalatoreFTEStatusInvio {
  background-color: rgb(178, 213, 235);
  color: #000000;
}

.bdSegnalatoreFTEStatusInvio-Errore,
.bdSegnalatoreFTEStatusInvio-Errore {
  background-color: red;
  color: #ffffff;
}

.bdSegnalatoreFTEStatusInvio-StandBy,
.bdSegnalatoreFTEStatusInvio-StandBy {
  background-color: rgb(255, 102, 0);
  color: #ffffff;
}


.bdSegnalatoreFTEStatusInvio-Inviata,
.bdSegnalatoreFTEStatusInvio-Inviata {
  background-color: rgb(7, 80, 129);
  color: #ffffff;
}

.bdSegnalatoreFTEStatusAccettazione,
.bdSegnalatoreFTEStatusAccettazione {
  background-color: rgb(129, 46, 7);
  color: #ffffff;
}
.bdSegnalatoreFTEStatusAccettazione-RC,
.bdSegnalatoreFTEStatusAccettazione-RC {
  background-color: rgb(22, 202, 36);
  color: #000000;
}

.bdSegnalatoreFTEStatusAccettazione-MC,
.bdSegnalatoreFTEStatusAccettazione-MC {
  background-color: rgb(108, 212, 143);
  color: #000000;
}


.bdSegnalatoreFTEFirmata {
  background-color: transparent;
  background-image:url('penna16.png') !important;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  color: #000000;
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  margin-left: 2px;
}


.bdSegnalatoreAltriTag {
  opacity: .4;
  color: #0061d1;
}

.inputGreen {
	background: none;
	background-color: green!important;
}

.inputOrange {
	background: none;
	background-color: orange!important;
}