/* Hide elements from the page you do not want printed, customize the page */
@media print {
  /* Hide page title and date  */
  @page {
    size: auto;
    margin: 0mm;
  }
  table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0.5rem;
  }

  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
  }

  a {
    text-decoration: none;
    color: black;
  }

  #print-div, #print-div * {
    overflow-y: visible;
  }

  #print-div {
    position: absolute;
    left: 0;
    top: 0;
  }

  .sidebar, .top-row {
    display: none;
  }

  html {
    font: 11pt sans-serif;
  }

  .btn {
    display: none;
  }

  .ui-calendar {
    display: none;
  }

  a {
    text-decoration: none !important;
    color: #212529 !important;
  }

  p {
    margin: 0.4rem;
  }

  .rz-calendar {
    display: none;
  }

  .h1, h1 {
    font-size: 2em;
  }

  .pagination {
    display: none;
  }

  .form-group {
    display: none;
  }

  hr {
    display: none;
  }

  .alert-warning {
    display: none;
  }

  .d-print-none {
    display: none;
  }

  h4 {
    margin-bottom: 0;
  }

  .d-print-block {
    display: block !important;
  }

  body {
    margin: 1.6cm;
  }

  .b-layout-sider {
    display: none;
  }

  .b-layout-header-fixed {
    display: none;
  }

  .carousel-indicators {
    display: none !important;
  }

  .blazored-modal-close {
    display: none;
  }

  .bm-title {
    display: none;
  }

  #cookies-alert {
    display: none;
  }

  .alert-danger {
    display: none;
  }

  .b-tooltip-inline {
    display: none;
  }

  .rz-dropdown-panel {
    display: none !important;
  }

  #total-price {
    display: block;
    margin-top: 1rem;
  }

  #total-price span {
    margin: 0 2px 0 2px;
  }

  .row {
    font-size: 12px;
  }

  #print-header {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  #summary-table {
    margin-bottom: 1rem;
  }

  h3 {
    display: block;
  }

  .white-space-nw {
    white-space: nowrap;
  }

  .w-150 {
    width: 150px;
  }

  header {
    border-bottom: 2px solid black;
    padding: 1rem 1rem 2rem 1rem;
    margin-bottom: 1rem;
    position: relative;
    font-family: sans-serif;
    font-size: 0.9rem;
  }

  header img {
    width: 8rem;
    border-radius: 0.25rem;
  }

  header p {
    margin: 0.35rem;
  }

  header span {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  header div {
    float: right;
    text-align: left;
  }

  .title {
    position: relative;
    border-bottom: 1px solid black;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
  }

  .title span {
    font-size: 2rem;
  }

  .title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50%;
    border-bottom: 5px solid black;
  }

  dl {
    display: grid;
    grid-template-columns: max-content auto;
    margin-top: 1rem;
  }

  dt {
    grid-column-start: 1;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }

  dd {
    grid-column-start: 2;
    margin-bottom: 0.25rem;
    border-bottom: 0.5px solid darkgray;
    word-break: break-all;
  }

  table span img {
    display: none;
  }
}