/* body {
    font: 10px sans-serif;
} */

text {
  fill: #000;
}

text.symbol {
  /* fill: #5d5d5d; */
  fill: #019ebf;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
}

text.symbolChart {
  /* fill: #5d5d5d; */
  fill: #019ebf;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
}


text.indicator {
  fill: #019ebf;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 10px;
}

text.smatwo {
  fill: #ff7f0e;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
}

text.smatwoTrade {
  fill: #f10d0d;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
}


text.smathree {
  fill: #1f77b4;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
}

text.smafastsix {
  fill: #1f77b4;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
}

text.smafastnine {
  fill: #f10d0d;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
}


/*path {
  fill: none;
  stroke-width: 1;
}*/
/* todo the above made the close X on off canvas not show*/

/* #candleChartTrade path,
#fiveLinesTrade path,
#spikeChartSim path{
  fill: none;
  stroke-width: 1;
} */

/* #cht_CumCycleProfits path {
  fill: none !important;
  stroke-width: 1 !important;

} */

#cht_CumCycleProfits path.buy-hold-line {
    fill: none;
    stroke-width: 1;
}

#cht_CumCycleProfits path.profit-line {
    fill: none;
    stroke-width: 1;
}


path.candle {
  stroke: #000000;
}

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

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

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

.close.annotation.up path {
  /*fill: #00aa00;*/
  fill: #f1e60d;
}

.close.annotation.up {
  font-size: 12px;
  font-weight: bold;
  }

path.volume {
  fill: #dddddd;
}

.indicator-plot path.line {
  fill: none;
  stroke-width: 1;
}

.ma-0 path.line {
  fill: none;
  stroke: #1f77b4;
  stroke-width: 1;
}

.ma-1 path.line {
  fill: none;
  stroke: #f10d0d;
  stroke-width: 1;
}

.ma-2 path.line {
  fill: none;
  stroke: #ff7f0e;
  stroke-width: 1;
}

.ma-3 path.line {
  fill: none;
  stroke: #0e93ff;
  stroke-width: 1;
}

button.chart {
  position: absolute;
  right: 110px;
  top: 25px;
}

path.macd {
  fill: none;
  stroke: #0000aa;
}

path.signal {
  fill: none;
  stroke: #ff9999;
}

path.zero {
  stroke: #bbbbbb;
  stroke-dasharray: 0;
  stroke-opacity: 0.5;
}

path.difference {
  fill: #bbbbbb;
  opacity: 0.5;
}

path.rsi {
  fill: none;
  stroke: #000000;
}

path.overbought,
path.oversold {
  stroke: #ff9999;
  stroke-dasharray: 5, 5;
}

path.middle,
path.zero {
  stroke: #bbbbbb;
  stroke-dasharray: 5, 5;
}

.analysis path,
.analysis circle {
  stroke: blue;
  stroke-width: 0.8;
}

.trendline circle {
  stroke-width: 0;
  display: none;
}

.mouseover .trendline path {
  stroke-width: 1.2;
}

.mouseover .trendline circle {
  stroke-width: 1;
  display: inline;
}

.dragging .trendline path,
.dragging .trendline circle {
  stroke: darkblue;
}

.interaction path,
.interaction circle {
  pointer-events: all;
}

.interaction .body {
  cursor: move;
}

.trendlines .interaction .start,
.trendlines .interaction .end {
  cursor: nwse-resize;
}

.supstance path {
  stroke-dasharray: 2, 2;
}

.supstances .interaction path {
  pointer-events: all;
  cursor: ns-resize;
}

.mouseover .supstance path {
  stroke-width: 1.5;
}

.dragging .supstance path {
  stroke: darkblue;
}

.crosshair {
  cursor: crosshair;
}

.crosshair path.wire {
  stroke: #dddddd;
  stroke-dasharray: 1, 1;
}

.crosshair .axisannotation path {
  fill: #dddddd;
}

.tradearrow path.tradearrow {
  stroke: none;
}

.tradearrow path.buy {
  /*: #0000ff;*/
  fill: #00df00;
}

.tradearrow path.sell {
  /*fill: #9900ff;*/
  fill: #DC143C;
}

.tradearrow path.naLong {
  /*fill: #9900ff;*/
  fill: #ffbb00;
}

.tradearrow path.naShort {
  /*fill: #9900ff;*/
  fill: #ffbb00;
}


.tradearrow path.highlight {
  fill: none;
  stroke-width: 2;
}

.tradearrow path.highlight.buy {
  stroke: #0000ff;
}

.tradearrow path.highlight.sell {
  stroke: #9900ff;
}

/* ADX */

.adx path {
  fill: none;
  stroke-width: 1;
}

.adx {
  stroke: #000000;
}

.adx path.adx {
  stroke: #000000;
}

.adx path.plusDi {
  stroke: #00ff00;
}

.adx path.minusDi {
  stroke: #ff0000;
}

#candleChart {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* #candleChartSim {
  width: 100%;
  height: 100%;
  position: absolute;
} */

/* #fiveLinesSim {
  width: 100%;
  height: 100%;
  position: absolute;
} */

#fiveLines {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* #spikeChartSim {
  width: 100%;
  height: 100%;
  position: absolute;
} */

#spikeChart {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* bollinger bands*/
path.bollingerband {
  stroke: #000;
  stroke-width: 1px;
}
path.upper, path.lower {
  stroke: cyan;
  stroke-width: 3px;
  /*stroke-dasharray: 2,2;*/
}
path.area {
  fill: #ccc;
  opacity: 0.3;
}

.bollinger path.middle {
        stroke: rgb(137, 227, 1);
}

.bollinger path {
        fill: none;
        stroke-width: 3;
    }

    /*LogStd Chart*/
.regression {
    stroke-width: 2px;
    stroke: steelblue;
    stroke-dasharray: 10, 5;
  }
  .equation {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
  }
  /* Need this to display mousever date */
  div.tooltip {
    position: absolute;
    text-align: center;
    padding: 0.2rem;
    background: #1907be;
    color: #f9f9f9;
    border: 0px;
    border-radius: 5px;
    pointer-events: none;
    font-size: 0.8rem;
    font-family: Arial, Helvetica, sans-serif;
  }

  .point{
    fill: #00087e;
  }