.timline-chart {
  fill: #eeeeee;


  /* axis */

  .axis {
    /* axis labels */
    fill: #808080;
    font-family: sans-serif;
    font-size: 10px;
  }

  .axis line {
    /* axis tick marks */
    stroke-width: 1;
    stroke: rgb(189, 189, 189);
    shape-rendering: crispEdges;
  }

  .axis path {
    /* axis line */
    stroke-width: 1;
    stroke: grey;
    shape-rendering: crispEdges;
  }

  /* timeline band */

  .band {
    /* band background */
    fill: #ececec;
  }

  /* labels */

  .bandLabel {
    fill: white;
    font: 10px sans-serif;
    font-weight: bold;
  }

  .bandMinMaxLabel {
    fill: #808080;
    font: 10px sans-serif;
  }

  .bandMidLabel {
    fill: red;
    font: 10px sans-serif;
    font-style: italic;
    font-weight: bold;
  }

  /* brush */

  .brush .extent {
    stroke: gray;
    fill: blue;
    fill-opacity: 0.1;
  }



  .interval {
    fill: #ececec;
    stroke-width: 6;
    cursor: default;
    pointer-events: true;
  }

  .interval.odd {
    opacity: 0.9;
  }

  .instant {
    fill: #000000;
    stroke-width: 6;
    cursor: default;
    overflow: visible;
    /*pointer-events: true;*/
  }

  .instantLabel, .intervalLabel {
    fill: #000000;
    font: 10px sans-serif;
    shape-rendering: crispEdges;
  }


  .item {
    cursor: default;
    pointer-events: auto;
  }

  #band1 .band {
    fill: #efefef;
  }

  .tooltip {
    width: auto;
    position: absolute;
    visibility: hidden;
    color: black;
    cursor: default;
    background-color: #ffffee;
    border: 1px solid;
    padding: 4px;
    shape-rendering: crispEdges;
    pointer-events: none;
    display:none;
  }

  .sub-track-0 {
    fill: #ef6c00; /* Muted Orange */
  }

  .sub-track-0.odd {
    fill: #ffcc80; /* Light Muted Orange */
  }

  .sub-track-1 {
    fill: #42a5f5; /* Neutral Blue */
  }

  .sub-track-1.odd {
    fill: #90caf9; /* Light Neutral Blue */
  }

  .sub-track-2 {
    fill: #66bb6a; /* Soft Green */
  }

  .sub-track-2.odd {
    fill: #c5e1a5; /* Light Green */
  }

  .sub-track-3 {
    fill: #7e57c2; /* Muted Purple */
  }

  .sub-track-3.odd {
    fill: #b39ddb; /* Light Muted Purple */
  }

}