.hc_dark .highcharts-title, .highcharts-subtitle {
  text-transform: uppercase;
}

.hc_dark .highcharts-tooltip text {
  fill: #F0F0F0;
}

.hc_dark .highcharts-range-selector-buttons text {
  fill: silver;
}

.hc_dark .highcharts-yaxis-grid {
  stroke-width: 1px;
}

.hc_dark .highcharts-axis-labels, .highcharts-axis-title {
  fill: #E0E0E3;
}

.hc_dark .highcharts-navigator .highcharts-navigator-handle {
  fill: #666;
  stroke: #aaa;
}

.hc_dark .highcharts-navigator .highcharts-navigator-outline {
  stroke: #CCC;
}

.hc_dark .highcharts-navigator .highcharts-navigator-xaxis .highcharts-grid-line {
  stroke: #505053;
}

.hc_dark .highcharts-scrollbar .highcharts-scrollbar-rifles {
  stroke: #fff;
}

.hc_dark .highcharts-scrollbar .highcharts-scrollbar-button {
  stroke: #606063;
  fill: #606063;
}

.hc_dark .highcharts-scrollbar .highcharts-scrollbar-arrow {
  fill: #CCC;
}

.hc_dark .highcharts-scrollbar .highcharts-scrollbar-thumb {
  fill: #808083;
  stroke: #808083;
}

.hc_dark .highcharts-contextbutton .highcharts-button-symbol {
  stroke: #DDDDDD;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.hc_dark .highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: transparent;
  font-family: Helvetica;
  font-size: 12px;
}

.hc_dark .highcharts-root {
  display: block;
}

.hc_dark .highcharts-root text {
  stroke-width: 0;
}

.hc_dark .highcharts-strong {
  font-weight: bold;
}

.hc_dark .highcharts-emphasized {
  font-style: italic;
}

.hc_dark .highcharts-anchor {
  cursor: pointer;
}

.hc_dark .highcharts-background {
  /* fill: #2a2a2b; */
  fill: #000000; /*black*/
}

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

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

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

/* Titles */
.hc_dark .highcharts-title {
  /*fill: #E0E0E3;*/
  fill: #ffffff;
  font-size: 1.5em;
}

.hc_dark .highcharts-subtitle {
  fill: #E0E0E3;
}

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

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

.hc_dark .highcharts-axis-title {
  fill: #E0E0E3;
}

.hc_dark .highcharts-axis-labels {
  fill: #E0E0E3;
  cursor: default;
  font-size: 10px;
}

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

.hc_dark .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0.02em;
}

.hc_dark .highcharts-tick {
  stroke: #707073;
}

.hc_dark .highcharts-yaxis .highcharts-tick {
  stroke-width: 1;
}

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

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

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

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

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

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

.hc_dark .highcharts-tooltip text {
  fill: #E0E0E3;
}

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

.hc_dark .highcharts-tooltip-box {
  stroke-width: 1px;
  fill: rgba(0, 0, 0, 0.85);
  fill-opacity: 0.50;
}

.hc_dark .highcharts-tooltip-box .highcharts-label-box {
  fill: rgba(0, 0, 0, 0.85);
  fill-opacity: 0.50;
}

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

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

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

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

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

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

.hc_dark .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 */
.hc_dark .highcharts-color-0 {
  fill: #2b908f;
  stroke: #2b908f;
}

.hc_dark .highcharts-color-1 {
  fill: #90ee7e;
  stroke: #90ee7e;
}

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

.hc_dark .highcharts-color-3 {
  fill: #7798BF;
  stroke: #7798BF;
}

.hc_dark .highcharts-color-4 {
  fill: #aaeeee;
  stroke: #aaeeee;
}

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

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

.hc_dark .highcharts-color-7 {
  fill: #55BF3B;
  stroke: #55BF3B;
}

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

.hc_dark .highcharts-color-9 {
  fill: #7798BF;
  stroke: #7798BF;
}

.hc_dark .highcharts-color-10 {
  fill: #aaeeee;
  stroke: #aaeeee;
}
.highcharts-color-12 {
  fill: #48FF26;
  stroke: #48FF26;
}

.highcharts-color-13 {
  fill: #F40E0E;
  stroke: #F40E0E;
}

.highcharts-color-14 {
  fill: #0000ff;
  stroke: #0000ff;
}

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

.hc_dark .highcharts-markers {
  stroke-width: 1px;
  stroke: #2a2a2b;
}

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

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

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

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

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

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

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

.hc_dark .highcharts-series path {
     stroke-linecap: initial; 
}

.hc_dark .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #606063;
  stroke: #fff;
}

.hc_dark .highcharts-column-series rect.highcharts-point {
  stroke: #2a2a2b;
}

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

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

.hc_dark .highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #2a2a2b;
}

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

.hc_dark .highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #2a2a2b;
}

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

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

.hc_dark .highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #2a2a2b;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Plot bands and polar pane backgrounds */
.hc_dark .highcharts-plot-band, .highcharts-pane {
  fill: #fff;
  fill-opacity: 0.05;
}
.hc_dark .premarket.highcharts-plot-band{
  fill: #fe69b4;
  fill-opacity: 0.33;
}
.hc_dark .postmarket.highcharts-plot-band{
  fill: #0000ff;
  fill-opacity: 0.33;
}
.hc_dark .premarket.highcharts-plot-line{
  stroke: #fe69b4;
  opacity: 0.33;
  stroke-width: 3px;
}
.hc_dark .postmarket.highcharts-plot-line{
  stroke: #0000ff;
  opacity: 0.33;
  stroke-width: 3px;
}

.hc_dark .highcharts-plot-line {
  fill: none;
  stroke: #666;
  stroke-width: 1px;
}
.hc_dark .hcPlotLineSwingExit {
    stroke: #FF5454;
    stroke-width: 1px;
    stroke-dasharray: 3,1;
}

.hc_dark .hcPlotLineSmartStop{
    stroke: #FF0000;
    stroke-width: 1px;
    stroke-dasharray: 3,1;
}

.hc_dark .hcPlotLineProfitTarget{
    stroke: #01AD09;
    stroke-width: 1px;
    stroke-dasharray: 3,1;
}

.hc_dark .hcPlotLineTransparent {
    stroke: transparent;
    stroke-width: 1px;
    stroke-dasharray: 3,1;
}

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

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

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

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

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

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

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

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

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

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

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

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

.hc_dark .highcharts-navigator-mask-inside {
  fill: rgba(255, 255, 255, 0.6);
  /* navigator.maskFill option */
  fill-opacity: 0.35;
  cursor: ew-resize;
}

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

.hc_dark .highcharts-navigator-handle {
  stroke: #606063;
  fill: #505053;
  cursor: ew-resize;
}

.hc_dark .highcharts-navigator-series {
 /* fill: #7798BF;
  stroke: #A6C7ED;*/
  opacity: 0;
}

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

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

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

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

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

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

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

.hc_dark .highcharts-scrollbar-button {
  fill: #707073;
  stroke: #606063;
  stroke-width: 1px;
}

.hc_dark .highcharts-scrollbar-arrow {
  fill: #E0E0E3;
}

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

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

.hc_dark .highcharts-button {
  fill: #505053;
  stroke: #606063;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.hc_dark .highcharts-button text {
  fill: #ccc;
}

.hc_dark .highcharts-button-hover {
  transition: fill 0ms;
  fill: #707073;
  stroke: #606063;
}

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

.hc_dark .highcharts-button-pressed {
  font-weight: bold;
  fill: #000003;
  stroke: #606063;
}

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

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

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

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

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

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

.hc_dark .highcharts-range-input text {
  fill: silver;
}

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

.hc_dark 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 */
}

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

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

.hc_dark .highcharts-candlestick-series .highcharts-point {
  stroke: #6b6b6b;
  fill: #F40E0E;
  stroke-width: 1px;
}

.hc_dark .highcharts-candlestick-series .highcharts-point-up {
  fill: #48FF26;
}

.hc_dark .highcharts-candlestick-series .highcharts-point-hover {
  stroke-width: 2px;
}



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

.hc_dark .highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #666;
  fill: #2a2a2b;
  transition: fill 250ms;
}

.hc_dark .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #fff;
  fill: #707073;
}

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

/* Highmaps */
.hc_dark .highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #606063;
}

.hc_dark .highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

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

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

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

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

.hc_dark .highcharts-coloraxis-marker {
  fill: #666;
}

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

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

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

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

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

.hc_dark .highcharts-menu {
  border: 1px solid #666;
  background: #2a2a2b;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

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

.hc_dark .highcharts-menu-item:hover {
  background: #335cad;
  color: #2a2a2b;
}

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

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

/* No-data module */
.hc_dark .highcharts-no-data text {
  font-weight: bold;
  font-size: 0.9em;
  fill: #E0E0E3;
}

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

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

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

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

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

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


.hc_dark .highcharts-AiHistoryInfo-box {
  stroke: #cccccc;
  fill: white;
  background: white;
  opacity: 1;
} 

.hc_dark .hcPolygon {
    opacity: .3;
}

.hc_dark .highcharts-polygon-series{
  stroke: transparent;
	fill-opacity: 0;
} 


/*Other custom stuff - shading for stoploss,profit,tradeloss areas */

.hc_dark .tradeSmartStopLossMaxColor{
	fill: #fc9f30;
}

.hc_dark .tradeLossMaxColor {
	/*fill: #cb0101;*/
	fill: #ff0000;
}

.hc_dark .tradeProfitMaxColor{
	/*fill: #01cb0f;*/
	fill: #00ff00;
}

.hc_dark .tradeSmartStopProfitMaxColor{
	fill: #39aef3;
}

.hc_dark .tradeLossMaxColorRiskOn{
	fill: #cb0101;
}

.hc_dark .tradeProfitMaxColorRiskOn{
	fill: #01cb0f;
}
.hc_dark .tradeTransparentFill{
	stroke: transparent;
	fill: transparent;	
}