.login{align-items:center;background-color:#e9f2f7;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:10px;padding:20px}.loginLabel{display:block;margin-bottom:8px}.loginInput{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;padding:8px;width:100%}.loginButton{background-color:#1da1f2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.loginStatus{color:#d9534f;margin-top:16px;text-align:center}.loginlogo{padding-bottom:10px}.loginPage{padding:25px;text-align:center}.carasol{height:700px;width:800px}.popup{background:#fff;background-color:#d92728;border:1px solid #ccc;border-radius:4px;height:70px;inset:15px;margin:auto;outline:none;padding:10px;position:absolute;width:500px}.popbody,.successpopbody{background:none;border:none;border-radius:4px;height:90px;inset:auto;overflow:none;padding:20px;right:238px;top:65px;width:250px}.popbody,.successpopbody,.successpopup{margin:auto;outline:none;position:absolute}.successpopup{background:#fff;background-color:#6d9335;border:1px solid #ccc;border-radius:4px;height:70px;inset:15px;padding:10px;width:500px}.vThink{width:200px}.nextbox{background-color:#fff;border-radius:15px;padding:50px}.sidebar{background-color:#fcfcfc;box-shadow:2px 0 5px #0003;color:#fff;height:100%;left:0;padding:0 10px;position:fixed;text-align:center;top:0}.sidebar a{color:#fff;display:block;padding:16px;text-decoration:none}.sidebar a:hover{background-color:#555}.logo{height:20%;left:0;padding-left:10px;padding-top:20px;top:0}.top{align-items:center;color:#1da1f2;display:flex;font-size:20px;margin-right:20px;padding:30px 20px 10px}.btn:hover{background-color:#3e69e1}.custom-button:hover{color:#fff}.uicon{padding-top:350px}.Header{transform:translate(10%,-220%)}.buttons{height:60%}.name{display:flex;justify-content:center}.hovered-button,.setb{background-color:#fff;border:none}.set{margin-top:40px}.hometext{color:#555;padding-top:5px}.hometext.hovered{color:#1da1f2}.settings{color:#555;padding-top:7px}.settings.hovered{color:#1da1f2}.logb{background-color:#fff;border:none;height:20%}.logout-btn{all:unset;align-items:center;color:#555;cursor:pointer;display:flex;margin:auto}.logout.hovered{color:#1da1f2}.lb{height:10%}.lb .logout,.lb button{cursor:pointer}table{border:1px solid #ccc;border-collapse:collapse;border-radius:10px;overflow-x:auto;position:center;text-align:center;width:100%}.history{padding-top:80px}.txt-history{color:#1da1f2;font-size:24px;font-weight:600}.FileUpload{padding-left:120px}.title{align-items:center;display:flex;justify-content:flex-start}.text{font-size:16px;font-weight:600}.paratext{font-size:14px;font-weight:400}.cancelProgress{background-color:#fff;border:none;padding-right:15px}.progressDiv{align-items:center;display:flex;justify-content:space-between}.fileUploadName{align-items:flex-start;display:flex;width:85%}.sidebar-buttons button,.sidebar-buttons>div{cursor:pointer}.dropzone{all:unset}.pagination-container{display:flex;list-style-type:none;.pagination-item{align-items:center;border-radius:16px;box-sizing:border-box;color:#000000de;display:flex;font-size:13px;height:32px;letter-spacing:.01071em;line-height:1.43;margin:auto 4px;min-width:32px;padding:0 12px;text-align:center;&.dots:hover{background-color:initial;cursor:default}&:hover{background-color:#0000000a;cursor:pointer}&.selected{background-color:#1da1f2}.arrow{&:before{border-right:.12em solid #000000de;border-top:.12em solid #000000de;content:"";display:inline-block;height:.4em;position:relative;width:.4em}&.left{transform:rotate(-135deg) translate(-50%)}&.right{transform:rotate(45deg)}}&.disabled{pointer-events:none;.arrow:before{border-right:.12em solid #0000006e;border-top:.12em solid #0000006e}&:hover{background-color:initial;cursor:default}}}}.logout-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal *{font-family:sans-serif}.logout-modal{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;height:200px;justify-content:center;max-width:90%;outline:none;padding:24px;width:420px}.logout-content h2{font-size:22px;margin:0 0 40px;text-align:center}.logout-actions{display:flex;gap:12px;justify-content:center}.btn-logout{background:#1da1f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-logout:hover{background-color:#1a91da}.manage-employees-container{min-height:100vh;padding-left:120px}.manage-employees-header{align-items:center;display:flex;height:50px;justify-content:space-between}.manage-employees-title{align-items:center;color:#1da1f2;display:flex;font-size:24px;font-weight:600;justify-content:flex-start;margin:0}.user-profile{align-items:center;display:flex;padding-right:20px}.user-profile img{align-items:center;display:flex;justify-content:flex-end;padding-right:10px}.tiles-container{display:flex;gap:20px;padding:20px 20px 20px 0}.location-tile{align-items:center;background-color:#fff;border-radius:10px;box-shadow:3px 3px 5px #0000001a;display:flex;flex-direction:column;justify-content:center;min-width:180px;padding:20px 30px}.tile-title{color:#484b4d;font-size:14px;font-weight:500;margin:0 0 8px}.tile-count{color:#1da1f2;font-size:32px;font-weight:600;margin:0}.employee-actions-bar{align-items:center;display:flex;justify-content:space-between;padding:15px 20px 15px 0}.employee-search-container{text-align:left;width:70%}.filter-wrap{display:flex;gap:20px}.employee-filter{position:relative}.filter-dropdown{background-color:#fff;box-shadow:3px 3px 5px #0003;position:absolute;width:100%}.filter-dropdown>div{border-bottom:1px solid #dcdcdc;padding:10px 15px}.filter-dropdown>div:hover{background-color:#edecec78;cursor:pointer}.employee-search-input{border:1px solid #9c9c9c;border-radius:5px;box-shadow:3px 3px 5px #0003;color:#6d6f71;font-size:16px;height:40px;outline:none;padding-left:20px;width:50%}.employee-search-input::placeholder{color:#9c9c9c}.add-btn,.add-employee-btn{align-items:center;background-color:#1da1f2;border:none;border-radius:5px;box-shadow:3px 3px 5px #0003;color:#fff;cursor:pointer;display:flex;font-family:sans-serif;font-size:14px;gap:8px;height:40px;justify-content:center;padding:0 20px}.add-employee-btn:hover{background-color:#1a91da}.add-employee-btn img{height:18px;width:18px}.employee-table-container{padding-right:20px}.employee-table{border:1px solid #ccc;border-collapse:collapse;border-radius:10px;overflow:hidden;text-align:center;width:100%}.employee-table *{font-family:sans-serif}.employee-table thead tr th{background-color:#1da1f2;box-shadow:0 2px 0 #0000001a,0 -2px 0 #0000001a;color:#fff;font-weight:500;padding:12px 8px;text-align:center}.employee-table tbody tr:nth-child(2n){background-color:#fafafa}.employee-table tbody tr:hover{background-color:#e8f4fd}.employee-table td,.employee-table th{color:#484b4d;overflow-wrap:break-word;padding:10px 8px}.action-buttons{gap:10px}.action-btn,.action-buttons{align-items:center;display:flex;justify-content:center}.action-btn{background-color:initial;border:none;border-radius:4px;cursor:pointer;padding:5px;transition:background-color .2s}.action-btn:hover{background-color:#e8f4fd}.action-btn.edit-btn:hover{background-color:#d4edff}.action-btn.delete-btn:hover{background-color:#ffe0e0}.action-btn img{height:20px;width:20px}.employee-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.employee-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;width:500px}.employee-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.employee-modal-header h3{color:#1da1f2;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:5px}.modal-close-btn img{height:20px;width:20px}.employee-form{display:flex;flex-direction:column}.margin-top-20{margin-top:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#484b4d;font-size:14px;font-weight:500}.form-group input,.form-group select{border:1px solid #9c9c9c;border-radius:5px;font-size:14px;outline:none;padding:10px 15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#1da1f2}.form-group input::placeholder{color:#9c9c9c}.form-actions{display:flex;gap:15px;padding-top:15px}.btn-cancel{background-color:#fff;border:1px solid #9c9c9c;border-radius:5px;color:#484b4d;cursor:pointer;font-family:sans-serif;font-size:14px;height:40px;padding:0 25px}.btn-cancel:hover{background-color:#f5f5f5}.btn-submit{background-color:#1da1f2!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:14px;height:40px;padding:0 25px}.btn-submit:hover{background-color:#1a91da}.delete-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:90%;padding:30px;text-align:center;width:400px}.delete-modal-icon{margin-bottom:15px}.delete-modal-icon img{height:50px;width:50px}.delete-modal h3{color:#484b4d;font-size:18px;margin:0 0 10px}.delete-modal p{color:#6d6f71;font-size:14px;margin:0 0 25px}.delete-modal-actions{display:flex;gap:15px;justify-content:center}.loading-container{align-items:center;display:flex;justify-content:center;padding:50px}.loading-container img{width:90px}.no-data{color:#6d6f71;font-size:16px;padding:50px;text-align:center}.employee-snackbar{background-color:#1da1f2;border-radius:5px;bottom:30px;color:#fff;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1001}.employee-snackbar.show{animation:snackbar-fadein .5s,snackbar-fadeout .5s 2.5s;visibility:visible}.employee-snackbar.error{background-color:#d92728}.employee-snackbar.success{background-color:#28a745}@keyframes snackbar-fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes snackbar-fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.select-wrapper{position:relative}.select-box{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.arrow{font-size:12px}.lead-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;left:0;max-height:180px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.lead-option{cursor:pointer;padding:8px 12px}.lead-option:hover{background-color:#f2f2f2}.dots-loader{display:flex;gap:5px}.loader-wrapper{margin-left:12px;padding:8px 0}.dots-loader span{animation:bounce 1.2s ease-in-out infinite;background:#1da1f2;border-radius:50%;height:6px;width:6px}.dots-loader span:nth-child(2){animation-delay:.15s}.dots-loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.employee-name-header{width:25%}.employee-select-btn{all:unset}.employee-select-box,.employee-select-btn{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;width:100%}label{font-family:sans-serif}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.sidebar-overlay{background:#0000004d;inset:0;position:fixed;z-index:998}.add-sidebar{height:100vh;overflow-y:scroll;width:550px}.sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.sidebar-content{padding:16px}.sidebar-content div{border-radius:6px;cursor:pointer}.sidebar-content div:hover{background:#f2f4f7}.sidebar-content .accordion-item{padding:20px 0}.addnew{position:relative}.addnew-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.addnew-close-btn{color:#484b4d;font-size:24px;line-height:1}.addnew-close-btn,.close-btn{background:#0000;border:none;cursor:pointer}.close-btn{font-size:20px}.accordion-body input{border:1px solid #9c9c9c;border-radius:5px;font-size:14px;margin:15px 0;outline:none;padding:10px 15px;transition:border-color .2s;width:90%}input{font-size:14px!important}.mb-15{margin-bottom:15px!important}.text-bold{font-size:18px!important;font-weight:800!important}h1,p{font-family:Open Sans,sans-serif}thead tr th{font-weight:500;text-align:center}tbody tr:nth-child(2n){background-color:#fafafa}td,th{color:#484b4d;overflow-wrap:break-word;padding:8px}.mail-btn{align-items:center;background-color:#1da1f2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:16px;gap:10px;height:40px;justify-content:center;margin:0;text-align:center;width:100px}button:disabled{opacity:.5}.mail-btn>img{height:25px;width:25px}.pagination-bar{display:flex;justify-content:right;padding:20px}.three-d-table{font-size:12px;width:50%}.datepicker-body{background:#fff;border:1px solid #9c9c9c;border-radius:5px;box-shadow:3px 3px 5px #0003;gap:10px;height:14px;justify-content:space-between;padding:12px;position:relative}.icon{padding:5px}.icon-filter{width:105px}.c1{align-items:center;height:60px;justify-content:flex-start;padding-bottom:15px}.c1,.search{display:flex}.search{width:100%}.wider-search-bar{border:1px solid #9c9c9c;border-radius:5px;box-shadow:3px 3px 5px #0003;color:#6d6f71;font-size:16px;height:35px;outline:none;padding-left:20px;text-shadow:#9c9c9c;width:100%}.attendance-header{align-items:left;border:0 0 .5px;border-bottom:.5px;border-inline-color:#b6b6b6;color:#1da1f2;font-size:10px;font-style:Open Sans;justify-content:space-between;text-align:left}.custom-button{background-color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;justify-content:flex-start;padding:0}.custom-button,.datepicker{align-items:center;display:flex}.datepicker{gap:10px;justify-content:center;padding:10px}.button-filter span{margin-right:5px}.button-filter,.button-get-result{align-items:center;background-color:#1da1f2;color:#fff;display:flex;font-family:sans-serif;font-size:15px;height:40px;justify-content:center;padding:10px;width:100px}.button-get-result span{margin-left:-13px}.filter{align-items:center;display:flex;justify-content:flex-end;padding-left:10px;width:15%}.container{padding-left:120px}.searchbar{align-items:center;display:flex;justify-content:flex-start;padding-bottom:15px}.table1{padding-left:100px}.searchBar{align-items:center;display:flex;justify-content:flex-start;width:70%}.App{height:100%;width:100%}.App,body *{font-family:sans-serif}#snackbar{background-color:#1da1f2;border-radius:2px;bottom:30px;color:#fff;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1}#snackbar.show{animation:fadein .5s,fadeout .5s 2.5s;visibility:visible}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#modalComponent{align-items:flex-start;background-color:#0006!important;display:flex;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:999}.modalContainer{background-color:#444;color:#fff;margin:30px 0;padding:30px 60px;width:-webkit-max-content;width:max-content}.action_button{gap:20px}.action_button,.noRecords{align-items:center;display:flex;justify-content:center}.noRecords{box-shadow:0 2px 8px 0 #63636333;padding:50px}.side-slide-panel{background:#fff;color:#484b4d;font-family:Open Sans,sans-serif;font-size:14px;height:100%;overflow:auto;padding-left:15px;position:fixed;right:-345px;top:0;transition:transform .3s ease-in-out;z-index:1000}.side-slide-panel.open{overflow:auto;transform:translateX(-300px)}.content{color:#484b4d;padding:0}.checkbox-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.checkbox-grid label{align-items:center;display:flex}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #1da1f2;border-radius:3px;box-shadow:#484b4d;height:16px;outline:none;width:16px}input[type=checkbox]:checked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoSURBVHgBrdJLDsIgEAbggb0x7rFnwYMY40lKT9IQD2LP0rg3lbWMnUGN0i4K9N8wPPKFF0BBlHV1dXE11QIyQ4gANFSjfx4kZOQXGdvmdt51yTuKkf60fdcrIKG/AkLhO1Kt0yUIQ7xI4vXzjDlI2JH3fDz0aGJsKRLm+WiDEVKEjyWF6Y+bJgX5QjE2jnaAoJcif9AES0BmQ9jePrCyg4HSqPauITEvNbxvVJrvwcgAAAAASUVORK5CYII=);background-size:16px 14px}thead tr th{background-color:#1da1f2;box-shadow:0 2px 0 #0000001a,0 -2px 0 #0000001a;color:#fff;font-weight:60}.custom{-webkit-text-size-adjust:10px;-moz-text-size-adjust:10px;text-size-adjust:10px;align-items:center;background-color:#fff;border:none;cursor:pointer;display:justify;height:35px;padding-bottom:10px;padding-left:195px;position:right}.customs-button{transform:scale(1.05)}.panel-header{color:#484b4d;margin-left:0;position:relative;text-align:justify;width:300px}.underline{height:100%;left:0;position:absolute;width:0}.topic{display:flex-start}.customs{background-color:#fff;border:none;cursor:pointer;gap:10px;padding-top:10px}.icon{color:#fff}.reset{align-items:center;background-color:#fff;border:none;border-radius:4px;cursor:pointer}.resetApply{padding-right:47px;padding-top:10px}
/*# sourceMappingURL=main.bc3ef299.css.map*/