.loading_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    display: block;
    position: absolute;
  }

  div#dropdown-right ul.dropdown-menu.dropdown-menu-right.show {
    margin-top: 20px;
}


.invoice-discount {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

  .loader_logo {
    height: 100px;
    width: 100px;
    position: absolute;
    /*left: calc(50% - 50px);*/
    /*top: 38%;*/
    top: 20%;
    left: 44%;
  }

  .loader_logo img {
    height: 100px;
    /*width: 100%;*/
    position: fixed;
    top: 31%;
    width: 140px;
  }

  .loading {
    border: 3px solid rgba(102, 51, 153, 0.45);
    position: absolute;
    left: calc(50% - 40px);
    top: 50%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border-top-color: #8b5cf6;
    animation: loader 1s ease-in-out infinite;
    -webkit-animation: loader 1s ease-in-out infinite;
  }
   /* Extreme Performance */

   .invoice-ls-heading h3{
    color: #ffffff  !important;
    text-align: center;
    font-size: 23px !important;
    margin-top: unset !important;
   }

   .invoice-logo{
    gap: 20px;
    display: flex;
    align-items: center;
    margin-right: 30px;
   }

  div#Show_invoice .modal-dialog.modal-sm.modal-dialog-scrollable{
    max-width: 100% !important;
  }

  .invoice-fields{
    padding-right: 10px;
    padding-left: 10px;
  }

  div#invoice-POS{
    max-width: 100% !important;
  }

  div#invoice-POS .info {
    align-items: center;
    flex-direction: row;
    width: 100%;
    /* margin-bottom: 10px; */
  }

  div#invoice-POS .info  div#bar{
    max-width: 0% !important;
  }

  div#invoice-POS .info span{
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
  
  .invoice-fields .c-name span {
    display: inline-block;
    width: 88.5%;
    border-bottom: 1px solid #000;
  }

.invoice-multi-fields div {
    flex: 1;
 }

 .invoice-multi-fields span {
    display: inline-block;
    border-bottom: 1px solid #000;
    width: 89.5%;
    margin-left: 3px;
 }

 .invoice-multi-fields {
  display: flex;
  justify-content: space-between;
  gap: 30px; 
  margin-top: 12px;
}

 .c-address, .c-reg, .c-model, .c-vin,
 .c-phone, .c-color, .c-km, .c-engine {
  display: flex;
  flex-direction: row;
  align-items: end;
 }
 .invoice-tri-fields {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 15px;
 }

 .invoice-tri-fields div {
  width: 32%;
  position: relative;
  padding-bottom: 5px;
  font-family: Arial, sans-serif;
  font-size: 14px;
 }

 #invoice-POS h3{
  font-weight: bold !important;
  font-size: 1.42275rem !important;
 }

 .invoice-tri-fields strong {
  display: inline-block;
  width: 40%;
 }

 .invoice-tri-fields span {
  display: inline-block;
  width: 58%;
  border-bottom: 1px solid #000;
  text-align: left;
 }

 table#invoice-td {
  width: 97%;
  border-collapse: collapse;
  font-size: 14px;
  margin-right: 8px !important;
    margin-left: 9px !important;
 }

 table#invoice-td  th,
 table#invoice-td  td {
  border: 1px solid #000;
  padding: 5px;
  text-align: left;
 }


 table#invoice-td  th {
  background-color: black;
  font-weight: bold;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
 }

 table#invoice-td  tbody tr td {
  height: 30px;
  vertical-align: middle;
 }

 table#invoice-td  tbody tr {
  border-bottom: 1px solid #000 !important;
 }

 table#invoice-td  tfoot td {
  font-weight: bold;
  border-top: 2px solid #000;
 }

 .table-multi-fields{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid;
    border-top: unset;
    margin-right: 10px !important;
    margin-left: 10px !important;
    width: 97.5% !important;
 }

 .table-total{
    border-left: 1px solid;
    width: 45.0%;
    font-size: 19px;
    display: flex;
    gap: 109px !important;
    align-items: center;
    justify-content: center;
}

 .rupees-in-words{
    font-size: 19px;
    padding: 10px;
    align-items: center;
    vertical-align: middle;
    display: flex;
 }

 .modal_body{
 padding: unset !important;
 }

 div#Show_invoice___BV_modal_body_{
  padding: unset !important;
 }

 .table-tt {
  display: flex;
  align-items: stretch; 
  border-collapse: collapse;
  box-sizing: border-box;
  width: 98.5%;
  margin-left: 9px;
  line-height: 20px !important;
 }

 .table-tt .invoice-rs, .table-tt .invoice-tt, .table-tt .invoice-sym {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-right: 1px solid;
 }

 .table-tt .invoice-rs{
  width: 54.5% !important;
  border-bottom: 1px solid;
  border-left: 1px solid;
  padding-left: 10px;
  font-size: 16px;
  font-size: 16px;
 }
 .table-tt .invoice-tt{
  width: 24.4% !important;
  border-bottom: 1px solid;
  justify-content: center;
 }

 .table-tt .invoice-sym {
    border-right: 1px solid;
    width: 19.6% !important;
    border-bottom: 1px solid;
    justify-content: end;
    padding-right: 5px; 
 }

 .table-tt div{
    padding-top: 10px;
    padding-bottom: 10px;
 }

  .q-name{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }

  .main-header .logo a img{
    border-radius: 60px;
    width: 80px !important;
    height: 60px !important;
  }

  .footer-bottom.border-top.pt-3.d-flex.flex-column.flex-sm-row.align-items-center img.logo{
    border-radius: 60px;
    width: 60px;
  }

  .auth-logo img {
    width: 140px !important;
  }

  .auth-layout-wrap {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  img#userDropdown{
    width: 50px !important;
    height: 50px !important;
  }

  /* Extreme Performance */

  @keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
    }
  }