/*_________________________________________________________________
//
// SCANLIB
//
_________________________________________________________________*/

.dataviz .source {
    font-size: 0.8em;
    font-style: italic;
    fill: var(--color--text);
}

/*_________________________________________________________________
LEGEND
_________________________________________________________________*/
.dataviz .dataviz-form--suffix {
    margin-top : 10px;
}

.dataviz .legend, .dataviz .legend-div  {
    .legend-icon {
        transform: scale(0.05);
    }
    .legend-text {
        font-size: 1em;
        fill : var(--color--text);
    }
    .legend-value {
        font-size: 0.9em;
        dominant-baseline: auto;       
        font-style: italic;
    }
    .legend-title {
        font-style: italic;
        font-size: 0.8em;
        fill : #cccccc;
    }
}

/*_________________________________________________________________
DATAVIZ : Plot
_________________________________________________________________*/
 

/* Tooltip
_________________________________________________________________*/
 
 .dataviz .tooltip.pie, .dataviz .tooltip.plotBar,.dataviz .tooltip.treemap--tooltip,  .tooltip.Heatmap--tooltip, .tooltip.area--tooltip, .tooltip.ribbon--tooltip,
 .voronoi--tooltip, .waffle--tooltip,.specialBubble--tooltip, .bubble--tooltip, .barlink--tooltip,  .plotbox--tooltip {
    background: white;
    color: var(--color--text);
    border : 1px solid var(--color--primary);
    border-radius: 5px;
    font-size : 0.8em;
    font-family: var(--font);
    max-width: 500px;
    padding: 10px;
    pointer-events: none;
}
.dataviz .tooltip.plotBar .tooltip-icon, .dataviz .ribbon--tooltip .tooltip-icon {
  transform : scale(1);
  margin-right : 15px;
}
.dataviz .tooltip.plotBar tr.content {
    text-align: left;
}

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

.dataviz .tooltip.plotBar tr.content.not-representative {
    color : var(--color--warning);
    font-size: 0.8em;
}


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

/*_________________________________________________________________
// DATAVIZ : Area
//_________________________________________________________________*/

.dataviz .scan--area .axis.xaxis, .dataviz .scan--area .axis.yaxis {
    font-size: 0.8em;
    font-family: var(--font);
}

/*_________________________________________________________________
// DATAVIZ : plotBar
//_________________________________________________________________*/

.dataviz .scan--bar .axis.xaxis, .dataviz .scan--bar .axis.yaxis {
    font-size: 0.8em;
    font-family: var(--font);
}

.dataviz .scan--bar .axis.yaxis {
    font-family: var(--font);
    fill : var(--color--text);
    font-size: 0.8em;
}

.dataviz .graphBar .svg-fond-line {
    stroke: var(--color--text);
    stroke-dasharray: 4;
}

.svg-fond-line {
    stroke: var(--color--text);
    stroke-dasharray: 4;
}

.dataviz .graphBar text.bar_label {
    font-size: 0.8em;
}

.dataviz .graphBar text.bar_label.not-representative {
    fill : var(--color--warning);
}

.dataviz .graphBar text.stagger-label {
    font-size: 1em;
    font-weight : bold
}

.dataviz .scan--bar .bar.grouped {
    stroke : white;
    stroke-width: 2px;
}

.dataviz .scan.mapflow{
    path.secteur_geo {
        stroke : var(--color--primary)
    }
}

/*_________________________________________________________________
// DATAVIZ : Marimekko
//_________________________________________________________________*/

.dataviz .plotMarimekko {
    .text_colomn {
        font-weight: bold;
    }
    .text_cell {
        font-size: 0.9em;
        fill: white;
    }
}

/*_________________________________________________________________
// DATAVIZ : Treemap
//_________________________________________________________________*/

.dataviz .treemap {
    .points_g text {
        font-family: var(--font);
    }

}


/*_________________________________________________________________
// DATAVIZ : Voronoi
//_________________________________________________________________*/

.dataviz .scan.heatmap {
    .label--voronoi {
        fill : var(--color--text);
        font-family: var(--font);
        
    }
}
/*_________________________________________________________________
// DATAVIZ : heatmap
//_________________________________________________________________*/
 
 .dataviz .scan.heatmap {
     
    .axis.xaxis  {
        font-size: 12px;
        font-family: var(--font);
    }
    .axis.yaxis  {
        font-size: 12px;
        font-family: var(--font);
    }
     
 }
 
 
/*_________________________________________________________________
// DATAVIZ : SpecialBubble
//_________________________________________________________________*/
 
 .dataviz .scan.specialBubble {
    .bubble-circle {
        stroke : white;
    }
}
 
/*_________________________________________________________________
// DATAVIZ :  plotBarLink
//_________________________________________________________________*/
 .dataviz .scan.plotBarLink {
    .text-xLabel, .text-yLabel {
        font-size: 1.2em ;
    }
 }

 
/*_________________________________________________________________
// DATAVIZ : MapLeaflet
//_________________________________________________________________*/
/*
.dataviz .leaflet-control-container > * {
    z-index : 0;
}

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

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


.dataviz .leaflet-bottom.leaflet-left {
    width: 50%;
}

.dataviz .leaflet-control.leaflet-control-graphicscale {
    margin-bottom :0;
    color : var(--color--text);
}

.leaflet-container {
    background: #ffffff;    
}

.leaflet-legend {
    background: #ffffff;
    padding: 10px;
}


.dataviz .leaflet-container {
    font-family: var(--font);
}

.dataviz .leaflet-pane.leaflet-contour-parent-pane > svg path.leaflet-interactive {
    fill : none;
    pointer-events: none;
    stroke: var(--color--active-link);
}

.dataviz .leaflet-contour-epci-pane  > svg path.leaflet-interactive {
    stroke: #808080;
}

.dataviz path.static {
    stroke: #ffffff;

}

.dataviz path.applat {
    stroke: #ffffff;

}

.dataviz .legend-container .icon-group {
    .legend-block[select="unchecked"] {
            opacity : 0.3;
    }
}

.dataviz .text-legend-map .tick{
    font-family: var(--font);
    font-size: 14px;
    fill : var(--color--text);
    text {
        fill : var(--color--text);      
    }
}

.dataviz .tooltip.scan.map {
    background: var(--color--primary-ligth);
    color: var(--color--text);
    border-radius: 5px;
    font-size : 0.9em;
    font-family: var(--font);
    max-width: 200px;
    padding : 10px;
    .tooltip-title {
        font-weight: bold;
        font-family: var(--font);
        color : var(--color--primary);
        text-align: center;
    }
    .tooltip-content {
        font-family: var(--font);
        text-align: center;
        b {
            font-family: var(--font);
            font-weight: bold;
        }
    }
    .tooltip-suffix {
        font-style: italic;
        font-weight: lighter;
        text-align: center;

    }
    .dataviz {
        font-size : 0.8em;
    }
}
*/