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


/*_________________________________________________________________
 
 BUTTON 
 Surcharge du primeVue
 _________________________________________________________________*/


.dataviz .buttonFilter.tabs {
    margin-top : 15px;
    .p-tab {
        font-size: 0.8em;
        border-radius: 0 15px 0 0;
    }
    .p-tab.p-tab-active {
            border-radius: 0 15px 0 0;
    }
    button:nth-child(1) {z-index : 10;}
    button:nth-child(2) {transform: translateX(-15px); z-index : 9;}
    button:nth-child(3) {transform: translateX(-30px); z-index : 8;}
    button:nth-child(4) {transform: translateX(-45px); z-index : 7;}
    button:nth-child(5) {transform: translateX(-60px); z-index : 6;}
}

.dataviz .buttonRepresentation,.dataviz .buttonFilter.switch {
    text-align: right;
    .p-selectbutton {
        .p-togglebutton {
            padding: 0 !important;
            border : none !important;
            font-size: 12px !important;
            .p-togglebutton-content {
                border-radius : 0 !important;
                .p-togglebutton-label {
                    margin: 5px 10px !important;
                }
            }
        }
        .p-togglebutton:first-child {
          border-start-start-radius: 15px !important;
          border-end-start-radius: 15px !important;
        }
        .p-togglebutton:last-child {
            border-start-end-radius: 15px !important;
            border-end-end-radius: 15px !important;
        }
    }
}

/*_________________________________________________________________
SOURCE
_________________________________________________________________*/

.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-blue-selection);
    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.5);
  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 path.applat {
    stroke: #ffffff;
    stroke-width: 2px;

}

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

.dataviz  .leaflet-control-layers {
    .leaflet-control-layers-toggle {
        background-image: url(/sites/observatoire-energie-grand-est/files/imgs/layers.png);
    }
}

.dataviz .leaflet-control-layers-base {
    label {
    }
}


.leaflet-container {
    background: #ffffff;    
}

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


.dataviz .leaflet-container {
    margin : 0;
}

.dataviz .leaflet-pane > svg path.leaflet-interactive {
    fill : none;
    pointer-events: none;
    stroke: white;
    /*stroke-width: 2px;*/
}

.dataviz .leaflet-layer.wmtsLayer .leaflet-tile-container {
    opacity :0.7
}

.dataviz .tooltip.scan.map {
    background: white;
    border : 1px solid var(--color-blue-selection);
    border-radius: 5px;
    font-size : 0.9em;
    max-width: 350px;
    padding : 10px;
    .tooltip-title {
        font-weight: bold;
        color : var(--color-blue-selection);
        text-align: center;
    }
    .tooltip-content {
        text-align: center;
        b {
            font-weight: bold;
        }
    }
    .tooltip-suffix {
        font-style: italic;
        font-weight: lighter;
        text-align: center;

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

.icon.icon--_none { 
    display: none;
}

.curvedText  {
    fill: white;
    font-size: 0.8em;
}
.sankey-label-inner {
    color: white;
    font-size: 0.9em;
    font-weight: bold;
}
.sankey-label-inner.bottom {
    color: currentColor;
}