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

/* ### STILE x REPdettagliIsin ### */
.content {

}
.grigliaIsin {
	display: grid;
	grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
	grid-template-rows: auto; 
}
.w_11,
.w_21,	

									

.y_51,	.y_52,	.y_53,	.y_54,	.y_55,	.y_56,	.y_57,	.y_58,	.y_59,	.y_50,
		.y_63,	.y_64,	.y_65,	.y_66,
		.y_73,
		.y_83,	.y_84,	.y_85,	.y_86,		.y_88,	.y_89,	.y_80,


.z_11,				.z_15,
.z_21,		.z_23,		.z_25,				.z_29,
.z_31,

.z_41,	.z_42,	.z_43,	.z_44,	.z_45,	.z_46,	.z_47,	.z_48,	.z_49,	.z_40,

.z_51,	.z_52,	.z_53,	.z_54,	.z_55,	.z_56,	.z_57,	.z_58,	.z_59,	.z_50,
.z_61,	.z_62,	.z_63,	.z_64,	.z_65,	.z_66,	.z_67,	.z_68,	.z_69,	.z_60,
.z_71,	.z_72,	.z_73,	.z_74,	.z_75,	.z_76,	.z_77,	.z_78,	.z_79,	.z_70,

.z_81,	.z_82,	.z_83,	.z_84,	.z_85,	.z_86,	.z_87,	.z_88,	.z_89,	.z_80,

.z_91,					.z_96,



.z_131,			.z_134,
			.z_144,		.z_146,		.z_148,		.z_140,
			.z_154,	.z_155,	.z_156,	.z_157,	.z_158,	.z_159,	.z_150,
			.z_164,
			.z_174,			.z_177,
			.z_184,	.z_185,	.z_186,	.z_187,	.z_188,	.z_189,	.z_180,
			.z_194,	.z_195,	.z_196,	.z_197,	.z_198,	.z_199,	.z_190,
			.z_204
{
padding: 10px 5px 10px 5px;
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;
}

.w_11 {					/* Pulsanti Prec Succ */
	grid-column: 1 / span 10;
	grid-row: 1 / span 1;
}
.w_21 {					/* Grafico a tutta pagina */
	padding: 0px;
	grid-column: 1 / span 10;
	grid-row: 2 / span 1;
}


.y_51 {					/* Banca */
	grid-column: 1 / span 1;
	grid-row: 5 / span 4;
	font-size:1.3em;
	line-height: 100px;
}
.y_52 {					/* Quantità */
	grid-column: 2 / span 1;
	grid-row: 5 / span 4;
	font-size:1.3em;
	line-height: 100px;
}
.y_53 {					/* ACQUISTO */
	grid-column: 3 / span 1;
	grid-row: 5 / span 1;
}
.y_53:first-letter {
	font-size:1.3em;
}
.y_54 {					/* ACQUISTO */
	grid-column: 4 / span 1;
	grid-row: 5 / span 1;
}
.y_54:first-letter {
	font-size:1.3em;
}
.y_55 {					/* ACQUISTO */
	grid-column: 5 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_56 {					/* ACQUISTO */
	grid-column: 6 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_57 {					/* Coupon */
	grid-column: 7 / span 1;
	grid-row: 5 / span 4;
	text-align: right;
	font-size:1.3em;
	line-height: 100px;
}
.y_58 {					/* Da ieri */
	grid-column: 8 / span 1;
	grid-row: 5 / span 3;
}
.y_59 {					/* Delta */
	grid-column: 9 / span 1;
	grid-row: 5 / span 3;
}
.y_50 {					/* Delta %A */
	grid-column: 10 / span 1;
	grid-row: 5 / span 3;
}
.y_63 {					/* VENDITA */
	grid-column: 3 / span 1;
	grid-row: 6 / span 1;
}
.y_63:first-letter {
	font-size:1.3em;
}
.y_64 {					/* ACQUISTO */
	grid-column: 4 / span 1;
	grid-row: 6 / span 1;
}
.y_64:first-letter {
	font-size:1.3em;
}
.y_65 {					/* ACQUISTO */
	grid-column: 5 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_66 {					/* ACQUISTO */
	grid-column: 6 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_73 {					/*  */
	grid-column: 3 / span 1;
	grid-row: 7 / span 1;
}
.y_83 {					/* DELTA */
	grid-column: 3 / span 1;
	grid-row: 8 / span 1;
}
.y_83:first-letter {
	font-size:1.3em;
}
.y_84 {					/* Giorni */
	grid-column: 4 / span 1;
	grid-row: 8 / span 1;
	font-size:1.3em;
}
.y_85 {					/* Prezzo */
	grid-column: 5 / span 1;
	grid-row: 8 / span 1;
}
.y_85:first-letter {
	font-size:1.3em;
}
.y_86 {					/* Valore */
	grid-column: 6 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_88 {					/* Da ieri */
	grid-column: 8 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_89 {					/* Delta */
	grid-column: 9 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.3em;
}
.y_80 {					/* Delta %A */
	grid-column: 10 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.3em;
}



.z_11 {					/* Isin */
	grid-column: 1 / span 4;
	grid-row: 1 / span 1;
	text-align: right;
	font-size:2.50em;
}
.z_15 {					/* Descrizione */
	grid-column: 5 / span 6;
	grid-row: 1 / span 1;
	text-align: left;
	font-size:2.50em;
}
.z_21 {					/* Alpha-Code */
	grid-column: 1 / span 2;
	grid-row: 2 / span 1;
	font-size:1.50em;
}
.z_23 {					/* Emittente */
	grid-column: 3 / span 2;
	grid-row: 2 / span 1;
	font-size:1.50em;
}
.z_25 {					/* Tipo */
	grid-column: 5 / span 4;
	grid-row: 2 / span 1;
	font-size:1.50em;
}
.z_29 {					/* Scadenza */
	grid-column: 9 / span 2;
	grid-row: 2 / span 1;
	font-size:1.50em;
}
.z_31 {					/* Vuota */
	grid-column: 1 / span 10;
	grid-row: 3 / span 1;
}
.z_41 {					/* Vuota */
	grid-column: 1 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_41:first-letter {
	font-size:1.3em;
}
.z_42 {					/* Valore */
	grid-column: 2 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_42:first-letter {
	font-size:1.3em;
}
.z_43 {					/* Quantità */
	grid-column: 3 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_43:first-letter {
	font-size:1.3em;
}
.z_44 {					/* Bid */
	grid-column: 4 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_44:first-letter {
	font-size:1.3em;
}
.z_45 {					/* Carico */
	grid-column: 5 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_45:first-letter {
	font-size:1.3em;
}
.z_46 {					/* Giorni */
	grid-column: 6 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_46:first-letter {
	font-size:1.3em;
}
.z_47 {					/* Coupon */
	grid-column: 7 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_47:first-letter {
	font-size:1.3em;
}
.z_48 {					/* Delta da ieri */
	grid-column: 8 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_48:first-letter {
	font-size:1.3em;
}
.z_49 {					/* Delta */
	grid-column: 9 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_49:first-letter {
	font-size:1.3em;
}
.z_40 {					/* Delta%A */
	grid-column: 10 / span 1;
	grid-row: 4 / span 1;
	font-weight: bold;
}
.z_40:first-letter {
	font-size:1.3em;
}


.z_51 {					/* YB */
	grid-column: 1 / span 1;
	grid-row: 5 / span 1;
}
.z_61 {					/* UC */
	grid-column: 1 / span 1;
	grid-row: 6 / span 1;
}
.z_71 {					/* HB */
	grid-column: 1 / span 1;
	grid-row: 7 / span 1;
}
.z_52 {					/* Valore YB */
	grid-column: 2 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_62 {					/* Valore UC */
	grid-column: 2 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_72 {					/* Valore HB */
	grid-column: 2 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_53 {					/* Quantità YB */
	grid-column: 3 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_63 {					/* Quantità UC */
	grid-column: 3 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_73 {					/* Quantità HB */
	grid-column: 3 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_54 {					/* Prezzo di carico YB */
	grid-column: 4 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_64 {					/* Prezzo di carico UC */
	grid-column: 4 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_74 {					/* Prezzo di carico HB */
	grid-column: 4 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_55 {					/* Carico YB */
	grid-column: 5 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_65 {					/* Carico UC */
	grid-column: 5 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_75 {					/* Carico HB */
	grid-column: 5 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_56 {					/* Giorni YB */
	grid-column: 6 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_66 {					/* Giorni UC */
	grid-column: 6 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_76 {					/* Giorni HB */
	grid-column: 6 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_57 {					/* Coupon YB */
	grid-column: 7 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_67 {					/* Coupon UC */
	grid-column: 7 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_77 {					/* Coupon HB */
	grid-column: 7 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_58 {					/* Da ieri YB */
	grid-column: 8 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_68 {					/* Da ieri UC */
	grid-column: 8 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_78 {					/* Da ieri HB */
	grid-column: 8 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_59 {					/* Delta YB */
	grid-column: 9 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_69 {					/* Delta UC */
	grid-column: 9 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_79 {					/* Delta HB */
	grid-column: 9 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}
.z_50 {					/* Delta %A YB */
	grid-column: 10 / span 1;
	grid-row: 5 / span 1;
	text-align: right;
}
.z_60 {					/* Delta %A UC */
	grid-column: 10 / span 1;
	grid-row: 6 / span 1;
	text-align: right;
}
.z_70 {					/* Delta %A HB */
	grid-column: 10 / span 1;
	grid-row: 7 / span 1;
	text-align: right;
}

.z_81 {					/* Vuoto */
	grid-column: 1 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_82 {					/* Totale Quantità */
	grid-column: 2 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_83 {					/* Vuoto */
	grid-column: 3 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_84 {					/* Vuoto */
	grid-column: 4 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_85 {					/* Vuoto */
	grid-column: 5 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_86 {					/* Totale Valore */
	grid-column: 6 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_87 {					/* Totale Coupon */
	grid-column: 7 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_88 {					/* Totale Da ieri */
	grid-column: 8 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_89 {					/* Totale Delta */
	grid-column: 9 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}
.z_80 {					/* Vuoto */
	grid-column: 10 / span 1;
	grid-row: 8 / span 1;
	text-align: right;
	font-size:1.70em;
}

.z_91 {					/* Grafico di tutto il periodo */
	grid-column: 1 / span 5;
	grid-row: 10 / span 4;
}
.z_96 {					/* Grafico dell'ultimo mese */
	grid-column: 6 / span 5;
	grid-row: 10 / span 4;
}
.z_131 {				/* Vuota */
	grid-column: 1 / span 3;
	grid-row: 14 / span 8;
}
.z_134 {				/* Vuota*/
	grid-column: 4 / span 7;
	grid-row: 14 / span 1;
}
.z_144 {				/* Sottostante */
	grid-column: 4 / span 2;
	grid-row: 15 / span 1;
	font-weight: bold;
}
.z_144:first-letter {
	font-size:1.3em;
}
.z_146 {					/* Barriera */
	grid-column: 6 / span 2;
	grid-row: 15 / span 1;
	font-weight: bold;
}
.z_146:first-letter {
	font-size:1.3em;
}
.z_148 {					/* Strike */
	grid-column: 8 / span 2;
	grid-row: 15 / span 1;
	font-weight: bold;
}
.z_148:first-letter {
	font-size:1.3em;
}
.z_140 {					/* Bonus */
	grid-column: 10 / span 1;
	grid-row: 15 / span 1;
	font-weight: bold;
}
.z_140:first-letter {
	font-size:1.3em;
}
.z_154 {					/* Alpha_code */
	grid-column: 4 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_155 {					/* Valore */
	grid-column: 5 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_156 {					/* Valore */
	grid-column: 6 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_157 {					/* Distanza */
	grid-column: 7 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_158 {					/* Valore */
	grid-column: 8 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_159 {					/* Distanza */
	grid-column: 9 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_150 {					/* Valore */
	grid-column: 10 / span 1;
	grid-row: 16 / span 1;
	text-align: right;
}
.z_164 {					/* Vuota */
	grid-column: 4 / span 7;
	grid-row: 17 / span 1;
}
.z_174 {					/* Ipotesi */
	grid-column: 4 / span 3;
	grid-row: 18 / span 1;
	font-weight: bold;
}
.z_174:first-letter {
	font-size:1.3em;
}
.z_177 {					/* Futuro */
	grid-column: 7 / span 4;
	grid-row: 18 / span 1;
	font-weight: bold;
}
.z_177:first-letter {
	font-size:1.3em;
}
.z_184 {					/* Hp1 */
	grid-column: 4 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_184:first-letter {
	font-size:1.3em;
}
.z_185 {					/* Hp2 */
	grid-column: 5 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_185:first-letter {
	font-size:1.3em;
}
.z_186 {					/* Hp3 */
	grid-column: 6 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_186:first-letter {
	font-size:1.3em;
}
.z_187 {					/* Giorni */
	grid-column: 7 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_187:first-letter {
	font-size:1.3em;
}
.z_188 {					/* Delta */
	grid-column: 8 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_188:first-letter {
	font-size:1.3em;
}
.z_189 {					/* Delta % */
	grid-column: 9 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_189:first-letter {
	font-size:1.3em;
}
.z_180 {					/* Delta %A */
	grid-column: 10 / span 1;
	grid-row: 19 / span 1;
	font-weight: bold;
}
.z_180:first-letter {
	font-size:1.3em;
}
.z_194 {					/* Hp1 */
	grid-column: 4 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_195 {					/* Hp2 */
	grid-column: 5 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_196 {					/* Hp3 */
	grid-column: 6 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_197 {					/* Giorni */
	grid-column: 7 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_198 {					/* Delta */
	grid-column: 8 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_199 {					/* Delta % */
	grid-column: 9 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_190 {					/* Delta %A */
	grid-column: 10 / span 1;
	grid-row: 20 / span 1;
	text-align: right;
}
.z_204 {					/* Vuota */
	grid-column: 4 / span 7;
	grid-row: 21 / span 1;
}


.inv {
	visibility: hidden;
}

.blink {
	animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
		font-weight: normal;
	}
}