html,
body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 550;
  letter-spacing: 0px;
  font-family: Verdana, Geneva, sans-serif;
  background: #fff;
}

small {
  font-weight: 400;
  font-size: 8px;
}

.row {
  float: left;
  width: 100%;
}

.paddtopbot {
  padding: 2px 0px 4px 0px;
}

.martopbot {
  margin: 2px 0px;
}

.paddtop {
  padding: 2px 0px 0px;
}

.paddbot {
  padding: 0px 0px 2px;
}

p.autoindent {
  margin: 2px 0px;
  padding: 1px 0px;
  text-indent: 6px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.line-height {
  line-height: 20px;
}

.page-break {
  display: block; /*page-break-after:always;*/
  clear: both;
  page-break-before: always;
  height: 1px;
}

.print-container {
  width: 526px;
  max-width: 526px !important;
  height: 768px;
  max-height: 768px !important;
  margin: auto;
  display: block;
}

.print-container-a5-land {
  width: 1000px;
  margin: auto;
  display: block;
  padding: 0px 2px;
}

.print-container-a5-half {
  width: 450px;
  display: block;
  margin: 0 25px;
  float: left;
}

.print-container-a4 {
  width: 820px;
  margin: auto;
  display: block;
  padding: 0px 2px;
}

.print-container-a4-land {
  width: 1140px;
  margin: auto;
  display: block;
  padding: 0px 2px;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.border-bot {
  border-bottom: 0.5px solid #000;
}

.border-top {
  border-top: 0.5px solid #000;
}

.border-left {
  border-left: 0.5px solid #000;
}

.border-right {
  border-right: 0.5px solid #000;
}

.border {
  border: 0.5px solid #000;
}

.border-top-dot {
  border-top: 0.5px dotted #000;
}

.border-bot-trans {
  border-bottom: 0.5px solid transparent;
}

.border-top-trans {
  border-top: 0.5px solid transparent;
}

.border-left-trans {
  border-left: 0.5px solid transparent;
}

.border-right-trans {
  border-right: 0.5px solid transparent;
}

.border-trans {
  border: 0.5px solid transparent;
}

.border-top-dot-trans {
  border-top: 0.5px dotted transparent;
}

table td {
  /* vertical-align: top; */
}
.row {
  float: left;
  width: 100%;
  clear: both;
}

.col-3 {
  float: left;
  width: 25%;
}

.col-4 {
  float: left;
  width: 33%;
}

.col-6 {
  float: left;
  width: 50%;
}

.company-name {
  padding: 2px 0px 2px;
  text-align: center;
  font-size: 16pt;
  font-weight: 700;
}

.page-title {
  padding: 2px 0px 2px;
  text-align: center;
  font-size: 12pt;
  font-weight: 700;
  position: relative;
}

.copy {
  position: absolute;
  font-size: 9px;
  font-weight: 400;
  right: 0;
  top: 5px;
}

.pageno {
  position: absolute;
  font-size: 9px;
  font-weight: 400;
  left: 0;
  top: 5px;
}

.page-subtitle {
  padding: 2px 0px 2px;
  text-align: center;
  font-size: 9pt;
  font-weight: 700;
}

.vbottom {
  vertical-align: bottom;
  display: table-cell !important;
}

.billno {
  font-weight: bold;
  font-size: 9pt;
}

table.grid th,
table.tbl th {
  font-weight: 600;
}

.print-container table.grid {
  font-size: 7px;
}

.greybg {
  background: #e0e0e0;
}

/*.page-pic{width:100%; padding: 5px; clear: both;}
.page-pic img{max-width:CALC(100% - 10px);}*/

.page-pic {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.page-pic.pic-type-sqr,
.page-pic.pic-type-lnd {
  width: 100%;
}
.page-pic.pic-type-prt {
  width: CALC(50% - 2px);
}

.page-pic img {
  max-width: CALC(100% - 10px);
  border: 1px solid #c6bdc0;
  border-radius: 1px;
  background: #f2f2f2;
  padding: 5px;
}

.btn {
  padding: 10px 50px;
  color: #fff;
  background: #41bd76;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  cursor: pointer;
}

@media print {
  .noprint {
    display: none;
  }
}

#domimg,
.domimg {
  display: inline-block;
  margin: auto;
  background: #fff;
  padding: 15px 18px 15px 15px;
}
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  top: 0;
}
.loader .text {
  position: absolute;
  left: calc(50% - 65px);
  top: calc(50% - 35px);
  width: 100px;
  background: #ffffff;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}