* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#invoice-items-details {
  margin-top: 2.5rem;
}

.pos-invoice-body #invoice-items-details {
  margin-top: 1.5rem;
}

.serial-no-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 !important;
}

.serial-no {
  padding: 4px 5px;
}

.table {
  border-collapse: collapse;
  width: 100%;
}

.invoice-page {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent !important;
  border: none !important;
}

.full-invoice .invoice-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.full-invoice .invoice-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.full-invoice #invoice-footer p {
  font-size: 10px;
}

.full-invoice.medium-invoice #invoice-footer p {
  font-size: 16px !important;
}

.full-invoice .in-word {
  padding: 10px 0px;
  font-size: 12px;
}

.full-invoice.medium-invoice .in-word {
  padding: 10px 0px;
  font-size: 18px !important;
}

.invoice-print {
  position: absolute;
  right: 10px;
  top: 10px;
}

.header-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

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

.small-icon {
  width: 16px;
}

.extra-small-icon {
  width: 10px;
}

.shop-info {
  margin-left: 20px;
}

.pos-invoice .in-word {
  padding: 10px 0px;
  font-size: 9px;
}

.pos-invoice .shop-address {
  margin: 0px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.py-2 {
  padding: 32px 0px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.company-details-right {
  width: 40%;
}

.company-details-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.company-details-right {
  text-align: right;
}

.text-black {
  color: #000 !important;
}

.invoice-page .recipient-contact i,
.invoice-page .company-contact i {
  padding-right: 0.2rem;
  position: relative;
  top: 2px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f7f7f7 !important;
}

.invoice-page .recipient-info p,
.invoice-page .company-info p,
.invoice-page .company-contact p,
.invoice-page .recipient-contact p {
  line-height: 2;
  margin-bottom: 0;
}

.full-invoice .invoice-items-table table,
.full-invoice .invoice-total-table table {
  border: 2px solid #eeeeee;
}

.full-invoice .table th,
.full-invoice .table td {
  padding: 0.3rem !important;
  font-size: 16px;
}

.full-invoice.medium-invoice .table th,
.full-invoice.medium-invoice .table td {
  font-size: 21px !important;
}

.pos-invoice .table th,
.pos-invoice .table td {
  padding: 0.1rem !important;
}

.invoice-table-header th,
.invoice-table-header td {
  background-color: #e9e9e9 !important;
}

th {
  color: #000 !important;
  font-weight: bold;
}

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

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

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

@media screen {
  body {
    -webkit-print-color-adjust: exact !important;
  }

  .pos-invoice-body {
    width: 100%;
  }
}

.invoice-header-block,
.invoice-header {
  height: 165px;
  border: none !important;
}

#invoice-template {
  border: 0 !important;
}

.invoice-footer-block,
.invoice-body-block {
  border: none !important;
}

.invoice-body-block {
  position: relative;
}

.full-invoice .invoice-footer,
.full-invoice .invoice-footer-block {
  height: 50px;
}

.pos-invoice-body {
  max-width: 300px;
  text-align: center;
  background-color: #eee;
  padding: 10px;
}

.word-box {
  font-weight: bold;
  border: 2px solid #eeeeee;
  font-size: 16px;
  padding: 6px 12px;
  margin-bottom: 10px;
}

.medium-invoice .word-box {
  font-size: 21px !important;
}

@media print {
  td,
  span,
  i,
  p {
    color: #000 !important;
  }

  .serial-no {
    padding: 0px !important;
  }

  .card-body {
    margin-bottom: 0;
    padding: 0 !important;
  }

  * {
    color: #000 !important;
  }

  body {
    -webkit-print-color-adjust: exact !important;
  }

  .pos-invoice-body {
    background-color: #fff;
  }

  .invoice-items-table {
    page-break-before: always;
  }

  .invoice-print {
    display: none;
    visibility: hidden;
  }

  .invoice-print {
    top: -100%;
  }

  #invoice-template {
    padding: 0;
    margin: 0;
    height: auto;
  }

  #invoice-footer {
    position: relative;
  }

  .full-invoice .invoice-bottom {
    position: absolute;
  }

  .full-invoice #invoice-total-details {
    min-height: 300px;
  }

  #invoice-company-details .text-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
  }

  .table-responsive {
    -ms-overflow-style: none;
  }

  th *,
  td * {
    background: none !important;
  }
}

.clearfix::after,
.clearfix::before {
  display: block;
  clear: both;
  content: "";
}

.invoice-total-table {
  margin-top: 20px;
}

.pos-invoice th,
.pos-invoice td {
  font-size: 10px;
}

.pos-invoice-body .customer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  margin: 6px 0px;
  text-align: left;
}

.pos-invoice-body .customer-block p:last-child {
  font-size: 13px;
}

.signature-block {
  margin-bottom: 20px;
}

.signature-block .signature-left {
  min-width: 200px;
}

.invoice-no {
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #626262;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0.9rem 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.4285rem;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-primary {
  border-color: #4839eb !important;
  background-color: #7367f0 !important;
  color: #fff;
}

.btn-outline-primary {
  border: 1px solid #7367f0;
  background-color: transparent;
  color: #7367f0;
}

.m-0 {
  margin: 0px;
}

.mt-2 {
  margin-top: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.pt-1 {
  padding-top: 10px;
}

@page {
  width: 100%;
}

#invoice-customer-details {
  border: 1px solid #555;
  border-radius: 8px;
  padding: 10px 15px;
  margin-top: 5px;
}

.invoice-bottom {
  width: 100%;
}

.pos-invoice-body .sale-summery th {
  font-size: 0.9rem !important;
}

.text-black {
  color: #000 !important;
}

.invoice-page .recipient-contact i,
.invoice-page .company-contact i {
  padding-right: 0.2rem;
  position: relative;
  top: 2px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f7f7f7 !important;
}

.invoice-page .recipient-info p,
.invoice-page .company-info p,
.invoice-page .company-contact p,
.invoice-page .recipient-contact p {
  line-height: 2;
  margin-bottom: 0;
}

.invoice-page .invoice-items-table table,
.invoice-page .invoice-total-table table {
  border: 2px solid #f8f8f8;
}

.full-invoice .customer-block {
  width: 100%;
}

.customer-block p {
  margin-bottom: 0;
}

.table th,
.table td {
  padding: 0.5rem !important;
}

.table-borderless p {
  margin-bottom: 0px !important;
}

.invoice-table-header th,
.invoice-table-header td {
  background-color: #e9e9e9 !important;
}

th {
  color: #000 !important;
  font-weight: bold;
}

td,
span,
i,
p {
  color: #000 !important;
}

@media screen {
  body {
    -webkit-print-color-adjust: exact !important;
  }
}

@media print {
  * {
    color: #000 !important;
    background: #fff !important;
  }

  body {
    -webkit-print-color-adjust: exact !important;
  }

  footer,
  .content-header,
  .buy-now,
  .btn-print,
  .footer,
  .open,
  .main-menu,
  .footer,
  .invoice-print {
    display: none;
    visibility: hidden;
  }

  *::after,
  *::before {
    padding: 0;
    margin: 0;
  }

  .card-body {
    margin-bottom: 0;
  }

  .app-content,
  #invoice-template,
  .navbar-container,
  .navbar-wrapper,
  .header-navbar,
  .invoice-print,
  .content-wrapper,
  .card,
  .card-body {
    margin: 0 !important;
    padding: 0 !important;
  }

  #invoice-template {
    padding: 0;
    margin: 0;
  }

  .row,
  [class^=col-] {
    padding: 0 !important;
    margin: 0 !important;
  }

  #invoice-footer {
    position: relative;
  }

  .table-responsive {
    -ms-overflow-style: none;
  }

  th *,
  td * {
    background: none !important;
  }
}

.pos-invoice-body #invoice-items-details th,
.pos-invoice-body #invoice-items-details td,
.pos-invoice-body #invoice-total-details .str {
  -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
}

.full-invoice #invoice-items-details th,
.full-invoice #invoice-items-details td,
.full-invoice #invoice-total-details th,
.full-invoice #invoice-total-details td,
.full-invoice #invoice-total-details p,
.full-invoice #invoice-total-details p strong {
  font-size: 14pt;
}