@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');

:root,
.highcharts-light {
    /* Colors for data series and points */
    --highcharts-color-0: #2caffe;
    --highcharts-color-1: #544fc5;
    --highcharts-color-2: #00e272;
    --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;
}

@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);
}

.graf {
    width: 100%;
    height: 690px; 
    margin: 0 auto;
    float: left;
    margin-bottom: 25px;
}
.graf {
    -webkit-box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
}

.Economy {
  width: 100%;
  height: 69px;
  margin: 0 auto;
  float: left;
  margin-bottom: 25px;
  background-color: #f3f3f3;
}
.Economy {
  -webkit-box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
  box-shadow: 1px 8px 16px 2px rgba(0,0,0,0.3);
}
.Economyres {
  display: flex;
  justify-content: center;
}
p.Economyres{
  margin-top: 0;
  margin-bottom: 0;
  /* font-size: 1.8rem; */
}
.row#resultContainer {
  align-content: center;
}
#Economy .d-flex {
  display: flex!important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

#container520.graf {
  height: 850px;
}
#container1016.graf {
  height: 850px;
}
#container1019.graf {
  height: 850px;
}
#container1020.graf {
  height: 850px;
}
#container2030.graf {
  height: 850px;
}
#container2050.graf {
  height: 850px;
}
#container666.graf {
  height: 850px;
}
#container777.graf {
  height: 950px;
}
.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    /* max-width: 800px; */
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

#container370.graf {
  height: 800px;
}
#container370 h4 {
  font-size: 18px !important;
}

#container2010 {
  height: 780px;
}


path.highcharts-grid-line {
    stroke: #DCDCDC !important;
    /*e6e6e6*/
}

.highcharts-menu-item:hover {
  background: var(--highcharts-highlight-color-20) !important;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 0px !important;
}

.highcharts-background {
  fill: #f3f3f3;
}

.highcharts-title {
  /* font-family: "Unica One", sans-serif; */
  font-size: 16px;
  /* font-weight: bold; */
  color: #000000;
}
/* .highcharts-subtitle {
  font-family: "Unica One", sans-serif !important;
  font-size: 0.8em;
}
.highcharts-axis-labels {
  font-family: "Unica One", sans-serif !important;
  font-size: 5px;
  color: #000000;
}
.highcharts-axis-title {
  font-family: "Unica One", sans-serif !important;
  font-size: 5px;
  color: #000000;
}*/
.highcharts-legend {
  font-family: "Unica One", sans-serif !important;
  font-size: 1rem;
  color: #000000;
  font-weight: bold;
}
.highcharts-data-labels {
  font-family: "Unica One", sans-serif !important;
  font-size: 1rem;
  color: #000000;
}
#container2011 .highcharts-data-labels {
  font-family: "Unica One", sans-serif !important;
  font-size: 1rem;
  color: #000000;
}
#container2010 .highcharts-data-labels {
  font-family: "Unica One", sans-serif !important;
  font-size: 1rem;
  color: #000000;
}

#container1 .highcharts-axis-labels { 
  fill: #000000 !important;
  color: #000000 !important;
  stroke: #000000;
  font-size: .9rem;
  font-family: "Unica One", sans-serif !important;
}
.highcharts-axis-labels { 
  fill: #000000 !important;
  color: #000000 !important;
  stroke: #000000;
  font-size: 0.9em;
  font-family: "Unica One", sans-serif !important;
}
.highcharts-tooltip text {
  font-family: "Unica One", sans-serif;
  font-size: .9rem !important;
  color: #000000;
}


/*.highcharts-color-0 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-1 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-2 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-3 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-4 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-5 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/
/*.highcharts-color-6 {*/
/*  font-family: "Unica One", sans-serif;*/
/*}*/

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-tooltip table th {
    padding-bottom: 0.2em;
    border-bottom: 1px solid silver;
}

/* @media screen and (max-width: 825px) {
    div.highcharts-contextmenu  {
		padding: 0 !important;
		width: 170px !important;
		position: fixed !important;
        right: 10px !important;
        top: 170px !important;
    }
} */

rect.highcharts-button-box {
  background: #61A6D1;
  color: white;
  transition: all 0.3s ease;
}