/**
      @page {
  margin: 0
}

wrapper {
  margin: 0
}
**/

.print-paper {
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  page-break-after: always;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}

/** Paper sizes **/
.print-paper-wrapper.A3 .print-paper {
  width: 297mm;
  height: 419mm
}

.print-paper-wrapper.A3.landscape .print-paper {
  width: 420mm;
  height: 296mm
}

.print-paper-wrapper.A4 .print-paper {
  width: 210mm;
  height: 296mm
}

.print-paper-wrapper.A4.landscape .print-paper {
  width: 297mm;
  height: 209mm
}

.print-paper-wrapper.A5 .print-paper {
  width: 148mm;
  height: 209mm
}

.print-paper-wrapper.A5.landscape .print-paper {
  width: 210mm;
  height: 147mm
}

.print-paper-wrapper.letter .print-paper {
  width: 216mm;
  height: 279mm
}

.print-paper-wrapper.letter.landscape .print-paper {
  width: 280mm;
  height: 215mm
}

.print-paper-wrapper.legal .print-paper {
  width: 216mm;
  height: 356mm
}

.print-paper-wrapper.legal.landscape .print-paper {
  width: 357mm;
  height: 215mm
}

/** Padding area **/
.print-paper.padding-10mm {
  padding: 10mm
}

.print-paper.padding-15mm {
  padding: 15mm
}

.print-paper.padding-20mm {
  padding: 20mm
}

.print-paper.padding-25mm {
  padding: 25mm
}

/** For screen preview **/
@media screen {
  .print-paper {
    background: white;
    margin: 0 auto;
    -webkit-box-shadow: 0 4px 25px rgba(35, 35, 35, 0.12), 0 2px 10px rgba(35, 35, 35, 0.07), 0 3px 1px -2px rgba(35, 35, 35, 0.06);
    box-shadow: 0 4px 25px rgba(35, 35, 35, 0.12), 0 2px 10px rgba(35, 35, 35, 0.07), 0 3px 1px -2px rgba(35, 35, 35, 0.06);
  }

  .body--dark {
    .print-paper {
      background: var(--q-color-dark);
    }
  }
}

@media screen and (min-width: 210mm) {
  .print-paper {
    margin: 5mm auto;
  }
}

/** Fix for Chrome issue #273306 **/
@media print {
  .print-paper {
    margin: auto;
  }
  .print-paper-wrapper.A3.landscape {
    width: 420mm
  }

  .print-paper-wrapper.A3,
  .print-paper-wrapper.A4.landscape {
    width: 297mm
  }

  .print-paper-wrapper.A4,
  .print-paper-wrapper.A5.landscape {
    width: 210mm
  }

  .print-paper-wrapper.A5 {
    width: 148mm
  }

  .print-paper-wrapper.letter,
  .print-paper-wrapper.legal {
    width: 216mm
  }

  .print-paper-wrapper.letter.landscape {
    width: 280mm
  }

  .print-paper-wrapper.legal.landscape {
    width: 357mm
  }
}

.estatement {
  font-size: 14px;
}

.estatement .paper-content {
  color: #1a1a1a;
  padding: 3.5mm 12.5mm;
}

.estatement .estatement-header {
  vertical-align: middle;
  margin-bottom: 3mm;
}

.estatement .estatement-header > .content {
  padding: 3.5mm 0;
  clear: both;
}

.estatement .estatement-header > .content > .title {
  font-size: 10mm;
  font-weight: 700;
  display: inline-block;
  float: right;
  margin-top: 2.5mm;
}

@media print {
  .estatement .estatement-header>.content>.title {
    position: relative;
    top: 1mm;
  }
}

.estatement .estatement-header > .content > .logo {
  font-size: 7.5mm;
  font-weight: 700;
  float: left;
  max-width: 25mm;
}
.estatement .estatement-header > .content > .logo > img {
  width: 100%;
  margin-left: -1mm;
}

.estatement .estatement-person {
  vertical-align: middle;
  margin-bottom: 5mm;
  font-weight: 700;
}

.estatement .estatement-person > .content {
  clear: both;
}

.estatement .estatement-person > .content > .estatement-person-name {
  float: left;
}

.estatement .estatement-person > .content > .estatement-person-company {
  float: right;
}

.estatement .estatement-subheader {
  padding: 5mm 5mm 4mm;
  margin-bottom: 3mm;
  background-color: #f9f9f9;
  border-left: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
}

.estatement .estatement-subheader > .title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5mm;
}

.estatement .estatement-subheader > .content {
  font-size: 3.75mm;
}

.estatement .estatement-subheader > .content > .account,
.estatement .estatement-subheader > .content > .dates {
  display: inline-block;
}

.estatement .estatement-subheader > .content > .account {
  width: 90mm;
  float: left;
}

.estatement .estatement-subheader > .content > .dates {
  width: 72mm;
  float: right;
}

.estatement .estatement-subheader > .content .data {
  display: block;
  margin-bottom: 2mm;
}
.estatement .estatement-subheader > .content .data > .key {
  display: inline-block;
}
.estatement .estatement-subheader > .content .data > .sep {
  display: inline-block;
  width: 3mm;
  text-align: right;
}
.estatement .estatement-subheader > .content .data > .value {
  display: inline-block;
  text-align: right;
  float: right;
}
.estatement .estatement-subheader > .content > .account > .data > .key {
  width: 50mm;
}
.estatement .estatement-subheader > .content > .dates > .data > .key {
  width: 30mm;
}
.estatement .estatement-subheader > .content > .dates > .data > .period {
  width: 50%;
  vertical-align: middle;
}


.estatement .estatement-transaction {
  clear: both;
}
.estatement .estatement-transaction > .title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5mm;
  padding-left: 3mm;
}

.estatement .table {
  clear: both;
  font-size: 13px;
  border-bottom: 1px solid #ddd;
}

.estatement .table.last-page {
  position: relative;
}
.estatement .table > .table-row-body {
  display: block;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  height: 160mm;
}
.estatement .table.last-page > .table-row-body {
  display: block;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  height: 170mm;
}

@media print {
 .estatement .table > .table-row-body {
    height: 165mm;
  }
  .estatement .table.last-page > .table-row-body {
    height: 173mm;
  }
}

.estatement .table .table-row.table-row-header {
  background-color: #f9f9f9;
  border-left: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
}
.estatement .table .table-row {
  display: block;
}
.estatement .table .table-row.empty {
  padding: 55mm;
  text-align: center;
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
}
.estatement .table .table-header {
  font-weight: 600;
  padding: 2.25mm 1mm 1.85mm;
}
.estatement .table .table-data {
  padding: 2.75mm 0;
}
@media print {
  .estatement .table .table-data {
    padding: 3.15mm 0;
  }
  .estatement .table.last-page .table-data {
    padding: 3mm 0;
  }
}
.estatement .table .table-header,
.estatement .table .table-data {
  display: inline-block;
}
.estatement .table .table-row > .date {
  padding-left: 5mm;
  width: 30mm;
}
.estatement .table .table-row > .ref-no {
  width: 32mm;
}
.estatement .table .table-row > .withdrawal {
  width: 44mm;
  text-align: right;
}
.estatement .table .table-row > .fee {
  width: 42mm;
  text-align: right;
}
.estatement .table .table-row > .balance {
  width: 28mm;
  /* padding-right: 5mm; */
  text-align: right;
}
.estatement .table .table-row > .withdrawal,
.estatement .table .table-row > .fee,
.estatement .table .table-row > .balance {
  text-align: right;
}
.estatement .table .table-row.last-page {
  font-weight: 700;
  border-top: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.estatement .table .table-row.last-page > .table-data {
  padding-top: 2mm;
  padding-bottom: 2mm;
}
.estatement .table .table-row.last-page > .date {
  width: 34mm;
  padding-left: 0;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
.estatement .table .table-row.last-page > .date > .cell {
  background-color: #f9f9f9;
  margin: 1px;
  padding-top: 2mm;
  padding-bottom: 2mm;
}
.estatement .table .table-row.last-page > .ref-no {
  width: 28mm;
}

.estatement .estatement-footer {
  text-align: right;
  position: absolute;
  right: 12.5mm;
  bottom: 7.5mm;
  font-size: 13px;
}

.estatement .clearfix {
  clear: both;
}