body {
  background-color: #fff !important;
  min-width: auto !important;
  width: 8.5in;
}

body.print-email {
  background-color: var(--background-bg) !important;
}

.print-hide {
  display: none !important;
}

.print-email .page-top {
  display: none !important;
}

.print-email .wrapper {
  overflow-x: hidden;
  padding: 0;
}

/* avoid adding blank page after adding "break-inside: avoid;" */
.page-wrapper {
  height: 100%;
}

/* make overflow visible to do not cut page on printing */
.wrapper main {
  overflow: visible !important;
}

/* avoid break some important blocks */
.report-block,
.page-segment .card,
.page-segment .filters-list,
.vue-grid-item {
  break-inside: avoid;
}

/* resize chartjs to fit print width */
canvas.chart {
  height: auto !important;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  width: auto !important;
}

/* optimize guests table for printing */
.customer-table {
  border: 0 !important;
}

.customer-table .redacted {
  display: none;
}

/*
  break-inside: avoid doesn't work with absolute position,
  so we override grid styles for printing
 */
.page-dashboard .page-top {
  padding-left: 0;
  padding-right: 0;
}

.vue-grid-layout {
  height: auto !important;
  margin-left: -4px !important;
  margin-right: -12px !important;
}

.vue-grid-item {
  display: inline-block;
  left: auto !important;
  margin: 4px;
  position: relative !important;
  right: auto !important;
  transform: none !important;
  transition-property: none !important;
  z-index: auto !important;
  top: 0 !important;
}