body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow:hidden}.login-container{align-items:center;background-color:#ede7e7;display:flex;justify-content:center;min-height:100vh}.login-form-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.login-form-group{margin-bottom:1rem;text-align:left}.login-form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem;text-align:center}.login-form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:0;margin-top:1rem;width:100%}.login-btn:hover{background-color:#0056b3}.forgot-password{margin-top:1rem}.forgot-password a{color:#007bff;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.navbar{background-color:#333;color:#fff;justify-content:space-between;padding:10px 20px}.navbar,.navbar-center,.navbar-left,.navbar-right{align-items:center;display:flex}.navbar-left{flex:1 1}.navbar-center{flex:2 1;justify-content:center}.navbar-right{align-items:center;flex:1 1;justify-content:flex-end}.app-name{color:#fff;font-size:1.5rem}.company-logo{max-height:50px;width:80px}.company-name{color:#fff;font-size:1.5rem}.navbar-links{display:flex;list-style:none}.navbar-links li{margin-left:20px}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}.navbar-profile{margin-left:20px}.navbar-dashboard,.navbar-logout,.navbar-profile{align-items:center;display:flex}.profile-icon{color:#f5a623;margin-right:15px}.profile-info{align-items:flex-start;display:flex;flex-direction:column}.profile-username{font-size:1.5rem;font-weight:700}.profile-role{color:#ccc;font-size:.875rem}.navbar-profile{position:relative}.modal-below-icon{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#333;min-width:200px;padding:10px;position:absolute;right:0;top:100%;z-index:100}.modal-below-icon h3{font-size:1.2rem;margin-bottom:5px;margin-top:0}.modal-below-icon p{margin:5px 0}.register-container{align-items:center;background-color:#ede7e7;display:flex;justify-content:center;margin-top:3%;min-height:30%}.register-form-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;height:40%;max-width:600px;overflow:hidden;width:40%}.register-form-group,h2{margin-bottom:1rem}.register-form-group label{color:#555;display:block;flex-wrap:wrap;font-weight:500;margin-bottom:.1rem}.register-form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;flex-wrap:wrap;padding:.4rem;width:60%}.register-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:.75rem;width:20%}.register-btn:hover{background-color:#0056b3}.error{color:red;margin-top:1rem}.success{color:green}.login-link,.success{margin-top:1rem}.login-link a{color:#007bff;text-decoration:none}.login-link a:hover{text-decoration:underline}.password-criteria{list-style-type:none;margin-top:.5rem;padding:0;text-align:center}.password-criteria li{color:red;font-size:14px}.password-criteria li.met{color:green;font-weight:700}.page-container{display:flex;height:100vh;overflow:hidden}.dashboard-box{background-color:#f4f4f4;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;text-align:left;width:20%}.dashboard-box h3{font-size:1.5rem;margin-bottom:20px}.dashboard-box ul{font-size:1.2rem;list-style-type:none;padding:0}.dashboard-box li{margin:10px 0}.dashboard-box a{background-color:#333;border-radius:5px;color:#fff;display:block;font-weight:700;padding:10px 15px;text-align:center;text-decoration:none}.dashboard-box a:hover{background-color:#555}.content-box{background-color:#fff;padding:40px;width:80%}h1{font-size:2rem;margin:0}.company-setup-container{background-color:#ede7e7;display:flex;justify-content:center;min-height:60vh;padding:0 2rem}.company-form-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin-top:2%;max-width:800px;padding:2%;width:70%}h2{font-size:24px;margin-bottom:1.5rem;margin-top:1rem}h4{color:#555;font-size:20px}.form-row,h4{margin-bottom:1rem}.form-row{gap:1.5rem}.form-group{flex:1 1;min-width:240px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem;text-align:left}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:.5rem}textarea{min-height:80px;resize:vertical}button{margin-top:1rem;padding:.75rem 1.5rem}button:last-of-type{margin-right:0}.error{color:#d9534f;font-size:14px}.employee-setup{margin:0 auto;padding:20px;width:80%}.ant-form-item{margin-bottom:10px}.ant-form-item-label{white-space:nowrap}.ant-form-item-control{display:flex;flex-direction:column}.form-row{display:flex;flex-wrap:wrap;margin-bottom:10px}.form-col{flex:1 1;min-width:200px;padding-right:16px}.ant-form-item{margin-bottom:0}.ant-form-item-label{padding-right:10px;text-align:left}.ant-form-item-control-input{flex:1 1}@media (max-width:768px){.form-col{flex:1 1 100%;padding-right:0}}.employee-setup-container{box-sizing:border-box;margin:0 auto;padding:50px 20px 20px;width:85%}.employee-setup-stepper{margin-bottom:20px}.employee-setup-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:40px}.employee-setup-form .MuiTextField-root{width:100%}.employee-setup-button-container{display:flex;justify-content:space-between;margin-top:20px}.employee-setup-button-container .MuiButton-root{font-size:16px;padding:10px 20px}.employee-setup-button-container .MuiButton-contained{background-color:#1976d2;color:#fff}.employee-setup-button-container .MuiButton-contained:hover{background-color:#155a9f}.employee-setup-button-container .MuiButton-text{color:#1976d2}.employee-setup-date-picker .MuiFormControl-root{width:100%}.MuiStepLabel-label.Mui-active{color:#1976d2;font-weight:700}.biometric-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;margin:80px auto;max-width:500px;padding:20px}h2{color:#333}.fileupload-button{border:1px solid #ccc;border-radius:5px;display:block;font-size:16px;margin:10px auto 20px;padding:5px;width:50%}.button-wrapper{display:flex;justify-content:center}p{color:#333;font-size:14px;text-align:center}.list-container{height:500px;margin-left:20px;margin-right:10px;margin-top:20px;overflow-x:auto;overflow-y:auto}thead{background-color:#f4f4f4}td,th{border:1px solid #ddd;padding:8px}th{background-color:#f4f4f4}tr:nth-child(2n){background-color:#f9f9f9}td div{margin-bottom:5px}th{background-color:#f2f2f2;position:sticky;top:0;z-index:1}tbody tr{background-color:#fff}.timesheet-container{padding:20px}body{height:100vh;margin:0;overflow-y:auto;padding:0}h1{padding:15px}table{border-collapse:collapse;margin-bottom:10px;margin-top:10px;width:100%}table,td,th{border:1px solid #000}td,th{padding:10px;text-align:left}.upload-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin-right:10px;padding:10px}.upload-button:hover{background-color:#45a049}.step-content{justify-content:center;margin-top:2%;text-align:center}.button-group,.step-content{align-items:center;display:flex;flex-direction:column}.button-group{margin-bottom:2%}.button-group-two{flex-direction:column-reverse;justify-content:safe;margin-top:20px}.timesheet-table{overflow-x:auto;overflow-y:auto;width:100%}.table-gridcontainer{height:450px;margin-left:20px;margin-right:20px;margin-top:20px;overflow-x:auto;overflow-y:auto}.employee-gridtable{border-collapse:collapse;min-width:1200px;width:100%}.employee-gridtable td,.employee-gridtable th{border:1px solid #ddd;padding:10px;text-align:left}.employee-gridtable th{background-color:#f2f2f2;color:#000}.employee-gridtable tr:nth-child(2n){background-color:#f9f9f9}.employee-gridtable tr:hover{background-color:#ddd}.add-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.add-button:hover{background-color:#45a049}body,html{font-family:Arial,sans-serif;height:100%;overflow-y:auto}.container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:20px;width:100%}.payrole-form-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;margin:10px 0 0 20px;max-height:80vh;max-width:800px;min-width:500px;overflow-y:auto;padding:20px;width:75%}.table-container{background-color:#fff;border-radius:18px;box-shadow:0 4px 8px #0000001a;margin-left:10px;margin-right:40px;padding:10px 10px 30px;width:50%}.table-container table{border-collapse:collapse;margin:0 auto;width:100%}.table-container td,.table-container th{border:1px solid #ddd;padding:4px 10px;text-align:left}.table-container th{background-color:#f1f1f1}.total-row{background-color:#d0e7ff;font-weight:700}.table-container td{width:25%}.table-container table{table-layout:auto}.ctc-info,.table-container td,.table-container th{font-size:14px}.ctc-info{color:gray;font-weight:700;margin-left:0;margin-top:15px;text-align:left}h2{font-size:22px;margin-bottom:20px}h2,h3{text-align:center}h3{font-size:18px;font-weight:700;margin:5px 0 10px}.form-group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:15px}.percentage-symbol{font-weight:700;margin-left:5px}.form-group label{font-weight:700;margin-right:10px;width:200px}.form-group input[type=file],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;flex:0px 1;min-width:8px;padding:8px}.checkbox-group{align-items:center;display:flex;margin-bottom:15px}.checkbox-group input[type=checkbox]{margin-right:10px}.checkbox-group label{margin:0}.button-container{justify-content:center}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#0056b3}.error-message{color:red;font-size:14px;margin-top:10px;text-align:center}.demo-payslip-heading{color:#070707;font-size:34px;font-weight:700;margin-bottom:10px;margin-top:5px;text-align:center}.reimbursement-group{margin-bottom:20px}.reimbursement-item{align-items:left;display:flex;justify-content:space-between;margin-bottom:10px}.reimbursement-input,.reimbursement-input-label{border:1px solid #ddd;border-radius:4px;color:#130d0d;font-size:14px;padding:6px}.reimbursement-input-label{flex:0 1;margin-right:10px;text-align:right}.reimbursement-input{flex:0 1;text-align:center}.reimbursement-input input,.reimbursement-input-label input{box-sizing:border-box;width:100%}.pf-employment-type-container{display:flex;flex-direction:column;gap:10px}.pf-employment-type-item{align-items:center;display:flex;margin-bottom:5px}.pf-employment-type-item input[type=checkbox]{margin-right:10px}.pf-employment-type-label{color:#333;font-size:14px}@media (max-width:768px){.container{flex-direction:column}.payrole-form-container,.table-container{margin:10px auto;max-height:90vh;overflow-y:auto;width:90%}.form-group{align-items:flex-start;flex-direction:column}.form-group label{margin-bottom:5px;width:auto}.button-container{flex-direction:column}.checkbox-group input[type=checkbox]{margin-right:10px;position:relative;vertical-align:middle}.checkbox-group label{line-height:1.5;margin:0}button{margin:5px 0}.reimbursement-item{flex-direction:column}.reimbursement-input,.reimbursement-input-label{margin-bottom:5px;width:100%}}.companydetails-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:1% auto 0;max-width:800px;padding:20px}.company-details-container{display:flex;flex-direction:column;margin-top:20px}.edit-icon{color:#060707;cursor:pointer;font-size:18px;margin-left:10px}.edit-icon:hover{color:#000203}.field-container{display:flex;padding:7px 0}.field-label{font-weight:700;padding-left:2%;padding-right:3%;text-align:left;width:200px}.field-value{flex:1 1;text-align:left}.input-field{width:500px}.file-input,.input-field{box-sizing:border-box;padding:4px}.file-input{background:#000;width:100x}.button-container{display:flex;flex-direction:row-reverse;gap:10px;margin-top:20px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px;width:90px}.save-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#0f13f5;color:#fff}.table-container{padding:20px}.select-month{margin-bottom:20px;min-width:200px}.submit-button{margin-left:10px}.table-header{background-color:#797575;font-weight:700}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ce364066.css.map*/