* 			{	box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-style:normal; font-weight:400; font-size:12px; color: #222222; word-wrap:break-word; white-space: normal;} //Segoe UI Light

html		{  height: 100%; margin: 0;}
body		{  height: 100%; margin: 0;}

input		{	font-size: inherit; border-radius: 2px; border: 1px solid #EEEEEE; padding: 3px; -webkit-appearance:none;}
textarea	{	font-size: inherit; border-radius: 2px; border: 1px solid #EEEEEE; padding: 3px; -webkit-appearance:none;}
canvas		{	font-size: inherit; border-radius: 2px; border: 1px solid #EEEEEE; padding: 3px; -webkit-appearance:none; width:100%; height: 100%;}
.inputbig	{	font-size: inherit; border-radius: 2px; border: 3px dotted #EEEEEE; padding: 3px; -webkit-appearance:none; height: 90px;}
input:hover { 	cursor: pointer;}
select		{	font-size: inherit; border-radius: 2px; border: 1px solid #EEEEEE; padding: 3px;}
hr			{	border: 1px solid #EEEEEE;}



.panel		{ 	width: 100%;}
.slide		{	position:	relative;}
.corner		{	position: absolute; padding: 16px; text-shadow: 1px 1px #000000; color: #EEEEEE;}
.doom		{	-webkit-filter: grayscale(50%); filter: grayscale(50%);}
.hide		{	visibility: hidden; position: absolute;}
.ghost		{	display: none;}
.selection	{	background:white; border-radius: 2px; border: 1px solid #EEEEEE; padding: 3px;}
.buttonimg	{ 	border-radius: 3px; border: 1px solid #4C4D50; padding: 1px; -webkit-appearance:none; height: 32px; color: white; background: #4C4D50; vertical-align: middle;}
	.buttonimg:hover { 	background: #DDDDDD; 	cursor: pointer;}

.imageL 	{	float: left; 	pointer-events: none; }
.imageM 	{	float: left; 	max-width:100%; max-height:100%; width: 100%; padding: 2px; pointer-events: none;}

.notake		{	-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */  -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */}
.noresize	{	resize: none;}

.tableR 	{	display:table;}
.headerR	{   display:table-header-group;	font-weight: bold;}

.columnW	{	background-color: white; max-height: calc(100vh - 140px);}
.columnX	{	float: left;  		width: 33.3%;	padding: 6px;			border-radius: 0px; overflow-x: hidden; 			display: inline;}
.columnY	{	float: left;  		width: 50%;		padding: 6px;			border-radius: 0px; overflow-x: hidden; 			display: inline;}
.columnZ	{	float: left;  		width: 66.6%;	padding: 6px;			border-radius: 0px; overflow-x: hidden; 			display: inline;}
.columnT	{	float: left;		width:100%;	padding: 6px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #4C4D50; overflow-x: auto;}
.columnM	{	float: left;  		width: 15%;	padding: 6px 6px 30px 6px;	border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow-x: hidden; 							max-height: calc(100vh - 140px);}
.columnM1	{	float: left;  		width: 15%;	padding: 6px 6px 30px 6px;	border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow-x: hidden; 							}
.columnA	{	float: left;		width: 70%; padding: 2px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow: auto;		margin-bottom: 35px; 	max-height: calc(100vh - 140px);}
	.columnA:empty {display: none;}
.columnK	{	float: left;		width: 70%; padding: 2px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow: auto;		margin-bottom: 35px; 	max-height: calc(100vh - 140px);}
.columnH	{	position: sticky; top:0px; z-index: 1; float: left;		width: 100%; padding: 0px 0px 6px 0px;	border-radius: 4px;	border:2px solid #FEFEFE; background-color: #FFFFFF;				max-height: 240px;}
	.columnH:empty { display:none;}
.columnB	{	float: left;		width: 15%;	padding: 2px 2px 30px 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow-x: hidden;							max-height: calc(100vh - 140px);}
.columnC	{	float: left;		width: 80%; padding: 2px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #FFFFFF; overflow: auto; 			margin-bottom: 35px;max-height: 850px;}
.columnD	{	float: left;		width: 10%;	padding: 2px 2px 30px 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #EEEEEE; overflow-x: hidden;}
.columnF	{	position: fixed;	width:100%;	padding: 6px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #4C4D50; overflow-x: hidden; 	left: 0; bottom: 0;}
.columnU	{	float: left;		width:33%; padding: 2px;				border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #EEEEEE; overflow-x: hidden; height: 300px;}
.columnP	{ 	position: absolute;	width:100%;																					background-color: rgba( 76,  77,  80, 0.90);    left: 0; top: 0; text-align: center; z-index:1;}
	.columnP:empty {display: none;}
.columnO	{ 	position: absolute;	resize: both; 							border-radius: 4px;	border: 1px solid #4C4D50; 		background-color: rgba(255, 255, 255, 0.90); 	right:0; top: 0; z-index:2;}
	.columnO:empty {display: none;}
.columnQ	{	width: 100%; left: 0px; top: 0px;}
.columnR	{	position: static;	width: 70%;	margin:4% auto; padding: 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;	background-color: #FFFFFF; overflow: auto;} /* modifica sfondo grigio altezza giusta  .columnR	{	position: absolute;	width: 70%;	padding: 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;	background-color: #FFFFFF; overflow: auto; top: 50px;  left:50%; transform:translateX(-50%);}*/
.columnG	{	position: static;	width: 90%;	margin:4% auto; padding: 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;	background-color: #FFFFFF; overflow: auto;}  /*.columnG	{	position: absolute;	width: 90%;	padding: 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;	background-color: #FFFFFF; overflow: auto; top: 50px;  left:50%; transform:translateX(-50%);}*/
.column0	{	display: none;}
.column1	{	width: 100%;}
.column2	{	width: 85%;}
.column3	{	width: 90%;}
.column4	{	width: 50%;}
.column9	{	min-height: 100vh;}

.rowM		{	width: 100%; 	color: #682830; height: 20px; display:inline-block; padding:2px 8px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rowM:hover { 	background: #DDDDDD; 	cursor: pointer;}
.rowM:after {	content: ""; 	display: table;	clear: both;}

.cellT 		{	display:table-cell;	float: left; width:4.6%; max-width: 4.6%; font-size:10px;		padding:1px;	color: #FFFFFF ;}
.cellT:hover{ 	background: #000000; 	cursor: pointer;}
.optT		{	float:right; 			cursor: pointer;}

.rowR		{  	display:table-row; 	width: 100%; white-space:nowrap; vertical-align: middle;}
.rowR:hover	{ 	background: #DDDDDD; 	cursor: pointer;}
.rowR:after {	content: ""; 	display: table;	clear: both;}
.cellR 		{   display:table-cell;	padding:2px; border-bottom:  1px solid #DDDDDD;}

.rowH		{   display:table-row;	xwidth: 100%;}
.rowH:after {	content: ""; 	display: table;	clear: both;}

.cellH 		{	display:table-cell;	padding:2px;	color: #682830 ;	border-bottom: 1px solid #DDDDDD; 	xfont-weight: bold;}
.cellH:hover{ 	cursor: pointer;}

.cellW 		{	display:table-cell;	padding:2px;}
.cellW:hover{ 	cursor: pointer;}
.cellQ		{	background-color: transparent; border: 0px;}	/*for titles */

.cellHS 	{	display:table-cell;	padding:2px;	color: #682830 ;	border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;	font-weight: bold;;}
.cellHS:hover{ 	cursor: pointer;}
.cellStk	{	position: sticky; top:-2px; background: white;}

.n			{	font-family: inherit; font-weight: inherit; text-align: right;}
.q			{	font-family: inherit; font-weight: inherit; text-align: left;}
.c			{	font-family: inherit; font-weight: inherit; text-align: center;}
.t			{	font-family: inherit; font-weight: inherit; vertical-align: text-top;}
.m			{	font-family: inherit; font-weight: inherit; vertical-align: baseline;}
/*.g			{	font-family: inherit; font-weight: bold;} */
.w			{	font-family: inherit; font-weight: inherit; color: white;}
.r			{	font-family: inherit; font-weight: inherit; background: white;}

.clean		{	border: 0px; font-size: inherit;}
.cut		{	page-break-before: always; border-top: 1px dashed #EDEDED;}
.jump		{	word-wrap:break-word; white-space: normal;}

.C			{	height: 	12px; 	width:12px; font-size: 11px; text-align:center; cursor: pointer;}
	.C:hover	{ 	background: #FFFFFF; 	cursor: pointer;}
.I			{ 	height:		00px;}
.R			{	font-size: 12px; height: 	14px; 	}
.P			{	height:		16px;	font-size: 14px;}
.P2			{	height:		16px;	width: 16px;} /* for graph purpouse */
.S			{	height:		24px;	font-size: 21px;}
.J			{	height: 	32px;	font-size: 28px;}
.V			{	height: 	48px;	font-size: 42px;}
.Z			{	height: 	64px;	font-size: 58px;} 
.U			{	height: 	250px;	width: 100%;}


/*Css Configuration for NEW model-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.thePage	{																	width:100vw;											background-color: white;}
.theFloat	{	position:fixed; z-index:90;	left: 0px;	top:00px;  							max-width:100%;								background-color: rgba(200, 200, 200, 0.10);}
.theTop		{	position:fixed; z-index:01; 									width:100%;	max-width:100%; 								padding:02px;}
.theCentral	{	position:fixed; z-index:01;  			top:65px;	height:100%;width:100%; max-width:100%;		 			overflow:auto;}
.theExtra	{ 					z-index:01; 						height:100%;width:100%;	max-width:100%;						padding:01px;}
.theBody	{	position:fixed; z-index:01; 			top:65px;	height:092%;width:100%; max-width:100%;					overflow:auto;		padding:01px;}
.theApp		{	position:fixed; z-index:50;	right:1vw;	top:75px; 							max-width:090%; min-width:20%;					padding:01px;}
.thePop		{	position:fixed;	z-index:80;	left: 0px;	top:00px;				width:100%;	max-width:100%;					overflow:auto; 					background-color: rgba(200, 200, 200, 0.90);}
.theLog		{	position:fixed; z-index:90;	right:1vw;	bottom:00px;						max-width:020%;}
.theMenu	{	position:fixed;	z-index:50;	left: 1vw;	top:75px;							max-width:020%;									padding:01px;}  //it was .fake


.background	{	background: center/cover no-repeat; object-fit:cover; object-position: center;}

.goleft		{	float: left;}
.goright	{	float: right;}
.point		{ 	cursor: pointer;}	
.button		{					padding:06px;}
	.button:hover { 	background: #DDDDDD; 	cursor: pointer;}
.header		{border: 1px solid black; overflow:hidden; text-overflow:ellipsis;}
.list		{					padding:04px;}
.block		{					padding:02px;}
.cool		{	margin: 2px; 	padding:10px 12px;}
.vap		{	margin:	2px; 	padding: 4px; border-radius: 4px; 		background-color: rgba(200, 200, 200, 0.90);}
.spark		{	margin:	2px; 	padding: 4px; border-radius: 4px; 		background-color: rgba(230, 230, 230, 0.90);}
.pop		{	position: fixed; 	top: 0; left: 0; z-index:90; 	background-color: rgba(200, 200, 200, 0.90); overflow: auto;}
.float		{	position: fixed; 	top: 0; left: 0; z-index:99; 	background-color: rgba(200, 200, 200, 0.10); overflow: auto;}
	.float:empty {display: none;}
.empty		{}
	.empty:empty{display: none;}

.round		{	padding: 		4px; 
				border-radius: 4px;}	

.w02		{	width:	02vw;}				
.w05		{	width:	05vw;}	
.w10		{	width:	10vw;}
.w15		{	width:	15vw;}			
.w20		{	width:	20vw;}
.w40		{	width:	40vw;}
.w40p		{	width:	40%;}
.w80		{	width:	80vw;}
.w80p		{	width:	80%;}
.w96		{	width:	96vw;}
.w100		{	width:	100vw;}
.w100p		{	width:	100%; max-width:100%;}

.h05		{	height:	05vh;}
.h60		{	height:	60vh;}
.h80		{	height:	80vh;}
.h90		{	height:	90vh;}




/*Font Setup-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.fxb		{	color: white; 	background: #4C4D50;}
.fxr		{	color: white; 	background: #682830;}
.fxg		{	color: white; 	background: #48C471;} 
.fxt		{	color: white; 	background: #0094FF;}
.fxy		{	color: inherit; background: #F3C712;}
.fxf		{	color: white; 	background: #FFFFFF;}
.ftt		{	vertical-align: text-top;}

.ffb		{	color: #4C4D50; }
.ffr		{	color: #682830; }
.ffg		{	color: #48C471; }
.ffy		{	color: #F3C712; }
.ffw		{	color: #FFFFFF; }
.fft		{	color: #0094FF;	}
.fwt		{	color: #FFFFFF;	}

.fbd		{	font-weight: bold;}
.fst		{	white-space: nowrap;}
.fnb		{	text-align:	right;}
.fct		{	text-align: center;}
.flf		{	text-align: left;}
.fjt		{	text-align: justify;  text-justify: inter-word;}
.fco		{	font-family: 'Consolas';}
.fbk		{	word-wrap:break-word; white-space: normal; max-width: 30px;}
.fbr		{	word-wrap:break-word; white-space: normal; max-width: 400px;}
.fba		{	word-break: break-all;}
.ftm		{	font-family: 'Times New Roman', Times, serif;}

.f00		{	font-size: inherit;}
.f06		{	font-size: 06px; line-height: 08px;}
.f08		{	font-size: 08px; line-height: 10px;}
.f10		{	font-size: 10px; line-height: 12px;} 
.f12		{	font-size: 12px; line-height: 14px;}
.f14		{	font-size: 14px; line-height: 16px;}
.f16		{	font-size: 16px; line-height: 18px;}
.f24		{	font-size: 24px; line-height: 26px;}
.f32		{	font-size: 32px; line-height: 34px;}
.f64		{	font-size: 64px; line-height: 66px;}

.dash		{box-shadow:0 5px 20px rgba(0,0,0,0.2); width:33%; height: 28vh; float:left; margin: 3px; padding: 2px; border-radius: 4px;	border: 1px solid #FEFEFE; background-color: #EEEEEE; overflow-x: hidden;}

@media screen and (min-width: 801px) and (max-width: 1566px) 	{ 	 /*monitor base*/
* 			{ 	font-size: 09px; 	}
.f00		{	font-size: inherit;	line-height:inherit;}
.f06		{	font-size: 05px; 	line-height: 06px;	}
.f08		{	font-size: 06px; 	line-height: 07px;	}
.f10		{	font-size: 08px; 	line-height: 09px;	} 
.f12		{	font-size: 10px; 	line-height: 11px;	}
.f14		{	font-size: 11px; 	line-height: 12px;	}
.f16		{	font-size: 12px; 	line-height: 14px;	}
.f24		{	font-size: 18px; 	line-height: 20px;	}
.f32		{	font-size: 24px; 	line-height: 26px;	}
.f64		{	font-size: 52px; 	line-height: 54px;	}
.S			{	font-size: 18px;	height:		18px;} 
.V			{	font-size: 48px; 	height: 	36px;}
.dash		{box-shadow:0 5px 20px rgba(0,0,0,0.2); width:32.8%; height: 28vh; float:left; margin: 3px; padding: 8px; border-radius: 4px;	border: 1px solid #FEFEFE; background-color: #EEEEEE; overflow-x: hidden;};}

@media screen and (max-width: 800px) { 	 /*cellphone*/
.theApp		{	right:1vw; top: 12vh; padding: 2px; position:fixed; z-index: 80;}

* 			{ 	font-size: 14px;	}
.f00		{	font-size: inherit;	line-height:inherit;}
.f06		{	font-size: 08px; 	line-height: 09px;	}
.f08		{	font-size: 10px; 	line-height: 11px;	}
.f10		{	font-size: 11px; 	line-height: 13px;	} 
.f12		{	font-size: 15px; 	line-height: 16px;	}
.f14		{	font-size: 17px; 	line-height: 18px;	}
.f16		{	font-size: 19px; 	line-height: 22px;	}
.f24		{	font-size: 28px; 	line-height: 32px;	}
.f32		{	font-size: 36px; 	line-height: 40px;	}
.f64		{	font-size: 72px; 	line-height: 76px;	} 

.full 		{ 	width:  60%; height:100%; margin-bottom:4px; font-size:14px;}
.fill 		{ 	width:  20%; height:100%; margin-bottom:4px; font-size:14px;}
.fake 		{ 	visibility: hidden; position: absolute;}
.flop 		{ 	visibility: visible; position: static;}

.boxR 		{ font-size:11px; word-wrap:break-word; white-space: normal; max-width:350px;}


.columnX, .columnA, .columnM, .columnB, .columnO, .columnC, .imageM  
													{ width: 100%; width: 100%; border: 0px; border-radius: 0; }
.columnF 	{ position: static; border: 0px; border-radius: 0; bottom:0vh;}		
.columnR 	{ width: 95%; top: 2%;  left: 2%; transform:none; }
.columnG 	{ width: 95%; top: 2%;  left: 2%; transform:none; }
.columnU	{ height: 250px;	width: 500px;}
.U			{ height: 250px;	width: 500px;}					
.cellT 		{ width:96px; max-width: 96px; padding:2px; height: 0px; float: none;}
.optT  		{ float:left; font-size: 12px; line-height: 16px; vertical-align: baseline;}
.rowM  		{display: table-row;}						

.dash		{box-shadow:0 5px 20px rgba(0,0,0,0.2); width:98%; height: 28vh; float:left; margin: 3px; padding: 2px; border-radius: 4px;	border: 1px solid #FEFEFE; background-color: #EEEEEE; overflow-x: scroll ;}
.pop		{	position: absolute; 	top: 0; left: 0; z-index:90; 	background-color: rgba(200, 200, 200, 0.90); overflow: scroll;}

.w20		{	width:				90vw;}				;}