.bg-grey{
    background-color: #f4f4f4!important;
}
.print-canvas{
    max-width: 900px;
    margin: 0 auto;
    min-height: 100vh;
}
.inv-row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
}
.inv-col-15{width:15%;}
.inv-col-30{width:30%;}
.inv-col-35{width:35%;}
.inv-col-40{width:40%;}
.inv-col-50{width:50%;}
.inv-col-85{width:85%;}
.inv-col-100{width:100%;}
.inv-text-center{
    text-align: center;
}
.inv-text-bold{
    font-weight: bold;
}
.inv-text-right{
    text-align: right;
}
.inv-border-none{
    border: none!important;
}
.inv-border-right{
    border-right: solid 1px #ccc;
}
.inv-mb-20{
    margin-bottom: 20px;
}
.font-8{
    font-family: Arial, Helvetica, sans-serif;
    font-size:8px!important;
    line-height: 10px;
    color:#000000!important;
}
.font-9{
    font-family: Arial, Helvetica, sans-serif;
    font-size:9px!important;
    line-height:12px;
    letter-spacing: 0.1px;
    color:#000000!important;
}
.font-10{
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px!important;
    line-height:12px;
    color:#000000!important;
}
.font-11{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px!important;
    line-height:13px;
    letter-spacing: 0.1px;
    color:#000000!important;
}
.font-12{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px!important;
    color:#000000!important;
}
.font-14{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px!important;
    line-height:14px;
    color:#000000!important;
}
.font-18{
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px!important;
    line-height: 20px;
    color:#000000!important;
}
.font-20{
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px!important;
    line-height: 22px;
    color:#000000!important;
}
.inv-company-name{
    letter-spacing: 0.5px;
}
.inv-company-address{
    margin-bottom: 8px;
}
.inv-company-address p{
    line-height: 20px!important;
    margin-bottom:-5px;
    letter-spacing: 0.1px;
}
.inv-divider{
    margin:0 10px 0 10px;
}
.inv-emp-code{
    color:#000000;
    font-size: 10px;
    font-weight: bold;
}
.text-dark-color{
    color:#000000!important;
}
/* Invoice CSS */
.inv-title{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    text-transform: none;
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    color:#1b9d49;
    text-align: center;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding: 8px 0;
}
.inv-vendor-details{
    text-align: left;
}
.inv-vendor-details h5{
    font-weight: 800;
    color:#3c3b3b;
}
.inv-vendor-details div{
    line-height: 14px!important;
}
.inv-vendor-details p{
    line-height: 14px!important;
    margin-bottom: 4px;
}
.inv-details{
    text-align: right;
    padding-top:35px;
}
.inv-details p{
    margin-bottom: 4px;
}
.inv-description-table{
    width: 100%;
}
.inv-description-table thead{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #f3f3f3
}
.inv-description-table tr th, .inv-description-table tr td{
    padding:5px;
    color:#000000;
    font-size: 9px;
}
.inv-description-table tr td{
    border-bottom: solid 1px #ccc;
}
.inv-total{
    display: flex;
    justify-content: end;
}
.inv-total-table{
    width:100%;
}
.inv-total-table tr td{
    color:#000000;
    font-size: 9px;
}
.inv-signature{
    margin-top: 10px;
}
.inv-signature h5{
    letter-spacing: 0.2px;
    margin-bottom: 60px;
}
.inv-signature .inv-col-70{
    width:60%;
    padding-right:10%;
}
.inv-signature .inv-col-40{
    padding-top:50px;
}
.inv-signature p, .inv-signature ol li{
    margin-bottom: 0;
}
.inv-signature ol{
    padding-left: 10px!important;
}
.inv-signature ol li{
    margin-bottom:4px;
}
.inv-signature .inv-sign-for{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    line-height: 12px;
    color:#000000;
    /* margin-bottom: 100px; */
}