/* print properties */
.onlyprint {
  display: none !important;
}

@media print {
  html,
  body {
    overflow: unset !important;
  }

  .body {
    margin-top: 0px !important;
  }

  .noprint {
    display: none !important;
  }
  .onlyprint {
    display: block !important;
    /* position: relative; */
    /* top: 0 !important; */
  }
  .page-break-after-always {
    /* break-after: right; */
    page-break-after: always !important;
    /* break-after: always !important; */
  }
  .page-break-before-always {
    page-break-before: always !important;
  }
  .avoid-page-break {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
  }
  /* table common properties */
  table {
    page-break-inside: auto !important;
    /* margin: 5pt 0 0; */
  }
  table tr {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
  }
  table thead {
    display: table-header-group;
    /* margin: 0 0 5pt 0; */
  }
  table tfoot {
    display: table-footer-group;
  }

  .canvas {
    margin-bottom: 0pt !important;
    padding: 0pt;
  }
  /* table td > div {
    page-break-inside: avoid !important;
    margin: 4pt 0pt;
  } */
}
/* tfoot border css */
.tfootborder {
  border: 1pt solid white !important;
}
@page {
  /* size: A4;
  margin: 10mm 2mm !important; */
}
@page :first {
  /* margin: 5mm 0 !important; */
  /* margin: 2mm 0 7mm 0 !important; */
}

/* page a4 */
.canvas {
  min-width: var(--canvas-min-width);
  max-width: var(--canvas-max-width);
  min-height: var(--canvas-min-height);
  padding: 12pt;
  /* margin-bottom: 9pt !important; */
  /* outline: 1px solid; */
}
@media print {
  .canvas {
    height: auto;
    margin-bottom: 0pt !important;
  }
}