* 			{	box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; font-style:normal; font-weight:400; font-size:12px; color: #222222; } //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; 	padding: 2px; border-radius: 4px;	border: 1px solid #FEFEFE;	background: #FFFFFF; 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;}

.thePage	{																													background-color: white;}
.theApp		{	float: right;					padding: 2px 2px 30px 2px;	border-radius: 4px;	border: 2px solid #FEFEFE;		background-color: #EEEEEE;}
.theFloat	{	position: absolute;	resize: both; 							border-radius: 2px;	border: 1px solid #4C4D50; 		background-color: rgba(255, 255, 255, 0.90); 	right:0; top: 0;}
.thePop		{ 	position: absolute;	width:100%;																					background-color: rgba( 76,  77,  80, 0.90);    left: 0; top: 0; text-align: center; z-index:1;}

.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: 2px;	border: 1px solid #4C4D50; 		background-color: rgba(255, 255, 255, 0.90); 	right:0; top: 0;}
	.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.8%; max-width: 4.8%; font-size:10px;		padding:2px;	color: #FFFFFF ;}
.cellT:hover{ 	background: #000000; 	cursor: pointer;}
.optT		{	float:right; 			cursor: pointer;}

.rowR		{  	display:table-row; 	width: 100%;}
.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;	width: 100%;}
.rowH:after {	content: ""; 	display: table;	clear: both;}

.cellH 		{	display:table-cell;	padding:2px;	color: #682830 ;	border-bottom: 1px solid #DDDDDD; 	font-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;}
/*.Q		{	height: 	10px; 	font-size: 08px;}   	NOT USED */
.R			{	height: 	14px; 	font-size: 12px;}
.P			{	height:		16px;	font-size: 14px;}
.P2			{	height:		16px;	width: 16px;}
.S			{	height:		24px;	font-size: 21px;}
/*.S2		{	height:		24px;	width: 24px;}         	NOT USED */
.J			{	height: 	32px;	font-size: 28px;}
.J2			{	height: 	32px;	width: 32px;}
.V		{	height: 	48px;	font-size: 42px;}
/*.Z		{	height: 	64px;	font-size: 58px;}     	NOT USED */
.U			{	height: 	250px;	width: 100%;}

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

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


@media screen and (min-width: 801px) and (max-width: 1566px) { 	
										* 			{ 	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: 09px; 	line-height: 11px;	}
										.f14		{	font-size: 10px; 	line-height: 11px;	}
										.f16		{	font-size: 13px; 	line-height: 14px;	}
										.f24		{	font-size: 18px; 	line-height: 20px;	}
										.f32		{	font-size: 26px; 	line-height: 28px;	}
										.f64		{	font-size: 54px; 	line-height: 56px;	};}

@media screen and (max-width: 800px) { 	* 			{ 	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;		};}
										
@media screen and (max-width: 800px) { 	.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;};}
										
@media screen and (max-width: 800px) { .columnX, .columnA, .columnM, .columnB, .columnO, .columnC, .imageM  
													{ width: 100%; width: 100%; border: 0px; border-radius: 0; };}

/*@media screen and (max-height:800px){ .columnA   	{ height: 550px;};}*/
/*@media screen and (max-height:800px){ .columnK   	{ height: 550px;};}*/
/*@media screen and (max-height:800px){ .columnC   	{ height: 550px;};}*/


@media screen and (max-width: 800px) { .columnF 	{ position: static; border: 0px; border-radius: 0; bottom:0vh;};}
@media screen and (max-width: 800px) { .columnR 	{ width: 95%; top: 2%;  left: 2%; transform:none; };}
@media screen and (max-width: 800px) { .columnG 	{ width: 95%; top: 2%;  left: 2%; transform:none; };}
@media screen and (max-width: 800px) { .columnU		{ height: 250px;	width: 500px;};}
@media screen and (max-width: 800px) { .U			{ height: 250px;	width: 500px;};}
@media screen and (max-width: 800px) { .boxR 		{ font-size:11px; word-wrap:break-word; white-space: normal; max-width:350px;};}
@media screen and (max-width: 800px) { .cellT 		{ width:96px; max-width: 96px; padding:2px; height: 0px; float: none;};}
@media screen and (max-width: 800px) { .optT  		{ float:left; font-size: 12px; line-height: 16px; vertical-align: baseline;};}
@media screen and (max-width: 800px) { .rowM  		{display: table-row;};}