@import url("../highcharts-2.html");

.highcharts-container {
    height: 400px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.highcharts-double-container {
    height: 800px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    width: 90%;
}

.highcharts-title {
    fill: #5DC5EA;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 22px;
    font-family: "Nunito";
}

.highcharts-subtitle {
    font-family: "Nunito", monospace;
    font-style: normal;
    font-size: 14px;
    fill: #00CE7C;
}

.highcharts-caption {
    font-family: "Nunito", monospace;
    font-style: normal;
    font-size: 12px;
    fill: #00CE7C;
}

.highcharts-axis-title {
    font-family: "Nunito", monospace;
    font-style: normal;
    font-size: 13px;
    fill: #00CE7C;
}

.highcharts-axis-labels {
    font-family: "Nunito", monospace;
    font-size: 12px;
    fill: #000000;
}

.highcharts-label>text {
    font-family: "Nunito";
}

.highcharts-background {
    fill: #FFFFFF;
}

g.highcharts-area-series {
    opacity: 0.6;
}

.highcharts-color-1 {
    fill: #F18915;
    border: 0px;
}

.highcharts-color-0 {
    fill: #149DDE;
    border: 0px;
}

.highcharts-color-2 {
    fill: #BBDD30;
    border: 0px;
}

:root {
    --highcharts-color-1: #F18915;
    --highcharts-color-0: #149DDE;
    --highcharts-color-2: #BBDD30;
}

.highcharts-data-label {
    font-weight: italic;
    font-family: "Nunito", monospace;
}

.highcharts-point {
    color: #000000;
    border: 3px;
    stroke-width: 0px;
}

.highcharts-legend-item {
    font-family: "Nunito";
    font-color: #000000;
}

.highcharts-lollipop-stem {
    stroke-width: 2px;
    stroke: var(--highcharts-color-2);
}

.highcharts-lollipop-high {
    fill: #f18915;
}

.highcharts-lollipop-low {
    fill: var(--highcharts-color-0);
}

.highcharts-legend-item>text {
    fill: unset;
    font-size: 10px;
}

.highcharts-data-label text {
    fill: unset;
    font-size: 10px;
}

.highcharts-grid-line {
    opacity: 0.2;
}

.highcharts-menu-item {
    margin: 1px 1px 1px 1px!important;
    font-size: .8em!important;
    line-height: normal!important;
    color: var(--highcharts-neutral-color-80)!important;
    padding: .5em!important;
    background: none!important;
}

#container1.highcharts-container .highcharts-menu-item::after {
   background: none!important;
}
 
#container2.highcharts-container .highcharts-menu-item::after {
   background: none!important;
} 

#container3.highcharts-container .highcharts-menu-item::after {
   background: none!important;
} 

#container4.highcharts-container .highcharts-menu-item::after {
   background: none!important;
} 

#container5.highcharts-container .highcharts-menu-item::after {
   background: none!important;
} 

#container6.highcharts-container .highcharts-menu-item::after {
   background: none!important;
} 

/*
#container1 li.highcharts-menu-item {
    background: none!important;
}
*/

.highcharts-menu {
    padding-top: 2px!important;
}

.highcharts-menu hr {
    margin: 10px!important;
    padding: 0.5em!important;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    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;
}

.highcharts-tooltip text {
    font-size: 14px;
}

.highcharts-tooltip .highcharts-header {
    font-size: 16px;
    font-weight: 500;
}

.highcharts-credits {
    font-family: "Nunito", monospace;
    font-style: normal;
    font-size: 14px;
    fill: #00CE7C;
}