:root {
  --max-entity-table-height: 35vh;
  --entity-table-header-height: 49px;
  --entity-table-height: 5px;
}

.entity-properties {
  font-size: 14px;
}

.entity-properties .property {
  font-weight: 500;
}

.package-entity .badge,
.dependency-entity .badge {
  margin-right: 5px;
}

.package-entity .react-json-view,
.dependency-entity .react-json-view,
.license-detecion-entity .react-json-view {
  max-height: 75vh;
  overflow: auto;
}

.package-entity .raw-info-section,
.dependency-entity .raw-info-section,
.license-detecion-entity .raw-info-section {
  margin-top: 15px;
  padding-bottom: 20px;
}

.entity-table {
  /* max-height: 250px; */
  max-height: var(--max-entity-table-height);
  height: auto !important;
}

.entity-table .ag-root-wrapper-body.ag-layout-normal {
  flex: none;
  height: auto;
}

.entity-table .ag-center-cols-viewport .ag-center-cols-container,
.entity-table .ag-body-viewport,
.entity-table .ag-body {
  height: auto;
  /* Subtract height of horizontal scroll and header from table height */
  max-height: calc(var(--max-entity-table-height) - var(--entity-table-header-height) - var(--entity-table-height));
  flex: none;
}