body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Poppins,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,p,span{font-family:Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.dividerHeader{border:3.5px solid #34a853;background-color:#34a853;height:70px;border-radius:100px}.customSearchBar input{padding:8px 12px;height:40px}.customSearchBar fieldset{border:1px solid #dddee0;border-radius:8px}.MuiDataGrid-columnHeaderTitle{font-weight:500;color:#004881}.MuiDataGrid-cellContent,.MuiDataGrid-columnHeaderTitle{font-family:Poppins,sans-serif;font-style:normal;font-size:14px;line-height:125%}.MuiDataGrid-cellContent{font-weight:400;color:#58585b}.MuiTablePagination-selectLabel{font-style:normal;font-weight:400;font-size:12px!important;line-height:166%!important;letter-spacing:.4px!important;color:rgba(0,0,0,.6)!important}.MuiTablePagination-select{font-size:12px!important}.MuiTablePagination-displayedRows{font-style:normal;font-weight:400;font-size:12px!important;line-height:166%!important;letter-spacing:.4px!important;color:rgba(0,0,0,.87)!important}.MuiDataGrid-footerContainer{border:none!important}.App-link{color:#61dafb}.containerHeader{display:flex}.containerButton>button{margin-right:10px}.detail{color:silver;font-size:16;direction:row}.iconTable{cursor:pointer;font-size:14px}.employetext{display:flex;flex-direction:row;position:absolute;margin-top:130px;font-size:20px;color:grey;margin-left:150px}.textnameemploye{margin-right:460px}.employetextvalue{display:flex;position:absolute;margin-top:180px;font-size:20px;margin-left:150px}.textnameemployevalue{margin-right:460px}.fotoprofile{margin-top:15px;width:120px;height:120px}.HeaderDetail{margin-top:20px;background:#fff;padding:24px;border:1px solid #e3e8ef;box-shadow:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);border-radius:8px;display:flex;grid-gap:30px;gap:30px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.containerButton{display:flex;width:100px;margin-left:100px}.text{font-size:12px;color:grey}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.css-xiftjp-MuiDataGrid-root .MuiDataGrid-cell:focus,.MuiDataGrid-columnHeader:focus{outline:none!important}.dialog-delete>.MuiDialog-container>.MuiPaper-root,.dialog-info>.MuiDialog-container>.MuiPaper-root{padding:30px!important;border-radius:6px;text-align:center}@media only screen and (max-width:600px){.dialog-delete>.MuiDialog-container>.MuiPaper-root,.dialog-info>.MuiDialog-container>.MuiPaper-root{padding:5px!important}}.dialog-task>.MuiDialog-container>.MuiPaper-root{min-height:25rem}.dialog-delete-header,.dialog-info-header{font-size:24px!important;font-family:Poppins,sans-serif!important;font-weight:700!important;color:#4b465c;text-align:center}.dialog-delete-text-content,.dialog-info-text-content{font-size:16px!important;font-family:Poppins,sans-serif;line-height:150%!important;color:#4b465c}.dialog-delete-content,.dialog-info-content{padding:15px 10px!important;width:100%}.dialog-task-content{padding:8px!important}.dialog-delete-actions,.dialog-info-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center!important;grid-gap:10px;gap:10px;padding:10px!important;width:100%;margin-bottom:0!important}.button-text{font-size:14px!important;font-family:Poppins,sans-serif;font-weight:500!important;line-height:125%!important;text-transform:none!important}:is(.delete-button,.checkout-button){border-radius:4px!important;background-color:#ea4335!important;box-shadow:0 1px 5px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2);padding:6px 16px!important;justify-content:center;align-items:center;color:#fff!important;margin:0!important}.checkout-button{background-color:#ea4335!important;border:1px solid #9e2f24!important}.delete-button:disabled{background-color:#9e9e9e!important}.toggle-button-active{background-color:#fff!important;border:1px solid #0078d7!important;color:#0078d7!important;width:100%}.toggle-button-inactive{background-color:#0078d7!important;border:1px solid #fff!important;color:#fff!important;width:100%}.custom-snackbar{width:100%}.custom-alert{justify-content:center;align-items:center;font-size:16px!important;font-weight:500!important;line-height:150%!important;letter-spacing:.15px!important}.custom-alert>.MuiAlert-action,.custom-alert>.MuiAlert-icon,.custom-alert>.MuiAlert-message{padding:0!important}.text-name{color:#58585b;font-size:14px;line-height:125%}.text-name,.text-position{display:flex;flex-direction:column;align-self:stretch}.text-position{color:#4b465c;font-size:12px;line-height:150%}.DotClass{display:flex;align-items:center}.img-master-employee{width:32px;height:32px;flex-shrink:0;border-radius:100px}.input-field-crud{width:100%}.input-field-crud input{font-size:16px;line-height:150%;padding:16px 12px!important}.input-field-crud .MuiFormLabel-root.Mui-focused{color:rgba(0,0,0,.6)!important}.input-field-crud .MuiFormLabel-root.Mui-error{color:#d32f2f!important}.input-field-crud .Mui-focused fieldset{border-color:rgba(0,0,0,.23)!important}.input-field-crud .Mui-error fieldset{border-color:#d32f2f!important}.input-field-crud textarea{min-height:118px}.card-container{border-radius:8px;min-height:calc(100vh - 600px)}.card-container,.card-container-detail{background-color:#fff;padding:24px;display:flex;box-shadow:0 10px 20px 0 rgba(0,0,0,.03);flex-wrap:wrap;align-content:space-between}.card-container-detail{margin-top:20px;width:100%;border:1px solid #e3e8ef;border-radius:8px}.img-master-employee-create{width:66px!important;height:66px!important;flex-shrink:0;margin-left:1.5rem}.cardHeader{background:#f5f5ff!important}.avatar-container{height:100px;max-width:100px}.full-avatar{max-width:100px;width:100%!important;height:100%!important;border-radius:6px!important}.card-attendance{padding:30px;background:#fff;border-radius:6px;box-shadow:0 10px 20px 0 rgba(0,0,0,.03);border:1px solid #e3e8ef}.uploader-file-card{position:relative;padding:24px 16px;border-radius:4px;border:1px dashed var(--divider,rgba(0,0,0,.12))!important;cursor:pointer}.dragoverActive{background-color:rgba(33,150,243,.3686274509803922);border:1px solid var(--divider,#2196f3)}.bottom-card-uploader{padding:16px;border-radius:4px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.2)}.icon-uploader{width:40px;height:40px;color:#2196f3}.uploader-text-underline{color:#2196f3;border-bottom:1px solid rgba(33,150,243,.3686274509803922)}.uploader-text,.uploader-text-underline{font-size:16px;font-style:normal;font-weight:400;line-height:175%;letter-spacing:.15px}.uploader-text{color:rgba(0,0,0,.87)}.uploader-text-bottom{color:rgba(0,0,0,.6);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:143%;letter-spacing:.17px}.dzu-inputLabel{color:transparent!important}.dzu-previewImage{display:none!important}.dzu-previewContainer{padding:0!important;border:none!important;min-height:0!important}.text-files-name{color:rgba(0,0,0,.87);font-size:16px;font-style:normal;font-weight:400;line-height:175%;letter-spacing:.15px}.dzu-previewStatusContainer progress{width:270px}.text-files-sizes{color:rgba(0,0,0,.6);font-size:14px;font-style:normal;font-weight:400;line-height:143%;letter-spacing:.17px}.dzu-inputLabelWithFiles{background-color:initial!important;min-height:0!important;height:0!important;padding:0!important;margin:0!important;color:transparent!important;cursor:none!important}.custom-file-input::-webkit-file-upload-button{visibility:hidden}.custom-file-input{padding-left:40px;opacity:1;position:absolute;cursor:pointer}.custom-file-input-null{margin-left:47px;opacity:0;position:absolute;cursor:pointer}.button-clear{display:flex;padding:4px;color:#ed6c02}.button-clear,.class-label-upload{flex-direction:column;justify-content:center;align-items:center}.class-label-upload{padding:4px 10px;border-radius:4px;color:#2196f3;font-size:12px;font-style:normal;font-weight:500;line-height:100%;border:1px solid rgba(33,150,243,.5)}.custom-file-upload{display:flex;flex-wrap:nowrap;align-content:center;align-items:center;position:relative}.image-upload{width:67px!important;height:67px!important}.dialogDescription{width:370px;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.dialogButton{display:flex;justify-content:center;align-items:center;grid-gap:16px;gap:16px;align-self:stretch}.autocomplete-input input{padding:7.5px 4px 7.5px 5px!important}.autocomplete-on-popup .MuiAutocomplete-popper{z-index:1301}.card-project{border-radius:8px;border:1px solid #0078d7;background:#e6f2fb;padding:16px 10px}.card-project,.card-project-unselect{margin-top:10px}.MuiAccordion-root{background-color:initial!important}.header-accordion{flex-direction:row-reverse}.header-accordion .MuiAccordionSummary-content{width:100%;align-items:center;justify-content:space-between}.icon-trash{color:#ee695d}.green-button{color:#34a853!important;border-color:#34a853!important}.left-container{width:100%;text-align:left}.right-container{width:100%;display:flex;grid-gap:16px;gap:16px;justify-content:flex-end}.chips{display:flex;padding:5px 10px;align-items:center;align-content:flex-start;grid-gap:10px;gap:10px;flex:1 0;white-space:nowrap;width:50px;border-radius:4px;font-size:12px}.chips,.ellipsis{overflow:hidden;text-overflow:ellipsis}.bg-white{background-color:#fff;border-radius:4px}.auto-chips .MuiChip-root{background-color:#2196f3;font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.16px;color:#fff;height:24px}.auto-chips .MuiChip-deleteIcon{color:#fff!important;opacity:.699999988079071;font-size:16px!important}.blue-outline .Mui-focused fieldset{border-color:rgba(33,150,243,.5)!important}.blue-outline .MuiFormLabel-root.Mui-focused{color:#2196f3!important;font-style:normal;font-weight:500;text-transform:uppercase}.blue-outline input{color:#2196f3}.blue-outline .Mui-focused fieldset legend span{color:#2196f3!important;font-style:normal;font-weight:500;text-transform:uppercase}.date-input-table input{padding:8px 12px}.autocomplete-nya{padding:18px 12px}.card-configuration{border-radius:8px;border:1px solid #0078d7;background:#e6f2fb}.dialog-configuration>.MuiDialog-container>.MuiPaper-root{display:flex;padding:16px 30px;flex-direction:column;justify-content:center;align-items:center}.dialog-configuration-header{font-size:24px!important;font-family:Poppins,sans-serif!important;font-weight:700!important;color:#4b465c;padding:12px 45px!important;align-content:center}.tab-config{align-items:center;color:#2196f3;width:100%}.field-config,.tab-config{display:flex;flex-direction:column}.field-config{padding:0 12px;align-items:flex-start;align-self:stretch}.customPanelTab{min-height:calc(85vh - 300px);max-height:calc(85vh - 300px);overflow-x:visible;overflow-y:auto}.font-upload-signature{font-family:sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:22px;color:#8692d0}.Today{background-color:#004881}.fc-daygrid-day-bg{background-color:#000}.fc-day.fc-day-wed.fc-day-today{background-color:#e6f2fb}.fc-scrollgrid.fc-scrollgrid-liquid{border-radius:10px}.MuiButtonBase-root.MuiButton-root.MuiButton-outlined-warning.MuiButton-outlined-warningPrimary.MuiButton-sizeMedium.MuiButton-outlined-warningSizeMedium.MuiButton-root.MuiButton-outlined-warning.MuiButton-outlined-warningPrimary.MuiButton-sizeMedium.MuiButton-outlined-warningSizeMedium.css-gh9rs1-MuiButtonBase-root-MuiButton-root{margin-bottom:.5vh}.MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2.fc-daygrid-day.fc-day.selected-date-range.css-mhc70k-MuiGrid-root{margin-top:0;margin-left:0}.fc-day.fc-day-today.fc-daygrid-day{background-color:#e6f2fb}.MuiSelect-select.MuiSelect-outlined.Mui-disabled.MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled.Mui-readOnly.MuiInputBase-readOnly.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{background-color:"#9E9E9E"}.MuiMultiSectionDigitalClockSection-root{flex:1 1}.MuiMultiSectionDigitalClock-root{width:8rem!important}.drawer-container>.MuiDrawer-paper{background-color:#e6f2fb!important}.drawer-container{padding:20px}.drawer-logo{width:100%}.drawer-main-children{background-color:#fcfcfd;min-height:100vh}.container-img{padding:10px 0;display:flex;align-content:center;flex-wrap:wrap}.container-chevron{border-radius:6px;padding:8px;background:#ebf6ee;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.2)}.lg-avatar{width:48px!important;height:48px!important}.lg-avatar,.mini-avatar{border-radius:6px!important}.mini-avatar{width:40px!important;height:40px!important}.list-menu-container{margin:14px 0!important;height:inherit}.list-menu-container,.list-menu-container-footer{padding:10px!important}.drawer-header-container{height:auto!important;min-height:auto!important}.footer-logout-container{border-radius:4px;border:1px solid #f7b4ae;padding:0!important}.footer-logout-button{justify-content:center!important}.logout-text{color:#ea4335;font-size:16px;font-weight:500;line-height:150%}.footer-logout-container:hover{background-color:#ea4335}.footer-logout-container:hover .logout-button,.footer-logout-container:hover .logout-text{color:#fff!important}.dialog-delete-header{padding:0!important;margin-top:10px!important}.dialog-delete-actions{margin-bottom:10px!important}.MuiListItemButton-root.Mui-selected{border-radius:4px!important;background:#0078d7!important;color:#fff!important;font-size:16px!important;font-weight:500!important;line-height:150%!important;box-shadow:0 1px 5px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2)}.MuiListItemButton-root.Mui-selected>.MuiListItemIcon-root{color:#fff!important}.logout-button{color:#ea4335!important}.MuiListItemButton-root{color:#0078d7!important;font-size:16px!important;font-weight:500!important;line-height:150%!important}.button-list-icon{color:#0078d7!important}.list-menu-container{overflow-y:auto;overflow-x:hidden;scrollbar-color:#bdbdbd transparent}
/*# sourceMappingURL=main.cf3ec625.chunk.css.map */