/* boostrap-custom.css                        */
/* personalizzazione colori                   */
/* ...........................................*/



/************* COLORI UTILIZZATI *******************/
/* #016C9A blu - Sfondo elemento selezionato menu proncipale, inquinante mappa colorata, pulsanti stazioni etc
/* #B4000C colore data_osservazione - rosso cupo 


/************* COLORI UTILIZZATI *******************/






a {
  color:#016C9A;
  font-weight:bold;
  /*text-decoration: underline;*/ 
}


p { line-height: 22px }


.btn:focus {
  background-color: red;
  
}


/**************************************************/
/* personalizzazione navbar */



/* riduco altezza */
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:40px !important  
}




.dropdown-menu > li >a {
  text-decoration: none; 
}


/* navbar */
.navbar-default {
    /*background-color: #F8F8F8;*/ 
    background-color: #white;
    border-color: #E7E7E7;
    margin-bottom:0px;    
    margin-top:2px; 
    text-align:center;   
}



/* title */
.navbar-default .navbar-brand {
    /*color: #777;*/
    color:white;
  	font-weight:bold;
    min-width: 141px;   
}

/* hover su brand */
.navbar-default .navbar-brand:hover{
   color:#F4AE37;
}
.navbar-default .navbar-brand:focus {
     color:white;
}

/* larghezza fissa */
.navbar-default .navbar-nav > li{
       
}

/* link */
.navbar-default .navbar-nav > li > a {
     color:#016C9A;
     text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: black;    
    background-color: yellow;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    font-weight:bold;   
    background-color: #016C9A;  
    border:1px #016C9A;
    
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #016C9A; 
    
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}


/* menu 2 livello */
.dropdown-menu > li{
  text-align:left;  
}

.dropdown-menu > li > a:hover  {
   color: black;    
   background-color: yellow;
    
}


.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #999;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #999;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}


/* espansione dei sottomenu al passaffio del mouse */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

/* FINE personalizzazione navbar */
/**************************************************/



/* personalizzazione gruppi di pulsanti***********/
.btn-group>.btn:hover{
  background-color:yellow;
  color:black;

}




.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
 
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
 
.btn-group>.btn:active,
.btn-group>.btn.active {
  background-image: none;
  outline: 0;
  background-color:#016C9A;
  color:white;
  font-weight:bold;
  border-color:#016C9A;
  
}


/* FINE zazione gruppi di pulsanti***********/





/* personalizzazione titoli pagina***********/
.page-header{
  margin-top:10px;

}
/* FINE personalizzazione titoli pagina***********/




/* personalizzazione hover pulsante primary ***********/
.btn-primary:hover{ 
 color:yellow;
}


.btn-primary:focus{ 
 color:white;
}




/* personalizzazione tag titoli***********/
h1{
  font-size:24px;
  font-weight:bolder; 
}

h1 > small{
  color:#006 ;
}



h2{
  font-size:20px;
  font-weight:bold;
}

h3{
  font-size:16px;
  font-weight:bold;
}

.small{
  color:#016C9A ;
}
/* FINE personalizzazione titoli pagina***********/





/* personalizzazione tab nella pagina bollettini---------------*/

#myTabContent.tab-content{
	background-color:white;
	padding:10px;
  margin-top:-10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



/* FINE personalizzazione tab nella pagina bollettini---------------*/



/* modifiche per contrasto colori WCAG2*/
.btn-info{
  background-color: #016C9A;
  border-color    : #016C9A;
  color:          : #016C9A;
}


/* via link sottolineati in tabella stazioni, pagina 'Mappa qualità dell'aria' */
#tabella_stazioni  a {
  text-decoration: none;
}

/* via link sottolineati in tabella stazioni, pagina 'Rete di monitoraggio' */
#tabella_regionale a {
  text-decoration: none;
}

#tabella_ozono a {
  text-decoration: none;
}

#tabella_provinciale a {
  text-decoration: none;
}

#tabella_autolaboratori a {
  text-decoration: none;
}

#tab_reti a {
  text-decoration: none;
}

#tab_bollettini a {
  text-decoration: none;
}



/* hover  su tabella bootstrap-table */
.table-hover tbody tr:hover td {
    background: #white;
    color:black;
}




/* cambio sofondo labl primary per aderire specidiche di contrasto WCAG*/
.label-primary {
    background-color: #016C9A;
}



.ui-autocomplete-loading {
    background: white url("../img/ui-anim_basic_16x16.gif") right center no-repeat;
  }
  
  
  
  
  
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}