.dash-elem {
  .details{
    border-top: 2px solid $structure;
    border-bottom: 2px solid $structure;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .tab-content{
    border: 5px solid $base;
  }
  .dash-details{
    padding: 15px;
    padding-bottom: 0;
  }
}

.dashboard-header{
  border-bottom: 1px solid $structure;
  margin-bottom: 7px;
  h4{
    font-size: 20px;
    margin-bottom: 5px;
  }
  a{
    font-size: 14px;
    height: 35px;
  }
  .nav > li > a:focus{
    background-color: $brand-accent;
    color: $brand-tertiary;
  }
  .nav > li > a:hover{
    background-color: $brand-accent;
    color: $brand-tertiary;
  }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: $brand-accent;
  }
  .tab-pane p{
    font-size: 12px;
    color: $base-header-small;
  }
  #dashboard-metadata-content{
    margin-top: 15px;
  }
}

.dash-suite-object{
  margin-bottom: 30px;
}

.dashboard-body, .legend{
  font-size: 16px;
  p{display: inline;}
  .server-name p{
    margin-left: 10px;
  }
  .nav{
    font-size: 14px;
    li > a.active{
      background-color: $brand-accent;
    }
  }

  rect {
    fill: $result-none;
  }

  .none {
    fill: $result-none;
  }

  .pass {
    fill: $result-pass;
  }

  .fail {
    fill: $result-fail;
  }

  .error {
    fill: $result-fail;
  }

  .skip {
    fill: $result-skip;
  }

  .warning {
    color: $result-warning;
  }
 
  .dash-row{
    padding-top: 8px;
    .server-name a{
      margin-left: 7px;
      font-size: 18px;
    }
    .last-updated {
      color: $base-header-small;
      text-align: right;
      padding-top: 4px;
      font-size: .7em;
    }
    .execute{
/*      button{
        height: 25px;
        font-size: 12px;
      }*/
      a{
        font-size: 14px;
        color: $brand-secondary;
      }
    }
  }
}

.legend {
  svg {
    overflow: visible;
  }
}