@media not print {
  body > div.reports {
    display: none;
  }
}

@media print {
  .non-printable {
    display: none;
  }

  @page {
    margin: 0 0 40px 0;
    size: A4; /* Or other desired paper size */

    @bottom-center {
      content: "Page " counter(page) " of " counter(pages);
      font-family: sans-serif;
      font-size: 10pt;
      color: #333;
    }

  }

  /*th, td {*/
  /*  font-size: 0.5rem;*/
  /*}*/
  table.header-section th, table.header-section td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 14px;
  }

  th, td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 12px;
  }

  .text-left {
    text-align: left;
    padding-left: 2px !important;;
  }

  .text-right {
    text-align: right;
    padding-right: 2px !important;;
  }

  #hourlyDataChart {
    width: 100% !important;
    height: auto !important;
  }

  body > div:not(.reports) {
    display: none;
  }

  body > div.reports {
    display: block;
    zoom: 100%;
  }

  .page-break {
    break-after: page;
  }

  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}