/*------------------------------------------------------------------
[Invoice SASS Stylesheet]

Project  :  Drug Store
Version  :  1.1
Author   :  Pepdev
Website  :  www.pepdev.com
-------------------------------------------------------------------*/
body {
  padding: 20px 0;
  margin: 0; }

@page {
  padding: 0;
  margin: 0; }
.m-0 {
  margin: 0; }

.mt-0 {
  margin-top: 0; }

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

.p-0 {
  padding: 0; }

.pl-30 {
  margin-left: 20px !important; }

.pr-30 {
  margin-right: 20px !important; }

.pt-30 {
  margin-right: 20px !important; }

.d-inline-block {
  display: inline-block; }

.v-align-middle {
  vertical-align: middle; }

.v-align-top {
  vertical-align: top; }

.v-align-bottom {
  vertical-align: bottom; }

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

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

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

.w-min-130 {
  min-width: 130px;
  width: 130px; }

table {
  width: 100%; }

.company .title {
  font-size: 32px;
  font-weight: 800;
  color: #333;
  text-transform: uppercase; }
.company .name {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 10px 0 5px 0; }
.company .logo {
  margin: 0 0 10px -45px; }
.company .logo img {
  height: 60px; }
.company .text {
  font-size: 16px;
  color: #333;
  margin: 0 0 5px 0; }

.meta {
  padding: 10px 0;
  border-top: 1px solid #ddd; }
  .meta .heading {
    font-size: 16px;
    color: #777; 
      font-weight:600;
  }
  .meta .title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 5px 0 5px 0; }
  .meta .text {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px 0; }

.item {
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #ddd; }
  .item table th {
    color: #000;
    font-size: 16px;
    padding: 8px;
    text-align: left;
    font-weight: 400;
    background-color: #DDD;
    border: 1px solid #DDD; }
  .item table td {
    color: #333;
    font-size: 16px;
    padding: 5px;
    border: 1px solid #DDD; }
    .item table td.title p {
      font-size: 16px;
      margin: 0 0 5px 0; }
    .item table td.title span {
      font-size: 16px;
      color: #777; }
  .item .item-list > td.title {
    width: 200px; }
  .item .item-list > td.qty {
    width: 40px; }
  .item .tax div {
    width: 100px;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0; }
    .item .tax div:nth-child(1) {
      margin: 0;
      padding: 0;
      border-top: 0; }
    .item .tax div span {
      display: inline-block;
      vertical-align: middle; }
      .item .tax div span:nth-child(2) {
        font-size: 16px;
        margin: 0 0 0 5px;
        color: #777; }
  .item .total .blank {
    border: 0; }
  .item .total .title {
    text-align: right;
    color: #333;
    font-weight: 500; }

.payment, .item .payment {
  padding: 10px 0; }
  .payment .title, .item .payment .title {
    font-size: 14px;
    color: #333333;
    margin: 0 0 5px 0;
    font-weight: 600;
    text-align: left; }
  .payment table td, .item .payment table td {
    width: auto;
    font-size: 14px;
    color: #333333;
    padding: 0 0 5px 0;
    border: 0;
    background-color: #ffffff; }
    .payment table td:nth-child(1), .item .payment table td:nth-child(1) {
      min-width: 100px;
      width: 100px;
      color: #777777; }

.payment-total {
  padding-bottom: 10px; }
  .payment-total .payment .title {
    font-size: 14px;
    color: #333333;
    margin: 0 0 5px 0;
    font-weight: 600;
    text-align: left; }
  .payment-total .payment td {
    font-size: 14px;
    color: #333333;
    padding: 0 0 5px 0;
    border: 0;
    background-color: #ffffff; }
    .payment-total .payment td:nth-child(1) {
      width: 60%;
      min-width: 100px;
      width: 100px;
      color: #777777; }
    .payment-total .payment td:nth-child(2) {
      width: 40%; }
  .payment-total .total td {
    padding: 5px 5px 10px 5px;
    font-size: 16px;
    color: #333333;
    border-spacing: 0 15px; }
    .payment-total .total td:nth-child(1) {
      width: 50%; }
    .payment-total .total td:nth-child(2) {
      width: 50%;
      padding-right: 30px;
      font-weight: 600; }
  .payment-total .total .main td {
    font-size: 20px;
    font-weight: 800;
    padding: 10px;
    background-color: #ffc809; }
  .payment-total .customer-note p {
    color: #5d78ff; }

.payment-total td:nth-child(1) {
  width: 60%; }

.payment-total td:nth-child(2) {
  width: 40%; }

.bottom {
  padding: 10px 0 10px 0;
  border-top: 1px solid #eeeeee; }

.sign {
  text-align: right; }
  .sign img {
    margin: 5px 0 0 0;
    max-width: 200px;
    height: 40px; }
  .sign .sign-label {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin: 0; }
  .sign .sign_white {
    width: 200px;
    height: 50px; }

.note {
  padding: 10px 0;
  border-top: 1px solid #eee; }
  .note .block {
    width: 50%; }
    .note .block span {
      display: block;
      font-size: 14px;
      color: #333333;
      margin: 0;
      font-weight: 600; }
    .note .block p {
      font-size: 14px;
      color: #333333;
      margin: 5px 0 0 0; }

.tc {
  padding: 20px 0 20px 0;
  text-align: center;
  border-top: 1px solid #eeeeee; }
  .tc span {
    font-size: 12px;
    color: #aaaaaa; }
  .tc p {
    font-size: 14px;
    color: #777777;
    margin: 5px 0 0 0; }

.customer-note p {
  font-size: 18px;
  color: #555555;
  font-style: italic; }

.inv-template-2 .strip {
  position: relative;
  width: 100%;
  height: 50px;
  text-align: right;
  background-color: #ffc809; }
  .inv-template-2 .strip p {
    position: absolute;
    right: 0;
    top: -1px;
    display: inline-block;
    padding: 0px 20px;
    margin: 0 75px 0 0;
    font-size: 44px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 800;
    background-color: #fff; }
.inv-template-2 .item table {
  border: 1px solid #373b46; }
  .inv-template-2 .item table tr:nth-child(2n) {
    background-color: #f7f9fd; }
.inv-template-2 .item th {
  padding: 15px 10px;
  color: #eeeeee;
  font-weight: 400;
  background-color: #373b46;
  border: 0; }
.inv-template-2 .item td {
  color: #373b46;
  border: 0;
  padding: 5px 10px; }

.inv-template-3 .company .title {
  font-size: 36px;
  letter-spacing: 10px; }
.inv-template-3 .meta {
  padding: 10px 0 0 0;
  border: 0; }
  .inv-template-3 .meta table tr > td {
    width: 33.3%; }
  .inv-template-3 .meta td.bill-to {
    background: #d0d4d5;
    padding: 20px; }
  .inv-template-3 .meta td.info {
    width: 40%;
    background: #e6eaeb;
    padding: 20px; }
  .inv-template-3 .meta td.money {
    background: #f2f4f5;
    padding: 20px; }
    .inv-template-3 .meta td.money .block span {
      display: block;
      font-size: 12px;
      color: #999999; }
    .inv-template-3 .meta td.money .block p {
      font-size: 20px;
      color: #333333;
      margin: 5px 0 0 0;
      font-weight: 600; }
  .inv-template-3 .meta .money .block:last-child {
    margin: 10px 0 0 0; }
.inv-template-3 .item {
  border: 0; }
  .inv-template-3 .item tr:nth-last-child(1) td {
    border-bottom: 2px solid #d0d4d5; }
  .inv-template-3 .item th {
    background: #eeeeee;
    border: 0;
    padding: 10px;
    border-top: 2px solid #d0d4d5; }
.inv-template-3 .item-list td {
  background: #f2f4f5;
  border: 0;
  padding: 10px;
  border-top: 2px solid #d0d4d5; }
.inv-template-3 .bottom td {
  text-align: right; }

.inv-template-4 .strip {
  background-color: #6378bb; }
.inv-template-4 .item table {
  border: 1px solid #3f4863; }
.inv-template-4 .item tr:nth-child(2n) {
  background-color: #f6f8ff; }
.inv-template-4 .item th {
  padding: 10px 10px;
  color: #eeeeee;
  font-weight: 400;
  background-color: #3f4863;
  border: 0; }
.inv-template-4 .item td {
  color: #373b46;
  border: 0;
  padding: 10px; }
.inv-template-4 .payment-total .total .main td {
  color: #fff;
  background: #6278bb; }

.inv-template-5 .hdr .info {
  padding: 20px 0 10px 0;
  border-bottom: 10px solid #eef0f7; }
.inv-template-5 .hdr .tag {
  background: #6378bb;
  border-bottom: 10px solid #70d0c0; }
  .inv-template-5 .hdr .tag h2 {
    font-size: 36px;
    color: #ffffff;
    letter-spacing: 16px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase; }
.inv-template-5 .meta {
  border: 0;
  padding: 15px 0 10px 0; }
  .inv-template-5 .meta .text {
    color: #636979; }
  .inv-template-5 .meta .bill-to .title {
    font-size: 20px; }
.inv-template-5 .inv-details td {
  width: 20%; }
  .inv-template-5 .inv-details td > div {
    padding: 20px;
    background: #eef0f7; }
  .inv-template-5 .inv-details td span {
    margin: 0;
    font-size: 12px;
    color: #999999; }
  .inv-template-5 .inv-details td p {
    margin: 10px 0 0 0;
    color: #333;
    font-weight: 600;
    font-size: 16px; }
.inv-template-5 .inv-item {
  border: 0;
  padding: 10px 0 15px 0; }
  .inv-template-5 .inv-item table {
    padding: 0 3px; }
  .inv-template-5 .inv-item th {
    background: #99d6cb;
    font-size: 16px;
    padding: 10px;
    border: 0; }
  .inv-template-5 .inv-item td {
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #99d6cb; }
.inv-template-5 .payment-total tr:nth-last-child(1) td {
  border: 0; }
.inv-template-5 .payment-total .main td {
  background: #6378bb;
  border: 0;
  color: #fff; }
.inv-template-5 .payment-total .inv-details p {
  display: inline-block; }
.inv-template-5 .payment-total .total {
  background: #eef0f7;
  padding: 20px; }
.inv-template-5 .payment-total .payment {
  padding: 0 0 0 10px; }
.inv-template-5 .bottom .customer-note p {
  color: #22b99f; }

.billing-template .item .title {
  width: 100px;
}

.billing-template .item .tax {
  min-width: 100px;
}

/*.inv-template-bdy .meta{*/
/*    border-top: 1px solid #000000!important;*/
/*}*/
/*# sourceMappingURL=style-invoice.css.map */
.meta{
    border-top: 1px solid #000;
}
.item{
     border-top: 1px solid #000;
}
.item table th{
   
       background-color: #918f8f;
}
.item table tr{
border: 1px solid #000; 
       color: #000;
}
.note{
    border-top: 1px solid #000;
}
.item table td{
    border: 1px solid #333333;
}
#table2{
      border-collapse: collapse;
}
.invocesize p{
    font-size:3rem;
    text-align:right;
}
#table2 tr td{
    border: 1px solid #333333!important; 
}