:root{
    --p-radiobutton-icon-checked-color : blue !important;
    --p-radiobutton-icon-disabled-color : red !important;
    
	--color-primary : #F16034
}

.p-radiobutton-box{
    background-color: purple !important;
    
}

.radioFilter--content{
    margin-left: 10px !important;
}

.dataviz .leaflet-contour-departement-pane > svg path.leaflet-interactive {
//.dataviz .leaflet-pane > svg path.leaflet-interactive {
    fill : none;
    stroke: red;
    pointer-events: none;
}



//--------------------------------------------------------------------------------------------------------------------
// SMTC 
//-------------------------------------------------------------------------------------------------------------------- 
--smtc-font-text : "Poppins", Arial, serif;
--smtc-color--primary : #4bacc6;

.content-title {//[href*="97"] {
    color : var(--smtc-color--primary);
    font-weight: bold;
    font-family: var(--smtc-font-text);
    text-align: center;
}
.content-titles::after {
        display: none;
}

.node.node--page.node--97 {
    font-family: var(--smtc-font-text);
    h2 {
        font-family: var(--smtc-font-text);
        color : var(--smtc-color--primary);
        font-size: 1.8em;
        font-weight: bold;
        border-bottom: solid 3px var(--smtc-color--primary);
    }
    .dataviz {
        .nav-menu {
            display: none;
        }
        .dataviz-header {
            background: none;
            font-size: 1.4em;
            border-bottom: solid 2px var(--smtc-color--primary);
            border-radius: 0;
            .title--dataviz { 
                color : var(--smtc-color--primary); 
                .unit {
                    font-size: 0.85em;
                    font-style: italic;
                }
            }
        }
        .axis.label {
                fill : #656A6E
        }
        .legend {
            .legend-text {
                fill : #656A6E
            }
        }
        .source {
            fill : #656A6E}
    }
    .keynumber.keynumberBarometre.style1 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-align: center;
        height: 100%;
        color : white;
        margin : 10px;
        strong {
            font-family: var(--smtc-font-text);
            font-size: 2em;
            font-weight: bold;
        }
        p {
            margin : 0;
        }
    }
}


//Tentative de mettre une image dans icon radioButton
/*.p-radiobutton-icon {
  background-image: url('https://www.svgrepo.com/show/533810/chef-man-cap.svg')!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  
}*/

/*.main-banner {
    .banner-content {
        color: #fff;
        font-size: 2em;
        font-weight: bold;
        
        span {
            display: block;
            font-size: 1rem;
            font-weight: normal;
        }
    }
}


//--------------------------------------------------------------------------------------------------------------------
// FONT 
//-------------------------------------------------------------------------------------------------------------------- 
$font-text--regular : "Montserrat", Arial, serif;
$font-text--medium : "Montserrat", Arial, serif;
$font-text--bold : "Montserrat", Arial, serif;
$font-text--black : "Montserrat", Arial, serif;
$font-form : "Montserrat", Arial, sans-serif;
$font-dataviz : "Montserrat", Arial, sans-serif;

//--------------------------------------------------------------------------------------------------------------------
// COLOR 
//-------------------------------------------------------------------------------------------------------------------- 
$color--secondary : #E5F3F3;
$color--orange : #FFBE00;
$color--text : #656A6E;
$color--warning : #ff9955;
//---------------------------------------------------------------------------------------------------------------------------------------------
//
// SCANLIB
//
//---------------------------------------------------------------------------------------------------------------------------------------------

//--------------------------------------------------------------------------------------------------------------------  
// Leaflet 
//--------------------------------------------------------------------------------------------------------------------

.leaflet-control-layers-toggle { background-image: url(/sites/oreges-ligair-odace/files/img/layers.png);}

.leaflet-sidebar {z-index : 20;}

.leaflet-top, .leaflet-left {z-index : 20;}

.leaflet-top, .leaflet-right {z-index : 20;}

.leaflet-control-layers label {
    font-family: $font-text--regular;
}

.node-body a:not(.btn) {text-decoration: none; }

//--------------------------------------------------------------------------------------------------------------------
// SCAN
//--------------------------------------------------------------------------------------------------------------------

.dataviz .child--header h1 {
    font-family: $font-text--bold;
}

.dataviz .dataviz-header {
    margin-bottom : 0px;
}
.dataviz-form {
   margin-top : 5px;    
}
// INTRO
//---------------------
.dataviz-intro {
    margin-bottom: 10px;
}

// FORMULAIRE
//---------------------
.dataviz .dropdownFilter.buttonFilter {
    font-family: $font-form;
    display : flex;
    align-items: center;
    margin: 0 0 0.4em;
    label {
        font-family: $font-form;
        margin-bottom: 0;
        margin-right: 0.5em;
    }
    select {
        background: $color--secondary;
        border-radius: 5px;
        padding: 5px;
        border: 1px solid $color--primary;
        color : $color--primary;
        font-weight: bold;
    }
}

.dataviz .buttonFilter select, .dataviz .radioFilter label, .dataviz .radioFilter input {
    cursor : pointer;
}

.dataviz .radioFilter.buttonFilter, .dataviz .radioRepresentation.radioFilter {
    font-family: $font-form;
    display : flex;
    accent-color: $color--primary;
    margin: 0 0 0.4em;
    label {
        font-family: $font-form;
        padding: 0 2px 0 5px;
    }
    label.selected {
        color : $color--primary;
        font-weight: bold;
    }
    b {
        font-family: $font-form;
        margin-bottom: 0;
        margin-right: 0.5em;
        
    }
}

.dataviz-form .switchCenter {
    display: flex ;
    font-family: $font-form;
    .switch {
        margin-left : 5px;
    }
}

// DATAVIZ
//---------------------
.dataviz .text-legend {
    font-family: $font-dataviz;
    fill : #656A6E;
}

.dataviz .labels {
    font-family: $font-dataviz;
    fill : #656A6E;
}

.dataviz .axis.xaxis.label {
    font-family: $font-dataviz;
    fill : #656A6E;
}
.dataviz .stagger-label {
    font-family: $font-dataviz;
    fill : #656A6E;
    font-weight: bold;
}

.dataviz .axis--name, .dataviz text.axis.yaxis {
    font-family: $font-dataviz;
    fill : #656A6E;
    font-weight: bold;
}

// PLOTBAR
.dataviz .scan--bar .bar_label {
    font-family: $font-text--bold;
}
.dataviz .scan--bar .grouped-label {
    font-family: $font-text--bold;
    fill : $color--text
}

.dataviz .tick{
    fill : $color--text
}

// PIE
.dataviz .scan--pie .labels strong  {
    font-family: $font-text--bold;
    fill : $color--primary
}


//Pyramid
.pyramid--label {
    font-family: $font-text--regular;
    font-size : 0.95em;
    fill : $color--text;
    color : $color--text;
}

// MapSimple
.dataviz-content .mapLegend {
    font-family: $font-text--regular;
    fill : $color--text;
    color : $color--text;
}

.dataviz .mapLabelsVal {
    font-family: $font-text--bold;
    fill : #ffffff;
}

.dataviz .source {
    font-family: $font-dataviz;
    font-style: italic;
    fill : #656A6E;
}

.dataviz .pie--tooltip, .dataviz .heatmap--tooltip {
    color: $color--text;
    font-family: $font-text--regular;
    background : #fff;
    opacity : 0.8;
    border : 1px solid $color--primary;
    border-radius: 5px;
    padding : 4px;
    p {
        margin : 0 0 5px;
    }
    div {
        display : flex;
    }
}

.scan.vertBar--tooltip {
    background: $color--secondary;
    color: $color--text;
    font-weight: bold;
    border: 1px solid $color--primary;
    font-size : 1em;
    font-family: $font-text--regular;
    .tooltip--content {
        font-weight: normal;
        color: $font-text--regular;
        border-color: #ffffff;
        font-size : 14px;
    }
    .isActive td {
        font-weight: bold;
        color : $color--primary;
        background: $color--secondary;
    }
    table tbody td {
        border : none;
    }
}

.tooltip-line {
    color : $color--primary;
}

.dataviz .map--tooltip {
    background: $color--secondary;
    color: $color--text;
    font-weight: bold;
    border: 1px solid $color--primary;
    font-size : 1em;
    font-family: $font-text--regular;
    b {
        font-family: $font-text--bold;
    };
}

.dataviz-tab .ui-accordion-header {
    background: $color--secondary;
    border : none;
    color : $color--primary;
}

.dataviz-tab .ui-accordion-content {
    padding : 0;
}


.mapflow--tooltip {
    background: $color--secondary;
    color : $color--primary;
    //opacity: 0.8;
    border-width : 1px;
    border-style : solid;
    border-radius : 1px;
    font-size : 14px;
    font-family: $font-text--regular;
}


// Style des valeurs non représentative
.dataviz .pie--tooltip.not-representative {
    color : $color--warning;
    font-style: italic;
}

.dataviz .heatmap--tooltip.not-representative {
    color : $color--warning;
    font-style: italic;
}

.not-representative {
    color : $color--warning;
    fill : $color--warning;
    font-style: italic;
}
.dataviz-footer .not-representative {
    font-size : 0.8em;
}

.dataviz .text-legend.not-representative {
    fill : $color--warning;
}

// Button in intro
.dataviz .button--text {
    position : relative;
    color : $color--primary;
    background: $color--secondary;
    padding : 4px;
    border-radius: 5px;
    border: 1px solid $color--primary;
    white-space: pre;
    cursor: pointer;
}
.dataviz .button--text .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 1s;
    height: 50px;
    white-space: break-spaces;
}

.dataviz .button--text .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.dataviz .button--text:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

// TABULATOR
//------------------------------------------------------------------
.dataviz-tab .tabulator .tabulator-header {
    background-color: $color--secondary;
    color : $color--primary;
}
.dataviz-tab .tabulator .tabulator-headers .tabulator-col {
    background: none;
}
.dataviz-tab .tabulator-col-title {
    text-align: center;
    font-size: 12px;
}
.dataviz-tab .tabulator .tabulator-row.tabulator-selectable:hover {
  background-color: #589a8b66;
  cursor: pointer;
}

.dataviz-tab .tabulator .tabulator-tableHolder .tabulator-table {
    color: $color--text;
    font-family: $font-text--regular;
}
.dataviz-tab .tabulator .tabulator-tableHolder .tabulator-table .icon {
    padding-right: 5px;
}

.dataviz-tab .tabulator .tabulator-cell {
    font-size : 0.95em;
}

.dataviz-tab .tabulator .verticalCenterCell .tabulator-col-content {
    top: 50%;
    transform: translateY(-50%);
}

.dataviz-tab .tabulator .tabulator-row.tabulator-group {
    box-sizing: border-box;
    border-bottom: 1px solid $color--primary;
    background:$color--secondary;
    color:$color--primary;
}

.dataviz-tab .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    white-space: break-spaces;
}

.dataviz-tab .tabulator-edit-select-list-item {
    font-family: $font-text--regular;
    color : $color--text;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item
{
    font-family: $font-text--regular;
    color : $color--text;
}

.dataviz-tab .tabulator-tableHolder {
    background: $color--secondary;
}
.dataviz-tab .tabulator .tabulator-cell {
    color : $color--text;
    font-family: $font-text--regular;
}

.dataviz .after {
    font-family: $font-dataviz;
}

*/