/* ===============================
   X REPORT MODAL
=============================== */

#xReportModal {
  overflow: hidden !important;
}

#xReportModal .modal-dialog {
  height: 90vh;
  max-height: 90vh;
  margin: 5vh auto;

  display: flex;
  align-items: stretch;
}

#xReportModal .modal-content {
  height: 100%;
  max-height: 100%;

  display: flex;
  flex-direction: column;

  border-radius: 24px;
  overflow: hidden;
}

/* header не скролиться */
#xReportModal .modal-header {
  flex: 0 0 auto;
}

/* body займає весь залишок */
#xReportModal .modal-body {
  flex: 1 1 auto;

  min-height: 0;

  overflow: hidden !important;

  padding: 15px 20px;
}

/* ТІЛЬКИ ЦЕЙ БЛОК СКРОЛИТЬСЯ */
#xReportModal .x-report-scroll {
  height: 100%;

  overflow-y: auto;
  overflow-x: hidden;

  padding: 10px 15px 25px;
}

/* папір */
#xReportModal .x-report-paper {
  max-width: 430px;
  width: 100%;

  margin: 0 auto;

  background: #fff;

  padding: 20px 18px 30px;

  box-sizing: border-box;
}

/* текст */
#xReportReceipt {
  margin: 0;

  padding: 0;

  border: 0;

  overflow: visible;

  background: transparent;

  font-family: "Courier New", monospace;

  font-size: 15px;
  line-height: 1.45;

  color: #555;

  white-space: pre-wrap;
}

/* footer завжди на місці */
#xReportModal .modal-footer {
  flex: 0 0 auto;

  padding: 14px 20px 18px;

  background: #fff;
}

/* scrollbar */
#xReportModal .x-report-scroll::-webkit-scrollbar {
  width: 7px;
}

#xReportModal .x-report-scroll::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
}