@media (max-width: 1500px) {

    .custom-select {
      display: inline-block;
      width: 100%;
      height: calc(4.4rem + 2px);
      padding:1px 10px;
      /*padding: 1rem 1.75rem 0.500rem .75rem;*/
      line-height: 1.5;
      vertical-align: middle;
      font-weight: 500;
      background-color: var(--bg-color02);
      color: var(--fore-color01);
      background-size: 18px 22px;
      border: 1px solid #e2c38c;
      border-radius:10px;
    }
  
  
    /* IE11 hide native button (thanks Matt!) */
    select::-ms-expand {
      display: none;
    }
  
    .selectdiv:after {
      content: '<>';
      font: 17px "Consolas", monospace;
      color: #000;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 20px;
      /*Adjust for position however you want*/
  
      top: 18px;
      padding: 0 0 2px;
      border-bottom: 1px solid #999;
      /*left line */
  
      position: absolute;
      pointer-events: none;
    }
  
   
    .btn-info:hover {
      color: #FFFFFF;
      background-color: #cd9830;
      border-color: #cd9830;
    }
  
  
  }
  
  /* ---------------------------------*/
  
  
  .btn-info {
      background-color: #1d2120;
      border-color: #1d2120;
  }
  
  table.Sell_Alert tr td {
      padding: 5px 3px;
  }
  
  .axis path,
  .axis line {
      fill: none;
      stroke: var(--fore-color01); /*var(--text-color);*/
      shape-rendering: crispEdges;
      color: #000; /*var(--text-color);*/
  }
  
  .tick line {
      opacity: 0.2;
  }
  
  /*path.line {
      fill: var(--fore-color01);
      stroke: var(--fore-color01); /*var(--text-color);*
      stroke-width: 1;
  }*/
  
  
  path.line,
  .close path {
      fill: none;                    /* <-- the important change */
      stroke: var(--fore-color01);
      stroke-width: 1;
  }
  
  
  path.ohlc {
      stroke: var(--fore-color01); /*var(--text-color);*/
      stroke-width: 1;
  }
  
  path.ohlc.up {
      stroke: #00AA00;
  }
  
  path.ohlc.down {
      stroke: #FF0000;
  }
  
  path.candle {
      stroke: #000; /*var(--text-color);*/
  }
  
  path.candle.body {
      stroke-width: 0;
  }
  
  path.candle.up {
      fill: #00AA00;
      stroke: #00AA00;
  }
  
  path.candle.down {
      fill: #FF0000;
      stroke: #FF0000;
  }
  
  .y.annotation.right path {
      fill: #FF0000;
  }
  
  rect.pane {
      cursor: move;
      fill: none;
      pointer-events: all;
  }
  
  main.container {
      padding: 10px;
  }
  
  svg {
      /*margin-bottom: 80%;*/
  }
  
  body {
      color: var(--fore-color01); /*var(--text-color);*/
      fill: var(--fore-color01); /*var(--text-color);*/
  }
  
  /* ---------------------------------*/
    /* make the line series black and visible */
  
  
  /* keep axes/grid light */
  .ShowChartt .axis path,
  .ShowChartt .axis line,
  .ShowChartt .tick line {
    stroke: var(--fore-color01);
    opacity: 0.25;         /* subtle grid */
  }
  
  .ShowChartt path.line,
  .ShowChartt .close > path {
    fill: none !important;   /* prevent the triangle */
    stroke: var(--fore-color01);            /* or whatever color you want */
    stroke-width: 2;
  }
  
  
  .chart_txtbox
  {
      display: flex;
      align-items: center;
      background: var(--bg-color02);
      border: 1px solid #e1c463;
      border-radius: 5px;
      padding: 10px;
      width: 100%;
      color: var(--fore-color01);
  }
  
  g.x.axis text {
      display: none !Important;
  }