/* print section */
  @media print {
      @page {
          size: A4;
          width: 210mm;
          height: 297mm;
          background: white;
          display: block;
          margin: 0;
          padding: 0.5cm;
          page-break-after: always;
      }

      /* .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
          padding: 0rem !important;
          margin-top: 3rem !important;
      } */

      body {
          margin: 0 !important;
          padding-left: 0 !important;
          print-color-adjust: exact !important;
          -webkit-print-color-adjust: exact !important;
      }

      /* page[size="A4"] {
          margin: 0 auto;
          background: white;
          width: 21cm;
          height: 29.7cm;
          display: block;
          margin-bottom: 0.5cm;
          box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
      } */

      hr {
          margin-top: 0.45rem !important;
          margin-bottom: 0.45rem !important;
          border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
      }

      #warranty {
          /* font-size: 0.98rem !important; */
      }

      #terms ul {
          padding-left: 1em;
          padding-left: 40px !important;
      }

      .payment_method {
          font-size: 1.1em !important;
          padding-right: 30px !important;
      }

      #termTitle strong {
          font-size: 0.98rem !important;
      }

      .terms strong {
          font-size: 0.98rem !important;
      }

      #greeting_quote strong {
          font-size: 0.98rem !important;
      }

      #greeting_purchase {
          font-size: 1.05em !important;
      }

      #BankNote i,
      #BankNote strong {
          font-size: 0.99em !important;
      }

      #greeting_quote li {
          font-size: 0.98rem !important;
      }

      #contact-us {
          display: block;
          position: relative !important;
          bottom: 0 !important;
          margin-top: 2rem;
          width: 100%;
      }

      header,
      footer {
          display: none !important;
      }

      .divtext textarea {
          border: none;
          padding-left: 0;
          overflow: hidden;
          resize: none;
          width: 100%;
      }

      /* .table-header td,
      .table-header th {
          padding: 0.09rem 0.20rem;
          font-size: 0.48rem !important;
          white-space: nowrap;
      } */

      .tableContent ul,
      .tableContent u,
      .tableContent li {
          font-size: 0.98rem !important;
          text-indent: 0.01em;
      }

      .table-header textarea {
          padding: 0.00rem 0.03rem;
          font-size: 0.48rem !important;
          width: 100%;
      }

      .divtext h5,
      .divtext li {
          font-size: 1rem;
      }

      .divtext h4 {
          color: #7e7d7d;
          font-size: 2em;
      }

      .divtext table {
          width: 100%;
      }

      .divtext th {
          background-color: rgb(32, 115, 163) !important;
          color: white;
      }

      td.no-border {
          border: none !important;
      }

      .table-header td,
      .table-header th {
          padding: 0.09rem 0.20rem;
          font-size: 1.1rem !important;
          white-space: nowrap;
      }

      .table-header textarea {
          padding: 0.00rem 0.03rem;
          font-size: 1rem !important;
          width: 100%;
      }

      .tableContent td,
      .tableContent th {
          border: 1px solid rgb(21, 102, 168) !important;
          padding: 6px 2px !important;
          font-size: 0.98rem !important;
      }

      table .deposit td {
          /* padding: 0.2rem 0.25rem !important; */
          padding: 0px !important;
          margin-left: 0px !important;
          margin-right: 0px !important;
          /* border: 1px solid rgb(214, 214, 214) !important; */
      }

      .boderless {
          border: 1px solid white !important;
      }

      .divtext td,
      .divtext th {
          padding: 0.25rem 0.50rem !important;
          vertical-align: middle !important;
      }

      .divtext img {
          width: 180px;
      }

      .divtext p {
          font-size: 0.7rem;
          margin: 0%;
      }

      .dataTable textarea {
          resize: none;
      }

      .foot {
          text-align: center;
          width: 100%;
          bottom: 0;
          padding: 1%;
          border: 1px solid rgb(228, 225, 225);
          font-size: medium;
      }

      .payment {
          /* padding-left: 0.5rem; */
          font-size: 0.98rem !important;
      }

      .signature span {
          font-size: 1rem;
      }

      div.signature {
          /* margin-top: 4.5rem; */
          padding: 0;
          /* padding-left: 0.5rem; */
      }

      #terms p {
          font-size: 1rem;
          margin-top: 1rem;
      }

      .terms h5,
      .warranty h5 {
          margin-left: 0;
          font-size: 1rem !important;
      }

      .terms li {
          font-size: 0.98rem !important;
          margin-left: 0;
          padding-left: 0;
          text-indent: 0.3rem;
      }

      .quotations span,
      li {
          /* font-size: 1.5em !important; */
          font-family: Arial, Helvetica, sans-serif;
      }

      .warranty li {
          margin-left: 0;
          padding-left: 0;
          /* font-size: 1em !important; */
          text-indent: 0.3rem;
          list-style-type: none;
      }

      .signature p {
          font-size: 0.95rem;
      }

      div.banking {
          background-color: rgb(32, 115, 163);
          color: white;
          border-radius: 20px;
          width: fit-content;
          padding-left: 60px;
          padding-right: 60px;
          font-weight: 500;
          padding-top: 3px;
          padding-bottom: 3px;
      }

      .paidstatus {
          color: red;
          font-family: 'Exo';
          font-weight: 700;
          font-size: 1.2em !important;
      }

      .no-print {
          display: none;
      }

      .parent {
          position: absolute !important;
          top: 0 !important;
          right: 0 !important;
          z-index: 8 !important;
      }

      .paidTextStatus:before,
      .paidTextStatus:after {
          content: '';
          position: absolute;
          top: 0;
          margin: 0;
          /* tweak */
          width: 140%;
          height: 100%;
          background: #06d526;
          z-index: 9;
      }

      .paidTextStatus:before {
          right: 98%;
      }

      .paidTextStatus:after {
          left: 98%;
      }

      .paidText {
          margin: 0;
          padding: 0;
          background: #06d526;
          color: white;
          opacity: 0.6;
          /* width: 100%; */
          padding-top: 0.7rem !important;
          padding-bottom: 0.5rem;
          position: absolute;
          top: 1rem;
          right: 0;
          transform: rotate(45deg);
          transform-origin: top left;
          font-family: 'Arial';
          font-size: 1.3rem !important;
          font-weight: 800;
          z-index: 10;
      }

      /*UNPAID*/
      .unpaidTextStatus:before,
      .unpaidTextStatus:after {
          position: absolute;
          content: '';
          top: 0;
          margin: 0;
          /* tweak */
          width: 120%;
          height: 100%;
          background: rgb(241, 81, 81);
          z-index: 9;
      }

      .unpaidTextStatus:before {
          right: 99%;
      }

      .unpaidTextStatus:after {
          left: 99%;
      }

      .unpaidText {
          margin: 0;
          padding: 0;
          background: rgb(241, 81, 81);
          color: white;
          opacity: 0.6;
          /* width: 100%; */
          padding-top: 0.7rem !important;
          padding-bottom: 0.5rem;
          position: absolute;
          top: 1rem;
          right: 0;
          transform: rotate(45deg);
          transform-origin: top left;
          font-family: 'Arial';
          font-size: 1.3rem !important;
          font-weight: 800;
          z-index: 10;
      }
  }

  /* End print section */