.tab-bar { background: red;}
.left-small {border-right: solid 1px #FFFFFF;}
ul.off-canvas-list li a { background: #DBDBDB; color: red;}

.top-bar {border-bottom: #CBCBCB 1px solid; background: #EFEFEF; height:auto;}

.top-bar-section li a:not(.button), .top-bar.expanded .title-area {background: white; }


.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {

  color: red;

}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: red;
  background: #EFEFEF;
 border-bottom: red 1px solid;
}

.top-bar-section li:not(.has-form) a:not(.button) {

  background: #999999;

}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
 
  border-right: solid 1px #EFEFEF;

}

.titolo_sezione { background-color: white;
text-align: center;
color: red;
font-size: 1.5em;
	
}

.titolo_elenco {background-color: #EFEFEF;
border-bottom:  red 2px solid;
	text-align: center;
color: red;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  font-size: 1.2em;
	
}

.titolo_elenco2 {background-color: white;
border-bottom:  red 2px solid;
text-align: center;
color: red;
margin-bottom: 0.75rem;
padding: 0.75rem;
font-size: 1.2em;
}

.titolo_elenco2_blu {background-color: white;
border-bottom:  blue 2px solid;
text-align: center;
color: blue;
margin-bottom: 0.75rem;
padding: 0.75rem;
font-size: 1.2em;
}


.titolo_elenco3 {background-color: white;
border-bottom:  red 1px dashed;
text-align: left;
color: red;
margin-bottom: 0.25rem;
padding: 0.25rem;
font-size: 1em;
}

.titolo_elenco4 {background-color: white;
border-bottom:  red 1px dotted;
text-align: left;
color: red;
margin-bottom: 0.25rem;
padding: 0.25rem;
font-size: 1em;
}

.titolo_modal {background-color: #EFEFEF;
border-bottom:  red 2px solid;
	text-align: center;
color: red;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  font-size: 1.2em;
  width: 90%;
}


.avvertimento {background-color: #FFF179 ;
text-align: center;
color: red;
border: 1px dashed orange;
}

.nota_verde {background-color: #CFF9D6 ;
text-align: center;
color: green;
border: 1px dashed green;
}


.nota_lilla {background-color: #E5D5E5 ;
text-align: center;
color: #90439E;
border: 1px dashed #90439E;
}

.nota_zucchero {background-color: #D8FFFE ;
text-align: center;
color: #27A9C4 ;
border: 1px dashed #27A9C4;
}

.nota_rosa {
background-color: #F7D4D4 ;
text-align: center;
color: #FF5B93  ;
border: 1px dashed #FF5B93;
}


.etizucchero {background-color:  #27A9C4; color: white;}
.etiviola {background-color: #90439E; color: white;}
.etirosa {background-color: #E66BBF; color: white;}

.indicazione_rossa {
	background-color: red ;
 	text-align: center;
	color: white;
	border-bottom: 1px dashed white;
 border-top: 1px dashed white;
 margin-bottom: 2px;
}

.indicazione_verde {
	background-color: rgba(59,167,38,1.00) ;
 	text-align: center;
	color: white;
	border-bottom: 1px dashed white;
 border-top: 1px dashed white;
 margin-bottom: 2px;
}

.indicazione_grigia {
	background-color: rgba(186,186,186,1.00) ;
 	text-align: center;
	color: white;
	border-bottom: 1px dashed white;
 border-top: 1px dashed white;
 margin-bottom: 2px;
}

.indicazione_azzurra {
	background-color: rgba(98,198,253,1.00);
 	text-align: center;
	color: white;
	border-bottom: 1px dashed white;
 border-top: 1px dashed white;
 margin-bottom: 2px;
}

.indicazione_arancione {
	background-color: #EBB517;
 	text-align: center;
	color: white;
	border-bottom: 1px dashed white;
 border-top: 1px dashed white;
 margin-bottom: 2px;
}

.indicazione_gialla {
background-color: #B8A601;
text-align: center;
color: WHITE;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
margin-bottom: 2px;
	
}

.indicazione_rosa {
background-color: #FCA5C0;
text-align: center;
color: white;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
margin-bottom: 2px;
	
}

.assistenza {
background-color: #F9ED47;
text-align: center;
color: red;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
margin-bottom: 2px;
	
}

.positivo {background-color: rgba(207,241,209,1.00);
 
	text-align: center;
	color: rgba(31,122,50,1.00);
	border: 1px dashed green;
 
  
	
}

.messaggio  {background-color: white ;
 
	text-align: center;
	color: red;
	border: 1px solid #EBEBEB;
	border-bottom: 3px solid red;
 
  
	
}

.messaggio h4 { 
	color: red;
	 
 
  
	
}


.viola { background-color: #AD2FA5;}
.nero { background-color: black;}
.arancione { background-color: #DC5724;}
.marrone { background-color: #7B4E21;}

.dashed_red_bottom { border-bottom: 1px red dashed;}

.uno_mezzo {font-size: 1.5em;}

.due {font-size: 2em;}

.testo_rosso {color:red}

.testo_blu {color:blue}

.icone_sedi {font-size: 1.2em; color:red;}

.estesa { max-width: 100%; padding:0px; margin: 0px;}

.estesa_95 { max-width: 95%; padding:0px; margin: 0px auto;}

.spazio_lati { padding-left: 5px; padding-right: 5px;}

.spazi_ridotti {padding: 5px; margin: 0px;}


.icon-button {
  border-radius: 3.6rem;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 5px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 2.5rem;
  background: rgba(32,152,195,1.00); 
  color: white;}
  .icon-button span {
    display: block;
    border-radius: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.3s; }
  .icon-button:hover span {
    display: block;
    border-radius: 3.6rem;
    width: 3.6rem;
    height: 3.6rem;
    margin: -1.8rem; }
  .icon-button i {
    background: none;
    height: 3.6rem;
    width: 3.6rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 3.6rem;
    transition: all 0.3s;
	}
	

.cerchio_persone_rosso 
{ 

background-color: red;
color: white;
 text-align: center;
 font-size: 30px;
 margin: 0 auto;

  
  width: 50px; height: 50px; border-radius: 10em; 
           padding: 0px;
  
  }
  
  .pannello_rosso 
{ background-color: rgba(243,221,221,1.00);
border: 1px solid rgba(227,109,110,1.00);
padding: 15px;
font-size: 0.8em;}

.modal_95 {width: 95%}

.margine_basso_0 { margin-bottom: 0px;}
.padding3 { padding-top:3px; padding-bottom:3px; padding-left:3px; padding-right:3px;}
.padding6 { padding-top:6px; padding-bottom:6px; padding-left:6px; padding-right:6px;}
.no_bordo_basso { border-bottom: none;}
.estesa_95 {width: 95%}

.sede_censita {
	border-top: #57B05E double 1px;
	text-align:center;
	
	
}

.sede_noncensita {
	border-top: red double 1px;
	text-align:center;
	
	
}

.margine_basso_piccolo {margin-bottom: 5px;}



.reveal-modal
{
	border-top: 3px solid red;
	border-bottom: 1px solid black; 
	top: 15px; 
	width: 90%;
	max-width: 90%;
	overflow: auto; 
	max-height: 90%;
	height: 90%;
	
}