/* PRINTING STYLES */

@media (max-width:601px){
 
@media print {
    html, body {
      height: 100%;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden; /* Hide scrollbars */
    }
  
    /* Hide all elements 
    body * {
      display: none;
    }*/
    #main-body{
      display:none; 
    }
  .hideOnPrint{
    display:none;
  }
  .showOnPrint{
    display:block;
  }
    /* Only display the #transact_modal */
    #transact_modal {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;  /* Use full width */
      height: auto; /* Let it adjust height */
      margin: 0;    /* Remove any margins */
      padding: 10px; /* Add some padding for aesthetics */
      box-sizing: border-box; /* Include padding in width/height calculations */
      overflow: visible; /* Allow overflow for printing */
      page-break-inside: avoid; /* Prevent page breaks inside the modal */
    }
  
    /* Additional styles to fit content */
    #transact_modal * {
      page-break-inside: avoid; /* Prevent page breaks inside elements */
      overflow: visible; /* Allow overflow for printing */
    }
  
    /* Ensure specific elements within the modal do not overflow */
    #transact_modal h1, #transact_modal h2, #transact_modal h3, #transact_modal p {
      margin: 0; /* Reset margins */
      padding: 0; /* Reset padding */
    }
  
    /* Optionally, set a maximum height for the modal to fit one page */
    #transact_modal {
      max-height: 100vh; /* Limit the height to the viewport */
      overflow: auto; /* Allow scrolling if content exceeds the height */
    }
  }

   }
  /* END OF PRINTING STYLES */
  @media print {
  #transaction_statement_modal{
    padding-left:0%;padding-right:0%;
  }
}
@media print {
  #invoice_modal, #invoice_modal_div_0{
    padding-left:0%;padding-right:0%;
  }
}