@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueBlack-9FyT5aCw.otf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueBold-CvSAbIAR.otf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueHeavy-DAwEujmT.otf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueLight-Ct5-NwMS.otf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueMedium-BlACjMrQ.otf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueRoman-CSpBGpqm.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueThin-5D5bnMyF.otf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Helvetica Neue;src:url(/build/assets/HelveticaNeueUltraLight-DLTCIc2Q.otf) format("truetype");font-weight:100;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}p{margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.fs-19{font-size:19px}.fs-22{font-size:22px}.input-group-login{display:flex;flex-direction:column;margin-top:20px;width:70%}.input-group-login label{color:#202a37;font-size:16px;font-weight:500}.input-group-login .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.input-group-login .input-postfix{position:absolute;right:15px;font-size:14px;font-weight:600}.input-group-login .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-login input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.input-group-login input::-moz-placeholder{color:#b0b3b8}.input-group-login input::placeholder{color:#b0b3b8}.input-group-login input:focus{outline:none;border:1.5px solid #117CC1}.input-group-login input.prefix{padding-left:40px}.input-group-add{flex:1 0 0;display:flex;flex-direction:column;position:relative}.input-group-add label{color:#202a37;font-size:14px;font-weight:500}.input-group-add .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.input-group-add .input-postfix{position:absolute;right:15px;font-size:14px;font-weight:600}.input-group-add .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-add .file-input{position:relative}.input-group-add .file-input.h-56{height:56px}.input-group-add .file-input .btn{position:absolute;width:100%;top:9px;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.input-group-add .file-input .btn button{display:flex;padding:4px 16px;justify-content:center;align-items:center;gap:10px;border-radius:5px;background:var(--Primary-05, #117CC1);color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.input-group-add .file-input .btn span{color:var(--Neutral-04, #B0B3B8);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.input-group-add input,.input-group-add textarea,.input-group-add .file-input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center;font-size:14px}.input-group-add input::-moz-placeholder,.input-group-add textarea::-moz-placeholder,.input-group-add .file-input::-moz-placeholder{color:#b0b3b8}.input-group-add input::placeholder,.input-group-add textarea::placeholder,.input-group-add .file-input::placeholder{color:#b0b3b8}.input-group-add input:focus,.input-group-add textarea:focus,.input-group-add .file-input:focus{outline:none;border:1.5px solid #117CC1}.input-group-add input.prefix,.input-group-add textarea.prefix,.input-group-add .file-input.prefix{padding-left:35px}.input-group-add input[type=date]{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#818489;width:100%;font-weight:300;align-items:center;font-size:14px}.input-group-add input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_25_823)"><path d="M20 8.33333V20H0V8.33333H20ZM20 6.66667V4.16667C20 3.50363 19.7366 2.86774 19.2678 2.3989C18.7989 1.93006 18.163 1.66667 17.5 1.66667H15V0H13.3333V1.66667H6.66667V0H5V1.66667H2.5C1.83696 1.66667 1.20107 1.93006 0.732233 2.3989C0.263392 2.86774 0 3.50363 0 4.16667L0 6.66667H20ZM15 11.6667H13.3333V13.3333H15V11.6667ZM10.8333 11.6667H9.16667V13.3333H10.8333V11.6667ZM6.66667 11.6667H5V13.3333H6.66667V11.6667ZM15 15H13.3333V16.6667H15V15ZM10.8333 15H9.16667V16.6667H10.8333V15ZM6.66667 15H5V16.6667H6.66667V15Z" fill="%23818489"/></g><defs><clipPath id="clip0_25_823"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');width:20px;height:20px;position:absolute;right:10px;top:70%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.input-group-add input[type=date]::-moz-placeholder{color:#b0b3b8}.input-group-add input[type=date]::placeholder{color:#b0b3b8}.input-group-add input[type=date]:focus{outline:none;border:1.5px solid #117CC1}.input-group-add input[type=date].prefix{padding-left:35px}.input-group.w-fit{width:-moz-fit-content;width:fit-content}.input-group input[type=date]{background-color:#f6f7f9;border:1.5px solid #D3D7DB;padding:10px 20px 10px 10px;border-radius:8px;color:#818489;width:100%;font-weight:300;align-items:center;font-size:14px}.input-group input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_25_823)"><path d="M20 8.33333V20H0V8.33333H20ZM20 6.66667V4.16667C20 3.50363 19.7366 2.86774 19.2678 2.3989C18.7989 1.93006 18.163 1.66667 17.5 1.66667H15V0H13.3333V1.66667H6.66667V0H5V1.66667H2.5C1.83696 1.66667 1.20107 1.93006 0.732233 2.3989C0.263392 2.86774 0 3.50363 0 4.16667L0 6.66667H20ZM15 11.6667H13.3333V13.3333H15V11.6667ZM10.8333 11.6667H9.16667V13.3333H10.8333V11.6667ZM6.66667 11.6667H5V13.3333H6.66667V11.6667ZM15 15H13.3333V16.6667H15V15ZM10.8333 15H9.16667V16.6667H10.8333V15ZM6.66667 15H5V16.6667H6.66667V15Z" fill="%23818489"/></g><defs><clipPath id="clip0_25_823"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');width:20px;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.input-group input[type=date]::-moz-placeholder{color:#b0b3b8}.input-group input[type=date]::placeholder{color:#b0b3b8}.input-group input[type=date]:focus{outline:none;border:1.5px solid #117CC1}.input-group input[type=date].prefix{padding-left:35px}.input-group-search{width:100%;position:relative}.input-group-search .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.input-group-search .input-postfix{position:absolute;font-size:14px;font-weight:600;right:15px;top:50%;transform:translateY(-50%)}.input-group-search .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-search input{border:1.5px solid #D3D7DB;padding:10px;border-radius:10px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center}.input-group-search input::-moz-placeholder{color:#b0b3b8}.input-group-search input::placeholder{color:#b0b3b8}.input-group-search input:focus{outline:none;border:1.5px solid #117CC1}.input-group-search input.prefix{padding-left:35px}.input-group-search input[type=date]{position:relative}.input-group-search input[type=date]::-webkit-calendar-picker-indicator{padding-right:8px;z-index:1;opacity:0}.input-group-search input[type=number]::-webkit-outer-spin-button,.input-group-search input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group-search textarea{border:1.5px solid #D3D7DB;padding:10px;border-radius:10px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center;height:150px}.input-group-search textarea::-moz-placeholder{color:#b0b3b8}.input-group-search textarea::placeholder{color:#b0b3b8}.input-group-search textarea:focus{outline:none;border:1.5px solid #117CC1}.input-group-search textarea.prefix{padding-left:35px}.select-wrapper{position:relative;width:15%}.select-wrapper.max-width{width:100%}.select-wrapper select{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper select:focus{outline:none;border:1.5px solid #117CC1}.select-wrapper:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.select-wrapper2{position:relative;width:20%}.select-wrapper2 select{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper2 select:focus{outline:none;border:1.5px solid #117CC1}.select-wrapper2:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}@media (max-width: 1366px){.select-wrapper2{width:30%}}.select-wrapper-modal{position:relative;width:100%}.select-wrapper-modal select{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper-modal select:focus{outline:none;border:1.5px solid #117CC1}.select-wrapper-modal:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.modal p{margin:0;padding:0}.modal.ubah-status .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.ubah-status .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.ubah-status .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.ubah-status .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.ubah-status .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.ubah-status .modal-content .modal-body.radius-20{border-radius:0 0 20px 20px}.modal.ubah-status .modal-content .modal-body .group-select{width:100%;display:flex;flex-direction:column;gap:10px}.modal.ubah-status .modal-content .modal-body .group-select .file-input{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489;display:flex;justify-content:space-between;align-items:center;position:relative}.modal.ubah-status .modal-content .modal-body .group-select .file-input input[type=file]{display:none}.modal.ubah-status .modal-content .modal-body .group-select .file-input .text-3{color:#fcfcfd;padding:5px 15px;font-size:13px;font-weight:400;background:#117cc1;border-radius:10px;display:flex;align-items:center;margin:0;cursor:pointer}.modal.ubah-status .modal-content .modal-body input[type=date]::-webkit-calendar-picker-indicator{position:absolute!important;right:10px!important;cursor:pointer!important}.modal.ubah-status .modal-content .modal-body .detail-wrapper{width:100%;display:flex;flex-direction:column;gap:16px}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item{padding-bottom:16px;display:flex;border-bottom:1px dashed #D3D7DB}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item.no-border{border-bottom:none;padding-bottom:0}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item{flex:1 0 0}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item p,.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item a{margin-bottom:0;color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item p.title,.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item a.title{color:var(--Black, #202A37);margin-bottom:8px}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item p.value,.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item a.value{color:var(--Neutral-05, #818489);font-weight:400;display:flex;align-items:center;gap:8px}.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item p.value.link,.modal.ubah-status .modal-content .modal-body .detail-wrapper .detail-item .item a.value.link{text-decoration:underline!important;color:#117cc1}.modal.ubah-status .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.ubah-status .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.ubah-status .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.ubah-status .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.signature .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.signature .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.signature .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.signature .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.signature .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.signature .modal-content .modal-body .group-select{width:100%;display:flex;flex-direction:column;gap:10px}.modal.signature .modal-content .modal-body .group-select .file-input{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489;display:flex;justify-content:space-between;align-items:center;position:relative}.modal.signature .modal-content .modal-body .group-select .file-input input[type=file]{display:none}.modal.signature .modal-content .modal-body .group-select .file-input .text-3{color:#fcfcfd;padding:5px 15px;font-size:13px;font-weight:400;background:#117cc1;border-radius:10px;display:flex;align-items:center;margin:0;cursor:pointer}.modal.signature .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.signature .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.signature .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.signature .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.edit-kerja .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.edit-kerja .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.edit-kerja .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.edit-kerja .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.edit-kerja .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.edit-kerja .modal-content .modal-body .group-select{width:100%;display:flex;flex-direction:column;gap:10px}.modal.edit-kerja .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.edit-kerja .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.edit-kerja .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.edit-kerja .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.edit-alamat .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.edit-alamat .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.edit-alamat .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.edit-alamat .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.edit-alamat .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.edit-alamat .modal-content .modal-body .group-select{width:100%;display:flex;flex-direction:column;gap:10px}.modal.edit-alamat .modal-content .modal-body .map-container{width:100%;height:200px;border-radius:10px}.modal.edit-alamat .modal-content .modal-body .map-container iframe{width:100%;height:100%;border:none;border-radius:10px}.modal.edit-alamat .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.edit-alamat .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.edit-alamat .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.edit-alamat .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.detail-parklaring .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.detail-parklaring .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.detail-parklaring .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.detail-parklaring .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.detail-parklaring .modal-content .modal-body{display:flex;padding:10px 25px 25px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.detail-parklaring .modal-content .modal-body .group-select{width:100%;display:flex;border-bottom:1px dashed #D3D7DB}.modal.detail-parklaring .modal-content .modal-body .group-select .group-text{width:50%;display:flex;flex-direction:column;gap:8px;padding:10px 0}.modal.detail-parklaring .modal-content .modal-body .group-select .group-text .text-2{color:#818489}.modal.detail-parklaring .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.detail-parklaring .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.detail-parklaring .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.detail-parklaring .modal-content .modal-footer button.primary-full{background:#117cc1;color:#fff;border:1px solid #117CC1;width:100%}.modal.detail-parklaring .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.reject .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.reject .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.reject .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.reject .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.reject .modal-content .modal-body{display:flex;padding:10px 25px 25px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8;border-radius:0 0 20px 20px}.modal.reject .modal-content .modal-body .group-select{width:100%;display:flex;border-bottom:1px dashed #D3D7DB}.modal.reject .modal-content .modal-body .group-select .group-text{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px 0;position:relative}.modal.reject .modal-content .modal-body .group-select .group-text .text-2{color:#818489}.modal.reject .modal-content .modal-body .group-select .group-text .text-2.file-download{color:#117cc1;text-decoration:underline;cursor:pointer;display:flex;align-items:center}.modal.reject .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.reject .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.reject .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.reject .modal-content .modal-footer button.primary-full{background:#117cc1;color:#fff;border:1px solid #117CC1;width:100%}.modal.reject .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.detail .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.detail .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.detail .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.detail .modal-content .modal-head h3.red{color:#ce2d2d}.modal.detail .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.detail .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.detail .modal-content .modal-body .group-select{width:100%;display:flex;flex-direction:column;gap:10px}.modal.detail .modal-content .modal-body .group-select .file-input{background:#f6f7f9;border-radius:10px;border:1.5px solid #D3D7DB;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489;display:flex;justify-content:space-between;align-items:center;position:relative}.modal.detail .modal-content .modal-body .group-select .file-input input[type=file]{display:none}.modal.detail .modal-content .modal-body .group-select .file-input .text-3{color:#fcfcfd;padding:5px 15px;font-size:13px;font-weight:400;background:#117cc1;border-radius:10px;display:flex;align-items:center;margin:0;cursor:pointer}.modal.detail .modal-content .modal-body .detail-wrapper{width:100%;display:flex;flex-direction:column;gap:16px}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item{padding-bottom:16px;display:flex;border-bottom:1px dashed #D3D7DB}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item.no-border{border-bottom:none;padding-bottom:0}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item{flex:1 0 0}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item p,.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item a{margin-bottom:0;color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item p.title,.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item a.title{color:var(--Black, #202A37);margin-bottom:8px}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item p.value,.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item a.value{color:var(--Neutral-05, #818489);font-weight:400;display:flex;align-items:center;gap:8px}.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item p.value.link,.modal.detail .modal-content .modal-body .detail-wrapper .detail-item .item a.value.link{text-decoration:underline!important;color:#117cc1}.modal.detail .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.detail .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:14px}.modal.detail .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.detail .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.detail .modal-content .modal-footer button.cancel{border-radius:5px;border:1px solid var(--Danger-05, #CE2D2D);background:var(--White, #FCFCFD);color:#ce2d2d}.modal.detail .modal-content .modal-footer button.reject{color:#fff;border-radius:5px;background:var(--Danger-05, #CE2D2D)}.modal.hapus .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.hapus .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.hapus .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.hapus .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.hapus .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.hapus .modal-content .modal-body svg{width:100%}.modal.hapus .modal-content .modal-body .text-1{display:flex;width:100%;font-size:18px;justify-content:center;font-weight:5 0}.modal.hapus .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.hapus .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.hapus .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.hapus .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.hapus .modal-content .modal-footer button.primary2{background:#ce2d2d;color:#fff;border:1px solid #CE2D2D}.modal.hapus .modal-content .modal-footer button.secondary2{background:#fff;color:#ce2d2d;border:1px solid #CE2D2D}.modal.logout .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.logout .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.logout .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.logout .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.logout .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.logout .modal-content .modal-body svg{width:100%}.modal.logout .modal-content .modal-body .text-1{display:flex;width:100%;font-size:18px;justify-content:center;font-weight:5 0;text-align:center}.modal.logout .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.logout .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.logout .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.logout .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.logout .modal-content .modal-footer button.primary2{background:#ce2d2d;color:#fff;border:1px solid #CE2D2D}.modal.logout .modal-content .modal-footer button.secondary2{background:#fff;color:#ce2d2d;border:1px solid #CE2D2D}.modal.submit .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.submit .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.submit .modal-content .modal-head h3{flex:none;color:var(--Base-White, #117CC1);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.submit .modal-content .modal-head h3.red{color:#ce2d2d}.modal.submit .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.submit .modal-content .modal-body{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #B0B3B8;border-top:1px solid #B0B3B8}.modal.submit .modal-content .modal-body.gagal{padding:40px 20px}.modal.submit .modal-content .modal-body.radius-20{border-radius:0 0 20px 20px}.modal.submit .modal-content .modal-body svg{width:100%}.modal.submit .modal-content .modal-body .text-1{display:flex;width:100%;font-size:18px;justify-content:center;font-weight:5 0;text-align:center}.modal.submit .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.submit .modal-content .modal-footer button{width:46%;padding:15px;border-radius:7px;font-size:18px}.modal.submit .modal-content .modal-footer button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.modal.submit .modal-content .modal-footer button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.modal.submit .modal-content .modal-footer button.primary2{background:#ce2d2d;color:#fff;border:1px solid #CE2D2D}.modal.submit .modal-content .modal-footer button.secondary2{background:#fff;color:#ce2d2d;border:1px solid #CE2D2D}.modal-dialog.modal-sm{max-width:440px}.modal-dialog.modal-sm-50{max-width:450px!important}.modal-dialog.modal-sm-72{max-width:472px!important}.modal-dialog.modal-md{max-width:607px}.modal-dialog.modal-big{max-width:867px}.header{display:flex;align-items:center;gap:20px;width:100%;padding:20px 40px;background-color:#fff;justify-content:space-between;position:fixed;top:0;z-index:3}.header p{margin:0;padding:0}.header .backButton{margin-left:240px;transition:.3s}.header .backButton:hover{transform:scale(1.4)}.header .profile-box{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;background-color:#f6f7f9;border:1px solid #EDF0F3;border-radius:10px}.header .profile-box .text-1{font-size:16px;font-weight:600;color:#202a37;margin-bottom:-2px}.header .profile-box .text-2{font-size:14px;font-weight:300;color:#b0b3b8;margin-top:-2px}.header .profile-box img{width:45px;height:45px;border-radius:50%}.header .dropdown-menu{background:#fff;padding:0;min-width:5rem;color:#202a37;box-shadow:10px #0000001a;border:1px solid #EDF0F3}.header .dropdown-menu.logout{border:none}.header .dropdown-menu.show{top:15px!important;left:0!important}.header .dropdown-menu .dropdown-item2{padding:15px 120px 15px 20px;font-weight:400;font-size:17px;margin:0;color:#202a37;background-color:#fff;align-items:center;border-radius:8px;border:1px solid #EDF0F3;box-shadow:10px #0000001a}.header .dropdown-menu .dropdown-item2 svg{margin-right:10px}.header .dropdown-menu .dropdown-item2:hover{background:#f8f8f8;color:#202a37}.header .dropdown-menu .dropdown-item2:active{color:#202a37}.header .logo-header{width:3.5%}.l-sidebar{border-right:1px solid #117CC1;background:var(--Base-Dark, white);height:100vh;width:248px;left:0;padding:35px 25px;top:0;bottom:0;position:fixed!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:4;overflow:hidden}.l-sidebar:before{content:"";display:block;position:absolute;background-image:url(/public/assets/icons/sidebar-vector.svg);background-repeat:no-repeat;background-position:bottom;width:100%;height:100%;bottom:-180px;right:0;z-index:-1}.l-sidebar a,.l-sidebar a:hover{text-decoration:none}.l-sidebar nav{width:100%}.l-sidebar nav hr{border-top:.1px solid #dedede;margin-top:21px;margin-bottom:40px;width:100%}.l-sidebar nav .dropdown-toggle:after{display:none!important}.l-sidebar nav .link-wrapper{margin-top:50px;display:flex;flex-direction:column;align-items:start;gap:15px}.l-sidebar nav .link-wrapper hr{margin:0}.l-sidebar nav .link-wrapper .link{padding:10px;display:flex;gap:15px;align-items:center;transition:.3s;border-radius:10px;width:100%}.l-sidebar nav .link-wrapper .link svg{min-height:24px;width:25px}.l-sidebar nav .link-wrapper .link svg.icon-active{display:none}.l-sidebar nav .link-wrapper .link svg.icon-inactive{display:inline-block}.l-sidebar nav .link-wrapper .link:hover,.l-sidebar nav .link-wrapper .link.active{background:var(--Background, #117CC1)}.l-sidebar nav .link-wrapper .link:hover p,.l-sidebar nav .link-wrapper .link.active p{color:#fff;font-weight:500}.l-sidebar nav .link-wrapper .link:hover svg.icon-active,.l-sidebar nav .link-wrapper .link.active svg.icon-active{display:inline-block}.l-sidebar nav .link-wrapper .link:hover svg.icon-inactive,.l-sidebar nav .link-wrapper .link.active svg.icon-inactive{display:none}.l-sidebar nav .link-wrapper .link p{color:#b0b3b8;text-align:center;font-size:16px;font-weight:300;margin-bottom:0}.button-wrapper{display:flex;gap:20px}.button-wrapper .btn-secondary,.button-wrapper .btn-primary{border-radius:6px;border:1px solid var(--Blue-Light, #41ACE1);display:flex;width:188.5px;padding:16px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.button-wrapper .btn-secondary{background-color:#fff;color:#41ace1}.button-wrapper .btn-primary{background-color:#41ace1;color:#fff}.dropdown{position:relative;width:100%}.dropdown-toggle{display:flex;align-items:center;cursor:pointer;padding-left:15px;position:relative}.dropdown-toggle .icon-active{display:none}.dropdown-toggle.active .icon-active{display:inline-block}.dropdown-toggle.active .icon-inactive{display:none}.dropdown-arrow{transition:transform .5s ease,fill .5s ease;position:absolute;right:10px}.dropdown-toggle.active .dropdown-arrow{transform:rotate(-180deg)}.dropdown-toggle:hover .dropdown-arrow path{fill:#fff!important}.dropdown-toggle.active .dropdown-arrow path{fill:#fff!important}.dropdown-toggle .dropdown-arrow path{fill:#b0b3b8!important}.submenu{list-style:none;margin:0;padding:0;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s ease-in-out,max-height .5s ease-in-out}.sub-menu-wrapper{gap:25px;display:flex;align-items:stretch;width:100%;position:relative}.sub-menu-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg width='25' height='8' viewBox='0 0 25 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_846_24121' fill='white'%3E%3Cpath d='M0 0H25V8H8C3.58172 8 0 4.41828 0 0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H25H0ZM25 9H8C3.02944 9 -1 4.97056 -1 0H1C1 3.86599 4.13401 7 8 7H25V9ZM8 9C3.02944 9 -1 4.97056 -1 0H1C1 3.86599 4.13401 7 8 7V9ZM25 0V8V0Z' fill='%23CDCDCD' mask='url(%23path-1-inside-1_846_24121)'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:left;background-size:contain;position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:25px;height:8px}.sub-menu-wrapper .line{background-color:#cdcdcd;width:1px;height:18px}.sub-menu-wrapper .line2{background-color:#cdcdcd;width:1px;height:38px;position:absolute;top:-20px}.sub-menu-wrapper .sub-menu{padding:10px;width:100%;display:flex;align-items:center;transition:margin-left .3s ease}.sub-menu-wrapper .sub-menu.active,.sub-menu-wrapper .sub-menu:hover{margin-left:10px}.sub-menu-wrapper .sub-menu.active h2,.sub-menu-wrapper .sub-menu:hover h2{color:#117cc1;font-weight:500}.sub-menu-wrapper h2{font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#202a37;margin-bottom:0}.sub-menu-wrapper h2.custom{margin-left:25px}.submenu-item{position:relative;padding:20px 0 0 30px;cursor:pointer}.submenu-item a{color:#202a37}.submenu-item.active a{color:#117cc1}.submenu-item:hover a{color:#117cc1;font-weight:500}.submenu.show{opacity:1;max-height:500px}.card-datatable{background:#fff;position:relative;border-radius:8px}.card-datatable h1{font-weight:500;font-size:17px;line-height:20px;color:#414042}.card-datatable img.avatar{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:6px;-o-object-fit:cover;object-fit:cover;position:relative}.card-datatable .dataTables_scroll{margin:10px;background:#fff;border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:55px}.card-datatable .dataTables_wrapper div{position:static}.card-datatable .dataTables_wrapper>.row:nth-child(1),.card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 2px}.card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable .dataTables_wrapper table{min-width:100%;width:100%!important;border-radius:20px!important}.card-datatable .dataTables_wrapper thead{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#f9f9f9}.card-datatable .dataTables_wrapper th{border:none;color:#000;padding:18px 30px 18px 18px;font-weight:500;font-size:14px;line-height:20px;color:#6a5959;border-radius:1px!important;background-color:#f6f7f9;white-space:nowrap;position:relative;cursor:pointer}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting_asc:before,.card-datatable .dataTables_wrapper th.sorting_desc:before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;background-size:contain;background-repeat:no-repeat;opacity:.5}.card-datatable .dataTables_wrapper th.sorting:after,.card-datatable .dataTables_wrapper th.sorting_asc:after,.card-datatable .dataTables_wrapper th.sorting_desc:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;background-size:contain;background-repeat:no-repeat;opacity:.5}.card-datatable .dataTables_wrapper th.sorting:before{background-image:url(/build/assets/sort-icon-SOYzFbhy.svg)}.card-datatable .dataTables_wrapper th.sorting_asc:before{background-image:url(/build/assets/sort-ascending-09rCoWPT.svg);opacity:1}.card-datatable .dataTables_wrapper th.sorting_desc:before{background-image:url(/build/assets/sort-descending-BZLjhbM3.svg);opacity:1}.card-datatable .dataTables_wrapper th.sorting_disabled:before,.card-datatable .dataTables_wrapper th.sorting_disabled:after{display:none}.card-datatable .dataTables_wrapper tbody tr{border-top:1px solid transparent;background:#f6f7f9}.card-datatable .dataTables_wrapper tbody tr.keuangan td img{background-color:#e3eef9}.card-datatable .dataTables_wrapper tbody tr.voucher td img{background-color:#f7d0d0}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){background:#fff}.card-datatable .dataTables_wrapper td{white-space:nowrap;border:none;padding:11px 16px;font-size:14px;line-height:30px;font-weight:300;color:#000;vertical-align:middle}.card-datatable .dataTables_wrapper td .image{display:inline-block;border-radius:50%;background:linear-gradient(160.75deg,#b1840f 25.85%,#c7ab26 37.53%,#e8d85f 46.2%,#ffca0d 57.12%,#e8d861 66.92%,#e7c239 75.96%,#8a4e00 98.19%),linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable .dataTables_wrapper td .image img{background:#fff;margin:1px;padding:1px}.card-datatable .dataTables_wrapper td .href{color:brown}.card-datatable .dataTables_wrapper td .avatar{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:5p;-o-object-fit:cover;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .avatar-datamaster{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:50%;-o-object-fit:contain;object-fit:contain;position:relative;background:linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable .dataTables_wrapper td .action-btn{width:37px;height:37px;right:20.73px;top:0;background:transparent;border-radius:10px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M14.1667 15.5C14.1667 15.9602 14.5398 16.3333 15 16.3333C15.4602 16.3333 15.8333 15.9602 15.8333 15.5C15.8333 15.0397 15.4602 14.6666 15 14.6666C14.5398 14.6666 14.1667 15.0397 14.1667 15.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16666 15.5C9.16666 15.9602 9.53975 16.3333 9.99999 16.3333C10.4602 16.3333 10.8333 15.9602 10.8333 15.5C10.8333 15.0397 10.4602 14.6666 9.99999 14.6666C9.53975 14.6666 9.16666 15.0397 9.16666 15.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16666 15.5C4.16666 15.9602 4.53975 16.3333 4.99999 16.3333C5.46023 16.3333 5.83332 15.9602 5.83332 15.5C5.83332 15.0397 5.46023 14.6666 4.99999 14.6666C4.53975 14.6666 4.16666 15.0397 4.16666 15.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 10.5C14.1667 10.9602 14.5398 11.3333 15 11.3333C15.4602 11.3333 15.8333 10.9602 15.8333 10.5C15.8333 10.0397 15.4602 9.66663 15 9.66663C14.5398 9.66663 14.1667 10.0397 14.1667 10.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16666 10.5C9.16666 10.9602 9.53975 11.3333 9.99999 11.3333C10.4602 11.3333 10.8333 10.9602 10.8333 10.5C10.8333 10.0397 10.4602 9.66663 9.99999 9.66663C9.53975 9.66663 9.16666 10.0397 9.16666 10.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16666 10.5C4.16666 10.9602 4.53975 11.3333 4.99999 11.3333C5.46023 11.3333 5.83332 10.9602 5.83332 10.5C5.83332 10.0397 5.46023 9.66663 4.99999 9.66663C4.53975 9.66663 4.16666 10.0397 4.16666 10.5Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 5.49996C14.1667 5.9602 14.5398 6.33329 15 6.33329C15.4602 6.33329 15.8333 5.9602 15.8333 5.49996C15.8333 5.03972 15.4602 4.66663 15 4.66663C14.5398 4.66663 14.1667 5.03972 14.1667 5.49996Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16666 5.49996C9.16666 5.9602 9.53975 6.33329 9.99999 6.33329C10.4602 6.33329 10.8333 5.9602 10.8333 5.49996C10.8333 5.03972 10.4602 4.66663 9.99999 4.66663C9.53975 4.66663 9.16666 5.03972 9.16666 5.49996Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16666 5.49996C4.16666 5.9602 4.53975 6.33329 4.99999 6.33329C5.46023 6.33329 5.83332 5.9602 5.83332 5.49996C5.83332 5.03972 5.46023 4.66663 4.99999 4.66663C4.53975 4.66663 4.16666 5.03972 4.16666 5.49996Z' stroke='%23818489' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:all .2s ease-in-out}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.card-datatable .dataTables_wrapper td .flag{width:27px;margin-right:9px}.card-datatable .dataTables_wrapper td .reorder-icon{width:16px;height:16px}.card-datatable .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable .dataTables_wrapper td .dropdown{display:flex;justify-content:center;align-items:center}.card-datatable .dataTables_wrapper td .dropdown-menu{background:#fff;box-shadow:0 4.26829px 12.8049px #0003;border-radius:6px;padding:0;min-width:5rem}.card-datatable .dataTables_wrapper td .dropdown-menu.logout{border:none}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-23px!important;left:-40px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{padding:11px 16px;line-height:130%;border-radius:6px;font-weight:400;font-size:14px;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background:#f8f8f8;color:#646464}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:gray}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2{padding:11px 16px;border-radius:6px;font-weight:400;font-size:14px;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2 svg{margin-right:20px}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2:hover{background:#f8f8f8;color:#646464}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2:active{color:gray}.card-datatable .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;padding:0;order:1;position:absolute;right:180px;margin-top:0;bottom:3px;line-height:30px;height:40px;color:#818489}.card-datatable .dataTables_wrapper .dataTables_length{height:40px;position:absolute;left:24px;bottom:2px;font-weight:400;font-size:15px;line-height:16px;color:#818489;letter-spacing:.5px}.card-datatable .dataTables_wrapper .dataTables_length label{margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0 20px 0 0;font-weight:400;font-size:15px;line-height:16px;color:#818489;background:transparent;position:relative}.card-datatable .dataTables_wrapper .dataTables_length select:focus{outline:none;box-shadow:none}.card-datatable .dataTables_wrapper .dataTables_length .dropdown-arrow-table{position:absolute;right:5px;top:40%;transform:translateY(-50%);pointer-events:none;width:15px;height:15px}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{position:absolute;bottom:5px;right:24px;height:40px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li{list-style:none}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li a{padding:5px 10px;color:#818489;text-decoration:none;border-radius:4px;transition:all .2s ease-in;background-color:transparent;border:none;box-shadow:none!important}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li a img{width:14px;height:11px;margin:0 4px;padding-bottom:1px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.active a{background-color:#117cc1;color:#fff}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.next{width:0px;display:flex;align-items:center;justify-content:center;padding-right:0;padding-left:0}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.next a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.first a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.last a{padding:5px 3px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex;gap:8px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:first-child{order:0}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-child(2){order:-1}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-last-child(2){order:2}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:last-child{order:1}.custom-card-datatable{border:1px solid #D3D7DB;background:linear-gradient(to bottom,#f6f7f9 50%,#fff 50%)}.custom-card-datatable .table-custom .w10{width:10%!important}.custom-card-datatable .table-custom .w20{width:20%!important}.custom-card-datatable .table-custom .w15{width:15%!important}.custom-card-datatable .table-custom .w5{width:5%!important}.custom-card-datatable .table-custom .no-th{border:none;padding-bottom:15px;padding-top:12px;padding-left:15px;font-weight:400;color:#202a37}.custom-card-datatable .table-custom .no-th-center{border:none;padding-bottom:15px;padding-left:30px;padding-top:12px;font-weight:400;color:#202a37}.custom-card-datatable .table-custom .custom-tr{border-bottom:1px solid #D3D7DB!important;border-top:1px solid #D3D7DB!important}.custom-card-datatable .table-custom .custom-td{padding-top:12px;font-size:15px;color:#818489;position:relative;text-align:center}.custom-card-datatable .table-custom .custom-td.limited-text{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.custom-card-datatable .table-custom .custom-td.aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#29a51d;margin:auto}.custom-card-datatable .table-custom .custom-td.tidak-aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#ce2d2d;margin:auto}.custom-card-datatable .table-custom .custom-td.waiting{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#b0b0b0;margin:auto}.custom-card-datatable .table-custom .custom-td.need-sign,.custom-card-datatable .table-custom .custom-td.need-approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#f5aa3d;margin:auto}.custom-card-datatable .table-custom .custom-td.draft,.custom-card-datatable .table-custom .custom-td.pending{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44a8d9;margin:auto}.custom-card-datatable .table-custom .custom-td.done,.custom-card-datatable .table-custom .custom-td.approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#8fe373;margin:auto}.custom-card-datatable .table-custom .custom-td.rejected{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#e1685d;margin:auto}.custom-card-datatable .table-custom .custom-td.ongoing{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44d9bc;margin:auto}.dashboard-card{flex:1 0 0;display:flex;padding:20px;align-items:flex-start;gap:12px;position:relative;border-radius:8px;background:linear-gradient(87deg,#08488a 22.83%,#117cc1 96.11%)}.dashboard-card:before{content:"";display:block;position:absolute;background-image:url(/build/assets/dashboard-card-vector-ZaewEjKG.svg);background-repeat:no-repeat;background-position:right;width:100%;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;top:0;right:0;z-index:1}.dashboard-card .img-wrapper{display:flex;width:60px;height:60px;padding:8px;border-radius:8px;justify-content:center;align-items:center;gap:10px;background:#fcfcfd1a;box-shadow:0 1px 3.4px #0000000d}.dashboard-card .text{position:relative;z-index:2;display:flex;flex-direction:column}.dashboard-card .text .title-card{color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dashboard-card .text .value{color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.btn-filter{display:flex;padding:10px 20px;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:1px solid var(--Primary-05, #117CC1);background:var(--White, #FCFCFD);color:var(--Primary-05, #117CC1);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.select2-container--default .select2-selection--single{background:#f6f7f9!important;border-radius:10px!important;border:1.5px solid #D3D7DB!important;padding:9px 0 10px 5px;height:45px!important;width:100%;font-size:15px!important;font-weight:400!important;color:#818489}.select2-container--default .select2-selection--single:focus{outline:none;border:1.5px solid #117CC1}.select2-selection__arrow{position:absolute}.select2-selection__arrow b{opacity:0}.select2-selection__arrow:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:81%;right:16px;transform:translate(calc(-50% - 10px),-50%)}.login-page{display:flex;width:100%;height:100vh}.login-page input[type=password]::-ms-reveal,.login-page input[type=password]::-ms-clear{display:none}.login-page p{margin:0;padding:0}.login-page .left-section{width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.login-page .left-section img{width:15%;margin-bottom:80px}.login-page .left-section .text-1{color:#202a37;font-size:25px;font-weight:700}.login-page .left-section .text-2{color:#818489;font-size:20px;font-weight:300}.login-page .left-section .btn-login{width:70%;margin-top:50px;padding:12px;border-radius:5px;background-color:#117cc1;color:#fff;font-size:15px;font-weight:300;letter-spacing:.2px;text-align:center}.login-page .right-section{position:relative;width:50%;background:linear-gradient(to bottom,#6bc9ec,#117cc1e6 53%,#117cc1e6)}.login-page .right-section img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%}.p-dashboard{display:flex;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;flex:1 0 0;padding:140px 40px 40px}.p-dashboard.no-ml{margin-left:0!important}.p-dashboard.p-200{padding-left:200px;padding-right:200px}.p-dashboard .wrapper{width:100%}.p-dashboard .wrapper .title{color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.p-dashboard .wrapper .title span{color:#117cc1}.p-dashboard .wrapper .mt-40{margin-top:40px}.p-dashboard .wrapper .mt-30{margin-top:30px}.p-dashboard .wrapper .mt-20{margin-top:20px}.p-dashboard .wrapper .flex-20{display:flex;gap:20px}.p-dashboard .wrapper .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-dashboard .wrapper .group-top .search-box{display:flex;align-items:center;gap:10px}.p-dashboard .wrapper .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-dashboard .wrapper .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-dashboard .wrapper .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-dashboard .wrapper .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-dashboard .wrapper .group-top .search-box input::placeholder{color:#b0b3b8}.p-dashboard .wrapper .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-dashboard .wrapper .group-top .search-box input.prefix{padding-left:40px}.p-dashboard .wrapper .group-top .button-box{display:flex;gap:10px}.p-dashboard .wrapper .group-top button{height:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:7px;font-size:14px}.p-dashboard .wrapper .group-top button.w20{width:20%}.p-dashboard .wrapper .group-top button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.p-dashboard .wrapper .group-top button.secondary{padding:10px 16px;background:#fff;color:#117cc1;border:1px solid #117CC1}.p-dashboard .wrapper .bg-wrapper{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;border-radius:8px;background:var(--White, #FCFCFD)}.p-dashboard .wrapper .bg-wrapper hr{width:100%;margin:0;background-color:#d3d7db}.p-dashboard .wrapper .bg-wrapper.pl-pr-50{padding-left:200px;padding-right:200px}.p-dashboard .wrapper .bg-wrapper .top{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.p-dashboard .wrapper .bg-wrapper .top.no-justify{justify-content:start;gap:5px}.p-dashboard .wrapper .bg-wrapper .top span{display:flex;width:24px;height:24px;padding:4px 8px;justify-content:space-between;align-items:center;border-radius:100px;background:var(--Danger-05, #CE2D2D);color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:500}.p-dashboard .wrapper .bg-wrapper .top p{margin-bottom:0;color:var(--Black, #202A37);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.p-dashboard .wrapper .bg-wrapper .top a{display:flex;align-items:center;gap:5px;color:var(--Primary-05, #117CC1);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.p-dashboard .wrapper .bg-wrapper .doughnut-container{align-self:stretch;display:flex;gap:16px}.p-dashboard .wrapper .bg-wrapper .doughnut-container .doughnut-wrapper{width:120px;height:120px}.p-dashboard .wrapper .bg-wrapper .doughnut-container .legend{width:100%;display:flex;flex-direction:column;justify-content:center}.p-dashboard .wrapper .bg-wrapper nav{width:100%}.p-dashboard .wrapper .bg-wrapper nav .nav-tabs{display:flex;padding:12px 20px;align-items:flex-start;gap:7px;align-self:stretch;border-radius:5px;border:1px solid var(--Neutral-02, #EDF0F3);background:var(--Neutral-02, #EDF0F3);color:var(--Neutral-04, #B0B3B8)}.p-dashboard .wrapper .bg-wrapper nav .nav-tabs .nav-link{flex:1 0 0;margin-bottom:0;border:none;font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:var(--Neutral-04, #B0B3B8);padding:12px 40px;border-radius:5px}.p-dashboard .wrapper .bg-wrapper nav .nav-tabs .nav-link.active{background:var(--White, #FCFCFD);color:var(--Black, #202A37)}.p-dashboard .wrapper .bg-wrapper .tab-content{width:100%}.p-dashboard .wrapper .bg-wrapper .add{width:100%;display:flex;flex-direction:column;gap:16px}.p-dashboard .wrapper .bg-wrapper .add .btn-add{display:flex;padding:8px;justify-content:center;align-items:center;gap:5px;border-radius:5px;background:var(--Primary-05, #117CC1);color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.p-dashboard .wrapper .bg-wrapper .add .flex-16{align-self:stretch;display:flex;gap:16px}.p-dashboard .wrapper .bg-wrapper .add .pelanggaran-wrapper{border-radius:8px;background:var(--Neutral-01, #F6F7F9);display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.p-dashboard .wrapper .bg-wrapper .add .image-preview,.p-dashboard .wrapper .bg-wrapper .add .image-preview2{display:flex;align-items:center;justify-content:center;border-radius:8.615px;border:.431px dashed var(--Text-Secondary, #575555);background:url(<path-to-image>) #fff 50%/contain no-repeat;height:199px;padding:5px}.p-dashboard .wrapper .bg-wrapper .add .image-preview img,.p-dashboard .wrapper .bg-wrapper .add .image-preview2 img{width:100%;-o-object-fit:contain;object-fit:contain;height:100%}.p-dashboard .wrapper .bg-wrapper .detail-wrapper{width:100%;display:flex;flex-direction:column;gap:16px}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item{padding-bottom:16px;display:flex;border-bottom:1px dashed #D3D7DB}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item.no-border{border-bottom:none;padding-bottom:0}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item{flex:1 0 0}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item p,.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item a{margin-bottom:0;color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item p.title,.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item a.title{color:var(--Black, #202A37);margin-bottom:8px}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item p.value,.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item a.value{color:var(--Neutral-05, #818489);font-weight:400;display:flex;align-items:center;gap:8px}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item p.value.link,.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item a.value.link{color:#117cc1;text-decoration:underline}.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item p.value .sign,.p-dashboard .wrapper .bg-wrapper .detail-wrapper .detail-item .item a.value .sign{width:82px;height:82px}.p-dashboard .wrapper .bg-wrapper .status-wrapper p{color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:5px}.p-dashboard .wrapper .bg-wrapper .status-wrapper .status{display:flex;padding:4px 12px;justify-content:center;align-items:center;gap:10px;border-radius:20px;color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.p-dashboard .wrapper .bg-wrapper .status-wrapper .status.pending{background:var(--Primary-04, #44A8D9)}.p-dashboard .wrapper .bg-wrapper .status-wrapper .status.need-sign{background-color:#f5aa3d}.p-dashboard .wrapper .bg-wrapper .status-wrapper .status.waiting{background-color:#b0b0b0}.p-dashboard .wrapper .bg-wrapper .status-wrapper .status.done{background-color:#8fe373}.p-dashboard .wrapper .button-wrapper{width:100%;display:flex;gap:12px}.p-dashboard .wrapper .button-wrapper.column{flex-direction:column}.p-dashboard .wrapper .button-wrapper button{width:100%;flex:1 0 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:7px;font-size:14px;width:-moz-fit-content;width:fit-content}.p-dashboard .wrapper .button-wrapper button.p-8{padding:8px 16px;width:100%}.p-dashboard .wrapper .button-wrapper button.primary{background:#117cc1;color:#fff;border:1px solid #117CC1}.p-dashboard .wrapper .button-wrapper button.secondary{background:#fff;color:#117cc1;border:1px solid #117CC1}.p-dashboard .wrapper .file-wrapper{width:100%;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.p-dashboard .wrapper .file-wrapper .file-item{display:flex;padding:20px;flex-direction:column;gap:20px;justify-content:space-between;align-items:flex-start;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--Neutral-03, #D3D7DB)}.p-dashboard .wrapper .file-wrapper .file-item .title{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--Black, #202A37);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.p-dashboard .wrapper .file-wrapper .file-item span{color:var(--Primary-05, #117CC1);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.p-karyawan-internal{display:flex;flex-direction:column;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-karyawan-internal p{margin:0;padding:0}.p-karyawan-internal.index .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-karyawan-internal.index .table-box{padding:20px;background-color:#fff;border-radius:10px;margin-top:40px;margin-bottom:50px}.p-karyawan-internal.index .table-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-karyawan-internal.index .table-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-karyawan-internal.index .table-box .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-karyawan-internal.index .table-box .group-top .search-box{display:flex;align-items:center;gap:10px}.p-karyawan-internal.index .table-box .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-karyawan-internal.index .table-box .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-karyawan-internal.index .table-box .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-karyawan-internal.index .table-box .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-karyawan-internal.index .table-box .group-top .search-box input::placeholder{color:#b0b3b8}.p-karyawan-internal.index .table-box .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-karyawan-internal.index .table-box .group-top .search-box input.prefix{padding-left:40px}.p-karyawan-internal.index .table-box .group-top .button-box{display:flex;gap:10px}.p-karyawan-internal.detail .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-karyawan-internal.detail .text-1 span{color:#117cc1;font-weight:700;font-size:25px}.p-karyawan-internal.detail .top-content{display:flex;gap:20px;width:100%;margin-top:40px;margin-bottom:20px}.p-karyawan-internal.detail .top-content .box-left{padding:20px;display:flex;flex-direction:column;width:70%;background-color:#fff;border-radius:15px}.p-karyawan-internal.detail .top-content .box-left .text-2{color:#202a37;font-weight:500;font-size:18px}.p-karyawan-internal.detail .top-content .box-left .border-line{border-top:1px solid #D3D7DB;margin:15px 0 5px}.p-karyawan-internal.detail .top-content .box-left .outer-group{display:flex;width:100%}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text{display:flex;flex-direction:column;gap:8px;padding:15px 0;width:50%;border-bottom:1px dashed #D3D7DB}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text .text-3{color:#202a37;font-weight:400;font-size:16px}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text .text-4{color:#818489;font-weight:300;font-size:16px}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text2{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:15px 0;width:100%;border-bottom:1px dashed #D3D7DB}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text2 .text-3{color:#202a37;font-weight:400;font-size:16px}.p-karyawan-internal.detail .top-content .box-left .outer-group .group-text2 .text-4{color:#818489;font-weight:300;font-size:16px}.p-karyawan-internal.detail .top-content .box-left .text-5{color:#202a37;font-weight:400;font-size:16px;margin-top:15px}.p-karyawan-internal.detail .top-content .box-left .text-6{color:#818489;font-weight:300;font-size:16px;margin-top:8px}.p-karyawan-internal.detail .top-content .box-right{width:30%;height:auto;display:flex;flex-direction:column;gap:20px}.p-karyawan-internal.detail .top-content .box-right .top-box{padding:20px;display:flex;flex-direction:column;background-color:#fff;border-radius:15px;height:-moz-fit-content;height:fit-content;position:relative}.p-karyawan-internal.detail .top-content .box-right .top-box .button-edit{position:absolute;top:15px;right:20px;background-color:#117cc1;padding:5px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.p-karyawan-internal.detail .top-content .box-right .top-box .button-edit p{color:#fff;font-weight:500;font-size:16px}.p-karyawan-internal.detail .top-content .box-right .top-box .button-edit svg{margin-left:10px}.p-karyawan-internal.detail .top-content .box-right .top-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-karyawan-internal.detail .top-content .box-right .top-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0 5px}.p-karyawan-internal.detail .top-content .box-right .top-box .outer-group{display:flex;width:100%}.p-karyawan-internal.detail .top-content .box-right .top-box .outer-group .group-text{display:flex;flex-direction:column;gap:8px;padding:10px 0;width:100%}.p-karyawan-internal.detail .top-content .box-right .top-box .outer-group .group-text .text-3{color:#202a37;font-weight:400;font-size:16px}.p-karyawan-internal.detail .top-content .box-right .top-box .outer-group .group-text .text-4{color:#818489;font-weight:300;font-size:16px}.p-karyawan-internal.detail .top-content .box-right .bottom-box{padding:20px;display:flex;background:linear-gradient(to right,#08488a,#117cc1);border-radius:15px;height:95px;justify-content:space-between;align-items:center;position:relative}.p-karyawan-internal.detail .top-content .box-right .bottom-box .bg-box{position:absolute;width:100%;height:100%;left:0}.p-karyawan-internal.detail .top-content .box-right .bottom-box .text-2{color:#fff;font-weight:500;font-size:18px;z-index:1}.p-karyawan-internal.detail .top-content .box-right .bottom-box .text-3{font-weight:500;font-size:16px;color:#117cc1;padding:5px 20px;background:#fff;border-radius:50px;height:-moz-max-content;height:max-content;z-index:1}@media (max-width: 1366px){.p-karyawan-internal.detail .top-content .box-left{width:60%}.p-karyawan-internal.detail .top-content .box-right{width:40%}}.p-karyawan-internal.detail .table-box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:50px}.p-karyawan-internal.detail .table-box .text-2{color:#202a37;font-weight:500;font-size:18px;display:flex}.p-karyawan-internal.detail .table-box .text-2 span{color:#fff;font-weight:400;font-size:15px;padding:5px;background-color:#117cc1;border-radius:50%;margin-left:10px;height:25px;width:25px;display:flex;align-items:center;justify-content:center}.p-karyawan-internal.detail .table-box .button-group{display:flex;gap:10px;background-color:#117cc1;padding:10px 20px;border-radius:8px;cursor:pointer;width:15%;align-items:center;justify-content:center}.p-karyawan-internal.detail .table-box .button-group .text-3{color:#fff;font-weight:400;font-size:16px;white-space:nowrap}@media (max-width: 1366px){.p-karyawan-internal.detail .table-box .button-group{width:20%}}.p-karyawan-internal.detail .table-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-karyawan-internal.detail .table-box .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-karyawan-internal.detail .table-box .group-top .search-box{display:flex;align-items:center;gap:10px}.p-karyawan-internal.detail .table-box .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-karyawan-internal.detail .table-box .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-karyawan-internal.detail .table-box .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-karyawan-internal.detail .table-box .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-karyawan-internal.detail .table-box .group-top .search-box input::placeholder{color:#b0b3b8}.p-karyawan-internal.detail .table-box .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-karyawan-internal.detail .table-box .group-top .search-box input.prefix{padding-left:40px}.p-karyawan-internal.detail .table-box .group-top .button-box{display:flex;gap:10px}.p-riwayat-kpi{display:flex;flex-direction:column;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-riwayat-kpi p{margin:0;padding:0}.p-riwayat-kpi.index .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-riwayat-kpi.index .table-box{padding:20px;background-color:#fff;border-radius:10px;margin-top:40px;margin-bottom:50px}.p-riwayat-kpi.index .table-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-riwayat-kpi.index .table-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-riwayat-kpi.index .table-box .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-riwayat-kpi.index .table-box .group-top .search-box{display:flex;align-items:center;gap:10px}.p-riwayat-kpi.index .table-box .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-riwayat-kpi.index .table-box .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-riwayat-kpi.index .table-box .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-riwayat-kpi.index .table-box .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-riwayat-kpi.index .table-box .group-top .search-box input::placeholder{color:#b0b3b8}.p-riwayat-kpi.index .table-box .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-riwayat-kpi.index .table-box .group-top .search-box input.prefix{padding-left:40px}.p-riwayat-kpi.index .table-box .group-top .button-box{display:flex;gap:10px}.p-internal{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-internal p{margin:0;padding:0}.p-internal .top-content{display:flex;gap:20px;width:100%;margin-top:10px;margin-bottom:20px}.p-internal .top-content .box-left{padding:60px 0;display:flex;flex-direction:column;width:20%;background:linear-gradient(to right,#08488a,#117cc1);border-radius:15px;align-items:center;justify-content:center;position:relative}.p-internal .top-content .box-left .bg-profile{position:absolute;width:100%;height:100%;right:0;top:0;border-radius:15px}.p-internal .top-content .box-left .profile-pic{width:60%;z-index:1}.p-internal .top-content .box-left .text-profile-1{color:#fff;font-weight:500;font-size:20px;margin-top:10px;z-index:1}.p-internal .top-content .box-left .text-box-profile{display:flex;gap:5px;margin-top:10px;background-color:#fff;padding:5px 20px;border-radius:50px;align-items:center;justify-content:center;z-index:1}.p-internal .top-content .box-left .text-box-profile .text-profile-2{color:#117cc1;font-weight:500;font-size:16px}.p-internal .top-content .box-middle{padding:20px;display:flex;flex-direction:column;width:50%;background-color:#fff;border-radius:15px;position:relative}.p-internal .top-content .box-middle .button-edit{position:absolute;top:15px;right:20px;background-color:#117cc1;padding:5px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.p-internal .top-content .box-middle .button-edit p{color:#fff;font-weight:500;font-size:16px}.p-internal .top-content .box-middle .button-edit svg{margin-left:10px}.p-internal .top-content .box-middle .text-2{color:#202a37;font-weight:500;font-size:18px}.p-internal .top-content .box-middle .border-line{border-top:1px solid #D3D7DB;margin:15px 0 5px}.p-internal .top-content .box-middle .border-line2{border-top:1px dashed #D3D7DB;margin:15px 0 5px}.p-internal .top-content .box-middle .outer-group{display:flex;width:100%}.p-internal .top-content .box-middle .outer-group .text-group-1{font-size:30px;color:#202a37;font-weight:500}.p-internal .top-content .box-middle .outer-group .inner-group{display:flex;gap:20px;width:100%;margin-top:10px}.p-internal .top-content .box-middle .outer-group .inner-group .inside{display:flex;gap:10px;align-items:center}.p-internal .top-content .box-middle .outer-group .inner-group .inside .text-group-2{color:#818489}.p-internal .top-content .box-middle .outer-group .group-text{display:flex;flex-direction:column;gap:8px;padding:15px 0;width:50%;border-bottom:1px dashed #D3D7DB}.p-internal .top-content .box-middle .outer-group .group-text .text-3{color:#202a37;font-weight:400;font-size:16px}.p-internal .top-content .box-middle .outer-group .group-text .text-4{color:#818489;font-weight:300;font-size:16px}.p-internal .top-content .box-middle .outer-group .group-text2{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:15px 0;width:100%;border-bottom:1px dashed #D3D7DB}.p-internal .top-content .box-middle .outer-group .group-text2 .text-3{color:#202a37;font-weight:400;font-size:16px}.p-internal .top-content .box-middle .outer-group .group-text2 .text-4{color:#818489;font-weight:300;font-size:16px}.p-internal .top-content .box-middle .text-5{color:#202a37;font-weight:400;font-size:16px;margin-top:15px}.p-internal .top-content .box-middle .text-6{color:#818489;font-weight:300;font-size:16px;margin-top:8px}.p-internal .top-content .box-right{width:30%;height:auto;display:flex;flex-direction:column;gap:20px}.p-internal .top-content .box-right .top-box{padding:20px;display:flex;flex-direction:column;background-color:#fff;border-radius:15px;height:-moz-fit-content;height:fit-content;position:relative}.p-internal .top-content .box-right .top-box .button-edit{position:absolute;top:15px;right:20px;background-color:#117cc1;padding:5px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.p-internal .top-content .box-right .top-box .button-edit p{color:#fff;font-weight:500;font-size:16px}.p-internal .top-content .box-right .top-box .button-edit svg{margin-left:10px}.p-internal .top-content .box-right .top-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-internal .top-content .box-right .top-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0 5px}.p-internal .top-content .box-right .top-box .outer-group{display:flex;width:100%}.p-internal .top-content .box-right .top-box .outer-group .group-text{display:flex;flex-direction:column;gap:8px;padding:10px 0;width:100%}.p-internal .top-content .box-right .top-box .outer-group .group-text .text-3{color:#202a37;font-weight:400;font-size:16px}.p-internal .top-content .box-right .top-box .outer-group .group-text .text-4{color:#818489;font-weight:300;font-size:16px}.p-internal .top-content .box-right .bottom-box{padding:20px;display:flex;background:linear-gradient(to right,#08488a,#117cc1);border-radius:15px;height:95px;justify-content:space-between;align-items:center;position:relative}.p-internal .top-content .box-right .bottom-box .bg-box{position:absolute;width:100%;height:100%;left:0}.p-internal .top-content .box-right .bottom-box .text-2{color:#fff;font-weight:500;font-size:18px;z-index:1}.p-internal .top-content .box-right .bottom-box .text-3{font-weight:500;font-size:16px;color:#117cc1;padding:5px 20px;background:#fff;border-radius:50px;height:-moz-max-content;height:max-content;z-index:1}@media (max-width: 1366px){.p-internal .top-content .box-left{width:20%}.p-internal .top-content .box-middle{width:50%}.p-internal .top-content .box-right{width:30%}}.p-internal .table-box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:50px}.p-internal .table-box .text-2{color:#202a37;font-weight:500;font-size:18px;display:flex}.p-internal .table-box .text-2 span{color:#fff;font-weight:400;font-size:15px;padding:5px;background-color:#117cc1;border-radius:50%;margin-left:10px;height:25px;width:25px;display:flex;align-items:center;justify-content:center}.p-internal .table-box .button-group{display:flex;gap:10px;background-color:#117cc1;padding:10px 20px;border-radius:8px;cursor:pointer;width:15%;align-items:center;justify-content:center}.p-internal .table-box .button-group .text-3{color:#fff;font-weight:400;font-size:16px;white-space:nowrap}@media (max-width: 1366px){.p-internal .table-box .button-group{width:20%}}.p-internal .table-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-internal .table-box .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-internal .table-box .group-top .search-box{display:flex;align-items:center;gap:10px}.p-internal .table-box .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-internal .table-box .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-internal .table-box .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-internal .table-box .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-internal .table-box .group-top .search-box input::placeholder{color:#b0b3b8}.p-internal .table-box .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-internal .table-box .group-top .search-box input.prefix{padding-left:40px}.p-internal .table-box .group-top .button-box{display:flex;gap:10px}.p-on-boarding{display:flex;flex-direction:column;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-on-boarding p{margin:0;padding:0}.p-on-boarding.index .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-on-boarding.index .annoucement{padding:20px;background-color:#fef0cb;border-radius:15px;border:1px dashed #EF8300;margin-top:25px}.p-on-boarding.index .annoucement .top{display:flex;align-items:center;gap:10px}.p-on-boarding.index .annoucement .top .text-2{color:#ef8300;font-weight:500;font-size:17px}.p-on-boarding.index .annoucement .text-3{color:#ef8300;font-weight:300;font-size:15px;margin-top:15px;letter-spacing:.5px}.p-on-boarding.index .annoucement .button-announcement{display:flex;gap:10px;margin-top:15px;padding:10px 20px;background-color:#117cc1;border-radius:10px;width:-moz-max-content;width:max-content;color:#fff;align-items:center;font-size:14px}.p-on-boarding.index .annoucement.blue{background:var(--Info-05, #3349F4)}.p-on-boarding.index .annoucement.submit{background-color:#cdf4fb;border:1px dashed #117CC1}.p-on-boarding.index .annoucement.submit.blue{border:1px dashed var(--Info-05, #3349F4);background:var(--Info-01, #D6DCFE)}.p-on-boarding.index .annoucement.submit .top svg path{fill:#117cc1}.p-on-boarding.index .annoucement.submit .top .text-2,.p-on-boarding.index .annoucement.submit .text-3{color:#117cc1}.p-on-boarding.index .annoucement.reject{background-color:#fce2d5;border:1px dashed #E1685D}.p-on-boarding.index .annoucement.reject .top svg path{fill:#e1685d}.p-on-boarding.index .annoucement.reject .top .text-2,.p-on-boarding.index .annoucement.reject .text-3{color:#e1685d}.p-on-boarding.index .annoucement.approved{background-color:#e2fad1;border:1px dashed #29A51D}.p-on-boarding.index .annoucement.approved .top svg path{fill:#29a51d}.p-on-boarding.index .annoucement.approved .top .text-2,.p-on-boarding.index .annoucement.approved .text-3{color:#29a51d}.p-on-boarding.index .outer-group{display:flex;width:100%;gap:20px}.p-on-boarding.index .outer-group .group-box{display:flex;flex-direction:column;gap:20px;width:25%;padding:20px;border-radius:10px;border:1px solid #D3D7DB}.p-on-boarding.index .outer-group .group-box .top{display:flex;align-items:center;gap:10px}.p-on-boarding.index .outer-group .group-box .top .text-4{color:#202a37;font-weight:500;font-size:17px}@media (max-width: 1366px){.p-on-boarding.index .outer-group .group-box .top .text-4{font-size:13px}.p-on-boarding.index .outer-group .group-box .top .text-4.custom{font-size:11px}}.p-on-boarding.index .outer-group .group-box .text-5{color:#818489;font-weight:400;font-size:17px}.p-on-boarding.index .outer-group .group-box .text-5.unduh{color:#117cc1}.p-on-boarding.index .outer-group .group-box .text-5.unduh :after{content:"";display:inline-block;width:17px;height:17px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.1667%206.29334H10.2401C8.66008%206.29334%207.37341%205.00668%207.37341%203.42668V1.50001C7.37341%201.13334%207.07342%200.833344%206.70675%200.833344H3.88008C1.82675%200.833344%200.166748%202.16668%200.166748%204.54668V10.4533C0.166748%2012.8333%201.82675%2014.1667%203.88008%2014.1667H9.12008C11.1734%2014.1667%2012.8334%2012.8333%2012.8334%2010.4533V6.96001C12.8334%206.59334%2012.5334%206.29334%2012.1667%206.29334ZM6.68675%2010.02L5.35341%2011.3533C5.30675%2011.4%205.24675%2011.44%205.18675%2011.46C5.12675%2011.4867%205.06675%2011.5%205.00008%2011.5C4.93341%2011.5%204.87341%2011.4867%204.81342%2011.46C4.76008%2011.44%204.70675%2011.4%204.66675%2011.36C4.66008%2011.3533%204.65341%2011.3533%204.65341%2011.3467L3.32008%2010.0133C3.12675%209.82001%203.12675%209.50001%203.32008%209.30668C3.51341%209.11334%203.83341%209.11334%204.02675%209.30668L4.50008%209.79334V7.00001C4.50008%206.72668%204.72675%206.50001%205.00008%206.50001C5.27342%206.50001%205.50008%206.72668%205.50008%207.00001V9.79334L5.98008%209.31334C6.17342%209.12001%206.49341%209.12001%206.68675%209.31334C6.88008%209.50668%206.88008%209.82668%206.68675%2010.02Z%22%20fill%3D%22%23117CC1%22/%3E%3Cpath%20d%3D%22M10.1202%205.37335C10.7535%205.38002%2011.6335%205.38002%2012.3869%205.38002C12.7669%205.38002%2012.9669%204.93335%2012.7002%204.66668C11.7402%203.70002%2010.0202%201.96002%209.03353%200.973349C8.7602%200.700016%208.28687%200.886682%208.28687%201.26668V3.59335C8.28687%204.56668%209.11353%205.37335%2010.1202%205.37335Z%22%20fill%3D%22%23117CC1%22/%3E%3C/svg%3E);background-size:contain;background-repeat:no-repeat;margin-left:10px}@media (max-width: 1366px){.p-on-boarding.index .outer-group .group-box .text-5.custom{font-size:15px}}.p-on-boarding.index .outer-group .group-box label{color:#117cc1;font-weight:400;font-size:18px;width:100%;padding:10px 0;border-radius:5px;border:1px solid #117CC1;text-align:center;cursor:pointer;margin-top:auto}.p-on-boarding.index .outer-group .group-box label.edit{background-color:#117cc1;color:#fff}.p-on-boarding.index .outer-group .group-box a{font-weight:400;font-size:18px;width:100%;padding:10px 0;border-radius:5px;border:1px solid #117CC1;text-align:center;cursor:pointer;background-color:#117cc1;color:#fff;margin-top:auto}.p-on-boarding.index .group-box{padding:20px;background-color:#fff;border-radius:10px;margin:20px 0;position:relative}.p-on-boarding.index .group-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-on-boarding.index .group-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-on-boarding.index .group-box .group-input{display:flex;flex-direction:column;gap:5px;margin-top:20px}.p-on-boarding.index .group-box .group-input .box-left{width:50%;display:flex;flex-direction:column;gap:20px}.p-on-boarding.index .group-box .group-input .box-left .text-3{color:#202a37;font-weight:500;font-size:16px}.p-on-boarding.index .group-box .group-input .box-left .text-4{color:#818489;font-weight:300;font-size:16px}.p-on-boarding.index .group-box .group-input .box-right{width:50%;display:flex;flex-direction:column;gap:20px}.p-on-boarding.index .group-box .group-input .box-right .text-3{color:#202a37;font-weight:500;font-size:16px}.p-on-boarding.index .group-box .group-input .box-right .text-4{color:#818489;font-weight:300;font-size:16px}.p-on-boarding.index .group-box .group-input2{display:flex;width:100%;gap:20px}.p-on-boarding.index .group-box .group-input2 .group-input{width:50%}.p-on-boarding.index .group-box.submit:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:10;pointer-events:all;border-radius:10px}.p-on-boarding.index .group-box.approved:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:10;pointer-events:all;border-radius:10px}.p-on-boarding.index button{padding:10px 20px;background-color:#117cc1;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;width:100%;margin-bottom:50px;position:relative}.p-on-boarding.index button.submit{cursor:default}.p-on-boarding.index button.submit:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:10;pointer-events:all}.p-on-boarding.index button.approved{cursor:default}.p-on-boarding.index button.approved:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:10;pointer-events:all}.p-surat-peringatan{display:flex;flex-direction:column;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-surat-peringatan p{margin:0;padding:0}.p-surat-peringatan.index .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-surat-peringatan.index .table-box{padding:20px;background-color:#fff;border-radius:10px;margin-top:40px;margin-bottom:50px}.p-surat-peringatan.index .table-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-surat-peringatan.index .table-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-surat-peringatan.index .table-box .group-top{display:flex;justify-content:space-between;align-items:center;margin-top:0;gap:10px}.p-surat-peringatan.index .table-box .group-top .search-box{display:flex;align-items:center;gap:10px}.p-surat-peringatan.index .table-box .group-top .search-box .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.p-surat-peringatan.index .table-box .group-top .search-box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-surat-peringatan.index .table-box .group-top .search-box input{border:1.5px solid #D3D7DB;padding:10px;border-radius:8px;color:#202a37;width:100%;background-color:#f6f7f9;font-weight:300}.p-surat-peringatan.index .table-box .group-top .search-box input::-moz-placeholder{color:#b0b3b8}.p-surat-peringatan.index .table-box .group-top .search-box input::placeholder{color:#b0b3b8}.p-surat-peringatan.index .table-box .group-top .search-box input:focus{outline:none;border:1.5px solid #117CC1}.p-surat-peringatan.index .table-box .group-top .search-box input.prefix{padding-left:40px}.p-surat-peringatan.index .table-box .group-top .button-box{display:flex;gap:10px}.p-surat-peringatan.detail .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-surat-peringatan.detail .text-1 span{color:#117cc1;margin-left:10px}.p-surat-peringatan.detail .box-outer{padding:20px;display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:15px;position:relative;margin:30px 0}.p-surat-peringatan.detail .box-outer .button-edit{position:absolute;top:15px;right:20px;background-color:#117cc1;padding:5px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.p-surat-peringatan.detail .box-outer .button-edit p{color:#fff;font-weight:500;font-size:16px}.p-surat-peringatan.detail .box-outer .button-edit svg{margin-left:10px}.p-surat-peringatan.detail .box-outer .text-2{color:#202a37;font-weight:500;font-size:18px}.p-surat-peringatan.detail .box-outer .border-line{border-top:2px solid #D3D7DB;margin:15px 0 5px}.p-surat-peringatan.detail .box-outer .border-line2{border-top:1px dashed #D3D7DB;margin:15px 0 5px}.p-surat-peringatan.detail .box-outer .outer-group{display:flex;width:100%}.p-surat-peringatan.detail .box-outer .outer-group .text-group-1{font-size:30px;color:#202a37;font-weight:500}.p-surat-peringatan.detail .box-outer .outer-group .inner-group{display:flex;gap:20px;width:100%;margin-top:10px}.p-surat-peringatan.detail .box-outer .outer-group .inner-group .inside{display:flex;gap:10px;align-items:center}.p-surat-peringatan.detail .box-outer .outer-group .inner-group .inside .text-group-2{color:#818489}.p-surat-peringatan.detail .box-outer .outer-group .group-text{display:flex;flex-direction:column;gap:8px;padding:15px 0;width:50%;border-bottom:1px dashed #D3D7DB}.p-surat-peringatan.detail .box-outer .outer-group .group-text .text-3{color:#202a37;font-weight:400;font-size:16px}.p-surat-peringatan.detail .box-outer .outer-group .group-text .text-4{color:#818489;font-weight:300;font-size:16px}.p-surat-peringatan.detail .box-outer .outer-group .group-text .text-4.file-download{color:#117cc1;text-decoration:underline;cursor:pointer;display:flex;align-items:center}.p-surat-peringatan.detail .box-outer .outer-group .group-text .text-4.file-download :after{content:"";display:inline-block;width:17px;height:17px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.1667%206.29334H10.2401C8.66008%206.29334%207.37341%205.00668%207.37341%203.42668V1.50001C7.37341%201.13334%207.07342%200.833344%206.70675%200.833344H3.88008C1.82675%200.833344%200.166748%202.16668%200.166748%204.54668V10.4533C0.166748%2012.8333%201.82675%2014.1667%203.88008%2014.1667H9.12008C11.1734%2014.1667%2012.8334%2012.8333%2012.8334%2010.4533V6.96001C12.8334%206.59334%2012.5334%206.29334%2012.1667%206.29334ZM6.68675%2010.02L5.35341%2011.3533C5.30675%2011.4%205.24675%2011.44%205.18675%2011.46C5.12675%2011.4867%205.06675%2011.5%205.00008%2011.5C4.93341%2011.5%204.87341%2011.4867%204.81342%2011.46C4.76008%2011.44%204.70675%2011.4%204.66675%2011.36C4.66008%2011.3533%204.65341%2011.3533%204.65341%2011.3467L3.32008%2010.0133C3.12675%209.82001%203.12675%209.50001%203.32008%209.30668C3.51341%209.11334%203.83341%209.11334%204.02675%209.30668L4.50008%209.79334V7.00001C4.50008%206.72668%204.72675%206.50001%205.00008%206.50001C5.27342%206.50001%205.50008%206.72668%205.50008%207.00001V9.79334L5.98008%209.31334C6.17342%209.12001%206.49341%209.12001%206.68675%209.31334C6.88008%209.50668%206.88008%209.82668%206.68675%2010.02Z%22%20fill%3D%22%23117CC1%22/%3E%3Cpath%20d%3D%22M10.1202%205.37335C10.7535%205.38002%2011.6335%205.38002%2012.3869%205.38002C12.7669%205.38002%2012.9669%204.93335%2012.7002%204.66668C11.7402%203.70002%2010.0202%201.96002%209.03353%200.973349C8.7602%200.700016%208.28687%200.886682%208.28687%201.26668V3.59335C8.28687%204.56668%209.11353%205.37335%2010.1202%205.37335Z%22%20fill%3D%22%23117CC1%22/%3E%3C/svg%3E);background-size:contain;background-repeat:no-repeat;margin-left:10px;position:absolute;top:3px}.p-surat-peringatan.detail .box-outer .text-5{color:#202a37;font-weight:400;font-size:16px;margin-top:15px}.p-surat-peringatan.detail .box-outer .text-6{color:#818489;font-weight:300;font-size:16px;margin-top:8px}.p-surat-peringatan.detail .box-outer .text-6.file-download{color:#117cc1;text-decoration:underline;cursor:pointer;display:flex;align-items:center}.p-surat-peringatan.detail .box-outer .text-6.file-download :after{content:"";display:inline-block;width:17px;height:17px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.1667%206.29334H10.2401C8.66008%206.29334%207.37341%205.00668%207.37341%203.42668V1.50001C7.37341%201.13334%207.07342%200.833344%206.70675%200.833344H3.88008C1.82675%200.833344%200.166748%202.16668%200.166748%204.54668V10.4533C0.166748%2012.8333%201.82675%2014.1667%203.88008%2014.1667H9.12008C11.1734%2014.1667%2012.8334%2012.8333%2012.8334%2010.4533V6.96001C12.8334%206.59334%2012.5334%206.29334%2012.1667%206.29334ZM6.68675%2010.02L5.35341%2011.3533C5.30675%2011.4%205.24675%2011.44%205.18675%2011.46C5.12675%2011.4867%205.06675%2011.5%205.00008%2011.5C4.93341%2011.5%204.87341%2011.4867%204.81342%2011.46C4.76008%2011.44%204.70675%2011.4%204.66675%2011.36C4.66008%2011.3533%204.65341%2011.3533%204.65341%2011.3467L3.32008%2010.0133C3.12675%209.82001%203.12675%209.50001%203.32008%209.30668C3.51341%209.11334%203.83341%209.11334%204.02675%209.30668L4.50008%209.79334V7.00001C4.50008%206.72668%204.72675%206.50001%205.00008%206.50001C5.27342%206.50001%205.50008%206.72668%205.50008%207.00001V9.79334L5.98008%209.31334C6.17342%209.12001%206.49341%209.12001%206.68675%209.31334C6.88008%209.50668%206.88008%209.82668%206.68675%2010.02Z%22%20fill%3D%22%23117CC1%22/%3E%3Cpath%20d%3D%22M10.1202%205.37335C10.7535%205.38002%2011.6335%205.38002%2012.3869%205.38002C12.7669%205.38002%2012.9669%204.93335%2012.7002%204.66668C11.7402%203.70002%2010.0202%201.96002%209.03353%200.973349C8.7602%200.700016%208.28687%200.886682%208.28687%201.26668V3.59335C8.28687%204.56668%209.11353%205.37335%2010.1202%205.37335Z%22%20fill%3D%22%23117CC1%22/%3E%3C/svg%3E);background-size:contain;background-repeat:no-repeat;margin-left:10px;position:absolute;top:12px}.p-surat-peringatan.detail .box-outer .group-sign{width:100%;display:flex}.p-surat-peringatan.detail .box-outer .group-sign .inner-group{display:flex;flex-direction:column;gap:5px;width:50%}.p-surat-peringatan.detail .box-outer .group-sign .inner-group .text-7{color:#202a37;font-weight:400;font-size:16px;margin-top:15px}.p-surat-peringatan.detail .box-outer .group-sign .inner-group img{width:20%}.p-surat-peringatan.detail button{width:100%;color:#fff;background-color:#117cc1;padding:15px 20px;border-radius:5px;margin-bottom:50px}.p-contract-pkwt{display:flex;flex-direction:column;width:calc(100vw - 248px);margin-left:248px;min-height:100vh;background-color:#edf0f3;padding:130px 40px 0}.p-contract-pkwt p{margin:0;padding:0}.p-contract-pkwt.index .text-1{color:#202a37;font-weight:700;font-size:25px;margin-bottom:5px}.p-contract-pkwt.index .annoucement{padding:20px;background-color:#fef0cb;border-radius:15px;border:1px dashed #EF8300;margin-top:25px}.p-contract-pkwt.index .annoucement .top{display:flex;align-items:center;gap:10px}.p-contract-pkwt.index .annoucement .top .text-2{color:#ef8300;font-weight:500;font-size:17px}.p-contract-pkwt.index .annoucement .text-3{color:#ef8300;font-weight:300;font-size:15px;margin-top:15px;letter-spacing:.5px}.p-contract-pkwt.index .annoucement .button-announcement{display:flex;gap:10px;margin-top:15px;padding:10px 20px;background-color:#117cc1;border-radius:10px;width:-moz-max-content;width:max-content;color:#fff;align-items:center;font-size:14px}.p-contract-pkwt.index .annoucement .button-announcement.blue{background:var(--Info-05, #3349F4)}.p-contract-pkwt.index .annoucement.submit{background-color:#cdf4fb;border:1px dashed #117CC1}.p-contract-pkwt.index .annoucement.submit .top svg path{fill:#117cc1}.p-contract-pkwt.index .annoucement.submit .top .text-2,.p-contract-pkwt.index .annoucement.submit .text-3{color:#117cc1}.p-contract-pkwt.index .annoucement.reject{background-color:#fce2d5;border:1px dashed #E1685D}.p-contract-pkwt.index .annoucement.reject .top svg path{fill:#e1685d}.p-contract-pkwt.index .annoucement.reject .top .text-2,.p-contract-pkwt.index .annoucement.reject .text-3{color:#e1685d}.p-contract-pkwt.index .annoucement.ttd{background-color:#e2fad1;border:1px dashed #29A51D}.p-contract-pkwt.index .annoucement.ttd.blue{border:1px dashed var(--Info-05, #3349F4);background:var(--Info-01, #D6DCFE)}.p-contract-pkwt.index .annoucement.ttd .top svg path{fill:#29a51d}.p-contract-pkwt.index .annoucement.ttd .top .text-2{color:#29a51d}.p-contract-pkwt.index .annoucement.ttd .top-blue svg path{fill:#3349f4}.p-contract-pkwt.index .annoucement.ttd .top-blue .text-2{color:#3349f4}.p-contract-pkwt.index .annoucement.ttd .text-3{color:#29a51d}.p-contract-pkwt.index .annoucement.ttd .text-3.blue{color:#3349f4}.p-contract-pkwt.index .group-box{padding:20px;background-color:#fff;border-radius:10px;margin:20px 0;position:relative}.p-contract-pkwt.index .group-box .text-2{color:#202a37;font-weight:500;font-size:18px}.p-contract-pkwt.index .group-box .border-line{border-top:1px solid #D3D7DB;margin:15px 0}.p-contract-pkwt.index .group-box .outer-group{display:flex;width:100%;gap:20px}.p-contract-pkwt.index .group-box .outer-group .group-box{display:flex;flex-direction:column;gap:20px;width:25%;padding:20px;border-radius:10px;border:1px solid #D3D7DB}.p-contract-pkwt.index .group-box .outer-group .group-box .top{display:flex;align-items:center;gap:10px}.p-contract-pkwt.index .group-box .outer-group .group-box .top .text-4{color:#202a37;font-weight:500;font-size:17px}@media (max-width: 1366px){.p-contract-pkwt.index .group-box .outer-group .group-box .top .text-4{font-size:13px}.p-contract-pkwt.index .group-box .outer-group .group-box .top .text-4.custom{font-size:11px}}.p-contract-pkwt.index .group-box .outer-group .group-box .text-5{color:#818489;font-weight:400;font-size:17px}.p-contract-pkwt.index .group-box .outer-group .group-box .text-5.unduh{color:#117cc1}.p-contract-pkwt.index .group-box .outer-group .group-box .text-5.unduh :after{content:"";display:inline-block;width:17px;height:17px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.1667%206.29334H10.2401C8.66008%206.29334%207.37341%205.00668%207.37341%203.42668V1.50001C7.37341%201.13334%207.07342%200.833344%206.70675%200.833344H3.88008C1.82675%200.833344%200.166748%202.16668%200.166748%204.54668V10.4533C0.166748%2012.8333%201.82675%2014.1667%203.88008%2014.1667H9.12008C11.1734%2014.1667%2012.8334%2012.8333%2012.8334%2010.4533V6.96001C12.8334%206.59334%2012.5334%206.29334%2012.1667%206.29334ZM6.68675%2010.02L5.35341%2011.3533C5.30675%2011.4%205.24675%2011.44%205.18675%2011.46C5.12675%2011.4867%205.06675%2011.5%205.00008%2011.5C4.93341%2011.5%204.87341%2011.4867%204.81342%2011.46C4.76008%2011.44%204.70675%2011.4%204.66675%2011.36C4.66008%2011.3533%204.65341%2011.3533%204.65341%2011.3467L3.32008%2010.0133C3.12675%209.82001%203.12675%209.50001%203.32008%209.30668C3.51341%209.11334%203.83341%209.11334%204.02675%209.30668L4.50008%209.79334V7.00001C4.50008%206.72668%204.72675%206.50001%205.00008%206.50001C5.27342%206.50001%205.50008%206.72668%205.50008%207.00001V9.79334L5.98008%209.31334C6.17342%209.12001%206.49341%209.12001%206.68675%209.31334C6.88008%209.50668%206.88008%209.82668%206.68675%2010.02Z%22%20fill%3D%22%23117CC1%22/%3E%3Cpath%20d%3D%22M10.1202%205.37335C10.7535%205.38002%2011.6335%205.38002%2012.3869%205.38002C12.7669%205.38002%2012.9669%204.93335%2012.7002%204.66668C11.7402%203.70002%2010.0202%201.96002%209.03353%200.973349C8.7602%200.700016%208.28687%200.886682%208.28687%201.26668V3.59335C8.28687%204.56668%209.11353%205.37335%2010.1202%205.37335Z%22%20fill%3D%22%23117CC1%22/%3E%3C/svg%3E);background-size:contain;background-repeat:no-repeat;margin-left:10px}@media (max-width: 1366px){.p-contract-pkwt.index .group-box .outer-group .group-box .text-5.custom{font-size:15px}}.p-contract-pkwt.index .group-box .outer-group .group-box label{color:#117cc1;font-weight:400;font-size:18px;width:100%;padding:10px 0;border-radius:5px;border:1px solid #117CC1;text-align:center;cursor:pointer;margin-top:auto}.p-contract-pkwt.index .group-box .outer-group .group-box label.edit{background-color:#117cc1;color:#fff}.p-contract-pkwt.index .group-box .outer-group .group-box a{font-weight:400;font-size:18px;width:100%;padding:10px 0;border-radius:5px;border:1px solid #117CC1;text-align:center;cursor:pointer;background-color:#117cc1;color:#fff;margin-top:auto}.p-contract-pkwt.index .group-box.belum-upload:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:1;pointer-events:all;border-radius:10px}.p-contract-pkwt.index button{padding:10px 20px;background-color:#117cc1;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;width:100%;margin-bottom:50px;position:relative}.p-contract-pkwt.index button.belum-upload{cursor:default}.p-contract-pkwt.index button.belum-upload:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f580;z-index:1;pointer-events:all}