#payslipPreviewContainer[data-v-3af0786c]{--font-size-px:12px;--font-size-rem:0.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-3af0786c]{font-size:40px;font-size:2.5rem}#payslipPreviewContainer h2[data-v-3af0786c]{font-size:20px;font-size:1.25rem}#payslipPreviewContainer h3[data-v-3af0786c]{font-size:13.33333px;font-size:.83333rem}#payslipPreviewContainer h4[data-v-3af0786c]{font-size:10px;font-size:.625rem}#payslipPreviewContainer h5[data-v-3af0786c]{font-size:8px;font-size:.5rem}#payslipPreviewContainer h6[data-v-3af0786c]{font-size:6.66667px;font-size:.41667rem}#payslipPreviewContainer b[data-v-3af0786c],#payslipPreviewContainer em[data-v-3af0786c],#payslipPreviewContainer i[data-v-3af0786c],#payslipPreviewContainer label[data-v-3af0786c],#payslipPreviewContainer p[data-v-3af0786c],#payslipPreviewContainer span[data-v-3af0786c],#payslipPreviewContainer strong[data-v-3af0786c],#payslipPreviewContainer u[data-v-3af0786c]{font-size:10px;font-size:.625rem}#payslipPreviewContainer td[data-v-3af0786c],#payslipPreviewContainer th[data-v-3af0786c],#payslipPreviewContainer tr[data-v-3af0786c]{font-size:8.75px;font-size:.54688rem}#payslipPreviewContainer .m-portlet.payslip--full p[data-v-3af0786c]{margin:0}#payslipPreviewContainer .m-portlet.payslip--full .m-portlet__body[data-v-3af0786c]{padding:1.1rem}#payslipPreviewContainer .m-portlet.payslip--full .company-address[data-v-3af0786c]{text-align:right}#payslipPreviewContainer .m-portlet.payslip--full .company-logo[data-v-3af0786c]{width:100%!important;height:auto!important;float:right!important}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row[data-v-3af0786c]{margin-top:1rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row.remarks[data-v-3af0786c]{margin-top:1.5rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7>.row.addition-info[data-v-3af0786c]{margin-top:2rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .payslip__header .payDate span[data-v-3af0786c],#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .payslip__header .payDate strong[data-v-3af0786c]{font-size:12.5px;font-size:.78125rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .profile .list-group-item[data-v-3af0786c]{margin-bottom:.25rem}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay[data-v-3af0786c]{padding:1.5rem 0 .5rem!important;display:table;width:100%}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay>span[data-v-3af0786c]{width:100%;display:table-cell;vertical-align:middle}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .pay>span[data-v-3af0786c]:first-of-type{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .crop-text[data-v-3af0786c]:before{content:"";display:block;height:0;width:0;margin-top:-.375em}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .information .content-information[data-v-3af0786c]{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-3af0786c]{display:table-cell;vertical-align:middle}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .content .table thead tr th[data-v-3af0786c]{padding:.5rem 0}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content[data-v-3af0786c]{border:none;padding:0;margin-right:1px}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content[data-v-3af0786c]:first-of-type{padding-left:15px}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered[data-v-3af0786c]{border-radius:2px;padding:5px;height:100%}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered.border-black[data-v-3af0786c]{border:1px solid var(--dark-text-secondary)}#payslipPreviewContainer .m-portlet.payslip--full #payslipv7 .remarks-content .remarks--bordered.border-red[data-v-3af0786c]{border:1px solid var(--color-danger)}#payslipPreviewContainer[data-v-3294f152]{--font-size-px:12px;--font-size-rem:0.75rem;font-size:var(--font-size-px);font-size:var(--font-size-rem);line-height:var(--line-height)}#payslipPreviewContainer h1[data-v-3294f152]{font-size:40px;font-size:2.5rem}#payslipPreviewContainer h2[data-v-3294f152]{font-size:20px;font-size:1.25rem}#payslipPreviewContainer h3[data-v-3294f152]{font-size:13.33333px;font-size:.83333rem}#payslipPreviewContainer h4[data-v-3294f152]{font-size:10px;font-size:.625rem}#payslipPreviewContainer h5[data-v-3294f152]{font-size:8px;font-size:.5rem}#payslipPreviewContainer h6[data-v-3294f152]{font-size:6.66667px;font-size:.41667rem}#payslipPreviewContainer b[data-v-3294f152],#payslipPreviewContainer em[data-v-3294f152],#payslipPreviewContainer i[data-v-3294f152],#payslipPreviewContainer label[data-v-3294f152],#payslipPreviewContainer p[data-v-3294f152],#payslipPreviewContainer span[data-v-3294f152],#payslipPreviewContainer strong[data-v-3294f152],#payslipPreviewContainer td[data-v-3294f152],#payslipPreviewContainer th[data-v-3294f152],#payslipPreviewContainer tr[data-v-3294f152],#payslipPreviewContainer u[data-v-3294f152]{font-size:8.75px;font-size:.54688rem}#payslipPreviewContainer .m-portlet.payslip--half[data-v-3294f152]{--line-height:1}#payslipPreviewContainer .m-portlet.payslip--half p[data-v-3294f152]{margin:0}#payslipPreviewContainer .m-portlet.payslip--half .m-portlet__body[data-v-3294f152]{padding:1.1rem}#payslipPreviewContainer .m-portlet.payslip--half .m-separator[data-v-3294f152]{margin:.25rem 0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7[data-v-3294f152]{line-height:var(--line-height)}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7>.row[data-v-3294f152]{margin-top:.25rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .content .table[data-v-3294f152]{margin-bottom:.25rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .content .table td[data-v-3294f152],#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .content .table th[data-v-3294f152]{padding:0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .name .employee__name[data-v-3294f152]{margin-bottom:0!important;font-weight:500!important;text-transform:uppercase;font-size:12.5px;font-size:.78125rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .name .employee__name[data-v-3294f152]:before{content:"";display:block;height:0;width:0;margin-top:-.125em}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .payDate>p[data-v-3294f152]{display:table}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__header .payDate>p>[data-v-3294f152]{display:table-cell;vertical-align:top}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__description[data-v-3294f152]{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(calc(33% - 5px),auto));grid-gap:5px;margin:.25rem 0 0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__description--stacked .list-group .list-group-item[data-v-3294f152]{padding:0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__description--stacked .list-group .list-group-item.borderless[data-v-3294f152]{border:none}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__description .description__payment .company-address[data-v-3294f152]{text-transform:uppercase}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__description .description__company .company-logo[data-v-3294f152]{max-width:100%;max-height:30px;height:auto;float:right;margin-bottom:.125rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__content .content__grid[data-v-3294f152]{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(calc(33% - 5px),auto));grid-gap:5px;margin:.5rem 0 0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__content .content__title[data-v-3294f152]{margin-bottom:.25rem;font-weight:400;font-size:11.25px;font-size:.70312rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .info__title[data-v-3294f152]{margin-bottom:0;font-weight:400;font-size:11.25px;font-size:.70312rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .info__grid[data-v-3294f152]{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(calc(33% - 5px),auto));grid-gap:5px;margin:.5rem 0 0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .pay[data-v-3294f152]{display:table;width:100%}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .pay>span[data-v-3294f152]{display:table-cell;vertical-align:middle}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information[data-v-3294f152]{width:calc(25% - 4px);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.125rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information[data-v-3294f152]:nth-of-type(4n){margin-right:0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information[data-v-3294f152]:first-of-type,#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information[data-v-3294f152]:nth-of-type(4n+1){margin-left:0}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information>span[data-v-3294f152]{font-size:8.75px;font-size:.54688rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__info .content-information>span[data-v-3294f152]:last-of-type{margin-left:auto}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__remarks .remarks__title[data-v-3294f152]{margin-bottom:.25rem;font-weight:400;font-size:11.25px;font-size:.70312rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__remarks .remarks-content[data-v-3294f152]{padding:0;border:0;margin-bottom:.0625rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__remarks .remarks-content[data-v-3294f152]:not(:first-of-type){margin-left:.125rem}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__remarks .remarks-content .remarks--bordered[data-v-3294f152]{padding:.125rem;border:1px solid var(--border-gray);border-radius:1px}#payslipPreviewContainer .m-portlet.payslip--half #payslipv7 .payslip__remarks .remarks-content .card-title[data-v-3294f152]{margin:0;padding:0;display:block}#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}: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}.payslip-preview{padding:0!important;background-color:var(--bg-primary);grid-area:preview;height:1200px;overflow-y:auto}.max-width-100{max-width:120px!important}