:root{--primary:#183c63;--success:#50cd89;--info:#7239ea;--warning:#feb82f;--danger:#f1416c;--secondary:#aaa;--dark:#050f0b;--dark-grey:#666;--primary-light:#007ea51f;--secondary-light:#f9f9f9;--success-light:#e8fff3;--info-light:#f8f5ff;--warning-light:#fff8dd;--danger-light:#fff5f8;--dark-light:#e4e6e7;--white:#fff;--text-muted:#9a9a9a;--success-inverse:#fff;--info-inverse:#fff;--warning-inverse:#fff;--danger-inverse:#fff;--dark-inverse:#fff;--primary-inverse:#fff;--white-inverse:#fff;--white-light:#fff;--grey:#a6a6a6;--color-kol1:#0f9747;--color-kol2:#54b947;--color-kol2A:#54b947;--color-kol2B:#54b947;--color-kol2C:#54b947;--color-kol3:#b0d136;--color-kol4:#fdae19;--color-kol5:#e7322f;--color-kol1-light:#deffec;--color-kol2-light:#d6ffd0;--color-kol2A-light:#d6ffd0;--color-kol2B-light:#d6ffd0;--color-kol2C-light:#d6ffd0;--color-kol3-light:#f0ffb8;--color-kol4-light:#ffe7ba;--color-kol5-light:#ffdfde;--bg-menu:linear-gradient(90deg,#143d2d,#246e52 104.42%);--bg-sub-menu:#f8f8f840}.form-control{display:block;width:100%;padding:10px 17px;height:40px;font-size:13px;font-weight:600;border-radius:20px;color:#181c32;background-color:#fff;border:1px solid #e1e3ea;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ant-select-selection-item{font-weight:600!important;font-size:13px!important}.form-group{margin-bottom:25px}.ant-select-disabled{background:#fff;border:0}.ant-select-disabled .ant-select-selector{background:#fff!important;color:#181c32!important}.ant-select-disabled .ant-select-arrow{display:none}.ant-picker-disabled{background-color:#fff!important;border:0}.ant-picker-disabled input{color:#181c32!important;font-weight:600}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#181c32;background-color:#fff;border-color:var(#b5b5c3);outline:0}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{font-size:14px;color:#a1a5b7;font-weight:400;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#fff;border:none;opacity:1}.floating-label-content{position:relative;width:100%;margin-bottom:20px}.floating-label-content textarea{min-height:120px;padding:10px 20px}.floating-label{position:absolute;left:15px;top:8px;font-size:14px;font-weight:500;padding:0 7px;background:#fff;color:#757575;cursor:text;transition:all .2s ease;border-radius:20px}.floating-input:focus,.floating-select:focus{outline:none}.floating-input:focus~.floating-label{top:-10px;left:10px;font-size:12px}.floating-input:not(:placeholder-shown)~.floating-label{top:-10px;left:10px;font-size:12px}.floating-select:not([value=""]):valid~.floating-label{top:-10px;left:10px;font-size:12px}textarea{min-height:120px;padding:14px 20px}.label-form{font-size:14px;font-weight:400;color:#1f2233;margin-bottom:4px}.icon-password{cursor:pointer;position:absolute;right:15px;color:#c1c1c1;top:0;font-size:25px;border-radius:27px}.image-input{position:relative}.image-input .content-btn{display:flex;position:absolute;left:-11px;top:-10px;gap:3px;flex-direction:column;z-index:4}.image-input input{display:none}.image-input label{display:block;color:#fff;background:#000;padding:.3rem .6rem;font-size:115%;cursor:pointer}.image-input label i{font-size:125%;margin-right:.3rem}.image-input label:hover i{animation:shake .35s}.image-input span{display:none;text-align:center;cursor:pointer}.image-preview{width:100%;height:315px;background-size:contain}.searchInput{border-radius:20px;padding-left:2.6rem;width:100px;border:1px solid rgba(0,73,175,.141);height:37px}.searchInput,.searchInput:focus{background-color:#fff!important;transition:all .2s}.searchInput:focus{width:300px!important}.icon-search{position:absolute;top:11px;left:13px;font-size:18px}.error-form{font-size:11px;color:var(--danger);margin-top:5px;margin-left:22px}.error .form-control{border:1px solid var(--danger)}.error .floating-label{color:var(--danger)}.ant-select-selector{padding:0!important}.ant-select-selection-search{left:0!important}.antUploadContainer{position:relative;width:100%;margin-top:8px}.antUploadContainer .ant-upload-list.ant-upload-list-picture-card{gap:1rem!important}.antUploadContainer .antUploadButton{position:relative;border:none;background:transparent;cursor:pointer}.antUploadContainer .antUploadButton svg{font-size:52px;color:#ccc}.antUploadContainer .antUploadButton .text{font-size:16px;font-weight:500;color:#ccc}.antUploadContainer .antUploadButton .ext{font-size:12px;font-weight:400;color:#ccc}.antUploadContainer div[class=ant-upload-list-item-thumbnail]{visibility:hidden!important}.antUploadContainer div[class=ant-upload-list-item-thumbnail]:after{content:"Loading...";visibility:visible;display:block;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.antUploadContainer .ant-upload-list-item-progress{width:120px!important;bottom:30%!important;left:50%!important;transform:translate(-50%,-50%)!important}.antUploadContainer .ant-upload-list-item-container,.antUploadContainer .ant-upload-select{width:160px!important;height:160px!important;background-color:#fff!important;border:1px solid #e1e3ea!important;border-radius:30px!important;overflow:hidden}.antUploadContainer .ant-upload-list-item-actions{border-radius:30px!important}.antUploadContainer .ant-upload-list-item{border:none!important}.antUploadContainer .ant-upload-list-item:before{width:160px!important;height:160px!important;left:0!important}.antUploadContainer .ant-upload-list-item .ant-upload-list-item-image{border-radius:22px!important;object-fit:cover!important}.antUploadContainer .container-img-uploaded{position:relative;border-radius:30px;overflow:hidden;display:flex;justify-content:center;width:160px;height:160px;align-items:center;color:#a1a5b7}.satuanInput{position:absolute;right:0;font-weight:500;font-size:12px;border-radius:0 15px 15px 0;padding:11px 17px;color:var(--text-muted)}.ant-picker .ant-picker-input>input{font-size:13px;font-weight:600}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:.75rem!important;padding-left:.75rem!important}.px-4{padding-right:1rem!important;padding-left:1rem!important}.px-5{padding-right:1.25rem!important;padding-left:1.25rem!important}.px-6{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-7{padding-right:1.75rem!important;padding-left:1.75rem!important}.px-8{padding-right:2rem!important;padding-left:2rem!important}.px-9{padding-right:2.25rem!important;padding-left:2.25rem!important}.px-10{padding-right:2.5rem!important;padding-left:2.5rem!important}.px-11{padding-right:2.75rem!important;padding-left:2.75rem!important}.px-12{padding-right:3rem!important;padding-left:3rem!important}.px-13{padding-right:3.25rem!important;padding-left:3.25rem!important}.px-14{padding-right:3.5rem!important;padding-left:3.5rem!important}.px-15{padding-right:3.75rem!important;padding-left:3.75rem!important}.px-16{padding-right:4rem!important;padding-left:4rem!important}.px-17{padding-right:4.25rem!important;padding-left:4.25rem!important}.px-18{padding-right:4.5rem!important;padding-left:4.5rem!important}.px-19{padding-right:4.75rem!important;padding-left:4.75rem!important}.px-20{padding-right:5rem!important;padding-left:5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-7{padding-top:1.75rem!important;padding-bottom:1.75rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.py-9{padding-top:2.25rem!important;padding-bottom:2.25rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-11{padding-top:2.75rem!important;padding-bottom:2.75rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-13{padding-top:3.25rem!important;padding-bottom:3.25rem!important}.py-14{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.py-15{padding-top:3.75rem!important;padding-bottom:3.75rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.py-17{padding-top:4.25rem!important;padding-bottom:4.25rem!important}.py-18{padding-top:4.5rem!important;padding-bottom:4.5rem!important}.py-19{padding-top:4.75rem!important;padding-bottom:4.75rem!important}.py-20{padding-top:5rem!important;padding-bottom:5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fs-7{font-size:.8rem!important}.fs-8{font-size:.6rem!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium,.fw-semibold{font-weight:500!important}.fw-bold{font-weight:600!important}.fw-bolder{font-weight:700!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.flex{display:flex}.justify-center{justify-content:center!important}.justify-center,.justify-start{display:flex!important;align-items:center!important}.justify-start{justify-content:start!important}.justify-end{justify-content:end!important}.justify-end,.justify-space-between{display:flex!important;align-items:center!important}.justify-space-between{justify-content:space-between!important}.btn.btn-primary{color:var(--primary-inverse);border-color:var(--primary);background-color:var(--primary)}.btn.btn-light-primary{color:var(--primary);border-color:var(--primary-light);background-color:var(--primary-light)}.btn-steps.btn-primary{color:var(--primary-inverse);border-color:var(--primary);background-color:var(--primary)}.btn-steps.btn-light-primary{color:var(--primary);border-color:var(--primary-light);background-color:var(--primary-light)}.btn.btn-success{color:var(--success-inverse);border-color:var(--success);background-color:var(--success)}.btn.btn-light-success{color:var(--success);border-color:var(--success-light);background-color:var(--success-light)}.btn.btn-danger{color:var(--danger-inverse);border-color:var(--danger);background-color:var(--danger)}.btn.btn-light-danger{color:var(--danger);border-color:var(--danger-light);background-color:var(--danger-light)}.btn.btn-warning{color:var(--warning-inverse);border-color:var(--warning);background-color:var(--warning)}.btn.btn-light-warning{color:var(--warning);border-color:var(--warning-light);background-color:var(--warning-light)}.btn.btn-info{color:var(--info-inverse);border-color:var(--info);background-color:var(--info)}.btn.btn-light-info{color:var(--info);border-color:var(--info-light);background-color:var(--info-light)}.btn.btn-dark{color:var(--dark-inverse);border-color:var(--dark);background-color:var(--dark)}.btn.btn-light-dark{color:var(--dark);border-color:var(--dark-light);background-color:var(--dark-light)}.btn.btn-white{color:var(--dark);border-color:var(--white);background-color:var(--white)}.btn.btn-light-white{color:var(--white);border-color:var(--white-light);background-color:var(--white-light)}.btn.btn-circle{border-radius:50%}.btn-transparent{background:hsla(0,0%,100%,0);color:#fff;border:1px solid hsla(0,0%,100%,.122)}.btn.sm{height:30px!important;padding:0 16px!important}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500}.btn,.btn-steps{height:35px;padding:0 28px;border-radius:20px;border:none;outline:none;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-steps{font-size:11px}.btn-round-lg{gap:10px;height:40px;min-width:140px;padding:0 24px;border-radius:20px;border:none}.btn-circle,.btn-round-lg{display:flex;justify-content:center;align-items:center;outline:none;color:#fff;cursor:pointer;transition:all .2s ease}.btn-circle{height:35px!important;width:35px!important;border-radius:50%;border:none;background:var(--blue);padding:10px}.btn-circle.btn-sm{width:30px;height:30px;padding:3px 7px}.btn-circle-sm{display:flex;justify-content:center;align-items:center;height:30px;width:30px;border-radius:50%;border:none;outline:none;color:#fff;background:var(--blue);cursor:pointer;transition:all .2s ease}.text-primary{color:var(--primary)!important}.text-dark-primary{color:var(--dark-primary)!important}.text-success{color:var(--success)!important}.text-info{color:var(--info)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-dark{color:var(--dark)!important}.text-dark-grey{color:var(--dark-grey)!important}.text-black{color:var(--dark)!important}.text-secondary{color:var(--secondary)!important}.text-white{color:#fff}.text-kol1{color:var(--color-kol1)}.text-kol2,.text-kol2A,.text-kol2B,.text-kol2C{color:var(--color-kol2)}.text-kol3{color:var(--color-kol3)}.text-kol4,.text-kol4A,.text-kol4B{color:var(--color-kol4)}.text-kol5{color:var(--color-kol5)}.bg-kol1{background:var(--color-kol1-light)}.bg-kol2,.bg-kol2A,.bg-kol2B,.bg-kol2C{background:var(--color-kol2-light)}.bg-kol3{background:var(--color-kol3-light)}.bg-kol4,.bg-kol4A,.bg-kol4B{background:var(--color-kol4-light)}.bg-kol5{background:var(--color-kol5-light)}.bg-primary{background:var(--primary)!important}.bg-dark-primary{background:var(--dark-primary)!important}.bg-success{background:var(--success)!important}.bg-info{background:var(--info)!important}.bg-warning{background:var(--warning)!important}.bg-danger{background:var(--danger)!important}.bg-secondary{background:var(--secondary)!important}.bg-black,.bg-dark{background:var(--dark)!important}.bg-info-light{background:var(--info-light)!important}.bg-success-light{background:var(--success-light)!important}.bg-warning-light{background:var(--warning-light)!important}.bg-danger-light{background:var(--danger-light)!important}.bg-black-light,.bg-dark-light{background:var(--dark-light)!important}.text-muted{color:var(--text-muted)!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.navbar{position:fixed;top:0;width:100%;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 0;z-index:1000;border-radius:0}.navbar,.navbar.navScroll{transition:.3s ease-in-out}.navbar.navScroll{background:hsla(0,0%,100%,.314);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 27px hsla(0,0%,45%,.188)}.navbar.navScroll .nav-logo img{filter:none}.navbar.navScroll .nav-account .container-account .account .text .name,.navbar.navScroll .nav-account .container-account .account .text .role,.navbar.navScroll .nav-logo .titleText,.navbar.navScroll .nav-logo .version{color:#172236}.navbar.navScroll .ant-menu-overflow-item.ant-menu-item .ant-menu-submenu-title,.navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title{display:flex!important;justify-content:start!important;align-items:center!important}.navbar.navScroll .ant-menu-overflow-item.ant-menu-item .ant-menu-submenu-title .ant-menu-title-content a,.navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-title-content a{font-size:12px;font-weight:500;color:#2b2b2b}.navbar.navScroll .ant-menu-overflow-item.ant-menu-item .ant-menu-submenu-title .ant-menu-item-icon svg,.navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-item-icon svg{width:16px;fill:#2b2b2b}.navbar.navScroll .ant-menu-overflow-item.ant-menu-item.ant-menu-submenu-active .ant-menu-title-content a,.navbar.navScroll .ant-menu-overflow-item.ant-menu-item.ant-menu-submenu-open .ant-menu-title-content a,.navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-title-content a,.navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-title-content a{font-size:12px;color:#adcceb}.navbar.navScroll .ant-menu-overflow-item.ant-menu-item.ant-menu-submenu-active .ant-menu-item-icon svg,.navbar.navScroll .ant-menu-overflow-item.ant-menu-item.ant-menu-submenu-open .ant-menu-item-icon svg,.navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-item-icon svg,.navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-item-icon svg{width:16px;fill:#adcceb}.ant-menu{gap:1rem!important}.ant-menu-overflow-item.ant-menu-item .ant-menu-title-content a{font-size:12px;color:#fff}.ant-menu-overflow-item.ant-menu-item .ant-menu-item-icon svg{width:16px;fill:#fff}.ant-menu-overflow-item.ant-menu-item.ant-menu-item-active .ant-menu-title-content a,.ant-menu-overflow-item.ant-menu-item.ant-menu-item-open .ant-menu-title-content a,.ant-menu-overflow-item.ant-menu-item.ant-menu-item-selected .ant-menu-title-content a{font-size:12px;color:#d9ff00}.ant-menu-overflow-item.ant-menu-item.ant-menu-item-active .ant-menu-item-icon svg,.ant-menu-overflow-item.ant-menu-item.ant-menu-item-open .ant-menu-item-icon svg,.ant-menu-overflow-item.ant-menu-item.ant-menu-item-selected .ant-menu-item-icon svg{width:16px;fill:#d9ff00}.ant-menu-submenu-horizontal .ant-menu-submenu-title{display:flex!important;justify-content:start!important;align-items:center!important}.ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-title-content a{font-size:12px;color:#fff}.ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-item-icon svg{width:16px;fill:#fff}.ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-title-content a,.ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-title-content a,.ant-menu-submenu-horizontal.ant-menu-submenu-selected .ant-menu-title-content a{font-size:12px;color:#d9ff00}.ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-item-icon svg,.ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-item-icon svg,.ant-menu-submenu-horizontal.ant-menu-submenu-selected .ant-menu-item-icon svg{width:16px;fill:#d9ff00}.ant-menu-submenu-vertical .ant-menu-submenu-title{display:flex!important;justify-content:start!important;align-items:center!important}.ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content a{font-size:12px;color:#102842}.ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-item-icon svg{width:16px;fill:#102842}.ant-menu-submenu-vertical .ant-menu-submenu-title i{color:#102842!important}.ant-menu.ant-menu-inline{position:relative;padding:8px 10px}.ant-menu.ant-menu-inline .ant-menu-title-content a{font-size:12px;font-weight:500;color:#143e2b}.ant-menu.ant-menu-inline .ant-menu-item-icon svg{width:16px;fill:#143e2b}.ant-menu.ant-menu-inline .ant-menu-item-selected{border-radius:12px;background:#143e2b!important}.ant-menu.ant-menu-inline .ant-menu-item-selected svg{fill:#fff!important}.ant-menu.ant-menu-inline .ant-menu-item-selected a{color:#fff!important}.ant-menu.ant-menu-inline.ant-menu-submenu-active .ant-menu-title-content a,.ant-menu.ant-menu-inline.ant-menu-submenu-open .ant-menu-title-content a,.ant-menu.ant-menu-inline.ant-menu-submenu-selected .ant-menu-title-content a{font-size:12px!important;font-weight:500!important;color:#102842!important}.ant-menu.ant-menu-inline.ant-menu-submenu-active .ant-menu-item-icon svg,.ant-menu.ant-menu-inline.ant-menu-submenu-open .ant-menu-item-icon svg,.ant-menu.ant-menu-inline.ant-menu-submenu-selected .ant-menu-item-icon svg{width:16px!important;fill:#102842!important}.ant-menu-item{display:flex!important;justify-content:start!important;align-items:center!important}.ant-menu-item .ant-menu-title-content{font-size:12px;color:#102842}.ant-menu-item .ant-menu-item-icon svg{width:16px;fill:#102842}.ant-menu-horizontal,.ant-menu-item:after,.ant-menu-submenu:after{border:none!important}.ant-menu-submenu-horizontal .ant-menu-submenu-title{position:relative}.ant-menu-submenu-inline .ant-menu-submenu-arrow{color:#143e2b!important}.ant-menu-horizontal .ant-menu-item{padding:0!important;right:-1rem}.ant-menu-submenu-horizontal .ant-menu-submenu-arrow{position:absolute;right:-1rem;display:block!important;color:#fff!important;transform:rotate(90deg)}.ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-submenu-arrow,.ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-submenu-arrow,.ant-menu-submenu-horizontal.ant-menu-submenu-selected .ant-menu-submenu-arrow{color:#102842!important}.btnMenuShow{position:relative;background:transparent;margin-left:20px;font-size:18px}.btnMenuHide,.btnMenuShow{border:none;outline:none;color:#fff;cursor:pointer}.btnMenuHide{position:absolute;top:.6rem;right:-2.4rem;border-radius:50%;width:30px;height:30px;font-size:12px;background:hsla(0,0%,100%,.376);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar .nav-start{display:flex;justify-content:start;align-items:center;gap:1rem;width:100%}.navbar .nav-logo{display:flex;justify-content:start;align-items:flex-start;gap:10px;margin-left:20px;padding:10px 7px}.navbar .nav-logo img{width:45px}.navbar .nav-logo .titleText{font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.navbar .nav-logo .version{font-size:11px;font-weight:300;color:#fff;white-space:nowrap}.nav-title{display:flex;justify-content:start;align-items:center;gap:15px;position:absolute;border-radius:35px;padding:10px 0;top:-10px}.title-primary{font-size:18px;text-transform:uppercase;font-weight:600;margin-top:34px;color:var(--dark);position:absolute;top:-13px}.nav-title .title{position:relative;font-size:12px;font-weight:400;color:var(--grey)}.nav-title .title:after{content:"";position:absolute;top:2px;right:-8px;height:16px;width:1px;background:var(--grey)}.nav-title .sub-title{font-size:12px;font-weight:400;color:var(--grey)}.nav-account{position:relative;border-radius:35px}.nav-account .container-account .account{display:flex;justify-content:end;align-items:center;gap:1rem;padding:8px 10px 8px 45px;border-radius:35px;cursor:pointer}.nav-account .container-account .account .text{text-align:end}.nav-account .detail-account .header .text .name{font-size:11px;font-weight:500;line-height:14px;text-transform:uppercase;white-space:nowrap;color:var(--black)}.nav-account .container-account .account .text .name{font-size:11px;font-weight:500;line-height:14px;text-transform:uppercase;white-space:nowrap;color:#fff}.nav-account .detail-account .header .text .role{font-size:10px;font-weight:400;text-transform:uppercase;white-space:nowrap;color:var(--grey)}.nav-account .container-account .account .text .role{font-size:10px;font-weight:500;text-transform:uppercase;white-space:nowrap;color:#fff}.nav-account .container-account .account i,.nav-account .container-account .second-account i,.nav-account .detail-account .header i{font-size:28px;color:var(--dark-grey)}.nav-account .detail-account{background:#fff;height:0;right:0;opacity:0;visibility:hidden;position:absolute;transition:all .3s ease;top:100%;margin-top:10px;min-width:250px;border-radius:20px;box-shadow:0 0 50px 0 rgba(82,63,105,.15)}.nav-account .container-account:hover .detail-account{height:auto;opacity:1;visibility:visible;transition:all .5s ease;transform:translateY(-10px)}.nav-account .detail-account .header{position:relative;display:flex;justify-content:start;align-items:center;gap:1rem;padding:18px 24px}.nav-account .detail-account .header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#f4f4f4}.nav-account .detail-account .feature{position:relative;display:flex;justify-content:start;align-items:flex-start;flex-direction:column;padding:12px 14px}.nav-account .detail-account button{display:flex;justify-content:start;align-items:center;text-decoration:none;width:100%;padding:8px 16px;font-size:13px;font-weight:500;color:var(--black);border-radius:10px;transition:all .2s ease;border:none;background:none}.nav-account .detail-account button:hover{background:var(--primary-light);color:var(--primary);transition:all .2s ease}.nav-account .detail-account a{display:flex;justify-content:start;align-items:center;text-decoration:none;width:100%;padding:8px 16px;font-size:13px;font-weight:500;color:var(--black);border-radius:10px;transition:all .2s ease;border:none;background:none}.nav-account .detail-account a:hover{background:#f4f6fa;color:#3e97ff;transition:all .2s ease}.toggle-icon{background:rgba(0,73,175,.141);padding:5px 10px;border-radius:10px;cursor:pointer}.foto-member-nav{width:30px;height:30px;border-radius:50%;object-fit:cover}.ant-menu-light{background:none}.con-mega-menu{width:700px;height:300px}.nav-end{display:flex;justify-content:start;align-items:center;gap:.4rem}.switchTheme{position:relative;width:70px;padding:8px 16px}.switchTheme .ant-switch{background:#ccc!important}.switchTheme .ant-switch.ant-switch-checked{background:#102842!important}.switchTheme .ant-switch-inner{position:relative;left:-10px;width:80px;height:20px}.switchTheme .anticon-moon{position:relative;top:0;left:-5px;font-size:14px}.switchTheme .anticon-sun{position:relative;top:0;right:5px;font-size:14px}.containerSignOut{position:relative;width:100%;padding:12px 14px}.containerSignOut:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#f4f4f4}.btnNotif{position:relative;display:flex;justify-content:center;align-items:center;width:35px;height:35px;background:rgba(0,0,0,.188);border:none;outline:none;border-radius:50%;margin-right:33px;cursor:pointer}.btnNotif svg{font-size:18px;color:#fff}.btnNotif .count{display:flex;justify-content:center;align-items:center;position:absolute;top:-3px;right:-3px;height:14px;padding:2px 4px;border-radius:8px;font-size:10px;font-weight:600;color:#0d466a;background:#102842}.ant-drawer-header{border:none!important;padding-bottom:0!important}.ant-drawer-header-title{padding-bottom:.6rem;border-bottom:1px solid #ddd}.ant-drawer-header-title .ant-drawer-close svg{font-size:14px!important}.ant-drawer-header-title .ant-drawer-title{font-size:16px;font-weight:600;color:#102842}.ant-drawer-body ul.navNotif{position:relative;padding-left:.8rem}.ant-drawer-body ul.navNotif li{position:relative;list-style:none;width:100%}.ant-drawer-body ul.navNotif li:last-child .text-secondary:before{background:transparent!important}.ant-drawer-body ul.navNotif li .date{font-size:14px;font-weight:600;margin-bottom:2px}.ant-drawer-body ul.navNotif li .date span{position:relative;padding:0 12px;background:#fff;z-index:99}.ant-drawer-body ul.navNotif li .date.text-primary:before{content:"";position:absolute;top:9px;left:-14px;height:calc(100% + 16px);width:2px;background:var(--primary);z-index:7}.ant-drawer-body ul.navNotif li .date.text-primary:after{content:"";position:absolute;top:9px;left:-14px;width:calc(100% + 14px);height:1px;background:var(--primary);z-index:7}.ant-drawer-body ul.navNotif li .date.text-secondary:before{content:"";position:absolute;top:9px;left:-14px;height:calc(100% + 16px);width:2px;background:var(--secondary);z-index:7}.ant-drawer-body ul.navNotif li .date.text-secondary:after{content:"";position:absolute;top:9px;left:-14px;width:calc(100% + 14px);height:1px;background:var(--secondary);z-index:7}.ant-drawer-body ul.navNotif li .date .shape{position:absolute}.ant-drawer-body ul.navNotif li .date.text-primary .shape:after{content:"";position:absolute;top:6px;left:-17px;width:4px;height:4px;border-radius:50%;background:var(--primary-light);border:2px solid var(--primary);transform:rotate(45deg);z-index:999}.ant-drawer-body ul.navNotif li .date.text-secondary .shape:after{content:"";position:absolute;top:6px;left:-17px;width:4px;height:4px;border-radius:50%;background:var(--secondary-light);border:2px solid var(--secondary);transform:rotate(45deg);z-index:999}.ant-drawer-body ul.navNotif li .notification{position:relative;display:flex;justify-content:start;align-items:center;gap:.8rem;width:100%;height:70px;padding:8px 14px;margin-bottom:1rem;border-radius:16px}.ant-drawer-body ul.navNotif li .notification.notif-unread{border:1px solid var(--primary);background:var(--primary-light)}.ant-drawer-body ul.navNotif li .notification.notif-unread .icon{background:var(--primary)}.ant-drawer-body ul.navNotif li .notification.notif-unread .icon svg{animation:shake 2s ease infinite;animation-iteration-count:infinite}.ant-drawer-body ul.navNotif li .notification.notif-unread .subtitle,.ant-drawer-body ul.navNotif li .notification.notif-unread .title{color:var(--primary)}.ant-drawer-body ul.navNotif li .notification.notif-read{border:1px solid var(--secondary);background:var(--secondary-light)}.ant-drawer-body ul.navNotif li .notification.notif-read .icon{background:var(--secondary)}.ant-drawer-body ul.navNotif li .notification.notif-read .subtitle,.ant-drawer-body ul.navNotif li .notification.notif-read .title{color:#888}.ant-drawer-body ul.navNotif li .notification .containerIcon{position:relative;width:15%}.ant-drawer-body ul.navNotif li .notification .desc{position:relative;width:85%}.ant-drawer-body ul.navNotif li .notification .icon{display:flex;justify-content:center;align-items:center;position:relative;width:40px!important;height:40px!important;border-radius:12px;font-size:22px;color:#fff}.ant-drawer-body ul.navNotif li .notification .title{font-size:14px;font-weight:600}.ant-drawer-body ul.navNotif li .notification .subtitle{font-size:12px;font-weight:400;line-height:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes shake{0%{transform:translate(0)}1.78571%{transform:translate(3px)}3.57143%{transform:translate(0)}5.35714%{transform:translate(3px)}7.14286%{transform:translate(0)}8.92857%{transform:translate(3px)}10.71429%{transform:translate(0)}to{transform:translate(0)}}.menuHorizontal{position:relative;width:100%}.menuInline{position:absolute;top:0;left:0;width:280px;height:100vh;background:hsla(0,0%,100%,.502);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 27px hsla(0,0%,45%,.188);z-index:999999;transition:.4s}.menuInline.out{transform:translateX(-120%);transition:.4s}.menuInline .ant-menu-inline{max-height:100vh;overflow-y:scroll}.menuInline .ant-menu-inline::-webkit-scrollbar{height:0}.menuInline .ant-menu-inline::-webkit-scrollbar-thumb,.menuInline .ant-menu-inline::-webkit-scrollbar-track{background:transparent}.backdropMenu{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.125);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}@media screen and (min-width:1100px){.backdropMenu,.btnMenuShow,.menuInline{display:none}}@media screen and (max-width:1100px){.ant-menu.ant-menu-horizontal{display:none}.navbar .nav-start{gap:12px}.navbar .nav-logo{margin-left:0}}@media screen and (max-width:640px){.nav-account .container-account .account .text{display:none}}.sidebar{position:fixed;top:0;left:0;height:100%;width:275px;background:var(--bg-menu);z-index:100;border-radius:0 35px;transition:all .3s ease;margin-top:6rem;overflow:hidden}.sidebar .bg-sidebar{height:100vh;width:unset!important;position:absolute;z-index:-1;opacity:.15}.sidebar.close{width:55px;border-radius:0 20px}.sidebar.close:hover{width:260px;border-radius:0 35px}.sidebar .nav-links,.sidebar.close:hover .nav-links{height:100%;padding:10px 0 150px 4px;overflow:auto}.sidebar .nav-links .nav-menu,.sidebar.close .nav-links .nav-menu{margin-bottom:7px}.sidebar.close .nav-links .nav-menu.active,.sidebar.close:hover .nav-links .nav-menu.active i{background:transparent}.sidebar.close .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{position:relative;list-style:none;transition:all .2s ease}.hideBar{position:absolute;top:0;left:260px;width:100%;height:100%;z-index:9999999;background:transparent;border:none;outline:none;cursor:pointer;display:none}.sidebar .nav-links li .arrow-link{display:flex;align-items:center;justify-content:space-between}.sidebar.close .nav-links li .arrow-link{display:block}.sidebar .nav-links .nav-icon{height:40px;width:40px;text-align:center;line-height:55px;color:#fff;font-size:18px;margin-left:3px;cursor:pointer;transition:all .2s ease}.sidebar .nav-links .nav-icon svg{width:20px;height:20px;margin-bottom:2px}.sidebar.close .nav-links .nav-menu.active i{height:46px;width:46px;text-align:center;background:var(--bg-sub-menu);color:#fff;font-size:18px;cursor:pointer;margin-left:7px;border-radius:14px;transition:all .2s ease}.sidebar .nav-links .nav-menu.active,.sidebar.close:hover .nav-links .nav-menu.active{width:95%;border-radius:0 30px 30px 0;background:var(--bg-sub-menu);transition:all .2s ease}.sidebar .nav-links .nav-menu i.arrow{color:#fff;margin-left:22px;font-size:14px;transition:all .3s ease}.sidebar .nav-links .arrow-link.active i.arrow,.sidebar.close:hover .nav-links .arrow-link.active i.arrow{transform:rotate(-180deg);transition:all .2s ease}.arrow{margin-left:30px;fill:hsla(0,0%,100%,.639);color:hsla(0,0%,100%,.639);transform:rotate(270deg);transition:all .2s ease}.sidebar.close .nav-links .arrow{display:none}.sidebar.close:hover .nav-links .arrow{display:block;opacity:0;visibility:hidden;animation:arrowDelay .3s .4s forwards}@keyframes arrowDelay{to{opacity:1;visibility:visible}}.sidebar .nav-links li a,.sidebar.close:hover .nav-links li a{display:flex;align-items:center;text-decoration:none}.sidebar .nav-links li a .nav-name,.sidebar.close:hover .nav-links li a .nav-name{display:flex;justify-content:space-between;align-items:center}.sidebar .nav-links li a .link_name,.sidebar.close:hover .nav-links li a .link_name{width:160px;font-size:13px;font-weight:500;line-height:30px;color:#fff;overflow:hidden;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .2s ease}.sidebar.close .nav-links li a .link_name{display:none}.sidebar .nav-links li .list-link-head,.sidebar.close:hover .nav-links li .list-link-head{display:flex;align-items:center;text-decoration:none;cursor:pointer}.sidebar .nav-links li .list-link-head .nav-name,.sidebar.close:hover .nav-links li .list-link-head .nav-name{display:flex;justify-content:space-between;align-items:center}.sidebar .nav-links li .list-link-head .link_name,.sidebar.close:hover .nav-links li .list-link-head .link_name{width:160px;font-size:13px;font-weight:500;line-height:30px;color:#fff;overflow:hidden;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .2s ease}.sidebar.close .nav-links li .list-link-head .link_name{display:none}.sidebar .nav-links .nav-menu .submenu,.sidebar.close:hover .nav-links .nav-menu .submenu{display:block;overflow:hidden;max-height:0;transition:max-height .2s ease-out}.sidebar .nav-links .nav-menu .submenu li{position:relative;padding-left:45px;transition:all .2s ease;padding-top:5px;padding-bottom:5px}.sidebar.close .nav-links .nav-menu .submenu{display:none}.sidebar .nav-links .nav-menu .submenu .submenu-link a{position:relative;color:#fff;font-size:12px;padding:5px 0;text-transform:capitalize;opacity:1;transition:all .2s ease;width:85%}.arrow-link.active .arrow{transform:rotate(1deg);margin-left:30px}.sidebar .nav-links .nav-menu .submenu .submenu-link.active{width:93%;border-radius:0 30px 30px 0;padding-right:6px;background:var(--bg-sub-menu);transition:all .2s ease}.sidebar .nav-links .nav-menu .submenu .submenu-link.active a{margin-left:8px;transition:all .2s ease}.sidebar .nav-links .nav-menu .submenu .submenu-link a:before{content:"";position:absolute;top:12px;left:-14px;width:6px;height:6px;border-radius:50%;background:var(--bg-sub-menu);transition:all .2s ease}.sidebar .nav-links .nav-menu .submenu .submenu-link.active a:before{background:var(--white)}.submenu-level3{padding-left:20px!important;transition:all .2s ease}.submenu-level3 :before{content:"";position:absolute;top:6px!important;left:-14px;width:6px;height:6px;border-radius:50%;background:var(--bg-sub-menu);transition:all .2s ease}.submenu-level3 a{color:#fff;font-size:12px;opacity:.7!important;transition:all .2s ease;padding:0!important}.menu-level3{display:none;transition:all .2s ease}.rdt_TableCol{padding:8px 11px;color:var(--primary)!important;font-size:12px!important;font-weight:600!important}.rdt_TableRow{border-bottom:1px solid var(--primary-light)!important;border-radius:25px}.rdt_TableRow:hover{background-color:var(--primary-light)!important}.rdt_TableHeadRow{background:var(--primary-light)!important;border:none!important;margin-bottom:10px}.rdt_TableHeadRow:first-child{border-radius:25px!important}.rdt_Pagination{border-top:none!important}.ant-table-cell{font-size:13px}.ant-pagination .ant-pagination-item-active a{color:#fff!important}.ant-pagination .ant-pagination-item-active{border-color:var(--primary)!important;background:var(--primary)!important}.ant-table-wrapper .ant-table-thead>tr>td,.ant-table-wrapper .ant-table-thead>tr>th{position:relative;color:var(--primary);font-weight:600;text-align:start;background:var(--primary-light);border-bottom:1px solid #fff;padding:11px 16px}.ant-table-tbody tr td{font-weight:500;padding:3px 13px!important}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover{background:var(--primary);color:#fff}.ant-table-wrapper .ant-table-column-sorter-down.active,.ant-table-wrapper .ant-table-column-sorter-up.active{color:#fff}.ant-table-wrapper .ant-table-thead th.ant-table-column-sort{background:var(--primary);color:#fff}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>:last-child{border-radius:0 20px 0 0}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>:first-child{border-radius:20px 0 0 0}.ant-table-cell:hover .ant-table-wrapper .ant-table-container table>thead>tr:first-child>:last-child{border-radius:0 20px 20px 0}.ant-table-cell-row-hover{background:var(--primary-light)!important}.ant-pagination .ant-pagination-total-text{position:absolute;left:22px;font-size:13px;color:var(--text-muted);font-weight:400}.znTable{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.znTable tr td{padding:10px 30px;border-top:1px solid #ededed}.ant-table-wrapper .ant-table-thead>tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before,.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{background-color:rgba(0,53,49,.161)}.ant-table-kol .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-kol .ant-table-wrapper .ant-table-thead>tr>th{background:#f7f7f7;padding:8px 15px}.ant-table-early-warning .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-early-warning .ant-table-wrapper .ant-table-thead>tr>th{background:#242424;padding:10px 15px;color:#fff}.ant-table-internalchecking-aktif .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-internalchecking-aktif .ant-table-wrapper .ant-table-thead>tr>th{background:rgba(0,165,81,.122)!important;padding:10px 15px;color:#003531!important}.ant-table-internalchecking-reject .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-internalchecking-reject .ant-table-wrapper .ant-table-thead>tr>th{background:#fff5f8;padding:10px 15px;color:#f1416c}.ant-table-internalchecking-onprogress .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-internalchecking-onprogress .ant-table-wrapper .ant-table-thead>tr>th{background:#fff8dd;padding:10px 15px;color:#feb82f}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#7d7d7d}.ant-table-early-warning .ant-table-wrapper .ant-table-column-sorter{-webkit-margin-start:4px;margin-inline-start:4px;color:#fff;font-size:0;transition:color .3s}.ant-table-kol-npl .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-kol-npl .ant-table-wrapper .ant-table-thead>tr>th{color:#f8e6f8;background:#6d00af;padding:8px 15px;height:65px}.ant-table-kol-dist .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-kol-dist .ant-table-wrapper .ant-table-thead>tr>th{color:#e6eef8;background:#0049af;padding:8px 15px;height:65px}.ant-table-kol-kjt .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-kol-kjt .ant-table-wrapper .ant-table-thead>tr>th{color:#fff5f8;background:#f1416c;padding:8px 15px;height:65px}.ant-table-pergerakan .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-pergerakan .ant-table-wrapper .ant-table-thead>tr>th{background:#f7f7f7;padding:8px 15px;height:65px}.ant-table-pemburukan .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-pemburukan .ant-table-wrapper .ant-table-thead>tr>th{background:var(--color-kol1);color:#fff;padding:8px 15px;height:65px}.ant-table-perbaikan .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-perbaikan .ant-table-wrapper .ant-table-thead>tr>th{background:var(--color-kol2);color:#fff;padding:8px 15px;height:65px}.ant-table-tetap .ant-table-wrapper .ant-table-thead>tr>td,.ant-table-tetap .ant-table-wrapper .ant-table-thead>tr>th{background:var(--color-kol3);color:#fff;padding:8px 15px;height:65px}.zn-close{position:absolute!important;top:15px!important;right:15px!important}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zn-bg-modal{background:var(--primary-light);border-radius:0 0 20px 20px!important}.ant-modal-content{padding:0!important;margin:0!important;border-radius:20px!important;background-color:#f6f6f6!important}.separator{border:1px dashed #efefef}.card-footer.footerDetail{position:relative;background:#272727;padding:1.4rem 1.6rem;border-radius:0 0 18px 18px!important}.card-footer.footerDetail .containerDetail{display:flex;justify-content:start;align-items:center;margin-bottom:6px}.card-footer.footerDetail .containerDetail .name{position:relative;width:100px;font-size:14px;font-weight:500;line-height:18px;color:#fff}.card-footer.footerDetail .containerDetail .subname{font-size:14px;font-weight:300;line-height:18px;color:#fff}.wave{background-color:#f3f6f9;overflow:hidden;position:relative}.wave>div{z-index:1}.wave:before{top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:-1}.wave:after,.wave:before{content:" ";position:absolute}.wave:after{width:1000px;height:1025px;bottom:65%;left:-250px;border-radius:35%;background:#fff;z-index:0;transform:rotate(45deg)}.wave-animate:after{animation:animate-wave 15s linear infinite}.wave-animate-slower:after{animation:animate-wave 30s linear infinite}.wave-animate-slow:after{animation:animate-wave 25s linear infinite}.wave-animate-fast:after{animation:animate-wave 10s linear infinite}.wave-animate-faster:after{animation:animate-wave 5s linear infinite}.wave.wave-primary{background-color:var(--primary-light)!important}.wave.wave-primary .svg-icon svg g [fill]{fill:var(--primary-light)}.wave.wave-secondary{background-color:rgba(228,230,239,.1)!important}.wave.wave-secondary .svg-icon svg g [fill]{fill:#e4e6ef}.wave.wave-success{background-color:rgba(27,197,189,.1)!important}.wave.wave-success .svg-icon svg g [fill]{fill:#43a047}.wave.wave-info{background-color:rgba(137,80,252,.1)!important}.wave.wave-info .svg-icon svg g [fill]{fill:#8950fc}.wave.wave-warning{background-color:rgba(255,168,0,.1)!important}.wave.wave-warning .svg-icon svg g [fill]{fill:#ffa800}.wave.wave-danger{background-color:rgba(246,78,96,.1)!important}.wave.wave-danger .svg-icon svg g [fill]{fill:#039be5}.wave.wave-light{background-color:rgba(243,246,249,.1)!important}.wave.wave-light .svg-icon svg g [fill]{fill:#f3f6f9}.wave.wave-dark{background-color:rgba(24,28,50,.1)!important}.wave.wave-dark .svg-icon svg g [fill]{fill:#181c32}.wave.wave-white{background-color:hsla(0,0%,100%,.1)!important}.wave.wave-white .svg-icon svg g [fill]{fill:#fff}@keyframes animate-wave{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.content-notif{position:relative;z-index:2;top:0;width:100%;height:100%}.ant-switch-checked{background:#3a4b6b!important}.ant-switch-unchecked{background:#007bff!important}body.darkMode{overflow-x:hidden}body.darkMode.main{background:#0f0f0f}.darkMode .ant-table-wrapper .ant-table-thead,.darkMode .ant-table-wrapper .ant-table-thead tr{background:#3a4b6b}.darkMode .ant-table-wrapper .ant-table-thead>tr>td,.darkMode .ant-table-wrapper .ant-table-thead>tr>th{background:#3a4b6b;color:#d6dbe4;border-bottom:1px solid #6a7996}.darkMode .ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover{background:#3a4b6b;color:#d6dbe4}.darkMode .ant-table-wrapper .ant-table-column-sorter-down.active,.darkMode .ant-table-wrapper .ant-table-column-sorter-up.active{color:#d6dbe4}.darkMode .ant-table-wrapper .ant-table-thead th.ant-table-column-sort{background:#3a4b6b;color:#d6dbe4}.darkMode .ant-table-wrapper .ant-table-tbody>tr>td,.darkMode .ant-table-wrapper .ant-table-tbody>tr>th{background:#172236;color:#fff;border-bottom:1px solid rgba(0,0,0,.278)}.darkMode .ant-table-cell-row-hover{background:#0f0f0f!important}.darkMode .content{background:#0c111c!important}.darkMode .bg-nav{filter:brightness(18%)}.darkMode .navbar{background:transparent}.darkMode .navbar.navScroll{background:rgba(0,0,0,.188);box-shadow:0 0 27px hsla(0,0%,45%,.188);transition:.3s ease-in-out}.darkMode .navbar.navScroll .nav-logo .titleText,.darkMode .navbar.navScroll .nav-logo .version{color:#fff}.darkMode .navbar.navScroll .nav-account .container-account .account .text .name,.darkMode .navbar.navScroll .nav-account .container-account .account .text .role{color:#d6dbe4}.darkMode .navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title{display:flex!important;justify-content:start!important;align-items:center!important}.darkMode .navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-title-content a{font-size:12px;color:#fff}.darkMode .navbar.navScroll .ant-menu-submenu-horizontal .ant-menu-submenu-title .ant-menu-item-icon svg{width:16px;fill:#fff}.darkMode .navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-title-content a,.darkMode .navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-title-content a{font-size:12px;color:#e7ff56}.darkMode .navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-active .ant-menu-item-icon svg,.darkMode .navbar.navScroll .ant-menu-submenu-horizontal.ant-menu-submenu-open .ant-menu-item-icon svg{width:16px;fill:#e7ff56}.darkMode .navbar .btnNotif{background:#3a4b6b}.darkMode .navbar .ant-menu-overflow-item.ant-menu-item{background:transparent!important}.darkMode .ant-drawer-content{background:#0f0f0f!important}.darkMode .ant-drawer-header-title{border-bottom:1px solid #3a4b6b}.darkMode .ant-drawer-header-title .ant-drawer-close svg{fill:#d6dbe4}.darkMode .ant-drawer-header-title .ant-drawer-title{color:#d6dbe4}.darkMode .ant-drawer-body ul.navNotif li .date span{background:#0f0f0f}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-unread{border:#446fc0;background:#354a72}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-unread .icon{background:#446fc0}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-unread .subtitle,.darkMode .ant-drawer-body ul.navNotif li .notification.notif-unread .title{color:#d6dbe4}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-read{border:1px solid #949aa3;background:#49515f}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-read .icon{background:#949aa3}.darkMode .ant-drawer-body ul.navNotif li .notification.notif-read .subtitle,.darkMode .ant-drawer-body ul.navNotif li .notification.notif-read .title{color:#d6dbe4}.darkMode .ant-drawer-body ul.navNotif li .notification .containerIcon{position:relative;width:15%}.darkMode .ant-drawer-body ul.navNotif li .notification .desc{position:relative;width:85%}.darkMode .ant-drawer-body ul.navNotif li .notification .icon{display:flex;justify-content:center;align-items:center;position:relative;width:40px!important;height:40px!important;border-radius:12px;font-size:22px;color:#fff}.darkMode .ant-drawer-body ul.navNotif li .notification .title{font-size:14px;font-weight:600}.darkMode .ant-drawer-body ul.navNotif li .notification .subtitle{font-size:12px;font-weight:400;line-height:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.darkMode .menuOutline,.darkMode .titleText{color:#d6dbe4}.darkMode .navbar .nav-logo .version{color:#fff}.darkMode .navbar .nav-title,.darkMode .toggle-icon{background:#3a4b6b}.darkMode .navbar .nav-title .title{color:#d6dbe4}.darkMode .navbar .nav-title .title:after{background:#d6dbe4}.darkMode .navbar .nav-title .sub-title{color:#959ca8}.darkMode .nav-account,.darkMode .nav-account .container-account .account{background:#1e2d48}.darkMode .nav-account .container-account .account .text .name,.darkMode .nav-account .detail-account .header .text .name{color:#d6dbe4}.darkMode .nav-account .container-account .account .text .role,.darkMode .nav-account .detail-account .header .text .role{color:#959ca8}.darkMode .nav-account .container-account .account i,.darkMode .nav-account .container-account .second-account i,.darkMode .nav-account .detail-account .header i{font-size:28px;color:var(--dark-grey)}.darkMode .userOutline{background:#3a4b6b!important;color:#d6dbe4}.darkMode .nav-account .detail-account{background:#1e2d48;box-shadow:0 0 50px 0 rgba(82,63,105,.15)}.darkMode .nav-account .detail-account .header:after{background:#3a4b6b}.darkMode .nav-account .detail-account button{color:#d6dbe4}.darkMode .nav-account .detail-account button:hover{background:#3a4b6b;color:#959ca8;transition:all .2s ease}.darkMode .containerSignOut:before{background:#3a4b6b}.darkMode .btnMenuHide{background:hsla(0,0%,100%,.188);color:#fff}.darkMode .menuInline{position:absolute;top:0;left:0;width:280px;height:100vh;background:rgba(23,34,54,.796);backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 0 27px rgba(73,73,73,.188);z-index:999999;transition:.4s}.darkMode .menuInline.out{transform:translateX(-120%);transition:.4s}.darkMode .backdropMenu{background:rgba(23,34,54,.502);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.darkMode .sidebar{background:#172236;border:1px solid #1e2d48}.darkMode .sidebar .bg-sidebar{display:none}.darkMode .sidebar .nav-links .nav-icon svg{fill:#d6dbe4!important;width:20px;height:20px;margin-bottom:2px}.darkMode .sidebar.close .nav-links .nav-menu.active i{background:#3a4b6b;color:#959ca8}.darkMode .sidebar .nav-links .nav-menu i.arrow{color:#3a4b6b}.darkMode .sidebar .nav-links li .list-link-head .link_name,.darkMode .sidebar .nav-links li a .link_name,.darkMode .sidebar.close:hover .nav-links li .list-link-head .link_name,.darkMode .sidebar.close:hover .nav-links li a .link_name{color:#d6dbe4!important}.darkMode .sidebar .nav-links .nav-menu .submenu .submenu-link a{color:#959ca8}.darkMode .sidebar .nav-links .nav-menu .submenu .submenu-link a:before,.darkMode .sidebar .nav-links .nav-menu .submenu .submenu-link.active{background:#3a4b6b}.darkMode .sidebar .nav-links .nav-menu .submenu .submenu-link.active a:before{background:#d6dbe4}.darkMode .submenu-level3 :before{transition:all .2s ease}.darkMode .submenu-level3 a{color:#d6dbe4}.darkMode .floating-label{background:#172236;color:#d6dbe4}.darkMode .form-control{color:#d6dbe4;background-color:#172236;border:2px solid #3a4b6b}.darkMode .form-control::placeholder{color:#d6dbe4}.darkMode .ant-picker-input input{color:#d6dbe4}.darkMode .ant-picker-input input::placeholder{color:#d6dbe4}.darkMode .dashCard{background:#172236!important;border:1px solid #3a4b6b!important;box-shadow:2px 10px 30px hsla(0,0%,87%,0)!important}.darkMode .card-table,.darkMode .cards,.darkMode .roomsCard{background:#172236!important;box-shadow:2px 10px 30px hsla(0,0%,9%,.2)!important}.darkMode .cards{border:1px solid #172236!important}.darkMode .card{background:#172236!important;border:1px solid #1e2d48!important;box-shadow:2px 10px 30px hsla(0,0%,87%,0)!important}.darkMode .cardDark{background:#172236;border-top-left-radius:18px!important;border-top-right-radius:18px!important}.darkMode .cardDark .text-primary{color:#d6dbe4!important}.darkMode .cardDark .text-muted{color:#959ca8!important}.darkMode .cardDark .separator{border-color:#44587c}.darkMode .card-footer{background:#172236!important;border-top:1px solid #44587c!important;border-bottom-left-radius:18px!important;border-bottom-right-radius:18px!important}.darkMode .wave .wave:before,.darkMode .wave:after{background-color:#172236}.darkMode .wave.wave-danger{background-color:#111928!important}.darkMode a,.darkMode h1,.darkMode h2,.darkMode h3,.darkMode h4,.darkMode h5,.darkMode h6{color:#d6dbe4}.darkMode .text-danger,.darkMode .text-dark,.darkMode .text-dark-grey,.darkMode .text-primary{color:#d6dbe4!important}.darkMode .text-muted{color:#959ca8!important}.darkMode .rdt_Table,.darkMode .rdt_TableHead{background:#172236;border-radius:24px}.darkMode .rdt_Table .sc-hmdomO,.darkMode .rdt_TableHead .sc-hmdomO{background:#283957;border-radius:12px!important;color:#d6dbe4}.darkMode .rdt_TableHeadRow{background:#283957!important}.darkMode .rdt_TableHeadRow .sc-cwHptR{color:#d6dbe4!important}.darkMode .rdt_TableRow{background:#172236;border-bottom:1px solid #3a4b6b!important}.darkMode .rdt_TableRow:hover{border:none;outline:none;background-color:#1f2d47!important}.darkMode .rdt_TableCell{color:#d6dbe4!important}.darkMode .rdt_Pagination{background:#172236;border-radius:20px;margin-top:.5rem;color:#d6dbe4}.darkMode .rdt_Pagination select{border:1px solid #3a4b6b;outline:none;border-radius:10px}.darkMode .rdt_Pagination select option{background:#3a4b6b;color:#d6dbe4}.darkMode .rdt_Pagination .fimDOL button svg{fill:#d6dbe4!important}.darkMode .btn-danger{background:#3a4b6b!important;border:1px solid #172236!important;color:#d6dbe4!important}.darkMode .btn-danger svg{fill:#d6dbe4!important}.darkMode .btn-light-danger,.darkMode .btn-light-primary{background:#6a7996!important;border:1px solid #172236!important;color:#d6dbe4!important}.darkMode .btn-light-danger svg,.darkMode .btn-light-primary svg{fill:#d6dbe4!important}.darkMode .ant-dropdown-arrow:after,.darkMode .ant-dropdown-arrow:before,.darkMode .ant-dropdown-menu{background:#3a4b6b}.darkMode .ant-dropdown-menu-item:hover{background:#44587c!important}.darkMode .ant-dropdown-menu-item .dropdown-item{color:#d6dbe4!important}.darkMode .ant-dropdown-menu-item .dropdown-item svg{fill:#d6dbe4!important}.darkMode .searchInput{border:1px solid #3a4b6b}.darkMode .searchInput,.darkMode .searchInput:focus{background-color:#3a4b6b!important}.darkMode .icon-search svg{color:#d6dbe4!important}.darkMode .ant-select-disabled{background:#172236;border:0}.darkMode .ant-select-disabled .ant-select-selector,.darkMode .ant-select-selection-item,.darkMode .ant-select-selection-placeholder,.darkMode .ant-select-selector{background:#172236!important;color:#d6dbe4!important}.darkMode .ant-select-arrow svg,.darkMode .ant-select-clear svg{color:#d6dbe4!important}.darkMode .ant-select-dropdown{background:#3a4b6b}.darkMode .ant-select-dropdown .ant-select-item-option-content{color:#d6dbe4}.darkMode .ant-select-dropdown .ant-select-item-option-active{background:#44587c}.darkMode .ant-menu-item-selected{background:#44587c!important}.darkMode .ant-menu-sub{background:#3a4b6b!important}.darkMode .ant-menu-submenu-vertical .ant-menu-submenu-title{display:flex!important;justify-content:start!important;align-items:center!important}.darkMode .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content a{font-size:12px;color:#d6dbe4}.darkMode .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-item-icon svg{width:16px;fill:#d6dbe4}.darkMode .ant-menu-submenu-vertical .ant-menu-submenu-title i{color:#d6dbe4!important}.darkMode .ant-menu-inline .ant-menu-item .ant-menu-title-content a{font-size:12px;color:#fff}.darkMode .ant-menu-inline .ant-menu-item .ant-menu-item-icon svg{width:16px;fill:#fff}.darkMode .ant-menu-inline .ant-menu-submenu-inline .ant-menu-title-content a{font-size:12px;color:#fff}.darkMode .ant-menu-inline .ant-menu-submenu-inline .ant-menu-item-icon svg{width:16px;fill:#fff}.darkMode .ant-menu-inline .ant-menu-sub{background:rgba(23,34,54,.796)!important}.darkMode .ant-menu-item{display:flex!important;justify-content:start!important;align-items:center!important}.darkMode .ant-menu-item .ant-menu-title-content{font-size:12px;color:#d6dbe4}.darkMode .ant-menu-item .ant-menu-item-icon svg{width:16px;fill:#d6dbe4}.darkMode section{background:#172236!important;box-shadow:2px 10px 30px rgba(59,62,107,.473)!important}.darkMode .bg-primary{background:#1788df!important}.darkMode .bg-success{background:#10bb82!important}.darkMode .bg-warning{background:#e2a52a!important}.darkMode .bg-danger{background:#d83b62!important}.darkMode .bg-secondary{background:#9b9b9b!important}.darkMode .btn-light-primary,.darkMode .btn-secondary{background:#3a4b6b!important;color:#d6dbe4!important;border:1px solid #3a4b6b!important;transition:.3s!important}.darkMode .btn-light-primary:hover,.darkMode .btn-secondary:hover{background:#3a4b6b!important;color:#d6dbe4!important;border:1px solid #6a7996!important;transition:.3s!important}.darkMode .containers .headContent,.darkMode .containers .headContent .containerTitle,.darkMode .dashboard .headContent,.darkMode .dashboard .headContent .containerTitle{background:#0c111c!important}.darkMode .containers .headContent:after,.darkMode .dashboard .headContent:after{background:#3a4b6b}.darkMode .containers .headContent .headTitle .content .title,.darkMode .dashboard .headContent .headTitle .content .title{color:#959ca8}.darkMode .containers .headContent .headTitle .content .title:after,.darkMode .dashboard .headContent .headTitle .content .title:after{background:#959ca8}.darkMode .containers .headContent .headTitle .content .sub-title,.darkMode .dashboard .headContent .headTitle .content .sub-title{color:#959ca8}.darkMode .containers .headContent .headTitle .title-text,.darkMode .dashboard .headContent .headTitle .title-text{color:#d6dbe4}.darkMode .containers .headCard,.darkMode .dashboard .headCard{border-bottom:1px solid #3a4b6b!important}.darkMode .containers .bodyContent .containerTitle,.darkMode .dashboard .bodyContent .containerTitle{border-bottom:1px solid #3a4b6b}.darkMode .containers .bodyContent .containerTitle .container,.darkMode .dashboard .bodyContent .containerTitle .container{margin-top:-38px;border-top:1px solid #44587c;border-right:1px solid #44587c;border-left:1px solid #44587c;background:#172236}.darkMode .containers .bodyContent .containerTitle .container .title,.darkMode .dashboard .bodyContent .containerTitle .container .title{background:#172236;color:#d6dbe4}.darkMode .containers .bodyContent .containerTitle .subtitle,.darkMode .dashboard .bodyContent .containerTitle .subtitle{font-size:12px;font-weight:300;line-height:18px;margin-top:8px;margin-bottom:2rem;text-align:center}.darkMode .containers .bodyContent .containerTitle .action,.darkMode .dashboard .bodyContent .containerTitle .action{position:relative;display:flex;justify-content:end;align-items:center;width:210px}.darkMode .containers .bodyContent .header ul li,.darkMode .dashboard .bodyContent .header ul li{background:#3a4b6b;color:#d6dbe4}.darkMode .containers .bodyContent .content,.darkMode .dashboard .bodyContent .content{background:#3a4b6b}.darkMode .containers .bodyContent .content .action,.darkMode .containers .bodyContent .content .date,.darkMode .containers .bodyContent .content .title span,.darkMode .dashboard .bodyContent .content .action,.darkMode .dashboard .bodyContent .content .date,.darkMode .dashboard .bodyContent .content .title span{color:#d6dbe4}.darkMode .containers .bodyContent .content .action svg,.darkMode .dashboard .bodyContent .content .action svg{fill:#d6dbe4}.darkMode .containerList .contentList{border:1px solid #44587c!important}.darkMode .containerList .contentList .name .text a{color:#d6dbe4!important}.darkMode .containerList .contentList .name .text a:hover{color:#eee!important}.darkMode .containerList .contentList .text{color:#d6dbe4!important}.darkMode .containerList .contentList .subtext{color:#959ca8!important}.darkMode .containerList .contentList .ant-progress-text{color:#d6dbe4!important}.darkMode .containerEmployee .titleList{color:#d6dbe4!important;background:#3a4b6b!important}.darkMode .containerEmployee .employeeList .contentList{border-bottom:1px solid #3a4b6b!important;color:#d6dbe4!important}.darkMode .containerEmployee .employeeList .contentList .jamMasuk svg,.darkMode .containerEmployee .employeeList .contentList .jamPulang svg{color:#d6dbe4!important}.darkMode .contentDetail{background:#3a4b6b}.darkMode .contentDetail .icon{background:#1f2d47}.darkMode .contentDetail .icon img{filter:invert(1)}.darkMode .contentDetail .subtitle,.darkMode .contentDetail .title{color:#d6dbe4}.darkMode .containerTimeline:after{background-color:#1e2d48}.darkMode .containerTimeline .cards{background:#3a4b6b!important}.darkMode .containerTimeline .tlContent .containers .highlight{box-shadow:2px 10px 30px rgba(27,27,27,.2)}.darkMode .containerTimeline .tlContent .containers .highlight .count{color:#f2f2f2}.darkMode .containerTimeline .tlContent .containers .highlight .count:after{background:#f2f2f2}.darkMode .containerTimeline .tlContent .containers .highlight .time span{color:#f2f2f2}.darkMode .containerTimeline .tlContent .containers .highlight .btnDetail{color:#f2f2f2;background:hsla(0,0%,100%,.208);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.darkMode .containerTimeline .tlContent .containers .highlight .btnDetail:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:2px 10px 30px rgba(80,80,80,.2)}.darkMode .containerTimeline .tlContent .containers .text .desc,.darkMode .containerTimeline .tlContent .containers .text .title{color:#d6dbe4}.darkMode .containerTimeline .tlContent .containerImg::-webkit-scrollbar{height:2px}.darkMode .containerTimeline .tlContent .containerImg::-webkit-scrollbar-thumb{background:#172236;border:none}.darkMode .containerTimeline .tlContent .containerImg::-webkit-scrollbar-track{background:#1f2d47}.darkMode .containerTimeline .tlContent:nth-child(2n) .cards:after,.darkMode .containerTimeline .tlContent:nth-child(odd) .cards:after{background:#3a4b6b}.darkMode .containerTimeline .tlContent:nth-child(2n):before,.darkMode .containerTimeline .tlContent:nth-child(odd):before{background:#1e2d48}.darkMode .containerTimeline .tlContent:nth-child(2n):after,.darkMode .containerTimeline .tlContent:nth-child(odd):after{background-color:#6a7996;border:4px solid #1e2d48}.darkMode .rooms .bodyContentRooms .headCardRooms .subtitleRooms,.darkMode .rooms .bodyContentRooms .headCardRooms .titleRooms{color:#d6dbe4}.darkMode .rooms .bodyContentRooms .containerDescRooms .containerBrg .barang{background:#3a4b6b}.darkMode .rooms .bodyContentRooms .containerDescRooms .containerBrg .barang .iconBrg{background:#172236}.darkMode .rooms .bodyContentRooms .containerDescRooms .containerBrg .barang .iconBrg img{filter:brightness(0) invert(1)}.darkMode .rooms .bodyContentRooms .containerDescRooms .containerBrg .barang .namaBrg{color:#d6dbe4}.darkMode .ant-row.paginate{background:#3a4b6b;padding:4px 12px}.darkMode .ant-row.paginate .ant-pagination-item-ellipsis,.darkMode .ant-row.paginate a,.darkMode .ant-row.paginate button,.darkMode .ant-row.paginate li,.darkMode .ant-row.paginate span{color:#d6dbe4}.darkMode .ant-row.paginate .ant-pagination-item-active{background:#6a7996;border:1px solid #d6dbe4;border-radius:10px}.darkMode .containerCard{background:#3a4b6b}.darkMode .containerCard .description .code,.darkMode .containerCard .description .desc,.darkMode .containerCard .description .name,.darkMode .containerCard .result .date,.darkMode .containerCard .result .descHasil,.darkMode .containerCard .result .hasil{color:#d6dbe4}@media screen and (max-width:640px){.darkMode .nav-account,.darkMode .nav-account .container-account .account{background:transparent}}.monitoringPengajuanAdmin .timeline-container{padding:20px}.monitoringPengajuanAdmin .timeline-container .batch-card{background-color:#f4f4f4;padding-right:25px;margin-bottom:20px;width:575px;height:60px;border-radius:20px;text-align:end;align-content:center}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item{padding:0}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card{display:flex;border-radius:12px;border:1px dashed #939393;padding:16px;margin-bottom:12px}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box{padding:10px}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .header{display:flex;justify-content:end;position:relative;margin-bottom:18px;width:100%}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .header .labelStatus{position:absolute;min-width:152px;height:28px;border-radius:20px;margin-top:-12px;margin-left:-330px;font-size:11px;font-weight:500;border:0;padding:5px 5px 5px 10px;text-align:center;align-content:center}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .header .labelStatusAktivitas{position:absolute;width:100%;height:28px;border-radius:20px;margin-top:-12px;margin-left:-290px;font-size:11px;font-weight:500;border:0;padding:5px 5px 5px 10px;display:flex;justify-content:space-between}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .header .labelDate{position:absolute;margin-top:-12px;right:-8px!important;width:74px;height:29px;border:0;border-radius:20px;font-size:11px;text-align:center;align-content:center}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .headerPenyesaian{display:flex;justify-content:space-between;width:504px;height:28px;border-radius:20px;background-color:rgba(0,165,81,.122);align-items:center;padding-left:12px;padding-right:12px;font-size:11px;font-weight:500}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .headerNotifikasi{display:flex;justify-content:space-between;width:504px;height:28px;border-radius:20px;background-color:#fff8dd;align-items:center;padding-left:12px;padding-right:12px;font-size:11px;font-weight:500}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .content-box .headerKorespondensi{display:flex;justify-content:space-between;width:504px;height:28px;border-radius:20px;background-color:#fff5f8;align-items:center;padding-left:12px;padding-right:12px;font-size:11px;font-weight:500}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .contentKorespondensi{position:relative;padding:10px}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .contentKorespondensi .listKorespondensi{position:relative;display:flex;justify-content:start;margin-left:15px;text-align:start}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .contentKorespondensi .listKorespondensi .korespondensiIcon{margin-right:10px;margin-top:5px}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .imageProfile{width:74px;height:73px;border-radius:15px}.monitoringPengajuanAdmin .timeline-container .custom-timeline .ant-timeline-item .activity-card .ant-image-mask{border-radius:15px}.monitoringPengajuanAdmin .timeline-container .containerLogInfo{position:relative;padding-bottom:1.4rem}.monitoringPengajuanAdmin .timeline-container .containerLogInfo .dateLog{font-size:12px;color:#000;font-weight:500}.monitoringPengajuanAdmin .timeline-container .containerLogInfo .contentLog{font-size:14px;color:#444;font-weight:400;margin-top:6px}.monitoringPengajuanAdmin .timeline-container .containerLogInfo .crtNm{font-size:11px;color:#666;font-weight:400}.monitoringPengajuanAdmin .containerLogForm{display:flex;gap:12px}.monitoringPengajuanAdmin .containerLogForm .form-group{width:100%}.monitoringPengajuanAdmin .containerLogForm .ant-spin{height:38px!important}::-webkit-scrollbar{width:5px;height:14px}::-webkit-scrollbar-thumb{background:#ababab;border:none}::-webkit-scrollbar-track{background:#dedede}*,button,html{font-family:var(--font-poppins)}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden}.bg-nav{position:absolute;width:100%;height:120px!important;filter:brightness(35%);object-fit:cover}.bg-primary-light{background:var(--primary-light)}.border-radius-15{border-radius:15px}.border-radius-10{border-radius:10px}.ant-tabs .ant-tabs-ink-bar{position:absolute;background:#1e5c6b;pointer-events:none}.label-riwayat-jam{font-weight:600;font-size:12px;background:rgba(0,0,0,.11);padding:7px 20px;border-radius:14px;display:inline-block}.bg-nav-hov{background:rgba(0,0,0,.7);top:0;z-index:2}.bg-nav-hov,section{width:100%;position:fixed}section{z-index:4;top:80px;overflow:scroll;height:100vh;padding:90px 30px;border-radius:30px 30px 0 0;transition:all .5s ease;background:#f3f3f3;box-shadow:0 0 50px 0 rgba(82,63,105,.15)}section::-webkit-scrollbar{height:0}section::-webkit-scrollbar-thumb,section::-webkit-scrollbar-track{background:transparent}.resultCard{position:relative;width:100%;padding:1rem 1.4rem;border-radius:35px;border:1px solid #e7f3ff;background:#f8fbff;z-index:9}.dashCard{border-radius:35px;border:1px solid #eee}.cards,.dashCard{position:relative;width:100%;padding:1rem 1.4rem;background:#fff;z-index:9}.cards{border-radius:20px;box-shadow:2px 10px 30px hsla(0,0%,87%,.4)}.card,.cards{border:1px solid #eee}.card{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);border-radius:20px;padding:15px}.card-header{display:flex;justify-content:start;align-items:center;gap:1rem}.card-header i{font-size:24px;color:#444}.card-header .title{font-size:18px;font-weight:500;line-height:20px;color:#444;text-transform:uppercase}.card-header .subtitle{font-size:12px;font-weight:400;color:var(--grey)}.selecton-wrap{display:flex;width:100%;align-items:flex-end;gap:10px;margin-bottom:10px}.dropdown-item{display:flex;justify-content:start;align-items:center;font-size:12px;font-weight:500;color:var(--dark-grey);padding:8px 12px;border:0;outline:0;background:transparent;cursor:pointer;transition:.5s}.dropdown-item:hover{background:var(--bs-primary-light)}.dropdown-item:hover,.dropdown-item:hover i{color:var(--bs-primary);transition:.5s}.dropdown-item i{text-align:left;width:25px;font-size:18px;color:var(--dark-grey)}.dropdown-item:disabled{color:#d7d7d7;cursor:not-allowed;border-radius:20px}.dropdown-action-title{font-size:11px;font-weight:600;color:#bdbdbd;border-bottom:1px dashed #e3e3e3;padding-bottom:8px;margin:3px 15px}.label-box{width:100%;font-size:12px;border-radius:20px;padding:12px}.ant-spin-container:after{border-radius:20px;background:var(--primary)}.w-full{width:100%!important}.ant-select-selector{border:none!important;box-shadow:none!important}.ant-upload-select{background-color:#fff!important;border:1px solid #fff!important;overflow:hidden}.container-img-uploaded{border:1px solid #e1e3ea!important;position:relative;border-radius:20px;overflow:hidden;display:flex;justify-content:center;width:120px;height:120px;align-items:center;color:#a1a5b7}.ant-input-number-input{padding:0!important;font-weight:600!important}.ant-input-number-handler-wrap{display:none!important}.ant-input-number-readonly{border:none!important}.row-log-data{border-bottom:0!important;border-radius:20px}.row-log-data:hover{background-color:transparent!important}.row-log-data:first-child>div:last-child{border-top-right-radius:20px}.row-log-data:last-child>div:last-child{border-bottom-right-radius:20px}.bg-primary{background:var(--primary)}.bg-light-primary{background:var(--primary-light)}.card-product{font-size:12px;overflow:hidden}.card-product .ant-card-head{border-bottom:0!important}.card-product .ant-card-body{padding:0}.card-product .card-product-header{padding:15px 15px 0}.card-product .card-product-body{padding:15px}.card-product .card-product-body .data{display:flex;flex-wrap:wrap;flex-direction:column;font-size:13px}.card-product .card-product-body .table-info{font-size:13px;width:100%}.card-product .card-product-body .table-info tr td{padding:2px}.card-product .card-product-body .table-info tr td:first-child{font-size:13px;color:#a8a8a8}.card-product .card-product-body .table-info tr:not(:last-child) td{border-bottom:1px dashed #e8e8e8}.card-product .icon-product{top:5px;right:5px;transform:rotate(-20deg);opacity:.2;position:absolute}.card-product .card-product-header h3.card-title{font-weight:600;font-size:1.35em}.card-product .card-product-header .card-subtitle{font-weight:500;font-size:1.1em}.card-product .card-product-footer{background:var(--primary-light)}.card-product .highlight-product{background:#f3f3f3;margin-top:15px;padding:10px}.card-product .highlight-product .item{display:flex;flex-direction:column;justify-content:center}.card-product .highlight-product .item span{font-size:.7rem}.card-product .card-product-footer div{display:flex;justify-content:space-between;align-items:center}.my-ribbon{font-size:13px;background:#fff;padding:6px 12px;border-radius:11px;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.btn-secondary{position:relative;background:#ebebeb;transition:.3s;border:1px solid #ebebeb}.btn-secondary:hover{transition:.3s;border:1px solid #ddd}.btn-light-primary{position:relative;transition:.3s}.btn-light-primary:hover{transition:.3s;border:1px solid var(--primary)!important;background:var(--primary)!important;color:#dae7f3!important}.justifyStart{justify-content:start}.justifyCenter,.justifyStart{display:flex;align-items:center}.justifyCenter{justify-content:center}.justifyEnd{justify-content:end}.justifyEnd,.justifySB{display:flex;align-items:center}.justifySB,.justifySBS{justify-content:space-between}.justifySBS{display:flex;align-items:start}.containers,.dashboard{position:relative}.containers .headContent,.dashboard .headContent{display:flex;justify-content:space-between;align-items:start;position:fixed;top:80px;left:0;padding:1rem 2rem;width:100%;border-radius:30px 30px 0 0;background:#f3f3f3;z-index:999}.containers .headContent .headTitle .content,.dashboard .headContent .headTitle .content{display:flex;justify-content:start;align-items:center;gap:15px}.containers .headContent .headTitle .content .title,.dashboard .headContent .headTitle .content .title{position:relative;font-size:12px;font-weight:400;color:var(--grey)}.containers .headContent .headTitle .content .title:after,.dashboard .headContent .headTitle .content .title:after{content:"";position:absolute;top:4px;right:-8px;height:10px;width:1px;background:var(--grey)}.containers .headContent .headTitle .content .sub-title,.dashboard .headContent .headTitle .content .sub-title{font-size:12px;font-weight:400;color:var(--grey)}.containers .headContent .headTitle .title-text,.dashboard .headContent .headTitle .title-text{font-size:18px;text-transform:uppercase;font-weight:600;color:var(--dark)}.containers .headContent .filter,.dashboard .headContent .filter{position:relative;display:flex;justify-content:end;gap:12px;min-width:220px;margin-top:4px}.containers .headContent .legend,.dashboard .headContent .legend{display:flex;flex-wrap:wrap;align-content:flex-start;width:210px;gap:6px}.containers .headContent .legend .badge,.dashboard .headContent .legend .badge{display:inline-flex;justify-content:center;align-items:center;font-size:12px;color:#fff;padding:0 12px;width:100px;height:28px;border-radius:20px;white-space:nowrap}.containers .headContent .containerTitle,.dashboard .headContent .containerTitle{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.containers .headContent .containerTitle .breadCrumb,.dashboard .headContent .containerTitle .breadCrumb{position:relative;display:flex;justify-content:start;align-items:center;width:100%}.containers .headContent .containerTitle .breadCrumb .text,.dashboard .headContent .containerTitle .breadCrumb .text{position:relative;font-size:12px;font-weight:500;color:#b0b0b0;margin-right:1.4rem}.containers .headContent .containerTitle .breadCrumb .text:not(:last-child):after,.dashboard .headContent .containerTitle .breadCrumb .text:not(:last-child):after{content:">";position:absolute;top:-1px;right:-16px;font-size:14px;font-weight:500;color:#b0b0b0}.containers .headContent .containerTitle .title,.dashboard .headContent .containerTitle .title{width:100%;font-size:20px;font-weight:600;white-space:nowrap;text-align:center}.containers .headContent .containerTitle .title.left,.dashboard .headContent .containerTitle .title.left{text-align:left!important}.containers .headContent .containerTitle .subtitle,.dashboard .headContent .containerTitle .subtitle{width:100%;font-size:14px;font-weight:300;text-align:center}.containers .headContent .containerTitle .subtitle.left,.dashboard .headContent .containerTitle .subtitle.left{text-align:left!important}.containers .bodyCustom,.dashboard .bodyCustom{padding-top:1rem}.containers .bodyContent,.dashboard .bodyContent{position:relative}.containers .bodyContent .containerTitle,.dashboard .bodyContent .containerTitle{position:relative;display:flex;justify-content:space-between;align-items:start;padding-bottom:10px;border-bottom:1px solid #f1f1f1}.containers .bodyContent .containerTitle .legend,.dashboard .bodyContent .containerTitle .legend{display:flex;flex-wrap:wrap;align-content:flex-start;width:210px;gap:6px}.containers .bodyContent .containerTitle .legend .badge,.dashboard .bodyContent .containerTitle .legend .badge{display:inline-flex;justify-content:center;align-items:center;font-size:12px;color:#fff;padding:0 12px;width:100px;height:28px;border-radius:20px;white-space:nowrap}.containers .bodyContent .containerTitle .titleText,.dashboard .bodyContent .containerTitle .titleText{position:relative}.containers .bodyContent .containerTitle .container,.dashboard .bodyContent .containerTitle .container{position:relative;margin-top:-36px;border-top-right-radius:20px;border-top-left-radius:20px;padding:0 1px;background:#fff}.containers .bodyContent .containerTitle .container .title,.dashboard .bodyContent .containerTitle .container .title{position:relative;top:8px;background:#fff;color:var(--dark);border-radius:20px;padding:0 24px;font-size:14px;font-weight:500;white-space:nowrap;text-align:center}.containers .bodyContent .containerTitle .subtitle,.dashboard .bodyContent .containerTitle .subtitle{font-size:12px;font-weight:300;line-height:18px;margin-top:8px;margin-bottom:2rem;text-align:center}.containers .bodyContent .containerTitle .titles,.dashboard .bodyContent .containerTitle .titles{color:var(--dark);font-size:16px;font-weight:500;white-space:nowrap}.containers .bodyContent .containerTitle .subtitles,.dashboard .bodyContent .containerTitle .subtitles{font-size:14px;font-weight:300;line-height:18px}.containers .bodyContent .containerTitle .action,.dashboard .bodyContent .containerTitle .action{position:relative;display:flex;justify-content:end;align-items:center;gap:12px;width:210px}.containers .bodyContent .containerTitle .containerDesc,.dashboard .bodyContent .containerTitle .containerDesc{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1rem}.containers .bodyContent .containerTitle .containerDesc .centerDesc,.dashboard .bodyContent .containerTitle .containerDesc .centerDesc{position:relative}.containers .bodyContent .containerTitle .containerDesc .desc,.dashboard .bodyContent .containerTitle .containerDesc .desc{display:flex;justify-content:start;align-items:center;margin-bottom:6px}.containers .bodyContent .containerTitle .containerDesc .desc .name,.dashboard .bodyContent .containerTitle .containerDesc .desc .name{position:relative;width:90px;font-size:12px;font-weight:500;line-height:18px}.containers .bodyContent .containerTitle .containerDesc .desc .subname,.dashboard .bodyContent .containerTitle .containerDesc .desc .subname{font-size:12px;font-weight:300;line-height:18px}.containers .bodyContent .containerTitle .headCard,.dashboard .bodyContent .containerTitle .headCard{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #eee}.containers .bodyContent .containerTitle .headCard .title,.dashboard .bodyContent .containerTitle .headCard .title{font-size:14px;font-weight:500;text-align:left}.containers .bodyContent .containerTitle .headCard .subtitle,.dashboard .bodyContent .containerTitle .headCard .subtitle{font-size:12px;font-weight:300;line-height:18px;text-align:left;margin:0}.containers .bodyContent .dashboardResult,.dashboard .bodyContent .dashboardResult{position:relative}.containers .bodyContent .dashboardResult .containerResult,.dashboard .bodyContent .dashboardResult .containerResult{display:flex;justify-content:space-between;align-items:start;width:100%}.containers .bodyContent .dashboardResult .containerResult .text,.dashboard .bodyContent .dashboardResult .containerResult .text{position:relative}.containers .bodyContent .dashboardResult .containerResult .text .title,.dashboard .bodyContent .dashboardResult .containerResult .text .title{font-size:16px;font-weight:500;margin-bottom:6px}.containers .bodyContent .dashboardResult .containerResult .text .sm-title,.dashboard .bodyContent .dashboardResult .containerResult .text .sm-title{font-size:14px;font-weight:300;margin-top:-6px;margin-bottom:6px}.containers .bodyContent .dashboardResult .containerResult .text .subtitle,.dashboard .bodyContent .dashboardResult .containerResult .text .subtitle{font-size:14px;font-weight:300}.containers .bodyContent .dashboardResult .containerResult .text .jumlah,.dashboard .bodyContent .dashboardResult .containerResult .text .jumlah{font-size:42px;font-weight:700;color:#999;margin-bottom:-10px}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers{display:flex;justify-content:start;align-items:center;gap:12px;margin-bottom:-4px}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers .icon,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers .icon{display:flex;justify-content:center;align-items:center;border-radius:8px;width:24px;height:24px}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in{color:#008ffb!important}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in .icon,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in .icon{border:2px solid #bde2ff;background:#eff8ff}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in .icon svg,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.in .icon svg{font-size:16px;color:#008ffb}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out{color:#f1416c!important}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out .icon,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out .icon{border:2px solid #f7ced8;background:#fcf4f6}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out .icon svg,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers.out .icon svg{font-size:16px;color:#f1416c}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .containers span,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .containers span{font-size:24px;font-weight:600}.containers .bodyContent .dashboardResult .containerResult .text .resultInOut .subtitle,.dashboard .bodyContent .dashboardResult .containerResult .text .resultInOut .subtitle{font-size:12px;font-weight:300}.containers .bodyContent .dashboardResult .containerResult .graph,.dashboard .bodyContent .dashboardResult .containerResult .graph{position:relative;border-radius:20px;border:1px solid #e7f3ff;background:#f8fbff;width:120px;height:125px}.containers .bodyContent .dashboardResult .containerResult .graph.monitorResult,.dashboard .bodyContent .dashboardResult .containerResult .graph.monitorResult{height:128px}.containers .bodyContent .dashboardResult .containerResult .graph.monitorResult .apexcharts-canvas,.dashboard .bodyContent .dashboardResult .containerResult .graph.monitorResult .apexcharts-canvas{position:relative;top:-6px}.containers .bodyContent .dashboardResult .containerResult .graph.reportEmployee,.dashboard .bodyContent .dashboardResult .containerResult .graph.reportEmployee{height:128px}.containers .bodyContent .dashboardResult .containerResult .graph.reportEmployee .apexcharts-canvas,.dashboard .bodyContent .dashboardResult .containerResult .graph.reportEmployee .apexcharts-canvas{position:relative;top:9px;right:18%}.containers .bodyContent .averagePercent,.dashboard .bodyContent .averagePercent{position:relative;height:295px}.containers .bodyContent .averagePercent:after,.dashboard .bodyContent .averagePercent:after{content:"";position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%,-50%);width:120px;height:20px;border-radius:50%;background:rgba(0,0,0,.05);box-shadow:0 0 40px 18px rgba(0,0,0,.05)}.containers .bodyContent .averagePercent .ant-progress-circle,.dashboard .bodyContent .averagePercent .ant-progress-circle{position:relative;top:46%;left:50%;transform:translate(-50%,-50%);z-index:999}.containers .bodyContent .averagePercent .ant-progress-circle-trail,.dashboard .bodyContent .averagePercent .ant-progress-circle-trail{stroke:#e4eefa!important}.containers .bodyContent .securityDesc,.dashboard .bodyContent .securityDesc{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin:1rem 0}.containers .bodyContent .securityDesc .centerDesc,.dashboard .bodyContent .securityDesc .centerDesc{position:relative}.containers .bodyContent .securityDesc .desc,.dashboard .bodyContent .securityDesc .desc{display:flex;justify-content:start;align-items:center;margin-bottom:6px}.containers .bodyContent .securityDesc .desc .name,.dashboard .bodyContent .securityDesc .desc .name{position:relative;width:100px;font-size:14px;font-weight:500;line-height:18px}.containers .bodyContent .securityDesc .desc .subname,.dashboard .bodyContent .securityDesc .desc .subname{font-size:14px;font-weight:300;line-height:18px}.containers .bodyContent .header,.dashboard .bodyContent .header{position:relative;margin-bottom:.7rem}.containers .bodyContent .header .containers,.dashboard .bodyContent .header .containers{margin:0 auto}.containers .bodyContent .header ul,.dashboard .bodyContent .header ul{display:flex;justify-content:center;align-items:center;list-style:none}.containers .bodyContent .header ul li,.dashboard .bodyContent .header ul li{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:32px;font-size:14px;font-weight:500;background:#ebebeb;color:#000}.containers .bodyContent .header ul li:first-child,.dashboard .bodyContent .header ul li:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.containers .bodyContent .header ul li:last-child,.dashboard .bodyContent .header ul li:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.containers .bodyContent .content,.dashboard .bodyContent .content{width:100%;background:#f7f7f7;border-radius:20px;margin-bottom:.7rem;padding:0 6px}.containers .bodyContent .content .title,.dashboard .bodyContent .content .title{display:flex;justify-content:start;align-items:center;height:32px;padding:0 10px}.containers .bodyContent .content .title span,.dashboard .bodyContent .content .title span{font-size:14px;font-weight:500;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.containers .bodyContent .content .date,.dashboard .bodyContent .content .date{display:flex;justify-content:end;align-items:center;height:100%;text-align:right;font-size:14px;font-weight:400;color:#404040;padding-right:10px}.containers .bodyContent .content .date.left,.dashboard .bodyContent .content .date.left{padding-right:1rem;justify-content:start!important;text-align:left!important}.containers .bodyContent .content .date.center,.dashboard .bodyContent .content .date.center{justify-content:center!important}.containers .bodyContent .content ul,.dashboard .bodyContent .content ul{display:flex;justify-content:center;align-items:center;list-style:none}.containers .bodyContent .content ul li,.dashboard .bodyContent .content ul li{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.containers .bodyContent .content ul li .btnAct,.dashboard .bodyContent .content ul li .btnAct{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:32px;font-size:14px;font-weight:500;border:none;outline:none;color:#fff;cursor:pointer;transition:.3s;z-index:99}.containers .bodyContent .content ul li .btnAct:hover,.dashboard .bodyContent .content ul li .btnAct:hover{opacity:.7;transition:.3s}.containers .bodyContent .content ul li:first-child .btnAct,.containers .bodyContent .content ul li:first-child button,.dashboard .bodyContent .content ul li:first-child .btnAct,.dashboard .bodyContent .content ul li:first-child button{border-top-left-radius:20px;border-bottom-left-radius:20px}.containers .bodyContent .content ul li:last-child .btnAct,.containers .bodyContent .content ul li:last-child button,.dashboard .bodyContent .content ul li:last-child .btnAct,.dashboard .bodyContent .content ul li:last-child button{border-top-right-radius:20px;border-bottom-right-radius:20px}.containers .bodyContent .content .count,.dashboard .bodyContent .content .count{position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:28px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.containers .bodyContent .content .action,.dashboard .bodyContent .content .action{position:relative;display:flex;justify-content:center;align-items:center;gap:2px;width:100%;height:28px;font-size:12px;font-weight:500;color:#404040;cursor:pointer}.containers .bodyContent .content .action svg,.dashboard .bodyContent .content .action svg{font-size:8px;fill:#404040}.containers .containerList,.dashboard .containerList{position:relative;width:100%;max-height:400px;overflow-y:scroll;overflow-x:hidden;margin-top:1rem;padding-right:10px}.containers .containerList .contentList,.dashboard .containerList .contentList{position:relative;display:flex;justify-content:space-around;align-items:center;padding:.8rem .5rem .8rem 1rem;border:1px solid #ccc;border-radius:20px;margin-bottom:10px}.containers .containerList .contentList .name,.dashboard .containerList .contentList .name{position:relative;display:flex;justify-content:start;align-items:center;gap:8px}.containers .containerList .contentList .name img,.dashboard .containerList .contentList .name img{border-radius:50%;height:32px!important;width:32px!important;object-fit:cover}.containers .containerList .contentList .name .ant-image-mask,.dashboard .containerList .contentList .name .ant-image-mask{border-radius:50%}.containers .containerList .contentList .name .ant-image-mask .ant-image-mask-info,.dashboard .containerList .contentList .name .ant-image-mask .ant-image-mask-info{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1px}.containers .containerList .contentList .name .ant-image-mask .ant-image-mask-info svg,.dashboard .containerList .contentList .name .ant-image-mask .ant-image-mask-info svg{display:block;font-size:14px}.containers .containerList .contentList .name .text,.dashboard .containerList .contentList .name .text{width:220px;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.containers .containerList .contentList .name .text a,.dashboard .containerList .contentList .name .text a{font-size:15px;font-weight:600;color:var(--dark);line-height:14px;transition:.3s}.containers .containerList .contentList .name .text a:hover,.dashboard .containerList .contentList .name .text a:hover{color:#282e6e;transition:.3s}.containers .containerList .contentList .scrollRes,.dashboard .containerList .contentList .scrollRes{position:relative;display:flex;justify-content:space-around;align-items:center;width:100%}.containers .containerList .contentList .text,.dashboard .containerList .contentList .text{font-size:16px;font-weight:600;color:var(--dark);line-height:14px}.containers .containerList .contentList .subtext,.dashboard .containerList .contentList .subtext{font-size:12px;font-weight:400;color:var(--grey);white-space:nowrap}.containers .containerList .contentList .percentDone .text,.dashboard .containerList .contentList .percentDone .text{margin-bottom:-4px}.containers .containerList .contentList .percentDone .subtext,.dashboard .containerList .contentList .percentDone .subtext{margin-bottom:2px}.containers .containerList .contentList .averageScore,.dashboard .containerList .contentList .averageScore{position:relative}.containers .containerList .contentList .averageScore .trophyImg,.dashboard .containerList .contentList .averageScore .trophyImg{position:absolute!important;top:-6px;left:0;width:16px}.containers .containerList .contentList .averageScore .text,.dashboard .containerList .contentList .averageScore .text{display:flex;justify-content:end;align-items:center;margin-top:-6px}.containers .containerList .contentList .averageScore .badge,.dashboard .containerList .contentList .averageScore .badge{display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:500;color:#fff;padding:4px 12px;border-radius:20px;white-space:nowrap}.containers .containerEmployee,.dashboard .containerEmployee{position:relative;margin-top:1rem}.containers .containerEmployee .titleList,.dashboard .containerEmployee .titleList{position:relative;display:flex;justify-content:start;align-items:center;font-size:14px;font-weight:500;color:#666;background:#f1f1f1;border-radius:20px;padding:8px 10px 8px 0;margin-bottom:12px}.containers .containerEmployee .id,.dashboard .containerEmployee .id{width:20%!important;padding-left:14px}.containers .containerEmployee .nama,.dashboard .containerEmployee .nama{width:30%!important}.containers .containerEmployee .jamMasuk,.containers .containerEmployee .role,.dashboard .containerEmployee .jamMasuk,.dashboard .containerEmployee .role{width:15%!important}.containers .containerEmployee .jamPulang,.dashboard .containerEmployee .jamPulang{width:20%!important}.containers .containerEmployee .alasan,.dashboard .containerEmployee .alasan{width:35%!important}.containers .containerEmployee .employeeList,.dashboard .containerEmployee .employeeList{position:relative;width:100%;max-height:395px;overflow-y:scroll;overflow-x:hidden;padding-right:10px}.containers .containerEmployee .employeeList .contentList,.dashboard .containerEmployee .employeeList .contentList{position:relative;display:flex;justify-content:start;align-items:center;min-height:30px;padding-bottom:4px;border-bottom:1px solid #eee;margin-bottom:10px;font-size:14px;font-weight:400;color:#888}.containers .containerEmployee .employeeList .contentList .jamMasuk,.dashboard .containerEmployee .employeeList .contentList .jamMasuk{display:flex;justify-content:start;align-items:center;gap:6px}.containers .containerEmployee .employeeList .contentList .jamMasuk svg,.dashboard .containerEmployee .employeeList .contentList .jamMasuk svg{font-size:13px;color:#999;transform:scaleX(-1)}.containers .containerEmployee .employeeList .contentList .jamPulang,.dashboard .containerEmployee .employeeList .contentList .jamPulang{display:flex;justify-content:start;align-items:center;gap:6px}.containers .containerEmployee .employeeList .contentList .jamPulang svg,.dashboard .containerEmployee .employeeList .contentList .jamPulang svg{font-size:13px;color:#999}.contentDetail{justify-content:start;gap:.7rem;width:100%;border-radius:50px;background:#f3f3f3}.contentDetail,.contentDetail .icon{position:relative;display:flex;align-items:center}.contentDetail .icon{left:-1px;justify-content:center;width:50px;height:50px;border-radius:50%;background:#fff}.contentDetail .title{font-size:14px;font-weight:400;color:#000;line-height:14px}.contentDetail .subtitle{font-size:14px;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.contentKaryawan{position:relative}.card-table{background:#fff;padding:5px;border-radius:25px;box-shadow:0 8px 50px rgba(0,0,0,.02)}.card-shadow{box-shadow:2px 10px 20px rgba(0,0,0,.1)}.head-content-laporan{font-weight:500;text-transform:uppercase;color:#c3c3c3;margin-top:15px;font-size:10px!important;margin-bottom:20px;text-align:center}@media screen and (max-width:1120px){.containerList .contentList{justify-content:start;overflow:hidden}.containerList .contentList .name .text{font-size:14px;font-weight:500}.containerList .contentList .scrollRes{justify-content:start;gap:1rem;margin-left:1rem;overflow-x:auto;cursor:all-scroll}.containerList .contentList .scrollRes::-webkit-scrollbar{height:0}}@media screen and (min-width:990px){.btn-mobile{display:none}}@media screen and (max-width:990px){.head-content-laporan{display:none}.containers .headContent{padding:0!important}.containers .headContent input{width:100%!important}.containers .headContent .filter{margin-top:0!important}.containers .headContent .filter .containerSearch{width:100%}.btn-mobile{margin-top:1rem;width:100%!important}.btn-web{display:none}.card-table{overflow-x:auto}.card-table::-webkit-scrollbar{width:5px;height:5px}.containers .headContent,.dashboard .headContent{position:relative;justify-content:center;flex-direction:column;top:0;padding:10px 0;width:100%;border-radius:24px 24px 0 0}.containers .headContent:after,.dashboard .headContent:after{content:"";position:absolute;bottom:0;left:10px;width:calc(100% - 25px)}.containers .headContent .filter,.dashboard .headContent .filter{display:flex;justify-content:center;align-items:center;width:100%!important}.containers .headContent .filter .justify-start,.dashboard .headContent .filter .justify-start{justify-content:start;flex-direction:column;width:100%!important;margin-top:1rem}.containers .headContent .filter .justify-start .form-control,.containers .headContent .filter .justify-start button,.dashboard .headContent .filter .justify-start .form-control,.dashboard .headContent .filter .justify-start button{width:100%}.containers .headContent .containerTitle,.dashboard .headContent .containerTitle{position:fixed;top:80px;left:0;order:-1;padding:1.4rem 2.2rem;width:100%;z-index:99;background:#f3f3f3;border-radius:24px 24px 0 0}.containers .headContent .containerTitle.onlyTitle,.dashboard .headContent .containerTitle.onlyTitle{padding:10px 0}.containers .headContent .containerTitle .breadCrumb .text,.dashboard .headContent .containerTitle .breadCrumb .text{font-size:10px}.containers .headContent .containerTitle .breadCrumb .text:not(:last-child):after,.dashboard .headContent .containerTitle .breadCrumb .text:not(:last-child):after{top:-1px;right:-14px;font-size:12px}.containers .headContent .containerTitle .title,.dashboard .headContent .containerTitle .title{font-size:16px;text-align:left!important}.containers .headContent .containerTitle .subtitle,.dashboard .headContent .containerTitle .subtitle{width:100%;font-size:12px;text-align:left!important}.containers .bodyCustom,.dashboard .bodyCustom{padding-top:6rem!important}.containers .headContent .filter,.dashboard .headContent .filter{margin-top:2rem}.containers .bodyContent,.dashboard .bodyContent{padding-bottom:6rem}.containers .bodyContent .content,.dashboard .bodyContent .content{padding:8px 12px}.containers .bodyContent .content .title.ms-2,.dashboard .bodyContent .content .title.ms-2{margin-left:-10px!important}.containers .bodyContent .content .date,.dashboard .bodyContent .content .date{justify-content:start!important}.containers .bodyContent .content .date.right,.dashboard .bodyContent .content .date.right{text-align:left!important}.containers .bodyContent .content .action,.dashboard .bodyContent .content .action{justify-content:start;text-decoration:underline}}@media screen and (max-width:640px){.containers .headContent .containerTitle,.dashboard .headContent .containerTitle{padding:1.4rem .8rem}.containers .headContent .containerTitle .title,.dashboard .headContent .containerTitle .title{font-size:14px}.containers .headContent .containerTitle .subtitle,.dashboard .headContent .containerTitle .subtitle{font-size:10px}.dashCard{padding:.6rem .8rem}section{padding:90px 10px}.form-control{height:35px!important;font-size:10px!important}.form-control::placeholder{font-size:10px!important}.ant-select-selection-item{font-size:10px!important}.floating-label{position:absolute;left:15px;top:8px;font-size:10px;padding:0 7px}.label-form{font-size:10px}.nasabahImg{right:4px;width:140px!important}}.ant-spin-dot-item{background-color:var(--primary)!important}.ant-statistic .ant-statistic-content{font-size:16px}.ant-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#008b80;border-color:#008b80}hr.border{border:1px dashed #e9e9e9}.checkauth-content{position:fixed;z-index:111111;width:100%;background:#fff;color:#000}.head-laporan{display:flex;margin-top:10px;margin-bottom:10px}.head-laporan .title{background:#fff;border-radius:20px;padding:8px 150px 8px 20px;font-size:13px;border-left:5px solid var(--primary)}.head-laporan button{margin-left:-30px}.head-detail-dashboard{display:flex;margin-top:10px;margin-bottom:10px}.head-detail-dashboard .title{background:#f7f7f7;border-radius:20px;padding:8px 150px 8px 20px;font-size:13px;border-left:5px solid var(--primary)}.head-detail-dashboard button{margin-left:-30px}.ant-tooltip .ant-tooltip-inner{font-size:11px}.ant-menu-light .ant-menu-item-selected,.ant-menu-light>.ant-menu .ant-menu-item-selected{background-color:#e5eff5}.check-auth .container{height:100vh;position:relative}.check-auth .center{text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check-auth .logo{width:25%;margin-bottom:10px}.check-auth .title{font-size:14px;font-weight:600}.check-auth .subtitle{font-size:14px;font-weight:300}.check-auth .check{margin-top:40px;font-size:12px;font-weight:500;margin-bottom:10px;text-transform:capitalize}.check-auth .icon-check{font-size:20px}.containersPagination{position:absolute;width:100%}.containersPagination,.containersPagination .paginate{display:flex;justify-content:center;align-items:center}.containersPagination .paginate{position:relative;height:47px;padding:0 4rem;background:#fff;border-radius:20px}.containersPagination .paginate .ant-pagination-total-text{position:relative;margin-right:4rem}.containersPagination .paginate .ant-pagination-next,.containersPagination .paginate .ant-pagination-prev{margin-top:-5px}.cardKol{position:relative;width:90%;height:60px;margin-top:-15px;gap:0;border-radius:10px;align-content:center;text-align:left;padding-left:10px}.containerTimeline:after{background-color:#1e2d48}.containerTimeline .cards{background:#3a4b6b!important}.containerTimeline .tlContent .containers .highlight{box-shadow:2px 10px 30px rgba(27,27,27,.2)}.containerTimeline .tlContent .containers .highlight .count{color:#f2f2f2}.containerTimeline .tlContent .containers .highlight .count:after{background:#f2f2f2}.containerTimeline .tlContent .containers .highlight .time span{color:#f2f2f2}.containerTimeline .tlContent .containers .highlight .btnDetail{color:#f2f2f2;background:hsla(0,0%,100%,.208);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.containerTimeline .tlContent .containers .highlight .btnDetail:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:2px 10px 30px rgba(80,80,80,.2)}.containerTimeline .tlContent .containers .text .desc,.containerTimeline .tlContent .containers .text .title{color:#d6dbe4}.containerTimeline .tlContent .containerImg::-webkit-scrollbar{height:2px}.containerTimeline .tlContent .containerImg::-webkit-scrollbar-thumb{background:#172236;border:none}.containerTimeline .tlContent .containerImg::-webkit-scrollbar-track{background:#1f2d47}.containerTimeline .tlContent:nth-child(2n) .cards:after,.containerTimeline .tlContent:nth-child(odd) .cards:after{background:#3a4b6b}.containerTimeline .tlContent:nth-child(2n):before,.containerTimeline .tlContent:nth-child(odd):before{background:#1e2d48}.containerTimeline .tlContent:nth-child(2n):after,.containerTimeline .tlContent:nth-child(odd):after{background-color:#6a7996;border:4px solid #1e2d48}.row-highlight{background-color:#fff8e1!important}