@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.badge.bg-baru{background-color:#eee!important;color:gray}.badge.bg-masuk{background-color:#ff5b5b!important;color:#fff}.badge.bg-proses{background-color:#003e09!important;color:#fff}a{color:#2e75b6;text-decoration:none}a:hover{font-weight:600}.input-group-text{display:flex;align-items:center;padding:.375rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef00;border:1px solid #ced4da;border-right:0px solid transparent;border-radius:.25rem}.form-control:focus{color:#212529;background-color:#fff;border-color:#2cb952;outline:0;box-shadow:none}.btn-baru{--a1: rgb(0 0 0 / 18%);--colors-fixed-brand8: #343cb2;--colors-fixed-brand9: #3f4dcf;box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important;background-color:var(--colors-fixed-brand9);color:#fff;padding:0 12px;transition:all .2s linear}.btn-baru:hover{filter:brightness(.9);color:initial}.btn-baru.plain{--colors-fixed-brand8: #dedede;--colors-fixed-brand9: #ffffff;color:gray}.btn-baru.selected{--colors-fixed-brand8: #cdcdcd;--colors-fixed-brand9: #6e6e6e;color:#dcdcdc}.btn-baru.danger{--colors-fixed-brand8: #b23447;--colors-fixed-brand9: #e56c86}.btn-baru.warning{--colors-fixed-brand8: #af9a1f7c;--colors-fixed-brand9: #e3e56c;color:#3d3a0bb0}.btn-baru.success{--colors-fixed-brand8: #228528;--colors-fixed-brand9: #1a8531}.btn-baru.success2{--colors-fixed-brand8: #34b27b;--colors-fixed-brand9: #3fcf8e}.plain>.dropdown-toggle{--a1: rgb(0 0 0 / 18%);--colors-fixed-brand8: #dedede;--colors-fixed-brand9: #ffffff;box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important;background-color:var(--colors-fixed-brand9);color:gray;padding:0 12px;transition:all .2s linear}.plain>.dropdown-toggle.plain{--colors-fixed-brand8: #dedede;--colors-fixed-brand9: #ffffff;color:gray}.btn-modern{--a1: rgb(0 0 0 / 18%);--colors-fixed-brand8: #343cb2;--colors-fixed-brand9: #3f4dcf;box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important;background-color:var(--colors-fixed-brand9);color:#fff;padding:0 12px;transition:all .2s linear}.btn-modern:hover{filter:brightness(1.1);color:initial}.btn-modern.plain{--colors-fixed-brand8: #dedede;--colors-fixed-brand9: #ffffff;color:gray}.btn-modern.selected{--colors-fixed-brand8: #cdcdcd;--colors-fixed-brand9: #6e6e6e;color:#dcdcdc}.btn-modern.danger{--colors-fixed-brand8: #b23447;--colors-fixed-brand9: #e56c86}.btn-modern.success{--colors-fixed-brand8: #ebebeb;--colors-fixed-brand9: #e0ffe9;color:#20a03b}.btn-modern.success2{--colors-fixed-brand8: #34b27b;--colors-fixed-brand9: #3fcf8e}.btn-tab{--colors-fixed-brand8: #343cb2;--colors-fixed-brand9: #3f4dcf;background-color:var(--colors-fixed-brand9);color:#fff;padding:12px;transition:all .1s linear;border-radius:0}.btn-tab:focus{box-shadow:none}.btn-tab:hover{--colors-fixed-brand8: #666666;--colors-fixed-brand9: #ffffff;color:#000!important}.btn-tab.plain{--colors-fixed-brand8: #dedede;--colors-fixed-brand9: #ffffff;color:#8d8d8dd8}.btn-tab.active{font-weight:700;color:#1d1d1ddc;border-bottom:4px solid green}.input-group{--a1: rgb(0 0 0 / 18%);box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important}.input-group-text{display:flex;align-items:center;font-size:1rem;font-weight:400;line-height:1.5;padding:0 12px;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef00;border:1px solid #ced4da;border-right:0px solid transparent;border-radius:.25rem}.form-control{--a1: rgb(0 0 0 / 18%);box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important;display:block;width:100%;padding:12px 16px;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{box-shadow:none}.modal-dialog{height:100%;display:grid;place-items:center}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;border:1px solid var(--grey1);border-radius:12px;outline:0}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#2c2c2c;background-color:#fff;border:1px solid rgba(128,128,128,.674);box-shadow:1px 1px 20px #8080802f;font-weight:700}.nav-link{color:#0007;transition:all .2s linear}.nav-link:hover:not(.nav-link.active){color:#000}.table{color:var(--teks-table)}.back-button{border-radius:12px;transition:all .5s linear;cursor:pointer;background-color:#16161607}.back-button:hover{background-color:#0a0a0a26}.tengah-bgt{display:flex;justify-content:center;align-items:center}.teks-tengah{text-align:center}.clickable{cursor:pointer}.clickable:hover{background-color:#d2d2d296}.kanan{text-align:right}.tabelku{background-color:#fff}.tabel-th{padding:4px 8px;color:#1e1e1e;background-color:#f8f8f8!important}tbody{border-top:none!important}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: #00000005}.tabel-sticky{position:sticky;top:0;background-color:#e6e6e67d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);vertical-align:middle!important}.tabelIsi tr,.tabelIsi td{padding:8px}.tabelIsi thead{background-color:#f0f0f080;color:gray;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.border-kanan{border-right:1px solid rgba(128,128,128,.287)!important}.tabelIsi .disabled{background-color:#f1f1f1}.tabelIsi .italic{font-style:italic;font-weight:700}.tabelIsi .tengah{text-align:center;vertical-align:middle}.th-panen{color:green}.th-tanam{color:orange}.th-puso{color:red}.tabelPrint{background-color:#fff}.tabelPrint tr,.tabelPrint td{padding:8px}.tabelPrint{border-color:#000}.tabelPrint .disabled{background-color:#f1f1f1}.tabelPrint .italic{font-style:italic;font-weight:700}.tabelPrint .tengah{text-align:center;vertical-align:middle}.tabel-header-dashboard{background-color:#6b8e23}.step-item{padding:2em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-circle{width:20px;height:20px;background-color:#0000003f;border-radius:64px;transition:all .2s ease-in-out}.step-circle.process{background-color:green;width:30px;height:30px}.step-line{width:42px;height:4px;background-color:#00000020;transition:all .2s ease-in-out}.step-line:after{transition:all 1s ease-in-out;position:absolute;width:0px;height:4px;z-index:9999;content:""}.step-line.empty{background-color:transparent;width:32px}.step-line.process{background-color:#008d07}.step-text{margin-top:2em}.heading>.line{width:100%;height:2px;background-color:#ededed}.modal-highlight{color:#44c300}@keyframes trans{0%{z-index:99;opacity:.8;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.modal-animate{animation:trans .5s ease-in-out}.data-item{border-radius:8px;padding:8px}.data-item:hover{cursor:pointer;background-color:#37373714}.editPopup{box-shadow:1px 1px 10px #00000037;border-radius:10px;background-color:#fff;transition:all .2s cubic-bezier(0,0,.21,1.5);transform:scale(.9) translateY(-20px) translate(-20px)}.editPopup.show{transform:scale(1) translateY(0) translate(0)}.editPopup:before{position:absolute;top:-11px;left:auto;display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:1em solid transparent;border-bottom:1em solid var(--warna-background-container);border-left:1em solid transparent}.modal-{background-color:var(--modal-back)}@font-face{font-family:LicensePlate;font-style:normal;src:url(/assets/LicensePlate-O_7vHB1H.ttf)}#public{overflow:hidden;position:relative}#public:before{content:"";position:absolute;left:-10%;right:-10%;top:-150%;height:400%;transform:rotate(-10deg);background-image:url(/assets/doodle-BAXutAXa.png);background-position:center;background-size:200px;opacity:.05;z-index:99}.kotak-depan{border:1px solid rgb(204,204,204);border-radius:12px;box-shadow:5px 5px 20px #0000001a;padding:48px;background-color:#f5f5f5;z-index:999}.judul-depan{font-weight:200}.input-polisi{font-size:4em;text-align:center;text-transform:uppercase;font-family:Kay Pho Du,serif;background-color:#ffffa2;width:inherit;padding-block:0;padding-inline:0;color:#212121b2;max-width:6em;border-radius:8px;border:3px solid rgba(128,128,128,.242);box-shadow:1px 1px 20px #adadad2b}.input-polisi:focus{color:#212121b2;background-color:#ffffa2;border-color:#fff;outline:0;box-shadow:none}#sidenav-{background-color:var(--navbar-back);border-right:1px solid rgba(0,0,0,.1019607843);width:92px}@media screen and (max-width: 600px){#sidenav-{display:none}}#menu-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.menu-item{padding:4px;margin-bottom:4px}.menu-item-active{padding:4px;margin-bottom:4px;border-left:4px solid #2e75b6}.icon-box{padding:8px;border-radius:12px;color:#808080af}.icon-box:hover:not(.icon-box-active){color:var(--navbar-text)}.icon-box-active{color:#2e75b6}.link-icon-text{color:var(--navbar-text);font-size:.9em}.menu-item-active .link-icon-text{color:#2e75b6}.seperator{margin:8px 0;width:50%;border-bottom:1px solid rgba(47,47,47,.097)}.menu-tooltip{font-size:.8em;padding:4px 8px;background-color:#fff;border-radius:4px;border:1px solid rgba(121,121,121,.116);box-shadow:1px 1px solid #000}.icon-box-bawah{background-color:var(--icon-box-bawah)}.bottom-nav{display:none}@media screen and (max-width: 600px){.bottom-nav{display:flex;width:100%;justify-content:space-around;border-top:1px solid #d9d9d9;box-shadow:0 2px 7px #cecece}.menu-item-active{padding:4px;margin-bottom:4px;border-left:none;border-bottom:4px solid #2e75b6}}.login-page{position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;left:-10%;right:-10%;top:-150%;height:400%;transform:rotate(-10deg);background-image:url(/assets/back-DK4ZPN4K.webp);background-position:center;background-size:900px;opacity:.05;z-index:99}.subtitle-judul{font-size:1.4em}.main{display:flex;height:100%}@media screen and (max-width: 600px){.main{flex-direction:column}}.judul{font-weight:700;color:var(--judul-text)}.back-white{background-color:#fff}.top-container{position:sticky;top:0;background-color:#fff}.border-gelap{border-bottom:var(--border-div)}.dashboard{position:relative}.kotak-dashboard{background-color:var(--kotak-dashboard);min-height:130px;width:100%;border-radius:16px;border:1px solid #d2d2d2;box-shadow:1px 1px 6px #80808021;transition:all .2s linear}.kotak-dashboard:hover{box-shadow:1px 1px 6px #14850569}.bg-1{background-color:var(--kotak-dashboard-1)}.bg-2{background-color:var(--kotak-dashboard)}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border:none}.kotak-masters-item{background-color:#ffffff5b;padding:12px;border:1px solid rgba(203,203,203,.52);border-radius:8px;display:flex;justify-content:space-between}.box-akun{background-color:#fff;width:600px;height:600px;border-radius:16px;border:1px solid var(--greyku);box-shadow:1px 1px 20px #36363613;padding:3em}.avatar{width:128px;height:128px;object-fit:cover;object-position:top;border:1px solid grey;border-radius:64px;padding:0}.avatar.kecil{width:64px;height:64px}.kolom-form{width:700px;overflow:auto;height:100%}.heading-color{color:#005d30}.text-muted-1{color:#0000007d;font-weight:400}.uploaded{color:#65adce}.icon-upload{width:1.5em;height:1.5em}.pdf-viewer{width:80vw}.status-badge{display:flex;padding:0 1em;background-color:#ddd;color:#707070;border-radius:8px;align-items:center}.status-badge.pengajuan,.status-badge.pengajuan1,.status-badge.proses,.status-badge.direvisi,.status-badge.sdhDirevisi,.status-badge.tte{background-color:#fffeda;color:#474300}.status-badge.selesai{background-color:#d9ffde;color:#127014}@media screen and (max-width: 900px){.kolom-form{width:100%;padding-left:1em;padding-right:1em}.pdf-viewer{width:100vw}}.dynamic-btn{background-color:#80808048;padding:1em;box-sizing:content-box;position:relative}.btn-text{transition:all .2s ease-in-out;overflow:hidden;text-wrap:nowrap;position:relative}.btn-text.show{width:100%;opacity:1}.btn-text.hide{width:0%;height:0%;opacity:0}.periksa-item{display:flex;justify-content:space-between;border-radius:12px;background-color:#f7f7f7;transition:all .2s linear;padding:1em 1.4em;cursor:pointer}.periksa-item.lolos{background-color:#effef0;color:green}.periksa-item-disabled{padding:1em 1.4em}.check-div{display:flex;flex-grow:1;max-width:25px;align-items:center}.text-orange{color:#009fff}.bg-upload-badge{background-color:#ebebeb;color:#646464}.pdf-page{border:1px solid grey;margin-top:1em}.form-control{--a1: rgb(0 0 0 / 18%);box-shadow:var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,var(--a1) 0 1px 1px 0,var(--colors-fixed-brand8) 0 0 0 1px,var(--a1) 0 0 0 0,var(--a1) 0 0 0 0,#40445214 0 2px 5px!important;background-color:var(--form-control-back)}.input-group-text{color:inherit}.pass::selection{color:#fff;background:#fff}.sidebar{width:350px}.sidebar2{width:250px}.desktop-hidden{display:none}@media screen and (max-width: 600px){.mobile-hidden{display:none}.desktop-hidden{display:block}.sidebar,.sidebar2{width:100%}.mobile-extrap{padding:1em}.mobile-input{padding-top:1em;padding-bottom:1em}}.teks-merah{color:#c5000086}html,body,#root{font-size:.9em;height:100%;width:100%;background-color:#fff;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;--grey0: rgba(48, 48, 48, .133);--grey1: rgba(48, 48, 48, .04);--greyku: rgba(0, 0, 0, .1);--navbar-back: rgb(233, 233, 233);--navbar-text: rgba(0, 0, 0, .804);--judul-text: rgba(0, 0, 0, .605);--border-div: 1px solid #d3d3d3;--icon-box-bawah: rgb(245, 245, 245);--kotak-dashboard-1: #f5ffbf;--kotak-dashboard: #ffffff;--form-control-back: white;--teks-table: black;--modal-back: white;--modal-title: white}html.dark,body.dark,#root.dark{background-color:#000000d6;--grey0: rgba(157, 157, 157, .498);--warna: rgba(255, 255, 255, .719);--warna-background-utama: #1c1c1c;--warna-background-container: rgb(64, 64, 64);color:#fff;--navbar-back: rgb(25, 25, 26);--navbar-text: rgba(255, 255, 255, .548);--judul-text: rgba(216, 216, 216, .605);--border-div: 1px solid #383838;--icon-box-bawah: rgb(29, 29, 29);--kotak-dashboard-1: #252525;--kotak-dashboard: #252525;--form-control-back: rgba(0, 0, 0, .11);--teks-table: white;--modal-back: rgb(37, 37, 37);--modal-title: rgb(88, 88, 88)}.navbar{height:48px;width:100%;background-color:#f9f9f9;display:flex;justify-content:center}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}