body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{font-size:1.5em}tfoot>tr>td{background-color:#fafafa!important;font-weight:500}.font-italic{font-style:italic}.converted-desc,.text-center{text-align:center}.w-100,.w-100>.ant-upload{width:100%}.h-100{height:100%}.bg-login-particle{position:absolute;top:0;right:0;bottom:0;left:0}.user-login-main{width:388px;max-width:95%;background-color:#fff;border-radius:4px;padding:12px;box-shadow:0 0 21px 0 RGB(255 255 255/45%)}.user-login-main .ant-input-prefix{margin-right:8px}.site-form-item-icon{color:rgba(0,0,0,.25)}.btn-hover-opacity:hover,.container-production-input:not(.readonly),.cursor-pointer,.row-group{cursor:pointer}.cursor-default{cursor:default}.text-left{text-align:left}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subtitle{color:#9c9c9c}.app-card,.popover-user-attendance .ant-popover-inner-content,.production-detail-container .ant-tabs-card .ant-tabs-content{box-shadow:0 6px 16px -8px RGB(0 0 0/8%)}.app-card:hover,.popover-user-attendance .ant-popover-inner-content:hover,.production-detail-container .ant-tabs-card .ant-tabs-content:hover{box-shadow:0 6px 16px -8px RGB(0 0 0/8%),0 9px 28px 0 RGB(0 0 0/5%),0 12px 48px 16px RGB(0 0 0/3%)}.app-card-selection{cursor:pointer}.app-card-selection .anticon{color:#d5d5d5}.app-card-selection.active{background-color:#1890ff;color:#fff}.app-card-selection.active .anticon,.app-card-selection.active .subtitle{color:#fff}.collapse-menu-company{cursor:pointer;padding:12px 20px}.collapse-menu-company:hover{background-color:#002548}.mobile-menu{position:fixed;left:0;bottom:0;right:0;z-index:999;border-top:1px solid #fff}.mobile-menu>ul>li{margin:0 6px}.mobile-menu>.menu-center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.mobile-menu>.menu-center .anticon{vertical-align:-.25em}.menu-icon-large>li>.anticon{font-size:24px;margin-right:0}.menu-icon-large>li.ant-menu-item>span:not(.anticon){display:none}.timeline-item{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;-webkit-flex:1 1 auto;flex:1 1 auto}.timeline-item:not(:last-child){border-right:1px solid #e8e8e8}.timeline-item:hover{background-color:#f7f7f7}.timeline-identity-color{display:inline-block;width:12px;height:12px;margin-right:4px}.identity-worked-time{background-color:#1890ff;border:1px solid #0b78de}.identity-edited-time{background-color:#ffb200;border:1px solid #e99200}.table-small .ant-table-tbody>tr>td,.table-small .ant-table-thead>tr>th{padding:4px 8px}.form-item-photo{position:absolute;bottom:0;right:0}.btn-take-photo{opacity:.7;position:absolute;cursor:pointer;right:4px;border-radius:50%;width:36px;height:36px;font-size:18px;background-color:#e8e8e8;color:#717171;box-shadow:0 0 2px 0 RGB(0 0 0/70%)}.btn-take-photo:hover{background-color:#e2e2e2;color:#4e4e4e;opacity:1}.hover-smooth:hover{background-color:#f6f6f6}.custom-pnt-panel>.ant-collapse-header{font-weight:500}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box{padding:16px 0}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-item{margin:6px 0}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-item .label-total-worked{display:none}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-item .bg-progress-bar{background-color:#2469a4;border-radius:4px;height:8px;transition:width 1s}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-item:hover .label-total-worked{display:block}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-item:hover .bar-total-worked{display:none}.custom-pnt-panel>.ant-collapse-content>.ant-collapse-content-box .task-name{border:1px solid #c3c3c3;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:6px 12px}.bar-outside{border-radius:8px;background-color:#e8e8e8;overflow:hidden}.bar-inside-worked{background-color:#1890ff;border-radius:8px;height:16px;transition:width 1s}.bar-outside-sm>.bar-inside-worked{height:10px}.tabs-pnt .ant-tabs-nav{margin-bottom:-1px}.clickable{cursor:pointer}.clickable:hover{color:#1890ff}.ss-container-dialog>.btn-fullscreen{opacity:.3;position:absolute;top:8px;right:8px;font-size:48px;color:#fff;cursor:pointer}.ss-container-dialog:hover>.btn-fullscreen{opacity:1}.cell-timeline-zero{background:#f0f2f5}.panel-report>.ant-collapse-header{-webkit-align-items:center!important;align-items:center!important}.webkit-box{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.webkit-box.two-lines{-webkit-line-clamp:2}.btn-next-user{cursor:pointer;color:hsla(0,0%,80%,.5)}.btn-next-user:hover{color:#ccc}.row-tw-use{cursor:pointer}.bottom-text-over-image{position:absolute;font-size:17px;margin-left:-20px;color:#c3c3c3;text-shadow:0 2px 0 #3b3b3b;font-weight:700}.container-pie-chart{width:140px}.ant-table-productionDetail .ant-table-body,.ant-table-qsProduction .ant-table-body{overflow-y:auto!important}.row-group>td.ant-table-cell{background-color:#f0f8ff}button.btn-as-admin>span:after{content:"As Admin"}button.btn-as-admin:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.12)}button.btn-as-admin:hover>span:after{content:"Remove as Admin"}.btn-permission{white-space:pre-wrap;height:100%}.btn-permission>span{display:contents}button.btn-not-admin>span:after{content:"Not Admin"}button.btn-not-admin:hover{background:#1890ff;border-color:#1890ff;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.12)}button.btn-not-admin:hover>span:after{content:"Set as Admin"}.ant-popover-profile .ant-popover-inner-content{padding:0;min-width:280px}tr.submission-time>td{background:#fafafa;color:#afafaf}tr.submission-time>td:first-child{border-left:3px solid #c1c1c1}tr.submission-time:hover>td{background:#f0f0f0!important}tr.manual-time>td{background:#ffeecf}tr.manual-time>td:first-child{border-left:3px solid orange}tr.manual-time:hover>td{background:#ffe6ba!important}.edit-time-action{color:#dadada}.header-history-edit-time{text-align:center;padding:6px;color:#aaa;position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:#e8e8e8}.anticon>svg{transition:all .3s}.group-request-time{cursor:pointer;background-color:#fff;font-weight:500;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:-webkit-sticky;position:sticky;top:0;z-index:1}.group-request-time .group-hoverable{display:none}.group-request-time:hover .group-hoverable{display:block}.activity-list-item,.group-request-time,.leave-list-item{border-bottom:1px solid #e8e8e8;padding:12px}.activity-list-item:hover,.group-request-time:hover,.leave-list-item:hover{background-color:#fafafa}.accepted.group-request-time,.accepted.leave-list-item,.activity-list-item.accepted{opacity:.5}.accepted.group-request-time .activity-list-item-title,.accepted.leave-list-item .activity-list-item-title,.activity-list-item.accepted .activity-list-item-title{color:green}.activity-list-item.rejected,.rejected.group-request-time,.rejected.leave-list-item{opacity:.5}.activity-list-item.rejected .activity-list-item-title,.rejected.group-request-time .activity-list-item-title,.rejected.leave-list-item .activity-list-item-title{color:#ff4d4f}.container-badge-block>.ant-badge{width:100%}.list-user-icon{border:1px solid #fff}.list-user-icon.ant-avatar-image{background:#fff}.btn-more-icon{padding:6px;cursor:pointer;border-radius:50%;font-size:24px}.btn-more-icon:hover{background-color:#f0f2f5}.btn-icon-only{padding:6px;cursor:pointer;border-radius:50%;font-size:24px}.btn-icon-only:hover{background-color:#f0f2f5}.btn-icon-only.danger:hover{background-color:rgba(255,77,79,.8);color:#fff}.box-amount-by-grade h3{font-size:1.05em}.production-border-right{border-right-color:#c3c3c3!important}.card-hovered{box-shadow:0 1px 2px -2px RGB(0 0 0/16%),0 3px 6px 0 RGB(0 0 0/12%),0 5px 12px 4px RGB(0 0 0/9%)}.card-attendance-photo img{opacity:.8}.card-attendance-photo img:hover{opacity:1}.modal-arrow{position:absolute;top:75px;font-size:48px;cursor:pointer;color:#fff;opacity:.7}.modal-arrow:hover{opacity:1}.modal-arrow-left{left:-72px}.modal-arrow-right{right:-72px}.daily-checkin-summary{border:1px solid #d3d3d3;min-width:224px;-webkit-flex:1 1;flex:1 1}.daily-checkin-summary.has-photos{cursor:pointer}.daily-checkin-summary.has-photos:hover{background-color:rgba(82,196,26,.2)}.daily-checkin-summary.has-photos.unvalidated:hover{background-color:rgba(250,173,20,.2)}.container-no-logo>.logo-opacity{opacity:1;transition:all .5s}.container-no-logo>.no-logo-opacity{position:absolute;top:0;left:0;right:0;width:100%;padding:8px 24px;opacity:0;transition:all .5s}.container-no-logo:hover>.logo-opacity{opacity:0}.container-no-logo:hover>.no-logo-opacity{opacity:1}.production-detail-container .ant-tabs{overflow:inherit}.production-detail-container .ant-tabs-card .ant-tabs-content{margin-top:-16px}.production-detail-container .ant-tabs-card .ant-tabs-content .ant-tabs-tabpane{padding:16px;background-color:#fff}.full-height{height:100%}.sticky-production-detail,.sticky-qs-production,.sticky-toolbar{position:-webkit-sticky;position:sticky;top:0;padding:6px 0;background-color:#f0f2f5;z-index:5;box-shadow:0 1px 1px 0 rgba(0,0,0,.05);margin-top:-6px;margin-bottom:12px}.sticky-production-detail,.sticky-qs-production{z-index:4;top:45px;padding:0 0 12px;box-shadow:none;margin:0}.sticky-production-detail{background-color:#fff;padding-top:12px;margin-top:-12px}.cell-label{color:#8e8e8e;white-space:nowrap}.cell-value{color:rgba(0,0,0,.7);font-weight:500}.dialog-cancel-activity-table,.dialog-user-leave-table{width:100%}.dialog-cancel-activity-table td,.dialog-user-leave-table td{padding:4px 6px}.dialog-cancel-activity-table td.cell-value,.dialog-user-leave-table td.cell-value{color:rgba(0,0,0,.7)}.dialog-cancel-activity-table .row-task,.dialog-user-leave-table .row-task{color:#1890ff}.dialog-cancel-activity-table .row-note,.dialog-user-leave-table .row-note{color:#46ad6b}.dialog-cancel-activity-table .row-reason,.dialog-user-leave-table .row-reason{color:#8e8e8e}.dialog-cancel-activity-table .row-error,.dialog-user-leave-table .row-error{color:red}.dialog-user-leave-table td{border-bottom:1px solid #e8e8e8;padding:6px 8px;vertical-align:top}.half-indicator{color:#000;opacity:.6;font-size:12px}.approved-note,.converted-desc{color:#2ecc71}.leave-rejected{background:tomato!important;border-color:#d42000!important;color:#fff;font-weight:500}.leave-rejected:hover{background:#ff4220!important}.leave-rejected .date-content-leave,.leave-rejected .half-indicator{color:#fff}.leave-approved{background:#2ecc71!important;border-color:#16a085!important;color:#fff;font-weight:500}.leave-approved:hover{background:#1cba5f!important}.leave-approved .date-content-leave{color:#fff}.leave-waiting{background:#d3d3d3!important;border-color:#a8a8a8!important;font-weight:500}.leave-waiting:hover{background:#c2c2c2!important}.leave-waiting .date-content-leave{color:rgba(0,0,0,.6)}.ant-picker-cell-selected .leave-approved .ant-picker-calendar-date-value{color:#fff!important}.ant-picker-cell-selected .leave-rejected{background:#ff4220!important}.ant-picker-cell-selected .leave-rejected .ant-picker-calendar-date-value{color:#fff!important}.ant-picker-cell-selected .leave-waiting{background:#c2c2c2!important}.card-all-submission{overflow-y:auto;height:calc(100vh - 145px)}.card-all-submission .ant-card-body{padding:0}.card-all-submission.mobile .ant-card-body{height:calc(100vh - 225px)}.all-submission-table td{padding:0 4px;vertical-align:top}.all-submission-table td.approved{color:green}.unvalidated-overtime{background-color:rgba(250,173,20,.2)}.validated-overtime{background-color:rgba(82,196,26,.2)}.overtime-working-weekday{background-color:orange!important}.overtime-working-weekday .ant-typography{color:#fff}.overtime-working-weekend{background-color:#ff4d4f!important}.overtime-working-weekend .ant-typography{color:#fff}.custom-time-picker .ant-picker-time-panel-cell-disabled{display:none}.leave-list-item{cursor:pointer}.leave-list-item .leave-title{font-size:21px;font-weight:500}.leave-list-item .leave-subtitle{color:rgba(0,0,0,.6);font-size:14px}.leave-list-item .leave-item-status{font-weight:500}.leave-list-item .leave-item-status.approved{color:green}.leave-date-picker .ant-picker-cell{opacity:.5}.leave-date-picker .ant-picker-cell-in-view{opacity:1}.weekend{color:#ff4d4f}.link:hover,.underline{text-decoration:underline}.link-blue,.link:hover{cursor:pointer;color:#1890ff}.link{cursor:pointer}.box-radio{padding:4px 10px;border:1px solid #e8e8e8;border-radius:2px;-webkit-flex:1 1 auto;flex:1 1 auto}.box-radio:hover{background-color:#fafafa}.box-radio.ant-radio-wrapper-checked{font-weight:500}.box-radio:last-child{margin-right:0}.btn-checkbox{border:1px solid #d9d9d9;border-radius:2px;padding:4px 8px}.btn-checkbox:hover{background-color:rgba(24,144,255,.1);border-color:#1890ff}.btn-checkbox.selected{background-color:#b4dbff}.sticky-report-header{position:-webkit-sticky;position:sticky;top:0;z-index:3;background-color:#f0f2f5;padding:6px 0;margin-top:-6px}.statistic-up{color:#2ecc71}.statistic-down{color:#e74c3c}.ant-dropdown-auto{width:auto!important}.table-even-odd .ant-table-tbody>.ant-table-row:nth-child(2n){background-color:#fafafa}.ant-table-row.even>td{background-color:#e8e8e8}.ant-table-tbody>tr.ant-table-row:hover>td{background:#d5ebff}.working-sheet-current-month{background:#e9f5ff}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 6px}.ant-select-single .ant-select-selector .ant-select-selection-search{left:6px}.ant-drawer-content-wrapper{max-width:100vw}.ant-back-top-content-hovered{background-color:rgba(0,0,0,.2)}.ant-back-top-content-hovered:hover{background-color:#1890ff}.input-wkdays .ant-input,.input-wkdays .ant-input-group-addon{font-size:12px;padding:0 6px}.hide-ant-result-icon .ant-result-icon{display:none}.panel-attendance-photos .ant-collapse-content-box{padding-top:0}.calendar-attendance.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{height:54px}.calendar-attendance.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date{background:#fff}.date-present{background:#a0e8a0!important;border-color:#46ad6b!important}.date-present .anticon{color:#46ad6b;font-size:36px;transition:all .5s;opacity:.5}.ant-picker-cell-selected>.date-present,.ant-picker-cell:hover>.date-present{background:#84e884!important;border-color:#46ad6b!important}.ant-picker-cell-selected>.date-present .anticon,.ant-picker-cell:hover>.date-present .anticon{opacity:1}.ant-picker-cell-selected>.date-present>.ant-picker-calendar-date-value{color:#46ad6b!important}.popover-user-attendance .ant-popover-inner-content{padding:6px;max-height:390px;overflow-y:auto}.popover-user-attendance .ant-popover-inner-content li{border-bottom:1px solid #e8e8e8;margin:2px 0!important}.popover-user-attendance .ant-popover-inner-content li:hover{background-color:#f5f5f5}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.ant-table tfoot>tr>td.col-summary-fixed-right{border-left:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;right:0}.header-user-production-detail{padding:12px 0}.container-production-input{white-space:break-spaces}.container-production-input:not(.readonly):hover{border:1px solid #40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.c-limegreen{color:#32cd32}.c-green{color:green}.all-submission-table td.rejected,.c-error,.leave-list-item .leave-item-status.rejected{color:#ff4d4f}.c-warning{color:orange}.c-gray{color:grey}.font-weight-semibold,.row-group{font-weight:500}.font-weight-bold{font-weight:700}.overdue-production{color:#ff4d4f;cursor:default}td.cell-prod-border-right{border-right-color:#c3c3c3!important}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;padding:0 11px}.summary-cell-border{border-top:1px solid #c8c8c8}@media print{.hide-print{display:none!important}}.bar-monthly-report{border-radius:8px;background-color:#858080;overflow:hidden}.btn-hover-opacity:hover{opacity:.7}@media only screen and (max-width:575px){.ant-result-image,.only-xs-hide{display:none}.only-xs-block{width:100%}.login-form .logo{width:100%;max-width:360px}}@media only screen and (min-width:576px){.login-form .logo{width:100%;max-width:360px}}@media only screen and (min-width:992px){.app-card.top-usage .chart-section{-webkit-flex:0 0 auto;flex:0 0 auto;width:224px;padding-right:24px}.app-card.top-usage .table-section{-webkit-flex:0 0 auto;flex:0 0 auto;width:calc(100% - 224px)}}@media only screen and (min-width:1600px){.only-xxl-hide{display:none}}@media only screen and (min-width:576px) and (max-width:767px){.only-sm-hide{display:none}}@media only screen and (min-width:768px) and (max-width:991px){.only-md-hide{display:none}}@media only screen and (min-width:992px) and (max-width:1199px){.only-lg-hide{display:none}}@media only screen and (min-width:1200px) and (max-width:1599px){.only-xl-hide{display:none}}
/*# sourceMappingURL=main.bc85ab54.chunk.css.map */