.invoice-body{
  background: #fdfdfd;
}
.invoice-wrp{
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 100px;
  background: #fff;
  padding: 0 20px 30px 20px;
}
.invoice-wrp h1{
  text-align: center;
  margin-bottom: 15px;
}
.invoice-inner{
  display: flex;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
}
.invoice-left-sc{
  width: 80%;
  min-height: 100%;
  padding: 20px;
}
.invoice-right-sc{
  width: 20%;
  border-left: 1px solid #e6e6e6;
  padding: 20px;
}
.invoice-head{
  display: flex;
  justify-content: space-between;
}
.invoice-head .company-logo{
  min-width: 150px;
  min-height: 100px;
  background: #f1f1f1;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoice-head .invoice-title{
  font-size: 60px;
  font-weight: 600;
  text-align: right;
}
.invoice-head .invoice-title  .input-control{
  text-align: right;
  width: 100%;
}
.invoice-company-info{
  display: flex;
  justify-content: space-between;
}
.invoice-list{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
}
.input-control{
  border: #3e95e7 1px solid;
  padding: 3px 5px;
  border-radius: 5px;
  outline: none;
}
.input-control:focus{
  border: #3e95e7 1px solid;
}
.input-control:not(:focus):not(:hover) {
  border-color: transparent;
}
.invoice-company-info .left{
  width: 40%;
}
.invoice-company-info .right {
  width: 30%;
}
.invoice-company-info .right .input-control{
  width: 150px;
}
.inv-bold{
  font-weight: 600;
}
.invoice-customer-info{
  display: flex;
}
.inv-bill-to-wrp{
  margin-right: 80px;
}
.invoice-prodct{
  padding-top: 20px;
}
.invoice-product-list{
  width: 100%;
}
.invoice-product-list th{
  background: #000;
  padding: 5px;
}
.invoice-product-list th input{
  color: #fff;
}
.invoice-product-list td {
  padding: 5px;
}
.invoice-product-list .input-control{
  background: none;
  
  width: 100%;
}
.invoice-product-list th .input-control {
  color: #fff;
}
.input-wid-small{
  width: 10%;
}
.inv-btn{
  padding: 5px 10px;
  border-radius: 5px;
  border: #3e95e7 1px solid;
  background:#b9ddff ;
  color: #3e95e7;
}
.inv-total-sc{
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.inv-total-sc .invoice-product-list{
  max-width: 300px;
}
.inv-upload-upi{
  width: 150px;
    height: 150px;
    background: #f1f1f1;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inv-bank-info{
  display: flex;
}
.invoice-note-info-sc{
  margin-top: 50px;
}
.invoice-note-info-sc textarea{
  width: 50%;
}
.inv-download-btn{
  padding: 10px 10px;
  border-radius: 5px;
  border: #3e95e7 1px solid;
  background: #3e95e7;
  color: #fff;
  width: 100%;
  cursor: pointer;
}
.inv-bank-ac-info .invoice-list{
  margin-top: 0;
}