@media all {
  .page-break {
    display: none;
  }
}
@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
}
#header {
  display: grid;
  grid-template-rows: auto;
  width: 70mm;
  height: auto;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  border: 1pt solid black;
  margin-left: auto;
  margin-right: auto;
}

.cname {
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

.add2 {
  font-size: 11pt;
  text-align: center;
  padding-top: 1mm;
}

.ph {
  padding-left: 1mm;
  font-weight: bold;
  font-size: 16pt;
  text-align: center;
}

.arabicph {
  padding-left: 96mm;
}

.vat {
  padding-left: 1mm;
  font-weight: bold;
  font-size: 16pt;
  padding-top: 0mm;
  text-align: center;
  line-height: 5mm;
}

.right {
  padding-left: 95mm;
}

.rightwall {
  padding-left: 173mm;
}

#sign {
  text-align: right;
  padding-top: 10mm;
}

#content {
  display: grid;
  width: 245mm;
  height: auto;
  margin-bottom: 1mm;
  grid-template-columns: 15mm 100mm 25mm 20mm 20mm 20mm 20mm 1fr;
  grid-auto-rows: minmax(5mm, max-content);
  font-family: "Times New Roman", Times, serif;
  border: 1pt solid black;
  text-align: center;
  word-break: break-all;
  font-size: 12pt;
  border-bottom: none;
  /* white-space: nowrap;  hides the content beyond border or div (for border bottom tested) , but together with word-break not works */
  /*overflow: hidden; */
}

#contenttax {
  display: grid;
  width: 130mm;
  grid-template-columns: 20mm 35mm 25mm 25mm 25mm;
  grid-auto-rows: minmax(4mm, max-content);
  font-family: "Times New Roman", Times, serif;
  border: 1pt solid black;
  text-align: center;
  word-break: break-all;
  font-size: 12pt;
  float: left;
  border-right: none;
  border-bottom: none;
  /* white-space: nowrap;  hides the content beyond border or div (for border bottom tested) , but together with word-break not works */
  /*overflow: hidden; */
}

.headtax {
  font-size: 16pt;
  border-bottom: 1pt solid black;
  border-right: 1pt solid black;
}

.footertax {
  height: 9mm;
  grid-column: 1/-1;
  border-bottom: 1pt solid black;
  border-right: 1pt solid black;
  padding-top: 1mm;
}

.head {
  font-size: 16pt;
  border-bottom: 1pt solid black;
  border-right: 1pt solid black;
  height: 10mm;
}

.c {
  border-bottom: 1pt solid black;
  border-right: 1pt solid black;
  padding-top: 2mm;
}

.cprod {
  padding-left: 2mm;
  text-align: left;
}

.c7 {
  border-right: none;
}

#footer {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  width: 78mm;
  font-size: 12pt;
  height: auto;
  /*padding-right:10px;
  font-size:16pt; )*/
  font-family: "Times New Roman", Times, serif;
  text-align: right;
  border: 1pt dotted black;
}

.r {
  border-bottom: 1px dotted black;
  /*border-radius: 10px 10px 10px 10px; */
  padding-right: 3mm;
  text-align: right;
}

.net {
  border-bottom: none;
}

#taxheader {
  text-align: center;
  width: 245mm;
  height: 8mm;
  /* padding-top: 10px;  */
  font-size: 14pt;
  font-weight: bold;
  border-radius: 2mm 2mm 2mm 2mm;
  font-family: "Times New Roman", Times, serif;
}

#section {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  height: 2cm;
  width: 78mm;
  margin: 1mm 1mm;
  font-size: 12pt;
  font-family: "Times New Roman", Times, serif;
}

.cadd {
  padding-top: 0pt;
}

.date {
  text-align: left;
  padding-left: 5mm;
}

.mode {
  padding-left: 65mm;
  padding-top: 8mm;
}

.bno {
  padding-left: 2mm;
  text-align: left;
}

p {
  margin: 3pt;
  line-height: 5mm;
}

.tin {
  padding-top: 5mm;
}

.referrals {
  padding-top: 6mm;
}

#footeramt {
  border: 1pt solid black;
  text-align: center;
  width: 245mm;
  height: 16mm;
  margin: 1mm 1mm;
  /* padding-top: 10px;  */
  font-size: 12pt;
  font-weight: bold;
  border-radius: 2mm 2mm 2mm 2mm;
  font-family: "Times New Roman", Times, serif;
  padding-top: 2mm;
  bottom: 3mm;
  clear: both;
}

.amount {
  width: 120mm;
  height: 25mm;
  text-align: left;
  float: left;
}

.seal {
  width: 120mm;
  height: 25mm;
  text-align: center;
  padding-left: 10mm;
  float: left;
}

.sign {
  font-size: 10pt;
  line-height: 5mm;
}

.line1 {
  border-left: 1pt solid black;
  height: 2.4cm;
  position: relative;
  left: 141mm;
  margin-left: -3px;
  margin-top: 9mm;
}