.demoChart {
  display: inline-flex;
  width: 600px;
  height: 350px;
  margin: 0;
  padding: 0;
}

.printBody {
  display: inline-flex;
  flex-wrap: wrap;
}

.printBodyBlock {
  display: block;
}

.complianceChart {
  padding-top: 50px;
}

.complianceDistribution {

}

.LegendTable {
  display: inline-grid;
  margin: 10px 30px;
  grid-auto-flow: row;
  border: 6px solid black;
  border-radius: 10px;
}

.LegendRow {
  padding: 8px 16px;
  font-family: Calibri;
  font-size: 20px;
}

.StartTime {
  background-color: darkred;
  color: white;
  -webkit-print-color-adjust: exact;
}

.Turnover {
  background-color: blue;
  color: white;
  -webkit-print-color-adjust: exact;
}

.EndTime {
  background-color: green;
  color: white;
  -webkit-print-color-adjust: exact;
}

.LinesReady {
  background-color: darkcyan;
  color: white;
  -webkit-print-color-adjust: exact;
}

.ORReady {
  background-color: black;
  color: white;
  -webkit-print-color-adjust: exact;
}

.HistoryVerified {
  background-color: royalblue;
  color: white;
  -webkit-print-color-adjust: exact;
}

.ConsentVerified {
  background-color: indianred;
  color: black;
  -webkit-print-color-adjust: exact;
}

.PatientMarked {
  background-color: green;
  color: white;
  -webkit-print-color-adjust: exact;
}


.complianceChartRooms {
  height: 450px;
  margin: 0;
  padding: 0;
}

.turnoverChart {
  width: max(350px, 95%);
  height: max(350px, 95%);
  display: block;
  justify-content: center;
}

.turnoverSummaryChart {
  width: 90%;
  margin: auto;
  position: relative;
  font-family: Calibri;
}

.reportTitle {
  margin: 8px 10px 4px 10px;
}

.reportTitleText {
  font-family: Calibri;
  font-size: 16px;
  color: black;
  font-weight: bold;
  user-select: none;
}

.summaryPrintBody {
  margin: 4px 10px 8px 10px;
}

.reportSummaryArea {
  display: grid;
  grid-template-columns: min-content min-content min-content;
  grid-template-rows: repeat(min-content);
  grid-column-gap: 3vw;
  grid-row-gap: 1px;
  grid-auto-flow: row;
}

.reportTwoThreeCell {
  grid-column: 2 / 4;
}

.reportLabelText {
  font-family: Calibri;
  font-size: 13px;
  color: black;
  font-weight: bold;
  white-space: nowrap;
}

.reportValueText {
  font-family: Calibri;
  font-size: 13px;
  color: #303030;
  font-weight: normal;
  white-space: nowrap;
}

.reportBlankLine {
  height: 18px;
}

.transactionsGrid {
  display: grid;
  grid-template-rows: repeat(min-content);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-auto-flow: row;
}

.transactionColHeader {
  padding: 5px 10px;
  background-color: darkgreen;
  white-space: nowrap;
}

  .transactionColHeader:not(:last-of-type) {
    border-right: 2px solid green;
  }

  .transactionColHeader:first-of-type {
    border-top-left-radius: 14px;
    padding-left: 20px;
  }

  .transactionColHeader:last-of-type {
    border-top-right-radius: 14px;
    padding-right: 20px;
  }

.transactionTitleText {
  font-family: Calibri;
  font-size: 15px;
  color: #e0ffe0;
  font-weight: normal;
}

.transactionCell {
  padding: 2px 8px;
  background-color: white;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: normal;
}

.transactionValueText {
  font-family: Calibri;
  color: black;
}

.noSplitColumn {
  word-break: keep-all;
  white-space: nowrap;
}

.transactionDateArea {
  white-space: nowrap;
  font-size: 11px;
}

.transactionDriverArea {
  white-space: nowrap;
}

.transactionUnitArea {
  min-width: 100px;
}

.transactionNoteArea {
  min-width: 100px;
}