/* ###################################################################################### */
/* ### CAMPI ############################################################################ */
/* ###################################################################################### */

/* ### STILE x MSKindex.php ### */
.content {

}
.grigliaIndex {
	display: grid;
	grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
	grid-template-rows: auto; 
}

.x_11,			.x_14,		




.x_61,					.x_66,
.x_71,			#x_74,
.x_81,			.x_84,	.x_85,
			.x_94,
			.x_104,
.x_111,	.x_112,			.x_115,	.x_116,					.x_966,

				
.x_141,				


.x_171,	.x_172,				.x_176,			.x_179,

	.x_192,
.x_201,

.x_271,
.x_281,	.x_282,			.x_285,			.x_288,
.x_311,					.x_316,
.x_321,
.x_331
{
	padding: 10px 10px 10px 10px;
	border-bottom: 3px solid #36c; 
	border-right: 3px solid #36c; 
	border-left: 3px solid #69f;
	border-top: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	color: #36C;
	text-align: center;
}
a {
	text-decoration:	none !important;
}

.x_11 {					/* Tabella degli indici */
	grid-column: 1 / span 3;
	grid-row: 1 / span 5;
	display: grid;
	grid-template-columns: 30% 10% 30% 30%;
}
	.c_1 {
		grid-column: 1 / 2;
		padding: 5px 20px 5px 10px;
		text-align: left;
		font-weight: bold;
	}
	.c_2 {
		grid-column: 2 / 3;
		padding: 5px 5px 5px 5px;
		text-align: right;
	}
	.c_3 {
		grid-column: 3 / 4;
		padding: 5px 5px 5px 5px;
		text-align: right;
	}
	.c_4 {
		grid-column: 4 / 5;
		padding: 5px 10px 5px 20px;
		text-align: right;
		font-weight: bold;
	}
.x_14 {					/* Tabella dei TOP5 e FLOP5 */
	grid-column: 4 / span 2;
	grid-row: 1 / span 6;
	display: grid;
	grid-template-columns: 58% 4% 4% 34%;
}
	.cb_1 {
		grid-column: 1 / 2;
		padding: 5px 5px 5px 0px;
		text-align: left;
		font-weight: bold;
	}
	.cb_2 {
		grid-column: 2 / 3;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}
	.cb_3 {
		grid-column: 3 / 4;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}
	.cb_4 {
		grid-column: 4 / 5;
		padding: 5px 0px 5px 5px;
		text-align: right;
	}
.x_16 {					/* Descrizione */
	grid-column: 6 / span 2;
	grid-row: 1 / span 1;
	padding: 10px 10px 10px 10px;
	border-left: 3px solid #69f; 
	border-top: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	color: #36C;
	text-align: center;
}
.x_18 {					/* Gauge deltaIeri */
	grid-column: 8 / span 3;
	grid-row: 1 / span 5;
	padding: 10px 10px 10px 10px;
	border-bottom: 3px solid #36c; 
	border-right: 3px solid #36c; 
	border-top: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	color: #36C;
	text-align: center;
}
.x_26 {					/* Display deltaIeri */
	grid-column: 6 / span 2;
	grid-row: 2 / span 2;
	padding: 10px 10px 10px 10px;
	border-left: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	color: #36C;
	text-align: center;
}
.x_46 {					/* BarraLed deltaIeri */
	grid-column: 6 / span 2;
	grid-row: 4 / span 1;
	padding: 10px 10px 10px 10px;
	border-left: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	color: #36C;
	text-align: center;
}
.x_56 {					/* Ora ultimo aggiornamento */
	grid-column: 6 / span 2;
	grid-row: 5 / span 1;
	padding: 10px 10px 10px 10px;
	border-bottom: 3px solid #36c; 
	border-left: 3px solid #69f;
	background-color: var(--main-bg-color); //#9cf;
	font-weight: bold;
	font-size:1.50em;
	color: #36C;
	text-align: center;
}
.x_61 {					/* Anchor */
	grid-column: 1 / span 3;
	grid-row: 6 / span 2;
}
.x_66 {					/* Grafico di oggi */
	grid-column: 6 / span 5;
	grid-row: 6 / span 5;
}
#x_74 {					/* T_Delta%A_P. */
	grid-column: 4 / span 2;
	grid-row: 7 / span 1;
	font-size:2.50em;
}
.x_81 {					/* Grafico rendimento */
	grid-column: 1 / span 3;
	grid-row: 8 / span 3;
}
.x_84 {					/* S_Delta%A_P. */
	grid-column: 4 / span 1;
	grid-row: 8 / span 1;
	font-size:1.50em;
}
.x_85 {					/* Delta%A_P. */
	grid-column: 5 / span 1;
	grid-row: 8 / span 1;
	font-size:1.50em;
}
.x_94 {					
	grid-column: 4 / span 2;		/* Delta di tutto il periodo */
	grid-row: 9 / span 1;
	font-size:3.00em;
}
.x_104 {					/* Delta di tutto il periodo (solo portafoglio) */
	grid-column: 4 / span 2;
	grid-row: 10 / span 1;
	font-size:3.00em;
}
.x_111 {					/* Grafico dell'ultimo mese */
	grid-column: 1 / span 4;
	grid-row: 11 / span 3;
}
.x_115 {					/* Tabella del Portafoglio */
	grid-column: 5 / span 6;
	grid-row: 11 / span 6;
	display: grid;
	grid-template-columns: 18% 4% 4% 41% 10% 12% 11%;
}
	.cc_1 {
		grid-column: 1 / 2;
		padding: 5px 5px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.cc_2 {
		grid-column: 2 / 3;
		padding: 5px 5px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.cc_3 {
		grid-column: 3 / 4;
		padding: 5px 5px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.cc_4 {
		grid-column: 4 / 5;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}
	.cc_5 {
		grid-column: 5 / 6;
		padding: 5px 5px 5px 5px;
		text-align: right;
	}
	.cc_6 {
		grid-column: 6 / 7;
		padding: 5px 5px 5px 5px;
		text-align: right;
	}
	.cc_7 {
		grid-column: 7 / 8;
		padding: 5px 5px 5px 5px;
		text-align: right;
	}
	.cc_1m {
		width:			18%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		left;
		font-weight:		bold;
		font-size:		2.00em;
	}
	.cc_2m {
		width:			4%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		left;
		font-weight:		bold;
		font-size:		2.00em;
	}
	.cc_3m {
		width:			4%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		left;
		font-weight:		bold;
		font-size:		2.00em;
	}
	.cc_4m {
		width:			37%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		left;
		font-size:		2.00em;
	}
	.cc_5m {
		width:			9%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		right;
		font-size:		2.00em;
	}
	.cc_6m {
		width:			10%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		right;
		font-size:		2.00em;
	}
	.cc_7m {
		width:			9%;
		display:		inline-block;
		padding:		5px 5px 5px 5px;
		text-align:		right;
		font-size:		2.00em;
	}
.x_141 {				/* Grafico di tutto il periodo */
	grid-column: 1 / span 4;
	grid-row: 14 / span 3;
}
.x_171 {				/* Torte portafoglio */
	grid-column: 1 / span 1;
	grid-row: 17 / span 3;
}
.x_172 {				/* Tabella Minusvalenze  */
	grid-column: 2 / span 4;
	grid-row: 17 / span 2;
	padding: 0px 30px 10px 30px;
	display: grid;
	grid-template-columns: 10% 30% 30% 30%;
}
	.ce_1 {
		grid-column: 1 / 2;
		text-align: left;
	}
	.ce_2 {
		grid-column: 2 / 3;
		text-align: right;
	}
	.ce_3 {
		grid-column: 3 / 4;
		text-align: right;
	}
	.ce_4 {
		grid-column: 4 / 5;
		text-align: right;
	}
.x_176 {				/* Bookmarks */
	grid-column: 6 / span 3;
	grid-row: 17 / span 3;
}
.x_179 {				/* Vuota */
	grid-column: 9 / span 2;
	grid-row: 17 / span 4;
}
.x_192 {				/* Vuota */
	grid-column: 2 / span 4;
	grid-row: 19 / span 1;
}
.x_201 {				/* Vuota */
	grid-column: 1 / span 10;
	grid-row: 20 / span 7;
}
.x_271 {				/* Separatore Portafoglio - Storico */
	grid-column: 1 / span 10;
	grid-row: 27 / span 1;
}
.x_281 {				/* Torte storico*/
	grid-column: 1 / span 1;
	grid-row: 28 / span 3;
}
.x_282 {				/* Grafico dello Storico 1 */
	grid-column: 2 / span 3;
	grid-row: 28 / span 3;
}
.x_285 {				/* Grafico dello Storico 2 */
	grid-column: 5 / span 3;
	grid-row: 28 / span 3;
}
.x_288 {				/* Grafico dello Storico 3 */
	grid-column: 8 / span 3;
	grid-row: 28 / span 3;
}
.x_311 {				/* Grafico a barre x Strumento - Storico */
	grid-column: 1 / span 5;
	grid-row: 31 / span 1;				
}
.x_316 {				/* Grafico a barre x Strumento - Portafoglio */
	grid-column: 6 / span 5;
	grid-row: 31 / span 1;
}
.x_321 {				/* Tabella dello Storico */
	grid-column: 1 / span 10;
	grid-row: 32 / span 1;
	display: grid;
	grid-template-columns: 15% 5% 40% 20% 10% 10%;
}
	.cd_1 {
		grid-column: 1 / span 1;
		padding: 5px 10px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.cd_2 {
		grid-column: 2 / span 1;
		padding: 5px 10px 5px 5px;
		text-align: left;
		font-weight: bold;
	}
	.cd_3 {
		grid-column: 3 / span 1;
		padding: 5px 5px 5px 10px;
		text-align: left;
	}
	.cd_4 {
		grid-column: 4 / span 1;
		padding: 5px 5px 5px 10px;
		text-align: left;
	}
	.cd_5 {
		grid-column: 5 / span 1;
		padding: 5px 5px 5px 10px;
		text-align: right;
	}
	.cd_6 {
		grid-column: 6 / span 1;
		padding: 5px 5px 5px 10px;
		text-align: right;
	}
.x_331 {				/* Vuota */
	grid-column: 1 / span 10;
	grid-row: 33 / span 1;
}


.inv {
	visibility: hidden;
}

/* ### STILE x BANNER ### */
.ban_1,
.ban_3 {
	font-weight: bold;
}

/* ### STILE x REPindici.php ### 		TODO cancellati perchè già presenti in /css/reports.css	TODO	*/