*{margin:0;padding:0;box-sizing:border-box}:root{background-color:#702d52}.login-form-wrapper{max-width:20rem;max-height:60rem;background:transparent;margin-top:20rem;margin-left:auto;margin-right:auto;color:#fff;border-radius:1rem;padding:1rem 2rem;border:.2rem solid rgba(225,225,225,.2);box-shadow:0 0 1rem #0003;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}.login-form-wrapper form{display:flex;justify-content:center;align-items:center;flex-direction:column}.login-form-wrapper h1{font-size:2em}.login-form-wrapper .input-box{width:100%;position:relative;height:2rem;margin:2rem,0rem}.login-form-wrapper .input-box input{width:100%;border-radius:2rem;background:transparent;font-size:1em;color:#fff}.rember-forgot{width:100%;display:flex}.rember-forgot label{margin-right:auto}.rember-forgot a{cursor:pointer}.login-form-wrapper button{width:100%;height:2rem;margin:1rem 0rem;box-shadow:0 0 2rem #0000001a;cursor:pointer;font-size:1.4em;border-radius:1rem;border:none}.header{display:flex;background-color:#353131;width:100%;color:#fff;column-gap:2rem;padding-left:1rem;padding-right:1rem;position:fixed;border-color:#00f;border-width:.2rem;border-style:solid;border-radius:3rem;font-size:1.2em;box-sizing:border-box;top:0;z-index:200}#home{margin-right:auto}.header p:hover{cursor:pointer}.slips{position:relative;top:2rem;background-color:#fff;padding-bottom:1rem}.slips .employee-info{width:100%;display:grid;grid-template-rows:2rem 2rem;grid-template-columns:4rem 1fr}.employee-info img{grid-row:1/3;grid-column:1/2;border-radius:50%;width:4rem;height:4rem;background-color:#000}.employee-info .emp-first-section{display:flex;flex-direction:column}.employee-info .emp-second-section{display:flex;column-gap:2rem;flex-direction:column;margin-top:.5rem}.emp-second-section .headers{display:flex;flex-wrap:wrap}.emp-second-section .values{display:flex}.emp-second-section p{min-width:8rem;text-align:center}.emp-second-section .values p{font-weight:700}.employee-info hr{margin-bottom:2rem}.payslip{margin-top:2rem;width:98%;height:5rem;display:flex;column-gap:1rem;align-items:center;border-width:.1rem;border-style:solid;border-color:#000;border-radius:.4rem;margin:1rem 0rem 1rem .5rem;box-shadow:0 0 1rem #0003;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-wrap:wrap}.payslip select{height:1rem}.payslip h1{width:100%;flex-basis:100%;margin-left:2.5rem}#month-select-101{margin-left:2rem}.payslipview{width:calc(100% - 40px);display:flex;flex-wrap:wrap;background-color:#fff;margin:0 20px;position:fixed;top:40px;z-index:1000}.print-close{position:relative;top:40px;right:20px;z-index:1001;display:flex;float:right}.print-close button{border-radius:10%;font-size:1rem;height:1.5rem;margin-right:2px}.payslip-header{width:100%;display:flex}.payslip-header img{width:4rem;height:4rem;z-index:500;margin-left:.5rem}.payslip-header-description{width:100%;text-align:center;margin-left:-6rem;font-size:.5rem}.payslip-header-description .org-name{font-size:1.5em;font-weight:700}.payslip-data{font-size:.8em;width:100%;margin:0rem 1rem 1rem;border:.2rem solid black}.payslip-data-empdetails{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.payslip-data-empdetails .left{display:flex;flex-direction:column;flex-wrap:wrap;border-right:.2rem solid black;width:50%;height:10rem}.payslip-data-empdetails p{font-weight:700;position:relative;margin-left:.2rem;padding-right:10rem}.payslip-data-empdetails span{font-weight:200;position:absolute;left:6rem}.payslip-data-empdetails .right{width:50%}.payslip-data-headers{font-size:.5em;display:flex;width:100%;border-top:.2rem solid black;border-bottom:.2rem solid black;justify-content:space-between;text-align:center}.earnings-deductions{display:flex;width:100%;flex-wrap:wrap}.payslip-data-earnings{width:50%}.earnings-headers,.deductions-headers{border-bottom:.2rem solid black;font-size:.5em;display:flex;justify-content:space-between;text-align:center;width:100%}.earnings-headers h1,.earnings-data p{border-right:.2rem solid black;width:50%}.deductions-data p:empty{height:1em}.payslip-data-deductions{width:50%;float:left}.deductions-headers h1{width:50%}.earnings-data{font-size:1em;line-height:1em;display:flex;justify-content:space-between;text-align:right;width:100%}.earnings-data p:nth-child(1),.deductions-data p:nth-child(1),.earnings-deductions-end h1:nth-child(odd){text-align:left}.deductions-headers h1:nth-child(1),.deductions-data p:nth-child(1){border-right:.2rem solid black;width:50%}.deductions-data{font-size:1em;line-height:1em;display:flex;justify-content:space-between;text-align:right}.earnings-deductions-end{border-top:.2rem solid black;text-align:right}.earnings-deductions-end h1{width:25%}.payslip-data-total{text-align:center;font-size:.4rem}.payslipview-overlay{z-index:1000;background-color:#000000b3;position:fixed;top:0;left:0;width:100%;height:100vh}.payslip-not-found{margin-top:5rem;font-size:2em;font-weight:700;width:100%;background-color:red;text-align:center}