#payslipPreviewContainer[data-v-70329ab9]{--font-size-px:12px;--font-size-rem:.75rem;--line-height:1.125;font-size:var(--font-size-px);font-size:var(--font-size-rem);line-height:var(--line-height)}#payslipPreviewContainer h1[data-v-70329ab9]{font-size:40px;font-size:2.5rem}#payslipPreviewContainer h2[data-v-70329ab9]{font-size:20px;font-size:1.25rem}#payslipPreviewContainer h3[data-v-70329ab9]{font-size:13.33333px;font-size:.83333rem}#payslipPreviewContainer h4[data-v-70329ab9]{font-size:10px;font-size:.625rem}#payslipPreviewContainer h5[data-v-70329ab9]{font-size:8px;font-size:.5rem}#payslipPreviewContainer h6[data-v-70329ab9]{font-size:6.66667px;font-size:.41667rem}#payslipPreviewContainer b[data-v-70329ab9],#payslipPreviewContainer em[data-v-70329ab9],#payslipPreviewContainer i[data-v-70329ab9],#payslipPreviewContainer label[data-v-70329ab9],#payslipPreviewContainer p[data-v-70329ab9],#payslipPreviewContainer span[data-v-70329ab9],#payslipPreviewContainer strong[data-v-70329ab9],#payslipPreviewContainer u[data-v-70329ab9]{font-size:10px;font-size:.625rem}#payslipPreviewContainer td[data-v-70329ab9],#payslipPreviewContainer th[data-v-70329ab9],#payslipPreviewContainer tr[data-v-70329ab9]{font-size:8.75px;font-size:.54688rem}#payslipPreviewContainer .m-portlet.payslip--full p[data-v-70329ab9]{margin:0}#payslipPreviewContainer .m-portlet.payslip--full .m-portlet__body[data-v-70329ab9]{padding:1.1rem}#payslipPreviewContainer .m-portlet.payslip--full .company-address[data-v-70329ab9]{text-align:right}#payslipPreviewContainer .m-portlet.payslip--full .company-logo[data-v-70329ab9]{width:100%!important;height:auto!important;float:right!important}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row[data-v-70329ab9]{margin-top:1rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row.remarks[data-v-70329ab9]{margin-top:1.5rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row.addition-info[data-v-70329ab9]{margin-top:2rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .payslip__header .payDate span[data-v-70329ab9],#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .payslip__header .payDate strong[data-v-70329ab9]{font-size:12.5px;font-size:.78125rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .profile .list-group-item[data-v-70329ab9]{margin-bottom:.25rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay[data-v-70329ab9]{padding:1.5rem 0 .5rem!important;display:table;width:100%}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay>span[data-v-70329ab9]{width:100%;display:table-cell;vertical-align:middle}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay>span[data-v-70329ab9]:first-of-type{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .crop-text[data-v-70329ab9]:before{content:"";display:block;height:0;width:0;margin-top:-.375em}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .information .content-information[data-v-70329ab9]{width:calc(50% - 4px);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:.75rem!important;display:table;margin:.125rem!important}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .information .content-information>span[data-v-70329ab9]{display:table-cell;vertical-align:middle}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .content .table thead tr th[data-v-70329ab9]{padding:.5rem 0}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content[data-v-70329ab9]{border:none;padding:0;margin-right:1px}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content[data-v-70329ab9]:first-of-type{padding-left:15px}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered[data-v-70329ab9]{border-radius:2px;padding:5px;height:100%}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered.border-black[data-v-70329ab9]{border:1px solid var(--dark-text-secondary)}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered.border-red[data-v-70329ab9]{border:1px solid var(--color-danger)}#payslipPreviewContainer .m-portlet.payslip--half .m-portlet__body[data-v-70329ab9]{padding:1.1rem}#payslipPreviewContainer .m-portlet.payslip--half .row[data-v-70329ab9]{margin-top:unset}#payslipPreviewContainer .m-portlet.payslip--half .company-logo[data-v-70329ab9]{width:100%!important;height:auto!important;float:right!important}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .name .employee__name[data-v-70329ab9]{margin-bottom:0!important;font-weight:700!important;text-transform:uppercase;font-size:15px;font-size:.9375rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .name .employee__name[data-v-70329ab9]:before{content:"";display:block;height:0;width:0;margin-top:-.0625em}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .payDate>p[data-v-70329ab9]{display:table}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .payDate>p>[data-v-70329ab9]{display:table-cell;vertical-align:top}.vc-chrome{background:#fff;border-radius:2px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);-webkit-box-sizing:initial;box-sizing:initial;width:225px;font-family:Menlo;background-color:#fff}.vc-chrome-controls{display:-webkit-box;display:-ms-flexbox;display:flex}.vc-chrome-color-wrap{position:relative;width:36px}.vc-chrome-active-color{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.vc-chrome-color-wrap .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.vc-chrome-sliders{-webkit-box-flex:1;-ms-flex:1;flex:1}.vc-chrome-fields-wrap{padding-top:16px}.vc-chrome-fields,.vc-chrome-fields-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.vc-chrome-fields{margin-left:-6px;-webkit-box-flex:1;-ms-flex:1;flex:1}.vc-chrome-field{padding-left:6px;width:100%}.vc-chrome-toggle-btn{width:32px;text-align:right;position:relative}.vc-chrome-toggle-icon{margin-right:-4px;margin-top:12px;cursor:pointer;position:relative;z-index:2}.vc-chrome-toggle-icon-highlight{position:absolute;width:24px;height:28px;background:#eee;border-radius:4px;top:10px;left:12px}.vc-chrome-hue-wrap{margin-bottom:8px}.vc-chrome-alpha-wrap,.vc-chrome-hue-wrap{position:relative;height:10px}.vc-chrome-alpha-wrap .vc-alpha-gradient,.vc-chrome-hue-wrap .vc-hue{border-radius:2px}.vc-chrome-alpha-wrap .vc-alpha-picker,.vc-chrome-hue-wrap .vc-hue-picker{width:12px;height:12px;border-radius:6px;-webkit-transform:translate(-6px,-2px);transform:translate(-6px,-2px);background-color:#f8f8f8;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.37);box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.vc-chrome-body{padding:16px 16px 12px;background-color:#fff}.vc-chrome-saturation-wrap{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.vc-chrome-saturation-wrap .vc-saturation-circle{width:12px;height:12px}.vc-chrome-fields .vc-input__input{font-size:11px;color:#333;width:100%;border-radius:2px;border:none;-webkit-box-shadow:inset 0 0 0 1px #dadada;box-shadow:inset 0 0 0 1px #dadada;height:21px;text-align:center}.vc-chrome-fields .vc-input__label{text-transform:uppercase;font-size:11px;line-height:11px;color:#969696;text-align:center;display:block;margin-top:12px}.vc-chrome__disable-alpha .vc-chrome-active-color{width:18px;height:18px}.vc-chrome__disable-alpha .vc-chrome-color-wrap{width:30px}.vc-chrome__disable-alpha .vc-chrome-hue-wrap{margin-top:4px;margin-bottom:4px}:root{--bg-white:#fefefe;--bg-whiteGray:#fafafa;--bg-primary:#fbfbfb;--bg-secondary:#f3f5f6;--bg-tertiary:#e1e4ed;--color-white:#fff;--color-black:#000;--color-gray:#e1e4ed;--color-gray-10:get-color(grey,1);--color-gray-20:get-color(grey,2);--color-gray-30:get-color(grey,3);--color-gray-40:get-color(grey,4);--color-gray-50:get-color(grey,5);--color-gray-60:get-color(grey,6);--color-gray-70:get-color(grey,7);--color-gray-80:get-color(grey,8);--color-gray-90:get-color(grey,9);--color-primary:#5b53fe;--color-primary-10:mix(--color-white,--color-primary,1%);--color-primary-20:mix(--color-white,--color-primary,2%);--color-primary-30:mix(--color-white,--color-primary,3%);--color-primary-40:mix(--color-white,--color-primary,4%);--color-primary-50:mix(--color-white,--color-primary,5%);--color-primary-60:mix(--color-white,--color-primary,6%);--color-primary-70:mix(--color-white,--color-primary,7%);--color-primary-80:mix(--color-white,--color-primary,8%);--color-primary-90:mix(--color-white,--color-primary,9%);--color-success:#34bfa3;--color-success-10:mix(--color-white,--color-success,1%);--color-success-20:mix(--color-white,--color-success,2%);--color-success-30:mix(--color-white,--color-success,3%);--color-success-40:mix(--color-white,--color-success,4%);--color-success-50:mix(--color-white,--color-success,5%);--color-success-60:mix(--color-white,--color-success,6%);--color-success-70:mix(--color-white,--color-success,7%);--color-success-80:mix(--color-white,--color-success,8%);--color-success-90:mix(--color-white,--color-success,9%);--color-warning:#ffb822;--color-warning-10:mix(--color-white,--color-warning,1%);--color-warning-20:mix(--color-white,--color-warning,2%);--color-warning-30:mix(--color-white,--color-warning,3%);--color-warning-40:mix(--color-white,--color-warning,4%);--color-warning-50:mix(--color-white,--color-warning,5%);--color-warning-60:mix(--color-white,--color-warning,6%);--color-warning-70:mix(--color-white,--color-warning,7%);--color-warning-80:mix(--color-white,--color-warning,8%);--color-warning-90:mix(--color-white,--color-warning,9%);--color-danger:#f4516c;--color-danger-10:mix(--color-white,--color-danger,1%);--color-danger-20:mix(--color-white,--color-danger,2%);--color-danger-30:mix(--color-white,--color-danger,3%);--color-danger-40:mix(--color-white,--color-danger,4%);--color-danger-50:mix(--color-white,--color-danger,5%);--color-danger-60:mix(--color-white,--color-danger,6%);--color-danger-70:mix(--color-white,--color-danger,7%);--color-danger-80:mix(--color-white,--color-danger,8%);--color-danger-90:mix(--color-white,--color-danger,9%);--color-info:#5db5ee;--color-info-10:mix(--color-white,--color-info,1%);--color-info-20:mix(--color-white,--color-info,2%);--color-info-30:mix(--color-white,--color-info,3%);--color-info-40:mix(--color-white,--color-info,4%);--color-info-50:mix(--color-white,--color-info,5%);--color-info-60:mix(--color-white,--color-info,6%);--color-info-70:mix(--color-white,--color-info,7%);--color-info-80:mix(--color-white,--color-info,8%);--color-info-90:mix(--color-white,--color-info,9%);--color-purple:#716aca;--color-purple-10:#938ddf;--color-purple-20:mix(--color-white,--color-purple,2%);--color-purple-30:mix(--color-white,--color-purple,3%);--color-purple-40:mix(--color-white,--color-purple,4%);--color-purple-50:mix(--color-white,--color-purple,5%);--color-purple-60:mix(--color-white,--color-purple,6%);--color-purple-70:mix(--color-white,--color-purple,7%);--color-purple-80:mix(--color-white,--color-purple,8%);--color-purple-90:mix(--color-white,--color-purple,9%);--color-disabled:#e1e4ed;--text-black:#575a62;--dark-text-primary:rgba(0,0,0,0.87);--dark-text-secondary:rgba(0,0,0,0.54);--dark-text-disabled:rgba(0,0,0,0.38);--dark-text-dividers:rgba(0,0,0,0.12);--light-text-primary:#fff;--light-text-secondary:hsla(0,0%,100%,0.8);--light-text-disabled:hsla(0,0%,100%,0.6);--light-text-dividers:hsla(0,0%,100%,0.4);--border-gray:#d4d8e1;--border-gray-10:#dee2e6;--box-shadow-logo:0px 2px 4px 1px rgba(0,0,0,0.15);--box-shadow-navigation:0px 1px 15px 1px rgba(113,106,202,0.15);--box-shadow-portlet:0px 1px 15px 1px rgba(69,65,78,0.08);--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--header-logo-xs:50px;--header-pp-xs:45px;--header-picture-sm:75px;--line-height:1;--font-size-px:16px;--font-size-rem:1rem;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--table-header:#f4f3fb}.page-icon{height:inherit;padding:7.5px}.page-icon,.page-icon--wrapper{width:100%;border:1px solid var(--border-gray);display:block;border-radius:3px;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.page-icon--wrapper{height:60px;padding:3px;margin-bottom:5px}.page-icon:before{content:"Payslip";top:3px;font-size:8px;font-size:.5rem;font-style:normal;font-weight:600;color:var(--dark-text-primary);padding-bottom:15px}.page-icon:after,.page-icon:before{position:absolute;left:3px;width:calc(100% - 6px);border-bottom:2.25px solid var(--border-gray)}.page-icon:after{content:"";display:block;height:6px;border-top:2.25px dashed var(--border-gray);padding-bottom:1.5px}.page-icon--half{height:30px}.page-icon--half:after{bottom:5.25px}.page-icon--full{height:100%}.page-icon--full:after{bottom:24px;padding-bottom:3px}.sheet-icon{height:20px;width:16px;display:inline-block;max-width:16px;max-height:20px;vertical-align:middle;overflow:hidden;margin-right:10px;outline:1px solid var(--dark-text-secondary);outline-offset:2px}.sheet-icon--single:before{padding:2px;border:1px solid var(--dark-text-secondary);border-radius:2px}.sheet-icon--single:after,.sheet-icon--single:before{height:calc(50% - 1px);width:100%;content:"";display:block}.sheet-icon--single:after{margin-top:2px;border:1px solid transparent;border-radius:2px}.sheet-icon--multiple:before{padding:2px}.sheet-icon--multiple:after,.sheet-icon--multiple:before{height:calc(50% - 1px);width:100%;content:"";display:block;border:1px solid var(--dark-text-secondary);border-radius:2px}.sheet-icon--multiple:after{margin-top:2px}.payslip__content .payslip-content__main>.content__row{margin-right:-30px}.payslip__content .payslip-content__main .content-main--wrapper{display:grid;grid-gap:15px;grid-template-rows:auto;grid-template-columns:calc(50% - 15px) minmax(50%,auto);grid-auto-flow:dense;grid-template-areas:"form preview"}.payslip__content .payslip-content__main .content-main--wrapper .content-main__form{grid-area:form}.payslip__content .payslip-content__main .content-main--wrapper .content-main__preview{grid-area:preview;height:750px;overflow-y:auto}.payslip-content__main .content-main__preview{margin-top:-30px;margin-bottom:-30px;background-color:var(--bg-primary)}@media only screen and (max-width:768px){.payslip__content .payslip-content__main .content-main--wrapper{grid-template-areas:"form" "preview";grid-template-columns:calc(100% - 30px)}.payslip-content__main .content-main__preview{margin-top:-15px;margin-left:-30px;margin-right:-30px;margin-bottom:5px}}.payslip-preview--zoom .employee__name,.payslip-preview--zoom .payDate span,.payslip-preview--zoom .payDate strong{font-size:1.25rem!important}.payslip-preview--zoom .content-information span,.payslip-preview--zoom .description__company strong,.payslip-preview--zoom .description__employee span,.payslip-preview--zoom .payslip__info span,.payslip-preview--zoom .remarks-content h6,.payslip-preview--zoom .remarks-content p,.payslip-preview--zoom .remarks-content p span,.payslip-preview--zoom table td,.payslip-preview--zoom table td span,.payslip-preview--zoom table th,.payslip-preview--zoom table th span{font-size:12px!important}.payslip-preview--zoom .content__title,.payslip-preview--zoom .info__title,.payslip-preview--zoom .remarks__title{font-size:13px!important}.payslip-preview--zoom .payslip__footer h6{font-size:10px!important}