@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,700&family=Roboto&display=swap');

#invoice {
  /* padding: 30px; */
  overflow: hidden !important;
}

.address {
  text-transform: capitalize !important;
}
.district {
  text-transform: uppercase;
}

.invoice-v2 {
  position: relative;
  background-color: #fff;

  overflow: hidden !important;
  min-height: 680px;
  /* padding: 15px; */
}

.invoice-head {
  font-family: 'Lato', sans-serif !important;
}

.invoice-head .company-name {
  font-family: 'Lato', sans-serif;
}

.invoice-v2 header {
  padding: 0;
  margin-top: 0px !important;
  margin-bottom: 20px;
  border-bottom: 1px solid #3989c6;
}

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

.invoice-v2 .company-details .name {
  margin-top: 0;
  margin-bottom: 0;
}

.invoice-v2 .contacts {
  margin-bottom: 20px;
}

.invoice-v2 .invoice-to {
  text-align: left;
}

.invoice-v2 .invoice-to .to {
  font-family: 'Lato', sans-serif !important;
  margin-top: 0;
  margin-bottom: 0;
}

.invoice-v2 .invoice-details {
  text-align: right;
}

.invoice-v2 .invoice-details .invoice-id {
  margin-top: 0;
  color: #3989c6;
}

.invoice-v2 main {
  padding-bottom: 50px;
}

.invoice-v2 main .thanks {
  margin-top: -100px;
  font-size: 2em;
  margin-bottom: 50px;
}

.invoice-v2 main .notices {
  padding-left: 6px;
  border-left: 6px solid #3989c6;
}

.invoice-v2 main .notices .notice {
  font-size: 1.2em;
}

/* .invoice-v2 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

.invoice-v2 table td,
.invoice-v2 table th {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #fff;
}

.invoice-v2 table th {
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
}

.invoice-v2 table .premi {
  padding: 10px 20px;
}

.invoice-v2 table td h3 {
  margin: 0;
  font-weight: 400;
  color: #3989c6;
  font-size: 1.2em;
}

.invoice-v2 table .qty,
.invoice-v2 table .total,
.invoice-v2 table .unit {
  text-align: right;
  font-size: 1.2em;
}

.invoice-v2 table .no {
  color: #fff;
  font-size: 1.6em;
  background: #3989c6;
}

.invoice-v2 table .unit {
  background: #ddd;
}

.invoice-v2 table .total {
  background: #3989c6;
  color: #fff;
}

.invoice-v2 table tbody tr:last-child td {
  border: none;
}

.invoice-v2 table tfoot td {
  background: 0 0;
  border-bottom: none;
  white-space: nowrap;
  text-align: right;
  padding: 10px 20px;
  font-size: 1.2em;
  border-top: 1px solid #aaa;
}

.invoice-v2 table tfoot tr:first-child td {
  border-top: none;
}

.invoice-v2 table tfoot tr:last-child td {
  color: #3989c6;
  font-size: 1.4em;
  border-top: 1px solid #3989c6;
}

.invoice-v2 table tfoot tr td:first-child {
  border: none;
} */

.invoice-footer {
  width: 100%;
  text-align: center;
  color: #777;
  border-top: 1px solid #aaa;
  padding: 0;
}

.card-title-abs {
  position: absolute;
  top: -13;
  padding: 0 10px 0 10px;
  background-color: white;
  font-style: italic;
}

.print_width {
  min-width: 600px;
  /* height: 98vh; */
}

.new-page {
  page-break-before: always;
  padding: 0px !important;
}

.center-table-head thead th {
  background-color: #DDEFEF;
  /* border: solid 1px #DDEEEE; */
  /* color: #336B6B; */
  /*padding: 30px;*/
  text-align: center;
  vertical-align: middle;
}

.center-table-head tbody td, .center-table-head tbody th  {
  vertical-align: middle;
}

/* .table {
  page-break-before: always !important;
  background-color: red;
} */

tbody {
  page-break-inside:avoid; 
  page-break-after:auto; 
  /* background-color: red; */
}

@media print {
  #invoice {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw;
    background-color: #ffff;
    overflow: hidden !important;
  }

  .card .card-body {
    padding: 10px;
  }

  .invoice-v2 p {
    overflow: hidden !important;
    font-size: 16pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  ol.list-body > li {
    font-size: 16pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 300;
  }

  ol.list-body {
    font-size: 16pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  .invoice-v2 .sign-company {
    overflow: hidden !important;
    font-size: 16pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  .invoice-v2 .footer-text p {
    font-size: 12pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  .invoice-v2 .header-debet {
    border-bottom: 1.5px solid #343a40!important;
    border-color: #343a40!important;
    /* background-color: red; */
  }

  .payment-info { display: block !important; }
  .dashboard_contents,
  .container, .print_width,
  .invoice_grid, .page-content {
    padding: 0 !important;
    margin: 0 !important;
  }

  .print_width {
    margin-top: 0px;
  }

  .invoice_grid {
    width: 100%;
  }

  .invoice-v2 {
    padding: 0px 0px !important;
  }

  body {
    overflow: hidden !important;
  }

  .hidden-print {
    display: none !important;
  }

  .company-name {
    text-decoration: none;
  }

  .invoice-footer {
    position: absolute; bottom: 10px; page-break-after: always !important;
  }

  .invoice-v2 > div:last-child {
    page-break-before: always !important;
  }
  .new-page > div:last-child {
    page-break-before: always !important;
  }
}