.dtp-dashboard-cluster {

  canvas.visit-graph {
    width: 960px;
    height: 360px;
  }

  fieldset {
    border-color: #9e9e9e;
    color: #c8c8c8;

    legend {
      font-family: 'Courier New', Courier, monospace;
      font-size: 11px;
      color: #9e9e9e;
    }
  }

  .dtp-cpu-graph {
    background: none;

    &.cpu-overload {
      background: #4e0000;
    }
  }

  .dtp-stat-cell {
    line-height: 1;
  }

  .dtp-stats-bar {
    width: 100%;
    height: 16px;
    margin: 0;
    padding: 0;
  
    .dtp-cpu-stat-bar {
      display: inline-block;
      height: 16px;
      text-align: center;
      font-size: 10px;
      overflow: hidden;
  
      &.dtp-cpu-user {
        background-color: #008000;
      }
      &.dtp-cpu-nice {
        background-color: #808080;
      }
      &.dtp-cpu-sys {
        background-color: #808000;
      }
      &.dtp-cpu-idle {
        background-color: #484848;
      }
      &.dtp-cpu-irq {
        background-color: #800000;
      }
    }
  
    .dtp-mem-stat-bar {
      display: inline-block;
      height: 16px;
      text-align: center;
      font-size: 10px;
      overflow: hidden;
  
      &.dtp-mem-used {
        background-color: #008000;
      }
      &.dtp-mem-available {
        background-color: #404040;
      }
  
      &.dtp-mem-cached {
        background-color: #008000;
      }
      &.dtp-mem-buffers {
        background-color: #004000;
      }
      &.dtp-mem-slab {
        background-color: #808000;
      }
    }
  }
}
