@media print {
  @page {
    size: A4;
  }
  body {
    position: initial !important;
    max-height: initial !important;
    overflow: auto !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  ion-router-outlet {
    overflow: auto !important;
    contain: none !important;
    position: initial !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  .print-content {
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: auto !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  ion-tab-bar {
    display: none !important;
  }
  .no-print {
    display: none !important;
  }
  ion-header {
    display: none !important;
  }
  ion-menu {
    display: none !important;
  }
  #barChart {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
  }
  .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}