@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap");
body {
  background: #F1F1F1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: "Sen", sans-serif;
}

.text-accent {
  color: var(--color-primary);
}



.sidebar-bg {
  background-color: var(--color-primary);
}

.content-bg {
  background-color: #393A3F;
}

.next-invoice {
  font-family: "Sen", sans-serif;
  max-width: 800px;
}
.next-invoice .table-wrap::after {
  content: "";
  background: #393A3F;
  height: 100%;
  width: 33.333333%;
  position: absolute;
  top: 0;
  left: 0;
}
.next-invoice .container {
  position: relative;
  z-index: 2;
}
.next-invoice .invoice-logo-wrapper img {
  max-width: 215px;
}
.next-invoice .corners {
  position: absolute;
  right: -0.02rem;
  height: 72px;
  bottom: -72px;
}
.next-invoice p {
  font-size: 11pt;
  margin-bottom: 4px;
}
.next-invoice .sign {
  max-width: 190px;
}
.next-invoice .bg-border {
  height: 20px;
}
.sfs *{
  font-size: 14px;
}
.next-invoice .invoice-id::before {
  content: "";
  background: var(--color-primary);
  height: calc(100% - 10px);
  width: 3px;
  position: absolute;
  top: 5px;
  left: 0;
}
.next-invoice table {
  font-family: unset !important;
}
.next-invoice table.info > tbody > tr:nth-of-type(odd) td {
  background: #fafafa;
}
.next-invoice table.info > tbody > tr:nth-of-type(even) > * {
  background-color: #EEEEEE;
}
.next-invoice table.info > tbody > tr:nth-of-type(odd) td
.next-invoice .table > :not(caption) > * > * {
  padding: 0.8rem 1rem;
}

.next-invoice tr td:last-child, .next-invoice tr th:last-child {
  text-align: right;
  padding-right: 1.8rem;
}
.next-invoice .total tr td:first-child, .next-invoice tr th:first-child {
  padding-left: 1.8rem;
  text-align: left;
}
.text-right{
  text-align: right !important;
}
/* Only For Print */
@media print {
  body {
    background: transparent !important;
  }
  section, .row, .col, .container {
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 !important;
  }
  .invoice-logo-wrapper img {
    max-width: 100%;
    max-width: 100%;
  }
  .next-invoice.d-flex {
    display: block !important;
  }
  .next-invoice .shadow-lg {
    box-shadow: none !important;
  }
}/*# sourceMappingURL=main.css.map */