html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  /* This will allow the content area to grow and take up available space */
}

footer {
  /* Optional styling for footer */
  background: #f8f9fa;
  /* Light background */
  padding: 1rem;
  /* Padding for the footer */
}

@media print {

  .hidden-print,
  .hidden-print * {
    display: none !important;
  }
}

@media print {
  #divPrintInvoice {
      margin-left: 20px; /* Adjust left margin */
  }
}