.bold, b, strong, h1, h2, h3, h4{
    font-family: roboto;
    font-weight:700;
}
.light{
    font-family: roboto;
    font-weight:light;   
}



/*
@alizarin:                  #3498db;
@pomegranate:               #2980b9;
*/


a.alert{
    background:#ff0;
    color:#222;
    margin-bottom:0;
}
a.alarm{
    background:#f00;
    color:#fff;
}
a.normal{
    background:#cdfacd;
    color:#222;
}
td.alarm{
    background:#f00 !important;
    color:#fff;
    border:1px solid #fff; 
}
td.no-data{
    background:#eee !important;
    color:#000;
    border:1px solid #fff; 
}
/*.leaflet-marker-icon.label *{color:#000;}*/
.region-label {
    padding:0 0 0 0 ;
    color:#fff;  
    border-radius:4px !important;
    font-size:0.9em;
    left:-30px;
    background: transparent,    
}
.leaflet-tooltip.region-label{
    padding: 0 0 0 0;
    background:transparent;
    border:none;
    box-shadow:none;
    color:#fff;
    font-weight:bold;
    text-shadow: 0 0 1px #000  ;
    max-width:40px;
    min-width:90px;    
}

img.leaflet-marker-icon{
    display:none;
    visibility:hidden !important;
}
.district-label div.district-title{
    padding:0 0 0 0;
}

.district-label div.details{
    padding:0.6em 0.6em 0.6em 0.6em ;
    color:#fff;
    background:#f00;
}

.district-label {
    position:absolute;
    background:#fff;
    opacity:0.8;
    color:#555;  
    border-radius:2px !important;
    font-size:1.1em;
    font-weight:bold;
    max-width:150px;
    min-width:90px;
    padding:0 0 0 0;
}


.leaflet-tooltip-top {
  border:1px solid red;
}

.leaflet-marker-icon {
    z-index:-100 !important;
}

.preferred-indicators-legend span{
    vertical-align:top;
    font-size:90%;
}


.legend-container {
    width:580px;
}
.legend-container .left-legend,.legend-container .right-legend {
    padding:4px 4px 4px 4px ;
}

.legend-container .right-legend {
    background:#fff;
}
.legend-container .right-legend {
    padding-left:1em;
}


.indicator-map-details.alert {
    color:#000;
    background: #ff0;
    clear:none !important;
    margin-bottom: 0
}

.indicator-map-details.alarm {
    background:#f00;
    color:#fff;
}
.indicator-map-details.normal {
    background:#cdfacd;
    color:#000;
}
.indicator-map-details {
    padding : 0.4em 0.4em 0.4em 0.4em ;
    font-weight:normal;
}

.fancybox-title {display: none}