/* Round 37 final TV Bro refinements. Every rule is page scoped. */

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime {
  grid-template-rows: 74px 16px 180px 16px 325px 16px 349px !important;
  gap: 0 !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table table {
  width: 100% !important;
  table-layout: fixed !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table th,
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table td {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table thead tr {
  border-bottom: 1px solid var(--dashboard-border) !important;
  color: var(--dashboard-text-muted) !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table tbody {
  color: var(--dashboard-text) !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(59, 130, 246, 0.09) !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > :nth-child(3) > :first-child {
  padding: 10px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .dashboard-container.page-family > .family-content-grid {
  grid-template-rows: 244px 12px 33px 12px 274px 34px 17px !important;
  gap: 0 !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-trend-card,
html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-risk-card {
  grid-row: 1 / span 3 !important;
  height: 289px !important;
  min-height: 289px !important;
  max-height: 289px !important;
  align-self: start !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-archive-card {
  grid-row: 1 !important;
  height: 244px !important;
  min-height: 244px !important;
  max-height: 244px !important;
  align-self: start !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-reminder-card {
  grid-row: 5 !important;
  height: 274px !important;
  min-height: 274px !important;
  max-height: 274px !important;
  align-self: start !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .plan-card {
  grid-row: 3 / span 4 !important;
  height: 353px !important;
  min-height: 353px !important;
  max-height: 353px !important;
  align-self: start !important;
}

html.page-personal-service.page-personal-service.page-personal-service body.page-personal-service.page-personal-service.page-personal-service .personal-service-type-card {
  grid-column: 3 !important;
  grid-row: 2 / span 2 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html.page-personal-service.page-personal-service.page-personal-service body.page-personal-service.page-personal-service.page-personal-service .personal-appointment-stack {
  grid-column: 3 !important;
  grid-row: 4 / span 4 !important;
  min-height: 0 !important;
  margin-top: 0 !important;
}

html.page-population.page-population.page-population body.page-population.page-population.page-population .dashboard-container.page-population .population-balance-columns > .pop-top-1 {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
  align-self: start !important;
}

html.page-population.page-population.page-population body.page-population.page-population.page-population .dashboard-container.page-population .population-balance-columns > .pop-top-2 {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  align-self: end !important;
}
