#popupApri .modal-body button > i{
	display: inline-block;
	margin: -3px 0 0 0;
	padding: 0;
	position: absolute;
	right: 26px;
	background: var(--blu);
	color:#ffffff;
	width: 30px;
	height: 30px;
	border-radius: 18px;
	font-size: 18px;
	line-height: 30px;
}
#popupApri .modal-body button > i:hover {
	color: var(--blu);
	background:#ffffff;
}
.alert-dismissible .btn-close{
	padding: 1.1rem 1rem;
}

/* ======= Popup ======= */

#popup .offcanvas-header{
	border-bottom:1px solid var(--grigio2);
}
#popup[pop=header] > div:is(.offcanvas-body, .sottoMenu):not([scheda=header]),
#popup[pop=scenario] > div:is(.offcanvas-body, .sottoMenu):not([scheda=scenario]),
#popup[pop=risultati] > div:is(.offcanvas-body, .sottoMenu):not([scheda=risultati]),
#popup[pop=valueStory] > div:is(.offcanvas-body, .sottoMenu):not([scheda=valueStory]){
	display:none;
}
#popup .sottoMenu{
	display: flex;
	align-items: center;
	/* gap: 20px; */
	justify-content:center;
	background: var(--verde);
	color:#ffffff;
}
#popup .sottoMenu > span{
	padding: 8px 12px;
	flex-grow: 2;
	text-align:center;
	cursor:pointer;
	font-size: 95%;
}
#popup .offcanvas-title{
	font-size: 1.3em;
	color: var(--grigio);
	font-weight:bold;
}
.offcanvas.offcanvas-end{
	width:60%;
	max-width:700px;
}
#popup .offcanvas-body{
	font-size:95%;
	    word-wrap: break-word;
}
#popup .apriGazzetta{
	display: flex;
	padding: 10px 0;
	margin-bottom: 20px !important;
	gap: 16px;
}	
#popup .apriGazzetta > a{
	padding: 5px 15px;
	color: var(--verde) !important;
	background-color: #ffffff;
	border: 2px solid var(--verde);
	align-items: center;
	display: flex;
	text-decoration: none;
	font-weight: bold;
	justify-content:center;
}
#popup .offcanvas-body h4{
	color: var(--impacta);
	font-size: 119%;
	margin-top: 30px;
	margin-bottom: 13px;
	font-weight:bold;
}
#popup .offcanvas-body h5{
	color:var(--grigio);
	font-size:95%;
	margin-top:15px;
	font-weight:bold;
}
#popup .offcanvas-body a{
	width: 50%;
	text-align: center;
}
#popup img{
	width:100%;
}
#popup .offcanvas-body p{
	line-height:1.4em;
}
#popup .offcanvas-body:not([scheda=scenario]) p{
	margin-bottom:0;
}
#popup .offcanvas-body table.table{
	margin: 15px 0 !important;
	text-align:left;
}
#popup .offcanvas-body table.table th{
	background-color: var(--blu);
	color:#ffffff;
}
#popup .offcanvas-body table.table>:not(caption)>*>* {
	padding: 0.4rem 0.4rem;
	font-size:93%;
}
.legenda {
	font-size: 90%;
	margin-top: 4px;
}

#popup i.bi {
	background-color:var(--blu);
	padding:2px 4px;
	border-radius:2px;	
	width:20px;
	color:#ffffff;
	margin:0 2px;
	font-size:80%;
}

@media (max-width: 730px){
	#popup .sottoMenu,
	#popup .apriGazzetta{
		flex-direction:column;
		gap:0px;
	}
	#popup .offcanvas-body a{
		width: 100%;
		margin-bottom:6px;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}	
}