Free Receipt Generator | Receipt Maker

<!DOCTYPE html> <html lang="en" > <head> <title>Free Receipt Generator | Receipt Maker | Zoho Invoice</title> <meta name="description" content="Create and download professional sales receipts instantly with our free Receipt Generator. Enter the transaction details, customize the template, and easily print, or download the sales receipt as PDF."> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="SHORTCUT ICON" href="https://www.zohowebstatic.com/sites/zweb/images/favicon.ico"> <style type="text/css">/* ZOHO PUVI FONT WEIGHT LIST */ /*~~~~~~~~~~ LIGHT ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi Light'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_light.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ REGULAR ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi Regular'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_regular.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ MEDIUM ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi Medium'; src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot'); src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot') format('embedded-opentype'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2') format('woff2'),url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ SEMI BOLD ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi SemiBold'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_semibold.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ BOLD ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi Bold'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_bold.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ EXTRA BOLD ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi ExtraBold'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_extrabold.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*~~~~~~~~~~ BLACK (LAST BOLD) ~~~~~~~~~~*/ @font-face { font-family: 'Zoho Puvi Black'; src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.eot); src: url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.eot?#iefix) format('embedded-opentype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.woff2) format('woff2'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.woff) format('woff'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.ttf) format('truetype'), url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_black.svg) format('svg'); font-weight: normal; font-style: normal; font-display: swap; }</style> <link href="https://www.zohowebstatic.com/sites/zweb/css/common/zf/common-header-footer.css" rel="stylesheet" type="text/css"> <link href="/css/prd-common-inner.css" rel="stylesheet" type="text/css"> <link href="/invoice/styles/site.css?v=4" rel="stylesheet" type="text/css"> <link href="/invoice/styles/invoicegenerator.css" rel="stylesheet"> <style type="text/css">.za-country_code-container select{height:0;width:0;padding:0;border:0;position:absolute}.za-country_code-container #rmobile{padding-left:39px;width:86%}.ccodelabel{width:30px;position:absolute;left:12px;top:13px;font-size:15px;color:#555}.otp-background{background-color:#131a2b;opacity:.75;position:fixed;z-index:1001;top:0;bottom:0;right:0;left:0}.otp-container{border-radius:20px;top:50%;left:50%;max-width:400px;width:75%;background:#fefefe;padding:30px;z-index:1101;position:fixed;text-align:center;box-shadow:3px 4px 7px #2d3038;-webkit-box-shadow:3px 4px 7px #2d3038;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.otp-field{width:60%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 12px;height:auto;outline:0;margin:15px 7px;border:1px solid #b3b7c9;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;text-align:center;border-radius:4px;background-color:#fefefe;color:#748196}.btn-verify{width:40%;padding:15px 0;font-weight:600;font-size:16px;color:#fff;background:#0075ff;border:none;border-radius:5px;cursor:pointer;height:auto}.close-otp-popup{position:absolute;top:14px;height:21px;width:21px;right:18px;cursor:pointer}.verifytitle{padding-top:23px;font-size:18px;font-weight:600;color:#24265a}.verifyinfo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.verifyheader{font-size:15px;padding:10px 5px;line-height:20px;color:#748196;margin:0}.otpmobile+span{font-size:20px}.otp-edit-icon{height:18px}.change,.resendotp{padding-left:5px;font-weight:600;font-size:14px;cursor:pointer;color:#2c85ff}.otp-popup-img{width:65px;height:65px}.za-submitbtn-otp{margin-top:25px}.resent-help{font-size:14px;color:#748196}.changeloadbtn,.resendotp.nonclickelem{pointer-events:none}.changeloadbtn{opacity:.3}.signupotpcontainer .field-msg{padding-top:5px;text-align:center}@media screen and (max-width:450px){.otp-container{top:calc(100% - 200px);-webkit-animation:otp-popup-animation .5s;animation:otp-popup-animation .5s;width:100%;border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px}@-webkit-keyframes otp-popup-animation{0%{top:100%}to{top:calc(100% - 170px)}}@keyframes otp-popup-animation{0%{top:100%}to{top:calc(100% - 170px)}}.close-otp-popup{right:35px}}</style> <style>b,body,div,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{margin:0;padding:0}body{font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.b-div{background-color:#fafafa}li,ul{list-style:none}input,textarea{border:none}.upload-logo-section{display:contents}.inv-header-container,.upload-logo-section{width:50%}.container{margin-bottom:100px}.d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.d-inline-block{display:inline-block}.w-auto{width:auto}.row-item td.dele-icon,.table-header td.dele-icon{border-bottom:none;background:none;border-top:none}.add-logo{padding:20px 20px 15px;border:1px dashed #dbe8fd;display:block;border-radius:6px;margin-bottom:20px;font-size:14px;width:20%;color:#5b9aff;cursor:pointer;text-align:center;background-color:#fbfcff}.add-logo:hover{border:1px solid #dbe8fd!important}.add-logo .upload-svg{width:24px}.upload-section-note{display:block;margin:15px 20px;font-size:14px;width:24%;font-weight:500}.upload-section-note div{color:#676767;font-size:10px;padding-top:5px}#display_image{background-position:50%;background-size:contain;background-repeat:no-repeat;height:85px;display:none}.inv-generator .add-logo:hover>div .img-option.hide{display:block!important}.inv-generator .img-option{position:relative;left:100%;width:25px;top:4px;border:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:6px}.inv-generator .img-option div:first-child{border-bottom:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:0}.inv-generator .img-option div{padding:5px 5px 2px;background-color:#f9f9fb;border-bottom-right-radius:6px}.inv-generator .delete-svg,.inv-generator .edit-svg{width:14px;padding-top:2px}.main-div{margin:0 auto;overflow:hidden;width:1200px}.top-band-div{clear:both;margin:0 auto;position:relative;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:53px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px}.top-band-div .title-divider{border-left:1px solid #e2e2e2;height:53px;margin:0 20px}.top-band-div .title{color:#333;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.top-band-div .tool-name{font-size:18px}.top-band-div .powered-by{font-size:11px;line-height:13px;color:#333;display:block}.free-tools-menu{background:url(/invoice/images/menu.svg) no-repeat;cursor:pointer;display:inline-block;width:20px;height:25px;vertical-align:text-bottom}#topband-logo{margin-left:20px;display:none}.align-items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comp-addr-outer div{display:inline-block}.comp-addr-inner{width:54%}.comp-addr-invoice{width:45%;float:right}.bill-addr{margin-top:50px;width:100%}.row{margin:auto}.upload-logo-error-msg{background-color:snow;border:1px solid #ffdfdc;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:6px;-webkit-box-shadow:0 2px 4px 0 rgba(126,159,114,.17);box-shadow:0 2px 4px 0 rgba(126,159,114,.17);margin:0 auto 10px}.caution-svg{width:24px;vertical-align:sub}.close-svg{width:14px;vertical-align:middle;margin-left:10px;cursor:pointer;float:right;margin-top:6px}.inv-generator{min-height:1100px;padding:40px 33px 0 35px;background:#fff;border:1px solid #bfc8de;border-radius:10px}.template-actions-container{padding-top:20px;border-top:1px solid #bfc8de;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.action-btn .pdf-dropdown{width:8px;height:8px;vertical-align:middle;margin:0 0 2px 5px}.action-btn.btn-main{color:#fff;background-color:#408dfb;border-color:#408dfb;outline:none}.action-btn{background-color:#fff;font-size:14px;border:1px solid #bfc8de;letter-spacing:normal}.try-invoice{margin-left:5px}.btn.btn-theme{padding:8px 23px}.pdf-dropdown-menu{display:none;position:absolute;top:100%;right:0;padding:4px;z-index:1000;text-align:left;background-color:#fff;border:1px solid #bfc8de;border-radius:6px;width:100%;-webkit-box-shadow:0 1px 10px 2px hsla(0,0%,63.9%,.23921568627450981);box-shadow:0 1px 10px 2px hsla(0,0%,63.9%,.23921568627450981)}.action-btn.btn-download:hover+.pdf-dropdown-menu,.pdf-dropdown-menu:hover{display:block}.pdf-dropdown-item{border-radius:6px;cursor:pointer;padding:7px 10px}.pdf-dropdown-item:hover{background-color:#408dfb;color:#fff;fill:#fff}.btn-plain{width:90%;background-color:rgba(0,0,0,0);border:1px solid #d6f669!important;color:#d6f669!important;display:block}.link-print{color:#83c0f5;cursor:pointer}.column td{padding:4px 8px;vertical-align:top}.taxsummary .column td{padding:8px 16px}.table-header{background-color:#000;color:#fff}.table-header td input{background-color:inherit;color:#fff;text-align:right}.table-header td input:not([READONLY]):focus{background:#fff;border:1px solid #444;color:#444}.bill td{padding:2px}.amount{text-align:right;width:100px}.sav-amo td{padding:10px;border-top:2px solid #ddd}.tot,.tot input{background:#f9f9fb}.tot ts{border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7}.tot input:focus{border:1px dotted #444}input,input.form-control,select.form-control,textarea{margin-bottom:2px;outline:none!important;border:1px dotted rgba(0,0,0,0)}.tot td{padding:10px;text-align:right}td.bdr-non{border:none}.note{width:100%;min-height:22px;margin-top:2px;resize:vertical!important}.terms{margin-top:20px;text-align:left;font-weight:700;font-size:14px}.font-sm{font-size:13px!important;line-height:20px}.bld{font-weight:700;margin:2px 0}.adr,.bld{font-size:14px}.adr{width:98%}.adr.error{border:1px solid #a94442}.adr-lft{width:55%;text-align:left}.adr-rgt{text-align:right;width:42%}.c-name{font-size:45px;font-weight:300;width:100%;color:#666;text-align:right;color:#38342c;margin:0 27px 0 auto}.bdr-non{border:none}.inv-generator input:hover,.inv-generator textarea:hover{border:1px solid #6ca3ff;border-radius:4px}input:-moz-read-only:hover{border:1px solid rgba(0,0,0,0)!important}input:read-only:hover{border:1px solid rgba(0,0,0,0)!important}input[READONLY]:focus{background:none;border:1px dotted #fff}.form-control{height:25px;padding:4px 12px 4px 3px;border:inherit;-webkit-box-shadow:inherit;box-shadow:inherit;-webkit-transition:inherit;-o-transition:inherit}.date-field{background:url(/invoice/svg/calendar.svg);background-size:17px;background-repeat:no-repeat;padding-left:22px;background-position:2px 2.5px}.highlight-transition-duration{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.highlight{background-color:#fffbd7}.c-name.form-control{height:inherit}.form-control:focus{-webkit-box-shadow:inherit;box-shadow:inherit;border:1px solid #6ca3ff!important}.bill-to{color:#000;margin-bottom:10px}.row-item td{border-bottom:1px solid #e3e3e3;padding-bottom:10px}.f20{font-size:20px}.vtop{vertical-align:top}.lineItemDIV{clear:both;margin-top:30px;float:left}.add,.del{background-image:url(/invoice/inv-gen/icon-blk-1x.png);background-repeat:no-repeat;background-size:809px 393px}.add{background-position:-404px -256px;color:#00f;padding-left:23px;font-size:12px;padding-top:4px}.add,.del{height:16px;margin-top:2px;width:16px}.del{background-position:-404px -216px}.footer{padding:50px 0 20px}.copy{color:#fff;font-size:11px}.currencycodetxt{width:45px;text-align:right;font-size:12px;padding-right:4px}.stat-nor{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:1px solid #d6d6d6}.sticky-template .main-div{overflow:unset;padding:47px 10px 0}.sticky-header{position:-webkit-sticky;position:sticky;top:45px;background-color:#fafafa;z-index:1;display:none}.pt-25{padding-top:25px}.faq-sec-inner{padding:25px 0 80px}.total-label{width:150px}.top-tab td{vertical-align:top;padding-top:20px}.free-invoice-line{margin-top:5px;color:#333;font-size:15px}.powered-by-link{text-decoration:none}.powered-by-text{margin-top:4px;font-size:15px;color:#666}.powered-by-logo{height:30px;width:auto;vertical-align:text-bottom;margin-left:2px;margin-right:9px}.btn:focus,.btn:hover{outline:0}.mbl-app-block{border:2px solid #3b506a;width:70%;padding:20px 15px}.mbl-app-block h4{display:inline;font-weight:lighter;color:#bad952}.mbl-app-block h4 span{color:#c7c4d4}.actions-block-btn{padding:20px 10px 20px 15px}.mbl-actions-block{display:none}.actions-block-btn .btn,.mbl-actions-block .btn{margin-right:10px}.contact-us{margin:20px 10px;color:#e1e2e5}.contact-us a{text-decoration:underline;color:#e1e2e5}.cursor-disabled{cursor:not-allowed}.select-currency{width:70px;height:23px;-webkit-appearance:menulist-button}.font-semibold{font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.text-center{text-align:center}.font-xs{font-size:12px}.font-xlg{font-size:19px}.position-relative{position:relative}.sticky-actions-container{position:-webkit-sticky;position:sticky;top:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 100px);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:480px;padding-bottom:35px;padding-left:25px}.app-promo-container{padding-top:20px;border-top:1px solid rgba(191,200,222,.5215686274509804);max-width:300px;margin-top:20px}.app-promo-content{padding-left:10px}.app-promo-title{font-size:14px;margin-bottom:3px;font-weight:500;color:#020303}.app-promo-desc{font-size:11px;color:#626d88;line-height:1.4;margin-bottom:3px}.app-badge{height:19px;margin-right:5px;vertical-align:bottom}.pdf-actions-container{max-width:300px;height:100%}.sticky-download-container{position:-webkit-sticky;position:sticky;top:100px}.pdf-download-header{margin-bottom:15px;font-size:20px;font-family:Zoho Puvi Bold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.branding-colors-container{border-top:1px solid #bfc8de;border-bottom:1px solid #bfc8de;padding:15px 0}.colors-text{font-size:16px;font-family:Zoho Puvi Medium,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;margin-right:20px}.lineitem-colors{width:18px;background:#000;margin-left:10px;height:18px;border-radius:50%;display:inline-block;text-align:center;cursor:pointer}.bg-black{background:#000}.bg-orange{background:#e56e18}.bg-darkblue{background:#1d4ab8}.bg-green{background:#2f9e85}.bg-maroon{background:#b71e1e}.color-selection{display:none;height:9px;fill:#fff}.lineitem-colors:hover .color-selection,.selected-color .color-selection{display:inline}.template-type-container{padding:20px 0 15px}.thumbnail-container{margin-right:33px;text-align:center;cursor:pointer}.thumbnail-img{height:95px;border:1px solid #bfc7d9;border-radius:7px;fill:#eef3fb}:not(.selected-template)>.temp-img-header{fill:#eef3fb!important}.thumbnail-img.selected-template{border:1px solid #357cff;fill:#fff}.thumbnail-img.selected-template .temp-stroke{stroke:#357cff}.thumbnail-img.selected-template .temp-fill{fill:#357cff}.thumbnail-img.selected-template+p{color:#357cff}.qr-image-mobile-apps{width:auto;height:90px;padding:5px;background-color:#fff;border-radius:5px}.w100{width:100%}.ig-promotion{padding:12px;margin-bottom:20px;background-color:#f1f4fc;border-radius:7px}.info-circle{width:14px;height:14px;margin-top:2px;margin-right:5px}.ig-promotion p{display:inline}.ig-promotion p,.ig-promotion span{font-size:14px;line-height:20px}.ig-promotion span{color:#1a6ad9;cursor:pointer}@media screen and (max-width:1200px){.sticky-template .main-div{padding-top:20px}.actions-block-btn{width:99%}.rgt-main-div{display:none}.lft-main-div,.top-band-div{width:100%}.mbl-actions-block{display:inline-block;width:100%;padding:20px 15px;margin:0 auto}.app-promo-title{font-size:18px}.app-promo-desc{font-size:15px}.app-badge{height:30px;margin-top:12px}.sticky-header{display:block}}.mb-8{margin-bottom:8px}.ZI-form input:focus{border:1px solid #ccc}.field-msg .error{color:#a94442;font-size:12px}.action-icon{width:16px;height:16px;margin-right:5px;vertical-align:text-bottom}.btn-main .action-icon{fill:#fff}.close-lineitem-icon{width:16px;height:16px;vertical-align:top;fill:#fab2b1}.social-icon{width:28px;height:28px;fill:#aaa}.social-icon.fb-icon:hover{fill:#3b5998}.social-icon.twitter-icon:hover{fill:#1da1f2}.flt-left{border:none;font-weight:700;outline:none;border-radius:3px;position:relative}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-angle-left:before,.fa-angle-right:before{content:url(/invoice/help/images/help/arrow.svg);position:absolute;top:130px;width:20px;opacity:.5;cursor:pointer}.fa-angle-left:before{left:-50px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-angle-right:before{left:10px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.flt-left{float:left}.faq{color:#000}.faq h1{padding:15px 75px 15px 15px;font-size:30px;margin-bottom:20px;font-weight:600}.faq-container a:hover{color:#428bca}.inv-generator a{color:#408dfb!important}.faq-container blockquote{display:none;margin:0;padding:0 20px 15px;font-weight:300;border-left:none;border-bottom:1px solid #ddd}.faq-container h2.active+blockquote{display:block}.faq-container h2{position:relative;cursor:pointer;font-weight:500;font-size:21px;padding:35px 75px 35px 20px;border-bottom:1px solid #ddd}.faq-container h2.active{padding-bottom:25px;border-bottom:0}.faq-container h2:after{content:"";clear:both}.faq-container h2.active:after,.faq-container h2:after{background-image:url(/invoice/images/arrow-sprite-1x.png);background-repeat:no-repeat;background-size:104px 40px;position:absolute;top:40px;right:35px}.faq-container h2:after{background-position:-26px -15px;width:14px;height:9px}.faq-container h2.active:after{background-position:-65px -17px;width:12px;height:8px}.faq-container p{font-size:16px;line-height:26px}.za-newsletter-container input{vertical-align:top}.za-newsletter-container label{max-width:96%}.check-zoho-invoice,.signup-cta-button{font-size:14px;cursor:pointer}.check-zoho-invoice,.check-zoho-invoice:hover{color:#408dfb;line-height:27px;text-decoration:none}.ze-btn{color:#fff;background:#f0483e;padding:5px 10px;margin-left:15px}.signup-cta-button:focus,.signup-cta-button:hover{color:#fff}a:focus,a:hover{text-decoration:none}.primary-cta .btn:hover{color:#fff}.soc-icon a{display:inline-block!important;vertical-align:top}.sub-tools-social li:hover{background-color:unset!important}.sub-tools-social div{font-size:16px}.main-div{width:auto}@media (max-width:1050px){.container{width:auto;margin-bottom:20px}.check-zoho-invoice,.primary-cta{display:none}}@media screen and (max-width:767px){.column td:first-child{padding:4px 2px}.lineItemDIV table{table-layout:fixed!important}.taxsummary table{table-layout:unset!important}.title{font-size:16px}.container{width:auto;padding:0}.comp-addr-outer div{display:block;width:auto}.comp-addr-invoice{float:none;text-align:left;margin-bottom:20px}.c-name.form-control{font-size:30px}.adr-lft,.adr-rgt{float:none!important;width:auto}.bill-addr,.faq-section{margin-top:0}.footer-cta-section,.poweredby{text-align:center}.actions-block-btn{padding:15px;width:auto}.faq h1{padding:0;font-size:24px;text-align:center}.faq-container h2{font-size:17px;line-height:25px}.footer{padding:30px 20px}.inv-generator{padding:40px 20px}}@media screen and (max-width:420px){.btn-main,.try-invoice{float:none!important}.action-btn{margin-bottom:10px}.total-label{width:34px}}@media only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.faq-container h5.active:after,.faq-container h5:hover:after{background-image:url(/invoice/images/arrow-sprite-2x.png)}.add,.del{background-image:url(/invoice/inv-gen/icon-blk-2x.png)}}</style> <style type="text/css">.loading-container{position:absolute;top:0;left:0;width:100%;height:100%}.loading-popup{top:22%;margin:100px auto 0;max-width:450px;background:#fff;padding:30px;z-index:1200;position:relative;box-shadow:0 0 10px #cdcdcd;-webkit-box-shadow:0 0 10px #cdcdcd}.loading-popup h3{color:#555454;font-size:20px;text-align:center;margin:20px auto 8px}.loading-popup p{color:#666;clear:both;margin:10px 0;font-size:12px;text-align:center;line-height:24px}.loading-bg{background:url(/invoice/images/bg.png) repeat;width:100%;height:100%;position:absolute;top:0;z-index:1100}.loading-progress{width:8%;margin:0 auto;text-align:center}.z-access{margin-top:100px;text-align:center}.z-access h3{color:#333}.z-access .btn-signup{width:220px}.za-newsletter-container{margin-bottom:0;font-size:11px;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.form-grp{margin-bottom:10px;position:relative}.form-field{display:block;width:92%;height:32px;padding:5px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #eee;border-radius:2px}.form-field:focus{outline:0;border-color:#1da1f2}.form-field::-moz-placeholder{color:#777;opacity:1}.form-field:-ms-input-placeholder{color:#777}.form-field::-webkit-input-placeholder{color:#777}.form-field[disabled],.form-field[readonly],fieldset[disabled] .form-field{cursor:not-allowed;background-color:#eee;opacity:1}select.form-field{-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;border-radius:2px}select.ZI-country{border-radius:0;font-weight:lighter;font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;font-size:13px;color:#d6d6d6;padding:5px 12px;border:1px solid #e0e0e0;font-weight:400;color:#444}.select-placeholder-color{color:#999;font-size:15px}.btn-signup{display:inline-block;padding:0 25px;color:#fff;font-weight:400;font-size:15px;letter-spacing:-.03em;line-height:48px;border:none;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.05);-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer;width:95%}.btn-signup:focus,.btn-signup:hover{outline:none}.social-signup{color:#b3b3b3;text-align:center;border-top:1px dashed #b3b3b3;cursor:pointer}.social-signup p{margin-bottom:15px;color:#b3b3b3}.social-signup li{width:22px;height:22px;text-align:center;display:inline-block;vertical-align:middle}.social-signup li:first-child{width:105px;height:47px}.social-signup li+li{margin-left:15px}[class^=social-icon-]{background-image:url(/invoice/images/signup/zoho-social-icons-1x.png);background-repeat:no-repeat;background-size:251px 150px;display:inline-block}.social-icon-google{background-position:-3px -81px;width:112px;height:47px}.social-icon-yahoo{background-position:-43px -12px;width:21px;height:21px}.social-icon-fb{background-position:-73px -12px;width:21px;height:21px}.social-icon-linkedin{background-position:-103px -12px;width:21px;height:21px}.social-icon-twitter{background-position:-133px -12px;width:21px;height:21px}.social-icon-windows{background-position:-165px -13px;width:18px;height:18px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){[class^=social-icon-]{background-image:url(/invoice/images/signup/zoho-social-icons-2x.png)}}.password-strength{background:none repeat scroll 0 0 #f7f7f7;display:block;float:right;margin-left:351px;margin-top:-35px;width:50px;display:none;position:absolute;top:43px;right:30px}.password-strength,.password-strength div{border-radius:5px;height:13px}.password-strength{right:39px}.field-msg{text-align:left;width:98%}.field-msg .error{color:#ed3d3d;font-size:12px}:-moz-placeholder,::-moz-placeholder{color:#999;font-weight:400;font-size:14px}::-webkit-input-placeholder{color:#999;font-size:14px;font-weight:200}:-ms-input-placeholder{color:#999;font-size:14px;font-weight:200}.za-tos-container{line-height:18px;font-size:11px;margin-bottom:15px}.za-tos-container .tos-checkbox,.za-tos-container .tos-label{cursor:pointer;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.za-tos-container .tos-label{margin-left:5px}.za-tos-container .change-country-link{text-decoration:underline;margin-left:3px}.za-tos-container .tos-checkbox{float:left}.za-domain-error{margin-left:40px;font-size:13px}.sign_agree a,.za-donami-error a{color:#298ff6;text-decoration:underline;cursor:pointer}.za-captcha-container input[type=text]{width:220px;margin-top:6px}.loader{font-size:10px;margin:0;text-indent:-9999em;width:5em;height:5em;border-radius:50%;background:#453e70;background:-o-linear-gradient(left,#453e70 10%,rgba(69,62,112,0) 42%);background:-webkit-gradient(linear,left top,right top,color-stop(10%,#453e70),color-stop(42%,rgba(69,62,112,0)));background:linear-gradient(90deg,#453e70 10%,rgba(69,62,112,0) 42%);position:relative;-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader:before{width:50%;height:50%;background:#453e70;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}</style> <link href="/invoice/styles/zi-common-footer-new.css" rel="stylesheet" type="text/css"> <style type="text/css">b,body,div,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.temp-sec{background-color:#d2e8fc;margin:auto 0;padding:80px 20px}.temp-sec-inner{max-width:1000px;text-align:center;margin:auto}.temp-sec-inner h2{font-size:30px;margin-bottom:20px;font-weight:600}.temp-sec-inner b{color:#006cdb}.temp-sec-desc{max-width:830px;margin:0 auto 30px;font-size:18px;line-height:35px}.temp-learnmore a{color:#fff;background:#f0483e;padding:15px 30px;border-radius:2px}.temp-learnmore a:hover{background-color:#d82b21}.templates{max-width:810px;margin:80px auto 0;text-align:center}.containers a{color:#333}.rows{width:95%;padding:0;overflow:hidden;margin:auto}.rows-containers{width:2000px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.containers{width:250px;float:left;display:inline}.containers:hover div{color:#006cdb}.containers:hover img{border:10px solid #9ec2e7;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.containers img{width:200px;height:280px}.containers div{padding-top:20px}.clears{clear:both}.flt-left{border:none;font-weight:700;outline:none;border-radius:3px;position:relative;float:left}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-angle-left:before,.fa-angle-right:before{content:url(/invoice/help/images/help/arrow.svg);position:absolute;top:130px;width:20px;opacity:.5;cursor:pointer}.fa-angle-left:before{left:-50px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-angle-right:before{left:10px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.footer-cta-section{background-color:#d2e8fc}.promotion-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:50px 0}.promotion-section .btn-main{margin:20px 0;min-width:150px;background-color:#f0483e;color:#fff;padding:10px 20px;border-color:rgba(0,0,0,0)}.promotion-section .btn-main:hover,.ze-btn:hover{background-color:#d82b21}.promotion-section a{position:relative}.promotion-heading{color:#333;font-size:26px;padding:20px 20px 0;font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.promotion-features,.promotion-heading{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.promotion-features{border-top:1px solid #6f7b8a;border-bottom:1px solid #6f7b8a;color:#30466e;font-weight:lighter;font-size:14px;padding:12px;margin:20px;line-height:18px}.promotion-features li{display:inline-block}.promotion-features li a{color:#30466e}.logo-icon1{height:50px}.text-center{text-align:center}@media screen and (max-width:950px){.containers,.rows,.rows-containers{width:100%!important}.fa-angle-left:before,.fa-angle-right:before{display:none}.containers{margin-bottom:40px}}@media screen and (max-width:767px){.promotion-heading{font-size:17px;line-height:25px}.logo-icon1{height:30px}}@media (max-width:645px){.temp-sec{position:relative;margin-top:10px}.footer-cta-section{text-align:center}.promotion-section{padding:0 0 50px}}</style> <link rel="alternate" href="https://www.zoho.com/invoice/free-receipt-generator.html" hreflang="x-default"> <link rel="alternate" href="https://www.zoho.com/uk/invoice/free-receipt-generator.html" hreflang="en-gb"> <link rel="alternate" href="https://www.zoho.com/au/invoice/free-receipt-generator.html" hreflang="en-au"> <link rel="alternate" href="https://www.zoho.com/us/invoice/free-receipt-generator.html" hreflang="en-us"> <link rel="alternate" href="https://www.zoho.com/ca/invoice/free-receipt-generator.html" hreflang="en-ca"> <link rel="alternate" href="https://www.zoho.com/in/invoice/free-receipt-generator.html" hreflang="en-in"> <link rel="alternate" href="https://www.zoho.com/sa/invoice/free-receipt-generator.html" hreflang="en-sa"> <link rel="alternate" href="https://www.zoho.com/ae/invoice/free-receipt-generator.html" hreflang="en-ae"> <link rel="alternate" href="https://www.zoho.com/bh/invoice/free-receipt-generator.html" hreflang="en-bh"> <link rel="alternate" href="https://www.zoho.com/kw/invoice/free-receipt-generator.html" hreflang="en-kw"> <link rel="alternate" href="https://www.zoho.com/om/invoice/free-receipt-generator.html" hreflang="en-om"> <link rel="alternate" href="https://www.zoho.com/qa/invoice/free-receipt-generator.html" hreflang="en-qa"> <link rel="alternate" href="https://www.zoho.com/de/invoice/free-receipt-generator.html" hreflang="de"> <link rel="alternate" href="https://www.zoho.com/fr/invoice/free-receipt-generator.html" hreflang="fr"> <link rel="alternate" href="https://www.zoho.com/es-xl/invoice/free-receipt-generator.html" hreflang="es-419"> <link rel="alternate" href="https://www.zoho.com/pt-br/invoice/free-receipt-generator.html" hreflang="pt-br"> <link rel="alternate" href="https://www.zoho.com/nl/invoice/free-receipt-generator.html" hreflang="nl"> <link rel="alternate" href="https://www.zoho.com/ke/invoice/free-receipt-generator.html" hreflang="en-ke"> <link rel="alternate" href="https://www.zoho.com/es-mx/invoice/free-receipt-generator.html" hreflang="es-mx"> <link rel="alternate" href="https://www.zoho.com/za/invoice/free-receipt-generator.html" hreflang="en-za"> <link rel="canonical" href="https://www.zoho.com/invoice/free-receipt-generator.html"> </head> <body> <style> .navbar { position: fixed; background-color: #2c2929; color: #fff; height: 100vh; z-index: 9999; width: 0; opacity: 0; transition: all 0.3s ease; overflow-y: scroll; border-radius: 0; } .navbar.open { display: block; opacity: 1; width: 18%; } .navbar.open + .b-div{ width: 82%; margin-left: auto; } .navbar .close { display: none; cursor: pointer; position: absolute; right: 25px; top: 25px; color: #fff; opacity: 1; text-shadow: none; } .navbar h5 { font-size: 19px; font-weight: 600; } .navbar-logo-container { text-align: center; margin: 20px 0; } .nav-list { padding: 0 0 70px 20px; } .nav-sub-header { margin-top: 35px; } .nav-product-logo svg { width: 25px; padding-right: 8px; padding-bottom: 10px; display: inline-block; vertical-align: middle; } .navbar .sub-tools li { padding: 0 0 0 25px; } .navbar .nav-sub-header { font-size: 20px; font-weight: 600; } .navbar .nav-sub-header span { font-size: 16px; padding-bottom: 10px; display: inline-block; vertical-align: middle; } .sub-tools li a { display: block; padding: 7px 0; font-size: 13px; font-weight: 400; color: #d3d3d3; cursor: pointer; } .sub-tools li:hover { background-color: #3c3939; } .navbar li .active { border-left: 4px solid #FFD600; background-color: #413f3f; padding-left: 21px; } .navbar li .active a { color: #fff; } @media screen and (max-width: 1425px) { .navbar.open { width: auto; top: 0; padding-right: 10px; } .navbar .close { display: block; } .navbar.open + .b-div { width: 100%; margin: 0; } } </style> <script> document.addEventListener('DOMContentLoaded', () => { if(screen.width < 1024) { document.querySelector('.navbar').classList.remove('open'); } }); </script> <div class="navbar open"> <span class="close" onclick="InvoiceGenerator.toggleNavBar();"> x </span> <div class="navbar-logo-container"> <svg fill="none" viewBox="0 0 1024 450" width="90" alt="ZOHO"><path fill="#089949" d="M458.102 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160c12.7-28.6 46.4-41.5 75-28.8l160 71.3c28.6 12.7 41.501 46.4 28.801 75l-71.3 160c-9.5 21.2-30.301 33.7-52.001 33.7Zm-9.7-34.9c12.1 5.4 26.3-.1 31.7-12.1l71.301-160c5.4-12.1-.101-26.3-12.101-31.7L379.202 43c-12.1-5.4-26.3.1-31.7 12.1l-71.3 160c-5.4 12.1.1 26.3 12.1 31.7l160.1 71.3Z"/><path fill="#F9B21D" d="M960 353.1H784.8c-31.3 0-56.8-25.5-56.8-56.8V121.1c0-31.3 25.5-56.8 56.8-56.8H960c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8Zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24H960c13.2 0 24-10.8 24-24V121.1c0-13.2-10.8-24-24-24H784.8Z"/><path fill="#E42527" d="m303.902 153.2-23.6 52.8c-.3.6-.6 1.1-.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-.5-17.9-4.2-5.2-3.7-8.6-9.3-9.6-15.6l-28-173c-1-6.3.5-12.7 4.2-17.9 3.7-5.2 9.3-8.6 15.6-9.6l173-28c1.3-.2 2.6-.3 3.8-.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2 24.4-54.7-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28c-14.9 2.3-28.1 10.4-36.9 22.7-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37 9.7 7.1 21.2 10.7 33.1 10.7 3 0 6.1-.2 9.2-.7l173-28c30.9-5 52-34.2 47-65.1l-17.2-106Z"/><path fill="#226DB4" d="m511.404 235.8 25.4-56.9-7.2-52.9c-.9-6.3.8-12.6 4.7-17.7 3.9-5.1 9.5-8.4 15.9-9.2l173.6-23.6c1.1-.1 2.2-.2 3.3-.2 5.2 0 10.2 1.7 14.5 4.9.8.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1l-173.8 23.6c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42l14.4 105.4ZM806.806 265.101l-22.8-168c-12.8.4-23.1 11-23.1 23.9v49.3l13.5 99.2c.9 6.3-.8 12.6-4.7 17.7-3.9 5.1-9.5 8.4-15.9 9.2l-173.6 23.6c-6.3.9-12.6-.8-17.7-4.7-5.1-3.9-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-.2 7.8-.5l173.4-23.4c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42Z"/><path fill="#fff" d="m316.998 436.2 24.8-36.6h-20.4c-1.1 0-2-.9-2-2v-4.9c0-1.1.9-2 2-2h33.5c1.1 0 2 .9 2 2v1.9c0 .4-.1.8-.3 1.1l-24.3 36.6h21.8c1.1 0 2 .9 2 2v4.9c0 1.1-.9 2-2 2h-35.4c-1.1 0-2-.9-2-2v-1.8c-.1-.5.1-.9.3-1.2ZM421.398 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3Zm40.1.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1ZM544.501 390.6h7.4c1.1 0 2 .9 2 2v18.6h21v-18.6c0-1.1.9-2 2-2h7.4c1.1 0 2 .9 2 2v46.5c0 1.1-.9 2-2 2h-7.3c-1.1 0-2-.9-2-2v-18.8h-21v18.8c0 1.1-.9 2-2 2h-7.4c-1.1 0-2-.9-2-2v-46.5c-.1-1.1.8-2 1.9-2ZM655.398 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3Zm40 .2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1Z"/></svg> <h5>Finance Free Apps</h5> </div> <ul class="nav-list"> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024" xml:space="preserve"><style>.st0{fill:#ffff}</style><g style="opacity:.9"><path class="st0" d="M490 400.8h140c16.6 0 30-13.4 30-30v-140c0-16.6-13.4-30-30-30H490c-16.6 0-30 13.4-30 30v140c0 16.6 13.4 30 30 30zm30-140.1h80v80h-80v-80z"/><path class="st0" d="M994.1 0H450c-93.8 0-170 76.3-170 170v110.6H169.3C75.9 280.6-.1 356.6-.1 450v404.6c0 93.4 76 169.4 169.4 169.4H754c72.1 0 140-28.1 191-79.1s79.1-118.8 79.1-191V30c0-16.6-13.4-30-30-30zM169.3 340.6h110.6v180.2h-220V450c0-60.3 49.1-109.4 109.4-109.4zm.6 623.4h-.6C109 964 59.9 914.9 59.9 854.6V580.8H280v273.8c0 60.3-49.1 109.4-109.4 109.4h-.7zm794.2-210c0 115.8-94.2 210.1-210.1 210.1H299.8c25-29.5 40.2-67.7 40.2-109.4V170c0-60.7 49.4-110 110-110h514.1v694z"/><path class="st0" d="M490 580.8h323.5c16.6 0 30-13.4 30-30s-13.4-30-30-30H490c-16.6 0-30 13.4-30 30s13.4 30 30 30zm0 180.1h323.5c16.6 0 30-13.4 30-30s-13.4-30-30-30H490c-16.6 0-30 13.4-30 30s13.4 30 30 30z"/></g></svg> <span>Billing</span> </div> <ul class="sub-tools"> <li > <a href="/invoice/free-invoice-generator.html?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Create Invoices </a> </li> <li > <a href="/invoice/free-estimate-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Generate Estimates </a> </li> <li class="active" > <a href="/invoice/free-receipt-generator.html?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Create Receipts </a> </li> <li> <a href="/subscriptions/free-revenue-forecast/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Revenue Forecast </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024" xml:space="preserve"><style>.st0{fill:#ffff}.st3{opacity:.9}</style><g class="st3"><path class="st0" d="M752.53 1023H631.77c-49.53 0-89.82-40.3-89.82-89.82V782.62H90.82C41.3 782.62 1 742.32 1 692.8V90.82C1 41.3 41.3 1 90.82 1h661.71c72.25 0 140.17 28.13 191.25 79.22C994.87 131.3 1023 199.23 1023 271.47v481.06c0 72.25-28.13 140.17-79.22 191.25C892.7 994.87 824.77 1023 752.53 1023zM601.82 752.68v180.5c0 16.51 13.43 29.94 29.94 29.94h120.76c116.12 0 210.59-94.47 210.59-210.59v-311.4a275.945 275.945 0 0 1-19.43 21.59c-51.09 51.08-119.01 79.22-191.25 79.22H631.77c-16.51 0-29.94 13.43-29.94 29.94v180.8zm-511-691.8c-16.51 0-29.94 13.43-29.94 29.94V692.8c0 16.51 13.43 29.94 29.94 29.94h451.12V571.88c0-49.53 40.3-89.82 89.82-89.82h120.67c116.12 0 210.59-94.47 210.59-210.59S868.55 60.88 752.43 60.88H90.82z"/></g><path d="M752.53 401.22c-71.54 0-129.75-58.2-129.75-129.75s58.2-129.75 129.75-129.75 129.75 58.2 129.75 129.75-58.21 129.75-129.75 129.75zm0-199.61c-38.52 0-69.86 31.34-69.86 69.86s31.34 69.86 69.86 69.86 69.86-31.34 69.86-69.86-31.34-69.86-69.86-69.86z" style="fill:#ffff" class="st3"/><g class="st3"><path class="st0" d="M389.88 240.51H210.42c-16.54 0-29.94-13.41-29.94-29.94s13.41-29.94 29.94-29.94h179.46c16.54 0 29.94 13.41 29.94 29.94s-13.41 29.94-29.94 29.94z"/></g><g class="st3"><path class="st0" d="M330.09 360.14H210.42c-16.54 0-29.94-13.41-29.94-29.94s13.41-29.94 29.94-29.94h119.67c16.54 0 29.94 13.41 29.94 29.94s-13.41 29.94-29.94 29.94z"/></g></svg><span>Finance & Payroll</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/uk/books/furlough-claim-calculator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> HMRC Furlough Claim Calculator </a> </li> <li> <a href="https://www.zoho.com/in/payroll/income-tax-calculator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Income Tax Calculator </a> </li> <li> <a href="https://www.zoho.com/us/books/paycheck-calculator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Paycheck Calculator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{opacity:.9}.cls-2{fill:#ffff}</style></defs><g class="cls-1"><path class="cls-2" d="M263.6 865.74a30 30 0 0 1-29.51-24.8L104.55 106.26a36.37 36.37 0 0 0-25.09-28.5l-57.87-18A30 30 0 1 1 39.41 2.47l57.87 18a96.15 96.15 0 0 1 66.36 75.37l129.54 734.68a30 30 0 0 1-24.33 34.76 30.38 30.38 0 0 1-5.25.46Z"/></g><g class="cls-1"><path class="cls-2" d="M406.26 965.63a30 30 0 0 1-5.18-59.55l532.26-93.85a36.48 36.48 0 1 0-12.67-71.85L463.55 821a96.48 96.48 0 0 1-111.77-78.26l-80.6-457.14a96.48 96.48 0 0 1 78.26-111.77l457.12-80.6a96.48 96.48 0 0 1 111.77 78.26l74.61 423.13A30 30 0 0 1 933.85 605l-74.61-423.1A36.49 36.49 0 0 0 817 152.31l-457.15 80.61a36.47 36.47 0 0 0-29.58 42.26l80.6 457.12a36.47 36.47 0 0 0 42.26 29.59l457.12-80.6a96.48 96.48 0 1 1 33.51 190L411.5 965.17a30.18 30.18 0 0 1-5.24.46Z"/></g><path d="M527 381.94a30 30 0 0 1-5.17-59.55l173.57-30.6a30 30 0 0 1 10.42 59.09l-173.57 30.6a30.38 30.38 0 0 1-5.25.46Z" style="fill:#ffff" class="cls-1"/><g class="cls-1"><path class="cls-2" d="M322.44 1022.89a120 120 0 1 1 21-1.85 120.84 120.84 0 0 1-21 1.85Zm.38-179.35a60.13 60.13 0 0 0-10.49.92 59.43 59.43 0 1 0 10.49-.92Z"/></g></svg><span>Inventory</span> </div> <ul class="sub-tools"> <li> <a href="/inventory/sku-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> SKU Generator </a> </li> <li> <a href="/inventory/purchaseorder-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Purchase Order Generator </a> </li> <li> <a href="/inventory/reorder-point-calculator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Calculate Reorder Point </a> </li> <li> <a href="/inventory/economic-order-quantity/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Economic Order Quantity </a> </li> <li> <a href="/inventory/break-even-point-calculator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Break-even Point Calculator </a> </li> <li> <a href="/inventory/inventory-turnover-ratio/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Inventory Turnover Ratio </a> </li> <li> <a href="/inventory/packing-slip-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Packing Slip Generator </a> </li> <li> <a href="/inventory/free-barcode-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> BarCode Generator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{opacity:.9}.cls-2{fill:#ffff}</style></defs><g class="cls-1"><path class="cls-2" d="M845.62 1007.29c-78.84 0-155.48-28.12-221.64-81.33a16 16 0 0 0-21.35 1.14l-58 58a75.55 75.55 0 0 1-106.73 0l-56-56a16 16 0 0 0-22.63 0l-56.67 56.58a73.73 73.73 0 0 1-107-2.9A764.8 764.8 0 0 1 89.9 111.91a179.71 179.71 0 0 1 158.78-95.2h556.67c56.35 0 109.46 37.37 149.55 105.22 36.32 61.47 60.71 145.8 68.68 237.44a90.05 90.05 0 0 1-89.66 98H644.81c.69 16.84 2 33.53 3.79 49.9 0 .41.08.82.11 1.23a617.74 617.74 0 0 0 27.93 146.29c14.47 44.8 33.83 86 57.56 122.53 23.34 35.91 50.31 66.35 80.16 90.49s62 41.44 95.5 51.37a42.58 42.58 0 0 1-4.49 82.73 333.48 333.48 0 0 1-59.75 5.38ZM248.68 76.71a119.81 119.81 0 0 0-105.86 63.47 704.42 704.42 0 0 0 97.43 802.53 13.72 13.72 0 0 0 19.93.54l56.58-56.58a76.09 76.09 0 0 1 107.48 0l56.05 56.05a15.48 15.48 0 0 0 21.88 0l58-58a75.87 75.87 0 0 1 101.37-5.47c48.9 39.32 104.23 62.27 161.25 67.11a364.1 364.1 0 0 1-46.19-31.89c-34.76-28.11-66-63.25-92.75-104.45-54.26-83.49-87.1-186.07-95-296.69a781 781 0 0 1-4.7-86c0-106.25 21-206.61 59.18-282.6 13.37-26.62 28.41-49.39 44.77-68ZM644.8 397.33h289.12a30.05 30.05 0 0 0 29.88-32.76c-7.2-82.89-28.71-158.22-60.55-212.12-28.86-48.84-63.63-75.74-97.9-75.74-18.54 0-37.07 7.69-55.08 22.86-19.35 16.3-37.78 41.23-53.27 72.09-30.52 60.76-48.74 139.99-52.2 225.67Z"/></g><g class="cls-1"><path class="cls-2" d="M434.18 457.33H211.72a30 30 0 1 1 0-60h222.46a30 30 0 0 1 0 60Z"/></g><g class="cls-1"><path class="cls-2" d="M325.5 607.38H218.05a30 30 0 0 1 0-60H325.5a30 30 0 0 1 0 60Z"/></g><g class="cls-1"><path class="cls-2" d="M448.18 307.38H238.72a30 30 0 0 1 0-60h209.46a30 30 0 0 1 0 60Z"/></g></svg><span>Expense</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/expense/expense-report-generator/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> Generate Expense Reports </a> </li> </ul> </li> </ul> </div> <div class="b-div"> <div class="b-backdrop"></div> <div class="top-two-band stat-nor" id="stat-band"> <div class="top-band-div align-items-center"> <div class="d-flex align-items-center"> <a class="free-tools-menu" onclick="InvoiceGenerator.toggleNavBar()"></a> <svg xml:space="preserve" style="enable-background:new 0 0 1024 450" viewBox="0 0 1024 450" width="80" id="topband-logo" alt="ZOHO"><path d="M458.1 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160C330.3 13.2 364 .3 392.6 13l160 71.3c28.6 12.7 41.5 46.4 28.8 75l-71.3 160c-9.5 21.2-30.3 33.7-52 33.7zm-9.7-34.9c12.1 5.4 26.3-.1 31.7-12.1l71.3-160c5.4-12.1-.1-26.3-12.1-31.7L379.2 43c-12.1-5.4-26.3.1-31.7 12.1l-71.3 160c-5.4 12.1.1 26.3 12.1 31.7l160.1 71.3z" style="fill:#089949"/><path d="M960 353.1H784.8c-31.3 0-56.8-25.5-56.8-56.8V121.1c0-31.3 25.5-56.8 56.8-56.8H960c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24H960c13.2 0 24-10.8 24-24V121.1c0-13.2-10.8-24-24-24H784.8z" style="fill:#f9b21d"/><path d="M303.9 153.2 280.3 206c-.3.6-.6 1.1-.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-.5-17.9-4.2-5.2-3.7-8.6-9.3-9.6-15.6l-28-173c-1-6.3.5-12.7 4.2-17.9 3.7-5.2 9.3-8.6 15.6-9.6l173-28c1.3-.2 2.6-.3 3.8-.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2L294.3 94l-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28C40 69.6 26.8 77.7 18 90c-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37C68.5 349.4 80 353 91.9 353c3 0 6.1-.2 9.2-.7l173-28c30.9-5 52-34.2 47-65.1l-17.2-106z" style="fill:#e42527"/><path d="m511.4 235.8 25.4-56.9-7.2-52.9c-.9-6.3.8-12.6 4.7-17.7 3.9-5.1 9.5-8.4 15.9-9.2l173.6-23.6c1.1-.1 2.2-.2 3.3-.2 5.2 0 10.2 1.7 14.5 4.9.8.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1L545.6 66.5c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42l14.4 105.4zm295.4 29.3L784 97.1c-12.8.4-23.1 11-23.1 23.9v49.3l13.5 99.2c.9 6.3-.8 12.6-4.7 17.7s-9.5 8.4-15.9 9.2L580.2 320c-6.3.9-12.6-.8-17.7-4.7-5.1-3.9-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-.2 7.8-.5L758.2 329c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42z" style="fill:#226db4"/><path d="m317 436.2 24.8-36.6h-20.4c-1.1 0-2-.9-2-2v-4.9c0-1.1.9-2 2-2h33.5c1.1 0 2 .9 2 2v1.9c0 .4-.1.8-.3 1.1l-24.3 36.6h21.8c1.1 0 2 .9 2 2v4.9c0 1.1-.9 2-2 2h-35.4c-1.1 0-2-.9-2-2v-1.8c-.1-.5.1-.9.3-1.2zm104.4-20.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40.1.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1zm83-25.2h7.4c1.1 0 2 .9 2 2v18.6h21v-18.6c0-1.1.9-2 2-2h7.4c1.1 0 2 .9 2 2v46.5c0 1.1-.9 2-2 2H577c-1.1 0-2-.9-2-2v-18.8h-21v18.8c0 1.1-.9 2-2 2h-7.4c-1.1 0-2-.9-2-2v-46.5c-.1-1.1.8-2 1.9-2zm110.9 25c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40 .2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-.1 13.8-8.6 13.8-17.1z"/></svg> <span class="title-divider"></span> <div class="title"> <h1 class="tool-name">Free Receipt Generator</h1> <a href="/invoice/?src=Free%20Receipt%20Generator%20-%20Zoho%20Invoice" rel="noopener noreferrer" class="powered-by"> by Zoho Invoice </a> </div> </div> <div class="d-flex align-items-center"> <a class="check-zoho-invoice" href="/invoice/"> Check out Zoho Invoice </a> <div class="primary-cta-in primary-cta"> <a class="signup-cta-button btn ze-btn ze-btn-filled" href="/invoice/signup/">Sign up. It's Free!</a> </div> </div> </div> </div> <div class="container sticky-template"> <div class="main-div row"> <div class="row clearfix sticky-header"> <div class="actions-block-btn col-md-8"> <button class="action-btn btn btn-main" onclick="InvoiceGenerator.getInvoicePDF();"> <svg viewBox="0 0 512 512" class="action-icon" alt="Get pdf"><path d="M256 0C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0Zm152.73 408.73c-19.85 19.85-42.95 35.43-68.67 46.31C313.46 466.29 285.17 472 256 472s-57.46-5.71-84.06-16.96c-25.72-10.88-48.82-26.46-68.67-46.31s-35.43-42.95-46.31-68.67C45.71 313.46 40 285.17 40 256s5.71-57.46 16.96-84.06c10.88-25.72 26.46-48.82 46.31-68.67s42.95-35.43 68.67-46.31C198.54 45.71 226.83 40 256 40s57.46 5.71 84.06 16.96c25.72 10.88 48.82 26.46 68.67 46.31s35.43 42.95 46.31 68.67C466.29 198.54 472 226.83 472 256s-5.71 57.46-16.96 84.06c-10.88 25.72-26.46 48.82-46.31 68.67Z"/><path d="m340.72 267.33-61.25 53.79V132.5c0-11.05-8.95-20-20-20s-20 8.95-20 20v190.99l-68.84-55.48c-8.6-6.93-21.19-5.58-28.12 3.02s-5.58 21.19 3.02 28.12l101.39 81.72c.33.26.67.5 1.01.74.13.09.26.2.39.29.5.34 1.02.65 1.54.94.2.11.41.2.61.3.34.17.68.34 1.03.5.24.11.49.2.74.29.32.13.64.25.97.36.26.09.52.16.79.24.33.1.67.18 1.01.26.26.06.52.12.78.16.38.07.77.13 1.16.18.22.03.44.06.66.08.62.06 1.24.09 1.86.09h.01c.63 0 1.26-.04 1.89-.1.25-.02.5-.07.75-.1.37-.05.74-.1 1.11-.17.3-.06.59-.13.88-.2.31-.07.63-.15.94-.24.3-.09.6-.18.89-.28.3-.1.59-.21.89-.32.29-.11.57-.23.85-.36.29-.13.58-.27.86-.42a18.831 18.831 0 0 0 1.64-.94c.25-.16.51-.32.75-.49.27-.19.53-.39.79-.59.24-.19.48-.37.71-.57.08-.07.17-.13.25-.2l94.44-82.95c8.3-7.29 9.12-19.93 1.83-28.23-7.29-8.3-19.93-9.12-28.23-1.83Z"/></svg> Download </button> <button class="action-btn btn btn-main" onclick="InvoiceGenerator.showPrintCopiesOption();"> <svg viewBox="0 0 512 496" class="action-icon" alt="Print"><path d="M432 118.84h-41.49V59.93c0-33.04-26.92-59.93-60-59.93H181.49c-33.08 0-60 26.88-60 59.93v58.91H80c-44.11 0-80 35.85-80 79.91V348.7c0 44.06 35.89 79.9 80 79.9h41.49v7.47c0 33.04 26.92 59.93 60 59.93h149.02c33.08 0 60-26.88 60-59.93v-7.47H432c44.11 0 80-35.84 80-79.9V198.75c0-44.06-35.89-79.9-80-79.9ZM161.49 59.93c0-11.01 8.97-19.98 20-19.98h149.02c11.03 0 20 8.96 20 19.98v58.91H161.49V59.93Zm189.02 376.14c0 11.01-8.97 19.98-20 19.98H181.49c-11.03 0-20-8.96-20-19.98v-89.35h189.02v89.34ZM472 348.7c0 22.03-17.94 39.95-40 39.95h-41.49V346.7c10.76-.33 19.38-9.12 19.38-19.94s-8.95-19.98-20-19.98H122.11c-11.05 0-20 8.94-20 19.98s8.62 19.62 19.38 19.94v41.95H80c-22.06 0-40-17.92-40-39.95V198.75c0-22.03 17.94-39.95 40-39.95h352c22.06 0 40 17.92 40 39.95V348.7Z"/></svg> Print </button> <button class="action-btn btn pull-right try-invoice zi-signup" onclick="signupPopup()"> Try Zoho Invoice </button> </div> </div> <div class="col-md-8 lft-main-div"> <form name="invoiceGenerator" class="inv-generator"> <div class="upload-logo-error-msg hide" id="image_upload_err"> <svg width="17px" height="21px" viewBox="0 0 17 21" alt="caution" class="caution-svg"> <title>Group 38</title> <defs> <polygon id="path-1" points="-1.75478296e-16 0 16.045567 0 16.045567 15.6131364 -1.75478296e-16 15.6131364"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-38"> <g id="Group-10" transform="translate(0.000000, 4.655035)"> <g id="Group-3" transform="translate(0.000000, 0.281355)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M7.68678428,0.00170648909 C8.73692436,0.0232820071 9.76563301,0.228249428 10.7407631,0.627396511 C11.683746,1.01575584 12.5517189,1.55514379 13.301819,2.24556036 C14.0519191,2.92518918 14.6734305,3.7342711 15.144922,4.6296551 C15.6271292,5.54661462 15.9164535,6.5498762 16.0128949,7.58550107 C16.1093364,8.61033817 15.9914635,9.63517528 15.669992,10.6060736 C15.3592363,11.5446086 14.8555977,12.4076293 14.1912233,13.141197 C13.5161333,13.8963401 12.6910232,14.5004546 11.7801875,14.9103894 C10.7943417,15.3526876 9.73348587,15.600806 8.65119864,15.6115938 C7.53676427,15.6331693 6.43304561,15.4282019 5.39362125,15.018267 C4.38634403,14.6191199 3.45407682,14.0257932 2.6611139,13.2814378 C1.86815098,12.5478702 1.23592379,11.6740617 0.764432326,10.7031634 C0.303656577,9.72147735 0.0464794143,8.66427697 0.00361655385,7.57471331 C-0.0285305915,6.52830069 0.153636565,5.49267582 0.550118024,4.52177751 C0.925168053,3.61560576 1.49310095,2.78494831 2.20033815,2.10531949 C2.90757535,1.42569068 3.74340112,0.886302727 4.66495262,0.53030668 C5.6400827,0.163522874 6.65807563,-0.0198690289 7.68678428,0.00170648909" id="Fill-1" fill="#F36457" opacity="0.100000001" mask="url(#mask-2)"></path> </g> <path d="M8.32972719,5.51512464 L8.32972719,5.91427172 C8.32972719,6.04372483 8.31901147,6.18396569 8.31901147,6.32420656 C8.30829576,6.46444743 8.30829576,6.59390054 8.29758004,6.7341414 C8.28686433,6.87438227 8.28686433,7.00383538 8.27614861,7.13328849 C8.2654329,7.26274159 8.25471718,7.40298246 8.24400147,7.53243557 C8.23328575,7.66188868 8.22257004,7.80212954 8.21185432,7.94237041 C8.20113861,8.08261128 8.19042289,8.22285215 8.16899146,8.35230525 C8.14756003,8.48175836 8.13684432,8.62199923 8.11541289,8.75145234 C8.08326574,9.02114631 7.84752001,9.22611373 7.57962713,9.22611373 C7.45103855,9.22611373 7.32244997,9.1829627 7.22600853,9.10744838 C7.10813567,9.02114631 7.02240995,8.90248096 6.97954708,8.7622401 C6.90453708,8.49254612 6.82952707,8.22285215 6.76523278,7.95315817 C6.70093849,7.6834642 6.6366442,7.41377022 6.57234991,7.13328849 C6.50805562,6.85280675 6.45447704,6.58311278 6.41161418,6.3134188 C6.36875132,6.04372483 6.31517275,5.77403085 6.27230989,5.50433688 C6.26159417,5.4180348 6.25087846,5.32094497 6.24016274,5.2346429 C6.22944703,5.14834083 6.21873131,5.051251 6.21873131,4.96494893 C6.21873131,4.87864685 6.2080156,4.78155702 6.2080156,4.69525495 C6.2080156,4.60895288 6.2080156,4.51186305 6.21873131,4.42556098 C6.22944703,4.28532011 6.26159417,4.155867 6.32588846,4.03720165 C6.37946704,3.9185363 6.46519276,3.82144647 6.5616342,3.74593216 C6.65807563,3.67041785 6.7759485,3.60569129 6.89382136,3.57332802 C7.02240995,3.54096474 7.16171424,3.53017698 7.29030282,3.56254026 C7.39745997,3.58411577 7.51533284,3.61647905 7.61177428,3.67041785 C7.70821571,3.72435664 7.79394143,3.7890832 7.87966715,3.87538527 C7.95467716,3.95089958 8.02968716,4.04798941 8.08326574,4.14507924 C8.13684432,4.24216907 8.17970718,4.35004666 8.20113861,4.45792425 C8.22257004,4.54422633 8.23328575,4.64131616 8.25471718,4.72761823 C8.27614861,4.8139203 8.27614861,4.91101013 8.28686433,4.9973122 C8.29758004,5.08361428 8.29758004,5.18070411 8.30829576,5.26700618 C8.32972719,5.33173273 8.32972719,5.4180348 8.32972719,5.51512464 M7.80465715,11.9662045 C7.68678428,11.9662045 7.57962713,11.944629 7.47246998,11.901478 C7.36531283,11.8583269 7.26887139,11.7936004 7.19386139,11.7180861 C7.02240995,11.5562697 6.91525279,11.3297267 6.90453708,11.092396 C6.89382136,10.9737307 6.90453708,10.8550653 6.94739994,10.7471878 C6.97954708,10.6393102 7.03312566,10.5422203 7.10813567,10.466706 C7.24743996,10.2941019 7.46175426,10.197012 7.67606857,10.197012 C7.78322572,10.197012 7.90109858,10.2185876 7.99754002,10.2617386 C8.10469717,10.3048896 8.19042289,10.3696162 8.27614861,10.4451305 C8.44760005,10.6069469 8.5547572,10.8334898 8.56547292,11.0708205 C8.57618863,11.1894859 8.56547292,11.3081512 8.52261006,11.4160288 C8.49046291,11.5239064 8.43688434,11.6209962 8.37259005,11.6965105 C8.22257004,11.8691147 8.01897145,11.9662045 7.80465715,11.9662045 M14.4376848,11.2110614 C14.2233705,10.7903388 14.0090562,10.3696162 13.7947419,9.94889359 C13.5804276,9.52817099 13.3446819,9.11823614 13.1089361,8.7083013 C12.8731904,8.29836646 12.6374447,7.88843162 12.3909832,7.48928453 C12.1445218,7.09013745 11.8980603,6.69099037 11.6408832,6.29184328 C11.383706,5.8926962 11.1265288,5.50433688 10.858636,5.11597755 C10.5907431,4.72761823 10.3228502,4.3392589 10.0442416,3.96168734 C9.76563301,3.57332802 9.48702442,3.19575645 9.19770011,2.82897264 C8.9083758,2.45140108 8.6190515,2.08461727 8.31901147,1.71783347 L8.23328575,1.62074364 C8.07255003,1.3942007 7.86895144,1.21080879 7.63320571,1.07056793 C7.4188914,0.951902577 7.18314567,0.887176023 6.93668422,0.876388264 C6.70093849,0.865600505 6.46519276,0.930327059 6.26159417,1.03820465 C6.03656416,1.15687 5.854397,1.32947414 5.72580842,1.55601708 L5.66151413,1.65310691 C5.15787552,2.37588677 4.68638405,3.10945438 4.2256083,3.87538527 C3.76483255,4.64131616 3.32548824,5.42882256 2.89685963,6.25948001 C2.46823103,7.07934969 2.07174957,7.92079489 1.69669954,8.78381561 C1.32164951,9.64683633 0.957315198,10.5422203 0.62512803,11.4591798 C0.496539449,11.7072983 0.432245158,11.9769923 0.442960873,12.2466863 C0.453676588,12.5163802 0.528686594,12.7752864 0.657275175,13.0018294 C0.925168053,13.4872785 1.39665952,13.8216991 1.94316099,13.9187889 C2.45751531,13.9943032 2.97186964,14.0590298 3.47550825,14.1237563 C3.98986257,14.1776951 4.49350118,14.2208462 4.99713979,14.2532094 C5.5007784,14.2855727 5.9937013,14.3071482 6.49733991,14.317936 C6.9902628,14.3287237 7.48318569,14.317936 7.97610859,14.3071482 C8.46903148,14.2963605 8.95123866,14.2639972 9.42273013,14.2316339 C9.89422159,14.1992706 10.3764288,14.1453318 10.8479202,14.091393 C11.3194117,14.0266665 11.7801875,13.9619399 12.2409632,13.8756379 C12.7017389,13.7893358 13.151799,13.7030337 13.601859,13.5951561 C13.7840262,13.5627929 13.9447619,13.4980663 14.0947819,13.4009765 C14.2340862,13.3038866 14.3626748,13.1852213 14.4591162,13.0341927 C14.5555577,12.883164 14.6305677,12.7213477 14.6627148,12.5595313 C14.7055777,12.3869271 14.7162934,12.2035352 14.7055777,12.0201433 C14.694862,11.9554168 14.6841462,11.8906902 14.6734305,11.8151759 C14.6627148,11.7504493 14.6412834,11.6857228 14.619852,11.6102085 C14.5984205,11.5454819 14.5662734,11.4807554 14.5341262,11.4160288 C14.5234105,11.3297267 14.4805477,11.2650002 14.4376848,11.2110614" id="Fill-4" fill="#B43C31"></path> <path d="M13.6875847,13.5520051 C13.6875847,13.5520051 15.5521192,13.2067968 15.4771092,11.9662045 L13.5804276,12.4948047 L13.6875847,13.5520051 Z" id="Fill-6" fill="#B43C31"></path> <path d="M5.74723985,1.53444156 C5.74723985,1.53444156 6.76523278,-0.0729345282 7.75107857,0.00257978486 L6.32588846,1.67468243 L5.74723985,1.53444156 Z" id="Fill-8" fill="#B43C31"></path> </g> <g id="Group-26" transform="translate(1.127604, 4.667054)"> <g id="Group-13" fill="#F36457"> <path d="M8.01650694,4.64008484 L8.01650694,5.03923192 C8.01650694,5.17947279 8.00579123,5.3089259 8.00579123,5.44916677 C8.00579123,5.58940763 7.99507551,5.71886074 7.9843598,5.85910161 C7.97364408,5.98855472 7.97364408,6.12879558 7.96292837,6.25824869 C7.95221265,6.3877018 7.94149694,6.52794267 7.93078122,6.65739578 C7.92006551,6.78684888 7.90934979,6.92708975 7.89863408,7.06733062 C7.88791836,7.20757148 7.86648693,7.34781235 7.85577122,7.47726546 C7.8450555,7.60671857 7.82362407,7.74695943 7.80219264,7.87641254 C7.7700455,8.14610652 7.53429976,8.35107394 7.25569117,8.35107394 C7.12710259,8.35107394 6.99851401,8.3079229 6.89135686,8.23240859 C6.77348399,8.14610652 6.68775827,8.02744117 6.64489541,7.8872003 C6.55916969,7.61750633 6.4948754,7.34781235 6.43058111,7.07811838 C6.36628682,6.8084244 6.30199253,6.53873043 6.23769824,6.25824869 C6.17340395,5.98855472 6.11982537,5.70807298 6.07696251,5.43837901 C6.02338393,5.16868503 5.98052107,4.89899106 5.93765821,4.62929708 C5.9269425,4.54299501 5.91622678,4.44590518 5.90551107,4.35960311 C5.89479535,4.27330104 5.88407964,4.1762112 5.88407964,4.08990913 C5.88407964,4.00360706 5.87336392,3.90651723 5.87336392,3.82021516 C5.87336392,3.73391309 5.87336392,3.63682325 5.88407964,3.55052118 C5.89479535,3.41028032 5.9269425,3.28082721 5.99123679,3.16216186 C6.05553108,3.04349651 6.13054109,2.94640668 6.23769824,2.87089236 C6.33413967,2.79537805 6.45201254,2.7306515 6.58060112,2.69828822 C6.7091897,2.66592494 6.848494,2.65513718 6.98779829,2.68750046 C7.10567116,2.70907598 7.21282831,2.74143926 7.30926975,2.79537805 C7.40571118,2.84931685 7.50215262,2.9140434 7.57716262,3.00034547 C7.66288835,3.07585979 7.72718264,3.17294962 7.78076121,3.27003945 C7.83433979,3.36712928 7.87720265,3.47500687 7.89863408,3.58288446 C7.92006551,3.66918653 7.93078122,3.76627636 7.95221265,3.85257843 C7.97364408,3.93888051 7.97364408,4.03597034 7.9843598,4.12227241 C7.99507551,4.20857448 8.00579123,4.30566431 8.00579123,4.39196638 C8.00579123,4.45669294 8.01650694,4.54299501 8.01650694,4.64008484 M7.47000547,11.0911647 C7.35213261,11.0911647 7.24497546,11.0695892 7.13781831,11.0264382 C7.03066115,10.9832871 6.93421972,10.9185606 6.85920971,10.8430463 C6.68775827,10.6812299 6.58060112,10.4546869 6.5698854,10.2173562 C6.55916969,10.0986909 6.5698854,9.98002555 6.61274827,9.87214796 C6.64489541,9.76427037 6.69847399,9.66718054 6.77348399,9.59166622 C6.923504,9.41906208 7.12710259,9.32197225 7.35213261,9.32197225 C7.45928976,9.32197225 7.57716262,9.34354777 7.67360406,9.3866988 C7.78076121,9.42984984 7.87720265,9.49457639 7.95221265,9.57009071 C8.12366409,9.73190709 8.23082125,9.95845003 8.25225268,10.1957807 C8.26296839,10.3144461 8.25225268,10.4331114 8.20938982,10.540989 C8.17724267,10.6488666 8.12366409,10.7459564 8.04865409,10.8214708 C7.89863408,10.9940749 7.69503549,11.0911647 7.47000547,11.0911647 M14.220906,10.3360216 C14.0065917,9.91529899 13.7815617,9.49457639 13.5672474,9.07385379 C13.3529331,8.65313119 13.1171873,8.24319635 12.8707259,7.83326151 C12.6349802,7.42332666 12.3885187,7.01339182 12.1420573,6.61424474 C11.8955958,6.21509766 11.6384186,5.81595057 11.3812415,5.41680349 C11.1240643,5.01765641 10.8561714,4.62929708 10.5882786,4.24093776 C10.3203857,3.85257843 10.0417771,3.46421911 9.7631685,3.08664755 C9.48455991,2.69828822 9.1952356,2.32071666 8.9059113,1.95393285 C8.61658699,1.57636128 8.31654697,1.20957748 8.01650694,0.842793672 L7.93078122,0.745703841 C7.7700455,0.519160902 7.55573119,0.335768999 7.31998546,0.195528132 C7.10567116,0.0768627829 6.85920971,0.0121362289 6.61274827,0.00134846988 C6.37700253,-0.00943928913 6.1412568,0.0444995059 5.9269425,0.163164855 C5.70191248,0.281830204 5.51974532,0.454434348 5.38044103,0.680977287 L5.31614674,0.778067118 C4.81250813,1.50084697 4.31958523,2.23441458 3.84809377,3.00034547 C3.3766023,3.76627636 2.93725799,4.55378277 2.49791367,5.38444021 C2.05856935,6.2043099 1.65137217,7.0457551 1.27632214,7.90877582 C0.890556401,8.77179654 0.536937803,9.66718054 0.183319204,10.5841401 C0.0547306232,10.8322585 -0.00956366743,11.1019525 0.00115204767,11.3716465 C0.0118677628,11.6413404 0.0868777685,11.9002467 0.21546635,12.1267896 C0.483359227,12.6122387 0.965566407,12.9466593 1.52278359,13.0437491 C2.03713792,13.1192634 2.56220796,13.18399 3.07656228,13.2487165 C3.59091661,13.3026553 4.10527093,13.3458064 4.61962526,13.3781696 C5.12326387,13.4105329 5.63761819,13.4321084 6.1412568,13.4428962 C6.64489541,13.4536839 7.14853402,13.4428962 7.64145691,13.4321084 C8.13437981,13.4213207 8.6273027,13.3889574 9.1202256,13.3565941 C9.61314849,13.3134431 10.0953557,13.270292 10.5668471,13.2163532 C11.0383386,13.1624145 11.5098301,13.0869001 11.9813215,13.0005981 C12.452813,12.914296 12.9135887,12.8279939 13.3743645,12.7201163 C13.5565317,12.6877531 13.7279831,12.6230265 13.8780031,12.5259367 C14.0280231,12.4288468 14.145896,12.3101815 14.2423374,12.1591529 C14.3387789,12.0081242 14.4137889,11.8463079 14.4566517,11.6844915 C14.4995146,11.5118873 14.5102303,11.3284954 14.4995146,11.1451035 C14.4887989,11.080377 14.4780831,11.0156504 14.4673674,10.9401361 C14.4566517,10.8754095 14.4352203,10.810683 14.4137889,10.7351687 C14.3923574,10.6704421 14.3602103,10.6057156 14.3280631,10.540989 C14.295916,10.4546869 14.2530531,10.3899604 14.220906,10.3360216" id="Fill-11"></path> </g> <g id="Group-16" transform="translate(5.884080, 2.657172)" fill="#B43C31"> <path d="M2.13242731,1.9721252 L2.13242731,2.37127228 C2.13242731,2.51151315 2.12171159,2.64096626 2.12171159,2.78120713 C2.12171159,2.92144799 2.11099587,3.0509011 2.10028016,3.19114197 C2.08956444,3.32059508 2.08956444,3.46083594 2.07884873,3.59028905 C2.06813301,3.71974216 2.0574173,3.85998303 2.04670158,3.98943613 C2.03598587,4.11888924 2.02527015,4.25913011 2.01455444,4.39937098 C2.00383872,4.53961184 1.98240729,4.66906495 1.97169158,4.80930582 C1.96097586,4.94954669 1.93954443,5.07899979 1.918113,5.2084529 C1.89668157,5.34869377 1.83238728,5.46735912 1.72523013,5.56444895 C1.6287887,5.63996326 1.50020011,5.6831143 1.38232725,5.6831143 C1.25373867,5.6831143 1.12515009,5.63996326 1.01799293,5.56444895 C0.900120069,5.47814688 0.814394348,5.35948153 0.771531487,5.21924066 C0.696521482,4.94954669 0.621511476,4.67985271 0.557217185,4.41015874 C0.492922895,4.14046476 0.428628604,3.87077078 0.364334313,3.59028905 C0.300040023,3.30980732 0.257177162,3.0509011 0.203598587,2.77041937 C0.150020011,2.48993763 0.107157151,2.23103142 0.0642942906,1.96133744 C0.0535785755,1.87503537 0.0428628604,1.77794554 0.0321471453,1.69164347 C0.0214314302,1.60534139 0.0107157151,1.50825156 0.0107157151,1.42194949 C0.0107157151,1.33564742 0,1.23855759 0,1.15225552 C0,1.06595344 0,0.968863613 0.0107157151,0.882561541 C0.0214314302,0.742320674 0.0535785755,0.612867566 0.117872866,0.494202217 C0.235745732,0.267659278 0.450060034,0.0950551335 0.696521482,0.0303285795 C0.825110063,-0.00203469756 0.964414359,-0.0128224566 1.10371866,0.0195408205 C1.22159152,0.0411163385 1.32874867,0.0734796155 1.42519011,0.12741841 C1.52163154,0.181357206 1.60735727,0.24608376 1.69308299,0.332385832 C1.85381871,0.494202217 1.97169158,0.699169638 2.01455444,0.914924818 C2.03598587,1.00122689 2.04670158,1.09831672 2.06813301,1.18461879 C2.07884873,1.27092086 2.08956444,1.3680107 2.10028016,1.45431277 C2.11099587,1.54061484 2.11099587,1.62691691 2.12171159,1.72400674 C2.13242731,1.82109657 2.12171159,1.88582313 2.13242731,1.9721252" id="Fill-14"></path> </g> <g id="Group-19" transform="translate(6.280572, 2.219378)" fill="#FFFFFF"> <path d="M2.13242731,1.95683343 L2.13242731,2.34519275 C2.13242731,2.47464586 2.12171159,2.61488673 2.12171159,2.7551276 C2.12171159,2.89536846 2.11099587,3.02482157 2.10028016,3.16506244 C2.08956444,3.29451555 2.08956444,3.43475641 2.07884873,3.56420952 C2.06813301,3.69366263 2.0574173,3.82311574 2.04670158,3.9633566 C2.03598587,4.09280971 2.02527015,4.23305058 2.01455444,4.37329145 C2.00383872,4.51353231 1.98240729,4.64298542 1.97169158,4.78322629 C1.96097586,4.92346716 1.93954443,5.05292026 1.918113,5.18237337 C1.89668157,5.32261424 1.83238728,5.44127959 1.72523013,5.52758166 C1.6287887,5.60309597 1.51091583,5.64624701 1.38232725,5.64624701 C1.25373867,5.64624701 1.12515009,5.60309597 1.01799293,5.52758166 C0.900120069,5.44127959 0.814394348,5.32261424 0.771531487,5.18237337 C0.696521482,4.9126794 0.621511476,4.64298542 0.557217185,4.3840792 C0.492922895,4.12517299 0.428628604,3.84469125 0.364334313,3.57499728 C0.300040023,3.3053033 0.257177162,3.03560933 0.203598587,2.7551276 C0.150020011,2.47464586 0.107157151,2.21573965 0.0642942906,1.94604567 C0.0535785755,1.8597436 0.0428628604,1.76265377 0.0321471453,1.67635169 C0.0214314302,1.59004962 0.0214314302,1.49295979 0.0107157151,1.40665772 C0,1.32035565 0,1.22326582 0,1.13696374 C0,1.05066167 0,0.953571842 0.0107157151,0.86726977 C0.0214314302,0.727028902 0.0535785755,0.597575794 0.117872866,0.478910445 C0.235745732,0.252367506 0.450060034,0.0797633622 0.696521482,0.0258245672 C0.825110063,-0.00653870979 0.964414359,-0.00653870979 1.09300294,0.0150368082 C1.21087581,0.0366123262 1.31803296,0.0689756032 1.41447439,0.122914398 C1.51091583,0.176853193 1.59664155,0.241579747 1.67165156,0.327881819 C1.75737728,0.403396132 1.82167157,0.500485963 1.87525014,0.597575794 C1.92882872,0.694665625 1.97169158,0.802543216 1.99312301,0.910420806 C2.01455444,0.996722878 2.02527015,1.08302495 2.04670158,1.18011478 C2.0574173,1.26641685 2.06813301,1.36350668 2.07884873,1.44980876 C2.08956444,1.53611083 2.08956444,1.6224129 2.10028016,1.71950273 C2.13242731,1.78422928 2.13242731,1.87053136 2.13242731,1.95683343" id="Fill-17"></path> </g> <g id="Group-22" transform="translate(6.544600, 9.321972)" fill="#B43C31"> <path d="M1.70766364,0.873808479 C1.71837936,0.992473828 1.70766364,1.11113918 1.66480078,1.21901677 C1.63265364,1.32689436 1.57907506,1.42398419 1.50406506,1.4994985 C1.36476076,1.67210265 1.15044646,1.76919248 0.92541644,1.76919248 C0.807543574,1.76919248 0.700386423,1.74761696 0.593229272,1.70446592 C0.486072121,1.66131489 0.389630685,1.59658833 0.303904965,1.52107402 C0.132453523,1.35925763 0.0252963719,1.1327147 0.00386494171,0.895383997 C-0.00685077339,0.776718648 0.00386494171,0.658053299 0.0467278021,0.550175709 C0.0788749474,0.442298119 0.132453523,0.345208288 0.207463529,0.269693975 C0.35748354,0.10787759 0.561082127,0.010787759 0.786112144,0 C0.90398501,0 1.01114216,0.021575518 1.11829931,0.064726554 C1.22545646,0.10787759 1.3218979,0.172604144 1.3969079,0.248118457 C1.57907506,0.420722601 1.68623221,0.636477781 1.70766364,0.873808479" id="Fill-20"></path> </g> <g id="Group-25" transform="translate(6.973218, 8.847311)" fill="#FFFFFF"> <path d="M1.68623221,0.86302072 C1.69694793,0.981686069 1.68623221,1.10035142 1.64336935,1.20822901 C1.61122221,1.3161066 1.55764363,1.40240867 1.48263363,1.48871074 C1.34332933,1.66131489 1.12901503,1.75840472 0.914700725,1.75840472 C0.796827859,1.75840472 0.689670708,1.7368292 0.582513557,1.69367816 C0.475356406,1.65052713 0.37891497,1.58580057 0.303904965,1.51028626 C0.132453523,1.34846988 0.0252963719,1.12192694 0.00386494171,0.884596238 C-0.00685077339,0.765930889 0.00386494171,0.64726554 0.0467278021,0.53938795 C0.0788749474,0.43151036 0.132453523,0.345208288 0.207463529,0.258906216 C0.346767825,0.097089831 0.561082127,0 0.786112144,0 C0.893269295,0 1.01114216,0.021575518 1.1075836,0.064726554 C1.21474075,0.10787759 1.31118218,0.172604144 1.38619219,0.248118457 C1.55764363,0.409934842 1.65408507,0.636477781 1.68623221,0.86302072" id="Fill-23"></path> </g> </g> <g id="Group-31" transform="translate(10.247840, 0.008091)" fill="#B43C31"> <path d="M0,0.377571565 C0,0.377571565 0.268216508,0.075514313 0.587521875,0 L0.293760938,0.377571565 L0,0.377571565 Z" id="Fill-27"></path> <path d="M0.652159809,4.42298119 C0.664932024,4.42298119 1.04809846,4.47691999 1.2524539,4.0777729 L0.84374303,3.96989531 L0.652159809,4.42298119 Z" id="Fill-29"></path> </g> <g id="Group-34" transform="translate(9.186984, 0.312845)" fill="#B43C31"> <path d="M1.26445438,2.42454884 L0.214314302,2.42454884 C0.171451442,2.42454884 0.139304296,2.41376108 0.107157151,2.39218556 C0.0428628604,2.35982228 0.0107157151,2.28430797 0,2.21958142 C0,2.18721814 0,2.1440671 0.0214314302,2.11170383 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0512418553 1.37161153,0.0836051323 C1.40375868,0.126756168 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.46805297,1.38892397 1.47876868,1.42128725 1.50020011,1.43207501 C1.52163154,1.45365053 1.54306297,1.46443828 1.5644944,1.47522604 C1.58592583,1.4860138 1.61807298,1.49680156 1.63950441,1.49680156 L2.63606591,1.49680156 C2.66821306,1.49680156 2.70036021,1.50758932 2.73250735,1.51837708 C2.7646545,1.5399526 2.78608593,1.56152812 2.80751736,1.58310363 C2.82894879,1.61546691 2.8396645,1.64783019 2.8396645,1.68019346 C2.8396645,1.71255674 2.8396645,1.74492002 2.82894879,1.78807105 L1.93954443,4.01034941 C1.92882872,4.05350045 1.89668157,4.08586372 1.85381871,4.10743924 C1.81095585,4.12901476 1.77880871,4.12901476 1.73594585,4.118227 C1.69308299,4.10743924 1.66093584,4.08586372 1.6287887,4.05350045 C1.59664155,4.02113717 1.57521012,3.96719837 1.57521012,3.92404734 L1.47876868,2.64030402 C1.47876868,2.60794074 1.46805297,2.58636522 1.45733725,2.5647897 C1.44662154,2.54321419 1.42519011,2.52163867 1.41447439,2.50006315 C1.39304296,2.47848763 1.37161153,2.46769987 1.3501801,2.45691211 C1.31803296,2.42454884 1.29660153,2.42454884 1.26445438,2.42454884" id="Fill-32"></path> </g> <g id="Group-37" transform="translate(9.583466, 0.000000)" fill="#F36457"> <path d="M0.214314302,2.4353366 C0.171451442,2.4353366 0.139304296,2.42454884 0.107157151,2.40297332 C0.0428628604,2.35982228 0.0107157151,2.29509573 0,2.23036917 C0,2.1980059 0,2.15485486 0.0214314302,2.12249158 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0404540963 1.37161153,0.0836051323 C1.40375868,0.115968409 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.47876868,1.42128725 1.51091583,1.45365053 1.5644944,1.4860138 C1.58592583,1.49680156 1.61807298,1.50758932 1.63950441,1.50758932 L2.63606591,1.50758932 C2.66821306,1.50758932 2.70036021,1.51837708 2.73250735,1.52916484 C2.7646545,1.55074036 2.78608593,1.57231587 2.80751736,1.59389139 C2.82894879,1.62625467 2.8396645,1.65861795 2.8396645,1.69098122 C2.8396645,1.7233445 2.8396645,1.75570778 2.82894879,1.79885881 L1.93954443,4.02113717 C1.92882872,4.0642882 1.89668157,4.09665148 1.85381871,4.118227 C1.81095585,4.13980252 1.77880871,4.13980252 1.73594585,4.12901476 C1.69308299,4.118227 1.66093584,4.09665148 1.6287887,4.0642882 C1.59664155,4.03192493 1.57521012,3.97798613 1.57521012,3.9348351 L1.47876868,2.65109178 C1.47876868,2.6187285 1.46805297,2.59715298 1.45733725,2.57557746 C1.44662154,2.55400194 1.42519011,2.53242643 1.41447439,2.51085091 C1.39304296,2.48927539 1.37161153,2.47848763 1.3501801,2.46769987 C1.31803296,2.44612435 1.29660153,2.4353366 1.26445438,2.4353366 L0.214314302,2.4353366 Z" id="Fill-35"></path> </g> </g> </g> </svg> <small>Uploading Logo size should be less than 1MB.</small> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="InvoiceGenerator.showHideErr('image_upload', false);"><g><path d="M428.4935,389.33a27.6974,27.6974,0,0,1-39.17,39.17l-133.32-133.33L122.6734,428.5a27.6973,27.6973,0,0,1-39.17-39.17L216.8334,256,83.5035,122.67a27.6973,27.6973,0,0,1,39.17-39.17l133.33,133.33L389.3233,83.5a27.6974,27.6974,0,1,1,39.17,39.17L295.1634,256Z" style="fill: #606060"/></g></svg> </div> <div class="hide upload-logo-error-msg" id="response_err"> <svg width="17px" height="21px" viewBox="0 0 17 21" alt="caution" class="caution-svg"> <title>Group 38</title> <defs> <polygon id="path-1" points="-1.75478296e-16 0 16.045567 0 16.045567 15.6131364 -1.75478296e-16 15.6131364"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-38"> <g id="Group-10" transform="translate(0.000000, 4.655035)"> <g id="Group-3" transform="translate(0.000000, 0.281355)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M7.68678428,0.00170648909 C8.73692436,0.0232820071 9.76563301,0.228249428 10.7407631,0.627396511 C11.683746,1.01575584 12.5517189,1.55514379 13.301819,2.24556036 C14.0519191,2.92518918 14.6734305,3.7342711 15.144922,4.6296551 C15.6271292,5.54661462 15.9164535,6.5498762 16.0128949,7.58550107 C16.1093364,8.61033817 15.9914635,9.63517528 15.669992,10.6060736 C15.3592363,11.5446086 14.8555977,12.4076293 14.1912233,13.141197 C13.5161333,13.8963401 12.6910232,14.5004546 11.7801875,14.9103894 C10.7943417,15.3526876 9.73348587,15.600806 8.65119864,15.6115938 C7.53676427,15.6331693 6.43304561,15.4282019 5.39362125,15.018267 C4.38634403,14.6191199 3.45407682,14.0257932 2.6611139,13.2814378 C1.86815098,12.5478702 1.23592379,11.6740617 0.764432326,10.7031634 C0.303656577,9.72147735 0.0464794143,8.66427697 0.00361655385,7.57471331 C-0.0285305915,6.52830069 0.153636565,5.49267582 0.550118024,4.52177751 C0.925168053,3.61560576 1.49310095,2.78494831 2.20033815,2.10531949 C2.90757535,1.42569068 3.74340112,0.886302727 4.66495262,0.53030668 C5.6400827,0.163522874 6.65807563,-0.0198690289 7.68678428,0.00170648909" id="Fill-1" fill="#F36457" opacity="0.100000001" mask="url(#mask-2)"></path> </g> <path d="M8.32972719,5.51512464 L8.32972719,5.91427172 C8.32972719,6.04372483 8.31901147,6.18396569 8.31901147,6.32420656 C8.30829576,6.46444743 8.30829576,6.59390054 8.29758004,6.7341414 C8.28686433,6.87438227 8.28686433,7.00383538 8.27614861,7.13328849 C8.2654329,7.26274159 8.25471718,7.40298246 8.24400147,7.53243557 C8.23328575,7.66188868 8.22257004,7.80212954 8.21185432,7.94237041 C8.20113861,8.08261128 8.19042289,8.22285215 8.16899146,8.35230525 C8.14756003,8.48175836 8.13684432,8.62199923 8.11541289,8.75145234 C8.08326574,9.02114631 7.84752001,9.22611373 7.57962713,9.22611373 C7.45103855,9.22611373 7.32244997,9.1829627 7.22600853,9.10744838 C7.10813567,9.02114631 7.02240995,8.90248096 6.97954708,8.7622401 C6.90453708,8.49254612 6.82952707,8.22285215 6.76523278,7.95315817 C6.70093849,7.6834642 6.6366442,7.41377022 6.57234991,7.13328849 C6.50805562,6.85280675 6.45447704,6.58311278 6.41161418,6.3134188 C6.36875132,6.04372483 6.31517275,5.77403085 6.27230989,5.50433688 C6.26159417,5.4180348 6.25087846,5.32094497 6.24016274,5.2346429 C6.22944703,5.14834083 6.21873131,5.051251 6.21873131,4.96494893 C6.21873131,4.87864685 6.2080156,4.78155702 6.2080156,4.69525495 C6.2080156,4.60895288 6.2080156,4.51186305 6.21873131,4.42556098 C6.22944703,4.28532011 6.26159417,4.155867 6.32588846,4.03720165 C6.37946704,3.9185363 6.46519276,3.82144647 6.5616342,3.74593216 C6.65807563,3.67041785 6.7759485,3.60569129 6.89382136,3.57332802 C7.02240995,3.54096474 7.16171424,3.53017698 7.29030282,3.56254026 C7.39745997,3.58411577 7.51533284,3.61647905 7.61177428,3.67041785 C7.70821571,3.72435664 7.79394143,3.7890832 7.87966715,3.87538527 C7.95467716,3.95089958 8.02968716,4.04798941 8.08326574,4.14507924 C8.13684432,4.24216907 8.17970718,4.35004666 8.20113861,4.45792425 C8.22257004,4.54422633 8.23328575,4.64131616 8.25471718,4.72761823 C8.27614861,4.8139203 8.27614861,4.91101013 8.28686433,4.9973122 C8.29758004,5.08361428 8.29758004,5.18070411 8.30829576,5.26700618 C8.32972719,5.33173273 8.32972719,5.4180348 8.32972719,5.51512464 M7.80465715,11.9662045 C7.68678428,11.9662045 7.57962713,11.944629 7.47246998,11.901478 C7.36531283,11.8583269 7.26887139,11.7936004 7.19386139,11.7180861 C7.02240995,11.5562697 6.91525279,11.3297267 6.90453708,11.092396 C6.89382136,10.9737307 6.90453708,10.8550653 6.94739994,10.7471878 C6.97954708,10.6393102 7.03312566,10.5422203 7.10813567,10.466706 C7.24743996,10.2941019 7.46175426,10.197012 7.67606857,10.197012 C7.78322572,10.197012 7.90109858,10.2185876 7.99754002,10.2617386 C8.10469717,10.3048896 8.19042289,10.3696162 8.27614861,10.4451305 C8.44760005,10.6069469 8.5547572,10.8334898 8.56547292,11.0708205 C8.57618863,11.1894859 8.56547292,11.3081512 8.52261006,11.4160288 C8.49046291,11.5239064 8.43688434,11.6209962 8.37259005,11.6965105 C8.22257004,11.8691147 8.01897145,11.9662045 7.80465715,11.9662045 M14.4376848,11.2110614 C14.2233705,10.7903388 14.0090562,10.3696162 13.7947419,9.94889359 C13.5804276,9.52817099 13.3446819,9.11823614 13.1089361,8.7083013 C12.8731904,8.29836646 12.6374447,7.88843162 12.3909832,7.48928453 C12.1445218,7.09013745 11.8980603,6.69099037 11.6408832,6.29184328 C11.383706,5.8926962 11.1265288,5.50433688 10.858636,5.11597755 C10.5907431,4.72761823 10.3228502,4.3392589 10.0442416,3.96168734 C9.76563301,3.57332802 9.48702442,3.19575645 9.19770011,2.82897264 C8.9083758,2.45140108 8.6190515,2.08461727 8.31901147,1.71783347 L8.23328575,1.62074364 C8.07255003,1.3942007 7.86895144,1.21080879 7.63320571,1.07056793 C7.4188914,0.951902577 7.18314567,0.887176023 6.93668422,0.876388264 C6.70093849,0.865600505 6.46519276,0.930327059 6.26159417,1.03820465 C6.03656416,1.15687 5.854397,1.32947414 5.72580842,1.55601708 L5.66151413,1.65310691 C5.15787552,2.37588677 4.68638405,3.10945438 4.2256083,3.87538527 C3.76483255,4.64131616 3.32548824,5.42882256 2.89685963,6.25948001 C2.46823103,7.07934969 2.07174957,7.92079489 1.69669954,8.78381561 C1.32164951,9.64683633 0.957315198,10.5422203 0.62512803,11.4591798 C0.496539449,11.7072983 0.432245158,11.9769923 0.442960873,12.2466863 C0.453676588,12.5163802 0.528686594,12.7752864 0.657275175,13.0018294 C0.925168053,13.4872785 1.39665952,13.8216991 1.94316099,13.9187889 C2.45751531,13.9943032 2.97186964,14.0590298 3.47550825,14.1237563 C3.98986257,14.1776951 4.49350118,14.2208462 4.99713979,14.2532094 C5.5007784,14.2855727 5.9937013,14.3071482 6.49733991,14.317936 C6.9902628,14.3287237 7.48318569,14.317936 7.97610859,14.3071482 C8.46903148,14.2963605 8.95123866,14.2639972 9.42273013,14.2316339 C9.89422159,14.1992706 10.3764288,14.1453318 10.8479202,14.091393 C11.3194117,14.0266665 11.7801875,13.9619399 12.2409632,13.8756379 C12.7017389,13.7893358 13.151799,13.7030337 13.601859,13.5951561 C13.7840262,13.5627929 13.9447619,13.4980663 14.0947819,13.4009765 C14.2340862,13.3038866 14.3626748,13.1852213 14.4591162,13.0341927 C14.5555577,12.883164 14.6305677,12.7213477 14.6627148,12.5595313 C14.7055777,12.3869271 14.7162934,12.2035352 14.7055777,12.0201433 C14.694862,11.9554168 14.6841462,11.8906902 14.6734305,11.8151759 C14.6627148,11.7504493 14.6412834,11.6857228 14.619852,11.6102085 C14.5984205,11.5454819 14.5662734,11.4807554 14.5341262,11.4160288 C14.5234105,11.3297267 14.4805477,11.2650002 14.4376848,11.2110614" id="Fill-4" fill="#B43C31"></path> <path d="M13.6875847,13.5520051 C13.6875847,13.5520051 15.5521192,13.2067968 15.4771092,11.9662045 L13.5804276,12.4948047 L13.6875847,13.5520051 Z" id="Fill-6" fill="#B43C31"></path> <path d="M5.74723985,1.53444156 C5.74723985,1.53444156 6.76523278,-0.0729345282 7.75107857,0.00257978486 L6.32588846,1.67468243 L5.74723985,1.53444156 Z" id="Fill-8" fill="#B43C31"></path> </g> <g id="Group-26" transform="translate(1.127604, 4.667054)"> <g id="Group-13" fill="#F36457"> <path d="M8.01650694,4.64008484 L8.01650694,5.03923192 C8.01650694,5.17947279 8.00579123,5.3089259 8.00579123,5.44916677 C8.00579123,5.58940763 7.99507551,5.71886074 7.9843598,5.85910161 C7.97364408,5.98855472 7.97364408,6.12879558 7.96292837,6.25824869 C7.95221265,6.3877018 7.94149694,6.52794267 7.93078122,6.65739578 C7.92006551,6.78684888 7.90934979,6.92708975 7.89863408,7.06733062 C7.88791836,7.20757148 7.86648693,7.34781235 7.85577122,7.47726546 C7.8450555,7.60671857 7.82362407,7.74695943 7.80219264,7.87641254 C7.7700455,8.14610652 7.53429976,8.35107394 7.25569117,8.35107394 C7.12710259,8.35107394 6.99851401,8.3079229 6.89135686,8.23240859 C6.77348399,8.14610652 6.68775827,8.02744117 6.64489541,7.8872003 C6.55916969,7.61750633 6.4948754,7.34781235 6.43058111,7.07811838 C6.36628682,6.8084244 6.30199253,6.53873043 6.23769824,6.25824869 C6.17340395,5.98855472 6.11982537,5.70807298 6.07696251,5.43837901 C6.02338393,5.16868503 5.98052107,4.89899106 5.93765821,4.62929708 C5.9269425,4.54299501 5.91622678,4.44590518 5.90551107,4.35960311 C5.89479535,4.27330104 5.88407964,4.1762112 5.88407964,4.08990913 C5.88407964,4.00360706 5.87336392,3.90651723 5.87336392,3.82021516 C5.87336392,3.73391309 5.87336392,3.63682325 5.88407964,3.55052118 C5.89479535,3.41028032 5.9269425,3.28082721 5.99123679,3.16216186 C6.05553108,3.04349651 6.13054109,2.94640668 6.23769824,2.87089236 C6.33413967,2.79537805 6.45201254,2.7306515 6.58060112,2.69828822 C6.7091897,2.66592494 6.848494,2.65513718 6.98779829,2.68750046 C7.10567116,2.70907598 7.21282831,2.74143926 7.30926975,2.79537805 C7.40571118,2.84931685 7.50215262,2.9140434 7.57716262,3.00034547 C7.66288835,3.07585979 7.72718264,3.17294962 7.78076121,3.27003945 C7.83433979,3.36712928 7.87720265,3.47500687 7.89863408,3.58288446 C7.92006551,3.66918653 7.93078122,3.76627636 7.95221265,3.85257843 C7.97364408,3.93888051 7.97364408,4.03597034 7.9843598,4.12227241 C7.99507551,4.20857448 8.00579123,4.30566431 8.00579123,4.39196638 C8.00579123,4.45669294 8.01650694,4.54299501 8.01650694,4.64008484 M7.47000547,11.0911647 C7.35213261,11.0911647 7.24497546,11.0695892 7.13781831,11.0264382 C7.03066115,10.9832871 6.93421972,10.9185606 6.85920971,10.8430463 C6.68775827,10.6812299 6.58060112,10.4546869 6.5698854,10.2173562 C6.55916969,10.0986909 6.5698854,9.98002555 6.61274827,9.87214796 C6.64489541,9.76427037 6.69847399,9.66718054 6.77348399,9.59166622 C6.923504,9.41906208 7.12710259,9.32197225 7.35213261,9.32197225 C7.45928976,9.32197225 7.57716262,9.34354777 7.67360406,9.3866988 C7.78076121,9.42984984 7.87720265,9.49457639 7.95221265,9.57009071 C8.12366409,9.73190709 8.23082125,9.95845003 8.25225268,10.1957807 C8.26296839,10.3144461 8.25225268,10.4331114 8.20938982,10.540989 C8.17724267,10.6488666 8.12366409,10.7459564 8.04865409,10.8214708 C7.89863408,10.9940749 7.69503549,11.0911647 7.47000547,11.0911647 M14.220906,10.3360216 C14.0065917,9.91529899 13.7815617,9.49457639 13.5672474,9.07385379 C13.3529331,8.65313119 13.1171873,8.24319635 12.8707259,7.83326151 C12.6349802,7.42332666 12.3885187,7.01339182 12.1420573,6.61424474 C11.8955958,6.21509766 11.6384186,5.81595057 11.3812415,5.41680349 C11.1240643,5.01765641 10.8561714,4.62929708 10.5882786,4.24093776 C10.3203857,3.85257843 10.0417771,3.46421911 9.7631685,3.08664755 C9.48455991,2.69828822 9.1952356,2.32071666 8.9059113,1.95393285 C8.61658699,1.57636128 8.31654697,1.20957748 8.01650694,0.842793672 L7.93078122,0.745703841 C7.7700455,0.519160902 7.55573119,0.335768999 7.31998546,0.195528132 C7.10567116,0.0768627829 6.85920971,0.0121362289 6.61274827,0.00134846988 C6.37700253,-0.00943928913 6.1412568,0.0444995059 5.9269425,0.163164855 C5.70191248,0.281830204 5.51974532,0.454434348 5.38044103,0.680977287 L5.31614674,0.778067118 C4.81250813,1.50084697 4.31958523,2.23441458 3.84809377,3.00034547 C3.3766023,3.76627636 2.93725799,4.55378277 2.49791367,5.38444021 C2.05856935,6.2043099 1.65137217,7.0457551 1.27632214,7.90877582 C0.890556401,8.77179654 0.536937803,9.66718054 0.183319204,10.5841401 C0.0547306232,10.8322585 -0.00956366743,11.1019525 0.00115204767,11.3716465 C0.0118677628,11.6413404 0.0868777685,11.9002467 0.21546635,12.1267896 C0.483359227,12.6122387 0.965566407,12.9466593 1.52278359,13.0437491 C2.03713792,13.1192634 2.56220796,13.18399 3.07656228,13.2487165 C3.59091661,13.3026553 4.10527093,13.3458064 4.61962526,13.3781696 C5.12326387,13.4105329 5.63761819,13.4321084 6.1412568,13.4428962 C6.64489541,13.4536839 7.14853402,13.4428962 7.64145691,13.4321084 C8.13437981,13.4213207 8.6273027,13.3889574 9.1202256,13.3565941 C9.61314849,13.3134431 10.0953557,13.270292 10.5668471,13.2163532 C11.0383386,13.1624145 11.5098301,13.0869001 11.9813215,13.0005981 C12.452813,12.914296 12.9135887,12.8279939 13.3743645,12.7201163 C13.5565317,12.6877531 13.7279831,12.6230265 13.8780031,12.5259367 C14.0280231,12.4288468 14.145896,12.3101815 14.2423374,12.1591529 C14.3387789,12.0081242 14.4137889,11.8463079 14.4566517,11.6844915 C14.4995146,11.5118873 14.5102303,11.3284954 14.4995146,11.1451035 C14.4887989,11.080377 14.4780831,11.0156504 14.4673674,10.9401361 C14.4566517,10.8754095 14.4352203,10.810683 14.4137889,10.7351687 C14.3923574,10.6704421 14.3602103,10.6057156 14.3280631,10.540989 C14.295916,10.4546869 14.2530531,10.3899604 14.220906,10.3360216" id="Fill-11"></path> </g> <g id="Group-16" transform="translate(5.884080, 2.657172)" fill="#B43C31"> <path d="M2.13242731,1.9721252 L2.13242731,2.37127228 C2.13242731,2.51151315 2.12171159,2.64096626 2.12171159,2.78120713 C2.12171159,2.92144799 2.11099587,3.0509011 2.10028016,3.19114197 C2.08956444,3.32059508 2.08956444,3.46083594 2.07884873,3.59028905 C2.06813301,3.71974216 2.0574173,3.85998303 2.04670158,3.98943613 C2.03598587,4.11888924 2.02527015,4.25913011 2.01455444,4.39937098 C2.00383872,4.53961184 1.98240729,4.66906495 1.97169158,4.80930582 C1.96097586,4.94954669 1.93954443,5.07899979 1.918113,5.2084529 C1.89668157,5.34869377 1.83238728,5.46735912 1.72523013,5.56444895 C1.6287887,5.63996326 1.50020011,5.6831143 1.38232725,5.6831143 C1.25373867,5.6831143 1.12515009,5.63996326 1.01799293,5.56444895 C0.900120069,5.47814688 0.814394348,5.35948153 0.771531487,5.21924066 C0.696521482,4.94954669 0.621511476,4.67985271 0.557217185,4.41015874 C0.492922895,4.14046476 0.428628604,3.87077078 0.364334313,3.59028905 C0.300040023,3.30980732 0.257177162,3.0509011 0.203598587,2.77041937 C0.150020011,2.48993763 0.107157151,2.23103142 0.0642942906,1.96133744 C0.0535785755,1.87503537 0.0428628604,1.77794554 0.0321471453,1.69164347 C0.0214314302,1.60534139 0.0107157151,1.50825156 0.0107157151,1.42194949 C0.0107157151,1.33564742 0,1.23855759 0,1.15225552 C0,1.06595344 0,0.968863613 0.0107157151,0.882561541 C0.0214314302,0.742320674 0.0535785755,0.612867566 0.117872866,0.494202217 C0.235745732,0.267659278 0.450060034,0.0950551335 0.696521482,0.0303285795 C0.825110063,-0.00203469756 0.964414359,-0.0128224566 1.10371866,0.0195408205 C1.22159152,0.0411163385 1.32874867,0.0734796155 1.42519011,0.12741841 C1.52163154,0.181357206 1.60735727,0.24608376 1.69308299,0.332385832 C1.85381871,0.494202217 1.97169158,0.699169638 2.01455444,0.914924818 C2.03598587,1.00122689 2.04670158,1.09831672 2.06813301,1.18461879 C2.07884873,1.27092086 2.08956444,1.3680107 2.10028016,1.45431277 C2.11099587,1.54061484 2.11099587,1.62691691 2.12171159,1.72400674 C2.13242731,1.82109657 2.12171159,1.88582313 2.13242731,1.9721252" id="Fill-14"></path> </g> <g id="Group-19" transform="translate(6.280572, 2.219378)" fill="#FFFFFF"> <path d="M2.13242731,1.95683343 L2.13242731,2.34519275 C2.13242731,2.47464586 2.12171159,2.61488673 2.12171159,2.7551276 C2.12171159,2.89536846 2.11099587,3.02482157 2.10028016,3.16506244 C2.08956444,3.29451555 2.08956444,3.43475641 2.07884873,3.56420952 C2.06813301,3.69366263 2.0574173,3.82311574 2.04670158,3.9633566 C2.03598587,4.09280971 2.02527015,4.23305058 2.01455444,4.37329145 C2.00383872,4.51353231 1.98240729,4.64298542 1.97169158,4.78322629 C1.96097586,4.92346716 1.93954443,5.05292026 1.918113,5.18237337 C1.89668157,5.32261424 1.83238728,5.44127959 1.72523013,5.52758166 C1.6287887,5.60309597 1.51091583,5.64624701 1.38232725,5.64624701 C1.25373867,5.64624701 1.12515009,5.60309597 1.01799293,5.52758166 C0.900120069,5.44127959 0.814394348,5.32261424 0.771531487,5.18237337 C0.696521482,4.9126794 0.621511476,4.64298542 0.557217185,4.3840792 C0.492922895,4.12517299 0.428628604,3.84469125 0.364334313,3.57499728 C0.300040023,3.3053033 0.257177162,3.03560933 0.203598587,2.7551276 C0.150020011,2.47464586 0.107157151,2.21573965 0.0642942906,1.94604567 C0.0535785755,1.8597436 0.0428628604,1.76265377 0.0321471453,1.67635169 C0.0214314302,1.59004962 0.0214314302,1.49295979 0.0107157151,1.40665772 C0,1.32035565 0,1.22326582 0,1.13696374 C0,1.05066167 0,0.953571842 0.0107157151,0.86726977 C0.0214314302,0.727028902 0.0535785755,0.597575794 0.117872866,0.478910445 C0.235745732,0.252367506 0.450060034,0.0797633622 0.696521482,0.0258245672 C0.825110063,-0.00653870979 0.964414359,-0.00653870979 1.09300294,0.0150368082 C1.21087581,0.0366123262 1.31803296,0.0689756032 1.41447439,0.122914398 C1.51091583,0.176853193 1.59664155,0.241579747 1.67165156,0.327881819 C1.75737728,0.403396132 1.82167157,0.500485963 1.87525014,0.597575794 C1.92882872,0.694665625 1.97169158,0.802543216 1.99312301,0.910420806 C2.01455444,0.996722878 2.02527015,1.08302495 2.04670158,1.18011478 C2.0574173,1.26641685 2.06813301,1.36350668 2.07884873,1.44980876 C2.08956444,1.53611083 2.08956444,1.6224129 2.10028016,1.71950273 C2.13242731,1.78422928 2.13242731,1.87053136 2.13242731,1.95683343" id="Fill-17"></path> </g> <g id="Group-22" transform="translate(6.544600, 9.321972)" fill="#B43C31"> <path d="M1.70766364,0.873808479 C1.71837936,0.992473828 1.70766364,1.11113918 1.66480078,1.21901677 C1.63265364,1.32689436 1.57907506,1.42398419 1.50406506,1.4994985 C1.36476076,1.67210265 1.15044646,1.76919248 0.92541644,1.76919248 C0.807543574,1.76919248 0.700386423,1.74761696 0.593229272,1.70446592 C0.486072121,1.66131489 0.389630685,1.59658833 0.303904965,1.52107402 C0.132453523,1.35925763 0.0252963719,1.1327147 0.00386494171,0.895383997 C-0.00685077339,0.776718648 0.00386494171,0.658053299 0.0467278021,0.550175709 C0.0788749474,0.442298119 0.132453523,0.345208288 0.207463529,0.269693975 C0.35748354,0.10787759 0.561082127,0.010787759 0.786112144,0 C0.90398501,0 1.01114216,0.021575518 1.11829931,0.064726554 C1.22545646,0.10787759 1.3218979,0.172604144 1.3969079,0.248118457 C1.57907506,0.420722601 1.68623221,0.636477781 1.70766364,0.873808479" id="Fill-20"></path> </g> <g id="Group-25" transform="translate(6.973218, 8.847311)" fill="#FFFFFF"> <path d="M1.68623221,0.86302072 C1.69694793,0.981686069 1.68623221,1.10035142 1.64336935,1.20822901 C1.61122221,1.3161066 1.55764363,1.40240867 1.48263363,1.48871074 C1.34332933,1.66131489 1.12901503,1.75840472 0.914700725,1.75840472 C0.796827859,1.75840472 0.689670708,1.7368292 0.582513557,1.69367816 C0.475356406,1.65052713 0.37891497,1.58580057 0.303904965,1.51028626 C0.132453523,1.34846988 0.0252963719,1.12192694 0.00386494171,0.884596238 C-0.00685077339,0.765930889 0.00386494171,0.64726554 0.0467278021,0.53938795 C0.0788749474,0.43151036 0.132453523,0.345208288 0.207463529,0.258906216 C0.346767825,0.097089831 0.561082127,0 0.786112144,0 C0.893269295,0 1.01114216,0.021575518 1.1075836,0.064726554 C1.21474075,0.10787759 1.31118218,0.172604144 1.38619219,0.248118457 C1.55764363,0.409934842 1.65408507,0.636477781 1.68623221,0.86302072" id="Fill-23"></path> </g> </g> <g id="Group-31" transform="translate(10.247840, 0.008091)" fill="#B43C31"> <path d="M0,0.377571565 C0,0.377571565 0.268216508,0.075514313 0.587521875,0 L0.293760938,0.377571565 L0,0.377571565 Z" id="Fill-27"></path> <path d="M0.652159809,4.42298119 C0.664932024,4.42298119 1.04809846,4.47691999 1.2524539,4.0777729 L0.84374303,3.96989531 L0.652159809,4.42298119 Z" id="Fill-29"></path> </g> <g id="Group-34" transform="translate(9.186984, 0.312845)" fill="#B43C31"> <path d="M1.26445438,2.42454884 L0.214314302,2.42454884 C0.171451442,2.42454884 0.139304296,2.41376108 0.107157151,2.39218556 C0.0428628604,2.35982228 0.0107157151,2.28430797 0,2.21958142 C0,2.18721814 0,2.1440671 0.0214314302,2.11170383 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0512418553 1.37161153,0.0836051323 C1.40375868,0.126756168 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.46805297,1.38892397 1.47876868,1.42128725 1.50020011,1.43207501 C1.52163154,1.45365053 1.54306297,1.46443828 1.5644944,1.47522604 C1.58592583,1.4860138 1.61807298,1.49680156 1.63950441,1.49680156 L2.63606591,1.49680156 C2.66821306,1.49680156 2.70036021,1.50758932 2.73250735,1.51837708 C2.7646545,1.5399526 2.78608593,1.56152812 2.80751736,1.58310363 C2.82894879,1.61546691 2.8396645,1.64783019 2.8396645,1.68019346 C2.8396645,1.71255674 2.8396645,1.74492002 2.82894879,1.78807105 L1.93954443,4.01034941 C1.92882872,4.05350045 1.89668157,4.08586372 1.85381871,4.10743924 C1.81095585,4.12901476 1.77880871,4.12901476 1.73594585,4.118227 C1.69308299,4.10743924 1.66093584,4.08586372 1.6287887,4.05350045 C1.59664155,4.02113717 1.57521012,3.96719837 1.57521012,3.92404734 L1.47876868,2.64030402 C1.47876868,2.60794074 1.46805297,2.58636522 1.45733725,2.5647897 C1.44662154,2.54321419 1.42519011,2.52163867 1.41447439,2.50006315 C1.39304296,2.47848763 1.37161153,2.46769987 1.3501801,2.45691211 C1.31803296,2.42454884 1.29660153,2.42454884 1.26445438,2.42454884" id="Fill-32"></path> </g> <g id="Group-37" transform="translate(9.583466, 0.000000)" fill="#F36457"> <path d="M0.214314302,2.4353366 C0.171451442,2.4353366 0.139304296,2.42454884 0.107157151,2.40297332 C0.0428628604,2.35982228 0.0107157151,2.29509573 0,2.23036917 C0,2.1980059 0,2.15485486 0.0214314302,2.12249158 L1.05014008,0.0943928913 C1.07157151,0.0512418553 1.10371866,0.0188785783 1.14658152,0.00809081925 C1.18944438,-0.00269693975 1.23230724,-0.00269693975 1.26445438,0.00809081925 C1.30731724,0.0188785783 1.33946439,0.0404540963 1.37161153,0.0836051323 C1.40375868,0.115968409 1.41447439,0.169907204 1.41447439,0.21305824 L1.43590582,1.28104638 C1.43590582,1.31340966 1.44662154,1.33498518 1.45733725,1.36734845 C1.47876868,1.42128725 1.51091583,1.45365053 1.5644944,1.4860138 C1.58592583,1.49680156 1.61807298,1.50758932 1.63950441,1.50758932 L2.63606591,1.50758932 C2.66821306,1.50758932 2.70036021,1.51837708 2.73250735,1.52916484 C2.7646545,1.55074036 2.78608593,1.57231587 2.80751736,1.59389139 C2.82894879,1.62625467 2.8396645,1.65861795 2.8396645,1.69098122 C2.8396645,1.7233445 2.8396645,1.75570778 2.82894879,1.79885881 L1.93954443,4.02113717 C1.92882872,4.0642882 1.89668157,4.09665148 1.85381871,4.118227 C1.81095585,4.13980252 1.77880871,4.13980252 1.73594585,4.12901476 C1.69308299,4.118227 1.66093584,4.09665148 1.6287887,4.0642882 C1.59664155,4.03192493 1.57521012,3.97798613 1.57521012,3.9348351 L1.47876868,2.65109178 C1.47876868,2.6187285 1.46805297,2.59715298 1.45733725,2.57557746 C1.44662154,2.55400194 1.42519011,2.53242643 1.41447439,2.51085091 C1.39304296,2.48927539 1.37161153,2.47848763 1.3501801,2.46769987 C1.31803296,2.44612435 1.29660153,2.4353366 1.26445438,2.4353366 L0.214314302,2.4353366 Z" id="Fill-35"></path> </g> </g> </g> </svg> <small id="error_msgs"></small> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="InvoiceGenerator.showHideErr('response', false);"><g><path d="M428.4935,389.33a27.6974,27.6974,0,0,1-39.17,39.17l-133.32-133.33L122.6734,428.5a27.6973,27.6973,0,0,1-39.17-39.17L216.8334,256,83.5035,122.67a27.6973,27.6973,0,0,1,39.17-39.17l133.33,133.33L389.3233,83.5a27.6974,27.6974,0,1,1,39.17,39.17L295.1634,256Z" style="fill: #606060"/></g></svg> </div> <div class="d-flex"> <div class="upload-logo-section"> <label class="add-logo"> <input type="file" accept="image/png, image/jpg, image/jpeg, image/bmp" class="form-control" autofocus="focus" id="org_logo" title="Company Logo" data-is-array="false" style="display :none"> <span class="add-logo-label"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="upload" class="upload-svg"><path d="M340.7061,253.5177a21.0039,21.0039,0,0,1-29.7,0l-37.36-37.37v130.4a21,21,0,1,1-42,0v-130.4l-37.37,37.37a21.0011,21.0011,0,1,1-29.7-29.7l73.22-73.22a21.0035,21.0035,0,0,1,29.7,0l73.21,73.22A21.0041,21.0041,0,0,1,340.7061,253.5177Z" style="fill:#5b9aff"/><path d="M439.086,400.7277a20.9985,20.9985,0,1,1-33.43-25.42,192.0478,192.0478,0,0,0-17.24-251.77c-74.85-74.87-196.66-74.88-271.53-.03a192.0528,192.0528,0,0,0-17.29,251.76,20.9985,20.9985,0,1,1-33.43,25.42,234.019,234.019,0,0,1,186.47-375.4h.03a234.0221,234.0221,0,0,1,186.42,375.44Z" style="fill:#5b9aff"/><path d="M485.6461,470.0377a21.0039,21.0039,0,0,1-21,21h-424a21,21,0,0,1,0-42h424A21.004,21.004,0,0,1,485.6461,470.0377Z" style="fill:#5b9aff"/></svg> <div>Upload</div> </span> <div id="display_image"> <div class="img-option hide"> <div onclick="InvoiceGenerator.editImage();"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="edit-icon" class="edit-svg"><path d="M423.1666,92.5366a97.1933,97.1933,0,0,0-137.24,0l-37.5,37.48-140.98,140.9-.73.74a110.9345,110.9345,0,0,0-30.63,57.67l-13.6894,70.79a43.7167,43.7167,0,0,0,50.32,51.37l71.98-12.34a110.8992,110.8992,0,0,0,60-31.03l140.99-140.92,37.48-37.46a96.9785,96.9785,0,0,0,0-137.2Zm-208.16,285.87a69.1374,69.1374,0,0,1-37.4,19.35l-71.99,12.33a1.5714,1.5714,0,0,1-1.52-.49,1.5443,1.5443,0,0,1-.46-1.51l13.68-70.79a69.13,69.13,0,0,1,19.1-35.94l126.87-126.81,77.84,77.81Zm178.47-178.38-22.64,22.63-77.85-77.8,22.63-22.62a55.0306,55.0306,0,1,1,77.86,77.79Z" style="fill:#010101"/></svg> </div> <div onclick="InvoiceGenerator.removeImage();"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="delete" class="delete-svg"><path d="M428.3265,93.1812h-84.49v1.04h-133.56v-22.72a9.8374,9.8374,0,0,1,9.82-9.82h71.81a9.8286,9.8286,0,0,1,9.81,9.82v21.68h42.12v-21.68a51.9942,51.9942,0,0,0-51.93-51.93h-71.81a51.9967,51.9967,0,0,0-51.94,51.93v21.68h-84.49a21,21,0,0,0,0,42h14.3l15.71,280.72a80.0218,80.0218,0,0,0,79.86,75.51h124.93a80.0124,80.0124,0,0,0,79.85-75.51l15.72-280.72h14.29a21,21,0,1,0,0-42Zm-69.85,320.49a40.0925,40.0925,0,0,1-40.01,37.83h-124.93a40.0923,40.0923,0,0,1-40.01-37.83l-15.59-278.49-.06-1.05h236.25l-.06,1.05Z" style="fill:#fd7172"/><rect x="210.2767" y="93.1812" width="133.5601" height="1.04" style="fill:#fd7172"/><polygon points="374.127 134.131 374.067 135.181 137.937 135.181 137.877 134.131 374.127 134.131" style="fill:#fd7172"/><path d="M182.5067,134.1312h13.42a20.22,20.22,0,0,1-5.36,1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05A20.226,20.226,0,0,1,182.5067,134.1312Z" style="fill:#fd7172"/><path d="M316.0667,134.1312h13.42a20.2189,20.2189,0,0,1-5.36,1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05A20.2267,20.2267,0,0,1,316.0667,134.1312Z" style="fill:#fd7172"/><rect x="301.7166" y="93.1812" width="42.1201" height="1.04" style="fill:#fd7172"/></svg> </div> </div> </div> </label> <div class="upload-section-note"> Upload Logo <div> 240 x 240 pixels @ 72 DPI,<br> Maximum size of 1MB. </div> </div> </div> <div class="inv-header-container"> <input class="c-name form-control" type="text" value="RECEIPT" tabindex="5" id="title" name="title" data-json-node="title" data-is-array="false"> </div> </div> <div class="comp-addr-outer clearfix"> <div class="comp-addr-inner"> <input type="text" id="address1" class="adr bld f20 form-control" style="height: 30px" tabindex="1" autofocus placeholder="Your Company" onfocus="InvoiceGenerator.showHideErr('address1', false);" name="company_name" data-json-node="company_name" data-is-array="false"> <small id="address1_err" class="text-danger hide">Please fill in your company鈥檚 name</small> <input type="text" id="custName" class="adr form-control" tabindex="2" placeholder="Your Name" name="user_name" data-json-node="user_name" data-is-array="false"> <input type="text" id="address2" class="adr form-control" tabindex="3" placeholder="Company鈥檚 Address" name="company_address_1" data-json-node="company_address_1" data-is-array="false"> <input type="text" class="adr form-control" id="address3" tabindex="4" placeholder="City, State Zip" name="company_address_2" data-json-node="company_address_2" data-is-array="false"> <select class="hide w-auto form-control" tabindex="4" name="country" id="companyCountrySelect" onchange="InvoiceGenerator.countrySelected('companyCountry')" onblur="InvoiceGenerator.stateSelectorFocusedOut('companyCountry');"> <option value="us" >U.S.A</option> <option value="gb" >United Kingdom</option> <option value="ca" >Canada</option> <option value="in" >India</option> <option value="af" >Afghanistan</option> <option value="ax" >Aland Islands</option> <option value="al" >Albania</option> <option value="dz" >Algeria</option> <option value="as" >American Samoa</option> <option value="ad" >Andorra</option> <option value="ao" >Angola</option> <option value="ai" >Anguilla</option> <option value="aq" >Antarctica</option> <option value="ag" >Antigua and Barbuda</option> <option value="ar" >Argentina</option> <option value="am" >Armenia</option> <option value="aw" >Aruba</option> <option value="au" >Australia</option> <option value="at" >Austria</option> <option value="az" >Azerbaijan</option> <option value="bs" >Bahamas</option> <option value="bh" >Bahrain</option> <option value="bd" >Bangladesh</option> <option value="bb" >Barbados</option> <option value="by" >Belarus</option> <option value="be" >Belgium</option> <option value="bz" >Belize</option> <option value="bj" >Benin</option> <option value="bm" >Bermuda</option> <option value="bt" >Bhutan</option> <option value="bo" >Bolivia</option> <option value="ba" >Bosnia</option> <option value="bw" >Botswana</option> <option value="bv" >Bouvet Island</option> <option value="br" >Brazil</option> <option value="vg" >British Virgin Islands</option> <option value="bn" >Brunei</option> <option value="bg" >Bulgaria</option> <option value="bf" >Burkina Faso</option> <option value="bi" >Burundi</option> <option value="kh" >Cambodia</option> <option value="cm" >Cameroon</option> <option value="ca" >Canada</option> <option value="cv" >Cape Verde</option> <option value="ky" >Cayman Islands</option> <option value="cf" >Central African Republic</option> <option value="td" >Chad</option> <option value="cl" >Chile</option> <option value="cn" >China</option> <option value="cx" >Christmas Island</option> <option value="cc" >Cocos Islands</option> <option value="co" >Colombia</option> <option value="km" >Comoros</option> <option value="cg" >Congo</option> <option value="ck" >Cook Islands</option> <option value="cr" >Costa Rica</option> <option value="ci" >Ivory Coast</option> <option value="hr" >Croatia</option> <option value="cu" >Cuba</option> <option value="cy" >Cyprus</option> <option value="cz" >Czech Republic</option> <option value="dk" >Denmark</option> <option value="dj" >Djibouti</option> <option value="dm" >Dominica</option> <option value="do" >Dominican Republic</option> <option value="ec" >Ecuador</option> <option value="eg" >Egypt</option> <option value="sv" >El Salvador</option> <option value="gq" >Equatorial Guinea</option> <option value="er" >Eritrea</option> <option value="ee" >Estonia</option> <option value="et" >Ethiopia</option> <option value="fk" >Falkland Islands</option> <option value="fo" >Faroe Islands</option> <option value="fj" >Fiji</option> <option value="fi" >Finland</option> <option value="fr" >France</option> <option value="gf" >French Guiana</option> <option value="pf" >French Polynesia</option> <option value="tf" >French Southern Territories</option> <option value="ga" >Gabon</option> <option value="gm" >Gambia</option> <option value="ge" >Georgia</option> <option value="de" >Germany</option> <option value="gh" >Ghana</option> <option value="gi" >Gibraltar</option> <option value="gr" >Greece</option> <option value="gl" >Greenland</option> <option value="gd" >Grenada</option> <option value="gp" >Guadeloupe</option> <option value="gu" >Guam</option> <option value="gt" >Guatemala</option> <option value="gg" >Guernsey</option> <option value="gw" >Guinea-Bissau</option> <option value="gn" >Guinea</option> <option value="gy" >Guyana</option> <option value="ht" >Haiti</option> <option value="hm" >Heard Island and McDonald Islands</option> <option value="hn" >Honduras</option> <option value="hk" >Hong Kong</option> <option value="hu" >Hungary</option> <option value="is" >Iceland</option> <option value="in" >India</option> <option value="id" >Indonesia</option> <option value="ir" >Iran</option> <option value="iq" >Iraq</option> <option value="ie" >Ireland</option> <option value="im" >Isle of Man</option> <option value="il" >Israel</option> <option value="it" >Italy</option> <option value="jm" >Jamaica</option> <option value="jp" >Japan</option> <option value="je" >Jersey</option> <option value="jo" >Jordan</option> <option value="kz" >Kazakhstan</option> <option value="ke" >Kenya</option> <option value="ki" >Kiribati</option> <option value="xk" >Kosova Republic</option> <option value="kw" >Kuwait</option> <option value="kg" >Kyrgyzstan</option> <option value="la" >Laos</option> <option value="lv" >Latvia</option> <option value="lb" >Lebanon</option> <option value="ls" >Lesotho</option> <option value="lr" >Liberia</option> <option value="ly" >Libya</option> <option value="li" >Liechtenstein</option> <option value="lt" >Lithuania</option> <option value="lu" >Luxembourg</option> <option value="mo" >Macau</option> <option value="mk" >Macedonia</option> <option value="mg" >Madagascar</option> <option value="mw" >Malawi</option> <option value="my" >Malaysia</option> <option value="mv" >Maldives</option> <option value="ml" >Mali</option> <option value="mt" >Malta</option> <option value="mh" >Marshall Islands</option> <option value="mq" >Martinique</option> <option value="mr" >Mauritania</option> <option value="mu" >Mauritius</option> <option value="yt" >Mayotte</option> <option value="mx" >Mexico</option> <option value="fm" >Micronesia</option> <option value="md" >Moldova</option> <option value="mc" >Monaco</option> <option value="mn" >Mongolia</option> <option value="me" >Montenegro</option> <option value="ms" >Montserrat</option> <option value="ma" >Morocco</option> <option value="mz" >Mozambique</option> <option value="mm" >Myanmar</option> <option value="na" >Namibia</option> <option value="nr" >Nauru</option> <option value="np" >Nepal</option> <option value="nl" >Netherlands</option> <option value="an" >Netherlands Antilles</option> <option value="nc" >New Caledonia</option> <option value="nz" >New Zealand</option> <option value="ni" >Nicaragua</option> <option value="ne" >Niger</option> <option value="ng" >Nigeria</option> <option value="nu" >Niue</option> <option value="nf" >Norfolk Island</option> <option value="mp" >Northern Mariana Islands</option> <option value="kp" >North Korea</option> <option value="no" >Norway</option> <option value="om" >Oman</option> <option value="pk" >Pakistan</option> <option value="pw" >Palau</option> <option value="ps" >Palestine</option> <option value="pa" >Panama</option> <option value="pg" >Papua New Guinea</option> <option value="py" >Paraguay</option> <option value="pe" >Peru</option> <option value="ph" >Philippines</option> <option value="pn" >Pitcairn</option> <option value="pl" >Poland</option> <option value="pt" >Portugal</option> <option value="pr" >Puerto Rico</option> <option value="qa" >Qatar</option> <option value="ro" >Romania</option> <option value="ru" >Russia</option> <option value="rw" >Rwanda</option> <option value="kn" >Saint Kitts and Nevis</option> <option value="lc" >Saint Lucia</option> <option value="pm" >Saint Pierre and Miquelon</option> <option value="vc" >Saint Vincent and the Grenadines</option> <option value="ws" >Samoa</option> <option value="sm" >SanMarino</option> <option value="sa" >Saudi Arabia</option> <option value="sn" >Senegal</option> <option value="rs" >Serbia</option> <option value="sc" >Seychelles</option> <option value="sl" >Sierra Leone</option> <option value="sg" >Singapore</option> <option value="sk" >Slovakia</option> <option value="si" >Slovenia</option> <option value="sb" >Solomon Islands</option> <option value="so" >Somalia</option> <option value="za" >South Africa</option> <option value="gs" >South Georgia and the South Sandwich Islands</option> <option value="kr" >South Korea</option> <option value="es" >Spain</option> <option value="lk" >Sri Lanka</option> <option value="sd" >Sudan</option> <option value="sr" >Suriname</option> <option value="sj" >Svalbard and Jan Mayen</option> <option value="sz" >Swaziland</option> <option value="se" >Sweden</option> <option value="ch" >Switzerland</option> <option value="sy" >Syria</option> <option value="tw" >Taiwan</option> <option value="tj" >Tajikistan</option> <option value="tz" >Tanzania</option> <option value="th" >Thailand</option> <option value="tg" >Togo</option> <option value="tk" >Tokelau</option> <option value="to" >Tonga</option> <option value="tt" >Trinidad and Tobago</option> <option value="tn" >Tunisia</option> <option value="tr" >Turkey</option> <option value="tm" >Turkmenistan</option> <option value="tv" >Tuvalu</option> <option value="ug" >Uganda</option> <option value="ua" >Ukraine</option> <option value="ae" >United Arab Emirates</option> <option value="gb" >United Kingdom</option> <option value="uy" >Uruguay</option> <option value="us" >U.S.A</option> <option value="uz" >Uzbekistan</option> <option value="vu" >Vanuatu</option> <option value="va" >Vatican City</option> <option value="ve" >Venezuela</option> <option value="vn" >Vietnam</option> <option value="vg" >Virgin Islands, British</option> <option value="vi" >Virgin Islands, U.S.</option> <option value="wf" >Wallis and Futuna</option> <option value="eh" >Western Sahara</option> <option value="ye" >Yemen</option> <option value="zm" >Zambia</option> <option value="zw" >Zimbabwe</option> </select> <input type="text" class="adr form-control" tabindex="4" id="companyCountry" placeholder="Country" name="company_country" data-json-node="company_country" data-is-array="false" onfocus="InvoiceGenerator.showCountrySelect('companyCountry')"> <br> </div> </div> <ul class="pull-left bill-addr"> <li class="adr-lft pull-left"> <input type="text" value="Bill To:" id="billToLabel" class="adr bill-to bld form-control" tabindex="6" name="bill_to_label" data-json-node="bill_to_label" data-is-array="false"> <input type="text" id="billingAddress1" class="adr form-control" tabindex="6" placeholder="Your Client鈥檚 Company" onfocus="InvoiceGenerator.showHideErr('billingAddress1', false);" name="customer_name" data-json-node="customer_name" data-is-array="false"> <small id="billingAddress1_err" class="text-danger hide">Please fill in your client鈥檚 name or their company name</small> <input type="text" id="billingAddress2" class="adr form-control" tabindex="7" placeholder="Client鈥檚 Address" name="customer_billing_address_1" data-json-node="customer_billing_address_1" data-is-array="false"> <input type="text" class="adr form-control" id="billingAddress3" tabindex="8" placeholder="City, State Zip" name="customer_billing_address_2" data-json-node="customer_billing_address_2" data-is-array="false"> <select class="hide w-auto form-control" tabindex="10" name="country" id="customerCountrySelect" onchange="InvoiceGenerator.countrySelected('customerCountry')" onblur="InvoiceGenerator.stateSelectorFocusedOut('customerCountry');"> <option value="us" >U.S.A</option> <option value="gb" >United Kingdom</option> <option value="ca" >Canada</option> <option value="in" >India</option> <option value="af" >Afghanistan</option> <option value="ax" >Aland Islands</option> <option value="al" >Albania</option> <option value="dz" >Algeria</option> <option value="as" >American Samoa</option> <option value="ad" >Andorra</option> <option value="ao" >Angola</option> <option value="ai" >Anguilla</option> <option value="aq" >Antarctica</option> <option value="ag" >Antigua and Barbuda</option> <option value="ar" >Argentina</option> <option value="am" >Armenia</option> <option value="aw" >Aruba</option> <option value="au" >Australia</option> <option value="at" >Austria</option> <option value="az" >Azerbaijan</option> <option value="bs" >Bahamas</option> <option value="bh" >Bahrain</option> <option value="bd" >Bangladesh</option> <option value="bb" >Barbados</option> <option value="by" >Belarus</option> <option value="be" >Belgium</option> <option value="bz" >Belize</option> <option value="bj" >Benin</option> <option value="bm" >Bermuda</option> <option value="bt" >Bhutan</option> <option value="bo" >Bolivia</option> <option value="ba" >Bosnia</option> <option value="bw" >Botswana</option> <option value="bv" >Bouvet Island</option> <option value="br" >Brazil</option> <option value="vg" >British Virgin Islands</option> <option value="bn" >Brunei</option> <option value="bg" >Bulgaria</option> <option value="bf" >Burkina Faso</option> <option value="bi" >Burundi</option> <option value="kh" >Cambodia</option> <option value="cm" >Cameroon</option> <option value="ca" >Canada</option> <option value="cv" >Cape Verde</option> <option value="ky" >Cayman Islands</option> <option value="cf" >Central African Republic</option> <option value="td" >Chad</option> <option value="cl" >Chile</option> <option value="cn" >China</option> <option value="cx" >Christmas Island</option> <option value="cc" >Cocos Islands</option> <option value="co" >Colombia</option> <option value="km" >Comoros</option> <option value="cg" >Congo</option> <option value="ck" >Cook Islands</option> <option value="cr" >Costa Rica</option> <option value="ci" >Ivory Coast</option> <option value="hr" >Croatia</option> <option value="cu" >Cuba</option> <option value="cy" >Cyprus</option> <option value="cz" >Czech Republic</option> <option value="dk" >Denmark</option> <option value="dj" >Djibouti</option> <option value="dm" >Dominica</option> <option value="do" >Dominican Republic</option> <option value="ec" >Ecuador</option> <option value="eg" >Egypt</option> <option value="sv" >El Salvador</option> <option value="gq" >Equatorial Guinea</option> <option value="er" >Eritrea</option> <option value="ee" >Estonia</option> <option value="et" >Ethiopia</option> <option value="fk" >Falkland Islands</option> <option value="fo" >Faroe Islands</option> <option value="fj" >Fiji</option> <option value="fi" >Finland</option> <option value="fr" >France</option> <option value="gf" >French Guiana</option> <option value="pf" >French Polynesia</option> <option value="tf" >French Southern Territories</option> <option value="ga" >Gabon</option> <option value="gm" >Gambia</option> <option value="ge" >Georgia</option> <option value="de" >Germany</option> <option value="gh" >Ghana</option> <option value="gi" >Gibraltar</option> <option value="gr" >Greece</option> <option value="gl" >Greenland</option> <option value="gd" >Grenada</option> <option value="gp" >Guadeloupe</option> <option value="gu" >Guam</option> <option value="gt" >Guatemala</option> <option value="gg" >Guernsey</option> <option value="gw" >Guinea-Bissau</option> <option value="gn" >Guinea</option> <option value="gy" >Guyana</option> <option value="ht" >Haiti</option> <option value="hm" >Heard Island and McDonald Islands</option> <option value="hn" >Honduras</option> <option value="hk" >Hong Kong</option> <option value="hu" >Hungary</option> <option value="is" >Iceland</option> <option value="in" >India</option> <option value="id" >Indonesia</option> <option value="ir" >Iran</option> <option value="iq" >Iraq</option> <option value="ie" >Ireland</option> <option value="im" >Isle of Man</option> <option value="il" >Israel</option> <option value="it" >Italy</option> <option value="jm" >Jamaica</option> <option value="jp" >Japan</option> <option value="je" >Jersey</option> <option value="jo" >Jordan</option> <option value="kz" >Kazakhstan</option> <option value="ke" >Kenya</option> <option value="ki" >Kiribati</option> <option value="xk" >Kosova Republic</option> <option value="kw" >Kuwait</option> <option value="kg" >Kyrgyzstan</option> <option value="la" >Laos</option> <option value="lv" >Latvia</option> <option value="lb" >Lebanon</option> <option value="ls" >Lesotho</option> <option value="lr" >Liberia</option> <option value="ly" >Libya</option> <option value="li" >Liechtenstein</option> <option value="lt" >Lithuania</option> <option value="lu" >Luxembourg</option> <option value="mo" >Macau</option> <option value="mk" >Macedonia</option> <option value="mg" >Madagascar</option> <option value="mw" >Malawi</option> <option value="my" >Malaysia</option> <option value="mv" >Maldives</option> <option value="ml" >Mali</option> <option value="mt" >Malta</option> <option value="mh" >Marshall Islands</option> <option value="mq" >Martinique</option> <option value="mr" >Mauritania</option> <option value="mu" >Mauritius</option> <option value="yt" >Mayotte</option> <option value="mx" >Mexico</option> <option value="fm" >Micronesia</option> <option value="md" >Moldova</option> <option value="mc" >Monaco</option> <option value="mn" >Mongolia</option> <option value="me" >Montenegro</option> <option value="ms" >Montserrat</option> <option value="ma" >Morocco</option> <option value="mz" >Mozambique</option> <option value="mm" >Myanmar</option> <option value="na" >Namibia</option> <option value="nr" >Nauru</option> <option value="np" >Nepal</option> <option value="nl" >Netherlands</option> <option value="an" >Netherlands Antilles</option> <option value="nc" >New Caledonia</option> <option value="nz" >New Zealand</option> <option value="ni" >Nicaragua</option> <option value="ne" >Niger</option> <option value="ng" >Nigeria</option> <option value="nu" >Niue</option> <option value="nf" >Norfolk Island</option> <option value="mp" >Northern Mariana Islands</option> <option value="kp" >North Korea</option> <option value="no" >Norway</option> <option value="om" >Oman</option> <option value="pk" >Pakistan</option> <option value="pw" >Palau</option> <option value="ps" >Palestine</option> <option value="pa" >Panama</option> <option value="pg" >Papua New Guinea</option> <option value="py" >Paraguay</option> <option value="pe" >Peru</option> <option value="ph" >Philippines</option> <option value="pn" >Pitcairn</option> <option value="pl" >Poland</option> <option value="pt" >Portugal</option> <option value="pr" >Puerto Rico</option> <option value="qa" >Qatar</option> <option value="ro" >Romania</option> <option value="ru" >Russia</option> <option value="rw" >Rwanda</option> <option value="kn" >Saint Kitts and Nevis</option> <option value="lc" >Saint Lucia</option> <option value="pm" >Saint Pierre and Miquelon</option> <option value="vc" >Saint Vincent and the Grenadines</option> <option value="ws" >Samoa</option> <option value="sm" >SanMarino</option> <option value="sa" >Saudi Arabia</option> <option value="sn" >Senegal</option> <option value="rs" >Serbia</option> <option value="sc" >Seychelles</option> <option value="sl" >Sierra Leone</option> <option value="sg" >Singapore</option> <option value="sk" >Slovakia</option> <option value="si" >Slovenia</option> <option value="sb" >Solomon Islands</option> <option value="so" >Somalia</option> <option value="za" >South Africa</option> <option value="gs" >South Georgia and the South Sandwich Islands</option> <option value="kr" >South Korea</option> <option value="es" >Spain</option> <option value="lk" >Sri Lanka</option> <option value="sd" >Sudan</option> <option value="sr" >Suriname</option> <option value="sj" >Svalbard and Jan Mayen</option> <option value="sz" >Swaziland</option> <option value="se" >Sweden</option> <option value="ch" >Switzerland</option> <option value="sy" >Syria</option> <option value="tw" >Taiwan</option> <option value="tj" >Tajikistan</option> <option value="tz" >Tanzania</option> <option value="th" >Thailand</option> <option value="tg" >Togo</option> <option value="tk" >Tokelau</option> <option value="to" >Tonga</option> <option value="tt" >Trinidad and Tobago</option> <option value="tn" >Tunisia</option> <option value="tr" >Turkey</option> <option value="tm" >Turkmenistan</option> <option value="tv" >Tuvalu</option> <option value="ug" >Uganda</option> <option value="ua" >Ukraine</option> <option value="ae" >United Arab Emirates</option> <option value="gb" >United Kingdom</option> <option value="uy" >Uruguay</option> <option value="us" >U.S.A</option> <option value="uz" >Uzbekistan</option> <option value="vu" >Vanuatu</option> <option value="va" >Vatican City</option> <option value="ve" >Venezuela</option> <option value="vn" >Vietnam</option> <option value="vg" >Virgin Islands, British</option> <option value="vi" >Virgin Islands, U.S.</option> <option value="wf" >Wallis and Futuna</option> <option value="eh" >Western Sahara</option> <option value="ye" >Yemen</option> <option value="zm" >Zambia</option> <option value="zw" >Zimbabwe</option> </select> <input type="text" class="adr form-control" tabindex="10" id="customerCountry" placeholder="Country" name="customer_billing_country" data-json-node="customer_billing_country" data-is-array="false" onfocus="InvoiceGenerator.showCountrySelect('customerCountry')"> </li> <li class="adr-rgt pull-left"> <table width="100%" cellpadding="0" cellspacing="0" class="bill" style="table-layout: fixed"> <tbody> <tr> <td class="lft-txt" width="40%"> <input type="text" value="Receipt#" id="invNumberLabel" class="bld text-left w100 form-control" tabindex="12" name="invoice_number_label" data-json-node="invoice_number_label" data-is-array="false"> </td> <td> <input type="text" class="w100 form-control" id="invNumber" tabindex="13" placeholder="RECEIPT-12" name="invoice_number" data-json-node="invoice_number" data-is-array="false"> </td> </tr> <tr> <td class="lft-txt"> <input type="text" value="Receipt Date" id="invoiceDateLabel" class="bld text-left w100 form-control" tabindex="14" name="invoice_date_label" data-json-node="invoice_date_label" data-is-array="false"> </td> <td> <input class="w100 form-control date-field" type="text" id="invoiceDate" tabindex="15" name="invoice_date" data-json-node="invoice_date" data-is-array="false"> </td> </tr> </tbody> </table> </li> </ul> <input type="hidden" id="templateType" name="template_type" data-json-node="template_type" data-is-array="false" value="standard" /> <input type="hidden" id="itemTableColor" name="item_table_color" data-json-node="item_table_color" data-is-array="false" value="000" /> <div class="lineItemDIV"> <table width="100%" cellpadding="0" cellspacing="0" class="column" style="table-layout: fixed"> <thead> <tr class="table-header"> <td width="48%"> <input style="text-align:left;" type="text" id="itemDescLabel" value="Item Description" class="bld w100 form-control font-sm" tabindex="19" name="name" data-json-node="name" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="Qty" id="itemQtyLabel" class="bld w100 font-sm" tabindex="19" name="quantity" data-json-node="quantity" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="Rate" id="itemRateLabel" class="bld w100 text-left font-sm" tabindex="19" name="rate" data-json-node="rate" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="17%"> <input type="text" value="TAX" id="itemTaxLabel1" class="bld w100 text-left font-sm" tabindex="19" name="tax1" data-json-node="tax1_name" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="18%"> <input type="text" value="Amount" id="itemAmtLabel" class="bld w100 text-right form-control font-sm" style="text-align:right;" tabindex="19" name="amount" data-json-node="amount" data-is-array="false" data-parent-json="line_items_header"> </td> <td width="2%" class="dele-icon"> </td> </tr> </thead> <tbody class="lineItems"> <tr class="row-item trClone hide" id="lineItem.0" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" tabindex="20" id="itemDesc.0" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" placeholder="Enter item name/description" name="itemDesc.0" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="1" tabindex="20" id="itemQty.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.0" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" tabindex="20" id="itemRate.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.0" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="20" id="itemTax1.0" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.0" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" id="itemTaxValue1.0" name="itemTaxValue1.0" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.0" title="Amount is calculated automatically." name="itemTotal.0" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" style="cursor:pointer" title="Delete Row" id="itemClose.0" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.1" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" tabindex="21" id="itemDesc.1" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" name="itemDesc.1" data-json-node="name" data-is-array="true" data-array-parent="line_items">Brochure Design</textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="2" tabindex="21" id="itemQty.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.1" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="100.00" tabindex="21" id="itemRate.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.1" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="12" tabindex="21" id="itemTax1.1" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.1" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="24.00" id="itemTaxValue1.1" name="itemTaxValue1.1" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.1" title="Amount is calculated automatically." name="itemTotal.1" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="200.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" title="Delete Row" id="itemClose.1" style="cursor:pointer;" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.2" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100" id="itemDesc.2" tabindex="22" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" name="itemDesc.2" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" value="1" class="w100 text-right" id="itemQty.2" tabindex="22" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.2" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" id="itemRate.2" tabindex="22" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.2" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="22" id="itemTax1.2" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.2" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" id="itemTaxValue1.2" name="itemTaxValue1.2" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.2" title="Amount is calculated automatically." name="itemTotal.2" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" id="itemClose.2" title="Delete Row" style="cursor:pointer;text-decoration:underline;color:#DE7110" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> <tr class="row-item " id="lineItem.3" onmouseover="javascript:CreateInvoiceUtil.showCloseIcon(this,true)" onmouseout="javascript:CreateInvoiceUtil.showCloseIcon(this,false)"> <td> <textarea type="text" class="w100 lastLineItem" tabindex="23" placeholder="Enter item name/description" onkeypress="javascript:CreateInvoiceUtil.checkAndAddNewLineItem(this, event)" id="itemDesc.3" name="itemDesc.3" data-json-node="name" data-is-array="true" data-array-parent="line_items"></textarea> </td> <td> <input type="number" min="0" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Qty');" class="w100 text-right" value="1" id="itemQty.3" tabindex="23" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemQty.3" data-json-node="quantity" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="text" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Rate');" class="w100 text-right" value="0.00" id="itemRate.3" tabindex="23" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemRate.3" data-json-node="rate" data-is-array="true" data-array-parent="line_items"> </td> <td> <input type="number" onkeypress="return (event.charCode >= 46 && event.charCode <= 57)" onfocusout="CreateInvoiceUtil.checkInputValue(this, 'Tax');" class="w100 text-right" value="0" tabindex="23" id="itemTax1.3" onblur="javascript:CreateInvoiceUtil.calculateItemTotal(this)" name="itemTax1.3" data-json-node="tax1" data-is-array="true" data-array-parent="line_items"> <input readonly type="text" class="w100 text-right text-muted" value="0.00" tabindex="20" id="itemTaxValue1.3" name="itemTaxValue1.3" data-json-node="tax1_amount" data-is-array="true" data-array-parent="line_items"> </td> <td> <input readonly class="cursor-disabled w100 text-right" id="itemTotal.3" title="Amount is calculated automatically." name="itemTotal.3" data-json-node="amount" data-is-array="true" data-array-parent="line_items" value="0.00"/> </td> <td class="dele-icon"> <div style="padding-top:4px"> <a class="closeicon hide" id="itemClose.3" title="Delete Row" style="cursor:pointer;text-decoration:underline;color:#DE7110;" onclick="javascript:CreateInvoiceUtil.removeLineItem(this)"> <svg viewBox="0 0 512 512" class="close-lineitem-icon" alt="close"><path d="M256 32c30.3 0 59.6 5.9 87.2 17.6 26.7 11.3 50.6 27.4 71.2 48s36.7 44.5 48 71.2c11.7 27.6 17.6 56.9 17.6 87.2s-5.9 59.6-17.6 87.2c-11.3 26.7-27.4 50.6-48 71.2s-44.5 36.7-71.2 48C315.6 474.1 286.3 480 256 480s-59.6-5.9-87.2-17.6c-26.7-11.3-50.6-27.4-71.2-48s-36.7-44.5-48-71.2C37.9 315.6 32 286.3 32 256s5.9-59.6 17.6-87.2c11.3-26.7 27.4-50.6 48-71.2s44.5-36.7 71.2-48C196.4 37.9 225.7 32 256 32m0-32C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0z"/><path d="M284.3 250.3l62.3-62.3c6.2-6.2 6.2-16.2 0-22.4l-.2-.2c-6.2-6.2-16.2-6.2-22.4 0l-62.3 62.3c-3.1 3.1-8.2 3.1-11.3 0L188 165.4c-6.2-6.2-16.2-6.2-22.4 0l-.2.2c-6.2 6.2-6.2 16.2 0 22.4l62.3 62.3c3.1 3.1 3.1 8.2 0 11.3L165.4 324c-6.2 6.2-6.2 16.2 0 22.4l.2.2c6.2 6.2 16.2 6.2 22.4 0l62.3-62.3c3.1-3.1 8.2-3.1 11.3 0l62.3 62.3c6.2 6.2 16.2 6.2 22.4 0l.2-.2c6.2-6.2 6.2-16.2 0-22.4l-62.3-62.3c-3-3.2-3-8.2.1-11.4z"/></svg> </a> </div> </td> </tr> </tbody> <tbody> <tr> <td colspan="2" id="add-new-item"> <div> <a style="cursor:pointer;margin-left:0px;margin-top: -16px;" title="Add Row" onclick="javascript:CreateInvoiceUtil.addInvoiceLineItem()"> <svg style="fill: #408dfb;" viewBox="0 0 512 512" class="action-icon" alt="Add Line Item"><path d="M256 15C122.9 15 15 122.9 15 256s107.9 241 241 241 241-107.9 241-241S389.1 15 256 15zm122 263H278v100c0 12.2-9.8 22-22 22s-22-9.8-22-22V278H134c-12.2 0-22-9.8-22-22s9.8-22 22-22h100V134c0-12.2 9.8-22 22-22s22 9.8 22 22v100h100c12.2 0 22 9.8 22 22s-9.8 22-22 22z"/><path fill="#FFF" d="M378 234H278V134c0-12.2-9.8-22-22-22s-22 9.8-22 22v100H134c-12.2 0-22 9.8-22 22s9.8 22 22 22h100v100c0 12.2 9.8 22 22 22s22-9.8 22-22V278h100c12.2 0 22-9.8 22-22s-9.8-22-22-22z"/></svg> <span>Add Line Item</span> </a> </div> </td> <td id="total-section" colspan="5" style="border-right:none;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr class="sav-amo text-right"> <td width="40%" class="bdr-non"> <input type="text" value="Sub Total" class="total-label form-control" id="subTotalLabel" tabindex="24" name="sub_total_label" data-json-node="sub_total_label" data-is-array="false"> </td> <td class="bdr-non"> <span class="amount bld cursor-disabled" id="subTotal" title="Sub total is calculated automatically." name="sub_total" data-json-node="sub_total" data-is-array="false">200.00</span> </td> </tr> <tr class="sav-amo text-right hide totalTaxClone" id="totalTax.0" total-tax> <td width="40%" class="bdr-non"> <input readonly type="text" value="VAT" class="total-label" id="totalTaxLabel.0" name="taxName.0" data-json-node="tax_name" data-is-array="true" data-array-parent="taxes"> </td> <td class="bdr-non"> <input readonly class="amount bld cursor-disabled" type="text" id="totalTaxAmt.0" name="taxValue.0" data-json-node="tax" data-is-array="true" data-array-parent="taxes"> </td> </tr> <tr class="tot"> <td width="40%"> <input type="text" value="TOTAL" class="total-label form-control" id="totalLabel" tabindex="26" name="total_label" data-json-node="total_label" data-is-array="false"> </td> <td> <select class="hide select-currency" tabindex="27" id="currencySelect" onchange="InvoiceGenerator.showCurrencySelect('currencySelect', 'currencySym')"> </select> <input type="hidden" id="currencyCode" name="currency_code" data-json-node="currency_code" data-is-array="false" value="USD" /> <input type="text" style="border: 1px solid #444; background-color: #fdf4db;" class="currencycodetxt" maxlength="5" tabindex="27" id="currencySym" value="$" name="currency_symbol" data-json-node="currency_symbol" data-is-array="false" onclick="InvoiceGenerator.showCurrencySelect('currencySym', 'currencySelect')"> <span style="display: none;" id="total" title="Amount is calculated automatically." name="total" data-json-node="total" data-is-array="false">224.00</span> <span class="amount bld cursor-disabled" id="total_formatted" title="Amount is calculated automatically." name="total_formatted" data-json-node="total_formatted" data-is-array="false">224.00</span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div> <input class="terms form-control" value="Notes" id="notesLabel" tabindex="28" name="notes_label" data-json-node="notes_label" data-is-array="false"> </div> <div> <textarea class="note form-control" id="customerNotes" tabindex="29" name="notes" data-json-node="notes" data-is-array="false">It was great doing business with you.</textarea> </div> <div style="margin-top:30px;"> <input class="terms form-control" value="Terms & Conditions" id="termsLabel" tabindex="30" name="terms_and_conditions_label" data-json-node="terms_and_conditions_label" data-is-array="false"> </div> <div> <textarea class="note form-control" id="terms" tabindex="31" name="terms_and_conditions" data-json-node="terms_and_conditions" data-is-array="false">Please make the payment by the due date.</textarea> </div> <div class="text-right poweredby" style="padding: 50px 15px;"> <a href="/invoice/?src=Free%20Receipt%20Generator%20-%20Zoho%20Invoice" rel="noopener noreferrer" id="zohoinvoice" title="Click here" class="powered-by-link"> <span class="powered-by-text">Powered by</span> <img src="/invoice/images/invoice.png" alt="Zoho Invoice" class="powered-by-logo"> </a> <div class="free-invoice-line"> 100% Free Invoicing Solution </div> </div> </form> </div> <div class="col-md-4 rgt-main-div sticky-actions-container"> <div class="pdf-actions-container"> <div class="sticky-download-container"> <h3 class="pdf-download-header">Download Receipt</h3> <div class="branding-colors-container d-flex align-items-center"> <p class="colors-text">Theme</p> <span class="lineitem-colors bg-black selected-color" onclick="InvoiceGenerator.applyItemTableColor('000', 'bg-black');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Gray Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-orange" onclick="InvoiceGenerator.applyItemTableColor('e56e18', 'bg-orange');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Orange Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-darkblue" onclick="InvoiceGenerator.applyItemTableColor('1d4ab8', 'bg-darkblue');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Blue Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-green" onclick="InvoiceGenerator.applyItemTableColor('2f9e85', 'bg-green');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Green Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> <span class="lineitem-colors bg-maroon" onclick="InvoiceGenerator.applyItemTableColor('b71e1e', 'bg-maroon');"><svg xml:space="preserve" style="enable-background:new 0 0 24 24" viewBox="0 0 24 24" class="color-selection" alt="Maroon Color"><path d="M8.9 20.7c-.6 0-1.2-.2-1.6-.6L1 15c-1.1-.9-1.3-2.5-.4-3.6s2.5-1.3 3.6-.4l4.5 3.7L19.6 4c1-1 2.7-1 3.7 0s1 2.7 0 3.7L10.7 20c-.5.5-1.2.7-1.8.7z"/></svg></span> </div> <div class="d-flex template-type-container"> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('standard-thumb', 'standard');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img standard-thumb selected-template" alt="Standard Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.stand2{stroke-linecap:round;stroke-linejoin:round}.stand7{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0 0h76.2v92.9H0z"/> <circle cx="14.1" cy="13.9" r="5.8" class="stand7 temp-stroke"/> <path d="M8.2 25.4H18M8.2 30.5H24M56.1 25.4h5.2" class="stand2 temp-stroke"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z"/> <path d="M56.1 30.5h11.5" class="stand2 temp-stroke"/> <path d="M57.3 11.6V16h-.9v-4.4h.9zM62.1 11.6V16h-.8l-1.9-2.7V16h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM64 11.6l1.1 3.3 1.1-3.3h1L65.7 16h-1.2L63 11.6h1z" class="temp-fill"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7v3H8.2v-3c0-2.6 2.1-4.7 4.8-4.7z" class="temp-img-header"/> <path d="M8.4 60.9h59.1M8.4 72.9h59.1M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z" class="stand7 temp-stroke"/> </svg> <p class="font-xs">Standard</p> </div> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('spreadsheet-thumb', 'excel');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img spreadsheet-thumb" alt="Spreadsheet Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.spread2{stroke-linecap:round;stroke-linejoin:round}.spread3{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0 0h76.2v92.9H0z"/> <path d="M67.6 61H8.2v-2.7c0-2.7 2.2-4.9 4.9-4.9h49.7c2.6 0 4.8 2.1 4.8 4.8V61z" class="temp-img-header"/> <circle cx="14.1" cy="13.9" r="5.8" class="spread3 temp-stroke"/> <path d="M8.2 34.4h11.5M8.2 39.5h11.5" class="spread2 temp-stroke"/> <path d="M13 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H13c-2.6 0-4.7-2.1-4.7-4.7V58.3c-.1-2.7 2-4.8 4.7-4.8z" class="spread3 temp-stroke"/> <path d="M57.3 11.6V16h-.9v-4.4h.9zM62.1 11.6V16h-.8l-1.9-2.7V16h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM64 11.6l1.1 3.3 1.1-3.3h1L65.7 16h-1.2L63 11.6h1z" class="temp-fill"/> <path d="M32.2 84.9V53.8M8.4 60.9h59.1" class="spread3 temp-stroke"/> </svg> <p class="font-xs">Spreadsheet</p> </div> <div class="thumbnail-container" onclick="InvoiceGenerator.applyTemplateType('compact-thumb', 'compact');"> <svg xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 76.2 92.9" viewBox="0 0 76.2 92.9" class="thumbnail-img compact-thumb" alt="Compact Template"> <style>.temp-stroke{fill:none;stroke:#bfc7d9}.comp2{stroke-linecap:round;stroke-linejoin:round}.comp3{stroke-miterlimit:10}.temp-fill{fill:#71778e}.temp-img-header{fill:#000}</style> <path d="M0-.3h76.2v92.9H0z"/> <path d="M66.9 60.9H8c-.1 0-.2-.1-.2-.2v-2.4c0-2.6 2.1-4.7 4.7-4.7h49.9c2.6 0 4.7 2.1 4.7 4.7v2.4c0 .1-.1.2-.2.2z" class="temp-img-header"/> <circle cx="13.6" cy="13.9" r="5.8" class="comp3 temp-stroke"/> <path d="M7.8 34.4h11.5M7.8 39.5h11.5M55.6 34.4h5.3M55.6 39.5h11.5" class="comp2 temp-stroke"/> <path d="M12.5 53.5h49.9c2.6 0 4.7 2.1 4.7 4.7V80c0 2.6-2.1 4.7-4.7 4.7H12.5c-2.6 0-4.7-2.1-4.7-4.7V58.3c0-2.7 2.1-4.8 4.7-4.8z" class="comp3 temp-stroke"/> <path d="M56.6 21.6V25.4h-.9v-4.4h.9zM61.4 21.6V25.4h-.8l-1.9-2.7V25.4h-.9v-4.4h.8l1.9 2.7v-2.7h.9zM63.4 21l1.1 3.3 1.1-3.3h1L65 25.4h-1.2L62.4 21h1z" class="temp-fill"/> <path d="M31.8 84.9V53.8M7.9 60.9h59.2" class="comp3 temp-stroke"/> </svg> <p class="font-xs">Compact</p> </div> </div> <div class="d-flex template-actions-container"> <div class="d-flex position-relative"> <button class="action-btn btn btn-download btn-main"> Download/Print <svg viewBox="0 0 410.8 322.9" class="action-icon pdf-dropdown" alt="Download Actions"><path d="M248.1 295.5c-17.1 23.6-50 28.8-73.5 11.8-4.5-3.3-8.5-7.3-11.8-11.8l-84-116-66.2-91.4c-25.3-34.8-.4-83.6 42.6-83.6h300.3c43 0 67.9 48.7 42.7 83.5L332 179.5l-83.9 116z"/></svg> </button> <ul class="pdf-dropdown-menu"> <div class="pdf-dropdown-item" onclick="InvoiceGenerator.showPrintCopiesOption();"> <svg viewBox="0 0 512 496" class="action-icon" alt="Print"><path d="M432 118.84h-41.49V59.93c0-33.04-26.92-59.93-60-59.93H181.49c-33.08 0-60 26.88-60 59.93v58.91H80c-44.11 0-80 35.85-80 79.91V348.7c0 44.06 35.89 79.9 80 79.9h41.49v7.47c0 33.04 26.92 59.93 60 59.93h149.02c33.08 0 60-26.88 60-59.93v-7.47H432c44.11 0 80-35.84 80-79.9V198.75c0-44.06-35.89-79.9-80-79.9ZM161.49 59.93c0-11.01 8.97-19.98 20-19.98h149.02c11.03 0 20 8.96 20 19.98v58.91H161.49V59.93Zm189.02 376.14c0 11.01-8.97 19.98-20 19.98H181.49c-11.03 0-20-8.96-20-19.98v-89.35h189.02v89.34ZM472 348.7c0 22.03-17.94 39.95-40 39.95h-41.49V346.7c10.76-.33 19.38-9.12 19.38-19.94s-8.95-19.98-20-19.98H122.11c-11.05 0-20 8.94-20 19.98s8.62 19.62 19.38 19.94v41.95H80c-22.06 0-40-17.92-40-39.95V198.75c0-22.03 17.94-39.95 40-39.95h352c22.06 0 40 17.92 40 39.95V348.7Z"/></svg> Print </div> <div class="pdf-dropdown-item" onclick="InvoiceGenerator.getInvoicePDF();"> <svg viewBox="0 0 512 512" class="action-icon" alt="Get pdf"><path d="M256 0C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0Zm152.73 408.73c-19.85 19.85-42.95 35.43-68.67 46.31C313.46 466.29 285.17 472 256 472s-57.46-5.71-84.06-16.96c-25.72-10.88-48.82-26.46-68.67-46.31s-35.43-42.95-46.31-68.67C45.71 313.46 40 285.17 40 256s5.71-57.46 16.96-84.06c10.88-25.72 26.46-48.82 46.31-68.67s42.95-35.43 68.67-46.31C198.54 45.71 226.83 40 256 40s57.46 5.71 84.06 16.96c25.72 10.88 48.82 26.46 68.67 46.31s35.43 42.95 46.31 68.67C466.29 198.54 472 226.83 472 256s-5.71 57.46-16.96 84.06c-10.88 25.72-26.46 48.82-46.31 68.67Z"/><path d="m340.72 267.33-61.25 53.79V132.5c0-11.05-8.95-20-20-20s-20 8.95-20 20v190.99l-68.84-55.48c-8.6-6.93-21.19-5.58-28.12 3.02s-5.58 21.19 3.02 28.12l101.39 81.72c.33.26.67.5 1.01.74.13.09.26.2.39.29.5.34 1.02.65 1.54.94.2.11.41.2.61.3.34.17.68.34 1.03.5.24.11.49.2.74.29.32.13.64.25.97.36.26.09.52.16.79.24.33.1.67.18 1.01.26.26.06.52.12.78.16.38.07.77.13 1.16.18.22.03.44.06.66.08.62.06 1.24.09 1.86.09h.01c.63 0 1.26-.04 1.89-.1.25-.02.5-.07.75-.1.37-.05.74-.1 1.11-.17.3-.06.59-.13.88-.2.31-.07.63-.15.94-.24.3-.09.6-.18.89-.28.3-.1.59-.21.89-.32.29-.11.57-.23.85-.36.29-.13.58-.27.86-.42a18.831 18.831 0 0 0 1.64-.94c.25-.16.51-.32.75-.49.27-.19.53-.39.79-.59.24-.19.48-.37.71-.57.08-.07.17-.13.25-.2l94.44-82.95c8.3-7.29 9.12-19.93 1.83-28.23-7.29-8.3-19.93-9.12-28.23-1.83Z"/></svg> Download </div> </ul> </div> <button class="action-btn btn pull-right try-invoice zi-signup" onclick="signupPopup()"> Try Zoho Invoice </button> </div> </div> </div> </div> </div> </div> <div class="temp-sec"> <div class="temp-sec-inner"> <h2>Looking for <b>invoice templates</b>?</h2> <div class="temp-sec-desc"> If you're interested in exploring invoice templates for your other business needs, feel free to check out our collection. </div> <div class="temp-learnmore"> <a href="/invoice/templates/" rel="noopener noreferrer" target="_blank">See all templates</a> </div> </div> <div class="templates"> <div onclick="slideToRight()" class="flt-left fa fa-angle-left"></div> <div class="rows flt-left"> <div class="rows-containers"> <div class="containers"> <a href="/invoice/templates/contractor-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/contractor-invoice-template/1x.jpg" /> <div>Contractor Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/construction-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/construction-invoice-template/1x.jpg" /> <div>Construction Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/freelance-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/freelance-invoice-template/1x.jpg" /> <div>Freelance Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/consulting-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/consulting-invoice-template/1x.jpg" /> <div>Consulting Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/proforma-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img src="/invoice/images/invoice-templates/proforma-invoice-template/proforma-invoice-template-1x.jpg" /> <div>Proforma Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/sales-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img src="/invoice/images/invoice-templates/sales-invoice-template/sales-invoice-template-1x.jpg" /> <div>Sales Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/service-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img src="/invoice/images/invoice-templates/service-invoice-template/service-invoice-template-1x.jpg" /> <div>Service Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/excel-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img src="/invoice/images/invoice-templates/excel-invoice-template/excel-invoice-template-1x.jpg" /> <div>Excel Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/word-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/word-invoice-template/word-invoice-template-1x.jpg" /> <div>Word Invoice Template</div> </a> </div> <div class="containers"> <a href="/invoice/templates/freelance-writer-invoice-template/?src=free-tools-lhs-receipt-generator" rel="noopener noreferrer" target="_blank"> <img width="198" height="309" src="/invoice/images/invoice-templates/freelance-writer-invoice-template/1x.jpg" /> <div>Writer Invoice Template</div> </a> </div> <div class="clears"></div> </div> </div> <div onclick="slideToLeft()" class="flt-left fa fa-angle-right"></div> <div class="clears"></div> </div> </div> <section class="footer-cta-section"> <div class="promotion-section"> <a class="align-self-center" href="/invoice/?src=free-receipt-generator"> <img src="/invoice/images/invoice.png" class="logo-icon1" alt="Free Invoice Creator - Zoho Invoice"> </a> <div class="promotion-heading"> Create, send and manage invoices online with Zoho Invoice </div> <ul class="promotion-features"> <li><a href="/invoice/templates/?src=free-receipt-generator" rel="noopener noreferrer">Custom templates |</a></li> <li><a href="/invoice/accept-online-payments/?src=free-receipt-generator" rel="noopener noreferrer">Online payments |</a></li> <li><a href="/invoice/customer-portal/?src=free-receipt-generator" rel="noopener noreferrer">Customer portal |</a></li> <li><a href="/invoice/time-tracking/?src=free-receipt-generator" rel="noopener noreferrer">Time tracking |</a></li> <li><a href="/invoice/create-send-estimates/?src=free-receipt-generator" rel="noopener noreferrer">Estimates |</a></li> <li><a href="/invoice/mobile-apps/?src=free-receipt-generator" rel="noopener noreferrer">Mobile app</a></li> </ul> <div class="align-self-center"> <a class="btn-main btn text-center" href="/invoice/?src=free-receipt-generator"> GET STARTED </a> </div> </div> </section> <script type="text/javascript"> var right = 0; var maxMargin; var shiftMargin = 250; function setWidth(){ var boxwidth = document.querySelector(".containers").offsetWidth; var displaywidth = document.querySelector(".rows").offsetWidth; var children = document.querySelectorAll(".rows-containers > .containers").length; var outerboxwidth = children * boxwidth + (children*10); document.querySelector(".rows-containers").style.width = outerboxwidth+"px"; maxMargin = outerboxwidth - displaywidth; } function slideToLeft(){ var rowscont = document.querySelector(".rows-containers"); if(right <= -maxMargin || right == -1750){ return false; } else{ right -= shiftMargin; } rowscont.style.marginLeft = right+"px"; } function slideToRight(){ var rowscont = document.querySelector(".rows-containers"); if(right==0){ return false; } else if(right >= maxMargin){ return false; } else{ right += shiftMargin; } rowscont.style.marginLeft = right+"px"; } window.onload=setWidth; </script> <div class="faq-section"> <div class="faq-sec-inner"> <div class="main-div faq"> <div class="lft-main-div col-md-9 col-md-offset-1"> <h2>Frequently Asked Questions</h2> <div class="faq-container"> <h2>What is a receipt?</h2> <blockquote> <p> A receipt is a document provided to the customer as proof of purchase for goods or services. It includes details such as the transaction date, items or services sold, payment method, and total amount paid. </p> </blockquote> <h2>Can I customize the receipt template?</h2> <blockquote> <p> You can personalize the receipt template by adding your logo and including custom messages to align with your brand. However, if you want more extensive customization options, we recommend exploring Zoho Invoice. </p> </blockquote> <h2>Can I save and access previously generated receipts?</h2> <blockquote> <p> Unlike Zoho Invoice, the Receipt Generator does not offer cloud storage for receipts. You can download and save the generated receipts as PDF files on your own devices for future reference. </p> </blockquote> </div> </div> </div> </div> </div> <div class="common-footer"></div> </div> <div class="modal fade" id="printOptionModal"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal">x</button> <h4>Number of Copies</h4> </div> <div class="modal-body"> <div class="radio"> <label> <input type="radio" name="print-option" value="1" checked> <b>One Copy</b> <p class="text-muted">An original copy will be printed.</p> </label> </div> <div class="radio"> <label> <input type="radio" name="print-option" value="2"> <b>Two Copies</b> <p class="text-muted">A supplier copy and a recipient copy will be printed.</p> </label> </div> <div class="radio"> <label> <input type="radio" name="print-option" value="3"> <b>Three Copies</b> <p class="text-muted">A supplier copy, a transporter copy, and a recipient copy will be printed.</p> </label> </div> </div> <div class="modal-footer" style="text-align: left"> <button class="btn btn-primary" type="button" onclick="InvoiceGenerator.getInvoicePDF(true)">Print</button> <button class="btn btn-default" type="button" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <style type="text/css">.signup-cont{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;overflow-x:hidden;overflow-y:auto;background-color:rgba(19,26,43,.6)}.signup-cont-inner{position:relative;margin:30px auto}.signup-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border-radius:10px;outline:0;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.signup-bg{position:relative;padding:60px 20px 0;border-radius:10px 0 0 10px;width:42%;background:-o-linear-gradient(280.6deg,rgba(181,210,255,.5) -20.78%,rgba(237,239,244,0) 92.12%);background:linear-gradient(169.4deg,rgba(181,210,255,.5) -20.78%,rgba(237,239,244,0) 92.12%);height:auto}.template-pop-title{font-size:20px;line-height:1.4;font-family:var(--primaryfont-bold);color:#000;max-width:360px;margin:0 auto 20px}.form-field{outline:none!important;width:100%!important;border-color:#d6d6d6;border-radius:5px!important;padding:12px 12px 12px 36px;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}.btn-signup,.form-field{color:#000;font-family:var(--primaryfont-regular)}.btn-signup{padding:0 25px!important;background-color:#ffc917;font-weight:400;width:100%}.btn-signup:hover{background-color:#ffc917!important;border-color:none;color:#000}.signupform{max-width:100%}.form-field:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-field[disabled],.form-field[readonly],fieldset[disabled] .form-field{cursor:not-allowed;background-color:#eee;opacity:1}.form-field:-moz-placeholder,.form-field::-moz-placeholder{color:#999;font-weight:400;font-size:16px!important}.form-field::-webkit-input-placeholder{color:#999;font-weight:400;font-size:16px!important}.form-field:-ms-input-placeholder{color:#999;font-weight:400;font-size:16px!important}.za-tos-container{margin-bottom:15px}.za-tos-container a{color:#1616ef}.change-country-link{text-decoration:underline;margin-left:3px}.tos-checkbox{float:left}.za-tos-container .tos-checkbox{cursor:pointer}.za-newsletter-container,.za-tos-container{font-size:12px;line-height:18px}.za-newsletter-container label{max-width:92%;margin-bottom:5px;display:inline-block}.za-newsletter-container input{float:left}.signup-modal-close{position:absolute;width:30px;height:30px;right:15px;top:15px;cursor:pointer}.signup-popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.signup-popup-form{padding:40px 55px;width:58%;border-radius:0 10px 10px 0}.company-name-container:after,.za-contact-number-container:after,.za-country_state-container:after,.za-email-container:after,.za-fullname-container:after,.za-password-container:after,.za-rmobile-container:after{width:16px;height:16px;content:"";position:absolute;top:16px;left:11px}.company-name-container:after{background-image:url(/invoice/images/signup-popup/org-black.svg)}.za-email-container:after{background-image:url(/invoice/images/signup-popup/mail-black.svg)}.za-contact-number-container:after,.za-rmobile-container:after{background-image:url(/invoice/images/signup-popup/call-black.svg)}.za-password-container:after{background-image:url(/invoice/images/signup-popup/password-black.svg)}.za-country_state-container:after{background-image:url(/invoice/images/signup-popup/location-black.svg)}.za-fullname-container:after{background-image:url(/invoice/images/signup-popup/user.svg)}.za-country-container select,.za-country_state-container select{position:relative;line-height:1.42857143;width:100%}.za-country-container select{background-image:url(/invoice/images/signup-popup/global-black.svg);background-size:16px 16px;background-position:10px 15px;background-repeat:no-repeat}.signup-pop-cta{margin-bottom:27px!important}.za-country_code-container select{display:none}.ccodelabel{width:30px;position:absolute;color:#000;top:14px;left:36px}#rmobile{padding-left:70px!important}.signupform label{max-width:90%;margin-left:5px}.testimonial{position:relative;margin-top:110px}.testimonial-content{color:#000!important;padding:25px 10px 20px;line-height:30px}.testimonial-content b{font-size:17px}.testimonial>img{height:25px;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.customer-info{padding:15px 0;position:relative}.customer-name{font-family:var(--primaryfont-bold);font-size:17px}.customer-info:before{content:"";width:136px;height:1px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-top:1px solid #000}.customer-info p{color:#000}.mobile-promotion{position:absolute;bottom:0;left:0;padding:25px 55px;width:100%;text-align:center;border-top:1px solid #b3b3b3}.mobile-prop-title{color:#000;font-size:15px;line-height:19px}.mobile-prop-desc{font-size:13px;line-height:15px;color:#626d88;letter-spacing:.3px;margin-top:5px;margin-bottom:13px}.social-signup p{margin:10px 0}.ZI-popup{top:30%;left:50%;width:450px;background:#fff;padding:30px;z-index:1200;position:fixed;-webkit-box-shadow:-2px 0 6px #666;box-shadow:-2px 0 6px #666;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:10px;margin-left:0}.ZI-con-desc{margin:10px 0 20px;color:#666;font-size:15px;line-height:24px}.ZI-loading{background:url(/invoice/images/loading.gif) no-repeat;background-position:16px 17px;height:37px;width:230px;margin:10px auto;clear:both}.signup-cont input[type=checkbox]{margin:3px 3px 3px 4px}.change-country-link,.mobile-prop-title,.testimonial-content b,.za-tos-container .tos-checkbox,.ZI-popup h3{font-family:var(--primaryfont-semibold)}.ccodelabel,.form-field,.testimonial-content,.za-country-container select,.za-country_state-container select{font-size:16px!important}.ccodelabel,.customer-info,.template-pop-title,.testimonial-content{text-align:center}@media (min-width:970px){.signup-cont-inner{width:900px}}@media (max-width:970px){.signup-bg{display:none}.signup-cont-inner{max-width:500px}.signup-popup-form{width:100%}}@media (max-width:600px){.signup-popup-form{padding:30px 7%}.signup-cont-inner{margin:20px}}@media (max-width:460px){.template-pop-title{margin-top:20px}}</style> <div class="signup-cont" id="signupModalTemp"> <div class="signup-cont-inner"> <div class="signup-modal-content"> <div> <div style="display: none" id="ZI-load"> <div class="ZI-load"></div> <div class="ZI-popup"> <h3 class="font-semibold"> We are working on setting up your account and saving your invoice. </h3> <p class="ZI-con-desc"> Meanwhile, why don鈥檛 you verify your account by clicking on the link we sent you in the email? </p> <div class="ZI-loading"> </div> </div> </div> <div class="signup-popup"> <div class="signup-bg"> <div class="testimonial"> <img loading="lazy" src="/invoice/images/signup-popup/quote.svg" alt="" height="25" width="30" /> <p class="testimonial-content"><b>Zoho Invoice has helped us have a good hold on our cash flow.</b> We can keep track of our income and expenditure easily, and also create and send professional looking invoices to our clients in no time.</p> <div class="customer-info"> <p class="customer-name">Sylvia Charles</p> <p>Director, E Branding Ads</p> </div> </div> <div class="mobile-promotion"> <p class="mobile-prop-title">Download the mobile app</p> <p class="mobile-prop-desc">Manage your business' invoicing operations on the go</p> <div> <a href="https://play.google.com/store/apps/details?id=com.zoho.invoice&referrer=utm_source%3Dwebsite%26utm_medium%3Dtemplates_signup_popup" target="_blank" rel="noreferrer noopener" aria-label="Get Zoho Invoice on Google Play"><img loading="lazy" src="/invoice/images/playstore-badge.svg" alt="Get Zoho Invoice on Google Play" height="26" width="90" /></a> <a href="https://apps.apple.com/app/apple-store/id413017364?pt=423641&ct=website_templates_signup_popup&mt=8" target="_blank" rel="noreferrer noopener" aria-label="Download Zoho Invoice from the App store"><img loading="lazy" src="/invoice/images/appstore-badge.svg" alt="Download Zoho Invoice from the App store" height="26" width="76"/></a> <a href="https://www.microsoft.com/store/apps/9WZDNCRDFD1H?cid=ZITemplatesWeb" target="_blank" rel="noreferrer noopener" aria-label="Get Zoho Invoice from Microsoft Store"><img loading="lazy" src="/invoice/images/windows-badge.svg" alt="Get Zoho Invoice from Microsoft Store" height="26" width="71" /></a> </div> </div> </div> <div class="signup-popup-form"> <div class="signup-modal-close"> <img loading="lazy" src="/invoice/images/close-circle.svg" alt="close" onclick="closeForm()"> </div> <h3 class="template-pop-title"> Go beyond templates, experience the best of invoicing for free </h3> <div class="ZI-form"> <form action="//accounts.zoho.com/accounts/register.ac" name="signupform" id="signupform" method="post" class="signupform form" width="" novalidate="novalidate" autocomplete="off"> <div class="form-grp za-fullname-container"> <input type="text" id="namefield" class="form-field" name="firstname" tabindex="1" placeholder="Full Name" autofocus="true" > </div> <div class="form-grp za-email-container"> <input type="email" class="form-field" name="email" tabindex="2" autocomplete="on" placeholder="Email Address"> </div> <div class="form-grp za-rmobile-container" style="display: none;"> <div class="form-grp za-country_code-container"> <select class="za_country_code" id="country_code" name="country_code"></select> <input type="text" id="rmobile" name="rmobile" placeholder="Phone Number" class="form-field" tabindex="3"> <div class="ccodelabel">+91</div> </div> </div> <input type="hidden" name="r_address/1.phone" id="contact_number"> <div class="form-grp za-password-container" style="position: relative;"> <input type="password" id="password" class="form-field" name="password" tabindex="4" placeholder="Password"> <div class="password-strength"> <div></div> </div> </div> <div class="form-grp company-name-container"> <input type="text" id="companyName" class="form-field" name="r_address/1.company_name" tabindex="5" placeholder="Company Name"> </div> <div id="generator_terms"> <input type="hidden" id="countryValue" value=""> <input type="hidden" id="x_invoice_file_id" name="x_invoice_file_id" /> </div> <input type="hidden" id="x_edition" name="x_edition" value=""> <div class="form-grp za-country-container"> <select class="form-field za-country-select" tabindex="6" name="country" id="country" style="display: none;"></select> </div> <div class="za-country_state-container form-grp"> <select class="form-field" name="country_state" id="country_state" tabindex="7"></select> </div> <div style="display:none;" class="za-captcha-container"> <div class="form-grp"> <input type="text" placeholder="Enter Captcha" class="form-field" name="captcha" disabled="disabled"> <br> <img src="about:blank" class="za-captcha" style="border:solid 1px #ccc;margin-top:2px;"> </div> </div> <input type="hidden" id="x_feature" name="x_feature" value=""> <input type="hidden" id="x_plan_type" name="x_plan_type" value=""> <input type="hidden" id="x_source" name="x_source" value=""> <input type="hidden" id="x_template_type" name="x_template_type" value=""> <div class="form-grp za-tos-container" style="padding-top: 6px;"> <span id="data-center-name"></span> <span class="change-country-link tos-label" id="country-change" onclick="showCountryField()">Change Country</span> </div> <div class="form-grp za-tos-container"> <label for="tos" class="tos-label"> I agree to the <a style="text-decoration:underline;" href="https://www.zoho.com/terms.html" id="terms-link" target="_blank">Terms of Service</a> and <a href="https://www.zoho.com/privacy.html" target="_blank" style="text-decoration:underline;" id="privacy-link">Privacy Policy</a>. </label> <input class="tos-checkbox" type="checkbox" id="tos" name="tos" value="true" tabindex="8"> </div> <div class="form-grp za-newsletter-container"> <input type="checkbox" id="newsletter" name="newsletter" value="true" tabindex="8"> <label for="newsletter"> I would like to receive marketing communication from Zoho and Zoho鈥檚 regional partners for future product updates, services and events. </label> </div> <div class="form-grp signup-pop-cta"> <button type="submit" class="btn-signup btn btn-primary" name="za-signup-btn" id="za-signup-btn" tabindex="8">Get your free account</button> </div> <div class="form-grp social-signup"> <p>Or sign in using</p> <ul> <li><span alt="Google" title="Google" onclick="FederatedSignIn.GO('GOOGLE');zohoFedClickEvent('Google');" class="social-icon-google"></span></li> <li><span alt="Yahoo" title="Yahoo" onclick="FederatedSignIn.GO('YAHOO');zohoFedClickEvent('Yahoo');" class="social-icon-yahoo"></span></li> <li><span alt="Facebook" title="Facebook" onclick="FederatedSignIn.GO('FACEBOOK');zohoFedClickEvent('Facebook');" class="social-icon-fb"></span></li> <li><span alt="LinkedIn" title="LinkedIn" onclick="FederatedSignIn.GO('LINKEDIN');zohoFedClickEvent('Linkedin');" class="social-icon-linkedin"></span></li> <li><span alt="Twitter" title="Twitter" onclick="FederatedSignIn.GO('TWITTER');zohoFedClickEvent('Twitter');" class="social-icon-twitter"></span></li> <li><span alt="Office365" title="Office365" onclick="FederatedSignIn.GO('AZURE');zohoFedClickEvent('Office365');" class="social-icon-windows"></span></li> </ul> </div> <section class="signupotpcontainer" id="otp-popup" style="display: none;"> <div class="otp-background"></div> <div class="otp-container"> <div class="close-otp-popup" onclick="gobacktosignup()"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xml:space="preserve"><circle cx="15" cy="15" r="15" fill-rule="evenodd" clip-rule="evenodd" fill="#f1f1f1"/><path d="M21.5 20.5c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-4.8-5-4.8 5c-.2.2-.5.3-.7.3s-.5-.1-.7-.3c-.4-.4-.4-1 0-1.4l4.8-5-4.8-5c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.8 5 4.8-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-4.8 5 4.8 5z" fill="#979797"/></svg> </div> <picture> <source srcset="/invoice/images/signup/mobile-otp-dark.svg" media="(prefers-color-scheme:dark)"> <img src="/invoice/images/signup/mobile-otp.svg" class="otp-popup-img" alt="Enter code" loading="lazy"> </picture> <div class="verifytitle">Verify your phone number</div> <div class="verifyinfo"> <p class="verifyheader">We'll send a code to </p> <div class="otpmobile"> <span id="mobileotp" style="font-size: 16px;"></span> <span class="change" onclick="gobacktosignup()">Edit</span> </div> <img src="/invoice/images/signup/edit-icon.svg" class="otp-edit-icon" alt="" loading="lazy"> </div> <span class="za-otp-container " style="display: none;"> <input type="text" class="otp-field" tabindex="1" name="otp" id="otpfield" placeholder="Enter code" disabled="disabled"> <div style="padding-top: 12px;"> <span class="resent-help">Haven't received it yet?</span> <span onclick="resendOTP()" class="resendotp">Resend</span> </div> </span> <div class="za-submitbtn-otp"> <input type="button" tabindex="1" class="btn-verify" value="Verify" onclick="initiateOTPValidation()" name="otpfield"> <div class="loadingImg"></div> </div> </div> </section> <script> window.isOTPSignupSupported = true; </script> </form> </div> </div> </div> </div> </div> </div> </div> <script src="/finance/js/handle-signup-dc.js" type="text/javascript" defer></script> <script type="text/javascript"> function closeForm() { document.getElementById("signupModalTemp").style.display = "none"; } function signupPopup() { if (window.zohouser && window.zohouser.DISPLAY_NAME) { let _zDomain = dcName === 'ca' ? 'zohocloud' : hostUrl.split('.')[1]; let hostName = _zDomain + '.' + dcName; window.location.href = 'https://invoice.' + hostName + '/home'; } else { document.getElementById("signupModalTemp").style.display = "block"; } } </script> <script> var chatWidgetCode = { 'invoice': '7aa0180e0bbf15740d80f4d8e4b6d669bfba59c7115d1bf67671b657b2ada0a2', 'invoiceGcc': 'bd37612312fb666c5e2dbde5c6247f8fe1ff0a1ac544ecbf859c154187567b8b' }; var widgetcode = chatWidgetCode['invoice']; widgetcode = "siqf05f9e6f85e1ec531d3cc256391555ce25b24fe9668aeb9e67bc191ade5b3c33"; var script = document.createElement('script'); script.type = "text/javascript"; script.async = true; script.id="siquts"; script.src="https://widgets.zohosalesiq.com/app.js?widgetcode="+widgetcode; var temp = document.getElementsByTagName("script")[0]; temp.parentNode.insertBefore(script, temp); var canShowChatWidget = (window.matchMedia('(min-width: 650px)')).matches && true ; var $zoho = $zoho || { salesiq: { values: {}, ready: function() { $zoho.salesiq.floatwindow.close(); if (canShowChatWidget) { $zoho.salesiq.floatbutton.visible("show"); } else { $zoho.salesiq.floatbutton.visible("hide"); } }, afterReady: function() { if (canShowChatWidget) { $zoho.salesiq.floatwindow.visible("4"); } } } }; </script> <script> var src_page = 'invoice_generator'; document.addEventListener('DOMContentLoaded', () => { InvoiceGenerator.countrySelected('companyCountry'); InvoiceGenerator.countrySelected('customerCountry'); if (edition === 'ae' || edition === 'om' || edition === 'sa' || edition === 'bh') { CreateInvoiceUtil.calculateItemTableSubTotal(); } CreateInvoiceUtil.calculateInvTaxAndTotal(); }); </script> <script src="/finance/js/finance.js" type="text/javascript" ></script> <script type="text/javascript" src="/invoice/js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="/invoice/js/index.js?version=7"></script> <script src="https://www.zohowebstatic.com/sites/zweb/js/common/zf/prd-common.js"></script> <script type="text/javascript"> var name = "ZohoInvoiceRef"; var pageURL = "ZohoInvoicePageURL"; if(checkAnalyticsCookie()){ createCookie(name,pageURL); } function zohoGASignupEvent() { } function zohoFedClickEvent() { } function zcTrackClick() { } </script> <script type="text/javascript"> if(checkAnalyticsCookie()){ (function(w,s){var e=document.createElement("script");e.type="text/javascript";e.async=true; e.src="https://zohotagmanager.cdn.pagesense.io/ztmjs/9e14ca550fb345518206a5a65a40a7a9.js"; var x=document.getElementsByTagName("script")[0];x.parentNode.insertBefore(e,x);})(window,"script"); } </script> <script type="text/javascript" src="/invoice/js/signup.js" async></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script> <script> const picture_observer = lozad('.picture-lozad', { rootMargin:"0px", threshold: 0, load: function(el) { $(el).find('source').each(function(){$(this).attr('srcset', $(this).attr('data-srcset'))}) $(el).find('img').each(function(){$(this).attr('src', $(this).attr('data-src'))}) } }); picture_observer.observe(); const lozadObserver = lozad(); lozadObserver.observe(); </script> <script type="text/javascript">"use strict";function setEditionCookie(i,t){var e=new Date,n=t;e.setDate(e.getDate()+150),document.cookie=encodeURIComponent(i)+"="+n+"; path=/; expires="+e}function getCookieValue(i){return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(i).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null}var editionsArray=["uk","ca","au","us","in","sa","ae","bh","om","kw","qa","ke","es-mx","za"],url=window.location.href,urlArray=url.split("/"),isEditionSpecific=-1!==editionsArray.indexOf(urlArray[3]),edition=isEditionSpecific?urlArray[3]:"global";function switchEdition(i){-1!==editionsArray.indexOf(urlArray[3])?"global"===i?urlArray.splice(3,1):urlArray[3]=i:"global"!==i&&urlArray.splice(3,0,i),setEditionCookie("ZFEdition",i),url=urlArray.join("/"),window.location=url}var editionSwitchBanner=document.getElementById("edition-switch-banner");function closeEditionBannner(i){setEditionCookie("ZFEdition",i),editionSwitchBanner.classList.remove("show")}window.addEventListener("load",function(i){var t=getCookieValue("ZFEdition"),e=window.CountryCode.toLowerCase();"gb"===e?e="uk":"mx"===e&&(e="es-mx");var n,o=document.getElementsByClassName("visit-btn")[0],a=document.getElementsByClassName("edition-switch-text")[0],r=document.getElementsByClassName("close-banner")[0],c=urlArray[3],s={AE:"UAE",AU:"Australia",BH:"Bahrain",CA:"Canada",IN:"India",KE:"Kenya",KW:"Kuwait",QA:"Qatar",OM:"Oman","ES-MX":"Mexico",SA:"Saudi Arabia",UK:"United Kingdom",US:"United States",ZA:"South Africa"}[e.toUpperCase()]||"Global",d=function(){a.textContent="You can visit the ".concat(s," site to view content specific to your location."),o.classList.add(e),o.href="".concat(n),o.textContent="Visit ".concat(s," site"),o.setAttribute("onclick","switchEdition('".concat(e,"')")),r.setAttribute("onclick","closeEditionBannner('".concat(c,"')")),editionSwitchBanner.classList.add("show")},l=function(){editionsArray.includes(e)?(urlArray[3]=e,n=urlArray.join("/")):(urlArray.splice(3,1),n=urlArray.join("/"))};null===t?c!==e&&"invoice"!==c&&editionsArray.includes(e)?(document.body.classList.add("edition-band"),l(),d()):!editionsArray.includes(e)&&editionsArray.includes(c)&&(l(),document.body.classList.add("edition-band"),a.textContent="Looks like you're on a different edition. Switch to global edition for more relevant informtion",o.href="".concat(n),o.setAttribute("onclick","switchEdition('global')"),r.setAttribute("onclick","closeEditionBannner('".concat(c,"')")),editionSwitchBanner.classList.add("show")):c!==e&&c!==t&&"invoice"!==c&&(l(),d())});</script> <script type="text/javascript" src="/invoice/js/invoicegenerator.js"></script> <script src="/finance/js/handle-signup-dc.js" type="text/javascript" defer></script> <script type="text/javascript"> function setHostUrl() { if (params.serviceurl.indexOf('source_url') === -1) { params.serviceurl = params.serviceurl + '&source_url=invoice_generator'; } params.serviceurl = params.serviceurl; } $(document).ready(function() { for (var i = 1; i <= 3; i++) { autosize($("#itemDesc\\." + i)); } autosize($("#terms")); autosize($("#customerNotes")); var todayDate = $.fn.datepicker.DPGlobal.formatDate(new Date(), $.fn.datepicker.DPGlobal.parseFormat("M dd, yyyy"), "en"); $("#invoiceDate").attr("placeholder", todayDate); $('#invoiceDate').datepicker({ format: "M dd, yyyy", autoclose: true, orientation: 'auto', keyboardNavigation: false, todayHighlight: true }); $.each(InvoiceGenerator.currencyList, function(key, item) { $('#currencySelect') .append($("<option></option>") .attr("value", key) .attr("symbol", item.currency_symbol) .text(key + " - " + item.currency_name + " (" + item.currency_symbol + ")")); }); $("#currencySelect").val($("#currencyCode").val()); window.isReceiptGenerator = true; $(".form-control").addClass("highlight highlight-transition-duration"); setTimeout(function(){ $(".form-control").removeClass("highlight"); }, 1000); setTimeout(function(){ $(".form-control").removeClass("highlight-transition-duration"); }, 2000); }); if (edition === 'in') { let indiaStates = InvoiceGenerator.indiaStates; for (let index = 0; index < indiaStates.length; index++) { let stateName = indiaStates[index].state_name; $('#companyStateSelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); $('#customerStateSelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); $('#placeOfSupplySelect') .append($("<option></option>") .attr("value", stateName) .text(stateName)); } CreateInvoiceUtil.calculateInvTaxAndTotal(); } if ([ 'ae', 'sa', 'bh', 'om' ].includes(edition)) { let states = { 'ae': InvoiceGenerator.UaeStates, 'sa': InvoiceGenerator.saudiArabiaStates, 'bh': InvoiceGenerator.bahrainStates, 'om': InvoiceGenerator.omanStates }; let gccStates = states[edition]; for (let index = 0; index < gccStates.length; index++) { let value = gccStates[index]; $('#gccCompanyStateSelect') .append($("<option></option>") .attr("value", value) .text(value)); $('#gccCustomerStateSelect') .append($("<option></option>") .attr("value", value) .text(value)); $('#placeOfSupplySelect') .append($("<option></option>") .attr("value", value) .text(value)); } CreateInvoiceUtil.calculateInvTaxAndTotal(); } $('.faq-container h2').click(function () { if ($(this).hasClass('active')) { $(this).removeClass('active'); } else { $('.faq-container h2').removeClass('active'); $(this).addClass('active'); } }); function onSignupReady() { InvoiceGenerator.updateSourceInput(91); $(document.body).css("visibility", "visible"); $.fn.zaSignUp.defaults.disableSubmit = function() { return "Sign Up"; } $.fn.zaSignUp.defaults.getConfirmationTemplate = function() { return ''; } $("#signupform").zaSignUp({ onsubmit: function() { $("#za-signup-btn").attr("disabled", true); let country = document.getElementById('country').value; if (country !== 'IN') { $("#ZI-load").css("display","block"); } }, oncomplete: function(state) { var statusKey; var signupState = $.fn.zaSignUp.SIGNUP_STATE; $.each(signupState, function(key, value) { if (state === value) { statusKey = key; return false; } }); if (state === signupState.OTP_INITIATED) { $('#ZI-load').css('display', 'none'); } if (state === signupState.ERROR) { $("#za-signup-btn").attr("disabled", false); $("#ZI-load").css("display","none"); } if (state === signupState.OTP_ERROR) { let verifyBtn = document.querySelector('.btn-verify'); if (verifyBtn) { verifyBtn.value = 'VERIFY'; verifyBtn.disabled = false; } } let verifyheader = document.querySelector('.signupotpcontainer .verifyheader'); if (verifyheader) { verifyheader.innerText="We'll send a code to"; } }, x_signup: { password_required: true } }); window.afterAccountJSLoaded(); } </script> </body> </html>

CINXE.COM

Free Receipt Generator | Receipt Maker | Zoho Invoice