/********************************************************
			Allert sembre visibile per le allerte in corso
********************************************************/
#footer-allert-meteo {
	position: fixed;
	bottom: 15px;
	left: 15px;
	width: min(500px, 100%);
	z-index: 99999;
}
#footer-allert-meteo > .style-msg2 { box-shadow: 0 0 10px -1px #dc3545; }


#footer-allert-meteo .title {
	position: relative;
	display: block;
	background: rgb(255 7 7 / 15%);
	border: none;
	font-weight: bold;
	padding: 15px;
	font-size: .8rem !important;
	line-height: 1rem !important;
	color: #dc3545 !important;
}
#footer-allert-meteo .title div { width: calc(100% - 61px); }

#btn_mostra {
	bottom: -1px;
	right: -1px;
	padding: 1px 6px !important;
	font-size: .8rem !important;
	border-radius: 3px;
	border-bottom-color: rgb(220, 53, 69);
	border-right-color: rgb(220, 53, 69);
	top: initial; transform: initial;
}
#btn_chiudi, #btn_nascondi {
	top: initial;
	transform: initial;
	right: 2px;
	top: 2px !important;
	padding: 0px 3px !important;
	border-radius: 4px;
}



#footer-allert-meteo .sb-msg {
	padding: 0 15px 15px 15px;
	overflow: hidden;
}
#footer-allert-meteo .sb-msg a { color: #000000 !important; font-size: .9rem; }

#footer-allert-meteo .sb-msg:not(.open) { padding: 0; }
#footer-allert-meteo .sb-msg.open {
	padding: 15px;
	transition: height linear .4s;
	color: #721c24 !important;
	padding: 15px !important;
	height: auto !important;
}
#footer-allert-meteo .sb-msg { height: 0; padding: 0; }

	
@media(max-width:550px){
	#footer-allert-meteo { left: 0; bottom: 3px; }
}