@media print {
  html,
  body {
    width: 100%;
    height: auto;
  }
  body {
    background-color: #FFFFFF !important;
  }
  .logo-header,
  .whiteBack,
  #divViewFooter,
  .button {
    display: none;
  }
  #divViewPortContainer,
  #divFormHeader,
  #divViewPort {
    display: block;
    background-image: none !important;
  }
  .headerText,
  .header-text {
    width: 650px;
  }
  .header,
  .header-text,
  .header-text > span {
    height: auto;
    color: #333333;
  }
  #divBalance {
    display: none;
  }
  #divPrintBarcode {
    display: block;
    width: 4cm;
  }
  #divPrintTime {
    margin-top: 20px;
  }
  .header-wrap {
    display: none;
  }
  .btn {
    display: none;
  }
  /*Statement*/
  #divStatementWrap {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #ddlStatementTypeWrapper {
    display: none;
  }
  .statementRow {
    min-height: 36px;
    height: auto;
    page-break-inside: avoid;
  }
  .statementItemRows {
    height: auto;
  }
  .statementRowInfo.divTill,
  .statementRowInfo.divDate,
  .statementRowInfo.divTime,
  .statementRowInfo.divBBF,
  .statementRowInfo.divTotalIn,
  .statementRowInfo.divTotalInLabel,
  .statementRowInfo.divTotalOut,
  .statementRowInfo.divTotalOutLabel,
  .statementRowInfo.divPurseBalance,
  .statementRowInfo.divPurseBalanceLabel,
  .statementRowInfo.divRunningTotal,
  .statementItemRow {
    color: #000 !important;
    font-size: 13px !important;
  }
  #divStatementPrintMessage {
    margin: 0.5cm 0;
    margin-top: -60px;
    text-align: right;
  }
  #divStatementPrintMessage span.value:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  #divStatementPrintMessage span.label {
    font-weight: bold;
  }
  .statement-right {
    display: none;
  }
  .transaction-items,
  .transactions-group {
    display: block !important;
  }
}
.col-1,
.col-2 {
  width: 100%;
  max-width: 100%;
}