body {
    background-color: #000000;
    color: #FFFFFF;                     /* white #FFFFFF */
  }

  table {
    font-family: sans-serif, arial;
    color: #D3D3D3;                     /* lightgray #D3D3D3 */
    border-collapse: collapse;
  }
   
  td, th {
    border: 1px solid #708090;          /* SlateGray #708090 */
    text-align: left;
    padding: 2px;
  }

  .highlight{
    color: #FFFF00;                     /* Yellow #FFFF00 */
  }
  
  input {
    color: #FFFFFF;                     /* white #FFFFFF */
    background-color: #000000;          /* black #000000 */
  }
  
  input.dts {
    font-family: sans-serif, arial;
    color: #000000;
    background-color: #D3D3D3;          /* lightgray #D3D3D3 */
  }
  
  input.button {
    color: #000000;
    background-color: #3CB371;        /* MediumSeaGreen #3CB371 */
  }
  
  .highcharts-background {
    fill: #000000;                    /* black #000000 */
  }

  .highcharts-xaxis {
    stroke: #D3D3D3;                  /* lightgray #D3D3D3 */
  }  
  
  .highcharts-yaxis {
    stroke: #D3D3D3;                  /* lightgray #D3D3D3 */
  }  
  
  .highcharts-axis-labels {
    stroke: #D3D3D3;                  /* lightgray #D3D3D3 */
  }
  
  .highcharts-grid-line {
    stroke: #2F4F4F;                  /* DarkSlateGray #2F4F4F */
    stroke-dasharray: 5, 5;
  }