.tc-chart-background {
    background-color: var(--tc--chart-background-color);
    fill: none;
}

.tc-price-chart-text-color {
    fill: var(--tc--text-color);
}

.tc-price-chart .tc-price-chart-x-symbol {
    fill: #30619f; /*Done var(--tc-link-color) */
}

.tc-price-chart {
    border-style: solid;
    border-color: var(--tc--light-border-color);
}

.tc-series {
    stroke: var(--tc--price-line-color);
}

.tc-axis path {
    stroke: var(--tc--border-color);
}

.tc-axis .tick line {
    stroke: var(--tc--border-color);
}

.tc-axis .tick text {
    fill: var(--tc--chart-text-color);
}

.tc-plot-ohlc {
    stroke: var(--tc--price-line-color);
    fill: var(--tc--price-line-color);
}

.tc-plot-line {
    stroke: var(--tc--price-line-color);
    fill: var(--tc--price-line-color);
}

.tc-plot-mountain {
    stroke: var(--tc--price-mountain-background-color);
    fill: var(--tc--price-mountain-background-color);
}

.tc-plot-candlestick-up {
    fill: var(--tc--price-candle-stick-up-background-color);
}

.tc-plot-candlestick-down {
    fill: var(--tc--price-candle-stick-down-background-color);
}

.tc-plot-volume {
    stroke: var(--tc--volume-bar-color);
    fill: var(--tc--volume-bar-color);
}

.tc-volume-chart-background {
    fill: var(--tc--chart-background-color);
}

.tc-price-chart-font-family {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.tc-price-chart-eventclose_bear {
    stroke: var(--tc--bearish-color);
    fill: var(--tc--bearish-color);
    color: var(--tc--bearish-color);
}

.tc-price-chart-eventclose_bear_outline {
    stroke: var(--tc--bearish-color);
    fill: var(--tc--chart-background-color);/*Done var(--tc-chart-volume-color) */
    color: var(--tc--chart-background-color);/*Done var(--tc-chart-volume-color) */
}

.tc-price-chart-eventclose_bull {
    stroke: var(--tc--bullish-color);
    fill: var(--tc--bullish-color);
    color: var(--tc--bullish-color);
}

.tc-price-chart-eventclose_bull_outline {
    stroke: var(--tc--bullish-color);
    fill: var(--tc--chart-background-color);/*Done var(--tc-chart-volume-color) */
    color: var(--tc--chart-background-color);/*Done var(--tc-chart-volume-color) */
}

.tc-price-chart-eventclose_outline {
    stroke: rgba(red(var(--tc--base-color)), green(var(--tc--base-color)), blue(var(--tc--base-color)), 0.4);
    fill-opacity: 0;
}

.tc-price-chart-copy-right {
    fill: var(--tc--text-color);
    opacity: 0.5;
}

.tc-price-chart-lastprice path {
    stroke: var(--tc--price-line-color);
    fill: var(--tc--price-line-color);
    color: var(--tc--price-line-color);
}

.tc-price-chart-lastprice text {
    fill: white;/*Done var(--tc-chart-lastprice-pen-color) */
}

.tc-plot-stop-annotation path {
    stroke: #810082;
    fill: #810082;
    color: #810082;
}

.tc-plot-stop-annotation text {
    fill: white;
}

.tc-plot-cci {
    stroke: #ae8800;
    fill: #ae8800;
}

.tc-plot-rsi {
    stroke: #13a8e3;
    fill: #13a8e3;
}

.tc-plot-momentum {
    stroke: #008800;
    fill: #008800;
}

.tc-plot-williams {
    stroke: #ae8800;
    fill: #ae8800;
}
 
.tc-plot-sma4 {
    stroke: #0000c7;
    fill: #0000c7;
}

.tc-plot-sma9 {
    stroke: #ad1100;
    fill: #ad1100;
}

.tc-plot-sma18 {
    stroke: #006300;
    fill: #006300;
}

.tc-plot-sma21 {
    stroke:  #238CFF;
    fill:  #238CFF;
}

.tc-plot-sma50 {
    stroke: #FF001E;
    fill: #FF001E;
}

.tc-plot-sma200 {
    stroke: #4BB932;
    fill: #4BB932;
}

.tc-plot-bollinger {
    stroke: rgba(174, 136, 0, 1);
    fill: rgba(174, 136, 0, 1);
}

.tc-plot-bblower {
    stroke: rgba(174, 136, 0, 1);
    fill: rgba(174, 136, 0, 1);
}

.tc-plot-bbupper {
    stroke: rgba(174, 136, 0, 1);
    fill: rgba(174, 136, 0, 1);
}

.tc-crosshair-label path {
    fill: var(--tc--crosshair-color);
}

.tc-crosshair-label text {
    fill: var(--tc--crosshair-text-color);
}

.tc-crosshair-line {
    stroke: var(--tc--crosshair-color);
    fill: var(--tc--crosshair-color);
}

.tc-chart-period-text {
    fill: #3e3f49; /*Done var(--tc-text-color) */
}

.tc-chart-period-rect {
    fill: #d8d6d6;/*Done var(--tc-light-background) */
}

.tc-chart-trading-horizon-bg{
    fill: #A6AEBB;
    opacity: 0.2;
}

.tc-chart-trading-horizon-text{
    color: var(--tc--text-color);
}

.tc-chart-axis-y-hide .tc-axis-y .tick {
    visibility: hidden;
}

.tc-price-chart-eventclose_diamond {
    stroke: var(--tc--neutral1-color);
    fill: var(--tc--neutral1-color);
    color: var(--tc--neutral1-color);
}

.tc-price-chart-eventclose_classic {
    stroke: var(--tc--neutral5-color);
    fill: var(--tc--neutral5-color);
    color: var(--tc--neutral5-color);
}

.tc-price-chart-eventclose_diamond_outline {
    stroke: var(--tc--base-color);
    fill: var(--tc--chart-background-color);
    color: var(--tc--chart-background-color);
}

.tc-price-chart-latestevent-outline {
    stroke: var(--tc--base-color);
    fill: var(--tc--chart-background-color);
    color: var(--tc--chart-background-color);
}

.tc-price-chart-eventdrawn-bull-outline {
    stroke: var(--tc--bullish-color);
    fill: var(--tc--chart-background-color);
    color: var(--tc--chart-background-color);
}

.tc-price-chart-eventdrawn-bear-outline {
    stroke: var(--tc--bearish-color);
    fill: var(--tc--chart-background-color);
    color: var(--tc--chart-background-color);
}

.tc-price-chart-eventdrawn-other-outline {
    stroke: var(--tc--neutral1-color);
    fill: var(--tc--chart-background-color);
    color: var(--tc--chart-background-color);
}

/* ----------- */
/* event chart */
/* ----------- */

.tc-event-chart:before {
    border-top-color: var(--tc--light-border-color);
}

path.tc-io-plot-threshold {
    stroke-width: 1px;
    stroke: var(--tc--neutral1-color);
}

.tc-io-threshold .tc-io-threshold {
    stroke: var(--tc--neutral1-color);
}

.tc-io-plot-threshold path {
    fill: var(--tc--chart-background-color);
}
.tc-io-plot-threshold text {
    fill: var(--tc--chart-text-color);
}

.tc-io-plot-separator {
    stroke-width: 1px;
    stroke: var(--tc--light-border-color);
}

.tc-plot-io-cci  {
    stroke: #AE8800;/*Done var(--tc-chart-cci-plot-color) */
}

.tc-plot-io-stochastic {
    stroke: #AE8800;/*Done var(--tc-chart-stochastic-plot-color) */
}

.tc-plot-io-stochasticfast {
    stroke: #008800;/*Done var(--tc-chart-slow-stochastic-k-plot-color) */
}

.tc-plot-io-stochasticslow {
    stroke: #0088AE;/*Done var(--tc-chart-slow-stochastic-d-plot-color) */
}

.tc-plot-io-macdderived {
    stroke: #000077;/*Done var(--tc-chart-macd-plot-color) */
}

.tc-plot-io-macdsignalderived {
    stroke: #880033;/*Done var(--tc-chart-macd-signal-plot-color) */
}

.tc-plot-io-momentum {
    stroke: #008800;/*Done var(--tc-chart-momentum-plot-color) */
}

.tc-plot-io-rsi {
    stroke: #13A8E3;/*Done var(--tc-chart-rsi-plot-color) */
}

.tc-plot-io-williams {
    stroke: #AE8800;/*Done var(--tc-chart-williams-plot-color) */
}

.tc-plot-io-bbupper {
    stroke: #AE8800;/*Done var(--tc-chart-series-color-bollinger) */
}

.tc-plot-io-kst {
    stroke: #AE8800;/*Done var(--tc-chart-series-kst-color) */
}

.tc-plot-io-kstsignal {
    stroke: #000000;
}

.tc-plot-io-kstintermediate {
    stroke: #AE8800;/*Done var(--tc-chart-series-kst-color) */
}

.tc-plot-io-kstsignalintermediate {
    stroke: #000000;
}

.tc-plot-io-kstlong {
    stroke: #AE8800;/*Done var(--tc-chart-series-kst-color) */
}

.tc-plot-io-kstsignallong {
    stroke: #000000;
}

.tc-plot-stop {
    stroke: #810082 !important;
    fill: #810082;
}

.tc-plot-support {
    stroke: #2c98ce !important;
    stroke-dasharray: 7;
    fill: none;
}

.tc-plot-resistance {
    stroke: #329933 !important;
    stroke-dasharray: 7;
    fill: none;
}

.tc-plot-solid-resistance {
    stroke: #329933 !important;
    fill: none;
}

.tc-plot-solid-support {
    stroke: #2c98ce !important;
    fill: none;
}

.tc-plot-support-annotation path {
    stroke: #2c98ce;
    fill: #2c98ce;
    color: #2c98ce;
}

.tc-plot-support-annotation text {
    fill: white;
}

.tc-plot-resistance-annotation path {
    stroke: #329933;
    fill: #329933;
    color: #329933;
}

.tc-plot-resistance-annotation text {
    fill: white;
}

.tc-plot-close {
  opacity: 0.6;
  stroke: var(--tc--zoom-line-color);
  stroke-width: 1px;
  fill: var(--tc--zoom-fill-color);
  color: var(--tc--zoom-fill-color);
  shape-rendering: crispEdges;
}

.chart-event-pattern {
    stroke: red;
    fill: none;
}

.chart-trend-pattern {
    stroke: gray;
}

.chart-event-boundary {
    stroke: red;
    fill: none;
}

.chart-trend-boundary {
    stroke: gray;
}

.chart-event-region {
  stroke: red;
  fill: red;
}

.extent {
  fill: #6fb2fd;
  opacity: 0.4;
}

.tc-section-io-background {
  stroke: var(--tc--light-border-color);
}