:root {
    --scanlib-font-family : "Open Sans";
    --scanlib-color-primary : #009fa0;
    --scanlib-color-primary-light : #e5f5f5;
    --scanlib-color-text : #5d5c5c;
}

.dataviz {
    font-family: var(--scanlib-font-family);
    .legend {
        .legend-icon {
            font-size: 2em;
        }
    }
}


.dataviz .legend {
    .legend-title {
        font-style: italic;
        font-size: 12px;
        fill : var(--scanlib-color-text)
    }
    .legend-text {
        fill : var(--scanlib-color-text)
    }
}
/*__________________________________________________________________________

PlotBar 
__________________________________________________________________________*/
.dataviz .scan--bar {
    .axis {
        font-size: 14px;
    }
    .axis.label {
        fill: #656A6E;
    }
    .grouped-label {
        font-weight: bold;
    }
}

/*__________________________________________________________________________

PlotArea
__________________________________________________________________________*/
.dataviz .scan--area {
    .axis {
        font-size: 14px;
    }
    .axis.label {
        fill: #656A6E;
    }
}

/*__________________________________________________________________________

PlotHeatMap
__________________________________________________________________________*/
.dataviz .scan--heatmap {
    /*.axis {
        font-size: 14px;
    }*/
    .axis.label {
        fill: #656A6E;
    }
}
/*__________________________________________________________________________

mapLeafletSimple 
__________________________________________________________________________*/

.dataviz .leaflet-control-container > * {
    z-index : 0;
}

.dataviz  .leaflet-control-layers {
    .leaflet-control-layers-toggle {
	    background-image: url(/sites/interqualair-ligair/files/imgs/layers.png);
    }
}

.dataviz .leaflet-control-layers-base {
    label {
	    font-family: var(--scanlib-font-family);
    }
}


.dataviz .text-legend-map {
  font-size: 14px;  
}

.dataviz .leaflet-container .leaflet-overlay-pane path.static {
  stroke: white;
  stroke-width: 1px;
}

.dataviz .leaflet-container .leaflet-overlay-pane path.applat {
  stroke: white;
  stroke-width: 1px;
}

.dataviz .leaflet-container .leaflet-contour-departement-pane {
    display: none;
}

.dataviz .legend-content .legend-text {
    fill : var(--scanlib-color-text)
}

/*__________________________________________________________________________

Tooltip
__________________________________________________________________________*/
.dataviz .tooltip.scan.map {
    background: var(--scanlib-color-primary-light) ;
    color: var(--scanlib-color-text);
    border-radius: 5px;
    font-size : 0.9em;
    font-family: var(--scanlib-font-family);
    max-width: 500px;
    padding: 10px;
    pointer-events: none;

}
 
 .dataviz .tooltip.pie, .dataviz .tooltip.plotBar,.dataviz .tooltip.treemap--tooltip,  .tooltip.Heatmap--tooltip, .tooltip.area--tooltip ,
 .voronoi--tooltip, .waffle--tooltip,.specialBubble--tooltip, .bubble--tooltip, .barlink--tooltip {
    background: var(--scanlib-color-primary-light) ;
    color: var(--scanlib-color-text);
    border-radius: 5px;
    font-size : 0.9em;
    font-family: var(--scanlib-font-family);
    max-width: 500px;
    padding: 10px;
    pointer-events: none;
}


.dataviz .tooltip.plotBar tr.content {
    text-align: left;
}

.dataviz .tooltip.plotBar tr.content.isActive {
    font-weight: bold;
}

.dataviz .scan.bubble {
    foreignObject {
        color : white;
    }
}