CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="description" content="Create professional looking payslips for your employees online for free with Zoho Payroll. "> <title>Free Online Payslip Generator | India | Zoho Payroll</title> <link href="https://www.zohowebstatic.com/sites/zweb/images/favicon.ico" rel="SHORTCUT ICON" /> <link href="/payroll/styles/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="/payroll/styles/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"> <link href="https://www.zohowebstatic.com/sites/zweb/css/common/zf/common-header-footer.css" crossorigin rel="stylesheet" type="text/css"> <style type="text/css">@font-face{font-family:zoho_puvi;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:400;font-style:normal;font-display:swap}@font-face{font-family:zoho_puvi;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:600;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:zoho_puvi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;line-height:1.6}a{cursor:pointer;color:#2b76d2}a:hover{text-decoration:none}b{font-weight:600}small{font-size:85%;color:#666}.more-btn{cursor:pointer}.more-btn:hover{fill:#333}.top-band{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:999;background:#fff;font-weight:700;font-size:17px;line-height:1.7;border-bottom:1px solid #d6d6d6}.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}.align-item-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.title h1{line-height:18px}#topband-logo{margin-left:20px}.powered-by{font-size:11px;line-height:13px;color:#333;display:block}.toggle-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.top-band img{vertical-align:text-bottom}.top-band .prod-logo{width:135px;vertical-align:sub}.top-band span{vertical-align:top}.application-header .application-title{color:#e53333;font-size:47px;font-weight:600}.header-discription{margin:10px auto 40px;color:#271655;max-width:700px;line-height:1.7}.input-form-container{border:1px solid #f5eeeb;background-color:#fff;-webkit-box-shadow:0 4px 9px 0 rgba(28,29,83,.04);box-shadow:0 4px 9px 0 rgba(28,29,83,.04);border-radius:10px;margin:1em auto;padding:30px}.age-field{display:block;width:100%;height:34px;padding:8px 12px;font-size:15px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box}.add-income-details-toggle{padding:15px;margin-bottom:20px}.hide{display:none}.show{display:initial}.other-earnings-table{max-height:0;-webkit-transition:all .5s;transition:all .5s;overflow:hidden}.other-earnings-table.show{max-height:600px}.t-bold{font-weight:600;line-height:1.5}table{width:100%}.results-table tbody tr td,.results-table tfoot tr th,.results-table thead tr th{padding:12px}.results-table thead tr th{color:#9531a0;font-weight:700;font-size:18px;border-bottom:1px solid #ececec}.results-table tfoot tr th{border-top:1px solid #ececec;border-bottom:1px solid #ececec}.results-table tbody tr:first-child td{padding-top:24px}.results-table tbody tr:last-child td{padding-bottom:24px}.result-subheader{color:#9531a0;font-weight:700;margin:40px 15px 26px;font-size:20px}.results-table thead tr th{font-size:13px}.results-table tfoot tr th,.results-table thead tr th{border-top:1px solid #f2f4f8;border-bottom:1px solid #f2f4f8;color:#222;font-weight:600}.results-table tbody tr td.old-tax-values,.results-table tfoot tr th.old-tax-values,.results-table thead tr th.old-tax-values{background:#fbfcff;border-right:1px solid #f2f4f8;border-left:1px solid #f2f4f8}hr{border-top:1px solid #ececec}.budget-ribbon{font-family:var(--zf-primary-semibold);font-size:11px;color:#cb4f4f;padding-top:2px;padding-inline:12px;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 3px) 50%,100% 100%,0 100%,3px 50%);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 50%,100% 100%,0 100%,3px 50%);background:#fee2d4;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:60px auto 15px;letter-spacing:.7px}.bg-styles{position:absolute;background:#fff4ef;top:0;width:100%;height:420px;z-index:-1}.left-side-image{background-image:url(/payroll/svgs/tax-calculator/header-image1.svg);left:-10px;top:210px;width:250px;height:142px}.left-side-image,.right-side-image{position:absolute;background-repeat:no-repeat}.right-side-image{background-image:url(/payroll/svgs/tax-calculator/header-image2.svg);right:0;top:180px;width:216px;height:237px}.summary-section{background:#fbfcff;padding:30px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #f2f4f8;border-radius:10px}.summary-section,.tax-compare-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tax-compare-section{margin-top:30px}.tax-value-section{border-left:3px solid #7e58ab;padding-left:15px}.tax-value-section:not(:first-child){margin-left:50px}.tax-value{font-size:30px}.tax-summary-section{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.both-equal,.comparison-result-section{background:#fff;padding:25px;border-radius:10px;border:1px solid #f3f3f3;-webkit-box-shadow:0 4px 9px 0 rgba(28,29,83,.04);box-shadow:0 4px 9px 0 rgba(28,29,83,.04)}.both-equal{color:#00b050;width:250px;text-align:center;padding:30px}.mobile-view .both-equal,.mobile-view .comparison-result-section{width:100%;margin:10px auto;background:#fbfcff}.saved-value{color:#00b050;font-size:30px;margin:6px auto}.popup{right:20px!important;left:auto!important}.button-primary.edit-btn{border:1px solid #ea4530;color:#ea4530;background:#fff;padding:0 50px}a.button-primary:hover{color:#fff;text-decoration:none}.button-primary.edit-btn:hover{background:#fff}.edit-btn:hover{color:#ea4530}.startover-button{margin-left:30px;padding:15px;background:#fff}.startover-button img{vertical-align:sub;margin-right:5px}.button-toolbar{margin-top:30px}.submit-btn{padding:0 35px}.faq-section{margin:150px auto}.faq-header{margin-bottom:50px;font-size:36px;font-weight:600}.faq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer}.question{font-size:20px}.question:hover{color:#2b6ee8}.blue-font-color{color:#2b6ee8}.answer{max-height:0;line-height:1.7;-webkit-transition:all .5s;transition:all .5s;overflow:hidden}.answer.show{margin-top:15px;max-height:950px}.faq-content{margin-left:20px}.faq-content .description{font-size:15px}.minus-icon,.plus-icon{line-height:32px;color:#f0483e;font-size:28px}.explore-payroll-section{background:#fff4ee;padding:85px 30px 0;border-bottom:1px solid #e2e2e2}.explore-payroll-section .header-text{font-size:36px;max-width:600px;margin:15px auto 35px}.button-primary{background:#f55d49;color:#fff;display:inline-block;border-radius:4px;-webkit-transition:all .5s;transition:all .5s;font-size:15px;line-height:50px;padding:0 45px;border:0}.button-primary:hover,.signup-btn:hover{background:#f55d49;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 10px 12px -3px rgba(0,0,0,.17);box-shadow:0 10px 12px -3px rgba(0,0,0,.17)}.product-image{background-image:url(/payroll/svgs/tax-calculator/header-image1.svg)}.footer{background:#fff;border:none}.disclaimer{font-size:12px;margin:30px auto 0}.free-tool-header-more-band{width:20px;vertical-align:middle;cursor:pointer}.title-divider{border-left:1px solid #e2e2e2;height:50px;margin:0 20px}.check-zoho-payroll{color:#176dd0;font-size:14px;line-height:34px;cursor:pointer}.product-menu li:first-child{margin-top:-2px}.product-menu li a{color:#fff;background:#f0483e;font-size:14px;padding:5px 10px;margin:0 0 0 10px;cursor:pointer;border-radius:3px;text-decoration:none;text-transform:uppercase;font-weight:600;line-height:24px}.signup-btn:hover{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none;background:none}.top-band .check-zoho-payroll:hover{color:#f0483e}@media screen and (max-width:768px){.free-tool-navbar.open{top:50px}.check-zoho-payroll,.product-menu{display:none}}@media screen and (max-width:500px){.free-tool-navbar.open{top:47px}.top-band span{display:none}}@media (max-width:1150px){.left-side-image,.right-side-image{display:none}}.tooltip-entity{display:inline-block;position:relative}.tooltip-entity img{vertical-align:middle;fill:#666}.tooltip-entity .tooltiptext{visibility:hidden;max-width:400px;background-color:#000;color:#fff;text-align:center;border-radius:6px;position:absolute;bottom:35px;left:-192px;z-index:1;font-size:13px;padding:10px;font-weight:400}.tooltiptext:after{top:100%;left:50%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid rgba(0,0,0,0);border-top-color:#000;margin-left:-10px}.tooltip-entity:hover .tooltiptext{visibility:visible}.body-dark-overlay{position:fixed;top:0;width:100%;height:100%;opacity:.7;z-index:5;background-color:#000}.line-inputs.row{padding:12px}.line-inputs div:first-child{padding-top:6px}.section-header{padding:12px;color:#9531a0;font-weight:600;font-size:18px;border-bottom:1px solid #ececec}.calculator-container{padding:0 30px;margin:auto;max-width:58em}@media (max-width:768px){.input-field{width:200px;padding:12px 15px 0;clear:both}}@media (max-width:900px){.desktop-view{display:none}.mobile-view{display:block}.application-header .application-title{font-size:36px}}@media (min-width:900px){.desktop-view{display:block}.mobile-view{display:none}}.regime-section .taxregime-header{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px 0}.taxregime-header a{font-size:13px}.regime-section .result-subheader{margin-top:20px}.regime-section table tfoot tr th{border-bottom:none}.mobile-view .saved-value{font-size:medium}.hint{font-size:12px;color:#787878;text-align:left}.new-regime-breakup-section,.old-regime-breakup-section{max-height:0;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}.new-regime-breakup-section.show,.old-regime-breakup-section.show{max-height:2000px}.mobile-view hr{margin:20px -15px}.period-toggler-container{margin:45px 20px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.plan-period-toggler{width:345px;font-size:12px;text-align:center;position:relative;background:#f6e5df;border-collapse:separate;border-spacing:4px;border-radius:24px}.plan-period-toggle{color:#5d3d2f;border-radius:34px;cursor:pointer;background-color:#f6e5df;text-transform:uppercase;padding:6px 10px}.plan-period-toggle+.plan-period-toggle{border-left:none}.plan-period-toggle:hover{color:#e63332}.plan-period-toggle.active{color:#e63332;background-color:#fff}.breakup{position:relative;display:inline-block;cursor:pointer;font-size:14px;color:#508eff}.breakup:focus,.breakup:hover{text-decoration:underline}.breakup:has(.tax-slab)~.taxable-amount{font-weight:600}.new-tax-popover,.old-tax-popover{color:#222;position:absolute;background-color:#fff;margin-top:8px;margin-left:-418px;z-index:2}.new-tax-mob-popover,.new-tax-popover,.old-tax-mob-popover,.old-tax-popover{display:none;width:525px;-webkit-box-shadow:rgba(0,0,0,.1) 0 6px 15px;box-shadow:0 6px 15px rgba(0,0,0,.1);padding:18px 20px 0;border-radius:16px}.new-tax-mob-popover,.old-tax-mob-popover{position:fixed;left:15%;overflow-y:scroll;top:60px;max-height:420px;background:#fff;margin:auto;z-index:100}.d-block{display:block!important}.backdrop{position:fixed;top:0;display:none;bottom:0;left:0;right:0;-webkit-transition:opacity .3s;transition:opacity .3s;overflow-y:auto;opacity:0;background-color:rgba(0,0,0,.5)}.mobile-view.open-backdrop~.backdrop{display:block;opacity:1}.close{margin-top:-10px;margin-bottom:5px;padding:2px 6px 0;border-radius:50%;border:1px solid #222}.arrow:before{content:"";display:block;position:absolute;height:15px;width:15px;top:-8px;right:10%;background:#fff;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.tax-slab{border-collapse:separate}.tax-slab tbody tr td,.tax-slab thead tr th{border-left:1px solid #e5eaf4;border-top:1px solid #e5eaf4}.tax-slab tbody tr td:last-child,.tax-slab thead tr th:last-child{border-right:1px solid #e5eaf4}.tax-slab tbody tr:last-child td{border-bottom:1px solid #e5eaf4}.tax-slab tbody tr td:not(:last-child){text-align:left}.tax-slab thead tr th:first-child{border-top-left-radius:9px}.tax-slab thead tr th:last-child{border-top-right-radius:9px}.tax-slab tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.tax-slab tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.results-table .tax-slab tbody tr:first-child td,.results-table .tax-slab tbody tr:last-child td,.results-table .tax-slab tfoot tr:last-child td{padding-bottom:12px}.results-table .tax-slab tbody tr:first-child td{padding-top:12px;border-top:none}.tax-slab thead tr th{font-size:14px;color:#6e799d;border-bottom:1px solid #e5eaf4}.results-table .tax-slab tfoot tr td{padding:12px}.tax-slab tfoot tr td:first-child{color:#6e799d;padding-right:0}.tax-slab tbody tr td:first-child,.tax-slab tfoot tr td:first-child{font-weight:200}.tax-slab tbody tr td:last-child{font-weight:600}@media screen and (max-width:725px){.new-tax-mob-popover,.old-tax-mob-popover{width:80%;left:10%;margin:auto}}@media screen and (max-width:350px){.new-tax-mob-popover,.old-tax-mob-popover{width:90%;left:5%;max-height:300px}}</style> <style type="text/css">@font-face{font-family:zoho_puvi;src:url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.eot);src:url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.eot#iefix) format("embedded-opentype"),url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.woff2) format("woff2"),url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.woff) format("woff"),url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.ttf) format("truetype"),url(https://fonts.zohostatic.com/zohopuvi/3.0/zoho_puvi_medium.svg) format("svg");font-weight:500;font-style:normal;font-display:swap}.t-medium{font-weight:500}.no-padding-left{padding-left:0}.text-danger{color:#f44040;padding-top:5px}.payslip-details .employee-details input.date-field{background:url(/payroll/svgs/payslip-generator/calendar-icon.svg);background-size:11%;background-repeat:no-repeat;line-height:21px;padding-left:25px;background-position-x:left;background-position-y:.5px}.float-right{float:right}.pright-medium{padding-right:10px}.d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.hide{display:none}.text-semibold{font-weight:500}.error,.show{display:block}.inline-block{display:inline-block}.mandate{color:#e53333}.application-header .application-title{font-size:32px}.header-discription{font-size:16px}.bg-styles{height:535px}.title-bolder{font-weight:600;font-size:20px}.payslip-generator .form-data{padding-left:0;padding-bottom:5px}.payslip-generator .form-data input{height:28px}.payslip-generator input{border:none;border-bottom:1px dashed #e1ecfd;-webkit-box-shadow:none;box-shadow:none;cursor:text;color:#333;font-weight:500;height:24px;font-size:14px}.payslip-generator input::-webkit-input-placeholder{font-weight:400}.payslip-generator input:focus,.payslip-generator input:hover{border:1px solid #6ca3ff;-webkit-box-shadow:none;box-shadow:none;cursor:text;-webkit-transition:all 0s;transition:all 0s}.payslip-generator .reset-svg{width:23px;padding-right:8px}.payslip-generator .add-svg{width:15px;margin:0 5px;vertical-align:text-bottom}.remove-svg{width:15px;margin-left:5px;vertical-align:bottom}.close-svg{width:14px;vertical-align:middle;margin-left:10px;cursor:pointer;float:right;margin-top:6px}.caution-svg{width:24px;vertical-align:sub}.success-svg{width:18px;vertical-align:middle}.payslip-generator .error-msg,.payslip-generator .upload-logo-error-msg,.success-msg{background-color:snow;border:1px solid #ffdfdc;margin:0 auto;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)}.success-msg{position:fixed;z-index:100;left:37%;top:65px;background-color:#f0fbea;border:1px solid #a2dec8}.payslip-generator .delete-svg,.payslip-generator .edit-svg{width:14px;padding-top:2px}.payslip-generator .upload-svg{width:24px}.company-details{width:100%}.payslip-generator .details{padding:10px 10px 0;margin:10px auto 5px}.payslip-generator .input-details{padding:0 10px 20px;margin:5px auto}.payslip-generator .add-logo{padding:20px 20px 15px;border:1px dashed #dbe8fd;border-radius:6px;margin-bottom:20px;font-size:14px;width:20%;color:#5b9aff;cursor:pointer;text-align:center;background-color:#fbfcff}.payslip-generator .img-option{position:relative;left:156px;width:25px;top:4px;border:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:6px}.payslip-generator .img-option div{padding:5px 5px 2px;background-color:#f9f9fb;border-bottom-right-radius:6px}.payslip-generator .img-option div:first-child{border-bottom:1px solid #ececec;border-top-right-radius:6px;border-bottom-right-radius:0}.payslip-generator .add-logo-label{font-weight:100}.payslip-generator .add-logo:hover{border:1px solid #dbe8fd!important}.payslip-generator .add-logo:hover>div .img-option.hide{display:block!important}.payslip-generator .company-name{font-size:20px;height:30px}.payslip-generator .company-name+small{padding-left:12px;padding-top:2px}.payslip-generator .city-pincode,.payslip-generator .company-address,.payslip-generator .country{font-weight:400;color:#555}#display_image{background-position:50%;background-size:contain;background-repeat:no-repeat;height:85px;display:none}.payslip-header{font-size:20px}.pay-period{border:none!important;font-size:20px!important;float:right;text-align:right;padding:0!important;width:45%}.pay-period:is(:focus,:hover){background:url(/payroll/svgs/payslip-generator/calendar-icon.svg);background-size:11%;background-repeat:no-repeat;line-height:21px;padding-left:25px;background-position-x:left;background-position-y:.5px;border-bottom:1px dashed #e1ecfd!important}.upload-logo-section{display:contents}.payslip-header-container,.upload-logo-section{width:50%}.upload-section-note{margin:15px 20px;font-size:14px;width:24%;font-weight:500}.upload-section-note div{color:#676767;font-size:10px;padding-top:5px}.payslip-month{margin:10px 0 5px;color:#676767;font-size:15px}.income-details-header,.payslip-details{padding:20px}.income-details{margin:0 20px;-webkit-box-shadow:0 4px 9px 0 rgba(28,29,83,.04);box-shadow:0 4px 9px 0 rgba(28,29,83,.04)}.payslip-details .employee-details{width:100%;margin:10px 0 15px;padding-top:20px;border-top:1px solid #f3f3f6;font-size:14px}.payslip-details .employee-details div{width:24%;display:inline-block;padding-bottom:10px;vertical-align:text-top}.payslip-details .employee-details div:nth-child(4n+3){margin-left:80px}.payslip-details .employee-details div.custom-field-name,.payslip-details .employee-details div:nth-child(odd){width:20%}.payslip-details .employee-details input{padding-left:5px;width:95%}.payslip-details .employee-details .customfield:nth-child(2n-1){margin-left:80px}.payslip-details .employee-details div.custom-field-name input{width:88%;margin-left:-5px;display:inline-block;font-weight:400}.payslip-details .employee-details div.custom-field-value input{width:90%;display:inline-block}.add-custom-fields{padding-bottom:25px}.add-custom-fields span,.add-deductions span,.add-earnings span{cursor:pointer;color:#508eff;font-size:14px}.add-custom-fields span:focus,.add-custom-fields span:hover,.add-deductions span:focus,.add-deductions span:hover,.add-earnings span:focus,.add-earnings span:hover{text-decoration:underline}.add-deductions,.add-earnings{padding:12px 8px!important}.payslip-generator .add-custom-fields span .add-svg{margin-left:0}.customfield .closeicon{margin-left:-23px}.salary-components-table{border:1px solid #f5f5f8;border-top-right-radius:6px!important;border-top-left-radius:6px!important;border-collapse:initial}.payslip-generator .salary-components-table .add-svg{margin-left:10px}.salary-components-table table tbody tr td:first-child .form-control{text-align:left;background-color:#fff;color:#333;font-size:14px;height:34px;font-weight:400}.salary-components-table table tbody tr td:first-child .form-control[readonly],.salary-components-table table tbody tr td:first-child .form-control[readonly]:focus,.salary-components-table table tbody tr td:first-child .form-control[readonly]:hover{padding:0;border:none;cursor:default;font-weight:400;height:34px}.salary-components-table table:first-child{border-right:1px solid #f5f5f8}.salary-components-table table th{color:#444;border-bottom:1px solid #f5f5f8;padding:12px 20px;font-weight:500;height:28px;font-size:15px}.salary-components-table table tbody td{padding:3px 20px;font-weight:200}.salary-components-table table tbody td:nth-child(2){padding-right:0}.salary-components-table table tbody td:nth-child(2) input{padding-right:5px;height:34px}.salary-components-table table tbody tr:first-child td{padding-top:10px}.salary-components-table table th:first-child{text-align:left;width:58%}.salary-components-table table tbody tr:nth-child(2) td{padding-top:10px}.customfield .closeicon,.salary-components-table table tbody tr td:nth-child(3){cursor:pointer;padding:0}.salary-components-table table tbody tr td:nth-child(3) .remove-svg{vertical-align:middle}.footer-table table tr td:last-child,.salary-components-table table tbody td:last-child,.salary-components-table table th:last-child{padding:8px;width:8%}.salary-components-table table th:nth-of-type(2){text-align:right;width:30%;padding-right:20px}.t-deduction tfoot,.t-earning tfoot{display:none}.footer-table{border:1px solid #f5f5f8;border-top:none;border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-collapse:initial;background-color:#f9f9fb}.footer-table tr td:first-child table{border-right:1px solid #f5f5f8}.footer-table table td:nth-of-type(2){padding-right:20px}.footer-table table td{padding:12px 20px;font-weight:500;font-size:15px}.new-earning td:first-child{padding-left:8px}.net-pay{margin:40px 20px 20px}.net-pay table{border-radius:10px;border:1px solid #f2f2f6;border-collapse:separate}.net-pay table td{padding:15px 20px;font-size:18px;width:75%}.net-pay table td:last-child{background-color:#f9f9fb;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:20px 30px 20px 10px;width:25%}.net-pay .amount-in-words{font-size:14px;padding:15px 0;border-bottom:1px solid #f2f2f6}.net-pay .help-text{font-size:15px;padding-top:5px;color:#676767}.generate-payslip{margin:80px 0 50px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.generate-payslip button{color:#fff;background:#f0483e;font-size:20px;padding:8px 10px;margin-left:170px;cursor:pointer;border-color:#fff;border-width:0;border-radius:8px;width:250px;opacity:1}.generate-payslip button:disabled{opacity:.3;cursor:wait}.generate-payslip button:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 10px 12px -3px rgba(0,0,0,.17);box-shadow:0 10px 12px -3px rgba(0,0,0,.17)}.generate-payslip button:last-child{background:#fff;border:1px solid #e5e5ec;color:#333;width:150px;margin-left:60px}.payslip-content{margin:110px 0 60px}.payslip-step-container{margin:60px 0}.payslip-content .payslip-content-image{width:30%;margin-right:15px}.payslip-content .payslip-description{width:70%}.payslip-content-image .payslip-svg{width:210px}.payslip-description .payslip-description-header,.payslip-step .payslip-step-header{margin-top:20px}.components-payslip .t-description,.payslip-description .payslip-description-content,.payslip-format .payslip-format-content,.payslip-step .payslip-step-content,.payslip-steps-container .payslip-steps-detail{color:#676767;font-size:14px;margin-top:5px;line-height:1.7}.payslip-description .payslip-description-content div{margin-top:10px}.payslip-step{width:70%;margin-right:15px}.payslip-step .payslip-step-content{width:80%;margin-top:10px}.payslip-steps-image{width:25%;margin-top:115px}.payslip-step .payslip-steps-container{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}.payslip-step .payslip-steps-section{width:38%;margin:0 60px 25px 0}.payslip-format{background-color:#f9f9fb}.payslip-format-container{margin:auto;max-width:58em;padding:60px 0 60px 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.payslip-format .payslip-format-section{margin:85px 0 0;width:50%}.payslip-format .payslip-format-section .payslip-format-svg{width:65px}.payslip-format .payslip-generator-image-div{width:72%}.payslip-format-table{color:#343434;margin-top:10px}.payslip-format-table td{padding:10px 0;cursor:pointer}.payslip-format-table tr:last-child td{padding:30px 0}.payslip-format-table tr:first-child td{padding-top:20px}.payslip-format-table tr td:first-child span{padding:3px 5px;border-radius:4px;text-align:center;color:#508eff;border:1px dashed #508eff}.payslip-format-table tr td:first-child span.label-1{padding:3px 6px}.payslip-format-table .arrow{width:20px;vertical-align:middle;fill:#508eff;display:none}.payslip-format-table tr.active .arrow{display:block}.payslip-format-table tr.active td:first-child span{color:#fff;background-color:#508eff}.payslip-format-table tr.active td:nth-child(2){font-weight:500}.components-payslip{margin-top:70px}.table-earnings-and-deductions .table-header{border-bottom:1px solid #e5e5ec}.table-earnings-and-deductions .table-header .title,.table-earnings-and-deductions table{margin:auto;max-width:58em;padding:0 27px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.table-earnings-and-deductions .table-header .deduction-table,.table-earnings-and-deductions .table-header .earnings-table{display:inline;padding:12px 13px 8px;border-top-left-radius:10px;border-top-right-radius:10px;margin-right:10px;cursor:pointer;color:#676767}.table-earnings-and-deductions .table-header .active{color:#508eff}.table-earnings-and-deductions .table-header .title div div{-webkit-transform:translateY(59px);-ms-transform:translateY(59px);transform:translateY(59px);border-top:4px solid #fff;border-radius:4px;margin-left:-13px}.table-earnings-and-deductions .table-header .title .active div{border-top:4px solid #508eff;border-radius:4px}.table-earnings-and-deductions .table-header .earnings-table div{width:122px}.table-earnings-and-deductions .table-header .deduction-table div{width:142px}.table-earnings-and-deductions .table-header .deduction-svg,.table-earnings-and-deductions .table-header .earning-svg{width:20px;margin-right:5px;vertical-align:text-bottom}.table-earnings-and-deductions .table-header .active .deduction-svg,.table-earnings-and-deductions .table-header .active .earning-svg{fill:#508eff}.table-earnings-and-deductions table{padding:8px 22px 45px;border-collapse:initial}.table-earnings-and-deductions table tr td{padding:20px 25px;background-color:#fcfcfd;border:3px solid #fff;color:#7e7e7e;font-size:14px;line-height:1.7}.table-earnings-and-deductions table tr td:first-child{background-color:#f7f7fa;color:#333}.table-earnings-and-deductions table tr:last-child td:first-child{border-bottom-left-radius:15px}.table-earnings-and-deductions table tr:last-child td:last-child{border-bottom-right-radius:15px}.significance-of-payslip .title-bolder{margin:auto;max-width:44em;padding-left:4px}.significances{padding:0 30px;margin:auto;max-width:58em}.significances-container{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}.significances-container .significance-contents{width:47%;margin:25px 0;background-color:#fff;border-radius:10px;padding:25px 20px;-webkit-box-shadow:0 2px 10px 0 rgba(109,121,154,.12);box-shadow:0 2px 10px 0 rgba(109,121,154,.12)}.significances-container .significance-contents:nth-child(2n){margin:25px 0 25px 52px}.significances-container .significance-header{font-size:16px;margin:10px 0}.significances-container .significance-detail{color:#7e7e7e;width:90%;font-size:14px}.significances-container .significance-title-svg{position:absolute;margin-top:-60px}.significances-container .significance-title-svg.income-tax{margin-top:-50px}.significances-container .significance-images{width:60px}.significances-container .significance-images.income-tax{margin-left:-8px}.free-tool-navbar.open+main>div.bg-styles{width:82%;margin:0}.free-tool-navbar.open+main>div.success-msg{left:45%}.question:focus{color:#2b6ee8}.answer.show{max-height:250px}@media screen and (max-width:1025px){.footer-table table td:nth-of-type(2),.salary-components-table table th:nth-of-type(2){padding-right:0}}@media screen and (max-width:1023px){.success-msg{left:25%}.payslip-generator .add-logo{width:33%}.payslip-generator .add-logo.uploaded{width:31%}.upload-section-note{width:35%}.payslip-details .employee-details .customfield:nth-child(2n-1),.payslip-details .employee-details div:nth-child(4n+3){margin-left:45px}.payslip-details .employee-details input{width:111%}.generate-payslip button{margin-left:90px}.payslip-step .payslip-steps-section{margin-right:20px}.payslip-step{margin-right:0}.payslip-format-container{padding-right:0}.payslip-format .payslip-format-section{margin-top:10px}.payslip-format .payslip-generator-image-div{margin-top:130px;width:525px}.table-earnings-and-deductions .table-header .deduction-table,.table-earnings-and-deductions .table-header .earnings-table{padding:12px 50px 8px 26px}.significance-of-payslip .title-bolder{max-width:36em}.salary-components-table table tbody tr td:nth-child(3) .closeicon.hide{display:block!important}.salary-components-table table th:nth-of-type(2){width:40%}.customfield .closeicon.hide{display:inline-block!important}.net-pay table td{font-size:14px}.net-pay .amount-in-words,.net-pay .help-text{font-size:12px}.net-pay .amount-in-words{text-align:left!important}.net-pay .amount-in-words .text-semibold{display:block}.col-md-12{width:100%}.col-md-6{width:70%}.payslip-generator .img-option{left:174px}}@media screen and (max-width:767px){.pay-period{width:80%;font-size:14px!important}.pay-period:is(:focus,:hover){background-size:12%;background-position-y:3px}.success-msg{left:3%}.payslip-generator .upload-logo-error-msg{width:288px}.payslip-generator .upload-logo-error-msg .caution-msg{width:92%;display:inline-block}.close-svg{margin-left:0}.input-form-container{padding:5px}.payslip-month{font-size:11px}.salary-rows{display:block}.salary-components-table{border:none}.income-details{-webkit-box-shadow:none;box-shadow:none}.t-deduction{float:left;width:100%;margin-top:20px}.t-deduction table,.t-earning table{border-collapse:initial;border-radius:6px;border:1px solid #f5f5f8}.t-deduction tfoot,.t-earning tfoot{display:table-row-group;background-color:#f9f9fb}.t-deduction tfoot td,.t-earning tfoot td{padding:12px 15px 8px;font-weight:500;font-size:14px}.t-deduction tfoot td:last-child,.t-earning tfoot td:last-child{padding:12px 0 8px}.salary-components-table table th:nth-of-type(2){width:40%}.footer-table{display:none}.generate-payslip{margin-top:35px}.generate-payslip button,.generate-payslip button:last-child{font-size:16px;margin-left:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.net-pay table td{width:100%;display:inline-table}.net-pay table td:last-child{font-size:14px;padding:20px;text-align:left!important;width:100%;border-top-right-radius:0;border-bottom-left-radius:8px}.col-md-6{padding:0}.payslip-header{font-size:16px;display:flow-root}.payslip-generator .add-logo{width:48%}.payslip-generator .add-logo.uploaded{width:70%}.payslip-generator .img-option{left:156px}.payslip-details .employee-details .customfield:nth-child(2n-1),.payslip-details .employee-details div:nth-child(4n+3){margin-left:0}.payslip-details .employee-details div.custom-field-name,.payslip-details .employee-details div:nth-child(odd){width:47%}.payslip-details .employee-details div{width:50%}.payslip-content .payslip-content-image,.payslip-format-table tr.active .arrow,.payslip-format .payslip-generator-image-div,.payslip-steps-image{display:none!important}.payslip-format .payslip-format-section{width:100%}.payslip-content .payslip-description,.payslip-step{width:98%}.payslip-step .payslip-steps-section{margin-right:10px;width:100%}.salary-components-table table tbody td,.salary-components-table table th{padding:3px 12px}.new-earning td:first-child{padding-left:1px}.table-earnings-and-deductions .table-header .deduction-table,.table-earnings-and-deductions .table-header .earnings-table{padding:12px 17px 8px 22px}.significance-of-payslip .title-bolder{padding-bottom:5px;max-width:19em}.remove-svg{margin-left:6px}.upload-section-note{display:none!important}.significances-container .significance-contents{width:100%}.significances-container .significance-contents:nth-child(2n){margin:25px 0}}@media screen and (max-width:424px){.pay-period{width:100%}.payslip-details .employee-details input{width:120%}.remove-svg{margin-left:10px}.payslip-generator .add-logo{width:55%}.payslip-generator .add-logo.uploaded{width:85%}.payslip-generator .img-option{left:145px}.col-md-6{width:100%}.significance-of-payslip .title-bolder{padding-left:25px}.generate-payslip{display:block;margin-top:30px}.generate-payslip button,.generate-payslip button:last-child{padding:10px 20px;margin-top:15px;margin-left:20px}.generate-payslip button:last-child{margin-left:0}}@media screen and (max-width:374px){.payslip-generator .img-option{left:137px}.salary-components-table table tbody tr td:first-child .form-control{font-size:14px}.salary-components-table table th{font-size:16px}.payslip-details .employee-details input{width:126%}.payslip-format-table tr:last-child td{padding:10px 0}.calculator-container,.significances,.table-earnings-and-deductions .table-header .title{padding:0 10px}.table-earnings-and-deductions table{padding:10px 10px 30px}.table-earnings-and-deductions .table-header .deduction-table,.table-earnings-and-deductions .table-header .earnings-table{padding:12px 11px 8px;margin-left:2px}.table-earnings-and-deductions table tr td{padding:20px 15px}.significance-of-payslip .title-bolder{padding-left:14px}.income-details-header,.payslip-details{padding-left:8px}.income-details,.net-pay,.payslip-header{margin-left:8px}.generate-payslip button{margin-left:10px}.generate-payslip button:last-child{margin-left:0}}</style> <link rel="canonical" href="https://www.zoho.com/in/payroll/free-payslip-generator/"> <script> document.addEventListener('DOMContentLoaded', () => { if (screen.width > 1024) { document.querySelector('.free-tool-navbar').classList.add('open'); } }); </script> </head> <body> <style> .free-tool-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; } .flyout.show { left: 0; } .social-medias p { font-size:16px; color:#fff; margin-bottom: 10px; } .social-medias a { padding-right: 15px; } .social-medias svg { width: 28px; height: 28px; } .social-icon { fill: #aaa; } .social-icon.fb-icon:hover { fill: #3b5998; } .social-icon.twitter-icon:hover { fill: #000000; } .free-tool-navbar.open { display: block; opacity: 1; width: 18%; } .free-tool-navbar.open + main, .free-tool-navbar.open + main + footer { width: 82%; margin-left: auto; } .free-tool-navbar .close { display: none; cursor: pointer; position: absolute; right: 25px; top: 16px; opacity: 1; } .free-tool-navbar h5 { font-size: 19px; font-weight: 600; } .navbar-logo-container{ text-align: center; margin: 20px auto; } .nav-sub-header { padding: 14px 0px 10px 20px; } .nav-product-logo { display: flex; align-items: center; } .nav-product-logo svg { fill: #fff; width: 25px; padding-right: 8px; padding-bottom: 10px; } .free-tool-navbar .sub-tools li { padding: 0 0 0 25px; } .free-tool-navbar .nav-sub-header { font-size: 20px; font-weight: 600; } .free-tool-navbar .nav-sub-header span { font-size: 16px; padding-bottom: 10px; } .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; } .free-tool-navbar li .active { border-left: 4px solid #FFD600; background-color: #413f3f; padding-left: 21px; } .free-tool-navbar li .active a { color: #fff; } .social-medias { padding: 35px 0 0 25px; } header { position: sticky; top: 0; z-index: 999; } .free-tool-navbar.open + header + main + div.common-footer { width: 82%; margin: 0 0 0 auto; } @media screen and (max-width: 1024px) { .free-tool-navbar.open { width: auto; top: 54px; padding-right: 10px; } .free-tool-navbar .close { display: block; } .free-tool-navbar.open + main + footer, .free-tool-navbar.open + main { width: 100%; margin: 0; } } @media screen and (max-width: 768px) { .free-tool-navbar.open { top: 50px; } } @media screen and (max-width: 500px) { .free-tool-navbar.open { top: 47px; } } </style> <script> document.addEventListener('DOMContentLoaded', () => { if(screen.width > 1024) { document.querySelector('.free-tool-navbar').classList.add('open'); } }); </script> <div class="free-tool-navbar"> <span class="close" onclick="toggleNavBar();"> <svg width="12.486" height="12.485"><path data-name="Union 1" d="M10.45 12.137l-4.208-4.21-4.21 4.21a1.19 1.19 0 01-1.683-1.684l4.209-4.21L.349 2.032A1.19 1.19 0 012.032.348l4.21 4.211L10.453.348a1.19 1.19 0 011.684 1.684L7.926 6.244l4.207 4.209a1.19 1.19 0 11-1.683 1.684z" fill="#797979"/></svg> </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><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><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><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><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"></path></svg> <h5>Finance Free Apps</h5> </div> <ul> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg viewBox="0 0 1024 1024"><path fill="none" d="M932.7 921H331.3c-4.4 0-8.3 3.1-9.4 7.4v.2c-4.3 16.2-11.8 31-21.7 43.5h579.2c25.7 0 49.1-13 62.6-34.9 2.8-4.6 1.4-8.7.2-10.7-1-1.6-3.8-5.5-9.5-5.5z"/><path fill="none" d="M793.6 876V66.9c0-3.8-1.9-6.4-3.1-7.5-1.2-1.2-3.7-3.1-7.5-3.1H144.1c-5.9 0-10.6 4.8-10.6 10.6v831.6c0 40.6 33 73.6 73.6 73.6 33.4 0 62.7-22.6 71.2-54.9 6.2-24.2 27.9-41.1 52.9-41.2h462.4zM710 520.9c0 12.4-10.1 22.5-22.5 22.5H262.2c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5h425.3c12.4 0 22.5 10 22.5 22.5zM245.1 319.5c10.9-6 24.6-2.1 30.6 8.8 5.6 10.1 18.8 16.7 33.3 17.6h1.1c.8 0 1.7.1 2.5.1 4 0 8.1-.4 12.1-1.3 9.4-2.1 16.8-6.1 20.9-11.3 2.9-3.7 4.1-8.8 2.7-11.7-3.4-6.7-17.4-11.4-34.7-11.7-37.3-.6-56.7-2.9-74-21.8-14.4-15.7-15.7-30.9-16.4-39-.1-.7-.1-1.3-.2-1.9-1.9-17.1 5.4-29.7 8.2-34.4l.3-.6c11.6-21 30.2-29.7 37.2-33l.2-.1c6-2.7 12.3-4.9 18.8-6.3V163c0-12.4 10.1-22.5 22.5-22.5s22.5 10.1 22.5 22.5v9.3c9.1 1.7 20 5.2 30.9 12.2 13.8 8.9 24.7 21.3 31.6 36.1 5.3 11.2.5 24.6-10.8 29.9-11.2 5.3-24.6.5-29.9-10.8-3.4-7.1-8.6-13.2-15.3-17.4-10.2-6.6-20.7-6.8-26.9-7h-.5c-8.3-.4-16.7 1.2-24.2 4.7-4.4 2-12.3 5.8-16.8 14l-.1.2c-.2.3-.4.7-.6 1.1-1.2 2.2-2.7 4.6-2.4 7 .1.9.2 1.8.3 2.8.5 5.2.7 8.1 4.8 12.6 3.7 4 6.1 6.7 41.5 7.2 35.7.5 62.8 13.7 74.2 36.3 9.6 18.8 6.5 42.5-7.7 60.2-10.6 13.2-26.5 22.6-46 27-.7.2-1.4.3-2 .4v10.5c0 12.4-10.1 22.5-22.5 22.5s-22.5-10.1-22.5-22.5v-11.7c-21.9-5.8-40.8-19-51.2-37.7-6.3-10.7-2.4-24.4 8.5-30.4zM262.2 684c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5h256.2c12.4 0 22.5 10.1 22.5 22.5S530.7 684 518.3 684H262.2z"/><path fill="#FFF" d="M287.5 387.8v11.7c0 12.4 10.1 22.5 22.5 22.5s22.5-10.1 22.5-22.5V389c.7-.1 1.4-.3 2-.4 19.5-4.4 35.4-13.8 46-27 14.2-17.7 17.3-41.4 7.7-60.2-11.5-22.6-38.5-35.8-74.2-36.3-35.4-.5-37.8-3.2-41.5-7.2-4.1-4.4-4.3-7.3-4.8-12.6-.1-1-.2-1.9-.3-2.8-.3-2.4 1.2-4.8 2.4-7 .2-.4.5-.8.6-1.1l.1-.2c4.5-8.2 12.5-12 16.8-14 7.6-3.4 15.9-5 24.2-4.7h.5c6.2.1 16.7.4 26.9 7 6.6 4.3 11.9 10.3 15.3 17.4 5.3 11.2 18.7 16.1 29.9 10.8 11.2-5.3 16.1-18.7 10.8-29.9-7-14.8-17.9-27.2-31.6-36.1-11-7-21.8-10.5-30.9-12.2V163c0-12.4-10.1-22.5-22.5-22.5s-22.5 10.1-22.5 22.5v9.9c-6.4 1.5-12.7 3.6-18.8 6.3l-.2.1c-7 3.3-25.6 12-37.2 33l-.3.6c-2.8 4.8-10.1 17.4-8.2 34.4.1.6.1 1.2.2 1.9.7 8.2 2.1 23.3 16.4 39 17.3 18.9 36.7 21.2 74 21.8 17.4.2 31.3 4.9 34.7 11.7 1.5 2.9.3 8-2.7 11.7-4.1 5.2-11.6 9.2-20.9 11.3-4 .9-8.1 1.3-12.1 1.3-.8-.1-1.7-.1-2.5-.1h-1.1c-14.5-.9-27.7-7.5-33.3-17.6-6-10.9-19.7-14.8-30.6-8.8-10.9 6-14.8 19.7-8.8 30.6 10.7 18.6 29.6 31.9 51.5 37.7zm253.3 273.7c0-12.4-10.1-22.5-22.5-22.5H262.2c-12.4 0-22.5 10.1-22.5 22.5s10.1 22.5 22.5 22.5h256.2c12.3 0 22.4-10.1 22.4-22.5zM239.7 520.9c0 12.4 10.1 22.5 22.5 22.5h425.3c12.4 0 22.5-10.1 22.5-22.5s-10.1-22.5-22.5-22.5H262.2c-12.5 0-22.5 10-22.5 22.5z"/><path fill="#FFF" d="M981.4 904.6c-9.8-17.6-28.5-28.6-48.7-28.6h-94.2V66.9c0-14.9-5.8-28.8-16.3-39.3s-24.5-16.3-39.4-16.3H144.2c-14.8 0-28.8 5.8-39.3 16.3C94.3 38 88.5 52 88.5 66.9v831.6c0 65.4 53.2 118.6 118.6 118.6h672.2c20.1 0 40.1-5.2 57.7-15s32.5-24.1 43.1-41.2c10.8-17.4 11.2-38.4 1.3-56.3zm-703.1 12.6c-8.5 32.3-37.8 54.9-71.2 54.9-40.6 0-73.6-33-73.6-73.6V66.9c0-5.9 4.8-10.6 10.6-10.6H783c3.8 0 6.4 2 7.5 3.1 1.2 1.2 3.1 3.7 3.1 7.5V876H331.2c-24.9.1-46.7 17.1-52.9 41.2zm663.5 20c-13.5 21.9-36.9 34.9-62.6 34.9H300.1c10-12.6 17.5-27.3 21.7-43.5v-.2c1.1-4.3 5-7.4 9.4-7.4h601.4c5.7 0 8.4 3.8 9.3 5.5 1.3 2.1 2.8 6.1-.1 10.7z"/></svg><span>Finance & Payroll</span> </div> <ul class="sub-tools"> <li > <a href="https://www.zoho.com/in/payroll/income-tax-calculator/"> Income Tax Calculator </a> </li> <li class="active"> <a href="https://www.zoho.com/in/payroll/free-payslip-generator/?utm_source=free+payroll+tools+&utm_medium=web&utm_campaign=payslip+generator"> Payslip Generator </a> </li> <li > <a href="https://www.zoho.com/in/payroll/nps-calculator/"> NPS Calculator </a> </li> <li > <a href="https://www.zoho.com/in/payroll/free-eps-pension-calculator/"> EPS Pension Calculator </a> </li> <li > <a href="https://www.zoho.com/in/payroll/gratuity-calculator/"> Gratuity Calculator </a> </li> <li > <a href="https://www.zoho.com/in/payroll/statutory-bonus-calculator/"> Statutory Bonus Calculator </a> </li> <li> <a href="https://www.zoho.com/us/books/paycheck-calculator/"> Paycheck Calculator (🇺🇸 only) </a> </li> <li > <a href="https://www.zoho.com/in/payroll/hra-exemption-calculator/"> HRA Exemption Calculator </a> </li> <li > <a href="https://www.zoho.com/uk/books/furlough-claim-calculator/"> HMRC Furlough Claim Calculator </a> </li> <li > <a href="https://www.zoho.com/in/books/free-gst-calculator/"> India GST Calculator </a> </li> <li > <a href="https://www.zoho.com/uk/books/free-tools/vat-calculator/"> UK VAT Calculator </a> </li> <li > <a href="https://www.zoho.com/uk/books/free-tools/flat-rate-calculator/"> UK Flat Rate Calculator </a> </li> <li > <a href="https://www.zoho.com/uk/books/free-tools/corporation-tax-calculator/"> UK Corporation Tax Calculator </a> </li> <li > <a href="https://www.zoho.com/in/books/financial-report-templates.html"> Financial Report Templates </a> </li> <li > <a href="https://www.zoho.com/in/books/free-project-estimate-calculator/"> Free Project Cost Estimate Calculator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg viewBox="0 0 1024 1024"><g opacity=".9"><path 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 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 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="https://www.zoho.com/invoice/free-invoice-generator.html"> Invoice Generator </a> </li> <li> <a href="https://www.zoho.com/invoice/free-estimate-generator/"> Estimate Generator </a> </li> <li> <a href="https://www.zoho.com/subscriptions/free-revenue-forecast/"> Revenue Forecaster </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg viewBox="0 0 1024 1024"><path d="M845.62 1007.29c-78.84 0-155.48-28.12-221.64-81.33-6.36-5.13-15.57-4.64-21.35 1.14l-58 58c-29.49 29.43-77.24 29.43-106.73 0l-56-56c-6.25-6.25-16.38-6.25-22.63 0l-56.67 56.58c-28.8 28.79-75.48 28.78-104.27-.02-.94-.94-1.85-1.9-2.73-2.88-214.77-239.22-257-587.22-105.7-870.87 31.25-58.65 92.32-95.27 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.44 4.39 49.54-32.21 93.26-81.75 97.65-2.63.23-5.27.35-7.91.35H644.81c.69 16.84 2 33.53 3.79 49.9 0 .41.08.82.11 1.23a617.74 617.74 0 0027.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.37c22.55 6.67 35.42 30.36 28.75 52.91a42.569 42.569 0 01-33.24 29.82 333.443 333.443 0 01-59.75 5.38zM248.68 76.71c-44.31-.05-85.02 24.37-105.86 63.47C3.29 401.56 42.23 722.31 240.25 942.71c5.06 5.64 13.73 6.12 19.37 1.07.19-.17.38-.35.56-.53l56.58-56.58c29.7-29.63 77.78-29.63 107.48 0l56.05 56.05c6.04 6.04 15.84 6.04 21.88 0l58-58c27.41-27.49 71.16-29.85 101.37-5.47 48.9 39.32 104.23 62.27 161.25 67.11a364.915 364.915 0 01-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.69a779.507 779.507 0 01-4.7-86c0-106.25 21-206.61 59.18-282.6 13.37-26.62 28.41-49.39 44.77-68l-439.42-.02zM644.8 397.33h289.12c16.6-.03 30.03-13.5 30-30.1 0-.89-.04-1.78-.12-2.66-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" opacity=".9"/><path d="M434.18 457.33H211.72c-16.57 0-30-13.43-30-30s13.43-30 30-30h222.46c16.57 0 30 13.43 30 30s-13.43 30-30 30zM325.5 607.38H218.05c-16.57 0-30-13.43-30-30s13.43-30 30-30H325.5c16.57 0 30 13.43 30 30s-13.43 30-30 30zM448.18 307.38H238.72c-16.57 0-30-13.43-30-30s13.43-30 30-30h209.46c16.57 0 30 13.43 30 30s-13.43 30-30 30z" opacity=".9"/></svg><span>Expense</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/expense/expense-report-generator/"> Expense Report Generator </a> </li> </ul> </li> <li class="nav-sub-header"> <div class="nav-product-logo"> <svg viewBox="0 0 1024 1024"><path d="M263.6 865.74c-14.55-.02-26.99-10.47-29.51-24.8L104.55 106.26a36.37 36.37 0 00-25.09-28.5l-57.87-18C5.72 54.98-3.27 38.25 1.51 22.39S23.02-2.47 38.88 2.31c.18.05.35.11.53.16l57.87 18c34.52 10.66 60.16 39.77 66.36 75.37l129.54 734.68c2.88 16.32-8.01 31.88-24.33 34.76-1.73.31-3.49.46-5.25.46zM406.26 965.63c-16.57 0-30-13.43-30-30 0-14.57 10.47-27.04 24.82-29.55l532.26-93.85c19.86-3.37 33.23-22.21 29.86-42.07-3.37-19.86-22.21-33.23-42.07-29.86-.15.03-.3.05-.46.08L463.55 821c-52.47 9.25-102.52-25.78-111.77-78.26l-80.6-457.14c-9.25-52.47 25.78-102.52 78.26-111.77l457.12-80.6c52.47-9.25 102.52 25.78 111.77 78.26l74.61 423.13c2.65 16.35-8.46 31.76-24.81 34.41-16.05 2.6-31.25-8.06-34.28-24.03l-74.61-423.1c-3.5-19.83-22.41-33.07-42.24-29.59l-457.15 80.61c-19.84 3.5-33.08 22.41-29.58 42.25v.01l80.6 457.12c3.49 19.84 22.41 33.09 42.24 29.59h.02l457.12-80.6c52.31-10.14 102.94 24.04 113.08 76.36 10.14 52.31-24.04 102.94-76.36 113.08-1.07.21-2.14.4-3.21.57L411.5 965.17c-1.73.31-3.48.46-5.24.46z" opacity=".9"/><path opacity=".9" d="M527 381.94c-16.57 0-30-13.44-29.99-30.01 0-14.57 10.47-27.03 24.82-29.54l173.57-30.6c16.32-2.88 31.88 8.02 34.76 24.34 2.88 16.32-8.02 31.88-24.34 34.75l-173.57 30.6c-1.73.31-3.49.46-5.25.46zM322.44 1022.89c-66.27-.01-120-53.74-119.99-120.01s53.74-120 120.01-119.99 120 53.74 119.99 120.01c0 58.17-41.73 107.96-99.01 118.14-6.93 1.23-13.96 1.85-21 1.85zm.38-179.35c-3.52 0-7.03.31-10.49.92-32.31 5.75-53.85 36.61-48.09 68.93 5.75 32.31 36.61 53.85 68.93 48.09s53.85-36.61 48.09-68.93c-5.05-28.33-29.66-48.97-58.44-49.01z"/></svg><span>Inventory</span> </div> <ul class="sub-tools"> <li> <a href="https://www.zoho.com/inventory/sku-generator/"> SKU Generator </a> </li> <li> <a href="https://www.zoho.com/inventory/purchaseorder-generator/"> Purchase Order Generator </a> </li> <li> <a href="https://www.zoho.com/inventory/reorder-point-calculator/"> Calculate Reorder Point </a> </li> <li> <a href="https://www.zoho.com/inventory/economic-order-quantity/"> Economic Order Quantity </a> </li> <li> <a href="https://www.zoho.com/inventory/break-even-point-calculator/"> Break-even Point Calculator </a> </li> <li> <a href="https://www.zoho.com/inventory/inventory-turnover-ratio/"> Inventory Turnover Ratio </a> </li> <li> <a href="https://www.zoho.com/inventory/packing-slip-generator/"> Packing Slip Generator </a> </li> <li> <a href="https://www.zoho.com/inventory/free-barcode-generator/"> Barcode Generator </a> </li> <li> <a href="https://www.zoho.com/in/inventory/shipping-label-generator/"> Shipping Label Generator </a> </li> </ul> </li> </ul> <div class="social-medias"> <p>Spread the word</p> <a href="https://twitter.com/intent/tweet?text=Create%20professional%20looking%20payslips%20for%20your%20employees%20online%20for%20free%20with%20Zoho%20Payroll.%20&url=https%3A%2F%2Fwww.zoho.com%2Fin%2Fpayroll%2Ffree-payslip-generator" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 1200 1200"><circle cx="600" cy="600" r="600" fill="#aaa"/><path fill="#fff" d="m656 554 219-255h-52L633 520 481 299H306l230 334-230 268h52l201-234 160 233h175L656 555zm-71 82-23-33-186-265h80l150 214 23 33 194 278h-80L585 636z"/><image xlink:href="81DAFB8B42349BEC.png" width="284" height="112" overflow="visible" transform="matrix(1 0 0 1 1374 1114)"/></svg> </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.zoho.com%2Fin%2Fpayroll%2Ffree-payslip-generator" target="_blank" rel="noopener noreferrer"> <svg class="social-icon fb-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><circle cx="256" cy="256" r="255.9"/><path fill="#fff" d="M316.2 127.6V169s-30.8-3.1-38.4 8.6c-4.2 6.4-2.8 38.7-2.8 38.7h41.2c-3.4 15.7-5.9 26.1-8.4 39.6h-32.3v128.5h-56.2v-128h-23.6v-40.7h23.5c1.2-29.6 1.7-58.6 16.4-73.5 16.5-16.6 32.5-14.6 80.6-14.6z"/></svg> </a> </div> </div> <main> <div class="top-band"> <div class="toggle-header"> <svg fill="#7b7b7b" viewBox="-471 -26 512 512" class="free-tool-header-more-band" onclick="toggleNavBar()"><path d="M-439 70H9c17.7 0 32 14.3 32 32s-14.3 32-32 32h-448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 128H9c17.7 0 32 14.3 32 32s-14.3 32-32 32h-448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 128H9c17.7 0 32 14.3 32 32s-14.3 32-32 32h-448c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg> <svg id="topband-logo" fill="none" style="display: 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><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><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><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><path fill="#333" 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"></path></svg> <div class="title-divider"></div> <div class="title"> <h1>Free Payslip Generator</h1> <a href="/in/payroll/" class="powered-by">by Zoho Payroll</a> </div> </div> <div> <ul class="product-menu align-item-center"> <li class="signup-btn"> <a class="signup" href="/in/payroll/signup/">SIGN UP. IT'S FREE!</a> </li> </ul> <a class="check-zoho-payroll" href="/in/payroll/"> Check out Zoho Payroll </a> </div> </div> <div class="bg-styles"> </div> <div class="success-msg hide"> <svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" alt="sucess" class="success-svg"><g transform="translate(0 8.855)"><defs><filter id="success-a" filterUnits="userSpaceOnUse" x="26.3" y="11.4" width="468" height="491.8"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="26.3" y="11.4" width="468" height="491.8" id="success-b"><g filter="url(#success-a)"><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M26.3 11.4h468v491.7h-468z"/></g></mask><g mask="url(#success-b)"><path fill-rule="evenodd" clip-rule="evenodd" fill="#17942D" d="M265.9 11.4c-55.2 0-109.8 23.2-152.9 61.4-53.5 47.4-89.2 118.1-86.6 196.5 4.2 126 107.9 229 224 233.6 94.5 3.8 174.8-54.8 215.4-132.9 18.2-34.9 28.4-73.8 28.4-112.8.1-114.4-115.9-245.8-228.3-245.8zM163.4 229.2c13.6-13.6 35.8-13.6 49.4 0l40.8 40.7 89.6-132.1c10.8-16 32.6-20.1 48.5-9.3 15.7 10.6 20 31.7 9.9 47.6l-.6.9-113.3 167.2c-5.8 8.6-15.2 14.2-25.6 15.2-1.1.1-2.2.1-3.3.1-9.2 0-18.1-3.6-24.7-10.2l-70.6-70.6c-1.9-1.9-3.5-3.9-4.8-6-8.7-13.6-7-31.7 4.7-43.5z"/></g></g><path fill-rule="evenodd" clip-rule="evenodd" fill="#3BC653" d="M279 12c-64.8 0-124.5 25.3-166 69.7-37.7 40.4-60.3 96.6-58 164 4.3 126 100.2 233.6 224 233.6 83.7 0 148.9-40.3 186.9-100.4 24.1-38.1 37.3-84.3 37.3-133.2C503.2 131.1 391.4 12 279 12zm122.6 173l-.6.9L287.7 353c-5.8 8.6-15.2 14.2-25.6 15.2-1.1.1-2.2.1-3.3.1-9.2 0-18.1-3.6-24.7-10.2l-70.6-70.6c-1.9-1.9-3.5-3.9-4.8-6-8.6-13.5-7-31.6 4.8-43.4 13.6-13.6 35.8-13.6 49.4 0l40.8 40.8 89.6-132.1c10.8-16 32.6-20.1 48.5-9.3 15.6 10.5 19.9 31.6 9.8 47.5z"/><path fill="#17942D" d="M401 223.3L287.7 390.4c-5.8 8.6-15.2 14.2-25.6 15.2-1.1.1-2.2.2-3.3.2-9.2 0-18.1-3.7-24.7-10.2L163.5 325c-11.8-11.8-13.4-29.9-4.8-43.4 1.4 2.1 3 4.1 4.8 6l70.6 70.6c6.6 6.6 15.5 10.2 24.7 10.2 1.1 0 2.2 0 3.3-.1 10.4-1 19.8-6.6 25.6-15.2L401 186l.6-.9c7.2 11.3 7.5 26.4-.6 38.2z"/><path fill="#FFF" d="M401.6 185l-.6.9L287.7 353c-5.8 8.6-15.2 14.2-25.6 15.2-1.1.1-2.2.1-3.3.1-9.2 0-18.1-3.6-24.7-10.2l-70.6-70.6c-1.9-1.9-3.5-3.9-4.8-6-8.6-13.5-7-31.6 4.8-43.4 13.6-13.6 35.8-13.6 49.4 0l40.8 40.8 89.6-132.1c10.8-16 32.6-20.1 48.5-9.3 15.6 10.5 19.9 31.6 9.8 47.5z"/></svg> <small>Payslip has been generated and downloaded Successfully</small> </div> <div class="calculator-container" style="margin-top: 50px;"> <div class="application-header text-center"> <div class="application-title">Free Payslip Generator</div> <div class="header-discription">With Zoho Payroll, create top-notch payslips for your employees right away! Easy to use and customisable, this free tool will make payroll smoother for you. </div> </div> <div class="input-form-container payslip-generator"> <form id="input-section" name="PayslipGeneration"> <div class="upload-logo-error-msg hide" id="image_upload_err"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="PayslipGenerator.showHideErr('image_upload', false);"><path d="M428.493 389.33a27.697 27.697 0 01-39.17 39.17l-133.32-133.33-133.33 133.33a27.697 27.697 0 01-39.17-39.17L216.833 256 83.503 122.67a27.697 27.697 0 0139.17-39.17l133.33 133.33L389.324 83.5a27.697 27.697 0 1139.17 39.17L295.163 256z" fill="#606060" data-name="1"/></svg> <span class="caution-msg"> <svg width="17" height="21" alt="caution" class="caution-svg"><defs><path id="caution-a" d="M0 0h16.046v15.613H0z"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(0 4.936)"><mask id="caution-b" fill="#fff"><use xlink:href="#caution-a"/></mask><path d="M7.687.002a8.487 8.487 0 013.054.625 8.603 8.603 0 012.56 1.619 8.656 8.656 0 011.844 2.384c.482.917.771 1.92.868 2.956a7.39 7.39 0 01-.343 3.02 7.101 7.101 0 01-1.479 2.535 7.214 7.214 0 01-2.41 1.77 7.835 7.835 0 01-3.13.7 8.427 8.427 0 01-3.257-.593 8.677 8.677 0 01-2.733-1.737 8.621 8.621 0 01-1.897-2.578 8.087 8.087 0 01-.76-3.128A7.449 7.449 0 01.55 4.522 7.174 7.174 0 012.2 2.105 7.42 7.42 0 014.665.53 8.08 8.08 0 017.687.002" fill="#F36457" opacity=".1" mask="url(#caution-b)"/></g><path d="M8.33 10.17v.4c0 .129-.011.269-.011.41-.01.14-.01.269-.021.41-.011.14-.011.269-.022.398l-.032.4-.032.41c-.01.14-.022.28-.043.41-.021.129-.032.269-.054.398a.544.544 0 01-.535.475.582.582 0 01-.354-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.809l-.193-.82c-.064-.28-.118-.55-.16-.82-.043-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.785.785 0 01.236-.291.979.979 0 01.332-.173.823.823 0 01.396-.01c.107.021.225.054.322.107a1.27 1.27 0 01.471.475c.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.01.183.021.269a.854.854 0 01.022.248m-.525 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.736.736 0 01.568-.27c.107 0 .225.022.322.065a.925.925 0 01.568.81.75.75 0 01-.043.344.752.752 0 01-.718.55m6.633-.755l-.643-1.262c-.215-.42-.45-.83-.686-1.24-.236-.41-.472-.82-.718-1.22-.246-.399-.493-.798-.75-1.197-.257-.4-.514-.788-.782-1.176-.268-.388-.536-.777-.815-1.154a31.006 31.006 0 00-.846-1.133c-.29-.378-.579-.744-.879-1.111l-.086-.097a1.954 1.954 0 00-.6-.55 1.57 1.57 0 00-.696-.195 1.33 1.33 0 00-.675.162 1.307 1.307 0 00-.536.518l-.064.097a41.676 41.676 0 00-2.765 4.606 38.93 38.93 0 00-1.2 2.525 46.27 46.27 0 00-1.072 2.675 1.575 1.575 0 00-.182.788c.01.27.086.528.214.755.268.485.74.82 1.286.917.515.075 1.029.14 1.533.205a37.758 37.758 0 003.021.194 33.791 33.791 0 002.926-.086c.471-.033.953-.087 1.425-.14a28.851 28.851 0 002.754-.497c.182-.032.343-.097.493-.194.14-.097.268-.216.364-.367.097-.15.172-.313.204-.474.043-.173.053-.356.043-.54-.011-.065-.022-.13-.033-.205-.01-.065-.032-.13-.053-.205a1.533 1.533 0 00-.086-.194.406.406 0 00-.096-.205" fill="#B43C31"/><path d="M13.688 18.207s1.864-.345 1.79-1.586l-1.898.529.108 1.057zM5.747 6.19s1.018-1.608 2.004-1.532L6.326 6.33l-.579-.14z" fill="#B43C31"/><path d="M9.144 9.307v.4c0 .14-.01.269-.01.41 0 .14-.011.269-.022.41-.01.129-.01.269-.021.398l-.033.4-.032.41c-.01.14-.032.28-.043.41-.01.129-.032.269-.053.398a.547.547 0 01-.547.475.639.639 0 01-.364-.119.666.666 0 01-.247-.345c-.085-.27-.15-.54-.214-.809l-.193-.82c-.064-.27-.118-.55-.16-.82-.054-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.812.812 0 01.246-.291.937.937 0 01.343-.173.863.863 0 01.407-.01 1.029 1.029 0 01.59.312c.085.076.15.173.203.27.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.021.183.021.269 0 .065.011.151.011.248m-.546 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.757.757 0 01.579-.27c.107 0 .225.022.321.065a.838.838 0 01.279.183.987.987 0 01.3.626.75.75 0 01-.043.345.664.664 0 01-.16.28.757.757 0 01-.58.27m6.752-.755c-.215-.42-.44-.841-.654-1.262-.214-.42-.45-.83-.697-1.24-.235-.41-.482-.82-.728-1.22-.247-.399-.504-.798-.761-1.197-.257-.4-.525-.788-.793-1.176a44.768 44.768 0 00-.825-1.154 31.195 31.195 0 00-.857-1.133c-.29-.378-.59-.744-.89-1.111l-.086-.097a1.992 1.992 0 00-.61-.55 1.614 1.614 0 00-.708-.195 1.289 1.289 0 00-.685.162 1.402 1.402 0 00-.547.518l-.064.097a46.732 46.732 0 00-1.468 2.222c-.472.766-.911 1.554-1.35 2.384-.44.82-.847 1.662-1.222 2.525A55.51 55.51 0 001.31 15.25a1.575 1.575 0 00-.182.788c.01.27.085.528.214.755.268.485.75.82 1.307.917.515.075 1.04.14 1.554.205a37.18 37.18 0 003.065.194c.503.01 1.007 0 1.5-.01.493-.012.986-.044 1.479-.076.493-.044.975-.087 1.446-.14.472-.055.943-.13 1.415-.216.471-.087.932-.173 1.393-.28.182-.033.354-.098.504-.195.15-.097.267-.216.364-.367.096-.15.171-.313.214-.474.043-.173.054-.356.043-.54l-.032-.205c-.01-.065-.032-.13-.054-.205a1.533 1.533 0 00-.085-.194c-.032-.086-.075-.151-.107-.205" fill="#F36457"/><path d="M9.144 9.296v.4c0 .14-.01.27-.01.41 0 .14-.011.27-.022.41-.01.129-.01.27-.021.399l-.033.399-.032.41c-.01.14-.032.27-.043.41-.01.14-.032.27-.053.399a.588.588 0 01-.193.356.575.575 0 01-.343.118.639.639 0 01-.364-.118.666.666 0 01-.247-.346c-.075-.27-.15-.539-.214-.809s-.129-.539-.193-.82c-.064-.28-.107-.539-.16-.82-.054-.28-.097-.539-.14-.808l-.032-.27a2.286 2.286 0 01-.022-.27c0-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.011-.14.043-.269.108-.388a.926.926 0 01.578-.463.863.863 0 01.407-.011 1.029 1.029 0 01.59.313c.16.161.278.366.321.582.022.086.032.184.054.27l.032.27c.01.086.01.172.021.27.011.096 0 .161.011.247" fill="#B43C31"/><path d="M9.54 8.843v.389c0 .13-.01.27-.01.41 0 .14-.01.27-.022.41-.01.129-.01.27-.021.399a61.694 61.694 0 00-.064.809c-.011.14-.032.27-.043.41-.01.14-.032.27-.054.399a.534.534 0 01-.535.464.639.639 0 01-.365-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.798-.064-.26-.128-.54-.192-.81-.065-.27-.108-.539-.161-.82-.054-.28-.097-.539-.14-.809l-.032-.27c-.01-.086-.01-.183-.021-.269-.01-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.01-.14.043-.269.107-.388a.877.877 0 01.579-.453.983.983 0 01.396-.01.94.94 0 01.579.313c.086.075.15.172.203.269.054.097.097.205.118.313.022.086.032.172.054.27l.032.27c.01.086.01.172.021.269a.555.555 0 01.033.237" fill="#FFF"/><path d="M9.38 14.863a.75.75 0 01-.043.345.664.664 0 01-.16.28.741.741 0 01-.58.27.868.868 0 01-.332-.065 1.015 1.015 0 01-.289-.183.987.987 0 01-.3-.626.75.75 0 01.043-.345.664.664 0 01.16-.28.837.837 0 01.58-.27.868.868 0 01.61.248c.182.173.29.389.31.626" fill="#B43C31"/><path d="M9.787 14.377a.75.75 0 01-.043.346.736.736 0 01-.16.28.736.736 0 01-.568.27.868.868 0 01-.611-.248.987.987 0 01-.3-.626.75.75 0 01.043-.345.736.736 0 01.16-.28.767.767 0 01.579-.26c.107 0 .225.022.321.065a.838.838 0 01.279.183c.171.162.268.389.3.615" fill="#FFF"/><g fill="#B43C31"><path d="M10.248.386s.268-.302.587-.378l-.293.378h-.294zM10.9 4.431c.013 0 .396.054.6-.345l-.408-.108-.192.453z"/></g><g fill="#B43C31"><path d="M10.451 2.737h-1.05a.18.18 0 01-.107-.032c-.064-.032-.096-.108-.107-.173 0-.032 0-.075.021-.107l1.03-2.018c.02-.043.053-.075.096-.086a.218.218 0 01.117 0c.043.01.075.043.108.075a.208.208 0 01.042.13l.022 1.068c0 .032.01.054.021.086.011.022.022.054.043.065.022.021.043.032.064.043.022.01.054.022.075.022h.997c.032 0 .064.01.096.021.033.022.054.043.076.065a.175.175 0 01.032.097c0 .032 0 .065-.011.108l-.89 2.222a.153.153 0 01-.085.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.054-.13l-.096-1.283a.157.157 0 00-.022-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.042-.032-.064-.043-.032-.033-.053-.033-.086-.033"/></g><g fill="#F36457"><path d="M9.798 2.435a.18.18 0 01-.107-.032.252.252 0 01-.108-.173c0-.032 0-.075.022-.108L10.634.094c.021-.043.053-.075.096-.086a.218.218 0 01.118 0c.043.01.075.032.107.076.032.032.043.086.043.13l.021 1.067c0 .032.011.054.022.086a.23.23 0 00.107.119c.021.01.054.022.075.022h.997c.032 0 .064.01.096.021a.467.467 0 01.075.065.175.175 0 01.032.097c0 .032 0 .065-.01.108l-.89 2.222a.153.153 0 01-.086.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.053-.13l-.097-1.283a.157.157 0 00-.021-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.043-.033-.064-.043-.033-.022-.054-.033-.086-.033h-1.05z"/></g></g></svg> <small>Uploading Logo size should be less than 1MB.</small> </span> </div> <div class="upload-logo-error-msg hide" id="image_extension_err"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="PayslipGenerator.showHideErr('image_extension', false);"><path d="M428.493 389.33a27.697 27.697 0 01-39.17 39.17l-133.32-133.33-133.33 133.33a27.697 27.697 0 01-39.17-39.17L216.833 256 83.503 122.67a27.697 27.697 0 0139.17-39.17l133.33 133.33L389.324 83.5a27.697 27.697 0 1139.17 39.17L295.163 256z" fill="#606060" data-name="1"/></svg> <span class="caution-msg"> <svg width="17" height="21" alt="caution" class="caution-svg"><defs><path id="caution-a" d="M0 0h16.046v15.613H0z"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(0 4.936)"><mask id="caution-b" fill="#fff"><use xlink:href="#caution-a"/></mask><path d="M7.687.002a8.487 8.487 0 013.054.625 8.603 8.603 0 012.56 1.619 8.656 8.656 0 011.844 2.384c.482.917.771 1.92.868 2.956a7.39 7.39 0 01-.343 3.02 7.101 7.101 0 01-1.479 2.535 7.214 7.214 0 01-2.41 1.77 7.835 7.835 0 01-3.13.7 8.427 8.427 0 01-3.257-.593 8.677 8.677 0 01-2.733-1.737 8.621 8.621 0 01-1.897-2.578 8.087 8.087 0 01-.76-3.128A7.449 7.449 0 01.55 4.522 7.174 7.174 0 012.2 2.105 7.42 7.42 0 014.665.53 8.08 8.08 0 017.687.002" fill="#F36457" opacity=".1" mask="url(#caution-b)"/></g><path d="M8.33 10.17v.4c0 .129-.011.269-.011.41-.01.14-.01.269-.021.41-.011.14-.011.269-.022.398l-.032.4-.032.41c-.01.14-.022.28-.043.41-.021.129-.032.269-.054.398a.544.544 0 01-.535.475.582.582 0 01-.354-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.809l-.193-.82c-.064-.28-.118-.55-.16-.82-.043-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.785.785 0 01.236-.291.979.979 0 01.332-.173.823.823 0 01.396-.01c.107.021.225.054.322.107a1.27 1.27 0 01.471.475c.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.01.183.021.269a.854.854 0 01.022.248m-.525 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.736.736 0 01.568-.27c.107 0 .225.022.322.065a.925.925 0 01.568.81.75.75 0 01-.043.344.752.752 0 01-.718.55m6.633-.755l-.643-1.262c-.215-.42-.45-.83-.686-1.24-.236-.41-.472-.82-.718-1.22-.246-.399-.493-.798-.75-1.197-.257-.4-.514-.788-.782-1.176-.268-.388-.536-.777-.815-1.154a31.006 31.006 0 00-.846-1.133c-.29-.378-.579-.744-.879-1.111l-.086-.097a1.954 1.954 0 00-.6-.55 1.57 1.57 0 00-.696-.195 1.33 1.33 0 00-.675.162 1.307 1.307 0 00-.536.518l-.064.097a41.676 41.676 0 00-2.765 4.606 38.93 38.93 0 00-1.2 2.525 46.27 46.27 0 00-1.072 2.675 1.575 1.575 0 00-.182.788c.01.27.086.528.214.755.268.485.74.82 1.286.917.515.075 1.029.14 1.533.205a37.758 37.758 0 003.021.194 33.791 33.791 0 002.926-.086c.471-.033.953-.087 1.425-.14a28.851 28.851 0 002.754-.497c.182-.032.343-.097.493-.194.14-.097.268-.216.364-.367.097-.15.172-.313.204-.474.043-.173.053-.356.043-.54-.011-.065-.022-.13-.033-.205-.01-.065-.032-.13-.053-.205a1.533 1.533 0 00-.086-.194.406.406 0 00-.096-.205" fill="#B43C31"/><path d="M13.688 18.207s1.864-.345 1.79-1.586l-1.898.529.108 1.057zM5.747 6.19s1.018-1.608 2.004-1.532L6.326 6.33l-.579-.14z" fill="#B43C31"/><path d="M9.144 9.307v.4c0 .14-.01.269-.01.41 0 .14-.011.269-.022.41-.01.129-.01.269-.021.398l-.033.4-.032.41c-.01.14-.032.28-.043.41-.01.129-.032.269-.053.398a.547.547 0 01-.547.475.639.639 0 01-.364-.119.666.666 0 01-.247-.345c-.085-.27-.15-.54-.214-.809l-.193-.82c-.064-.27-.118-.55-.16-.82-.054-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.812.812 0 01.246-.291.937.937 0 01.343-.173.863.863 0 01.407-.01 1.029 1.029 0 01.59.312c.085.076.15.173.203.27.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.021.183.021.269 0 .065.011.151.011.248m-.546 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.757.757 0 01.579-.27c.107 0 .225.022.321.065a.838.838 0 01.279.183.987.987 0 01.3.626.75.75 0 01-.043.345.664.664 0 01-.16.28.757.757 0 01-.58.27m6.752-.755c-.215-.42-.44-.841-.654-1.262-.214-.42-.45-.83-.697-1.24-.235-.41-.482-.82-.728-1.22-.247-.399-.504-.798-.761-1.197-.257-.4-.525-.788-.793-1.176a44.768 44.768 0 00-.825-1.154 31.195 31.195 0 00-.857-1.133c-.29-.378-.59-.744-.89-1.111l-.086-.097a1.992 1.992 0 00-.61-.55 1.614 1.614 0 00-.708-.195 1.289 1.289 0 00-.685.162 1.402 1.402 0 00-.547.518l-.064.097a46.732 46.732 0 00-1.468 2.222c-.472.766-.911 1.554-1.35 2.384-.44.82-.847 1.662-1.222 2.525A55.51 55.51 0 001.31 15.25a1.575 1.575 0 00-.182.788c.01.27.085.528.214.755.268.485.75.82 1.307.917.515.075 1.04.14 1.554.205a37.18 37.18 0 003.065.194c.503.01 1.007 0 1.5-.01.493-.012.986-.044 1.479-.076.493-.044.975-.087 1.446-.14.472-.055.943-.13 1.415-.216.471-.087.932-.173 1.393-.28.182-.033.354-.098.504-.195.15-.097.267-.216.364-.367.096-.15.171-.313.214-.474.043-.173.054-.356.043-.54l-.032-.205c-.01-.065-.032-.13-.054-.205a1.533 1.533 0 00-.085-.194c-.032-.086-.075-.151-.107-.205" fill="#F36457"/><path d="M9.144 9.296v.4c0 .14-.01.27-.01.41 0 .14-.011.27-.022.41-.01.129-.01.27-.021.399l-.033.399-.032.41c-.01.14-.032.27-.043.41-.01.14-.032.27-.053.399a.588.588 0 01-.193.356.575.575 0 01-.343.118.639.639 0 01-.364-.118.666.666 0 01-.247-.346c-.075-.27-.15-.539-.214-.809s-.129-.539-.193-.82c-.064-.28-.107-.539-.16-.82-.054-.28-.097-.539-.14-.808l-.032-.27a2.286 2.286 0 01-.022-.27c0-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.011-.14.043-.269.108-.388a.926.926 0 01.578-.463.863.863 0 01.407-.011 1.029 1.029 0 01.59.313c.16.161.278.366.321.582.022.086.032.184.054.27l.032.27c.01.086.01.172.021.27.011.096 0 .161.011.247" fill="#B43C31"/><path d="M9.54 8.843v.389c0 .13-.01.27-.01.41 0 .14-.01.27-.022.41-.01.129-.01.27-.021.399a61.694 61.694 0 00-.064.809c-.011.14-.032.27-.043.41-.01.14-.032.27-.054.399a.534.534 0 01-.535.464.639.639 0 01-.365-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.798-.064-.26-.128-.54-.192-.81-.065-.27-.108-.539-.161-.82-.054-.28-.097-.539-.14-.809l-.032-.27c-.01-.086-.01-.183-.021-.269-.01-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.01-.14.043-.269.107-.388a.877.877 0 01.579-.453.983.983 0 01.396-.01.94.94 0 01.579.313c.086.075.15.172.203.269.054.097.097.205.118.313.022.086.032.172.054.27l.032.27c.01.086.01.172.021.269a.555.555 0 01.033.237" fill="#FFF"/><path d="M9.38 14.863a.75.75 0 01-.043.345.664.664 0 01-.16.28.741.741 0 01-.58.27.868.868 0 01-.332-.065 1.015 1.015 0 01-.289-.183.987.987 0 01-.3-.626.75.75 0 01.043-.345.664.664 0 01.16-.28.837.837 0 01.58-.27.868.868 0 01.61.248c.182.173.29.389.31.626" fill="#B43C31"/><path d="M9.787 14.377a.75.75 0 01-.043.346.736.736 0 01-.16.28.736.736 0 01-.568.27.868.868 0 01-.611-.248.987.987 0 01-.3-.626.75.75 0 01.043-.345.736.736 0 01.16-.28.767.767 0 01.579-.26c.107 0 .225.022.321.065a.838.838 0 01.279.183c.171.162.268.389.3.615" fill="#FFF"/><g fill="#B43C31"><path d="M10.248.386s.268-.302.587-.378l-.293.378h-.294zM10.9 4.431c.013 0 .396.054.6-.345l-.408-.108-.192.453z"/></g><g fill="#B43C31"><path d="M10.451 2.737h-1.05a.18.18 0 01-.107-.032c-.064-.032-.096-.108-.107-.173 0-.032 0-.075.021-.107l1.03-2.018c.02-.043.053-.075.096-.086a.218.218 0 01.117 0c.043.01.075.043.108.075a.208.208 0 01.042.13l.022 1.068c0 .032.01.054.021.086.011.022.022.054.043.065.022.021.043.032.064.043.022.01.054.022.075.022h.997c.032 0 .064.01.096.021.033.022.054.043.076.065a.175.175 0 01.032.097c0 .032 0 .065-.011.108l-.89 2.222a.153.153 0 01-.085.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.054-.13l-.096-1.283a.157.157 0 00-.022-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.042-.032-.064-.043-.032-.033-.053-.033-.086-.033"/></g><g fill="#F36457"><path d="M9.798 2.435a.18.18 0 01-.107-.032.252.252 0 01-.108-.173c0-.032 0-.075.022-.108L10.634.094c.021-.043.053-.075.096-.086a.218.218 0 01.118 0c.043.01.075.032.107.076.032.032.043.086.043.13l.021 1.067c0 .032.011.054.022.086a.23.23 0 00.107.119c.021.01.054.022.075.022h.997c.032 0 .064.01.096.021a.467.467 0 01.075.065.175.175 0 01.032.097c0 .032 0 .065-.01.108l-.89 2.222a.153.153 0 01-.086.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.053-.13l-.097-1.283a.157.157 0 00-.021-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.043-.033-.064-.043-.033-.022-.054-.033-.086-.033h-1.05z"/></g></g></svg> <small>Please upload the Logo in one of the supported formats: BMP, PNG, GIF, JPG or JPEG only.</small> </span> </div> <div class="error-msg hide" id="response_err"> <svg width="17" height="21" alt="caution" class="caution-svg"><defs><path id="caution-a" d="M0 0h16.046v15.613H0z"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(0 4.936)"><mask id="caution-b" fill="#fff"><use xlink:href="#caution-a"/></mask><path d="M7.687.002a8.487 8.487 0 013.054.625 8.603 8.603 0 012.56 1.619 8.656 8.656 0 011.844 2.384c.482.917.771 1.92.868 2.956a7.39 7.39 0 01-.343 3.02 7.101 7.101 0 01-1.479 2.535 7.214 7.214 0 01-2.41 1.77 7.835 7.835 0 01-3.13.7 8.427 8.427 0 01-3.257-.593 8.677 8.677 0 01-2.733-1.737 8.621 8.621 0 01-1.897-2.578 8.087 8.087 0 01-.76-3.128A7.449 7.449 0 01.55 4.522 7.174 7.174 0 012.2 2.105 7.42 7.42 0 014.665.53 8.08 8.08 0 017.687.002" fill="#F36457" opacity=".1" mask="url(#caution-b)"/></g><path d="M8.33 10.17v.4c0 .129-.011.269-.011.41-.01.14-.01.269-.021.41-.011.14-.011.269-.022.398l-.032.4-.032.41c-.01.14-.022.28-.043.41-.021.129-.032.269-.054.398a.544.544 0 01-.535.475.582.582 0 01-.354-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.809l-.193-.82c-.064-.28-.118-.55-.16-.82-.043-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.785.785 0 01.236-.291.979.979 0 01.332-.173.823.823 0 01.396-.01c.107.021.225.054.322.107a1.27 1.27 0 01.471.475c.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.01.183.021.269a.854.854 0 01.022.248m-.525 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.736.736 0 01.568-.27c.107 0 .225.022.322.065a.925.925 0 01.568.81.75.75 0 01-.043.344.752.752 0 01-.718.55m6.633-.755l-.643-1.262c-.215-.42-.45-.83-.686-1.24-.236-.41-.472-.82-.718-1.22-.246-.399-.493-.798-.75-1.197-.257-.4-.514-.788-.782-1.176-.268-.388-.536-.777-.815-1.154a31.006 31.006 0 00-.846-1.133c-.29-.378-.579-.744-.879-1.111l-.086-.097a1.954 1.954 0 00-.6-.55 1.57 1.57 0 00-.696-.195 1.33 1.33 0 00-.675.162 1.307 1.307 0 00-.536.518l-.064.097a41.676 41.676 0 00-2.765 4.606 38.93 38.93 0 00-1.2 2.525 46.27 46.27 0 00-1.072 2.675 1.575 1.575 0 00-.182.788c.01.27.086.528.214.755.268.485.74.82 1.286.917.515.075 1.029.14 1.533.205a37.758 37.758 0 003.021.194 33.791 33.791 0 002.926-.086c.471-.033.953-.087 1.425-.14a28.851 28.851 0 002.754-.497c.182-.032.343-.097.493-.194.14-.097.268-.216.364-.367.097-.15.172-.313.204-.474.043-.173.053-.356.043-.54-.011-.065-.022-.13-.033-.205-.01-.065-.032-.13-.053-.205a1.533 1.533 0 00-.086-.194.406.406 0 00-.096-.205" fill="#B43C31"/><path d="M13.688 18.207s1.864-.345 1.79-1.586l-1.898.529.108 1.057zM5.747 6.19s1.018-1.608 2.004-1.532L6.326 6.33l-.579-.14z" fill="#B43C31"/><path d="M9.144 9.307v.4c0 .14-.01.269-.01.41 0 .14-.011.269-.022.41-.01.129-.01.269-.021.398l-.033.4-.032.41c-.01.14-.032.28-.043.41-.01.129-.032.269-.053.398a.547.547 0 01-.547.475.639.639 0 01-.364-.119.666.666 0 01-.247-.345c-.085-.27-.15-.54-.214-.809l-.193-.82c-.064-.27-.118-.55-.16-.82-.054-.27-.097-.539-.14-.809l-.032-.27a2.286 2.286 0 01-.021-.269c0-.086-.011-.183-.011-.27 0-.086 0-.183.01-.27.011-.14.044-.27.108-.388a.812.812 0 01.246-.291.937.937 0 01.343-.173.863.863 0 01.407-.01 1.029 1.029 0 01.59.312c.085.076.15.173.203.27.054.097.097.205.118.313.022.086.032.183.054.27.021.086.021.183.032.27.01.086.021.183.021.269 0 .065.011.151.011.248m-.546 6.451a.868.868 0 01-.611-.248.925.925 0 01-.29-.626.75.75 0 01.043-.345.664.664 0 01.161-.28.757.757 0 01.579-.27c.107 0 .225.022.321.065a.838.838 0 01.279.183.987.987 0 01.3.626.75.75 0 01-.043.345.664.664 0 01-.16.28.757.757 0 01-.58.27m6.752-.755c-.215-.42-.44-.841-.654-1.262-.214-.42-.45-.83-.697-1.24-.235-.41-.482-.82-.728-1.22-.247-.399-.504-.798-.761-1.197-.257-.4-.525-.788-.793-1.176a44.768 44.768 0 00-.825-1.154 31.195 31.195 0 00-.857-1.133c-.29-.378-.59-.744-.89-1.111l-.086-.097a1.992 1.992 0 00-.61-.55 1.614 1.614 0 00-.708-.195 1.289 1.289 0 00-.685.162 1.402 1.402 0 00-.547.518l-.064.097a46.732 46.732 0 00-1.468 2.222c-.472.766-.911 1.554-1.35 2.384-.44.82-.847 1.662-1.222 2.525A55.51 55.51 0 001.31 15.25a1.575 1.575 0 00-.182.788c.01.27.085.528.214.755.268.485.75.82 1.307.917.515.075 1.04.14 1.554.205a37.18 37.18 0 003.065.194c.503.01 1.007 0 1.5-.01.493-.012.986-.044 1.479-.076.493-.044.975-.087 1.446-.14.472-.055.943-.13 1.415-.216.471-.087.932-.173 1.393-.28.182-.033.354-.098.504-.195.15-.097.267-.216.364-.367.096-.15.171-.313.214-.474.043-.173.054-.356.043-.54l-.032-.205c-.01-.065-.032-.13-.054-.205a1.533 1.533 0 00-.085-.194c-.032-.086-.075-.151-.107-.205" fill="#F36457"/><path d="M9.144 9.296v.4c0 .14-.01.27-.01.41 0 .14-.011.27-.022.41-.01.129-.01.27-.021.399l-.033.399-.032.41c-.01.14-.032.27-.043.41-.01.14-.032.27-.053.399a.588.588 0 01-.193.356.575.575 0 01-.343.118.639.639 0 01-.364-.118.666.666 0 01-.247-.346c-.075-.27-.15-.539-.214-.809s-.129-.539-.193-.82c-.064-.28-.107-.539-.16-.82-.054-.28-.097-.539-.14-.808l-.032-.27a2.286 2.286 0 01-.022-.27c0-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.011-.14.043-.269.108-.388a.926.926 0 01.578-.463.863.863 0 01.407-.011 1.029 1.029 0 01.59.313c.16.161.278.366.321.582.022.086.032.184.054.27l.032.27c.01.086.01.172.021.27.011.096 0 .161.011.247" fill="#B43C31"/><path d="M9.54 8.843v.389c0 .13-.01.27-.01.41 0 .14-.01.27-.022.41-.01.129-.01.27-.021.399a61.694 61.694 0 00-.064.809c-.011.14-.032.27-.043.41-.01.14-.032.27-.054.399a.534.534 0 01-.535.464.639.639 0 01-.365-.119.666.666 0 01-.246-.345c-.075-.27-.15-.54-.215-.798-.064-.26-.128-.54-.192-.81-.065-.27-.108-.539-.161-.82-.054-.28-.097-.539-.14-.809l-.032-.27c-.01-.086-.01-.183-.021-.269-.01-.086-.01-.183-.01-.27 0-.086 0-.183.01-.27.01-.14.043-.269.107-.388a.877.877 0 01.579-.453.983.983 0 01.396-.01.94.94 0 01.579.313c.086.075.15.172.203.269.054.097.097.205.118.313.022.086.032.172.054.27l.032.27c.01.086.01.172.021.269a.555.555 0 01.033.237" fill="#FFF"/><path d="M9.38 14.863a.75.75 0 01-.043.345.664.664 0 01-.16.28.741.741 0 01-.58.27.868.868 0 01-.332-.065 1.015 1.015 0 01-.289-.183.987.987 0 01-.3-.626.75.75 0 01.043-.345.664.664 0 01.16-.28.837.837 0 01.58-.27.868.868 0 01.61.248c.182.173.29.389.31.626" fill="#B43C31"/><path d="M9.787 14.377a.75.75 0 01-.043.346.736.736 0 01-.16.28.736.736 0 01-.568.27.868.868 0 01-.611-.248.987.987 0 01-.3-.626.75.75 0 01.043-.345.736.736 0 01.16-.28.767.767 0 01.579-.26c.107 0 .225.022.321.065a.838.838 0 01.279.183c.171.162.268.389.3.615" fill="#FFF"/><g fill="#B43C31"><path d="M10.248.386s.268-.302.587-.378l-.293.378h-.294zM10.9 4.431c.013 0 .396.054.6-.345l-.408-.108-.192.453z"/></g><g fill="#B43C31"><path d="M10.451 2.737h-1.05a.18.18 0 01-.107-.032c-.064-.032-.096-.108-.107-.173 0-.032 0-.075.021-.107l1.03-2.018c.02-.043.053-.075.096-.086a.218.218 0 01.117 0c.043.01.075.043.108.075a.208.208 0 01.042.13l.022 1.068c0 .032.01.054.021.086.011.022.022.054.043.065.022.021.043.032.064.043.022.01.054.022.075.022h.997c.032 0 .064.01.096.021.033.022.054.043.076.065a.175.175 0 01.032.097c0 .032 0 .065-.011.108l-.89 2.222a.153.153 0 01-.085.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.054-.13l-.096-1.283a.157.157 0 00-.022-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.042-.032-.064-.043-.032-.033-.053-.033-.086-.033"/></g><g fill="#F36457"><path d="M9.798 2.435a.18.18 0 01-.107-.032.252.252 0 01-.108-.173c0-.032 0-.075.022-.108L10.634.094c.021-.043.053-.075.096-.086a.218.218 0 01.118 0c.043.01.075.032.107.076.032.032.043.086.043.13l.021 1.067c0 .032.011.054.022.086a.23.23 0 00.107.119c.021.01.054.022.075.022h.997c.032 0 .064.01.096.021a.467.467 0 01.075.065.175.175 0 01.032.097c0 .032 0 .065-.01.108l-.89 2.222a.153.153 0 01-.086.097.15.15 0 01-.118.011.222.222 0 01-.107-.065.2.2 0 01-.053-.13l-.097-1.283a.157.157 0 00-.021-.075c-.01-.022-.032-.044-.043-.065-.021-.022-.043-.033-.064-.043-.033-.022-.054-.033-.086-.033h-1.05z"/></g></g></svg> <small id="error_msgs"></small> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="close" class="close-svg" onclick="PayslipGenerator.showHideErr('response', false);"><path d="M428.493 389.33a27.697 27.697 0 01-39.17 39.17l-133.32-133.33-133.33 133.33a27.697 27.697 0 01-39.17-39.17L216.833 256 83.503 122.67a27.697 27.697 0 0139.17-39.17l133.33 133.33L389.324 83.5a27.697 27.697 0 1139.17 39.17L295.163 256z" fill="#606060" data-name="1"/></svg> </div> <div class="d-flex details"> <div class="upload-logo-section"> <label class="add-logo"> <input type="file" accept="image/png, image/jpg, image/jpeg, image/bmp, image/gif" class="form-control" autofocus="focus" id="payslip_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.706 253.518a21.004 21.004 0 01-29.7 0l-37.36-37.37v130.4a21 21 0 11-42 0v-130.4l-37.37 37.37a21.001 21.001 0 11-29.7-29.7l73.22-73.22a21.003 21.003 0 0129.7 0l73.21 73.22a21.004 21.004 0 010 29.7z" fill="#5b9aff"/><path d="M439.086 400.728a20.998 20.998 0 11-33.43-25.42 192.048 192.048 0 00-17.24-251.77c-74.85-74.87-196.66-74.88-271.53-.03a192.053 192.053 0 00-17.29 251.76 20.998 20.998 0 11-33.43 25.42 234.019 234.019 0 01186.47-375.4h.03a234.022 234.022 0 01186.42 375.44zM485.646 470.038a21.004 21.004 0 01-21 21h-424a21 21 0 010-42h424a21.004 21.004 0 0121 21z" fill="#5b9aff"/></svg> <div>Upload</div> </span> <div id="display_image" name="payslip_logo" data-json-node="payslip_logo"> <div class="img-option hide"><div onclick="PayslipGenerator.editImage();"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="edit-icon" class="edit-svg"><path d="M423.167 92.537a97.193 97.193 0 00-137.24 0l-37.5 37.48-140.98 140.9-.73.74a110.934 110.934 0 00-30.63 57.67l-13.69 70.79a43.717 43.717 0 0050.32 51.37l71.98-12.34a110.9 110.9 0 0060-31.03l140.99-140.92 37.48-37.46a96.978 96.978 0 000-137.2zm-208.16 285.87a69.137 69.137 0 01-37.4 19.35l-71.99 12.33a1.571 1.571 0 01-1.52-.49 1.544 1.544 0 01-.46-1.51l13.68-70.79a69.13 69.13 0 0119.1-35.94l126.87-126.81 77.84 77.81zm178.47-178.38l-22.64 22.63-77.85-77.8 22.63-22.62a55.03 55.03 0 1177.86 77.79z" fill="#010101"/></svg></div><div onclick="PayslipGenerator.removeImage();"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="delete" class="delete-svg"><path d="M428.327 93.181h-84.49v1.04h-133.56v-22.72a9.837 9.837 0 019.82-9.82h71.81a9.829 9.829 0 019.81 9.82v21.68h42.12v-21.68a51.994 51.994 0 00-51.93-51.93h-71.81a51.997 51.997 0 00-51.94 51.93v21.68h-84.49a21 21 0 000 42h14.3l15.71 280.72a80.022 80.022 0 0079.86 75.51h124.93a80.012 80.012 0 0079.85-75.51l15.72-280.72h14.29a21 21 0 100-42zm-69.85 320.49a40.093 40.093 0 01-40.01 37.83h-124.93a40.092 40.092 0 01-40.01-37.83l-15.59-278.49-.06-1.05h236.25l-.06 1.05z" fill="#fd7172"/><path fill="#fd7172" d="M210.277 93.181h133.56v1.04h-133.56zM374.127 134.131l-.06 1.05h-236.13l-.06-1.05h236.25z"/><path d="M182.507 134.131h13.42a20.22 20.22 0 01-5.36 1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05a20.226 20.226 0 01-5.36-1.05zM316.067 134.131h13.42a20.219 20.219 0 01-5.36 1.05c-.44.04-.9.05-1.35.05s-.91-.01-1.35-.05a20.227 20.227 0 01-5.36-1.05zM301.717 93.181h42.12v1.04h-42.12z" 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="payslip-header-container text-right"> <div class="payslip-month">Payslip For the Month</div> <div class="payslip-header t-bold"> <input type="text" class="form-control user-input text-left pay-period" autofocus="focus" id="payslip_month" name="pay_period" data-json-node="pay_period" placeholder="Eg: April 2022" data-is-array="false"> </div> </div> </div> <div class="d-flex input-details"> <div class="company-details no-padding-left"> <div class="col-md-12 form-data"> <div class="col-md-6 no-padding-left"> <input class="form-control company-name text-left" name="company_name" maxlength="50" autofocus="focus" id="company_name" placeholder="Company Name*" data-json-node="company_name" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('company_name', 'company-details')"> <small id="company_name_err" class="text-danger hide">Enter the Company鈥檚 name</small> </div> </div> <div class="col-md-12 form-data"> <div class="col-md-6 no-padding-left"> <input class="form-control company-address text-left" maxlength="100" autofocus="focus" name="company_address_1" id="company_address_1" placeholder="Company Address" data-json-node="company_address_1" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('company_address_1', 'company-details')"> </div> </div> <div class="col-md-12 form-data"> <div class="col-md-6 no-padding-left"> <input class="form-control city-pincode text-left" maxlength="100" autofocus="focus" name="company_address_2" id="company_address_2" placeholder="City, Pincode" data-json-node="company_address_2" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('company_address_2', 'company-details')"> </div> </div> <div class="col-md-12 form-data"> <div class="col-md-6 no-padding-left"> <input class="form-control country text-left" value="India" autofocus="focus" name="country" id="country" placeholder="Country" data-json-node="country" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('country', 'company-details')"> <small id="country_err" class="text-danger hide">As this payslip template is specific to India, enter the country as India or leave the field empty</small> </div> </div> </div> </div> <div class="payslip-details"> <span class="t-bold">Employee Pay Summary </span><span class="mandate">*</span> <div class="employee-details"> <div> Employee Name<span class="float-right pright-medium">:</span> </div> <div> <input class="form-control user-input text-left" maxlength="50" autofocus="focus" id="employee_name" placeholder="Eg: Meera Krishnan" name="employee_name" data-json-node="employee_name" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('employee_name')"> <small id="employee_name_err" class="text-danger hide">Enter the Employee's Name</small> </div> <div> Employee ID<span class="float-right pright-medium">:</span> </div> <div> <input class="form-control user-input text-left" autofocus="focus" id="employee_number" placeholder="Eg: 1234" name="employee_number" data-json-node="employee_number" data-is-array="false" onblur="PayslipGenerator.removeDashedBorder('employee_number')"> <small id="employee_number_err" class="text-danger hide">Enter the Employee's ID</small> </div> <div> Pay Period<span class="float-right pright-medium">:</span> </div> <div> <input type="text" date-inline-picker="true" class="form-control user-input text-left date-field" autofocus="focus" id="pay_period" name="pay_period" data-json-node="pay_period" placeholder="Eg: April 2022" data-is-array="false" onblur="PayslipGenerator.showHideErr('pay_period_year', false);"> <small id="pay_period_err" class="text-danger hide">Enter the Pay Period</small> <small id="pay_period_year_err" class="text-danger hide">Enter a valid year</small> </div> <div> Paid Days<span class="float-right pright-medium">:</span> </div> <div> <input type="number" min="0" oninput="validity.valid||(value=1);" max="31" class="form-control user-input text-left" autofocus="focus" id="paid_days" placeholder="Eg: 22" name="paid_days" data-json-node="paid_days" data-is-array="false" onfocusout="PayslipGenerator.checkMinAndMax(this)"> <small id="paid_days_err" class="text-danger hide">Enter a valid number of days</small> </div> <div> Loss of Pay Days<span class="float-right pright-medium">:</span> </div> <div> <input type="number" min="0" oninput="validity.valid||(value=0);" max="31" value="0" class="form-control user-input text-left" autofocus="focus" id="lop_days" placeholder="Eg: 0" name="lop_days" data-json-node="lop_days" data-is-array="false" onfocusout="PayslipGenerator.checkMinAndMax(this)"> <small id="lop_days_err" class="text-danger hide">Enter a valid number of days</small> <small id="days_err" class="text-danger hide">(LOP + Paid Days) should be less than or equal to 31 days</small> </div> <div> Pay Date<span class="float-right pright-medium">:</span> </div> <div> <input type="text" date-inline-picker="true" class="form-control user-input text-left date-field" autofocus="focus" id="payment_date" placeholder="Eg: Apr 05 2022" name="payment_date" data-json-node="payment_date" data-is-array="false" onblur="PayslipGenerator.showHideErr('payment_date_year', false);"> <small id="payment_date_err" class="text-danger hide">Enter the Payment Date</small> <small id="payment_date_year_err" class="text-danger hide">Enter a valid year</small> </div> <span class="customFieldsClone hide customfield" id="customfield." onmouseover="PayslipGenerator.showCloseIconForCustomField(this,true)" onmouseout="PayslipGenerator.showCloseIconForCustomField(this,false)"> <div class="custom-field-name"> <input type="text" class="form-control user-input text-left" id="cf_name." name="cf_name." data-json-node="label" data-is-array="true" data-array-parent="custom_fields" placeholder="Name"> <span class="float-right pright-medium">:</span> </div> <div class="custom-field-value"> <input type="text" class="form-control user-input text-left" id="cf_value." name="cf_value." data-json-node="value" data-is-array="true" data-array-parent="custom_fields" placeholder="Value"> </div> <span class="closeicon hide" id="customFieldCloseIcon." title="Delete Row" onclick="PayslipGenerator.removeLineItem(this, 'customfield', 'employee-details', 0)"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="remove-icon" class="remove-svg"><circle cx="256" cy="256" r="215.374" fill="#fad5df"/><path d="M256 492.373A236.373 236.373 0 0188.859 88.86 236.373 236.373 0 11423.141 423.14 234.824 234.824 0 01256 492.373zm0-430.747C148.822 61.626 61.627 148.822 61.627 256S148.822 450.373 256 450.373 450.374 363.178 450.374 256 363.177 61.626 256 61.626z" fill="#db3736"/><path d="M371.13 276.88H140.712a21 21 0 010-42H371.13a21 21 0 010 42z" fill="#db3736"/></svg></span> </span> </div> <div> <div class="add-custom-fields"> <span id="add_custom_field" onclick="PayslipGenerator.addCustomFieldLineItem()" tabindex="0" onkeypress="PayslipGenerator.addCustomFieldLineItem()"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="add-icon" class="add-svg"><path d="M256.002 35.635c-121.7 0-220.36 98.66-220.36 220.36 0 121.71 98.66 220.37 220.36 220.37s220.36-98.66 220.36-220.37c0-121.7-98.66-220.36-220.36-220.36zm106.21 242.74h-83.79v83.8a22.5 22.5 0 11-45 0v-83.8h-83.8a22.5 22.5 0 010-45h83.8v-83.79a22.5 22.5 0 0145 0v83.79h83.79a22.5 22.5 0 110 45z" fill="#508eff"/></svg>Add another field</span> </div> </div> </div> <div class="t-bold income-details-header">Income Details <span class="mandate">*</span> </div> <div class="income-details"> <table class="salary-components-table"> <tbody> <tr class="salary-rows"> <td width="50%" valign="top" class="t-earning"> <table> <thead> <tr> <th> Earnings </th> <th> Amount </th> <th></th> </tr> </thead> <tbody class="earningsLineItems"> <tr class="trCloneEarnings hide new-earning" id="earnings." onmouseover="PayslipGenerator.showCloseIcon(this,true)" onmouseout="PayslipGenerator.showCloseIcon(this,false)"> <td><input type="text" class="form-control text-left" id="earning_name." name="earning_name." data-json-node="name" data-is-array="true" data-array-parent="earnings" placeholder="Earning Name"></td> <td> <input type="number" class="form-control text-right" id="earning_amount." name="earning_amount." data-json-node="amount" data-is-array="true" data-array-parent="earnings" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateGrossEarnings()"> </td> <td><span class="closeicon hide" id="earningItemClose." title="Delete Row" onclick="PayslipGenerator.removeLineItem(this, 'earnings', 'earningsLineItems', 2)"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="remove-icon" class="remove-svg"><circle cx="256" cy="256" r="215.374" fill="#fad5df"/><path d="M256 492.373A236.373 236.373 0 0188.859 88.86 236.373 236.373 0 11423.141 423.14 234.824 234.824 0 01256 492.373zm0-430.747C148.822 61.626 61.627 148.822 61.627 256S148.822 450.373 256 450.373 450.374 363.178 450.374 256 363.177 61.626 256 61.626z" fill="#db3736"/><path d="M371.13 276.88H140.712a21 21 0 010-42H371.13a21 21 0 010 42z" fill="#db3736"/></svg></span></td> </tr> <tr id="earnings.1"> <td> <input type="text" class="form-control text-right" id="earning_name.1" value="Basic" name="earning_name.1" data-json-node="name" data-is-array="true" data-array-parent="earnings" tabindex="-1" readonly> </td> <td> <input type="number" class="form-control text-right" id="earning_amount.1" name="earning_amount.1" data-json-node="amount" data-is-array="true" data-array-parent="earnings" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateGrossEarnings()"> </td> <td></td> </tr> <tr id="earnings.2"> <td> <input type="text" class="form-control text-right" id="earning_name.2" value="House Rent Allowance" name="earning_name.2" data-json-node="name" data-is-array="true" data-array-parent="earnings" tabindex="-1" readonly> </td> <td> <input type="number" class="form-control text-right" id="earning_amount.2" name="earning_amount.2" data-json-node="amount" data-is-array="true" data-array-parent="earnings" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateGrossEarnings()"> </td> <td></td> </tr> </tbody> <tbody> <tr><td class="add-earnings" colspan="2"><span id="add_earnings" onclick="PayslipGenerator.addEarningsLineItem()" tabindex="0" onkeypress="PayslipGenerator.addEarningsLineItem()"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="add-icon" class="add-svg"><path d="M256.002 35.635c-121.7 0-220.36 98.66-220.36 220.36 0 121.71 98.66 220.37 220.36 220.37s220.36-98.66 220.36-220.37c0-121.7-98.66-220.36-220.36-220.36zm106.21 242.74h-83.79v83.8a22.5 22.5 0 11-45 0v-83.8h-83.8a22.5 22.5 0 010-45h83.8v-83.79a22.5 22.5 0 0145 0v83.79h83.79a22.5 22.5 0 110 45z" fill="#508eff"/></svg>Add Earnings</span></td></tr> </tbody> <tfoot> <tr> <td> Gross Earnings </td> <td class="text-right"> Rs. <span id="gross_earning_mob" name="gross_earning" data-json-node="gross_earning">0</span> </td> <td></td> </tr> </tfoot> </table> </td> <td width="50%" valign="top" class="t-deduction"> <table> <thead> <tr> <th> Deductions </th> <th> Amount </th> <th></th> </tr> </thead> <tbody class="deductionsLineItems"> <tr class="trCloneDeductions hide new-earning" id="deductions." onmouseover="PayslipGenerator.showCloseIcon(this,true)" onmouseout="PayslipGenerator.showCloseIcon(this,false)"> <td> <input type="text" class="form-control earning text-left" id="deduction_name." name="deduction_name." data-json-node="name" data-is-array="true" data-array-parent="deductions" placeholder="Deduction Name"> </td> <td> <input type="number" class="form-control text-right" id="deduction_amount." name="deduction_amount." data-json-node="amount" data-is-array="true" data-array-parent="deductions" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateTotalDeductions()"> </td> <td><span class="closeicon hide" id="deductionItemClose." title="Delete Row" onclick="PayslipGenerator.removeLineItem(this, 'deductions', 'deductionsLineItems', 2)"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="remove-icon" class="remove-svg"><circle cx="256" cy="256" r="215.374" fill="#fad5df"/><path d="M256 492.373A236.373 236.373 0 0188.859 88.86 236.373 236.373 0 11423.141 423.14 234.824 234.824 0 01256 492.373zm0-430.747C148.822 61.626 61.627 148.822 61.627 256S148.822 450.373 256 450.373 450.374 363.178 450.374 256 363.177 61.626 256 61.626z" fill="#db3736"/><path d="M371.13 276.88H140.712a21 21 0 010-42H371.13a21 21 0 010 42z" fill="#db3736"/></svg></span></td> </tr> <tr id="deductions.1"> <td> <input type="text" class="form-control text-right" id="deduction_name.1" name="deduction_name.1" value="Income Tax" data-json-node="name" data-is-array="true" data-array-parent="deductions" tabindex="-1" readonly> </td> <td> <input type="number" class="form-control text-right" id="deduction_amount.1" name="deduction_amount.1" data-json-node="amount" data-is-array="true" data-array-parent="deductions" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateTotalDeductions()"> </td> <td></td> </tr> <tr id="deductions.2"> <td> <input type="text" class="form-control text-right" id="deduction_name.2" name="deduction_name.2" value="Provident Fund" data-json-node="name" data-is-array="true" data-array-parent="deductions" tabindex="-1" readonly> </td> <td> <input type="number" class="form-control text-right" id="deduction_amount.2" name="deduction_amount.2" data-json-node="amount" data-is-array="true" data-array-parent="deductions" value="0" min="0" oninput="validity.valid||(value=999999999);" max="1000000000" onblur="PayslipGenerator.calculateTotalDeductions()"> </td> <td></td> </tr> </tbody> <tbody> <tr><td class="add-deductions" colspan="2"><span id="add_deductions" onclick="PayslipGenerator.addDeductionsLineItem()" tabindex="0" onkeypress="PayslipGenerator.addDeductionsLineItem()"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="add-icon" class="add-svg"><path d="M256.002 35.635c-121.7 0-220.36 98.66-220.36 220.36 0 121.71 98.66 220.37 220.36 220.37s220.36-98.66 220.36-220.37c0-121.7-98.66-220.36-220.36-220.36zm106.21 242.74h-83.79v83.8a22.5 22.5 0 11-45 0v-83.8h-83.8a22.5 22.5 0 010-45h83.8v-83.79a22.5 22.5 0 0145 0v83.79h83.79a22.5 22.5 0 110 45z" fill="#508eff"/></svg>Add Deductions</span></td></tr> </tbody> <tfoot> <tr> <td> Total Deductions </td> <td class="text-right"> Rs. <span id="total_deduction_mob" name="total_deduction" data-json-node="total_deduction">0</span> </td> <td></td> </tr> </tfoot> </table> </td> </tr> </tbody> </table> <table class="footer-table"> <tr> <td width="50%"> <table> <tr> <td> Gross Earnings </td> <td class="text-right"> Rs. <span id="gross_earning" name="gross_earning" data-json-node="gross_earning">0</span> </td> <td></td> </tr> </table> </td> <td width="50%"> <table> <tr> <td> Total Deductions </td> <td class="text-right"> Rs. <span id="total_deduction" name="total_deduction" data-json-node="total_deduction">0</span> </td> <td></td> </tr> </table> </td> </tr> </table> </div> <div class="net-pay"> <table> <tbody> <td class="text-left"> <div>Total Net Payable</div> <div class="help-text">Gross Earnings - Total Deductions</div> </td> <td class="text-right"> <b>Rs. <span class="hide" id="net_pay" name="net_pay" data-json-node="net_pay">0</span><span id="net_pay_formatted">0</span></b> </td> </tbody> </table> <div class="text-right amount-in-words"> Amount in words : <span id="amount-in-words" class="text-semibold"></span> <span id="net_pay_err" class="hide text-danger"> Amount is less than or equal to zero.</span> </div> </div> </form> <div class="generate-payslip"> <button id="generate-payslip" onclick="PayslipGenerator.generatePayslip(document.PayslipGeneration, this);">Generate Payslip</button> <button onclick="PayslipGenerator.resetPayslip();"><svg data-name="Layer 1" viewBox="0 0 512 512" alt="reset" class="reset-svg"><path d="M57.636 361.034a21.003 21.003 0 01-19.333-12.8A236.462 236.462 0 01365.857 46.656a21 21 0 11-19.545 37.176A194.774 194.774 0 00256 61.626C148.821 61.626 61.626 148.822 61.626 256a194.709 194.709 0 005.242 45.102l20.949-20.949a21 21 0 0129.699 29.698l-45.03 45.032a21 21 0 01-14.85 6.15zM256 492.374a236.725 236.725 0 01-112.685-28.541 21 21 0 1120.05-36.907A194.593 194.593 0 00256 450.374c107.178 0 194.374-87.196 194.374-194.374a194.685 194.685 0 00-5.2-44.922l-19.865 19.866a21 21 0 01-29.699-29.7l43.972-43.97a21 21 0 0134.188 6.664A236.43 236.43 0 01256 492.374z" fill="#010101"/></svg>Reset</button> </div> </div> <div class="payslip-content d-flex"> <div class="payslip-content-image"> <img data-src="/payroll/svgs/payslip-generator/payslip.svg" alt="payslip" class="payslip-svg lozad" inline> </div> <div class="payslip-description"> <div class="payslip-description-header title-bolder"> What is a payslip and who receives it ? </div> <div class="payslip-description-content"> A salary slip or payslip is a document containing a detailed list of the various components of your salary along with the specific details of employment. It is issued every month by an employer either in the form of a printed hard copy or an electronic copy. <div>A salary slip is only available to salaried employees and your employer is responsible for providing you a copy of your payslip every month.</div> </div> </div> </div> <div class="payslip-step-container d-flex"> <div class="payslip-step"> <div class="payslip-step-header title-bolder"> How can you generate payslips with this tool ? </div> <div class="payslip-step-content"> As the name suggests, using the free payslip generator, you will be able to create and disburse payslips to all your employees. The process of generating a payslip is simplified here by following these four steps. </div> <div class="payslip-steps-container d-flex"> <div class="payslip-steps-section"> <div class="t-bold">Step 1</div> <div class="payslip-steps-detail">Fill in the basic details about your company i.e. the name, logo, address, etc.,</div> </div> <div class="payslip-steps-section"> <div class="t-bold">Step 2</div> <div class="payslip-steps-detail">Enter your employee's details i.e. the name, ID number, designation, PAN, bank account number, etc.,</div> </div> <div class="payslip-steps-section"> <div class="t-bold">Step 3</div> <div class="payslip-steps-detail">Add the income details i.e. Employee's UAN, pay period, earnings, deductions, etc.,</div> </div> <div class="payslip-steps-section"> <div class="t-bold">Step 4</div> <div class="payslip-steps-detail">Select Generate Payslip to download and preview it.</div> </div> </div> <div class="payslip-step-content"> You have now successfully generated a payslip for your employee. </div> </div> <div class="payslip-steps-image"> <img data-src="/payroll/svgs/payslip-generator/payslip-generator-steps.svg" alt="payslip-generator-steps" class="payslip-generator-steps-svg lozad" inline> </div> </div> </div> <div class="payslip-format"> <div class="payslip-format-container"> <div class="payslip-format-section"> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="payslip-format" class="payslip-format-svg"><path d="M232.438 360.481l-.89.52a76.91 76.91 0 016.17 4.14c12.25 9.08 16.89 21.13 16.24 32.77-.02.28-.03.55-.06.82-.02.33-.05.66-.09.98-.03.3-.06.6-.1.9a.407.407 0 00-.01.11c-.04.3-.09.61-.13.91a41.327 41.327 0 01-.9 4.26c-.05.2-.1.4-.16.6a45.038 45.038 0 01-1.71 4.9q-.254.615-.54 1.23c-.17.39-.36.77-.54 1.15-.17.33-.33.66-.5.98-.14.29-.3.57-.45.85-.17.3-.33.59-.5.89-.17.29-.35.58-.53.88-.24.4-.5.8-.75 1.19-.24.36-.47.71-.72 1.06-.54.77-1.1 1.53-1.69 2.27-.21.26-.42.52-.64.78-.32.39-.66.78-1 1.16-.3.34-.6.67-.91.99s-.62.64-.94.96l-.1.1c-.28.28-.57.56-.87.83-.28.26-.56.52-.85.77-.15.14-.31.27-.47.41-.5.43-1.01.84-1.53 1.25l-.24.18q-.524.405-1.05.78c-.71.51-1.44 1-2.18 1.47l-.04.02c-11.31 7.06-26.09 8.48-40.88-.76-59.58-37.23-111.9-183.54-128.21-233.04a20.535 20.535 0 019.82-24.54l162.87-87.28a15.474 15.474 0 0122.03 8.75c13.53 40.91 50.15 143.28 94.97 200.43z" fill="#e1e6f3"/><path d="M448.369 291.591c0 .47-.01.94-.03 1.4-.01.46-.04.91-.08 1.36-.04.56-.09 1.12-.16 1.69-.03.32-.07.64-.12.97a40.578 40.578 0 01-1.13 5.32c-.07.25-.14.5-.22.75a42.68 42.68 0 01-2.73 6.83c-.23.48-.48.95-.74 1.42-.23.43-.48.86-.73 1.28-.1.18-.21.36-.32.54-.4.65-.81 1.29-1.24 1.92-.13.19-.26.38-.4.57-.49.7-1.01 1.39-1.54 2.06a10.275 10.275 0 01-.67.81q-.42.51-.87 1.02c-.22.25-.44.5-.67.74q-.84.915-1.74 1.77c-.29.28-.59.56-.89.83-.25.23-.5.46-.76.68-.17.14-.34.29-.51.43-.28.24-.58.48-.87.71-.76.61-1.54 1.18-2.33 1.72-.28.2-.57.39-.86.58-.15.1-.3.19-.45.29-.34.21-.68.42-1.02.62-.36.21-.72.42-1.08.62-.05.03-.1.05-.15.08l-.15.07-.97.52-191.14 102.38c.74-.46 1.47-.95 2.18-1.47q.54-.375 1.05-.78l.24-.18c.52-.4 1.03-.82 1.53-1.25.16-.14.32-.27.47-.41.29-.25.57-.5.85-.77.29-.27.59-.55.87-.83l.1-.1c.32-.31.64-.63.94-.96.31-.32.62-.65.91-.99.34-.38.68-.77 1-1.16.22-.25.43-.51.64-.78.59-.74 1.15-1.5 1.69-2.27.25-.35.49-.7.72-1.06.25-.39.51-.79.75-1.19.18-.29.36-.58.53-.88s.33-.59.5-.89c.15-.28.3-.56.45-.85.17-.32.33-.65.5-.98.19-.38.37-.76.54-1.15q.284-.615.54-1.23c.12-.28.23-.56.34-.84.52-1.33.98-2.69 1.37-4.06.06-.2.11-.4.16-.6a41.327 41.327 0 00.9-4.26c.04-.3.09-.6.13-.91a.407.407 0 01.01-.11c.04-.3.07-.6.1-.9.04-.32.07-.65.09-.98.03-.27.04-.54.06-.82.65-11.64-3.99-23.69-16.24-32.77a76.91 76.91 0 00-6.17-4.14l.89-.52 121.92-65.33 71.54-38.34q3.33 2.025 6.17 4.13c11.5 8.54 16.3 19.68 16.3 30.65z" fill="#a4b1d6"/><path d="M170.3 294.154c8.33 3.364 21.355 8.921 29.722 12.517a8.645 8.645 0 0011.397-4.632l39.216-94.465a8.648 8.648 0 00-4.524-11.24l-1.77-.773a8.648 8.648 0 00-11.483 4.692l-31.407 77.936a8.648 8.648 0 01-11.27 4.782l-13.211-5.358a8.648 8.648 0 00-11.37 5.04l-.186.507a8.647 8.647 0 004.886 10.994z" fill="#fff"/><ellipse cx="270.612" cy="482.623" rx="134.211" ry="8.695" fill="#e1e6f3"/><path fill="none" d="M264.347 68.885l39.01-40.387"/><path d="M309.459 32.751a8.288 8.288 0 01-.82.85l-42.25 37.25a2.848 2.848 0 01-4.08-3.94l35.77-43.51c6.46-7.3 17.3 1.57 11.38 9.35zM249.809 39.511l-2.2 23.28a3.017 3.017 0 01-6 0l-2.19-23.28c-.34-7.55 10.72-7.56 10.39 0z" fill="#a4b1d6"/></svg> <div class="title-bolder"> Payslip Format </div> <div class="payslip-format-content"> A valid payslip usually has the following information: </div> <table class="payslip-format-table"> <tbody> <tr id="address-info" onmouseover="PayslipGenerator.showPayslipFormatImage(this)" tabindex="0" onkeypress="PayslipGenerator.showPayslipFormatImage(this)" class="pformat-1 active"> <td width="10%" valign="top"><span class="label-1">1</span></td> <td width="75%" valign="top">Company Name, Logo , Address, Payslip Month, and Year</td> <td width="15%" valign="top"><svg data-name="Layer 1" viewBox="0 0 512 512" class="arrow" alt="arrow"><path d="M447.577 256q0 .54-.03 1.08c-.01.31-.04.62-.07.93-.03.34-.07.67-.12 1-.03.21-.06.42-.1.62-.03.2-.07.4-.11.6-.12.62-.28 1.24-.46 1.84-.09.29-.19.58-.29.88-.1.29-.21.57-.32.86l-.06.15c-.12.3-.25.59-.39.88-.1.22-.2.44-.32.66a15.462 15.462 0 01-.9 1.59c-.13.22-.27.44-.42.65a20.645 20.645 0 01-2.56 3.11l-107.66 107.67a21.001 21.001 0 11-29.7-29.7l71.82-71.82H85.418a21 21 0 110-42h290.47l-71.82-71.82a21.001 21.001 0 1129.7-29.7l107.66 107.67a20.631 20.631 0 012.56 3.11c.15.21.29.43.42.65a15.456 15.456 0 01.9 1.59c.12.22.22.44.32.66.14.29.27.58.39.88.02.05.04.11.06.16.12.28.22.57.32.85.1.3.2.59.29.88.04.13.08.26.11.39.06.2.11.39.16.59a21.69 21.69 0 01.3 1.46c.04.2.07.41.1.62.05.33.09.66.12 1 .03.31.06.62.07.93q.03.54.03 1.08z" fill="#508eff"/></svg></td> </tr> <tr id="employee-info" onmouseover="PayslipGenerator.showPayslipFormatImage(this)" tabindex="0" onkeypress="PayslipGenerator.showPayslipFormatImage(this)" class="pformat-2"> <td width="10%" valign="top"><span class="label-2">2</span></td> <td width="75%" valign="top">Employee Name, Employee ID, Pay Period</td> <td width="15%" valign="top"><svg data-name="Layer 1" viewBox="0 0 512 512" class="arrow" alt="arrow"><path d="M447.577 256q0 .54-.03 1.08c-.01.31-.04.62-.07.93-.03.34-.07.67-.12 1-.03.21-.06.42-.1.62-.03.2-.07.4-.11.6-.12.62-.28 1.24-.46 1.84-.09.29-.19.58-.29.88-.1.29-.21.57-.32.86l-.06.15c-.12.3-.25.59-.39.88-.1.22-.2.44-.32.66a15.462 15.462 0 01-.9 1.59c-.13.22-.27.44-.42.65a20.645 20.645 0 01-2.56 3.11l-107.66 107.67a21.001 21.001 0 11-29.7-29.7l71.82-71.82H85.418a21 21 0 110-42h290.47l-71.82-71.82a21.001 21.001 0 1129.7-29.7l107.66 107.67a20.631 20.631 0 012.56 3.11c.15.21.29.43.42.65a15.456 15.456 0 01.9 1.59c.12.22.22.44.32.66.14.29.27.58.39.88.02.05.04.11.06.16.12.28.22.57.32.85.1.3.2.59.29.88.04.13.08.26.11.39.06.2.11.39.16.59a21.69 21.69 0 01.3 1.46c.04.2.07.41.1.62.05.33.09.66.12 1 .03.31.06.62.07.93q.03.54.03 1.08z" fill="#508eff"/></svg></td> </tr> <tr id="pay-info" onmouseover="PayslipGenerator.showPayslipFormatImage(this)" tabindex="0" onkeypress="PayslipGenerator.showPayslipFormatImage(this)" class="pformat-3"> <td width="10%" valign="top"><span class="label-3">3</span></td> <td width="75%" valign="top">Total Paid Days, Loss of Pay (LOP) Days, Payment Date</td> <td width="15%" valign="top"><svg data-name="Layer 1" viewBox="0 0 512 512" class="arrow" alt="arrow"><path d="M447.577 256q0 .54-.03 1.08c-.01.31-.04.62-.07.93-.03.34-.07.67-.12 1-.03.21-.06.42-.1.62-.03.2-.07.4-.11.6-.12.62-.28 1.24-.46 1.84-.09.29-.19.58-.29.88-.1.29-.21.57-.32.86l-.06.15c-.12.3-.25.59-.39.88-.1.22-.2.44-.32.66a15.462 15.462 0 01-.9 1.59c-.13.22-.27.44-.42.65a20.645 20.645 0 01-2.56 3.11l-107.66 107.67a21.001 21.001 0 11-29.7-29.7l71.82-71.82H85.418a21 21 0 110-42h290.47l-71.82-71.82a21.001 21.001 0 1129.7-29.7l107.66 107.67a20.631 20.631 0 012.56 3.11c.15.21.29.43.42.65a15.456 15.456 0 01.9 1.59c.12.22.22.44.32.66.14.29.27.58.39.88.02.05.04.11.06.16.12.28.22.57.32.85.1.3.2.59.29.88.04.13.08.26.11.39.06.2.11.39.16.59a21.69 21.69 0 01.3 1.46c.04.2.07.41.1.62.05.33.09.66.12 1 .03.31.06.62.07.93q.03.54.03 1.08z" fill="#508eff"/></svg></td> </tr> <tr id="salary-info" onmouseover="PayslipGenerator.showPayslipFormatImage(this)" tabindex="0" onkeypress="PayslipGenerator.showPayslipFormatImage(this)" class="pformat-4"> <td width="10%" valign="top"><span class="label-4">4</span></td> <td width="75%" valign="top">List of Earnings and Deductions</td> <td width="15%" valign="top"><svg data-name="Layer 1" viewBox="0 0 512 512" class="arrow" alt="arrow"><path d="M447.577 256q0 .54-.03 1.08c-.01.31-.04.62-.07.93-.03.34-.07.67-.12 1-.03.21-.06.42-.1.62-.03.2-.07.4-.11.6-.12.62-.28 1.24-.46 1.84-.09.29-.19.58-.29.88-.1.29-.21.57-.32.86l-.06.15c-.12.3-.25.59-.39.88-.1.22-.2.44-.32.66a15.462 15.462 0 01-.9 1.59c-.13.22-.27.44-.42.65a20.645 20.645 0 01-2.56 3.11l-107.66 107.67a21.001 21.001 0 11-29.7-29.7l71.82-71.82H85.418a21 21 0 110-42h290.47l-71.82-71.82a21.001 21.001 0 1129.7-29.7l107.66 107.67a20.631 20.631 0 012.56 3.11c.15.21.29.43.42.65a15.456 15.456 0 01.9 1.59c.12.22.22.44.32.66.14.29.27.58.39.88.02.05.04.11.06.16.12.28.22.57.32.85.1.3.2.59.29.88.04.13.08.26.11.39.06.2.11.39.16.59a21.69 21.69 0 01.3 1.46c.04.2.07.41.1.62.05.33.09.66.12 1 .03.31.06.62.07.93q.03.54.03 1.08z" fill="#508eff"/></svg></td> </tr> <tr id="net-pay-info" onmouseover="PayslipGenerator.showPayslipFormatImage(this)" tabindex="0" onkeypress="PayslipGenerator.showPayslipFormatImage(this)" class="pformat-5"> <td width="10%" valign="top"><span class="label-5">5</span></td> <td width="75%" valign="top">Employee's Gross and Net Income</td> <td width="15%" valign="top"><svg data-name="Layer 1" viewBox="0 0 512 512" class="arrow" alt="arrow"><path d="M447.577 256q0 .54-.03 1.08c-.01.31-.04.62-.07.93-.03.34-.07.67-.12 1-.03.21-.06.42-.1.62-.03.2-.07.4-.11.6-.12.62-.28 1.24-.46 1.84-.09.29-.19.58-.29.88-.1.29-.21.57-.32.86l-.06.15c-.12.3-.25.59-.39.88-.1.22-.2.44-.32.66a15.462 15.462 0 01-.9 1.59c-.13.22-.27.44-.42.65a20.645 20.645 0 01-2.56 3.11l-107.66 107.67a21.001 21.001 0 11-29.7-29.7l71.82-71.82H85.418a21 21 0 110-42h290.47l-71.82-71.82a21.001 21.001 0 1129.7-29.7l107.66 107.67a20.631 20.631 0 012.56 3.11c.15.21.29.43.42.65a15.456 15.456 0 01.9 1.59c.12.22.22.44.32.66.14.29.27.58.39.88.02.05.04.11.06.16.12.28.22.57.32.85.1.3.2.59.29.88.04.13.08.26.11.39.06.2.11.39.16.59a21.69 21.69 0 01.3 1.46c.04.2.07.41.1.62.05.33.09.66.12 1 .03.31.06.62.07.93q.03.54.03 1.08z" fill="#508eff"/></svg></td> </tr> </tbody> </table> </div> <div class="payslip-generator-image-div"> <img src="/payroll/images/payslip-generator/address-info.png" srcset="/payroll/images/payslip-generator/address-info.png 1x" alt="payslip-generator-image" id="payslip-generator-image"> </div> </div> </div> <div class="calculator-container"> <div class="components-payslip"> <div class="title-bolder"> What are the components of a Payslip? </div> <div class="t-description"> The two major components of a Payslip are: </div> </div> </div> <div class="table-earnings-and-deductions"> <div class="table-header"> <div class="title"> <div class="earnings-table active" onclick="PayslipGenerator.showEarningsTable()" id="earnings-table" onfocus="PayslipGenerator.showEarningsTable()" tabindex="0" onkeypress="PayslipGenerator.showEarningsTable()"> <div> </div> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="earning-format" class="earning-svg"><path d="M484.309 338.614a52.447 52.447 0 00-77.83-39.65c-14.75 8.28-35.55 18.09-54.1 26.33a52.652 52.652 0 00-31.97-49.75l-28.6-12.36a144.16 144.16 0 00-128.34 6.95l-13.82 7.84a46.092 46.092 0 00-45.75-40.93h-30.53a46.075 46.075 0 00-46.03 46.02v156.25a46.084 46.084 0 0046.03 46.03h30.53a46.094 46.094 0 0043.1-29.89l63.61 16.67a220.927 220.927 0 00126.7-4.3 315.444 315.444 0 00133.94-88.12 52.442 52.442 0 0013.06-41.09zm-366.38 100.7a14.048 14.048 0 01-14.03 14.03h-30.53a14.054 14.054 0 01-14.03-14.03v-156.25a14.045 14.045 0 0114.03-14.02h30.53a14.039 14.039 0 0114.03 14.02zm329.51-80.98a283.213 283.213 0 01-120.33 79.15 188.897 188.897 0 01-108.39 3.69l-68.79-18.04v-108.53l29.33-16.64a112.155 112.155 0 0199.86-5.4l28.6 12.35a21 21 0 01-8.33 40.28h-38.3a16 16 0 000 32h38.3a52.937 52.937 0 0019.45-3.68c5.16-1.46 15.72-5.45 40.52-16.33 14.99-6.57 43.08-19.25 62.78-30.31a20.634 20.634 0 0121.75 1.01 20.453 20.453 0 013.55 30.45zM343.375 219.376a96.36 96.36 0 1196.36-96.36 96.47 96.47 0 01-96.36 96.36zm0-160.72a64.36 64.36 0 1064.36 64.36 64.433 64.433 0 00-64.36-64.36z"/></svg> <span class="t-medium">Earnings</span> </div> <div class="deduction-table" onclick="PayslipGenerator.showDeductionsTable()" id="deduction-table" onfocus="PayslipGenerator.showDeductionsTable()" tabindex="0" onkeypress="PayslipGenerator.showDeductionsTable()"> <div> </div> <svg data-name="Layer 1" viewBox="0 0 512 512" alt="deduction" class="deduction-svg"><path d="M405 138.965h-43.48v-11.62a76.402 76.402 0 00-76.32-76.31H90.96a60.024 60.024 0 00-59.88 57c0 .05-.01.1-.01.14-.05.93-.07 1.87-.07 2.82v273.97a76.088 76.088 0 0076 76h164.27a16 16 0 000-32H107a44.052 44.052 0 01-44-44v-220.93a59.494 59.494 0 0027.96 6.93H405a44.046 44.046 0 0144 44v49.74a16 16 0 0032 0v-49.74a76.088 76.088 0 00-76-76zm-314.04 0a27.965 27.965 0 010-55.93H285.2a44.365 44.365 0 0144.32 44.31v11.62z"/><path d="M481 359.745v85.22c0 .27-.01.55-.02.82q-.045.75-.15 1.5c-.04.26-.08.51-.13.77s-.11.51-.17.77l-.21.76c-.08.25-.16.5-.25.75s-.19.5-.29.75c-.15.36-.31.71-.48 1.06a.203.203 0 00-.04.08c-.18.34-.37.68-.56 1-.01.02-.02.03-.02.04-.2.33-.41.64-.63.95-.23.32-.46.63-.71.93l-.01.01a9.558 9.558 0 01-.67.75 11.788 11.788 0 01-.94.93 10.309 10.309 0 01-.81.68.814.814 0 01-.15.12q-.42.33-.87.63c-.16.11-.32.21-.49.31-.16.11-.33.2-.5.3s-.34.19-.51.28a16.26 16.26 0 01-1.59.72c-.18.07-.37.14-.55.2-.37.13-.75.25-1.12.35-.19.05-.38.1-.57.14-.2.04-.39.08-.58.12-.39.07-.78.13-1.18.18-.2.02-.39.04-.59.05-.4.03-.81.05-1.21.05h-85.22a16 16 0 010-32h46.59l-67.25-67.25a16.002 16.002 0 0122.63-22.63l67.25 67.25v-46.59a16 16 0 0132 0z"/></svg> <span class="t-medium">Deductions</span> </div> </div> </div> <table id="table-earning"> <tbody> <tr> <td width="28%" class="t-medium" valign="top">Basic salary</td> <td> This is the primary component of your employee's salary and also acts as the foundation upon which other components are calculated. For eg: 12% of the basic pay is usually the PF.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">Dearness Allowance (DA)</td> <td>Calculated as a percentage of your basic pay, DA is given to offset the impact of inflation. It is completely taxable and need to be declared while ITR filing. This payslip component is typically only for government employees.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">House Rent Allowance (HRA)</td> <td>It is an allowance to help people pay their house rent. The amount of HRA depends on the location and ranges between 40%-50% of basic pay. You can claim a part of the HRA as a tax deduction, and need to be declared while ITR filing.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">Performance and Special Allowance</td> <td>This is given to encourage employees for a better performance. This component is completely taxable.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">Other Allowance</td> <td>This comprises the various additional allowances paid by an employer for any reason. An employer may categorize such allowances under a specific head or group them as 'Other Allowances'</td> </tr> </tbody> </table> <table class="hide" id="table-deduction"> <tbody> <tr> <td width="28%" class="t-medium" valign="top">Employee Provident Fund (EPF)</td> <td>This comprises a compulsory deduction in your salary slip. This component of your salary slip is at least 12% of your basic salary and diverted to an EPF account and is exempt from tax.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">Professional Tax</td> <td>This payslip component is levied on all individuals, including the salaried, professionals and traders who have an income. It is levied in some states only and calculated on the basis of an individual's tax slab.</td> </tr> <tr> <td width="28%" class="t-medium" valign="top">Tax Deductible at Source(TDS)</td> <td>It refers to the amount of tax deducted by your employer on behalf of Income Tax department. You can reduce TDS by investing in tax-saving schemes and submitting the appropriate documents to your employer.</td> </tr> </tbody> </table> <div class="significance-of-payslip"> <div class="title-bolder"> What is the significance of a Payslip? </div> <div class="significances"> <div class="significances-container d-flex"> <div class="significance-contents"> <div class="significance-title-svg income-tax"><img data-src="/payroll/svgs/payslip-generator/income-tax.svg" alt="Income Tax Planning" class="significance-images income-tax lozad"></div> <div class="significance-header t-medium">Income Tax Planning</div> <div class="significance-detail">A salary typically comprises of various components such as Basic, HRA etc which might have different tax treatments. Knowing the value of separate components can form the basis for maximizing your income tax savings for the applicable financial year.</div> </div> <div class="significance-contents"> <div class="significance-title-svg "><img data-src="/payroll/svgs/payslip-generator/proof-of-employment.svg" alt="Proof of employment" class="significance-images lozad"></div> <div class="significance-header t-medium">Proof of employment</div> <div class="significance-detail">This document serves as a legal proof of employment. While applying for visa or to executive programs at various universities, you may have to submit copies of your payslip, as a proof of your last drawn salary and designation.</div> </div> <div class="significance-contents"> <div class="significance-title-svg "><img data-src="/payroll/svgs/payslip-generator/to-avail-loan.svg" alt="To avail loans/ credit card" class="significance-images lozad"></div> <div class="significance-header t-medium">To avail loans/ credit card</div> <div class="significance-detail">Your payslip contains details of your monthly income which is a key factor that determines your ability to meet your debt obligations. Thus, your salary slip is important while applying for credit card, loan, mortgage and other borrowings.</div> </div> <div class="significance-contents"> <div class="significance-title-svg "><img data-src="/payroll/svgs/payslip-generator/seeking-employment.svg" alt="For seeking further employment" class="significance-images lozad"></div> <div class="significance-header t-medium">For seeking further employment</div> <div class="significance-detail">Knowledge about the various components of your salary slip can help you assess other job offers. Moreover, it forms the basis of salary negotiations when applying for a new job.</div> </div> </div> </div> </div> </div> <div class="calculator-container"> <div class="faq-section"> <div class="faq-header text-center"> Frequently Asked Questions </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> What is the Payslip Generator tool? </div> <div class="answer"> The Payslip Generator is a free tool developed by Zoho to help organisations create and share payslips with their employees. Employers can simply add the relevant components of an employee's salary to an existing template and create a payslip. </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> Are the payslips generated using Payslip Generator statutory-compliant? </div> <div class="answer"> Yes. According to the statutory compliance terms in India, a payslip must contain: <ul class="listtype" style="margin-top: 3px;"> <li>Organisation's information</li> <li>Employee's basic information</li> <li>Pay Period</li> <li>Gross pay</li> <li>Salary components</li> <li>Deductions</li> <li>Net Pay</li> <li>Payment Date</li> </ul> </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> Do I need to install any software to generate the payslips? </div> <div class="answer"> No, you need not install any software to generate a payslip. This is a completely free, cloud-based tool to create and share payslips with your employees. </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> Is it possible to hide certain components in the payslip? </div> <div class="answer"> No, there is no option to hide a salary component in the payslip. However, you can choose the specific components you want to add to the payslip or delete the components that you want to hide before you generate the payslip. </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> Can I generate payslips for multiple pay periods at a time with the same components? </div> <div class="answer"> No, you cannot generate payslips for multiple pay periods. You need to add the components individually for each pay period and downloads payslips separately. </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> How do I get help to use the Payslip Generator tool? </div> <div class="answer"> If you need any assistance in using the payslip generator tool, drop us an email at support@zohopayroll.com. We will reach out to you and help you with your queries. </div> </div> </div> <hr> <div class="faq" onclick="toggleFaq(this)" onkeypress="toggleFaq(this)"> <div class="icon"> <span class="plus-icon">+</span> <span class="minus-icon hide">-</span> </div> <div class="faq-content"> <div class="question" tabindex="0"> Are the data entered in Payslip Generator secure? </div> <div class="answer"> Yes, your data will be secure as Zoho follows a <a href="https://www.zoho.com/privacy/no-adjunct-surveillance.html" target="_blank" rel="noopener noreferrer">No-Adjunct Surveillance policy</a>. The data you enter will not be stored anywhere and will not be shared with any third parties. </div> </div> </div> <hr> </div> </div> <div class="explore-payroll-section text-center"> <img src="/payroll/images/icon-payroll.svg?v=1" width="180px"> <div class="t-bold header-text">Meet more of your payroll needs end-to-end with Zoho Payroll.</div> <div> <a type="button" class="button button-primary" href="/in/payroll">EXPLORE ZOHO PAYROLL</a> </div> <div class="hidemobile"> <img data-src="/payroll/images/app-screen-1x.png?v=3" data-srcset="/payroll/images/app-screen-1x.png?v=2 1x, /payroll/images/app-screen-2x.png?v=2 2x" alt="Zoho Payroll Application Screen" width="80%" style="margin-top: 15px; margin-bottom: -8px;" class="lozad"/> </div> </div> <script type="text/javascript">"use strict";var newTaxSlabRates={previous:{"0-2.5 L":"0%","2.5-5 L":"5%","5-7.5 L":"10%","7.5-10 L":"15%","10-12.5 L":"20%","12.5-15 L":"25%","Above 15 L":"30%"},current:{"0-3 L":"0%","3-6 L":"5%","6-9 L":"10%","9-12 L":"15%","12-15 L":"20%","Above 15 L":"30%"}};function toggleOtherIncomeSection(){document.getElementsByClassName("other-earnings-table")[0].classList.add("show"),document.getElementsByClassName("add-income-details-toggle")[0].classList.add("hide")}function backToEdit(){is_result_page=!1,document.querySelector("#input-section").classList.remove("hide"),document.querySelector("#results-section").classList.add("hide"),$("html, body").animate({scrollTop:30},400)}function resetPage(){window.location.href=window.location.href}function toggleFY(e){var t=document.querySelector(".previous-fy"),o=document.querySelector(".current-fy");"previous"===e?(t.classList.add("active"),o.classList.remove("active"),fiscal_year="previous"):"current"===e&&(o.classList.add("active"),t.classList.remove("active"),fiscal_year="current"),is_result_page&&onSubmit(),setFAQ()}function setFAQ(){var e=document.getElementById("new-tax-slabs"),t=document.getElementById("new-tax-slab-free"),o=document.getElementById("new-tax-slab-faq");e.innerHTML="";var s,a={};for(var n in"previous"===fiscal_year?(a=newTaxSlabRates.previous,o.classList.add("hide"),s="Rs. 5 lakhs"):(a=newTaxSlabRates.current,o.classList.remove("hide"),s="Rs. 7 lakhs"),a){var c=e.insertRow(-1),l=c.insertCell(0),r=c.insertCell(1);l.innerHTML=n,r.innerHTML=a[n]}t.innerHTML=s}function hideResults(){document.querySelector("#input-section").classList.remove("hide"),document.querySelector("#results-section").classList.add("hide")}function validate(e){var t=Number(e.value);(NaN===t||t<=0||t>9999999999)&&(e.value=0)}function toggleNavBar(){var e=document.querySelector("#topband-logo"),t=document.querySelector(".free-tool-navbar");t.classList.contains("open")?(e.style.display="block",t.classList.remove("open")):(e.style.display="none",t.classList.add("open"))}function toggleBreakup(e){var t=document.getElementsByClassName("".concat(e,"-breakup-section"))[0].classList;t.contains("show")?(t.remove("show"),document.getElementById("".concat(e,"-toggle-action")).innerText="Show Breakup"):(t.add("show"),document.getElementById("".concat(e,"-toggle-action")).innerText="Hide Breakup")}function toggleFaq(e){var t=e.getElementsByClassName("answer")[0].classList,o=e.getElementsByClassName("plus-icon")[0].classList,s=e.getElementsByClassName("minus-icon")[0].classList;t.contains("show")?(t.remove("show"),setTimeout(function(){s.add("hide"),o.remove("hide")},250)):(t.add("show"),o.add("hide"),s.remove("hide"))}function toggleBreakUp(e){var t=document.querySelector(".old-tax-popover"),o=document.querySelector(".new-tax-popover");"old-tax"===e?(t.style.display="block",o.style.display="none"):(o.style.display="block",t.style.display="none")}function toggleBreakUpMob(e){var t=document.querySelector(".mobile-view"),o=document.querySelector(".old-tax-mob-popover"),s=document.querySelector(".new-tax-mob-popover");"old-tax"===e?(o.classList.add("d-block"),s.classList.remove("d-block")):(s.classList.add("d-block"),o.classList.remove("d-block")),t.classList.add("open-backdrop")}function closeBreakUp(){document.querySelector(".mobile-view").classList.remove("open-backdrop"),document.querySelector(".old-tax-mob-popover").classList.remove("d-block"),document.querySelector(".new-tax-mob-popover").classList.remove("d-block")}document.addEventListener("click",function(e){var t=document.querySelector(".old-tax-slab"),o=document.querySelector(".new-tax-slab");t.contains(e.target)||(document.querySelector(".old-tax-popover").style.display="none"),o.contains(e.target)||(document.querySelector(".new-tax-popover").style.display="none");var s=document.querySelector(".mobile-view"),a=document.querySelector(".old-tax-mob-slab"),n=document.querySelector(".new-tax-mob-slab");a.contains(e.target)||document.querySelector(".old-tax-mob-popover").classList.remove("d-block"),n.contains(e.target)||document.querySelector(".new-tax-mob-popover").classList.remove("d-block"),a.contains(e.target)||n.contains(e.target)||s.classList.remove("open-backdrop")});</script> <script type="text/javascript">"use strict";var PayslipGenerator=function(){};PayslipGenerator.CUSTOM_FIELDS=0,PayslipGenerator.CUSTOM_FIELDS_TABLE_NO=0,PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS=2,PayslipGenerator.EARNINGS_LINE_ITEMS_TABLE_NO=2,PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS=2,PayslipGenerator.DEDUCTIONS_LINE_ITEMS_TABLE_NO=2,PayslipGenerator.GROSS_EARNINGS=0,PayslipGenerator.TOTAL_DEDUCTIONS=0,PayslipGenerator.NET_PAY=0,PayslipGenerator.TOTAL_DAYS=0,PayslipGenerator.setMonthOfPayslip=function(){var e=document.getElementById("pay_period").value,a=new Date(document.getElementById("payment_date").value);e&&(e="".concat(e.slice(0,-5),", 01 ").concat(e.slice(-4)),((e=new Date(e)).getMonth()>a.getMonth()||e.getFullYear()>a.getFullYear())&&$("#payment_date").datepicker("setDate",e),$("#payment_date").datepicker("setStartDate",e)),document.getElementById("payslip_month").value=document.getElementById("pay_period").value},PayslipGenerator.setPayPeriodMonth=function(){var e=document.getElementById("payslip_month").value;e?(e="".concat(e.slice(0,-5),", 01 ").concat(e.slice(-4)),e=new Date(e),$("#pay_period").datepicker("setDate",e)):document.getElementById("pay_period").value=document.getElementById("payslip_month").value},PayslipGenerator.removeImage=function(){var e=document.querySelector("#display_image"),a=document.querySelector("#payslip_logo"),t=document.querySelector(".add-logo");e.style.backgroundImage="",e.style.display="none",t.classList.remove("uploaded"),t.style.display="block",t.style.border="1px dashed #dbe8fd",t.style.padding="20px 20px 15px",document.querySelector(".upload-section-note").style.display="block",document.querySelector(".add-logo-label").style.display="block",document.querySelector(".payslip-header-container").style.width="50%",setTimeout(function(){a.disabled=!1},500)},PayslipGenerator.editImage=function(){var e=document.querySelector("#payslip_logo");PayslipGenerator.showHideErr("image_upload",!1),PayslipGenerator.showHideErr("image_extension",!1),e.disabled=!1,setTimeout(function(){e.disabled=!0},500)},PayslipGenerator.addLineItem=function(e,a,t,r,n){var o="".concat(e,".").concat(r),i=$(".".concat(a)).clone(),s="".concat(a," hide");i.attr("id",o).removeClass(s),PayslipGenerator.assignIdToChildElements(i,r),i.appendTo(".".concat(t)),document.getElementById("".concat(n,".").concat(r)).focus()},PayslipGenerator.addCustomFieldLineItem=function(){var e=PayslipGenerator.CUSTOM_FIELDS_TABLE_NO+1;PayslipGenerator.CUSTOM_FIELDS+=1,PayslipGenerator.addLineItem("customfield","customFieldsClone","employee-details",e,"cf_name"),PayslipGenerator.CUSTOM_FIELDS_TABLE_NO=e,PayslipGenerator.CUSTOM_FIELDS>=20&&(document.querySelector("#add_custom_field").style.display="none")},PayslipGenerator.addEarningsLineItem=function(){var e=PayslipGenerator.EARNINGS_LINE_ITEMS_TABLE_NO+1;PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS+=1,PayslipGenerator.addLineItem("earnings","trCloneEarnings","earningsLineItems",e,"earning_name"),PayslipGenerator.EARNINGS_LINE_ITEMS_TABLE_NO=e,PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS>=20&&(document.querySelector("#add_earnings").style.display="none")},PayslipGenerator.addDeductionsLineItem=function(){var e=PayslipGenerator.DEDUCTIONS_LINE_ITEMS_TABLE_NO+1;PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS+=1,PayslipGenerator.addLineItem("deductions","trCloneDeductions","deductionsLineItems",e,"deduction_name"),PayslipGenerator.DEDUCTIONS_LINE_ITEMS_TABLE_NO=e,PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS>=20&&(document.querySelector("#add_deductions").style.display="none")},PayslipGenerator.showCloseIcon=function(e,a){var t=$(e).find(".closeicon");a?t.removeClass("hide").addClass("show"):t.removeClass("show").addClass("hide")},PayslipGenerator.showCloseIconForCustomField=function(e,a){var t=$(e).find(".closeicon");a?t.removeClass("hide").addClass("inline-block"):t.removeClass("inline-block").addClass("hide")},PayslipGenerator.netPay=function(){var e=0;if(PayslipGenerator.NET_PAY=PayslipGenerator.GROSS_EARNINGS-PayslipGenerator.TOTAL_DEDUCTIONS,(e=PayslipGenerator.NET_PAY)<0)return $("#net_pay").html(e),$("#net_pay_formatted").html(e),e*=-1,void PayslipGenerator.amountInWords(e,"-");$("#net_pay").html(e),PayslipGenerator.amountInWords(e),e=e.toLocaleString("en-IN"),$("#net_pay_formatted").html(e)},PayslipGenerator.calculateGrossEarnings=function(){for(var e=0,a=1;a<=PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS;a++){var t=$("#earning_amount\\.".concat(a));null===t||isNaN(t.val())||(e+=Number(t.val()))}PayslipGenerator.GROSS_EARNINGS=e,$("#gross_earning_mob").html(e),$("#gross_earning").html(e),PayslipGenerator.netPay()},PayslipGenerator.calculateTotalDeductions=function(){for(var e=0,a=1;a<=PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS;a++){var t=$("#deduction_amount\\.".concat(a));null===t||isNaN(t.val())||(e+=Number(t.val()))}PayslipGenerator.TOTAL_DEDUCTIONS=e,$("#total_deduction_mob").html(e),$("#total_deduction").html(e),PayslipGenerator.netPay()},PayslipGenerator.removeLineItem=function(e,a,t,r){var n=$(e).attr("id").lastIndexOf("."),o=$(e).attr("id").substring(n+1),i=$(".".concat(t)).children().length-1;i>r&&($("#".concat(a,"\\.").concat(o)).remove(),i--),"earnings"===a?(PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS-=1,PayslipGenerator.TOTAL_EARNINGS_LINE_ITEMS<20&&(document.querySelector("#add_earnings").style.display="block"),PayslipGenerator.calculateGrossEarnings()):"deductions"===a?(PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS-=1,PayslipGenerator.TOTAL_DEDUCTIONS_LINE_ITEMS<20&&(document.querySelector("#add_deductions").style.display="block"),PayslipGenerator.calculateTotalDeductions()):(PayslipGenerator.CUSTOM_FIELDS-=1,PayslipGenerator.CUSTOM_FIELDS<20&&(document.querySelector("#add_custom_field").style.display="block"))},PayslipGenerator.assignIdToChildElements=function(e,a){for(var t=$(e).children(),r=t.length,n=0;n<r;n++){PayslipGenerator.assignIdToChildElements(t[n],a);var o=$(t[n]).prop("tagName");if("INPUT"===o||"SPAN"===o){if(void 0===$(t[n]).attr("id"))continue;var i=$(t[n]).attr("id").lastIndexOf("."),s=$(t[n]).attr("id").substring(0,i),l="".concat(s,".").concat(a);$(t[n]).attr("id",l),$(t[n]).attr("name",l)}}},PayslipGenerator.amountInWords=function(e,a){var t=e.toString(),r=["","One ","Two ","Three ","Four ","Five ","Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ","Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ","Eighteen ","Nineteen "],n=["","","Twenty","Thirty","Forty","Fifty","Sixty","Seventy","Eighty","Ninety"];if(t=("000000000"+e).substr(-9).match(/^(\d{2})(\d{2})(\d{2})(\d{1})(\d{2})$/)){var o=a?"(Minus) Indian Rupee ":"Indian Rupee ";o+=0!==Number(t[1])?(r[Number(t[1])]||n[t[1][0]]+" "+r[t[1][1]])+"Crore ":"",o+=0!==Number(t[2])?(r[Number(t[2])]||n[t[2][0]]+" "+r[t[2][1]])+"Lakh ":"",o+=0!==Number(t[3])?(r[Number(t[3])]||n[t[3][0]]+" "+r[t[3][1]])+"Thousand ":"",o+=0!==Number(t[4])?(r[Number(t[4])]||n[t[4][0]]+" "+r[t[4][1]])+"Hundred ":"",o+=0!==Number(t[5])?(""!==o?"and ":"")+(r[Number(t[5])]||n[t[5][0]]+" "+r[t[5][1]]):"Zero",o+=" Only",$("#amount-in-words").html(o)}},PayslipGenerator.checkMinAndMax=function(e,a,t){var r=!0;if(null!==e&&(a=Number($(e).context.value),t=$(e).context.id),a){var n="paid_days"===t?"paid_days":"lop_days";a>31||a<0?(PayslipGenerator.showHideErr(n,!0),r=!1):PayslipGenerator.showHideErr(n,!1)}return r},PayslipGenerator.validLOPandPaidDays=function(e,a){var t=!0;return Number(e)+Number(a)>=32?(PayslipGenerator.showHideErr("days",!0),t=!1):PayslipGenerator.showHideErr("days",!1),t},PayslipGenerator.removeError=function(e){document.getElementById(e).value&&PayslipGenerator.showHideErr(e,!1)},PayslipGenerator.removeDashedBorder=function(e,a){var t=document.getElementById(e).value;t&&a?(PayslipGenerator.showHideErr(e,!1),document.getElementById(e).style.border="none"):t&&PayslipGenerator.showHideErr(e,!1)},PayslipGenerator.validateForm=function(e){var a=!0,t=["company_name","country","employee_name","employee_number","pay_period","paid_days","lop_days","payment_date","image_upload"];for(var r in t)PayslipGenerator.showHideErr(t[r],!1);if(e.company_name||(PayslipGenerator.showHideErr("company_name",!0),a=!1),e.country=e.country.charAt(0).toUpperCase()+e.country.slice(1).toLowerCase(),"India"!==e.country&&e.country&&(PayslipGenerator.showHideErr("country",!0),a=!1),e.employee_name||(PayslipGenerator.showHideErr("employee_name",!0),a=!1),e.employee_number||(PayslipGenerator.showHideErr("employee_number",!0),a=!1),e.pay_period){var n="".concat(e.pay_period.slice(0,-5),", 01 ").concat(e.pay_period.slice(-4));(n=new Date(n)).getFullYear()<9999?e.pay_period=n.getFullYear()+"-"+("0"+(n.getMonth()+1)).slice(-2):(PayslipGenerator.showHideErr("pay_period_year",!0),a=!1)}else PayslipGenerator.showHideErr("pay_period",!0),a=!1;if(e.paid_days||(PayslipGenerator.showHideErr("paid_days",!0),a=!1),e.lop_days||(PayslipGenerator.showHideErr("lop_days",!0),a=!1),e.payment_date){var o=new Date(e.payment_date);o.getFullYear()<9999?e.payment_date=o.getFullYear()+"-"+("0"+(o.getMonth()+1)).slice(-2)+"-"+("0"+o.getDate()).slice(-2):PayslipGenerator.showHideErr("payment_date_year",!0)}else PayslipGenerator.showHideErr("payment_date",!0),a=!1;return!PayslipGenerator.checkMinAndMax(null,e.paid_days,"paid_days")&&PayslipGenerator.checkMinAndMax(null,e.lop_days,"lop_days")&&(a=!1),PayslipGenerator.validLOPandPaidDays(e.paid_days,e.lop_days)||(a=!1),a},PayslipGenerator.showHideErr=function(e,a){var t=$("#".concat(e,"_err"));a?(t.addClass("error"),t.removeClass("hide")):(t.removeClass("error"),t.addClass("hide"))},PayslipGenerator.constructJSONObjectFrmForm=function(e){$("span[data-json-node]").each(function(a,t){var r=$(this);$(e).append($('<input type="hidden" />').attr({name:r.attr("name"),value:r.text()}))});var a=$(e).serializeArray(),t={},r="",n=0,o="",i="",s=0,l={},d=[],p="",y={};for(var c in a){var u=$(document.getElementsByName(a[c].name)).data();if(u)if(u.isArray){if(o=u.arrayParent,i=a[c].name.lastIndexOf("."),n=a[c].name.substring(i+1,a[c].name.length),r=""===r?n-1:r,p=""===p?o:p,0===Number(n)){p="",r="",s=0,d=[],l={};continue}Number(n-1)!==Number(r)&&(r=n-1,s+=1,l={}),p!==o&&(p="",s=0,d=[]),l=PayslipGenerator.includeInJSON(l,u.jsonNode,a[c].value),d[s]=l,t[o]=d}else u.parentJson?(y=PayslipGenerator.includeInJSON(y,u.jsonNode,a[c].value),t=PayslipGenerator.includeInJSON(t,u.parentJson,y)):t=PayslipGenerator.includeInJSON(t,u.jsonNode,a[c].value)}return t},PayslipGenerator.includeInJSON=function(e,a,t){return"undefined"!==t&&"null"!==t&&a&&(e[a]=t),e},PayslipGenerator.removeEmptyLineItems=function(e,a){var t=0;if(e){for(var r=0;r<e.length;r++)"customfield"===a&&""===e[r].label?(e.splice(r,1),r--):"customfield"!==a&&""===e[r].name?(e.splice(r,1),r--):"customfield"===a&&""!==e[r].label&&""===e[r].value?e[r].value="-":"customfield"!==a&&""!==e[r].name&&""===e[r].amount?e[r].amount="0":"customfield"!==a&&(t=Number(e[r].amount)+t);"earning"===a?($("#gross_earning_mob").html(t),$("#gross_earning").html(t),PayslipGenerator.GROSS_EARNINGS=t):"deduction"===a&&($("#total_deduction_mob").html(t),$("#total_deduction").html(t),PayslipGenerator.TOTAL_DEDUCTIONS=t)}return e},PayslipGenerator.checkToRemoveEmptyLineItems=function(e){return e.custom_fields=PayslipGenerator.removeEmptyLineItems(e.custom_fields,"customfield"),e.earnings=PayslipGenerator.removeEmptyLineItems(e.earnings,"earning"),e.deductions=PayslipGenerator.removeEmptyLineItems(e.deductions,"deduction"),PayslipGenerator.netPay(),e.gross_earning=PayslipGenerator.GROSS_EARNINGS.toString(),e.total_deduction=PayslipGenerator.TOTAL_DEDUCTIONS.toString(),e.net_pay=(PayslipGenerator.GROSS_EARNINGS-PayslipGenerator.TOTAL_DEDUCTIONS).toString(),e},PayslipGenerator.resetPayslip=function(){window.location.reload()},PayslipGenerator.checkValidImageUploaded=function(e){var a=e.files[0].name.split(".").pop().toLowerCase();return["gif","png","jpeg","jpg","bmp"].indexOf(a)>-1&&e.files[0].size<1048576?(PayslipGenerator.showHideErr("image_extension",!1),PayslipGenerator.showHideErr("image_upload",!1),!0):e.files[0].size>=1048576?(PayslipGenerator.showHideErr("image_upload",!0),!1):(PayslipGenerator.showHideErr("image_extension",!0),!1)},PayslipGenerator.generatePayslip=function(e){var a=$("#generate-payslip");a.attr("disabled",!0);var t=PayslipGenerator.constructJSONObjectFrmForm(e);t=PayslipGenerator.checkToRemoveEmptyLineItems(t);var r=PayslipGenerator.validateForm(t),n="",o=!0,i=document.querySelector("#payslip_logo");i.disabled&&(n=i.files[0],o=PayslipGenerator.checkValidImageUploaded(i));var s="https://payroll.localzoho.com";-1!==document.location.host.indexOf("www.zoho.com")&&(s="https://payroll.zoho.com");var l="".concat(s,"/api/v1/payslipgenerator/generate");if(r&&o){var d=new FormData,p=JSON.stringify(t);d.append("JSONString",p),n&&d.append("payslip_logo",n);var y=new XMLHttpRequest;y.open("POST",l,d),y.responseType="arraybuffer",y.onload=function(){if(200!==y.status){var e=new TextDecoder("utf-8"),a=new Uint8Array(y.response);a=e.decode(a),a=JSON.parse(a),PayslipGenerator.showHideErr("response",!0),$("#error_msgs").html(a.message),$("html, body").animate({scrollTop:200},400)}else{var t=y.getResponseHeader("content-disposition").split("filename=")[1].split(";")[0],r=new Blob([y.response],{type:"application/pdf"}),n=document.createElement("a"),o=(window.URL||window.webkitURL).createObjectURL(r);n.href=o,n.download=t.substring(1,t.length-1),n.click(),n.remove(),$(".success-msg").removeClass("hide"),setTimeout(function(){$(".success-msg").addClass("hide")},5e3)}},y.send(d)}else $("html, body").animate({scrollTop:200},400);setTimeout(function(){a.attr("disabled",!1)},1500)},PayslipGenerator.showPayslipFormatImage=function(e){var a=$(e).context.id;document.getElementById("payslip-generator-image").srcset="/payroll/images/payslip-generator/".concat(a,".png 1x");for(var t=1;t<=5;t++)$(".pformat-".concat(t)).removeClass("active");$("#".concat(a)).addClass("active")},PayslipGenerator.showEarningsTable=function(){$("#table-earning").removeClass("hide"),$("#table-deduction").addClass("hide"),$("#earnings-table").addClass("active"),$("#deduction-table").removeClass("active")},PayslipGenerator.showDeductionsTable=function(){$("#table-deduction").removeClass("hide"),$("#table-earning").addClass("hide"),$("#deduction-table").addClass("active"),$("#earnings-table").removeClass("active")};var payslip_logo=document.querySelector("#payslip_logo");payslip_logo.addEventListener("change",function(){var e=this,a=new window.FileReader;a.addEventListener("load",function(){var t=a.result,r=document.querySelector("#display_image"),n=document.querySelector(".add-logo");n.classList.add("uploaded"),n.style.padding="0px",n.style.border="1px dashed #fafcff",document.querySelector(".upload-section-note").style.display="none",document.querySelector(".add-logo-label").style.display="none",document.querySelector(".payslip-header-container").style.width="79%",r.style.display="block",payslip_logo.disabled=!0,r.style.backgroundImage="url(".concat(t,")"),PayslipGenerator.checkValidImageUploaded(e)||PayslipGenerator.removeImage(!1)}),a.readAsDataURL(this.files[0])});</script> </main> </body> <footer> <script src="/payroll/js/jquery-2.1.0.min.js"></script> <script src="/finance/js/finance.js" type="text/javascript"></script> <script type="text/javascript" src="/payroll/js/index.js"></script> <script type="text/javascript" src="/payroll/js/userinfo.js"></script> <script src="https://www.zohowebstatic.com/sites/zweb/js/common/zf/prd-common.js"></script> <script> var name = "ZpayrollRef"; var pageURL = "ZpayrollPageURL"; 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> <div class="footer"> <div class="common-footer"> </div> </div> <script type="text/javascript">"use strict";var locationHref=window.location.href,editionCode=locationHref.split("/")[3];if("lp"===editionCode){var urlParams=new URLSearchParams(window.location.search);editionCode=urlParams.get("edition")}var contactUsFormDetailHash={usdc:{gcc:{formId:"zsWebToCase_4016513842647",submitButtonId:"zsSubmitButton_4016513842647",hiddenKeys:[{name:"xnQsjsdp",value:"edbsn7709df772cce2825696f51e4f4f5fe02"},{name:"xmIwtLD",value:"edbsnadb87b064f2a4e9933563d5ec4b26ab8"}]},in:{formId:"zsWebToCase_4000647177003",submitButtonId:"zsSubmitButton_4000647177003",hiddenKeys:[{name:"xnQsjsdp",value:"N9wtzfFRUqc$"},{name:"xmIwtLD",value:"SwNKsDyZEGl3GO015Ntw*A$$"}]},us:{formId:"zsWebToCase_4000647177003",submitButtonId:"zsSubmitButton_4000647177003",hiddenKeys:[{name:"xnQsjsdp",value:"N9wtzfFRUqc$"},{name:"xmIwtLD",value:"SwNKsDyZEGl3GO015Ntw*A$$"}]}}};function updateFormDetails(){var e=window.showEuDcSupportEmail?"eudc":"usdc",t=document.querySelector("[data-contactus-form]");if(t){var n=contactUsFormDetailHash[e];for(var o in n=-1!==["ae","sa","bh","kw","qa","om"].indexOf(editionCode)?n.gcc:n[editionCode],window.showEuDcSupportEmail&&(t.action="https://desk.zoho.eu/support/WebToCase"),n)"formAction"===o&&(t.action=n.formAction),"formId"===o?(t.name=n.formId,t.id=n.formId):"submitButtonId"===o?t.querySelector(".form-submit-button").id=n.submitButtonId:"hiddenKeys"===o?n.hiddenKeys.forEach(function(e){t.querySelector("[name='".concat(e.name,"' ]")).value=e.value}):"crmDiffIdNames"===o?n.crmDiffIdNames.forEach(function(e){t.querySelector("#"+e.id).setAttribute("name",e.name)}):"crmDiffSrc"===o&&n.crmDiffSrc.forEach(function(e){t.querySelector("#"+e.id).src=e.src})}}function validateForm(){var e=$("#name").val(),t=$("#email").val(),n=$("#message").val();return""!==e&&""!==t&&""!==n||(namcheck("name"),emlcheck("email"),mescheck("message"),!1)}function namcheck(e){var t=$("#"+e).val();return""===t?($("#"+e).parent().addClass("has-error"),$("#"+e+"_error").css("display","block"),!1):""!==t?($("#"+e).parent().removeClass("has-error"),$("#"+e+"_error").css("display","none"),!1):void 0}function emlcheck(e){var t=$("#"+e).val();return""===t?($("#"+e).parent().addClass("has-error"),$("#"+e+"_error").css("display","block"),!1):""!==t?($("#"+e).parent().removeClass("has-error"),$("#"+e+"_error").css("display","none"),!1):void 0}function mescheck(e){var t=$("#"+e).val();return""===t?($("#"+e).parent().addClass("has-error"),$("#"+e+"_error").css("display","block"),!1):""!==t?($("#"+e).parent().removeClass("has-error"),$("#"+e+"_error").css("display","none"),!1):void 0}function noOfEmployeesChanged(){var e=$("#demo_no_of_employees");"No. of Employees"===e.find(":selected").text()?(e.addClass("select-placeholder"),e.removeClass("text-black")):e.addClass("text-black")}function countryChanged(){var e=$("#demo_country");"Select the edition"===e.find(":selected").text()?(e.addClass("select-placeholder"),e.removeClass("text-black")):e.addClass("text-black")}function previousPayrollSoftware(){var e=$("#demo_previous_payroll_software");"Are you using any payroll software?"===e.find(":selected").text()?(e.addClass("select-placeholder"),e.removeClass("text-black")):e.addClass("text-black")}function validateDemoForm(e){var t=-(new Date).getTimezoneOffset(),n=(t/60).toString().split(".")[0],o=t%60,a=decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent("ZpayrollRef").replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null;document.getElementById("demo_details").value=document.getElementById("demo_message").value+";\nNo. of Employees: "+document.getElementById("demo_no_of_employees").value+";\nHow did you hear about Zoho Payroll?: "+document.getElementById("demo_previous_payroll_software").value+";\nTimeZone (Generated): "+n+":"+o;var l=document.getElementById("demo_marketing_lead_source");l&&(l.value=window.location.href);var d=document.getElementById("demo_marketing_referral_url");d&&(d.value=a);for(var r,s=["demo_name","demo_email","demo_message","demo_phone","demo_country","demo_no_of_employees","demo_previous_payroll_software","enterdigest"],i=[],m=0;m<s.length;m++)!1===(r=validateField(s[m]))&&i.push(r);i.length;0===i.length&&(document.querySelector(".spin").style.display="inline-block",$.ajax({type:"POST",url:$(e).attr("action"),data:$(e).serialize(),success:function(t){if(t.indexOf("window.location.assign")>-1)if("lp"===locationHref.split("/")[3])window.location.href="https://www.zoho.com/".concat(editionCode,"/payroll/thank-you.html?from=request-demo");else{hideDemoRequestModal();var n=document.querySelector(".success-alert");n.style.display="block",e.reset(),setTimeout(function(){n.style.display="none"},8e3)}else reloadImg(),document.getElementById("enterdigest").value="",document.getElementById("enterdigest").focus(),document.getElementById("enterdigest_error").style.display="block";document.querySelector(".spin").style.display="none"}}))}function hideDemoRequestModal(){"function"==typeof window.onHideDemoRequestModal&&window.onHideDemoRequestModal();var e=document.getElementById("demorequest-modal");e.classList.remove("open"),window.setTimeout(function(){e.classList.add("hide")},450);var t=document.getElementById("trigger-sticky");t&&t.classList.remove("hide");var n=document.body;n.style.height="",n.style.overflowY=""}function reloadImg(){-1!==document.getElementById("imgid").src.indexOf("&d")?document.getElementById("imgid").src=document.getElementById("imgid").src.substring(0,document.getElementById("imgid").src.indexOf("&d"))+"&d"+(new Date).getTime():document.getElementById("imgid").src=document.getElementById("imgid").src+"&d"+(new Date).getTime()}function validateField(e){var t=document.querySelector("#".concat(e)),n=t.value,o=""!==(n=void 0!==n?n.trim():"");return"checkbox"===t.type&&!1===t.checked&&(o=!1),"demo_email"===e&&o&&(o=checkemail(n)),toggleError(e,o),o}function validatePayrollContestForm(){document.getElementById("contest_details").value=document.getElementById("contest_message").value,document.getElementById("contest_location").value=window.CountryCode;for(var e,t=["contest_name","contest_email","contest_message","contest_company","enterdigest","contest_concern_check"],n=[],o=0;o<t.length;o++)!1===(e=validateField(t[o]))&&n.push(e);return!(n.length>0)}function validateStateRequestForm(){var e=-(new Date).getTimezoneOffset(),t=(e/60).toString().split(".")[0],n=e%60,o=decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent("ZpayrollRef").replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null;document.getElementById("demo_details").value="Early Access Request;\nTimeZone (Generated): "+t+":"+n;var a=document.getElementById("demo_marketing_lead_source");a&&(a.value=window.location.href);var l=document.getElementById("demo_marketing_referral_url");l&&(l.value=o);var d=["demo_name","demo_email","demo_company_name","demo_no_of_employees","demo_early_access_state","enterdigest"],r=document.getElementById("demo_early_access_state").value;"not_available"===r&&(d.push("demo_not_available_state"),r=document.getElementById("demo_not_available_state").value),document.getElementById("demo_state").value=r;for(var s,i=[],m=0;m<d.length;m++)!1===(s=validateField(d[m]))&&i.push(s);return!(i.length>0)}function earlyAccessStateChange(){var e=document.getElementById("demo_early_access_state").value,t=document.getElementById("not-available-state-field");t.style.display="not_available"===e?"block":"none"}function validateUAERequstForm(e){var t=-(new Date).getTimezoneOffset(),n=(t/60).toString().split(".")[0],o=t%60,a=decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent("ZpayrollRef").replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null;document.getElementById("demo_details").value="\nChallenges looking for: "+document.getElementById("demo_message").value+"\n\nTimeZone (Generated): "+n+":"+o;var l=document.getElementById("demo_marketing_lead_source");l&&(l.value=window.location.href);var d=document.getElementById("demo_marketing_referral_url");d&&(d.value=a);for(var r,s=["demo_name","demo_email","demo_phone","demo_no_of_employees","demo_early_access_state","demo_message","enterdigest"],i=[],m=0;m<s.length;m++)!1===(r=validateField(s[m]))&&i.push(r);i.length;0===i.length&&(document.querySelector(".spin").style.display="inline-block",$.ajax({type:"POST",url:$(e).attr("action"),data:$(e).serialize(),success:function(t){if(t.indexOf("window.location.assign")>-1)if("lp"===locationHref.split("/")[3])window.location.href="https://www.zoho.com/in/payroll/";else{var n=document.querySelector(".success-alert-modal");n.classList.add("open"),e.reset(),setTimeout(function(){n.classList.remove("open")},4e3)}else reloadImg(),document.getElementById("enterdigest").value="",document.getElementById("enterdigest").focus(),document.getElementById("enterdigest_error").style.display="block";document.querySelector(".spin").style.display="none"}}))}function checkemail(e){return/^[a-zA-Z0-9]([\w\-\.\+\']*)@([\w\-\.]+)(\.[a-zA-Z]{2,8}(\.[a-zA-Z]{2}){0,2})$/i.test(e)}function toggleError(e,t){var n=document.querySelector("#".concat(e)).closest(".form-group"),o=document.querySelector("#".concat(e,"_error"));!t?(n.classList.add("has-error"),o.style.display="block"):(n.classList.remove("has-error"),o.style.display="none")}function toggleEntrollFrom(){document.querySelector(".training-slider").classList.toggle("open")}function validateTrainingForm(e){var t=-(new Date).getTimezoneOffset(),n=((t/60).toString().split(".")[0],decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent("ZpayrollRef").replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null);document.getElementById("demo_details").value="Old User: "+document.getElementById("is-old-user").value+";\nTraining Level: "+document.getElementById("training-level").value+";\nTrianing Time: "+document.getElementById("training-time").value;var o=document.getElementById("demo_marketing_lead_source");o&&(o.value=window.location.href);var a=document.getElementById("demo_marketing_referral_url");a&&(a.value=n);for(var l,d=["training-first-name","training-last-name","company-college-name","trainee-email","trainee-phone","is-old-user","trainee-count","trainee-edition","training-level","training-time","enterdigest"],r=[],s=0;s<d.length;s++)!1===(l=validateField(d[s]))&&r.push(l);var i={xnQsjsdp:document.querySelector('input[name="xnQsjsdp"]').value,xmIwtLD:document.querySelector('input[name="xmIwtLD"]').value,actionType:document.querySelector('input[name="actionType"]').value,returnURL:document.querySelector('input[name="returnURL"]').value,Subject:document.querySelector('input[name="Subject"]').value,Description:document.getElementById("demo_details").value,CASECF7:document.getElementById("trainee-edition").value,Page_url:document.getElementById("demo_url").value,Type:document.querySelector('input[name="Type"]').value,CASECF14:document.querySelector('input[name="CASECF14"]').value,CASECF8:document.getElementById("demo_state").value,CASECF11:document.getElementById("demo_marketing_lead_source").value,CASECF6:document.getElementById("demo_marketing_referral_url").value,CASECF13:document.getElementById("trainee-count").value,CASECF9:document.getElementById("company-college-name").value,Email:document.getElementById("trainee-email").value,Phone:document.getElementById("trainee-phone").value,enterdigest:document.getElementById("enterdigest").value,"Reported By":"".concat(document.getElementById("training-first-name").value," ").concat(document.getElementById("training-last-name").value)},m=$.param(i);r.length;0===r.length&&(document.querySelector(".spin").style.display="inline-block",$.ajax({type:"POST",url:$(e).attr("action"),data:m,success:function(t){if(t.indexOf("window.location.assign")>-1){var n=document.querySelector(".success-alert");toggleEntrollFrom(),n.style.display="block",e.reset(),setTimeout(function(){n.style.display="none"},4e3)}else reloadImg(),document.getElementById("enterdigest").value="",document.getElementById("enterdigest").focus(),document.getElementById("enterdigest_error").style.display="block";document.querySelector(".spin").style.display="none"}}))}window.addEventListener("DOMContentLoaded",function(){var e={in:"India",ae:"United Arab Emirates",us:"United States"},t=editionCode,n=Object.keys(e);if(t&&n.includes(t)){var o=e[t],a=document.getElementById("demo_country");a&&(a.value=o)}["demo_early_access_state","demo_not_available_state"].forEach(function(e){var t=document.getElementById(e);t&&t.addEventListener("change",function(){var e=document.getElementById(this.elementId),t=e.options[e.selectedIndex];"Select State"===t.text||"Select your preferred State"===t.text?(e.classList.add("select-placeholder"),e.classList.remove("text-black")):e.classList.add("text-black")}.bind({elementId:e}))})});</script> <script type="text/javascript" src="/payroll/js/lozad.min.js"></script> <script type="text/javascript" src="/payroll/js/bootstrap-datepicker.min.js"></script> <script type="text/javascript"> let observer = lozad('.lozad', { rootMargin: '150px 0px' }); observer.observe(); $('#company_name').focus(); PayslipGenerator.amountInWords(0); var date = new Date(); var currentMonthStartDate = new Date(date.getFullYear(), date.getMonth(), 1); $('#payment_date').datepicker({ format: "M dd yyyy", autoclose: true, orientation: 'auto', startDate: currentMonthStartDate, keyboardNavigation: false, endDate: "12-31-9999", todayHighlight: true }); $('#payment_date').datepicker('setDate', currentMonthStartDate); $('#pay_period').datepicker({ format: "MM yyyy", viewMode: "months", minViewMode: "months", startDate: "01-1000", autoclose: true, orientation: 'auto', keyboardNavigation: false, todayHighlight: true, endDate: "12-9999" }).change(PayslipGenerator.setMonthOfPayslip); $('#pay_period').datepicker('setDate', currentMonthStartDate); $('#payslip_month').datepicker({ format: "MM yyyy", viewMode: "months", minViewMode: "months", startDate: "01-1000", autoclose: true, orientation: 'auto', keyboardNavigation: false, todayHighlight: true, endDate: "12-9999" }).change(PayslipGenerator.setPayPeriodMonth); $('#payslip_month').datepicker('setDate', currentMonthStartDate); </script> </footer> </html>