/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./Styles/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.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-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  outline: 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-background {
  fill: #ffffff;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.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: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
  font-size: 1em;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

div.highcharts-tooltip {
  filter: none;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: #cccccc;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}

.highcharts-state-hover path {
  transition: stroke-width 50ms; /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms; /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}

.highcharts-color-1 {
  fill: #434348;
  stroke: #434348;
}

.highcharts-color-2 {
  fill: #90ed7d;
  stroke: #90ed7d;
}

.highcharts-color-3 {
  fill: #f7a35c;
  stroke: #f7a35c;
}

.highcharts-color-4 {
  fill: #8085e9;
  stroke: #8085e9;
}

.highcharts-color-5 {
  fill: #f15c80;
  stroke: #f15c80;
}

.highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354;
}

.highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f;
}

.highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b;
}

.highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-marker-hidden {
  opacity: 0;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text, text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-data-label-hidden {
  pointer-events: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-lollipop-stem {
  stroke: #000000;
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: #333333;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2; /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

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

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px; /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em; /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: #f21313;
  stroke: #f21313;
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: #06b535;
  stroke: #06b535;
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: transparent;
  stroke: #06b535;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highcharts Maps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
  stroke-width: inherit;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-mapview-inset-border {
  stroke: #cccccc;
  stroke-width: 1px;
  fill: none;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff; /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}

/* Breadcrumbs */
.highcharts-breadcrumbs-button {
  fill: none;
  stroke-width: 0;
  cursor: pointer;
}

.highcharts-breadcrumbs-separator {
  fill: #666666;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* A11y module */
.highcharts-a11y-proxy-button {
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  opacity: 0.001;
  z-index: 999;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
}

.highcharts-a11y-proxy-group li {
  list-style: none;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-invisible {
  visibility: hidden;
}

.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-before,
.highcharts-a11y-proxy-container-after {
  position: absolute;
  white-space: nowrap;
}

g.highcharts-series, .highcharts-markers, .highcharts-point {
  outline: none;
}

/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

.chart:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.chart:fullscreen {
  width: 100%;
  height: 100%;
}

.chart {
  width: 100%;
  float: left;
  height: 400px;
  position: relative;
}

.highcharts-draw-mode {
  cursor: crosshair;
}

.highcharts-bindings-wrapper * {
  box-sizing: content-box;
}

.highcharts-bindings-wrapper {
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0px;
}

.highcharts-stocktools-popup {
  width: 100%;
}

.highcharts-menu-wrapper {
  float: left;
  width: 40px;
  height: calc(100% - 50px);
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px;
}

.highcharts-bindings-wrapper .highcharts-submenu-wrapper {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  background: #fff;
  width: 40px;
}

.highcharts-bindings-wrapper .highcharts-arrow-wrapper {
  text-align: center;
  width: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.5em;
}

.highcharts-bindings-wrapper .highcharts-arrow-wrapper > div {
  cursor: pointer;
}

.highcharts-bindings-wrapper .highcharts-arrow-down {
  background-size: cover;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-up {
  background-size: cover;
  outline: none;
  display: inline-block;
  width: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-90deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-right {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.highcharts-bindings-wrapper .highcharts-arrow-left.highcharts-arrow-right {
  /* Safari */
  -webkit-transform: rotate(0deg);
  /* Firefox */
  -moz-transform: rotate(0deg);
  /* IE */
  -ms-transform: rotate(0deg);
  /* Opera */
  -o-transform: rotate(0deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(0deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-left {
  /* Safari */
  -webkit-transform: rotate(180deg);
  /* Firefox */
  -moz-transform: rotate(180deg);
  /* IE */
  -ms-transform: rotate(180deg);
  /* Opera */
  -o-transform: rotate(180deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.highcharts-bindings-wrapper ul {
  width: 40px;
  /* 30px spacing for arrows to scroll */
  margin: 0px;
  padding: 0px;
  float: left;
  transition: margin 250ms;
}

.highcharts-bindings-wrapper > ul {
  width: 40px;
  position: relative;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li {
  list-style: none;
  margin-bottom: 3px;
  padding: 0px;
  clear: both;
  width: 100%;
  height: 40px;
  cursor: pointer;
  position: relative;
  background-color: #f7f7f7;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn {
  cursor: default;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn > .highcharts-menu-item-btn {
  opacity: 0.5;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn.highcharts-active {
  background: #f7f7f7;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn .highcharts-menu-item-btn:hover {
  background-color: transparent;
}

.highcharts-bindings-wrapper li > span.highcharts-menu-item-btn {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px 32px;
}

.highcharts-submenu-wrapper li > span.highcharts-menu-item-btn {
  width: 40px;
}

.highcharts-bindings-wrapper li > span.highcharts-submenu-item-arrow {
  float: left;
  width: 10px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.highcharts-bindings-wrapper li.highcharts-separator {
  height: 15px;
  background-color: transparent;
  width: 36px;
  pointer-events: none;
}

.highcharts-bindings-wrapper li.highcharts-separator > span.highcharts-menu-item-btn {
  width: 100%;
}

.highcharts-bindings-wrapper li.highcharts-active > span.highcharts-menu-item-btn,
.highcharts-bindings-wrapper li > span.highcharts-menu-item-btn:hover,
.highcharts-bindings-wrapper .highcharts-arrow-wrapper > div:hover,
.highcharts-bindings-wrapper li.highcharts-active,
.highcharts-toggle-toolbar:hover {
  background-color: #e6ebf5;
  transition: background-color 100ms;
}

.highcharts-toggle-toolbar {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #f7f7f7;
  background-size: cover;
}

.highcharts-hide {
  display: none;
}

.highcharts-bindings-wrapper li:hover, .highcharts-submenu-item-arrow:hover {
  background-color: #e6ebf5;
}

.highcharts-bindings-wrapper .highcharts-arrow-down, .highcharts-bindings-wrapper .highcharts-arrow-up {
  width: 50%;
  height: 20px;
  float: left;
}

li.highcharts-disabled-btn:hover, .highcharts-disabled-btn .highcharts-submenu-item-arrow:hover {
  background-color: #f7f7f7;
}

.highcharts-popup.highcharts-annotation-toolbar {
  right: 10%;
  left: auto;
  height: 40px;
  overflow: hidden;
  padding-right: 40px;
  width: auto;
  min-width: 0;
}

.highcharts-popup.highcharts-annotation-toolbar button {
  margin-top: 0px;
}

.highcharts-popup.highcharts-annotation-toolbar > span {
  display: block;
  float: left;
  padding: 12px;
}

.highcharts-popup {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #666666;
  display: none;
  font-size: 0.876em;
  max-height: 90%;
  top: 5%;
  left: 15%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 75%;
  min-width: 300px;
  max-width: 600px;
  position: absolute;
  z-index: 100;
  box-shadow: 0px 0px 8px 0px rgba(61, 61, 61, 0.3);
}

.highcharts-popup div, .highcharts-popup span {
  box-sizing: border-box;
}

.highcharts-popup input, .highcharts-popup label, .highcharts-popup select {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.highcharts-popup input {
  border: 1px solid #e6e6e6;
  border-radius: 0.3rem;
  padding: 5px;
  width: 100%;
}

.highcharts-popup-lhs-col, .highcharts-popup-rhs-col {
  height: 100%;
  float: left;
  overflow-y: auto;
}

.highcharts-popup-lhs-col.highcharts-popup-lhs-full {
  width: 100%;
  overflow-x: hidden;
  height: calc(100% - 104px);
  border: none;
  padding: 20px;
  padding-bottom: 10px;
}

.highcharts-popup-lhs-col.highcharts-popup-lhs-full + .highcharts-popup-bottom-row {
  width: 100%;
}

.highcharts-popup-lhs-col {
  clear: both;
  width: 30%;
  border-right: 1px solid #e6e6e6;
}

.highcharts-popup-bottom-row {
  float: left;
  padding: 0px 20px;
  padding-bottom: 12px;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}

.highcharts-popup-rhs-col {
  width: 70%;
  height: calc(100% - 40px);
  padding: 20px;
}

.highcharts-popup-rhs-col-wrapper {
  width: 100%;
  overflow-x: hidden;
}

.highcharts-popup-rhs-col-wrapper h3 {
  margin-top: 0px;
  padding-bottom: 0px;
}

.highcharts-bindings-wrapper ul.highcharts-indicator-list,
.highcharts-indicator-list {
  float: left;
  color: #666666;
  height: calc(100% - 150px);
  width: 100%;
  overflow-x: hidden;
  margin: 0px;
  padding: 15px 0px;
}

.highcharts-indicator-list li {
  cursor: pointer;
  padding: 5px 20px;
  margin: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
  word-break: break-all;
  box-sizing: border-box;
}

.highcharts-indicator-list li:hover {
  background-color: #e6e6e6;
}

.highcharts-tab-item {
  background-color: #f7f7f7;
  cursor: pointer;
  display: block;
  float: left;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
}

.highcharts-tab-item.highcharts-tab-item-active {
  background-color: #e6e6e6;
}

.highcharts-tab-item-content {
  display: none;
  float: left;
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}

.highcharts-tab-item-show {
  display: block;
}

.highcharts-popup-close {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: 0%;
  right: 0%;
  color: #333333;
}

.highcharts-popup-close:hover,
.highcharts-popup button:hover,
.highcharts-popup button.highcharts-annotation-edit-button:hover,
.highcharts-popup button.highcharts-annotation-remove-button:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}

.highcharts-popup button {
  float: right;
  border: none;
  background: #f7f7f7;
  color: #666666;
  margin-left: 5px;
  margin-top: 12px;
}

.highcharts-popup button:first-child {
  margin-left: 0;
}

.highcharts-tab-disabled {
  color: #cccccc;
}

/* annotation edit small popup */
.highcharts-popup button.highcharts-annotation-edit-button,
.highcharts-popup button.highcharts-annotation-remove-button {
  width: 20px;
  height: 40px;
  padding: 20px;
}

.highcharts-popup button.highcharts-annotation-edit-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.highcharts-popup button.highcharts-annotation-remove-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.highcharts-popup .highcharts-annotation-title {
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}

.highcharts-popup .highcharts-popup-main-title {
  border-bottom: 1px solid #e6e6e6;
  margin: 0px;
  padding: 8px 0px 6px 20px;
}

.highcharts-indicator-title {
  float: left;
  padding-bottom: 15px;
}

.highcharts-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}

.highcharts-input-search-indicators-label {
  text-align: center;
  font-weight: bold;
  color: #000000;
  margin-top: 0.5rem;
}

input.highcharts-input-search-indicators {
  width: 80%;
  margin: 0 auto;
  float: none;
  border-color: #949494;
}

.highcharts-popup a.clear-filter-button {
  margin: 0 auto;
  display: none;
  color: #335cad;
  background-color: #fff;
  border: 1px solid #335cad;
  margin-top: 10px;
}

.highcharts-popup a.clear-filter-button:hover {
  color: #fff;
  background-color: #335cad;
  cursor: pointer;
}

.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/seballot/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-original-input-container {
  position: relative;
  display: inline-flex;
}

.sp-original-input-container input {
  margin: 0 !important;
}

.sp-original-input-container .sp-add-on {
  width: 40px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

input.spectrum.with-add-on {
  /*padding-left: 45px;*/
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.sp-original-input-container .sp-add-on .sp-colorize {
  height: 100%;
  width: 100%;
  border-radius: inherit;
}

.sp-colorize-container {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20px !important;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 100%;
  left: initial !important;
}

.sp-clear-enabled .sp-hue {
  top: 15%;
  height: 85%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 28px !important;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -3px;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  margin-right: 5px;
  left: -2px;
  right: 0;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -18px;
  right: 0;
  left: 0;
  height: 10px;
}

.sp-alpha-inner {
  border-radius: 4px;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  left: initial;
  height: 14px;
  width: 14px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}

.sp-val {
  border-radius: 4px;
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}

.sp-hue {
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 3px;
  margin-top: 3px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  left: -2px;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a;
  margin-top: 8px;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths)
*/
.sp-container {
  display: inline-flex;
  border-radius: 0;
  background-color: white;
  padding: 0;
  border-radius: 4px;
  color: black;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font-size: 12px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 10px;
}

.sp-color, .sp-hue, .sp-clear, .sp-val, .sp-sat {
  border-radius: 3px;
}

.sp-input-container {
  margin-top: -5px;
}

.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf {
  height: 25px;
}

.sp-picker-container .sp-cf {
  margin-bottom: 10px;
}

.sp-palette-row-initial > span:first-child {
  cursor: pointer;
}

/* Input */
.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  padding: 0px 5px !important;
  margin: 0;
  width: 100%;
  box-shadow: none !important;
  height: 100% !important;
  background: transparent;
  color: #3a3a3a;
  border-radius: 2px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center;
  font-family: monospace;
  font-size: inherit !important;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  position: relative;
  padding: 10px;
}

.sp-picker-container {
  width: 200px;
  padding-bottom: 0;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .spe-thumb-el.sp-thumb-active {
  border-radius: 0 5px 5px 0;
}

.sp-initial .spe-thumb-el {
  border-radius: 5px 0 0 5px;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-button-container {
  float: right;
}

.sp-palette-button-container {
  margin-top: 10px;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #aaa;
  color: #666;
  transition: border-color 0.3s;
  vertical-align: middle;
  width: 3rem;
  height: 1.5rem;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border: 1px solid #666;
  color: black;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  position: absolute;
  font-size: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 2px;
  line-height: 1.6rem;
  background-color: white;
}

.sp-preview {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 0;
}

.sp-preview-inner {
  transition: background-color 0.2s;
}

.sp-preview-inner.sp-clear-display {
  /*width: 20px;
  margin-left: 10px;
  margin-top: 2px;*/
  display: none;
}

/* Color Picker */
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 3px;
  border: none;
  border-radius: 3px;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  border-radius: 3px;
  border: none;
  background: transparent;
  line-height: 1;
  padding: 0 8px;
  height: 25px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #606c72;
  font-weight: bold;
}

.sp-container button.sp-choose {
  background-color: #3cab3b;
  color: #fff;
  margin-left: 5px;
}

.sp-container button:hover {
  opacity: 0.8;
}

.sp-container button.sp-palette-toggle {
  width: 100%;
  background-color: #f3f3f3;
  margin: 0;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  border-radius: 3px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/lato_1.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/lato_2.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato_3.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato_4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato_5.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato_6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/lato_7.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/lato_8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato_9.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato_10.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato_11.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato_12.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_1.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_2.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_3.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_5.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_6.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_7.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_9.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_10.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_11.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/trebuchet_12.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_13.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_14.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_15.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/trebuchet_16.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* You can add global styles to this file, and also import other style files */
html,
body {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  overflow: hidden;
}

body.cursor-n-resize {
  cursor: n-resize;
}

text {
  fill: #000;
}

path.candle {
  stroke: #000000;
}

path.candle.body {
  stroke-width: 0;
}

path.candle.up {
  fill: #00AA00;
  stroke: #00AA00;
}

path.candle.down {
  fill: #FF0000;
  stroke: #FF0000;
}

.highcharts-stocktools-wrapper {
  top: 24px;
  transition: all ease-in-out 0.5s;
  opacity: 1;
  left: 0;
  z-index: 30;
}
.highcharts-stocktools-wrapper .highchart-custom-toggle-toolbar {
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  opacity: 0.7;
  background-color: #f7f7f7;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/menu/drawingtools.png);
  top: 26px;
  left: 60px;
}
.highcharts-stocktools-wrapper .highchart-custom-toggle-toolbar:hover {
  background-color: #e6ebf5;
  transition: background-color 100ms;
}
.highcharts-stocktools-wrapper.show {
  left: 62px;
  opacity: 1;
}
.highcharts-stocktools-wrapper.show .highchart-custom-toggle-toolbar {
  opacity: 1;
  left: 50px;
  background-image: url(../img/pip-arrow-right.svg);
  transform: rotate(180deg);
}
.highcharts-stocktools-wrapper.show .highchart-custom-toggle-toolbar.level2 {
  left: 104px;
}
.highcharts-stocktools-wrapper.show .highcharts-menu-wrapper {
  overflow: hidden;
  overflow-y: auto;
}
.highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.highcharts-stocktools-wrapper.has-comparison {
  top: 44px;
}

.highcharts-toggle-toolbar {
  visibility: hidden;
}

.highcharts-exporting-group {
  opacity: 0;
}

.highcharts-menu-wrapper {
  top: 16px;
  width: 48px !important;
  padding: 0;
}
.highcharts-menu-wrapper.level2 {
  width: 92px !important;
}

.hidden {
  display: none !important;
}

.ov-hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

.visually-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}

:root {
  --main-symbol-bg-color: #32cd32;
}

.ti-chart {
  display: block;
  height: 100vh;
  overflow: hidden;
}
.ti-chart ::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 2px;
  height: 4px;
  display: block;
}
.ti-chart ::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.ti-chart ::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.ti-chart ::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 4px;
  display: block;
  border-radius: 4px;
}
.ti-chart .main-chart {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.ti-chart .main-chart.active .controls {
  visibility: visible;
  opacity: 1;
}
.ti-chart .main-chart.active .logo-wrapper {
  display: flex;
}
.ti-chart .main-chart.active .last-price-wrapper {
  visibility: visible;
  opacity: 1;
}
.ti-chart .main-chart {
  height: 100%;
}
.ti-chart .chart-container {
  width: 100%;
  height: 100%;
}
.ti-chart .chart-container .chart {
  width: calc(100% + 60px);
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  left: -60px;
}
.ti-chart.dark-theme .controls svg {
  --color-1: rgb(168, 168, 168);
}
.ti-chart.dark-theme .historical-chart-button .dark-img {
  display: block;
}
.ti-chart.dark-theme .historical-chart-button .light-img {
  display: none;
}

.highcharts-annotation-shapes path {
  fill: none;
}

.ti-chart.ti-pro-pnp {
  position: absolute;
  width: 320px;
  height: 320px;
  left: -320px;
  opacity: 0.7;
  overflow: visible;
  z-index: 99;
}
.ti-chart.ti-pro-pnp .menu-box {
  left: 4px;
  top: 4px;
  padding: 0;
  position: absolute;
  width: auto;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item {
  margin: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  outline: none;
  border: 1px solid transparent;
  width: 16px;
  height: 16px;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item::after {
  content: "";
  display: none;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time ul {
  left: 0;
  padding: 0;
  background: #fff;
  filter: drop-shadow(1px 1px 2px #000);
  height: 20px;
  display: none;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time ul li {
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #000;
  padding: 0 4px;
  line-height: 1.6;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time ul li.active {
  color: #000;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time ul li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time.active ul {
  display: flex;
}
.ti-chart.ti-pro-pnp .menu-box .menu-item.time.active ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}
.ti-chart.ti-pro-pnp.min-tf .menu-box .menu-item.time ul li[data-value="1"],
.ti-chart.ti-pro-pnp.min-tf .menu-box .menu-item.time ul li[data-value="2"],
.ti-chart.ti-pro-pnp.min-tf .menu-box .menu-item.time ul li[data-value="4"],
.ti-chart.ti-pro-pnp.min-tf .menu-box .menu-item.time ul li[data-value="5"],
.ti-chart.ti-pro-pnp.min-tf .menu-box .menu-item.time ul li[data-value="6"] {
  display: none !important;
}
.ti-chart.ti-pro-pnp .main-chart.active .highcharts-stocktools-wrapper {
  display: none !important;
}
.ti-chart.ti-pro-pnp .pnp-on-off-arrow {
  display: none;
}
.ti-chart.ti-pro-pnp .pnp-on-off-arrow .arrow {
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  opacity: 1;
  background-color: #f7f7f7;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/pip-arrow-right.svg);
  top: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 5;
}
.ti-chart.ti-pro-pnp .pnp-on-off-arrow .arrow:hover {
  background-color: #e6ebf5;
  transition: background-color 100ms;
}
.ti-chart.ti-pro-pnp .pnp-on-off-arrow .arrow.off {
  display: none;
  transform: rotate(180deg);
  right: -22px;
}
.ti-chart.ti-pro-pnp .pnp-on-off-arrow .arrow.on {
  display: block;
  right: -22px;
}
.ti-chart.ti-pro-pnp.right .pnp-on-off-arrow .arrow.off {
  transform: rotate(0deg);
  left: -22px;
  right: unset;
}
.ti-chart.ti-pro-pnp.right .pnp-on-off-arrow .arrow.on {
  right: 100%;
  transform: rotate(180deg);
}
.ti-chart.ti-pro-pnp .main-chart .controls {
  cursor: move;
  z-index: 100;
}
.ti-chart.ti-pro-pnp .main-chart.active .pnp-on-off-arrow {
  display: block;
}
.ti-chart.ti-pro-pnp.dragging .main-chart.active .pnp-on-off-arrow {
  display: none !important;
}
.ti-chart.ti-pro-pnp.show {
  left: 0;
  opacity: 0.95;
  filter: drop-shadow(0px 0px 2px #000);
}
.ti-chart.ti-pro-pnp.show .pnp-on-off-arrow .arrow.off {
  display: block;
}
.ti-chart.ti-pro-pnp.show .pnp-on-off-arrow .arrow.on {
  display: none;
}
.ti-chart.ti-pro-pnp .logo-wrapper .logo {
  font-size: 4vw;
  top: 3%;
  position: relative;
}
.ti-chart.ti-pro-pnp .logo-wrapper .ti-logo {
  display: none;
}
.ti-chart.ti-pro-pnp .logo-wrapper.small-2x .logo {
  font-size: 4vw;
}
.ti-chart.ti-pro-pnp .logo-wrapper.four-digits .logo {
  font-size: 4vw;
}
.ti-chart.ti-pro-pnp .logo-wrapper.four-digits.small-2x .logo {
  font-size: 4vw;
}
.ti-chart.ti-pro-pnp.small-logo .logo-wrapper .logo {
  font-size: 7vw;
}
.ti-chart.ti-pro-pnp.small-logo .logo-wrapper.small-2x .logo {
  font-size: 7vw;
}
.ti-chart.ti-pro-pnp.small-logo .logo-wrapper.four-digits .logo {
  font-size: 6vw;
}
.ti-chart.ti-pro-pnp.small-logo .logo-wrapper.four-digits.small-2x .logo {
  font-size: 6vw;
}
.ti-chart.ti-pro-pnp .chart-container .chart {
  width: 100%;
  left: 0;
}
.ti-chart.ti-pro-pnp .highchart-main-crosshair {
  visibility: hidden !important;
  opacity: 0 !important;
}
.ti-chart .pnp-switch {
  position: absolute;
  right: 16px;
  top: 0px;
  cursor: pointer;
}
.ti-chart .pnp-switch svg {
  color: #000;
  width: 32px;
  height: 32px;
}
.ti-chart.dark-theme.ti-pro-pnp .menu-box .menu-item {
  background: rgba(255, 255, 255, 0.1);
}
.ti-chart.dark-theme .pnp-switch svg {
  color: rgb(192, 192, 192);
}

.highcharts-container {
  font-family: "Lato", sans-serif;
}
.highcharts-container .highcharts-grid-line {
  stroke-dasharray: 3, 2;
  stroke: rgba(128, 128, 128, 0.15);
}
.highcharts-container .highcharts-grid-line.darker {
  stroke: rgba(128, 128, 128, 0.5);
}
.highcharts-container .highcharts-axis-labels .bold {
  font-weight: bold;
}
.highcharts-container .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.highcharts-container .highcharts-yaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.highcharts-container .highcharts-axis-resizer {
  stroke-width: 6;
  stroke: rgba(0, 0, 0, 0);
}
.highcharts-container .highcharts-xaxis .highcharts-axis-line, .highcharts-container .highcharts-xaxis .highcharts-tick {
  stroke: rgb(128, 128, 128);
}
.highcharts-container .highcharts-series-inactive {
  opacity: 1;
  transition: unset;
}
.highcharts-container .indicator-series.highcharts-spline-series .highcharts-point, .highcharts-container .indicator-series.highcharts-line-series .highcharts-point {
  display: none;
}
.highcharts-container .main-chart-series.highcharts-spline-series .highcharts-point:not(:first-child):not(.highcharts-point-hover), .highcharts-container .main-chart-series.highcharts-line-series .highcharts-point:not(:first-child):not(.highcharts-point-hover) {
  display: none;
}
.highcharts-container .highcharts-hlc-series .highcharts-point, .highcharts-container .highcharts-ohlc-series .highcharts-point {
  stroke-width: 1px;
}
.highcharts-container .highcharts-plot-line {
  stroke-width: 1px;
  stroke-dasharray: unset;
}
.highcharts-container .highcharts-plot-line.buy-plot-line {
  stroke: #37b34a;
  stroke-dasharray: 2, 3;
}
.highcharts-container .highcharts-plot-line.sell-plot-line {
  stroke: #ec2324;
  stroke-dasharray: 2, 3;
}
.highcharts-container .highcharts-plot-line.selected {
  stroke-width: 2px;
}
.highcharts-container .highcharts-column-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-container .highcharts-draw-mode .highcharts-plot-line {
  cursor: inherit !important;
}

.controls {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  left: 0;
  padding-top: 0px;
  padding-left: 2px;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.controls svg {
  --color-1: #2b2b2b;
}
.controls .logo-box {
  display: inline-block;
  float: left;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 40px;
  height: 40px;
}
.controls .logo-box img {
  position: relative;
  width: 40px;
  height: 40px;
}
.controls .menu-box {
  display: inline-block;
  float: left;
  padding-left: 10px;
  position: absolute;
  width: 1000px;
  left: 42px;
  top: 23px;
}
.controls .menu-box.pnl-box {
  top: -3px;
}
.controls .tools {
  display: inline-flex;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.controls .time,
.controls .chart-type,
.controls .indicator {
  margin-right: 6px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
}
.controls .time ul,
.controls .chart-type ul,
.controls .indicator ul {
  margin: 0;
  position: absolute;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 6px 8px;
  padding-top: 0;
  left: -28px;
  border-radius: 2px;
  top: 22px;
  display: none;
}
.controls .time ul li,
.controls .chart-type ul li,
.controls .indicator ul li {
  display: inline-block;
  width: 100%;
  text-align: right;
  color: #fff;
  text-shadow: 1px 0px #333;
  font-size: 12px;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.controls .time ul li.active, .controls .time ul li:hover,
.controls .chart-type ul li.active,
.controls .chart-type ul li:hover,
.controls .indicator ul li.active,
.controls .indicator ul li:hover {
  color: #00ff00;
}
.controls .time.active ul,
.controls .chart-type.active ul,
.controls .indicator.active ul {
  display: block;
}
.controls .chart-type {
  margin-right: 6px;
}
.controls .chart-type ul {
  padding-top: 6px;
  padding-bottom: 0;
  left: -10px;
  top: 22px;
}
.controls .chart-type ul li {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
}
.controls .chart-type ul li img {
  float: left;
  margin-right: 6px;
}
.controls .chart-type ul li span {
  float: left;
}
.controls .chart-type ul li.Area img, .controls .chart-type ul li.Line img, .controls .chart-type ul li.Bar img, .controls .chart-type ul li.HLC img, .controls .chart-type ul li.OHLC img {
  position: relative;
  left: 1.5px;
  margin-right: 10px;
}
.controls .indicator {
  left: 0;
}
.controls .indicator svg {
  position: relative;
  width: 16px;
  height: 16px;
}
.controls .indicator ul li {
  text-align: left;
}
.controls .indicator ul li span {
  white-space: nowrap;
}
.controls .status-bar {
  display: inline-block;
  position: absolute;
  top: 3px;
  padding-left: 12px;
  width: auto;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.controls .status-bar.active {
  visibility: visible;
  opacity: 1;
}
.controls .status-bar .value {
  border-radius: 2px;
  padding: 5px 6px;
  height: 12px;
  display: flex;
  flex-flow: row;
  white-space: nowrap;
}
.controls .status-bar .value .item {
  font-size: 10px;
  color: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 4px;
}
.controls .export {
  display: inline-flex;
  position: relative;
  pointer-events: none;
  align-self: flex-start;
  margin-left: auto;
  left: -12px;
}
.controls .menu-item .light-img,
.controls .menu-item .dark-img {
  position: relative;
  width: 16px;
}
.controls .menu-item .dark-img {
  display: none;
}
.controls .menu-item {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  display: inline-flex;
}
.controls .menu-item:after {
  position: absolute;
  display: inline-block;
  content: " ";
  height: 100%;
  width: 1px;
  background-color: #e8e8e8;
  top: 0;
  right: -6px;
}
.controls .menu-item.heart-status-button .selected-img {
  display: none;
  position: relative;
  width: 16px;
}
.controls .menu-item.heart-status-button.selected .light-img, .controls .menu-item.heart-status-button.selected .dark-img {
  display: none;
}
.controls .menu-item.heart-status-button.selected .selected-img {
  display: block;
}
.controls .comparison-box {
  display: none;
}
.controls .comparison-box .comparison-container {
  position: relative;
  margin-right: 6px;
  cursor: pointer;
  display: inline-flex;
}
.controls .comparison-box .comparison-container p {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
  margin-right: 4px;
}
.controls .comparison-box .anchor-container {
  position: relative;
  display: inline-flex;
}
.controls.has-comparisons .menu-box {
  top: 40px;
}
.controls.has-comparisons .menu-box.pnl-box {
  top: -3px;
}
.controls.has-comparisons .menu-box.comparison-box {
  top: 20px;
  display: inline-flex;
}

.ti-chart.dark-theme .menu-item .light-img {
  display: none;
}
.ti-chart.dark-theme .menu-item .dark-img {
  display: block;
}
.ti-chart.dark-theme .menu-item::after {
  background-color: #a8a8a8;
}

.tooltip {
  color: #fff;
  position: absolute;
  top: 80px;
  left: 8px;
  z-index: 5;
  font-size: 10px;
  padding: 2px;
  width: 140px;
  visibility: hidden;
  transition: left ease-in-out 0.5s;
}
.tooltip::before {
  background-color: #000;
  opacity: 0.75;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.tooltip.active {
  visibility: visible;
}
.tooltip.has-comparsion {
  top: 98px;
}
.tooltip.level1 {
  left: 52px;
}
.tooltip.level1.level2 {
  left: 96px;
}
.tooltip .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff0000;
  display: inline-block;
  margin-right: 4px;
}
.tooltip .bl {
  display: inline-block;
  width: 100%;
  position: relative;
}
.tooltip .indicators {
  display: inline-block;
  width: 100%;
  position: relative;
}
.tooltip .h {
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.tooltip .h .date {
  font-weight: 700;
}
.tooltip .h:after {
  content: " ";
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: #fff;
  left: 25%;
  bottom: 0;
}
.tooltip .v {
  width: 50%;
  display: inline-block;
  float: right;
  text-align: right;
}
.tooltip .lb {
  word-break: break-all;
  width: 50%;
  display: inline-block;
}
.tooltip .tooltip-container {
  position: relative;
  z-index: 2;
  max-height: 200px;
  overflow-y: auto;
  padding: 0 4px;
}
.tooltip .tooltip-container::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.tooltip .tooltip-container::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.tooltip .tooltip-container::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.tooltip .tooltip-container::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}

.last-price-wrapper {
  visibility: hidden;
  opacity: 0;
  background-color: var(--main-symbol-bg-color);
  width: 48px;
  height: 16px;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 20;
}
.last-price-wrapper.main-symbol-last-price {
  z-index: 99;
}
.last-price-wrapper.comparison-percentage {
  width: 62px;
}
.last-price-wrapper.comparison-percentage .last-price p {
  font-size: 9px;
  line-height: 1.8;
}
.last-price-wrapper .last-price {
  position: relative;
}
.last-price-wrapper .last-price:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  position: absolute;
  border-color: transparent var(--main-symbol-bg-color) transparent transparent;
  content: " ";
  left: -6px;
  top: 0px;
}
.last-price-wrapper .last-price p {
  cursor: default;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  line-height: 1.4;
  white-space: nowrap;
}
.last-price-wrapper.normal {
  background-color: rgb(128, 128, 128);
}
.last-price-wrapper.normal .last-price:before {
  border-color: transparent rgb(128, 128, 128) transparent transparent;
}
.last-price-wrapper.main-symbol-current-price {
  z-index: 100;
  background-color: rgb(128, 128, 128);
}
.last-price-wrapper.main-symbol-current-price .last-price:before {
  border-color: transparent rgb(128, 128, 128) transparent transparent;
}

.comparison-symbol-last-prices .last-price-wrapper {
  width: 62px;
}
.comparison-symbol-last-prices .last-price-wrapper .last-price p {
  font-size: 9px;
  line-height: 1.8;
}

.x-axis-label-wrapper {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0;
  display: inline-block;
  max-width: 140px;
}
.x-axis-label-wrapper.active {
  visibility: visible;
  opacity: 1;
}
.x-axis-label-wrapper .x-axis-label {
  position: relative;
  display: inline-block;
  background-color: rgb(128, 128, 128);
}
.x-axis-label-wrapper .x-axis-label p {
  cursor: default;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  margin: 4px 8px;
}

.pnl-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
}
.pnl-container .pnl {
  display: inline-block;
  white-space: nowrap;
  background-color: black;
  padding: 4px;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
}
.pnl-container .current-position-wrapper {
  display: inline-flex;
}
.pnl-container .current-position-container {
  display: inline-block;
  white-space: nowrap;
  background-color: rgb(0, 64, 128);
  margin-left: 5px;
  color: white;
  padding: 4px;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
}
.pnl-container .current-position-container .shares-count {
  display: inline-block;
}
.pnl-container .current-position-container .shares-pnl {
  display: inline-block;
}

.highcharts-popup {
  font-family: Trebuchet MS;
}
.highcharts-popup .sp-original-input-container {
  visibility: hidden !important;
  opacity: 0 !important;
}
.highcharts-popup .sp-original-input-container input {
  display: block !important;
}
.highcharts-popup.highcharts-annotation-toolbar {
  color: #131722;
  background-color: #fff;
  border: 1px solid #f0f3fa;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(106, 109, 120, 0.6);
  height: 30px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 36px;
  right: unset;
  min-width: 150px;
  max-width: 220px;
  left: calc(84% - 150px);
}
.highcharts-popup.highcharts-annotation-toolbar span {
  cursor: move;
}
.highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close {
  margin-left: 5px;
  width: 30px;
  height: 32px;
  top: 1px;
  padding: 0px;
  right: 2px;
  border-radius: 4px;
  background-image: url("../img/hightchart-popup/close.svg") !important;
}
.highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover {
  background-color: #f0f3fa;
}
.highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #f0f3fa;
  top: 0;
  left: -2px;
}
.highcharts-popup.highcharts-annotation-toolbar span {
  padding: 8px;
  font-size: 12px;
}
.highcharts-popup.highcharts-annotation-toolbar button {
  width: 30px;
  height: 32px;
  padding: 0;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  top: -1px;
}
.highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button {
  background-image: url("../img/hightchart-popup/remove.svg") !important;
}
.highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button {
  background-image: url("../img/hightchart-popup/gear.svg") !important;
}
.highcharts-popup.highcharts-annotation-toolbar button:hover {
  background-color: #f0f3fa;
}
.highcharts-popup.highcharts-annotation-toolbar button:after {
  content: " ";
  position: absolute;
  width: 1px;
  top: 0;
  left: -2px;
  height: 100%;
  background-color: #f0f3fa;
}
.highcharts-popup:not(.highcharts-annotation-toolbar) {
  position: absolute;
  max-width: 550px;
  min-width: 380px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: block;
  padding-right: 0 !important;
  overflow-y: auto;
}
.highcharts-popup p {
  margin: 0;
  font-size: 14px;
}
.highcharts-popup .mgr-8 {
  margin-right: 8px !important;
}
.highcharts-popup .wrapper {
  padding: 0 20px;
}
.highcharts-popup .wrapper .head {
  align-items: center;
  cursor: default;
  display: flex;
  flex: 0 0 auto;
}
.highcharts-popup .wrapper .head .close {
  align-items: center;
  align-self: flex-start;
  background-color: initial;
  border: 0;
  border-radius: 2px;
  color: #131722;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  margin: 3px 0px;
  width: 32px;
  left: 4px;
  outline: none;
  overflow: visible;
  position: relative;
}
.highcharts-popup .wrapper .head .close:hover {
  background-color: #f0f3fa;
}
.highcharts-popup .wrapper .head .close .icon {
  height: 13px;
  width: 13px;
  position: relative;
  overflow: hidden;
}
.highcharts-popup .wrapper .head .close .icon svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
.highcharts-popup .wrapper .head .title {
  color: #131722;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  width: calc(100% - 37px);
  margin: 0;
}
.highcharts-popup .wrapper .tabs {
  display: flex;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  margin-bottom: 2px;
}
.highcharts-popup .wrapper .tabs:after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: #e0e3eb;
  bottom: -1px;
  left: -20px;
}
.highcharts-popup .wrapper .tab.active {
  color: #2962ff;
}
.highcharts-popup .wrapper .tab.active::after {
  content: " ";
  position: absolute;
  background: #2962ff;
  height: 3px;
  display: block;
  width: 100%;
  bottom: 0;
}
.highcharts-popup .wrapper .tab {
  padding-bottom: 14px;
  position: relative;
}
.highcharts-popup .wrapper .content {
  padding: 16px 0;
  padding-right: 4px;
  overflow-y: auto;
}
.highcharts-popup .wrapper .content::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.highcharts-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.highcharts-popup .wrapper .content::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.highcharts-popup .wrapper .content::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.highcharts-popup .wrapper .content .control {
  align-items: center;
  display: flex;
  padding: 8px 0;
}
.highcharts-popup .wrapper .content .sep {
  align-items: center;
  display: flex;
}
.highcharts-popup .wrapper .content .control:first-child {
  padding-top: 0;
}
.highcharts-popup .wrapper .content .control:last-child {
  padding-bottom: 0;
}
.highcharts-popup .wrapper .footer {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  padding: 16px 0px;
  justify-content: flex-end;
}
.highcharts-popup .wrapper .footer::before {
  content: " ";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: #e0e3eb;
  top: 0px;
  left: -20px;
}
.highcharts-popup .wrapper .footer button {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2962ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #2962ff;
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  border-radius: 8px;
  height: 34px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}
.highcharts-popup .wrapper .footer button:hover {
  background-color: #1e53e5 !important;
  color: #fff !important;
}
.highcharts-popup .wrapper .footer button.submit {
  margin-left: 12px;
  color: #fff;
  background-color: #2962ff;
}
.highcharts-popup .wrapper .footer button.submit.disabled {
  opacity: 0.5;
  cursor: default;
}
.highcharts-popup textarea {
  -webkit-appearance: auto;
  -moz-appearance: textfield;
       appearance: textfield;
  background-color: initial;
  border: 0;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  font-family: Trebuchet MS;
  height: 100%;
  line-height: inherit;
  margin: 0;
  min-width: 0;
  order: 0;
  outline: 0;
  padding: 2px 5px;
  resize: none;
  width: 100%;
  border-radius: 4px;
}
.highcharts-popup .text-area-wrapper {
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  width: 100%;
  margin: 1px;
}
.highcharts-popup .text-area-wrapper input {
  border: none;
  margin: 0;
}
.highcharts-popup .text-area-wrapper:hover {
  border: 1px solid #a3a6af;
}
.highcharts-popup .text-area-wrapper:focus-within {
  border: none;
  margin: 0;
}
.highcharts-popup textarea:focus {
  border: 2px solid #2962ff;
}
.highcharts-popup .color-picker-wrapper {
  align-items: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 34px;
}
.highcharts-popup .color-picker-wrapper:hover {
  border: 1px solid #a3a6af;
}
.highcharts-popup .color-picker-wrapper:focus-within {
  border: 2px solid #2962ff;
  margin: 0;
}
.highcharts-popup .color-picker {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 4px;
  background-color: #fff;
  background-image: url(../img/hightchart-popup/opacity-pattern.svg);
  background-size: 50%;
  flex: 0 0 24px;
  height: 24px;
  position: relative;
  width: 24px;
  border-radius: 4px;
}
.highcharts-popup .font-size-picker-wrapper {
  align-items: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 100px;
  cursor: default;
}
.highcharts-popup .font-size-picker-wrapper:hover {
  border: 1px solid #a3a6af;
}
.highcharts-popup .font-size-picker-wrapper .selected {
  display: inline-flex;
  width: 100%;
  padding-left: 8px;
}
.highcharts-popup .font-size-picker-wrapper .arrow {
  display: inline-flex;
  width: 28px;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.highcharts-popup .font-size-picker-wrapper.active .arrow svg {
  transform: rotate(180deg);
}
.highcharts-popup .font-size-picker {
  flex: 1 1 auto;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  position: relative;
}
.highcharts-popup .font-size-picker input {
  margin: 0;
  font-size: 14px;
  border: none;
  padding-left: 0;
}
.highcharts-popup .font-size-picker input:focus-visible {
  outline: none;
}
.highcharts-popup .font-size-picker input::-webkit-inner-spin-button, .highcharts-popup .font-size-picker input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.highcharts-popup .label-inline {
  color: #131722;
  margin-right: 20px;
  display: inline-block;
  font-size: 14px;
}
.highcharts-popup .font-size-picker ul {
  position: absolute;
  list-style: none;
  background-color: #fff;
  padding: 6px 0;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  width: 100%;
  top: 36px;
  z-index: 3;
  display: none;
}
.highcharts-popup .font-size-picker-wrapper.active ul {
  display: block;
}
.highcharts-popup .font-size-picker ul li {
  align-items: center;
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  color: #131722;
  cursor: default;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  padding: 2px 12px;
  transition-property: none;
  white-space: nowrap;
  height: 32px;
}
.highcharts-popup .font-size-picker ul li:hover {
  background-color: #f0f3fa;
}
.highcharts-popup .font-size-picker ul li.selected {
  padding: 2px 12px;
  background-color: #2962ff;
  color: #fff;
}
.highcharts-popup .font-style-wrapper {
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 34px;
}
.highcharts-popup .font-style-wrapper:hover {
  border: 1px solid #a3a6af;
  background-color: #f0f3fa;
}
.highcharts-popup .font-style-wrapper svg path {
  fill: #000;
}
.highcharts-popup .font-style-wrapper.active {
  background-color: #9598a1;
  border-color: #9598a1;
  color: #fff;
}
.highcharts-popup .font-style-wrapper.active:hover {
  background-color: #787b86;
  border-color: #787b86;
  color: #fff;
}
.highcharts-popup .font-style-wrapper.active svg path {
  fill: #fff;
}
.highcharts-popup .font-style-wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.highcharts-popup .picmo__searchField {
  margin: 0;
}
.highcharts-popup .picmo__picker {
  width: 100% !important;
}
.highcharts-popup .picmo__picker .picmo__emojiContainer {
  padding: 0 0.5em 0.5em 0.5em;
}
.highcharts-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"] {
  display: none;
}
.highcharts-popup .emoji-picker-container {
  width: 100%;
}
.highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 8px;
  height: 10px;
  display: block;
}
.highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}
.highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track {
  background: #ffffff;
  height: 10px;
  display: block;
}
.highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 10px;
  display: block;
  border-radius: 8px;
}

@media screen and (max-height: 570px) {
  .highcharts-popup:not(.highcharts-annotation-toolbar) {
    max-height: 84%;
    top: calc(50% + 20px) !important;
  }
}
@media screen and (max-width: 640px) {
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.4em;
  }
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1.2em;
    height: 1.2em;
  }
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1.2em;
    height: 1.2em;
  }
}
@media screen and (max-width: 600px) {
  .highcharts-popup:not(.highcharts-annotation-toolbar) {
    left: calc(50% + 20px) !important;
    min-width: 300px !important;
  }
}
@media screen and (max-width: 510px) {
  .highcharts-popup:not(.highcharts-annotation-toolbar) {
    left: calc(50% + 20px) !important;
    min-width: 300px !important;
  }
}
@media screen and (max-width: 460px) {
  .highcharts-popup:not(.highcharts-annotation-toolbar) {
    min-width: 280px !important;
  }
}
@media screen and (max-width: 430px) {
  .highcharts-popup:not(.highcharts-annotation-toolbar) {
    min-width: unset !important;
  }
}
@media screen and (max-width: 360px) {
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.2em;
  }
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1em;
    height: 1em;
  }
  .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1em;
    height: 1em;
  }
}
.logo-wrapper {
  position: absolute;
  width: calc(100% - 70px);
  right: 0;
  top: 0;
  left: 0;
  transform: unset;
  pointer-events: none;
  z-index: 0;
  display: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.logo-wrapper .logo {
  font-size: 13vw;
  font-weight: 500;
  font-family: sans-serif;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  justify-content: center;
}
.logo-wrapper .ti-logo {
  width: 36%;
  height: 32%;
  margin: 0 auto;
  display: inline-flex;
  overflow: hidden;
  position: absolute;
  bottom: 4px;
}
.logo-wrapper .ti-logo img {
  position: relative;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  width: 100%;
  height: 120%;
}
.logo-wrapper.small .ti-logo {
  width: 38%;
  height: 36%;
  bottom: 12px;
}
.logo-wrapper.small-2x .logo {
  font-size: 11vw;
}
.logo-wrapper.small-2x .ti-logo {
  display: none;
}
.logo-wrapper.four-digits .logo {
  font-size: 11vw;
}
.logo-wrapper.four-digits.small .logo {
  font-size: 10vw;
}
.logo-wrapper.four-digits.small-2x .logo {
  font-size: 9vw;
}

.buy-sell-buttons-container {
  display: inline-flex;
  position: relative;
  top: -4px;
  margin-right: 2px;
}
.buy-sell-buttons-container button {
  font-family: sans-serif;
  font-weight: 600;
  border-radius: 2px;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  border: solid 1px #bfbfbf;
}
.buy-sell-buttons-container button:disabled, .buy-sell-buttons-container button.disabled {
  cursor: default;
  background: #efefef;
  color: lightgray;
}
.buy-sell-buttons-container .buy {
  color: #fff;
  margin-right: 2px;
  background: #37b34a;
}
.buy-sell-buttons-container .sell {
  color: #fff;
  margin-left: 2px;
  background: #ec2324;
}

.highcharts-axis.highcharts-yaxis {
  position: absolute;
  left: 80px !important;
  top: 20px !important;
}
.highcharts-axis.highcharts-yaxis .highcharts-axis-title {
  transform: unset !important;
  left: 0 !important;
  color: #666666;
}

.highcharts-draw-mode .highcharts-annotation .highcharts-annotation-shapes path:not(.highcharts-tracker-line) path {
  cursor: inherit !important;
}
.highcharts-draw-mode .highcharts-annotation .highcharts-annotation-labels .highcharts-annotation-label {
  cursor: inherit !important;
}

.highcharts-annotation .highcharts-annotation-shapes path:not(.highcharts-tracker-line):not(.colored) {
  stroke: black;
  stroke-width: 1;
}
.highcharts-annotation .highcharts-annotation-shapes path {
  cursor: move;
}
.highcharts-annotation .highcharts-annotation-labels .highcharts-annotation-label {
  cursor: move;
}
.highcharts-annotation .highcharts-annotation-labels.dragging-vertical .highcharts-annotation-label {
  cursor: e-resize;
}
.highcharts-annotation .highcharts-annotation-labels.dragging-horizontal .highcharts-annotation-label {
  cursor: n-resize;
}
.highcharts-annotation .highcharts-annotation-labels.active text {
  outline: 1px solid #000;
}

.highcharts-stocktools-toolbar .highcharts-curved-line-custom-annotation .highcharts-menu-item-btn {
  background-image: url("../img/curved-line-icon.svg") !important;
  background-size: 40px 40px;
}
.highcharts-stocktools-toolbar .highcharts-emoji-custom-annotation .highcharts-menu-item-btn, .highcharts-stocktools-toolbar .highcharts-emoji2-custom-annotation .highcharts-menu-item-btn {
  background-image: url("../img/emoji-icon.svg") !important;
  background-size: 20px 20px;
}

.historical-chart-button {
  position: absolute;
  cursor: pointer;
  z-index: 3;
}
.historical-chart-button img {
  width: 17px;
  height: 15px;
}
.historical-chart-button .dark-img {
  display: none;
}
.historical-chart-button .light-img {
  display: block;
}

.draw-order-execution .doe {
  position: absolute;
}
.draw-order-execution .doe img {
  position: relative;
}

.halted-notification-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
  border: 1px solid rgb(255, 195, 195);
  background-color: rgb(255, 195, 195);
  height: 14px;
}
.halted-notification-container .text {
  display: inline-flex;
}
.halted-notification-container b {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px 18px;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
  color: rgb(238, 61, 71);
}

.earning-notification-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
  border: 1px solid rgb(144, 139, 119);
  background-color: rgb(255, 217, 59);
  height: 14px;
}
.earning-notification-container .text {
  display: inline-flex;
}
.earning-notification-container .symbol {
  display: inline-flex;
}
.earning-notification-container .symbol b {
  padding: 3px;
}
.earning-notification-container p {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px;
  font-size: 11px;
  font-weight: 500;
  height: 8px;
  line-height: 0.8;
}
.earning-notification-container b {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
}

.smart-risk-wrapper .smart-risk-item {
  position: absolute;
  background-color: rgb(128, 128, 128);
  right: 0;
  padding: 2px;
  width: 50px;
  border: 1px solid rgb(128, 128, 128);
  z-index: 2;
}
.smart-risk-wrapper .smart-risk-item p {
  color: #fff;
  margin: 0;
  font-size: 8px;
}
.smart-risk-wrapper .smart-risk-item.target-price, .smart-risk-wrapper .smart-risk-item.stop-price {
  right: 60px;
  width: 28px;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
}
.smart-risk-wrapper .profit-gredient {
  background-color: green;
  position: absolute;
  width: 34px;
  right: 60px;
  z-index: 1;
}
.smart-risk-wrapper .loss-gredient {
  background-color: red;
  position: absolute;
  width: 34px;
  right: 60px;
  z-index: 1;
}

.axis-sep.y {
  position: absolute;
  top: 43px;
  height: calc(100% - 43px);
  width: 1px;
  background-color: rgb(128, 128, 128);
  z-index: 1;
}
.axis-sep.x {
  position: absolute;
  height: 1px;
  width: 50px;
  background-color: rgb(128, 128, 128);
  z-index: 1;
}

g.dtcl path {
  cursor: pointer;
}
g.dtcl_selectedGraph .dtcl_cpoint {
  opacity: 1;
  cursor: pointer;
}

.add-emoji-control-popup {
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 52px;
  top: 124px;
  z-index: -1;
  display: block;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.add-emoji-control-popup.inited.active {
  z-index: 100;
  display: block;
  opacity: 1;
  visibility: visible;
}
.add-emoji-control-popup .picmo__searchField {
  margin: 0;
}
.add-emoji-control-popup .picmo__picker {
  width: 100% !important;
}
.add-emoji-control-popup .picmo__picker .picmo__emojiContainer {
  padding: 0 0.5em 0.5em 0.5em;
}
.add-emoji-control-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"] {
  display: none;
}
.add-emoji-control-popup .quick-add-emoji-picker-container {
  width: 100%;
}
.add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 8px;
  height: 10px;
  display: block;
}
.add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}
.add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track {
  background: #ffffff;
  height: 10px;
  display: block;
}
.add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 10px;
  display: block;
  border-radius: 8px;
}

@media screen and (max-width: 640px) {
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.4em;
  }
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1.2em;
    height: 1.2em;
  }
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1.2em;
    height: 1.2em;
  }
}
@media screen and (max-width: 360px) {
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.2em;
  }
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1em;
    height: 1em;
  }
  .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1em;
    height: 1em;
  }
}
.emoji-resize {
  position: absolute;
}
.emoji-resize .emoji-resize-control {
  position: absolute;
}
.emoji-resize .emoji-resize-control.vertical {
  width: 10px;
  background-color: transparent;
  cursor: e-resize;
}
.emoji-resize .emoji-resize-control.horizontal {
  height: 10px;
  background-color: transparent;
  cursor: n-resize;
}

/*# sourceMappingURL=chart-1695743228129.min.css.map*/