#avviso {
		width:100%;
		height:100%;
		position:fixed;
		z-index:12;
		background-color:rgba(0,0,0,0.5);
	}
	
	#avviso_contenitore_messaggio {
		margin:10vh 10vw;
		padding:10vh 10vw;
		background-color:whitesmoke;
		width:60vw;
		height:60vh;
		top:10vh;
		left:10vw;
		text-align:center;
	}
	
	#avviso chiudi{
		
		position: absolute;
		background-color: white;
		color: #DB2F23;
		content: 'X';
		width: 5vh;
		height: 5vh;
		text-align: center;
		line-height: 5vh;
		top:1vh;
		right:1vh;
		border-radius: 50%;
	}
	
	#modaleAvvisi {
		bottom:0 !important;
		position: absolute;
	}

	#modaleAvvisi.show {
		transition: all .25s ease-out;
	}

	.notifiche_presenti {
	  animation: trilla 1s;
	  animation-iteration-count: infinite;
	}

	@keyframes trilla {
	  0% { transform: rotate(0deg); }
	  3% { transform: rotate(-6deg); }
	  6% { transform: rotate(6deg); }
	  9% { transform: rotate(0deg); }
	  12% { transform: rotate(3deg); }
	  15% { transform: rotate(-3deg); }
	  16% { transform: rotate(0deg); }
	}
	
#contaAvvisi {
	color: white;
	position: absolute;
	bottom: 3vh;
	left: 5vw;
}
#contaAvvisi.b{
	font-weight: bold;
}
	#corniceModaleAvvisi {
		/*! padding:1vh; */
		/*! margin:1vh 0 0 1vh; */
	}
	
	#corniceModaleAvvisi avviso {
		display: inline-block;
		/*border-bottom : solid 1px #ccc;*/
		border-radius: 2vh;
		background-color: white;
		padding:2vh; 
		margin:1vh; 
		width:calc(100% - 6vh);
	}
	
	#corniceModaleAvvisi avviso titolo {
		display: inline-block;
		color:#0064B3;
		font-size: 1.2em;
		margin:0 0 2vh;
		font-weight: bold;
	}
	
	#corniceModaleAvvisi avviso:before {
		content : "➔";
		color: orange;
		font-size: 1.2em;
		padding: 1vh;
	}

	#corniceModaleAvvisi avviso.letto titolo {
		font-weight: normal;
}

	#corniceModaleAvvisi avviso.letto:before {
		content : "✓";
		color: green;
		font-size: 1.2em;
		padding: 1vh;
	}