@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;	
}

::-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:						150px;
	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: #2d2e2e85;
    width: 300px;
    height: 255px;
    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 */
}

#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;
}



.barra {
	width: 						100%;
	float: 						left;
	min-width: 					1024px;
	background: 				 #003366;
	/*
	filter: 					progid:DXImageTransform.Microsoft.gradient(startColorstr='#595C64', endColorstr='#1B1B1C');
	background: 				-webkit-gradient(linear, left top, left bottom, from(#595C64), to(#1B1B1C));
	background: 				-moz-linear-gradient(top, #595C64, #1B1B1C);
	background: 				-o-linear-gradient(top, #595C64, #1B1B1C);
	*/
	height: 					50px;
	border-top: 				1px solid #999;
	border-bottom: 				1px solid #666;
	position:					fixed;
	display:					block;
	z-index:					100;
	}

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

#etiBarra {
	border:						0px solid white;
	width:						580px;
	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:						1000px;
	height:						370px; /*345px;*/
	margin:						0px 10px 5px 10px;
	position:					relative;
	top:						60px;
	}

.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:						55px;
	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 tr.selected, .selected	{
	background-color:				burlywood!important;
}

.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: 					17px;
		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, .selectComboCampiExtraWf {
	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:                       99%;
   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:left;
    margin:               		10px;
}
#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:						300px !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:						98%;
	-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:						925px;
	height:						1000px;
	background-color:			#E0EAEA;
}

#schedaProdotto #logoLeft {
	position:					relative;
	left:						0px;
	top:						0px;
	width:						450px;
	height:						211px;
	float:						left;
	background-image:			url(http://crm.edilsiderspa.it/powercrm/style/images/logo_Edilsider_Trasp.png);
	background-repeat:		no-repeat;
	background-position: center;
	background-size: 450px;
}
#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,#schedaProdotto .checked {
	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;
    overflow-x: hidden;
    overflow-y: hidden;
}
#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: #ccd;
}

#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:					120%;
	text-align:					center;
	padding:10px;
}

.qArtOrd {
	width:						20px;
	height:						15px;
	font-size:					80%;
	text-align:					center;
	color:						#666;
	float:						left;
	margin:						0px 0px 0px 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:						3px 0px 0px 5px;
	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, #filtroAgenteAnalisiNote, #selectAnalisiNoteCompletate, #filtroTipoVisita, #filtroAgenteOrdiniInviati, #selectCompletati, #selectFiltriPers, #sceltaTipoClienteABC, #selectSoloImmagini, #selectContab, #filtroISN, #selectObiettivo, #selectCampagne, #filtroEsitoVisita, #selectFiltriPers {
	position:					relative;
	top:						6px;
	float: 						left;
	font-size: 					90%;
	padding: 					5px 5px;
	width: 						175px;
	height: 					29px;
	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;
}
#selectFiltriPers{
	float:						right;
	margin:						5px 10px 10px 10px;
	width:						150px;
}

#filtroAgenteOrdiniInviati{
	width:130px;
	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 {
	width:						100%;
	min-height:					100px;
	height:						auto;
	border-radius:				5px;
}

.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 {
    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;
}

.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;
	background:					#FFF !important;
}

#pulsantiOrdine {
	float:						right;
	margin:						6px;
	}

#completaOrdine, #richiediAutorizzazioneOrdineServizio {
	float:						left;
	margin:						0px 0px 0px 0px;
}
#completaOrdine p, #richiediAutorizzazioneOrdineServizio p{
	margin:						-2px 6px 0px 0px;
	cursor:						pointer;
}
#completaOrdine p:hover, #richiediAutorizzazioneOrdineServizio p:hover{
	color:						#630;
	}
#stampaOrdine, #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;
	width:						18px;
	height:						15px;
	margin:						2px 8px 0px 0px;
	cursor:						pointer;
	}
    
#stampaListino{
   margin:						3px 1px 0px 0px;
   float:                       right;
   }
   
#stampaOrdine:hover, #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:						14px;
	margin:						0px 5px 0px 0px;
	cursor:						pointer;
	}

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

#noteOrdine:hover {
	background:					url(images/noteOrdineHover.png) no-repeat;
}
	
#headerAziendaOrdine {
	margin:						5px 5px 5px 5px;
	float:						left;
}

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

#infoClienteOrdine {
	width:						350px;
	height:						96px;
	float:						right;
	margin:						100px 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:						1px solid #DADADA;
	min-height:					100px;
	height:						auto;
	margin:						5px 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;
	position: 					fixed;
	bottom: 					10px;
	right: 						10px;
	z-index:					20;
}

#back-top a {
	width: 						30px;
	display: 					block;
	text-align: 				center;
	font: 						0px Ubuntu, Helvetica, sans-serif;
	text-transform: 			uppercase;
	text-decoration: 			none;
	color: 						#DDD;
	-webkit-transition: 		1s;
	-moz-transition: 			1s;
	transition: 				1s;
}
#back-top a:hover {
	color: 						#777;
}

#back-top span {
	width: 						30px;
	height: 					30px;
	display: 					block;
	margin-bottom: 				7px;
	background: 				#ddd url(images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 		15px;
	-moz-border-radius: 		15px;
	border-radius: 				15px;
	-webkit-transition: 		1s;
	-moz-transition: 			1s;
	transition: 				1s;
}
#back-top a:hover span {
	background-color: 			#777;
}
/* ***** /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 0px 0px 10px;
	text-align: 				left;
	border-bottom:				1px solid #ccc;
	width:						99%;
	padding-bottom:				3px;
}

#selectTipoOrdine, #selectProvenienzaOrdine {
	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 {
	
	margin:						20px 10px 20px 10px;
	border-radius: 10px;
	padding:5px 0px;
}

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

.testataOrdineOrdiniInCorso{
	border-bottom:				1px solid #fff;
	width:						99%;
	text-align:					left;
	margin:						10px 0px 5px 0px;
	height:						20px;	
	font-size:					90%;	
	margin:0px 0px 10px 0px;
}

/********************** IMPIANTO ************************/
#menuImpianto	{
	width:						99%;
	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:						100px;
	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;
	height:						343px;
	display: 					block;
	margin: 					0px 0px 0px 0px;
}
	
#note:hover {
	cursor:						text;
}
#noteHidden	{
	float:						right;
	position:					absolute;
	right:						5px;
	background-image:			url(images/note.png);
	background-repeat:			no-repeat;
	background-position:		center center;
	width:						328px;
	height:						343px;
	display: 					block;
	margin: 					0px 0px 0px 0px;
	z-index: 1;
}
#gruppoNote {
    /*display:none;*/
	position: 					absolute;
	overflow: 					hidden;
	height:						275px;
	width:						285px;
	margin:						40px 15px 0px 20px;
	}
.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:						235px;
	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;
}

#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;
}

#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; 
}

/****************************************** PRELEVATA ***************************************/
.inputQtaPrelevata, .inputCellaPrelevata, .inputCellaRientroDFV {
    padding:15px;
    font-size:140%;
    margin:10px;
    width:80px;
    text-align:right;
}
.selectPrelevata {
    padding:15px;
    font-size:120%;
    margin:10px;
    width:113px;
    text-align:right;
}
#buttonPrelevata, #buttonScinnuta, #buttonRientroDFV {
	height:						50px;
	width:						80%;
    overflow: 					visible; 
    display: 					inline-block; 
    padding: 					4px 15px; 
    border: 					1px solid #dadada; 
    margin:						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:					120%;
}
#buttonPrelevata:hover,
#buttonPrelevata:focus, #buttonScinnuta:hover, #buttonRientroDFV:hover, #buttonScinnuta: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;
}

.notePrelevata {
    padding:15px;
    font-size:120%;
    margin:10px 10px 10px 15px;
    width:95%;
    text-align:left;
}
.pesoPrelevata, .colliPrelevata {
    padding:15px;
    font-size:120%;
    margin:10px 10px 10px 10px;
    width:80px;
    text-align:right;
}
#selectNumOrd{
	float: right;
	margin: 10px 3px;
	padding: 5px;
	border-radius: 5px;
	font-size: 150%;
    max-width:440px;
}
#selectGiroPrelevata{
	float: right;
	margin: 10px 3px;
	padding: 5px;
	border-radius: 5px;
	font-size: 150%;
}

#buttonLamiera {
    float: right;
    margin: 10px 5px 0px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    background-color: darkcyan;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    -webkit-transition: 		background 500ms;	
}

#buttonLamiera:hover {
    background:#fff;
    color: darkcyan;
}

.getElencoOrdiniDaPrelevare, .getElencoOrdiniCLAVDaPrelevare, .getElencoProformaDaSistemare{
	width:98%;
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding:10px;
	cursor:pointer;
    font-size:130%;
}

.getModuloTrasferimento{
	width:98%;
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding:10px;
	cursor:pointer;
}
.inputTrasferimento {
    padding:15px;
    font-size:140%;
    margin:10px;
    width:80px;
    text-align:right;
    text-transform:uppercase;
}
#buttonEffettuaTrasferimento {
    float: right;
    margin: 10px 5px 10px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    background-color: darkcyan;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    font-size:140%;
    -webkit-transition: 		background 500ms;	
    text-transform:uppercase;
}

#buttonEffettuaTrasferimento:hover {
    background:#fff;
    color: darkcyan;
}
/********************************************************************************************/

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

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

.saltoPagina {
page-break-after: always;
}

.buttonCorridoio {
    float: left;
    margin: 10px 0px 10px 10px;
    border: 1px solid darkorange;
    border-radius: 5px;
    padding: 10px;
    background-color: darkorange;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    -webkit-transition: 		background 500ms;	
}

.buttonCorridoio:hover {
    background:#fff;
    color: darkorange;
}

.corridoioSelected {
    background:#fff;
    color: darkorange;
}

#divDocRif {
    float: left;
    font-size: 80%;
    margin: 0px 0px 5px 5px;
    font-style: italic;
	clear:left;
}

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

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

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

#spanAggiornaDatiCerved, #spanAggiornaDatiCribis {
    display:none;
}

#duplicaOrdine {
	float:						left;
	background:					url(images/editOpp.png) no-repeat;
	width:						17px;
	height:						16px;
	margin:						-1px 5px 0px 5px;
	cursor:						pointer;
	-webkit-transition: 		background 500ms;
}

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

.yellow	{
	background-color:				yellow;
}

.orange	{
	background-color:				orange;
}

.lightred {
	background-color: rgb(255 165 155);
}

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

.creditStatus{
	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;	
}

#tbECRiepilogoCredit{
	display:					none;
	position:					fixed;
	margin:						0px 0px 0px -480px;
	height:						60px;
	width:						100%;
	z-index:					1;
	font-size:					90%;
	background: 				#FFF !important;
}

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

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

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


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

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

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

.boxContenuto table tr.deactive, .deactive	{
	background-color:				rgba(144, 228, 17, 0.24);
color: #999;
}

.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;
}

#buttonEmettiDocumento: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:						510px;
	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: 343px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #fff475;
	border-radius: 15px;
	margin: 10px;
}

.subMenu	{
	display: none;
	float: right;
	position: absolute;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20%;
	height: 343px;
	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;
}

.shortCutMenu	{

	float: right;
	position: absolute;
	top:  352px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20%;
	height: 125px;
	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, .pClasseBuyer, .pDestClav{
	border-radius:15px;
	border:1px solid #0288cf;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:#0288cf;
}

.pStatusProcesso:hover, .pClasseBuyer:hover, .pDestClav: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, .HoverCaricaElencoRighe {
	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;
  }

/* 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 */



.tagElement {
    float: left;
    background: blue;
    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;
}

.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;
}

.selectCatMerc	{
	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;
	}

	.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 {
		float:						left;
		background:					url(images/noteOrdineNewH.png) no-repeat;
		width:						24px;
		height:						24px;
		margin:						-5px 5px 0px 0px;
		cursor:						pointer;
		-webkit-transition: 		background 500ms;
	}

	.pMagPrelElencoRighe {
		border-radius:15px;
		border:1px solid green;
		padding:5px 10px;
		width:auto;
		text-align:center;
		color:green;	
	}
	
	.pMagPrelElencoRighe: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: green;
		color: white;
	}

	.pMagPrelElencoRigheHover {
		border-radius:15px;
		border:1px solid green;
		padding:5px 10px;
		width:auto;
		text-align:center;
		background-color: green;
		color: white!important;	
	}

	.pMagPrelElencoRigheHover: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;
		color: green!important;
	}

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

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

.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;
}


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

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

.boxContenuto table tr.oddLight, .oddLight	{
	background-color:				#d9e3d5;
}

.boxContenuto table tr.evenLight, .evenLight	{
	background-color:				#d7e4e7;
}

.ordiniInCorso table td, .ordiniInCorso table th {
	border-top: none;
	border-bottom:					1px solid white;
	text-align:						center;
	color:							#777;
	text-shadow:					none;
	font-size: 90%;
}

.sendEmail {
	float:						left;
	color: green;
	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%;
}	

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

.pInfoDFVElencoRighe: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;
}


.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%;
}	


.headerPannelloOrdini {
	position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgb(255 255 255) 0%, rgb(221 221 221) 100%);
    height: 58px;
    border-bottom: 1px solid #ddd;
}

#selectCompletati {
	float:						right;
	margin:						5px 10px 10px 10px;
	width:						150px;
	font-size: 100%;
	height: 37px;
	background: darkseagreen;
	border-radius:5px;
}

#selectFiltriPers{
	float:						right;
	margin:						5px 0px 10px 10px;
	width:						150px;
	font-size: 100%;
	height: 37px;
	background: rgb(186, 187, 227);
	border-radius:5px;	
}

#searchCliente {
    height: 25px;
    width: 20%;
    margin: 12px;
    font-size: 120%;
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff42;
    color: white;
}

.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%);    
}

#fallr .tabFixedHeader th {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1;
}

.tbStampaRiepilogoOrdineInviati .tabFixedHeader th {
    position: -webkit-sticky;
    position: sticky;
    top: 109px;
    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%);    
}

.spanElencoVariabiliConfiguratore {
	border-radius:15px;
	border:1px solid #4c852c;
	padding:5px 10px;
	width:auto;
	text-align:center;
	color:white;	
	background-color: #4c852c;
	float:left;
	margin: 5px;
}

.spanElencoVariabiliConfiguratore: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: 4c852c;
}

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

.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;
}

/************* STYLE STATUS PDCA *******************/
.torta {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.spicchio {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: 0% 0%;
	opacity: 0.6; /* Gli spicchi inattivi sono più chiari */
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.spicchio:nth-child(1) { background: #ff9999; transform: rotate(0deg); }
.spicchio:nth-child(2) { background: #99cc99; transform: rotate(90deg); }
.spicchio:nth-child(3) { background: #99b3ff; transform: rotate(180deg); }
.spicchio:nth-child(4) { background: #ffd966; transform: rotate(270deg); }

/* Lo spicchio attivo ha colore pieno */
.spicchio.attivo {
	opacity: 1;
	transform: scale(1.05) rotate(var(--rotation));
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Miglioramento della leggibilità delle lettere */
.torta::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px; /* Lettere più grandi */
	font-weight: bolder; /* Lettere più marcate */
	color: #333;
}
/************* STYLE STATUS PDCA *******************/


#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)
}


/***********************************************************************************************************/
/****************************************** 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; 
}


/***********************************************************************************************************/
/********************************************** 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 ************************************************/
/***********************************************************************************************************/


/*****************************************************************************************/ 
/********************************** 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 ***************************/ 
/*****************************************************************************************/