/* Round 38 final component and index layout rules. */

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 53px 12px 274px 14px 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 {
  height: 309px !important;
  min-height: 309px !important;
  max-height: 309px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-risk-card #familyRiskChart {
  flex: 0 0 auto !important;
  width: 485px !important;
  height: 250px !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-risk-card .family-risk-chart-pane {
  flex: 0 0 250px !important;
  height: 250px !important;
  max-height: 250px !important;
  align-self: center !important;
}

html.page-intervention.page-intervention.page-intervention body.page-intervention.page-intervention.page-intervention .intervention-type-card #typeChart {
  flex: 0 0 auto !important;
  width: 485px !important;
  height: 250px !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

html.page-intervention.page-intervention.page-intervention body.page-intervention.page-intervention.page-intervention .intervention-type-card > .standard-risk-plot-layout {
  flex: 0 0 250px !important;
  height: 250px !important;
  max-height: 250px !important;
  align-self: center !important;
}

html.page-medical.page-medical.page-medical body.page-medical.page-medical.page-medical #donutChart {
  transform: scale(.95) !important;
  transform-origin: center center !important;
}

html.page-overview.page-overview.page-overview body.page-overview.page-overview.page-overview #statusChart {
  transform: scale(.95) !important;
  transform-origin: center center !important;
}

html.page-population.page-population.page-population body.page-population.page-population.page-population .population-activity-title-row .chart-header-legend {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}

html.page-population.page-population.page-population body.page-population.page-population.page-population .population-activity-title-row .chart-header-legend-item + .chart-header-legend-item {
  margin-left: 8px !important;
}

html.page-population.page-population.page-population body.page-population.page-population.page-population .population-activity-title-row .chart-header-legend-dot {
  display: inline-block !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  margin-right: 4px !important;
}