/**
 * @license Highcharts
 *
 * (c) 2009-2022 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */

 :root,
 .highcharts-light {
     /* Colors for data series and points */
     --highcharts-color-0: #790007;
     /* --highcharts-color-1: #544fc5; */
     --highcharts-color-2: #ec1d23;
     /* --highcharts-color-3: #fe6a35;
     --highcharts-color-4: #6b8abc;
     --highcharts-color-5: #d568fb;
     --highcharts-color-6: #2ee0ca;
     --highcharts-color-7: #fa4b42;
     --highcharts-color-8: #feb56a;
     --highcharts-color-9: #91e8e1; */
 
     /* Chart background, point stroke for markers and columns etc */
     --highcharts-background-color: #ffffff;
 
     /*
     Neutral colors, grayscale by default. The default colors are defined by
     mixing the background-color with neutral, with a weight corresponding to
     the number in the name.
 
     https://www.highcharts.com/samples/highcharts/css/palette-helper
     */
 
     /* Strong text. */
     --highcharts-neutral-color-100: #000000;
 
     /* Main text, axis labels and some strokes. */
     --highcharts-neutral-color-80: #333333;
 
     /* Axis title, connector fallback. */
     --highcharts-neutral-color-60: #666666;
 
     /* Credits text, export menu stroke. */
     --highcharts-neutral-color-40: #999999;
 
     /* Disabled texts, button strokes, crosshair etc. */
     --highcharts-neutral-color-20: #cccccc;
 
     /* Grid lines etc. */
     --highcharts-neutral-color-10: #e6e6e6;
 
     /* Minor grid lines etc. */
     --highcharts-neutral-color-5: #f2f2f2;
 
     /* Tooltip backgroud, button fills, map null points. */
     --highcharts-neutral-color-3: #f7f7f7;
 
     /*
     Highlights, shades of blue by default
     */
 
     /* Drilldown clickable labels, color axis max color. */
     --highcharts-highlight-color-100: #0022ff;
 
     /* Selection marker, menu hover, button hover, chart border, navigator
     series. */
     --highcharts-highlight-color-80: #334eff;
 
     /* Navigator mask fill. */
     --highcharts-highlight-color-60: #667aff;
 
     /* Ticks and axis line. */
     --highcharts-highlight-color-20: #ccd3ff;
 
     /* Pressed button, color axis min color. */
     --highcharts-highlight-color-10: #e6e9ff;
 
     /* Indicators */
     --highcharts-positive-color: #06b535;
     --highcharts-negative-color: #f21313;
 
     /* Transparent colors for annotations */
     --highcharts-annotation-color-0: rgba(130, 170, 255, 0.4);
     --highcharts-annotation-color-1: rgba(139, 191, 216, 0.4);
     --highcharts-annotation-color-2: rgba(150, 216, 192, 0.4);
     --highcharts-annotation-color-3: rgba(156, 229, 161, 0.4);
     --highcharts-annotation-color-4: rgba(162, 241, 130, 0.4);
     --highcharts-annotation-color-5: rgba(169, 255, 101, 0.4);
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
         /* UI colors */
         --highcharts-background-color: rgb(48, 48, 48);
 
         /*
             Neutral color variations
             https://www.highcharts.com/samples/highcharts/css/palette-helper
         */
         --highcharts-neutral-color-100: rgb(255, 255, 255);
         --highcharts-neutral-color-80: rgb(214, 214, 214);
         --highcharts-neutral-color-60: rgb(173, 173, 173);
         --highcharts-neutral-color-40: rgb(133, 133, 133);
         --highcharts-neutral-color-20: rgb(92, 92, 92);
         --highcharts-neutral-color-10: rgb(71, 71, 71);
         --highcharts-neutral-color-5: rgb(61, 61, 61);
         --highcharts-neutral-color-3: rgb(57, 57, 57);
 
         /* Highlight color variations */
         --highcharts-highlight-color-100: rgb(122, 167, 255);
         --highcharts-highlight-color-80: rgb(108, 144, 214);
         --highcharts-highlight-color-60: rgb(94, 121, 173);
         --highcharts-highlight-color-20: rgb(65, 74, 92);
         --highcharts-highlight-color-10: rgb(58, 63, 71);
     }
 }
 
 .highcharts-dark {
     /* UI colors */
     --highcharts-background-color: rgb(48, 48, 48);
 
     /* Neutral color variations */
     --highcharts-neutral-color-100: rgb(255, 255, 255);
     --highcharts-neutral-color-80: rgb(214, 214, 214);
     --highcharts-neutral-color-60: rgb(173, 173, 173);
     --highcharts-neutral-color-40: rgb(133, 133, 133);
     --highcharts-neutral-color-20: rgb(92, 92, 92);
     --highcharts-neutral-color-10: rgb(71, 71, 71);
     --highcharts-neutral-color-5: rgb(61, 61, 61);
     --highcharts-neutral-color-3: rgb(57, 57, 57);
 
     /* Highlight color variations */
     --highcharts-highlight-color-100: rgb(122, 167, 255);
     --highcharts-highlight-color-80: rgb(108, 144, 214);
     --highcharts-highlight-color-60: rgb(94, 121, 173);
     --highcharts-highlight-color-20: rgb(65, 74, 92);
     --highcharts-highlight-color-10: rgb(58, 63, 71);
 }
 
 .highcharts-container {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     text-align: left;
     line-height: normal;
     z-index: 0; /* #1072 */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     font-size: 1rem;
     user-select: none;
     touch-action: manipulation;
     outline: none;
 }
 
 .highcharts-no-touch-action {
     touch-action: none;
 }
 
 .highcharts-root {
     display: block;
 }
 
 .highcharts-root text {
     stroke-width: 0;
    
 }
 
 .highcharts-strong {
     font-weight: bold;
 }
 
 .highcharts-emphasized {
     font-style: italic;
 }
 
 .highcharts-anchor {
     cursor: pointer;
 }
 
 .highcharts-label-box {
    stroke: #ccc;
    stroke-width: 1;
 }
 
/* .highcharts-label text {
     color: #333 !important;
    fill: #333 !important;
 }*/
 g.highcharts-label.highcharts-range-input text {
    color: #333 !important;
    fill: #333 !important;
}
 .highcharts-tracker-line {
     stroke-linejoin: round;
     stroke: rgba(192, 192, 192, 0.0001);
     stroke-width: 22;
     fill: none;
 }
 
 .highcharts-tracker-area {
     fill: rgba(192, 192, 192, 0.0001);
     stroke-width: 0;
 }
 
 /* Titles */
 .highcharts-title {
     fill: var(--highcharts-neutral-color-80);
     font-size: 1.2em;
     font-weight: bold;
 }
 
 .highcharts-subtitle {
     fill: var(--highcharts-neutral-color-60);
     font-size: 1em;
 }
 
 /* Axes */
 .highcharts-axis-line {
     fill: none;
     stroke: var(--highcharts-neutral-color-80);
 }
 
 .highcharts-yaxis .highcharts-axis-line {
     stroke-width: 0;
 }
 
 .highcharts-xaxis-grid .highcharts-grid-line {
     stroke-width: 0;
 }
 
 .highcharts-tick {
     stroke: var(--highcharts-neutral-color-80);
 }
 
 .highcharts-yaxis .highcharts-tick {
     stroke-width: 0;
 }
 
 .highcharts-minor-grid-line {
     stroke: var(--highcharts-neutral-color-5);
 }
 
 .highcharts-crosshair-thin {
     stroke-width: 1px;
     stroke: var(--highcharts-neutral-color-20);
 }
 
 .highcharts-crosshair-category {
     stroke: var(--highcharts-highlight-color-20);
     stroke-opacity: 0.25;
 }
 
 /* Credits */
 .highcharts-credits {
     cursor: pointer;
     fill: var(--highcharts-neutral-color-40);
     font-size: 0.6em;
     transition: fill 250ms, font-size 250ms;
 }
 
 .highcharts-credits:hover {
     fill: var(--highcharts-neutral-color-100);
     font-size: 0.7em;
 }
 
 /* Tooltip */
 .highcharts-tooltip {
     cursor: default;
     pointer-events: none;
     white-space: nowrap;
     transition: stroke 150ms;
     color: var(--highcharts-neutral-color-3);
 }
 
 .highcharts-tooltip .highcharts-tracker {
     fill: none;
     stroke: none;
 }
 
 .highcharts-tooltip text {
     fill: var(--highcharts-neutral-color-3);
     font-size: 1em;
 }
 
 .highcharts-tooltip .highcharts-header {
     font-size: 1em;
 }
 
 .highcharts-tooltip-box {
     stroke-width: 1px;
     fill: var(--highcharts-background-color);
 }
 
 .highcharts-tooltip-box {
     stroke-width: 0;
     fill: var(--highcharts-background-color);
 }
 
 .highcharts-tooltip-box .highcharts-label-box {
     fill: var(--highcharts-background-color);
 }
 
 div.highcharts-tooltip {
     filter: none;
     font-size: 1em;
 }
 
.highcharts-axis-labels{
    font-size: 11px;
}
 
.highcharts-navigator-xaxis.highcharts-axis-labels{
    fill: var(--highcharts-neutral-color-100);
    font-size: 11px;
}
 
tspan.highcharts-text-outline {
    fill: none;
    stroke: unset;
}

g.highcharts-axis-labels.highcharts-xaxis-labels text {
    font-size: 11px !important;
}

.highcharts-button text {
    font-size: 11px !important;
}

.highcharts-label.highcharts-range-label text {
    font-size: 11px !important;
}