@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap";
body{font-family:Arial,sans-serif}.invoice{border:1px solid #ccc;max-width:800px;padding:5px}.company-info{margin-left:10px}.color-picker{border:1px solid #ccc;width:70px;height:30px}.hex-input{text-transform:uppercase;border:1px solid #ccc;border-radius:4px;width:75px;height:30px;padding-left:8px;font-size:14px;box-shadow:0 1px 3px #0000001a}.addr{color:#333;margin-top:0;font-size:14px;display:block}.logo{justify-content:center;height:100%;margin-left:1%;font-size:24px;font-weight:700;display:flex}.company-name{color:purple;font-weight:700}.item{text-align:right;min-width:100%;font-weight:700}.number-details{justify-content:space-between;display:flex}.invoice-detail{background-color:#f0f0f0;justify-content:space-between;margin-bottom:5px;display:flex}.client-info{justify-content:space-between;margin-bottom:5px;display:flex}.empty{border:2px solid purple}.nodata{border:3px solid #add8e6}.subtotal{justify-content:space-between;margin-bottom:-10px;display:flex}.bank-details{justify-content:space-between;margin:0;display:flex}.basic-details{width:40%}.amount-details{width:50%}.basic-details p{margin:0;font-size:14px}.basic-details-a5 p strong{display:inline-block}.basic-details-a4 p strong,.basic-details-letter p strong{width:100px;display:inline-block}.amount-details p{margin:0;padding:0}.amount-details-a5 p strong{text-align:left;display:inline-block}.amount-details-a4 p strong,.amount-details-letter p strong{text-align:left;width:75%;display:inline-block}p{margin:0;padding:0}.empty-space{width:50px;height:70px}.payment-words{text-align:end}.terms{clear:both}.subtotal-table{border-collapse:collapse;width:100%}.taxpercentage{color:gray;font-size:14px;display:block}.invoice-portrait-A4-container{width:100%;height:100%}.invoice-landscape-A4-container{width:100%;height:70.71%}.invoice-portrait-A5-container{width:70.48%;height:70.71%}.invoice-landscape-A5-container{width:100%;height:49.83%}.invoice-portrait-Letter-container{width:100%;height:77.53%}.invoice-landscape-Letter-container{width:100%;height:63.93%}.signature{justify-content:space-between;display:flex}.input-wrapper{border:1px solid #ccc;border-radius:4px;align-items:center;width:80px;height:30px;display:flex;overflow:hidden}.number-input{text-align:right;border:none;outline:none;width:100px;padding:4px}.pixelnumber{text-align:right;color:#333;border:none;flex:1;padding:0 5px;font-size:14px}.unit{color:#666;background-color:#f0f0f0;height:95%;padding:0 5px;font-size:13px}