/* Round 36 final TV Bro geometry for Family, Personal Service and Realtime. */

html.page-family.page-family.page-family body.page-family.page-family.page-family .dashboard-container.page-family > .family-content-grid {
  grid-template-rows: 222px 12px 392px !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,
html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-archive-card {
  box-sizing: border-box !important;
  height: 222px !important;
  min-height: 222px !important;
  max-height: 222px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-reminder-card,
html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .plan-card {
  box-sizing: border-box !important;
  height: 392px !important;
  min-height: 392px !important;
  max-height: 392px !important;
}

html.page-personal-service.page-personal-service.page-personal-service body.page-personal-service.page-personal-service.page-personal-service .dashboard-container.page-personal-service {
  grid-template-columns: .8fr 1fr .82fr !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,
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;
  min-width: 0 !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) !important;
  grid-template-rows: 74px 16px 180px 16px 305px 16px 369px !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid {
  display: contents !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card {
  grid-row: 3 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(2) { grid-column: 1 !important; }
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(3) { grid-column: 3 !important; }
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(4) { grid-column: 5 !important; }
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(5) { grid-column: 7 !important; }
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(6) { grid-column: 9 !important; }
html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .vital-card:nth-of-type(7) { grid-column: 11 !important; }

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > .realtime-top-grid > .devices-card {
  grid-column: 9 / span 3 !important;
  grid-row: 5 / span 3 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > :nth-child(3) {
  display: contents !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > :nth-child(3) > .realtime-alert-card {
  grid-column: 1 / span 3 !important;
  grid-row: 5 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > :nth-child(3) > :nth-child(3) {
  grid-column: 5 / span 3 !important;
  grid-row: 5 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .dashboard-container.page-realtime > :nth-child(3) > :first-child {
  grid-column: 1 / span 7 !important;
  grid-row: 7 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.page-realtime.page-realtime.page-realtime body.page-realtime.page-realtime.page-realtime .event-table {
  min-width: 0 !important;
  overflow: hidden !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.1 !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: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}