.mt-rem-1[data-v-4f9e6dd2],.my-rem-1[data-v-4f9e6dd2]{margin-top:1rem}.mb-rem-1[data-v-4f9e6dd2],.my-rem-1[data-v-4f9e6dd2]{margin-bottom:1rem}.ml-rem-1[data-v-4f9e6dd2],.mx-rem-1[data-v-4f9e6dd2]{margin-left:1rem}.mr-rem-1[data-v-4f9e6dd2],.mx-rem-1[data-v-4f9e6dd2]{margin-right:1rem}.mt-rem-2[data-v-4f9e6dd2],.my-rem-2[data-v-4f9e6dd2]{margin-top:2rem}.mb-rem-2[data-v-4f9e6dd2],.my-rem-2[data-v-4f9e6dd2]{margin-bottom:2rem}.ml-rem-2[data-v-4f9e6dd2],.mx-rem-2[data-v-4f9e6dd2]{margin-left:2rem}.mr-rem-2[data-v-4f9e6dd2],.mx-rem-2[data-v-4f9e6dd2]{margin-right:2rem}.mt-rem-3[data-v-4f9e6dd2],.my-rem-3[data-v-4f9e6dd2]{margin-top:3rem}.mb-rem-3[data-v-4f9e6dd2],.my-rem-3[data-v-4f9e6dd2]{margin-bottom:3rem}.ml-rem-3[data-v-4f9e6dd2],.mx-rem-3[data-v-4f9e6dd2]{margin-left:3rem}.mr-rem-3[data-v-4f9e6dd2],.mx-rem-3[data-v-4f9e6dd2]{margin-right:3rem}.mt-rem-4[data-v-4f9e6dd2],.my-rem-4[data-v-4f9e6dd2]{margin-top:4rem}.mb-rem-4[data-v-4f9e6dd2],.my-rem-4[data-v-4f9e6dd2]{margin-bottom:4rem}.ml-rem-4[data-v-4f9e6dd2],.mx-rem-4[data-v-4f9e6dd2]{margin-left:4rem}.mr-rem-4[data-v-4f9e6dd2],.mx-rem-4[data-v-4f9e6dd2]{margin-right:4rem}.mt-rem-5[data-v-4f9e6dd2],.my-rem-5[data-v-4f9e6dd2]{margin-top:5rem}.mb-rem-5[data-v-4f9e6dd2],.my-rem-5[data-v-4f9e6dd2]{margin-bottom:5rem}.ml-rem-5[data-v-4f9e6dd2],.mx-rem-5[data-v-4f9e6dd2]{margin-left:5rem}.mr-rem-5[data-v-4f9e6dd2],.mx-rem-5[data-v-4f9e6dd2]{margin-right:5rem}.animated-background[data-v-4f9e6dd2]{animation:placeholder-shimmer 1.35s ease-in-out .15s infinite normal forwards;background:#e0e0e0;background:linear-gradient(90deg,#e0e0e0 8%,#f4f4f4 18%,#e0e0e0 33%);background-size:800px 100px;position:relative}.cost-row[data-v-4f9e6dd2]{padding:0 .5rem;margin-bottom:.5rem;display:flex;justify-content:space-between;font-size:10px}.cost-title[data-v-4f9e6dd2]{margin:0;font-size:1.5em;font-weight:400}.cost-subtitle[data-v-4f9e6dd2]{margin:0;font-size:1.5em;font-weight:700}.cost-subtitle--green[data-v-4f9e6dd2]{color:#6fcf97}.cost-subtitle--red[data-v-4f9e6dd2]{color:#f4363c}.status-tag[data-v-4f9e6dd2]{padding:7px 14px;border-radius:8px;color:#fff;margin:0;font-size:1.3em;font-weight:400}.status-tag--purple[data-v-4f9e6dd2]{background:#bb6bd9}.status-tag--success[data-v-4f9e6dd2]{background:#6fcf97}.status-tag--info[data-v-4f9e6dd2]{background:#56ccf2}.payroll-header[data-v-4f9e6dd2]{padding:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:10px}.payroll-header__title[data-v-4f9e6dd2]{margin:0;font-size:1.8em;font-weight:400}.payroll-header__subtitle[data-v-4f9e6dd2]{margin:0;font-size:1.7em;font-weight:700;color:#f46500;padding:5px}.payroll-header__excerpt[data-v-4f9e6dd2]{margin:0;color:#6b6b6b;font-size:1.2em;font-weight:400}.mt-rem-1[data-v-9e2a7608],.my-rem-1[data-v-9e2a7608]{margin-top:1rem}.mb-rem-1[data-v-9e2a7608],.my-rem-1[data-v-9e2a7608]{margin-bottom:1rem}.ml-rem-1[data-v-9e2a7608],.mx-rem-1[data-v-9e2a7608]{margin-left:1rem}.mr-rem-1[data-v-9e2a7608],.mx-rem-1[data-v-9e2a7608]{margin-right:1rem}.mt-rem-2[data-v-9e2a7608],.my-rem-2[data-v-9e2a7608]{margin-top:2rem}.mb-rem-2[data-v-9e2a7608],.my-rem-2[data-v-9e2a7608]{margin-bottom:2rem}.ml-rem-2[data-v-9e2a7608],.mx-rem-2[data-v-9e2a7608]{margin-left:2rem}.mr-rem-2[data-v-9e2a7608],.mx-rem-2[data-v-9e2a7608]{margin-right:2rem}.mt-rem-3[data-v-9e2a7608],.my-rem-3[data-v-9e2a7608]{margin-top:3rem}.mb-rem-3[data-v-9e2a7608],.my-rem-3[data-v-9e2a7608]{margin-bottom:3rem}.ml-rem-3[data-v-9e2a7608],.mx-rem-3[data-v-9e2a7608]{margin-left:3rem}.mr-rem-3[data-v-9e2a7608],.mx-rem-3[data-v-9e2a7608]{margin-right:3rem}.mt-rem-4[data-v-9e2a7608],.my-rem-4[data-v-9e2a7608]{margin-top:4rem}.mb-rem-4[data-v-9e2a7608],.my-rem-4[data-v-9e2a7608]{margin-bottom:4rem}.ml-rem-4[data-v-9e2a7608],.mx-rem-4[data-v-9e2a7608]{margin-left:4rem}.mr-rem-4[data-v-9e2a7608],.mx-rem-4[data-v-9e2a7608]{margin-right:4rem}.mt-rem-5[data-v-9e2a7608],.my-rem-5[data-v-9e2a7608]{margin-top:5rem}.mb-rem-5[data-v-9e2a7608],.my-rem-5[data-v-9e2a7608]{margin-bottom:5rem}.ml-rem-5[data-v-9e2a7608],.mx-rem-5[data-v-9e2a7608]{margin-left:5rem}.mr-rem-5[data-v-9e2a7608],.mx-rem-5[data-v-9e2a7608]{margin-right:5rem}.animated-background[data-v-9e2a7608]{animation:placeholder-shimmer 1.35s ease-in-out .15s infinite normal forwards;background:#e0e0e0;background:linear-gradient(90deg,#e0e0e0 8%,#f4f4f4 18%,#e0e0e0 33%);background-size:800px 100px;position:relative}@media (max-width:991.98px){.my-payslip-page[data-v-9e2a7608]{padding:0;max-width:100%}}.period-option-box[data-v-9e2a7608]{display:flex;flex-direction:column;width:180px}.payroll-row[data-v-9e2a7608]{padding:1.5rem;display:flex;flex-wrap:wrap}.payroll-row .payroll-col[data-v-9e2a7608]{width:100%;margin-bottom:1rem}@media (min-width:720px){.payroll-row .payroll-col[data-v-9e2a7608]{width:calc(50% - .5rem);margin-bottom:1rem;margin-left:1rem}.payroll-row .payroll-col[data-v-9e2a7608]:nth-child(odd){margin-left:0}}@media (min-width:1024px){.payroll-row .payroll-col[data-v-9e2a7608]{width:calc(33.33333% - .66667rem);margin-bottom:1rem;margin-left:1rem}.payroll-row .payroll-col[data-v-9e2a7608]:nth-child(odd){margin-left:1rem}.payroll-row .payroll-col[data-v-9e2a7608]:nth-child(3n+1){margin-left:0}}.payslip-card-selected[data-v-9e2a7608] .payroll-box{box-shadow:none!important}.header-filter[data-v-9e2a7608]{display:flex;flex-direction:column;padding:1rem;border-bottom:1px solid #ececec}@media (min-width:576px){.header-filter[data-v-9e2a7608]{flex-direction:row}}.empty-payroll[data-v-9e2a7608]{font-size:14px}