.sw-dashboard{
  background-color:#000;
  height: calc(100% - 145px);
  }
  .sw-row1{display: flex;}
  .sw-chart-small-card{
    background-color: #FDA348;
    border:0px solid transparent;
  }
  
  .sw-chart-card{
    border-radius: 0px;
    padding:10px;
    margin:5px 20px 0 0;
    /*min-width:225px;*/
    flex:1;
  }
  
  .sw-chart-card.sw-db-interval{
      min-width:225px;
      width:225px;
  }
  .sw-chart-card.sw-db-interval .sw-align-center{
      display:table;
      margin:0px auto 10px auto;
  }

  .sw-chart-card.sw-mini-bar-chart{
      padding:10px 5px 0 5px;
      margin:5px 0 0 0;
  }
  .sw-chart-card.sw-time-bar-chart{
      min-width:1080px;
      padding:12px 6px;
      margin:0;
  }
  
  .sw-summary-header-bar{
    height:32px;
    background-color: #777;
    width:100%;
    display:flex;
    color:#fff;
    font-size:16px;
    line-height:32px; 
    justify-content:center;
  }
  .sw-summary-value-bar{
    height:48px;
    background-color: #000;
    color:#fff;
    width:100%;
    display:flex;
    font-size:20px;
    line-height:48px; 
    justify-content:center;
  }
  .sw-summary-item{
    width:300px;
    display:flex;
  }
  .sw-summary-mark{
    width:5px; 
    height:100%; 
    margin-right:16px; 
    background: linear-gradient(#000 2%,#333 10%, orange 40%, orange 70%, #333 90%,#000 98%);
    display:inline-block
  }
  
  .sw-summary-value{
    font-size:20px;
    line-height:48px; 
    color:#fff;
  }

  /* Legend Classes */
  .sw-legend-wrap{
    display:flex;
    margin:0;
  }
  .sw-legend-wrap.row { flex-direction: row;}
  .sw-legend-wrap.row .sw-legend-item + .sw-legend-item {margin-left:20px;}
  .sw-legend-wrap.col { flex-direction: column;}
  .sw-legend-wrap.col .sw-legend-item + .sw-legend-item {margin-top:10px;}

  .sw-legend-wrap .sw-legend-item{
    display:flex;
    flex-direction: row;
    height:32px;
    align-items:stretch;
  }

  .sw-legend-wrap .sw-legend-item .sw-legend-color{ width:5px;}
  .sw-legend-wrap .sw-legend-item .sw-legend-value-wrap{margin:0px 3px;}
  .sw-legend-wrap .sw-legend-item .sw-legend-label{
    font-size:12px;
    height:14px;
    line-height: 15px;
  }
  .sw-legend-wrap .sw-legend-item .sw-legend-value{
    font-size:18px;
    height:18px;
  }