/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2026 | 13:40:42 */
:root {
    --primary: #5E7C7C;
    --primary-light: #EDF3F3;
    --primary-hover: #7A9595;
    --border: #DCE4E4;
    --text: #181E35;
    --text-light: #334040;
    --white: #FFFFFF;

    --highcharts-neutral-color-40: transparent !important;
    --highcharts-neutral-color-5: #FFFFFF !important;
}

.highcharts-background {
    fill: #FFFFFF !important;
}

/* Axes et labels */
.highcharts-xaxis-labels text,
.highcharts-xaxis-labels span,
.highcharts-yaxis-labels text,
.highcharts-yaxis-labels span,
.highcharts-axis-labels text,
.highcharts-axis-labels span {
    fill: #181E35 !important;
    color: #181E35 !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
    text-shadow: none !important;
    paint-order: normal !important;
    font-weight: 500 !important;
}

.highcharts-axis-line,
.highcharts-tick {
    stroke: #181E35 !important;
    stroke-width: 1px !important;
}

.highcharts-plot-border,
.highcharts-plot-background {
    stroke: transparent !important;
    stroke-width: 0 !important;
}

.highcharts-grid-line {
    stroke: #EDF3F3 !important;
    stroke-width: 1px !important;
}

/* Navigator Highcharts */
.highcharts-navigator-mask-inside {
    fill: rgba(94,124,124,0.15) !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
}

.highcharts-navigator-mask-outside {
    fill: rgba(0,0,0,0) !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
}

.highcharts-navigator-outline,
.highcharts-navigator path.highcharts-navigator-outline {
    stroke: transparent !important;
    stroke-width: 0 !important;
    fill: none !important;
}

.highcharts-navigator-handle,
.highcharts-navigator path.highcharts-navigator-handle,
.highcharts-navigator-handle-left,
.highcharts-navigator-handle-right {
    stroke: transparent !important;
    stroke-width: 0 !important;
    fill: #FFFFFF !important;
}

/* Supprime les traits internes des poignées */
.highcharts-navigator-handle path,
.highcharts-navigator-handle-left path,
.highcharts-navigator-handle-right path {
    stroke: transparent !important;
    stroke-width: 0 !important;
}

/* Années / labels du navigator sans contours */
.highcharts-navigator-xaxis text,
.highcharts-navigator-xaxis tspan,
.highcharts-navigator-xaxis .highcharts-axis-labels text,
.highcharts-navigator-xaxis .highcharts-axis-labels span {
    fill: #181E35 !important;
    color: #181E35 !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
    text-shadow: none !important;
    paint-order: normal !important;
    font-weight: 500 !important;
}

/* Cas où Highcharts applique directement le stroke en attribut SVG */
.highcharts-navigator [stroke],
.highcharts-navigator-outline[stroke],
.highcharts-navigator-handle[stroke] {
    stroke: transparent !important;
    stroke-width: 0 !important;
}

/* Tooltip Highcharts */
.highcharts-tooltip-box {
    fill: #FFFFFF !important;
    stroke: #DCE4E4 !important;
    stroke-width: 1px !important;
}

.highcharts-tooltip text,
.highcharts-tooltip span,
.highcharts-tooltip tspan {
    fill: #181E35 !important;
    color: #181E35 !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
    text-shadow: none !important;
    paint-order: normal !important;
    font-weight: 600 !important;
}

.highcharts-tooltip {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.08));
}

.highcharts-tooltip > span {
    background: #FFFFFF !important;
    border: 1px solid #DCE4E4 !important;
    border-radius: 10px !important;
    color: #181E35 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
}

.highcharts-label-box {
    fill: #FFFFFF !important;
    stroke: #DCE4E4 !important;
}

/* Inputs et boutons */
.hasDatepicker {
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 10px !important;
    padding: 5px 10px !important;
    font-size: 12px;
    text-align: center;
    max-width: 100px;
    background: #fff;
}

.zoom-button {
    color: var(--text) !important;
    border: 1px solid var(--border);
    border-radius: 10px !important;
    padding: 5px 10px !important;
    font-size: 12px;
    background-color: var(--primary-light) !important;
    transition: all .2s ease;
}

.zoom-button:hover,
.zoom-button.selected {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.gstm-gridder-style-one .gridder-show .gstm-details > div i,
.gstm-gridder-style-one .gridder-show .gstm-details > div svg {
    color: var(--primary) !important;
}

/* Tableaux */
tr:nth-child(even),
tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.tableheader {
    background-color: #FFFFFF !important;
}

.tableperf,
.column-period,
.column-isin1,
.column-isin2,
.column-difference {
    border: 0;
    padding: 8px;
}

.column-isin1 {
    width: 40%;
    font-size: 18px;
    text-align: center !important;
}

.column-isin1,
.column-isin2,
.column-difference,
.column-period {
    border-bottom: 1px solid var(--border);
}

.column-period {
    text-transform: uppercase;
    color: var(--text-light);
    font-weight: 600;
}

.column-difference {
    background-color: #FFFFFF !important;
}

/* Cookie banner */
.cky-consent-container .cky-consent-bar {
    display: none !important;
}

/* Bouton historique */
.dlhisto {
    background-color: var(--primary);
    padding: 10px 20px;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    border-radius: 8px;
    display: inline-block;
    transition: all .2s ease;
}

.dlhisto:hover {
    background-color: var(--primary-hover);
    color: #FFFFFF !important;
}