@media (min-width: 992px) {
  .page-body .server-info .panel {
    vertical-align: top;
    display: inline-block;
    margin-right: 30px;
    &:last-child {
      margin-right: 0;
    }
  }
}

.page-body .server-info .panel {
  overflow-x: auto;
  table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #dee2e6;
    width: 100%;
    th, td {
      border: 1px solid #dee2e6;
      border-right-width: 0;
    }
    thead > tr > th {
      color: #343a40;
      border-bottom: 1px solid #e9ecef;
      border-top: 0;
      font-weight: 700;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      &:first-child {
        border-left-width: 0;
      }
    }
    tbody > tr > td {
      white-space: nowrap;
      border-top-width: 0;
      padding: .75rem;
      vertical-align: top;
      &:first-child {
        border-left-width: 0;
        border-bottom: 1px solid #e9ecef;
        border-top: 0;
      }
      &:last-child > td {
        border-bottom-width: 0
      }
    }
  }
}

.page-body .server-info .panel.runtime {
  table td:first-child {
    color: #343a40;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
}

@media (max-width: 992px) {
  .page-body .server-info .panel.files  {
    width: 100%;
    &.files {
      margin-top: 30px;
    }
  }
}