/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.btn-inline {
	display: inline-block !important;
	padding-bottom: 20px;
	margin: 0 10px;
}

.font-s-16{
	font-size: 1.6rem;
} 
 
 .mar-t-1{
 	margin-top: 1rem !important;
 }
 
 .wid-10{
 	width: 10rem;
 }
 
 
	
.notifiche-01-container {
       box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
       border: 1px solid #dcdcdc;
       padding: 16px;
       color: #06c;
       background-color: #b6ffd9;
       max-width: 640px;
       overflow: hidden;
       margin-top: 2em;
}

.notifiche-01-bottone {
           display: inline-flex;
           align-items: center;
           justify-content: center;
           box-sizing: border-box;
           min-height: 48px;
           padding: 8px 1em;
           font-size: 16px;
           line-height: 1.5;
           font-family: Arial,sans-serif;
           color: #000;
           border-radius: 4px;
           box-shadow: inset 0 -4px 0 rgb(0 0 0 / 20%);
           filter: drop-shadow(0 2px 4px rgba(0,0,0,.2));
           text-decoration: none;
           background-color: #fec228;
    }
       
.notifiche-01-colore-01{
       color: #005db9;
}

.notifiche-02-container {
       box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
       border: 1px solid #dcdcdc;
       padding: 16px;
       color: #06c;
       background-color: #ffff;
       max-width: 640px;
       overflow: hidden;
       margin-top: 2em;
}
	
	
.colore-01{
	color: #0c4776 !important;
}

.colore-verde{
	color: green !important;
}

.colore-rosso{
	color: red !important;
}