html{height:100%;overflow:hidden}body.scrollable-page{overflow-y:auto;height:auto;scrollbar-width:none;-ms-overflow-style:none}body.scrollable-page::-webkit-scrollbar{display:none}html:has(body.scrollable-page){overflow:visible;height:auto}body,button,input,select{margin:0;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer{display:inline-block;height:80px;width:100%;background-color:#00449c;color:#fff;font-size:1.2rem;font-weight:400}.footer-copy{margin-top:28px}.footer p{margin-left:6%}.bg-card{width:94%;height:86%;margin:5px 50px;background-color:#fff;border:1px solid rgb(214,214,214);border-radius:20px;padding-bottom:10px;color:#00204a}.pengajuan{display:grid;grid-template-rows:90px 1fr}.pengajuan-filter{background-color:none;margin:8px;padding:20px 35px;font-size:1.2rem}.filter-input1{margin-left:30px;font-family:Outfit,serif;font-size:1rem;height:30px;width:150px}.filter-label1{margin-right:20px}.filter-label2{margin-left:30px}.filter-select{margin-right:30px;display:inline-block}.filter-select select{height:25px;width:80px;font-size:1rem;font-family:Outfit,serif}.filter-search{display:flex;align-items:baseline;margin-top:20px;flex-wrap:wrap;row-gap:10px}.filter-search input{margin-left:20px;font-size:1.3rem;height:30px;width:172px;background-color:#fdfdfd}.pagination{margin:auto;padding:20px 10px 10px}.gup-panel{width:94%;margin:5px 50px 0;background-color:#fff;border:1px solid rgb(214,214,214);border-radius:20px;color:#00204a}.gup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.gup-title{margin:0;font-size:1.5rem;font-weight:600;color:#00204a}.gup-toggle{padding:8px 18px;border:1px solid #00449C;border-radius:20px;background-color:#00449c;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.gup-toggle:hover{color:#ffcf5f}.gup-body{padding:0 20px 18px;border-top:1px solid #EDF1F6}.gup-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;font-size:.8rem;color:#5a6472}.gup-legend-month{margin-right:8px;font-size:1.25rem;font-weight:600;color:#00204a}.gup-legend-item{display:inline-flex;align-items:center;gap:6px}.gup-legend-dot{width:12px;height:12px;border-radius:4px}.gup-reload{margin-left:auto;padding:5px 12px;border:1px solid #D8DEE8;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.78rem;color:#00449c;cursor:pointer}.gup-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gup-weekday{padding-bottom:4px;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a8598}.gup-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:8px 4px;border:1px solid transparent;border-radius:10px;font-family:inherit;cursor:pointer;transition:transform .12s ease}.gup-cell:hover{transform:translateY(-1px)}.gup-cell-active{outline:2px solid #00449C;outline-offset:-2px}.gup-cell-day{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.gup-cell-sisa{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.gup-band-hijau{background-color:#d6f5e1;border-color:#a9e4c3;color:#0f7a3d}.gup-band-kuning{background-color:#fff3c4;border-color:#f0dc9a;color:#8a6100}.gup-band-jingga{background-color:#ffdcc0;border-color:#f3c398;color:#9c4a06}.gup-band-merah{background-color:#fbe1de;border-color:#f2bdb7;color:#bd1404}.gup-cell-tutup{background-color:#f1f3f6;border-color:#dfe3ea;color:#98a1b0}.gup-cell-tutup:hover{transform:none}.gup-cell-batas{background-color:#b3261e;border-color:#8c1d18;color:#fff;box-shadow:0 2px 10px #b3261e66}.gup-cell-batas:hover{background-color:#9f211a}.gup-dot-batas{background-color:#b3261e}.gup-note{margin:12px 0 0;font-size:.82rem;color:#7a8598}.gup-note-batas{margin-top:16px;font-size:1rem;color:#bd1404}.gup-batas-tanggal{font-size:1.35rem;font-weight:700}.gup-detail{margin-top:16px;padding:14px 16px;border:1px solid #E1E7EF;border-radius:10px;background-color:#f8fafd}.gup-detail-head{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:10px;font-size:.88rem;color:#00204a}.gup-lebih{color:#bd1404;font-weight:600}.gup-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.gup-table th{padding:8px 10px;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7a8598;border-bottom:1px solid #E1E7EF}.gup-table td{padding:9px 10px;border-bottom:1px solid #EDF1F6;color:#0a0f1b}.gup-table th:nth-child(2),.gup-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.filter-drpp{box-sizing:border-box}.filter-drpp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,340px));align-items:center;column-gap:24px;row-gap:14px;margin-top:6px;padding-left:30px}.filter-drpp-item{display:flex;align-items:center;gap:12px}.filter-drpp-item .filter-label2{margin-left:0;min-width:110px}.filter-drpp-item .filter-select{flex:1;min-width:0;margin-right:0}.filter-drpp-item .filter-select2 select{width:100%;max-width:200px;margin-left:0}.cari-drpp{display:block}.cari-drpp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,250px));align-items:center;gap:14px 16px;margin-top:10px;padding-left:30px}.cari-drpp-grid .cari-input{width:100%;margin:0}.cari-drpp-grid .spm-button{margin-left:0;justify-self:start}.sorot{padding:1px 3px;border-radius:3px;background-color:#ffe9a8;color:#6b4a00;font-weight:700}.sorot-banner{display:flex;align-items:center;gap:12px;width:96%;margin:0 auto 10px;padding:10px 14px;border:1px solid #E1E7EF;border-radius:10px;background-color:#f8fafd;font-size:.9rem;color:#00204a}.sorot-bersihkan{margin-left:auto;padding:5px 12px;border:1px solid #D8DEE8;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.8rem;color:#00449c;cursor:pointer}.gup-tag{margin-left:8px;padding:2px 8px;border-radius:999px;background-color:#fff1cf;color:#8a6100;font-size:.7rem;font-weight:600}.batas-panel{margin-bottom:10px}.batas-body{padding-top:14px}.batas-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.batas-input{padding:8px 12px;border:1px solid #D8DEE8;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.9rem;color:#00204a}.batas-input:disabled,.gup-toggle:disabled,.batas-hapus:disabled{opacity:.55;cursor:not-allowed}.batas-hapus{margin-left:0;color:#bd1404}.batas-pesan{color:#00449c}.dp-tabs{display:flex;flex-wrap:wrap;gap:8px;width:94%;margin:14px auto 0}.dp-table-card{background-color:#fdfdfd;width:94%;margin:20px auto;border:1px solid rgb(228,233,240);border-radius:14px;overflow:hidden}.dp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #EDF1F6;background-color:#fbfcfe}.dp-toolbar-info{font-size:.85rem;font-weight:500;color:#5a6472}.dp-perpage{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#5a6472}.dp-perpage select{font-family:inherit;font-size:.82rem;color:#00204a;padding:5px 8px;border:1px solid #D8DEE8;border-radius:8px;background-color:#fff;cursor:pointer}.dp-scroll{overflow-x:auto}.dp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;color:#0a0f1b}.dp-table thead th{background-color:#f4f7fb;padding:11px 14px;text-align:left;white-space:nowrap;font-size:.71rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5a6472;border-bottom:1px solid #E1E7EF}.dp-table td{padding:12px 14px;border-bottom:1px solid #F1F4F8;vertical-align:middle}.dp-th-right,.dp-table td.dp-cell-nominal{text-align:right}.dp-row td{transition:background-color .12s ease}.dp-row:hover td{background-color:#f7faff}.dp-row-open td{background-color:#f2f7ff;border-bottom-color:transparent}.dp-num{font-variant-numeric:tabular-nums;white-space:nowrap}.dp-cell-toggle{width:44px;padding-left:8px!important;padding-right:0!important}.dp-cell-jenis{font-weight:600;min-width:90px;max-width:240px}.dp-cell-nominal{font-weight:600}.dp-id{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;border-radius:8px;background-color:#00449c;color:#fff;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.dp-status{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.dp-status-note{display:block;margin-top:4px;font-size:.7rem;color:#8a6100}.dp-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.dp-table thead th:last-child,.dp-row>td:last-child{position:sticky;right:0;z-index:1;box-shadow:inset 1px 0 #e8edf4}.dp-table thead th:last-child{background-color:#f4f7fb}.dp-row>td:last-child{background-color:#fdfdfd}.dp-row:hover>td:last-child{background-color:#f7faff}.dp-row-open>td:last-child{background-color:#f2f7ff}.dp-detail-row td{padding:0!important;border-bottom:0}.dp-row-open+.dp-detail-row td{border-bottom:1px solid #E1E7EF}.dp-detail{padding:16px 20px 18px 52px;background-color:#f8fafd}.dp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px;margin:0;max-width:1000px}.dp-detail-item dt{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7a8598}.dp-detail-item dd{margin:3px 0 0;font-size:.88rem;font-weight:500;color:#0a0f1b;overflow-wrap:break-word}.dp-detail-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dp-file{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #DCE3EC;border-radius:999px;background-color:#fff;font-size:.8rem;font-weight:500;color:#00449c;text-decoration:none}.dp-file:hover{border-color:#00449c;background-color:#f0f5ff}.dp-file-empty{color:#8b94a3;background-color:#f3f5f8}.dp-file-pending{color:#8a6100;background-color:#fff6e2;border-color:#f0dfb8}.dp-detail-notes{margin-top:16px;display:grid;gap:10px}.dp-detail-notes p{margin:0;padding:10px 14px;border-left:3px solid #C9D4E4;border-radius:0 8px 8px 0;background-color:#fff;font-size:.86rem;color:#2a3446}.dp-detail-notes span{display:block;margin-bottom:3px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7a8598}.dp-placeholder{padding:40px 0!important;text-align:center}.dp-empty{color:#7a8598;font-size:.9rem}.dp-pagination{display:flex;justify-content:center;padding:14px 0;border-top:1px solid #EDF1F6}.dp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.buat-pengajuan{display:grid;grid-template-rows:70px 1fr}.buat-pengajuan-detail{grid-template-rows:auto 1fr}.pengajuan-desc{display:flex;align-items:center;margin-left:35px;margin-top:0;font-size:1.1rem;font-weight:600}.pengajuan-desc button{height:30px;width:200px;margin:auto auto auto 0;color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px;border:none;background-color:#00204a;box-shadow:0 1px 8px #00204a;border-radius:20px;transition:all .2s ease-in-out}.pengajuan-desc button:hover{transform:scale(1.1);background-color:#00449c;box-shadow:0 1px 8px #00449c}.pengajuan-form-textdata{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,300px 1fr);margin:20px 35px 10px 24px;font-weight:600;font-size:1.2rem}.pengajuan-form-textdata label{display:flex;align-items:center;padding-left:11px;margin-bottom:30px}.pengajuan-form-textdata input{display:flex;align-items:center;height:25px;width:190px}.pengajuan-date::-webkit-calendar-picker-indicator{position:relative;right:-65px;cursor:pointer;opacity:1}.pengajuan-form-textdata select{display:flex;align-items:center;height:29px;width:auto;min-width:194px;max-width:100%;justify-self:start}.pengajuan-form-error{margin:-4px 35px 0;color:#bd1404;font-size:1rem;font-weight:600}.pengajuan-form-tabledata{display:grid;grid-template-rows:50px 1fr;height:100%;margin-left:35px;margin-right:35px;margin-top:18px}.pengajuan-form-tableinfo{display:flex;align-items:center;margin-bottom:20px;font-size:1.2rem;font-weight:600}.pengajuan-form-tableinfo label{margin-left:50px}.pengajuan-form-tableinfo input{margin-left:20px;height:25px;width:150px}.pengajuan-form-tableinfo-message{margin-left:25px}.table-lock{display:flex;margin-left:10px}.head-data{font-size:100px}.table-cell{border:.8px solid rgb(214,214,214)}.selected-cell{background-color:#f1f1f1}.table-cell textarea{width:100%;border:none;resize:none;overflow:hidden;outline:none;font-family:inherit;font-size:inherit;text-align:inherit;margin:auto}.table-footer-cell{border:.5px solid rgb(238,236,236)}.form-submit{display:flex;justify-content:flex-start;margin-top:13px;margin-left:35px;margin-bottom:22px}.form-submit input,.btn-submit{height:30px;width:220px;margin-right:60px;background-color:#00204a;color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px;border:none;border-radius:15px;transition:all .2s ease-in-out;box-shadow:0 1px 12px #00204a}.form-submit input:hover,.btn-submit:hover{background-color:#016ffc;transform:scale(1.1)}.form-submit input.btn-submit-wide{width:auto;padding:0 20px;margin-right:0}.btn-submit-wide{width:auto;padding:0 20px;margin-right:0;white-space:nowrap}.button-reject:hover{background-color:#bd1404!important;box-shadow:0 1px 12px #800f03!important}.popup-wrapper{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.popup{position:inherit;display:grid;grid-template-rows:1fr 1fr;width:550px;height:210px;background-color:#f5f6fa;border-radius:20px}.popup.ketentuan{width:80%;height:80%}.ketentuan-text{margin:15px 50px;text-align:justify;text-justify:inter-word}.popup-text{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:400}.popup-footer{margin-top:30px}.popup-btn{display:flex;justify-content:space-evenly;align-items:center}.pengajuan-edit-textdata{margin-top:10px}.pengajuan-desc p{margin-right:80px}.pengajuan-desc span{padding-left:20px}.ajuan-info{display:grid;grid-template-columns:300px 1fr;align-items:center;row-gap:14px;margin:18px 35px 4px 24px;font-size:1.2rem;font-weight:600}.ajuan-info-label{display:flex;align-items:center;padding-left:11px}.ajuan-info-status{justify-self:start;padding:5px 18px;border-radius:20px;font-size:1rem}.ajuan-info-catatan{max-width:700px;margin:0;padding:7px 12px;border:1px solid #C7CDD8;border-radius:4px;background-color:#fdfdfd;font-size:1rem;font-weight:500;overflow-wrap:break-word}.lihat-antri-table{margin:20px auto 10px;max-width:95%;max-height:100%}.lihat-antri-pagination{display:flex;justify-content:center}.loading{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background:#000000c7;z-index:99}.loading-antri{display:flex;justify-content:center;align-items:center;margin:auto;width:98%;height:200px;border-radius:20px;z-index:99}.loading-lihat-edit{display:flex;justify-content:center;align-items:center;top:0;left:0;margin:20px auto;width:98%;height:250px;background:#0000003f;border-radius:20px}.spm-bend{margin-bottom:40px}.spm-titles{margin-left:30px;margin-bottom:10px}.cari-label{margin-left:30px}.cari-input{width:100px;margin-left:10px;height:20px;font-size:1rem;border:none;margin-bottom:20px;outline:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spm-button{margin-left:50px;color:#fff;font-weight:500;height:25px;width:80px;background-color:#00449c;border-radius:20px;transition:all .2s ease-in-out;border:none;box-shadow:0 1px 8px #00449c}.spm-button:hover{background-color:#0b69de;transform:scale(1.1)}.embed-container{width:1040px;height:70px;position:relative;overflow:hidden;border:.8px solid rgb(214,214,214);margin:10px auto 20px}.embed-container.embed2{width:700px;height:432px;margin-top:25px}.cari-spm{position:absolute;top:-30px;left:0;display:flex;justify-self:center;align-self:center;height:140px;width:100%;margin-bottom:15px;border:none}.cari-spm.rincian-spm{height:500px}.rincian-filter{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:98%;margin:auto}.rincian-filter-title{display:flex;justify-self:center;margin-top:15px;margin-bottom:5px}.rincian-filter-details{display:flex;justify-content:space-between;width:90%;margin:auto}.rincian-filter-details select{font-size:.68rem;height:22px}.rincian-filter-satker{justify-content:flex-start;column-gap:30px;margin:10px auto}.spm-button.rincian{margin-top:10px;margin-left:30px}.card{border-radius:12px;width:85%;height:150px}.card-wrap{display:grid;grid-template-columns:repeat(5,1fr);margin-right:40px;width:97%;margin-bottom:10px}.card-title{display:flex;justify-content:center;text-align:center;margin-bottom:0;margin-top:25px;min-height:40px;font-size:1.2rem}.card-content{display:flex;justify-content:center;font-size:1rem}.kelola-tabs{display:flex;flex-wrap:wrap;gap:8px;width:94%;margin:10px 50px 0}.kelola-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:solid 1px rgb(214,214,214);border-radius:20px;background-color:#fff;color:#5a6472;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.kelola-tab:hover{border-color:#00449c;color:#00449c}.kelola-tab:focus-visible{outline:2px solid #00449C;outline-offset:2px}.kelola-tab-count{min-width:26px;padding:1px 7px;border-radius:20px;background-color:#edf1f7;color:#5a6472;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.kelola-tab-active{border-color:#00449c;background-color:#00449c;color:#fff;font-weight:600}.kelola-tab-active:hover{color:#ffcf5f}.kelola-tab-active .kelola-tab-count{background-color:#ffffff38;color:#fff}.kelola-tab-alert .kelola-tab-count{background-color:#eb2727;color:#fff}.kelola-tab-alert:not(.kelola-tab-active){border-color:#f3b5b5;color:#8b0808}.kelola-tab-alert.kelola-tab-active{border-color:#8b0808;background-color:#8b0808}.kelola-tab-count-alert{background-color:#eb2727;color:#fff}.kelola-tab-count-warn{background-color:#ffe39f;color:#8a6100}.kelola-empty{padding:48px 16px;text-align:center;color:#8a93a2;font-size:1rem}.wide-card{margin-top:40px;margin-bottom:40px}.wide-card-title{margin-left:30px;font-size:2rem}.wide-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:30px}.wide-card-actions{display:flex;flex-shrink:0;gap:10px}.wide-card-content{margin-bottom:20px}.collapsible{padding:15px 45px}.btn-aksi{color:#fff;font-size:.9rem;letter-spacing:1px;font-weight:500;height:30px;width:85px;background-color:#00449c;border-radius:20px;transition:all .2s ease-in-out;border:none;box-shadow:0 1px 8px #00449c}.btn-aksi:hover{transform:scale(1.1)}.btn-aksi-wide{width:auto;padding:0 18px;white-space:nowrap}.aksi-content{padding:30px 10px;margin-bottom:40px}.aksi-content-title{margin-top:0;margin-left:25px;margin-bottom:5px;font-size:2rem;color:#0a0f1b}.aksi-submit{display:inline;margin-top:45px;margin-left:30px;transform:scale(1.1)}.aksi-content-label{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);row-gap:12px;column-gap:10px;padding:10px 35px;font-size:1.2rem;font-weight:500;margin-top:30px;margin-bottom:10px}.maju-spm-check{width:22px;height:22px;justify-self:start;align-self:center;accent-color:#00449C;cursor:pointer}.maju-spm-date{grid-column:3}.aksi-content-docs{display:flex;flex-direction:column;padding:0 30px;margin-bottom:60px}.docs-label,.docs-input{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-weight:500;text-align:center;margin-bottom:8px}.tup-sisa{display:flex;align-items:baseline;gap:20px;margin-left:30px}.tup-sisa-nilai{font-size:2.2rem;font-weight:600;color:#00449c}.tup-sisa-info{font-size:1rem;color:#5a6472}.tup-kosong{margin:0 0 0 30px;color:#5a6472}.tup-riwayat{margin:0 30px 12px}.tup-riwayat-judul{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:12px 20px;border:1px solid rgb(214,214,214);border-radius:12px;background-color:#f7fafd;color:#00204a;font-family:inherit;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer}.tup-riwayat-judul:hover{border-color:#00449c}.tup-riwayat-tanggal{font-weight:500;color:#5a6472}.tup-riwayat-isi{margin-top:12px;margin-bottom:24px}.aksi-content-heading{display:flex;align-items:start;gap:20px}.aksi-drpp-pajakfilter{display:flex;align-self:start;margin-top:5px;margin-left:50px}.docs-rincian{max-width:460px;margin:12px 0 26px;padding:14px 18px;border:1px solid #E4E9F0;border-left:4px solid #00449C;border-radius:12px;background:#f7fafd}.docs-rincian-title{display:block;margin-bottom:10px;font-size:.78rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#5a6472}.docs-rincian-row{display:flex;justify-content:space-between;gap:24px;padding:4px 0;color:#5a6472;font-weight:500}.docs-rincian-row span:last-child{font-variant-numeric:tabular-nums}.docs-rincian-total{margin-top:8px;padding-top:10px;border-top:1px solid #D8DEE8;color:#00204a;font-size:1.05rem;font-weight:600}.docs-btn{height:30px;border-radius:20px;border:solid .8px rgb(199,199,199);font-size:1rem;font-weight:500;padding:0 10px}.add-row-btn{display:inline-block;height:30px;width:150px;margin-top:10px;border-radius:20px;border:solid .8px rgb(199,199,199);font-size:1rem;font-weight:500;cursor:pointer;color:#fff;background-color:#1a284b}.type-btn{height:30px;width:230px;border-radius:20px;padding-left:10px;border:solid .8px rgb(199,199,199);font-size:1rem;font-weight:500}.span-row{border-radius:10px;font-family:Outfit,serif;font-size:.9rem;font-weight:400;text-wrap:wrap;height:70px;width:220px;grid-row:span 2}.aksi-content-label input[type=date].type-btn,.aksi-content-label input[type=number].type-btn,.aksi-content-label input[type=text].type-btn{width:220px}.aksi-content-label input[type=date]::-webkit-calendar-picker-indicator{position:relative;right:10px;cursor:pointer;opacity:1}.aksi-content-title{margin-bottom:20px}.lampiran-aksi-pengajuan{margin-left:32px;font-size:1.2rem;font-weight:500;margin-bottom:30px}.aksi-content-label.drpp-content{grid-template-rows:1fr;column-gap:0}.pjk-table{padding-top:40px;padding-bottom:40px}.filter-select2 select{margin-left:20px;width:180px}.form-verif{padding:10px 30px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(17,1fr);margin:10px 0}.form-verif label{font-size:1.2rem;font-weight:500}.form-verif input,.form-verif select,.form-verif button{height:30px;margin-top:0}.verif-buttons{padding:5px 30px;margin-top:30px;display:flex;gap:20px}.verif-btn{width:180px;height:32px;border-radius:15px;border:none;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;background-color:#00204a;transition:all .2s ease-in-out;box-shadow:0 1px 8px #00204a;margin-bottom:10px}.verif-btn:hover{transform:scale(1.1);background-color:#016ffc;box-shadow:0 1px 8px #016ffc}.verif-btn-pressed{background-color:#016ffc}.verif-submit-buttons{display:flex;justify-content:flex-end;gap:20px}.verif-find{grid-template-rows:1fr 1fr}.find-btn{margin-top:0;margin-left:0;margin-right:15px}.filter-monitoring{padding-top:0;padding-bottom:0}.upload-btn{display:flex;gap:20px;height:60px;align-items:center}.upload-btn-group{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.upload-name{font-size:1.1rem;font-weight:400}.upload-error{font-size:1.1rem;font-weight:500;color:#c62828}@media screen and (max-width:1400px){.Nav-link p{transform:scale(.8)}.footer p{transform:scale(.9)}.bg-card{max-width:1280px;height:auto;margin:5px 30px 20px;padding-bottom:20px}.kelola-tabs{max-width:1280px;margin:10px 30px 0;font-size:.9rem}.gup-panel{max-width:1280px;margin:5px 30px 0}.gup-title{font-size:1.3rem}.gup-legend-month{font-size:1.1rem}.gup-cell{min-height:54px}.gup-cell-day{font-size:.95rem}.dp-table-card{max-width:1280px}.dp-table{font-size:.84rem}.dp-table td{padding:10px 12px}.dp-detail{padding-left:40px}.dp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pengajuan-desc p{font-size:1rem}.pengajuan-desc button{width:180px;font-size:.9rem}.pengajuan-form-textdata{grid-template-columns:repeat(2,200px 1fr);font-size:.9rem}.pengajuan-form-tabledata{margin-top:20px}.pengajuan-form-tableinfo{font-size:.9rem}.embed-container{width:95%}.embed-container.embed2{width:72%}.card-title{font-size:1.08rem}}@media screen and (max-width:1400px){.Nav-bar{grid-template-columns:.5fr 1fr}}.side-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00204a59;z-index:1200}.side-panel{position:fixed;top:0;right:0;height:100%;width:480px;max-width:92vw;background:#fff;color:#00204a;z-index:1201;box-shadow:-2px 0 18px #00204a40;display:flex;flex-direction:column;overflow:hidden;padding:24px 0 0}.side-panel-title{margin:0 28px 20px;font-size:1.6rem}.side-panel .dokumen-gaji-form{max-width:none;padding:0 28px}.side-panel .form-submit{margin-left:0}.side-panel-close{position:absolute;top:14px;right:20px;border:none;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:#5a6472}.side-panel-close:hover{color:#00204a}.pembayaran-bp-form{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 28px}.bp-form-fields{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#00449C #E4E9F0}.bp-form-fields::-webkit-scrollbar{width:11px}.bp-form-fields::-webkit-scrollbar-track{background:#e4e9f0}.bp-form-fields::-webkit-scrollbar-thumb{background:#00449c;border-radius:10px;border:2px solid #E4E9F0}.bp-form-footer{flex:none;border-top:1px solid #E4E9F0;padding-top:12px;padding-bottom:28px;background:#fff}.bp-field{display:flex;flex-direction:column;margin-bottom:14px}.bp-field label{margin-bottom:6px;font-weight:500;color:#00204a}.bp-field-file{gap:6px;margin-top:12px;margin-bottom:26px}.docs-sp2d{max-width:470px;margin:4px 0 26px;padding:14px 18px 16px;border:1px solid #F0C36B;border-left:6px solid #E8A33D;border-radius:12px;background:#fff8e8;animation:docs-sp2d-attention 2.2s ease-in-out infinite}.docs-sp2d-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.docs-sp2d-head label{font-size:1.05rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#7a4b00}.docs-sp2d-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e8a33d;color:#fff;font-size:.95rem;font-weight:700;line-height:1}.docs-sp2d-badge{margin-left:auto;padding:3px 10px;border-radius:20px;background:#e8a33d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.docs-sp2d-body{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.docs-sp2d .type-btn{width:190px;height:38px;border:solid 1.5px #E8A33D;background:#fff;font-size:1.05rem;font-weight:600;color:#7a4b00}.docs-sp2d .type-btn:focus-visible{outline:2px solid #B26A00;outline-offset:1px}.docs-sp2d-hint{flex:1 1 170px;margin:0;font-size:.82rem;font-weight:500;line-height:1.35;color:#8a5a10}.docs-sp2d-filled{border-color:#b6e5c9;border-left-color:#0f9043;background:#f2fbf6;animation:none}.docs-sp2d-filled .docs-sp2d-head label{color:#0b5f2e}.docs-sp2d-filled .docs-sp2d-icon,.docs-sp2d-filled .docs-sp2d-badge{background:#0f9043}.docs-sp2d-filled .type-btn{border-color:#0f9043;color:#0b5f2e}.docs-sp2d-filled .docs-sp2d-hint{color:#3f7a57}@keyframes docs-sp2d-attention{0%,to{box-shadow:0 2px 10px #e8a33d40}50%{box-shadow:0 2px 20px #e8a33d99}}@media(prefers-reduced-motion:reduce){.docs-sp2d{animation:none;box-shadow:0 2px 10px #e8a33d59}}.bp-field-note{margin-top:12px;margin-bottom:26px}.bp-field-note textarea{height:auto;padding:8px 10px;border-radius:10px;font-family:inherit;font-weight:400;line-height:1.4;resize:vertical}.bp-keterangan{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:240px;overflow:hidden;white-space:normal;overflow-wrap:anywhere}.bp-field-file input[type=file]{padding:6px 0}.pembayaran-bp-form .type-btn{width:100%;box-sizing:border-box}.pembayaran-bp-form .form-submit{margin-left:0;margin-top:12px;margin-bottom:0}.pembayaran-bp-form .form-submit input{margin-right:20px;width:auto;padding:0 24px}.table-scroll-x{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#00449C #E4E9F0}.table-scroll-x::-webkit-scrollbar{height:11px}.table-scroll-x::-webkit-scrollbar-track{background:#e4e9f0;border-radius:0 0 10px 10px}.table-scroll-x::-webkit-scrollbar-thumb{background:#00449c;border-radius:10px;border:2px solid #E4E9F0}.table-scroll-x::-webkit-scrollbar-thumb:hover{background:#016ffc}.table-scroll-x .bp-freeze,.table-scroll-x .rk-freeze{position:sticky;box-sizing:border-box;z-index:1}.table-scroll-x .bp-freeze{background:#fff}.table-scroll-x thead .bp-freeze{background:#00449c;z-index:3}.table-scroll-x tbody tr:hover .bp-freeze{background:#f5f5f5}.table-scroll-x .rk-freeze{background:#fdfdfd}.table-scroll-x thead .rk-freeze{background:#f4f7fb;z-index:3}.table-scroll-x tbody tr:hover .rk-freeze{background:#f7faff}.table-scroll-x .bp-freeze-1{left:0;min-width:80px;max-width:80px}.table-scroll-x .bp-freeze-2{left:80px;min-width:150px;max-width:150px}.table-scroll-x .bp-freeze-3{left:230px;min-width:130px;max-width:130px;box-shadow:inset -1px 0 #d8dee8}.berkas-kurang{display:inline-flex;align-items:center;gap:4px;color:#b26a00;white-space:nowrap}.bp-toolbar{margin-top:40px}.berkas-kurang-ringkas{margin:0 0 12px 2%;padding-top:20px;color:#b26a00;font-weight:550}.rows-per-page{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:20px;font-size:1rem}.rows-per-page select{height:25px;font-size:1rem;font-family:Outfit,serif}.table-scroll-x .rk-freeze-1{left:0;min-width:150px;max-width:150px}.table-scroll-x .rk-freeze-2{left:150px;min-width:190px;max-width:190px;box-shadow:inset -1px 0 #d8dee8}.landing-page{min-height:100vh;width:100%;display:grid;grid-template-columns:1.6fr 1fr;background-image:url(/assets/BG-BJyAvNZ-.svg);background-repeat:no-repeat;background-size:cover;background-position:center}.landing-page-bakamla{position:fixed;left:75px;bottom:-45px}.landing-page-ship-img{width:1090px;height:auto;display:block;position:fixed;bottom:-25px;left:-160px;z-index:1}.landing-page-tulip{margin-top:50px;display:flex;justify-content:center}.landing-page-tulip-logo{width:190px;height:auto}.landing-title{color:#fff;margin:auto}.landing-h1{font-size:4.5rem;font-weight:800;letter-spacing:-1px;display:flex;justify-content:center;margin-top:15px;margin-bottom:0;color:#00449c}.h1-unique{display:flex;justify-content:center;color:#bd1404;margin-top:0}.landing-p{display:flex;justify-content:center;margin:0;font-size:1.38rem;word-spacing:-.5px;letter-spacing:-.5px;color:#00449c;font-weight:500}.slide-down{opacity:0;transform:translateY(-50px);animation:slideFadeIn .8s ease-out forwards}.slide-up{opacity:0;transform:translateY(50px);animation:slideFadeUp .8s ease-out forwards}.slide-right{transform:translate(-500px);animation:slideFadeRight 5s ease-out forwards}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFadeRight{0%{opacity:1;transform:translate(-500px)}to{opacity:1;transform:translate(0)}}.landing-buttons{margin-top:40px;display:flex;justify-content:space-evenly;align-items:center;gap:20px}.page-button-landing{height:55px;width:220px;border:none;border-radius:35px;background-color:#bd1404;color:#fff;align-items:center;justify-content:center;letter-spacing:-.5px;font-weight:600;font-size:1.3rem;transition:all .2s ease-in-out;cursor:pointer}.page-button-landing:hover{transform:scale(1.1)}.landing-page-decoration{display:flex;justify-content:center}.landing-page-hut-ri{margin-top:40px;width:240px;height:auto}.login-home{min-height:100vh;width:100%;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;background-image:url(/assets/BG-BLlxVeMX.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center}.login-left{margin:auto}.login-head{padding-top:0;padding-bottom:0;width:100%}.login-bg{margin-top:47px;padding-bottom:15px;width:480px;background-color:#fdfdfd;border-radius:55px;box-shadow:0 8px 30px #00000026}.login-title{padding-top:50px;padding-bottom:15px;display:grid;grid-template-rows:repeat(2,1fr);justify-items:center;color:#00449c}.login-title-1{margin:0;font-size:1.4rem;font-weight:100}.login-title-2{margin:0;font-size:1.4rem;font-weight:700}.login-content{display:flex;justify-content:center;margin-top:15px}.login-form{display:grid;grid-template-rows:repeat(3,1fr);margin-bottom:20px}.login-form a{margin:auto}.login-form input{margin:auto auto 20px;height:60px;width:340px;border:none;border-radius:18px;padding-left:25px;background-color:#ecebeb;font-size:1.1rem;font-weight:200}.login-form input[type=submit]{width:368px;padding-left:0;letter-spacing:.5px;background:linear-gradient(to right,#bd1404,#670f05);color:#fff;font-weight:600;font-size:1.2rem;cursor:pointer;transition:all .2s ease-in-out}.login-form input[type=submit]:hover{transform:scale(1.1)}.login-gaji-p1{display:flex;justify-content:center;margin-top:0;transition:all .2s ease-in-out;font-size:1.3rem;color:#00449c}.login-gaji-p1:hover{transform:scale(1.2)}.home-content{min-height:100vh;width:100%;display:grid;grid-template-rows:100px .98fr 2fr;background-image:url(/assets/Upper%20Ribbon-Co__35KT.svg);background-position:center top -100px;background-repeat:no-repeat;background-attachment:fixed}.full-navbar{display:flex}.notif-wrapper{position:relative;display:inline-flex;align-items:center;margin-right:15px}.navbar-notification{display:flex;align-items:center;transition:all .2s ease-in-out}.notif-white:hover{transform:scale(1.2);filter:drop-shadow(0px 2px 6px rgba(255,255,255,.8))}.notif-red:hover{transform:scale(1.2);filter:drop-shadow(0px 2px 6px rgba(250,62,62,.8))}.navbar-notification:active{transform:scale(1);transition:all .1s ease-in-out}.notif-popup-container{position:absolute;top:100%;right:0;margin-top:12px;width:400px;background-color:#fff;border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;overflow:hidden}.notif-popup-header{display:flex;justify-content:center;gap:60px;align-items:center;font-size:18px;height:50px;color:#00449c;background-color:#ffcf5f}.notif-arrows{transition:all .1s ease-in-out;display:flex}.notif-arrows:hover{transform:scale(1.3);filter:drop-shadow(0px 2px 6px rgba(150,190,253,.8))}.home-navbar{display:inline-block;margin:auto 40px;justify-self:flex-end}.home-navbar-content{height:40px;width:1020px;background-color:#fff;border:none;border-radius:35px}.home-button{height:40px;width:170px;border:none;border-radius:35px;color:#00449c;background-color:transparent;align-items:center;justify-content:center;letter-spacing:-.5px;font-weight:600;font-size:1.05rem;transform:scale(1);box-shadow:0 0 #ffcf5f00;transition:all .3s ease-in-out;cursor:pointer}.home-button:hover{background-color:#e3e3e3;box-shadow:0 3px 12px gray}.home-button-clicked{background-color:#ffcf5f;box-shadow:0 3px 12px #ffcf5f80}.home-button-clicked:hover{background-color:#fabd1f}.home-button-external:hover{background-color:#0b69de;color:#fff;box-shadow:0 3px 12px #074591}.home-button-logout:hover{background-color:#bd1404;box-shadow:0 3px 12px #5c0d01;color:#fff}.welcome-title{height:100%;margin-top:20px;color:#fff}.welcome-title-text{margin:0 0 0 80px}.welcome-title-year{margin-top:20px;margin-left:80px;font-size:1.8rem;display:flex;gap:20px}.welcome-title-year select{width:150px;font-size:1.8rem;background:transparent;border:none;color:#fff;font-weight:700;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:40px}.welcome-title-year select:focus{outline:none}.home-dashboard{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.home-dashboard-solo{grid-template-columns:1fr}.dashboard-title{font-size:2rem;font-weight:500;color:#00449c}.home-dashboard-left,.home-dashboard-right{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.home-dashboard-right{width:100%;height:100%}.dashboard-counts{width:88%;margin-bottom:10px}.dashboard-counts .dashboard-title{margin-bottom:14px}.dashboard-counts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dashboard-count-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 10px;background-color:#fff;border:1px solid rgb(214,214,214);border-radius:15px;box-shadow:0 2px 10px #00204a14}.dashboard-count-value{font-size:2.4rem;font-weight:600;line-height:1;color:#00449c}.dashboard-count-label{font-size:1rem;font-weight:500;color:#00204a}.dashboard-status-pjk{width:80%;height:70%;border:1px solid black;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.dashboard-realisasi{width:80%;background-color:#fff;border:1px solid rgb(214,214,214);border-radius:15px;padding:20px 25px;box-sizing:border-box}.dashboard-realisasi-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;color:#00204a}.dashboard-realisasi-note{margin-left:auto;font-style:italic;font-size:.9rem;color:#7a7a7a}.dashboard-realisasi-filter select{font-family:inherit;font-size:.95rem;padding:3px 6px;border-radius:8px;border:1px solid rgb(214,214,214)}.dashboard-realisasi-body{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.dashboard-realisasi-body>*:last-child{flex:1;min-width:260px}.dashboard-realisasi-empty{color:#00449c;font-size:1rem;text-align:center;padding:30px 0}.dashboard-pjk-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-pjk-card-icon{width:65px;height:65px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff}.dashboard-pjk-card-text{font-size:1.1rem;letter-spacing:-.3px;font-weight:600;color:#00449c;text-align:center}.page-button{height:60px;width:280px;min-width:250px;border:none;border-radius:35px;background-color:#1a284b;color:#fff;align-items:center;justify-content:center;font-family:Outfit,serif;font-weight:600;font-size:1.7rem;box-shadow:0 0 #ffffffa4;transition:all .2s ease-in-out;cursor:pointer}.page-button:hover{transform:scale(1.1);box-shadow:0 1px 30px #fff}.main-page{height:100vh}.main-page-navbar{height:95px;width:100%;display:grid;grid-template-columns:1fr 2fr;background-image:url(/assets/Ribbon%20Menu-QGGOHopS.svg);background-repeat:no-repeat;background-size:cover;background-position:center;align-items:center}.main-page-navbar a{text-decoration:none}.main-page-logo{display:flex;align-items:center;gap:15px;margin-left:30px;text-decoration:none}.main-navbar-h1{display:flex;justify-content:center;font-size:2.5rem;font-weight:800;margin:0;color:#fff}.main-navbar-p{display:flex;justify-content:center;margin:0;font-size:.85rem;word-spacing:-.5px;letter-spacing:-.5px;color:#fff;font-weight:400}.bendahara-home{min-height:70vh;max-width:100%;display:grid;grid-template-columns:240px auto;padding-bottom:0;align-items:start;grid-template-rows:1fr;transition:all .3s ease-in-out}.dash-tab{display:flex;flex-direction:column;min-height:100%;height:auto;background-color:#f5f6fa;width:230px;transform:translate(0);transition:transform .3s ease-in-out}.dash-title{background-color:#fff;display:flex;padding-left:31px;font-size:1.1rem;color:#00204a;border:1px solid rgb(214,214,214)}.page-content{width:100%;overflow-x:hidden;word-wrap:break-word;background-color:#fcfcfc;transition:width .3s ease-in-out}.content-title{color:#00204a;padding:25px 51px 20px;margin:0;font-size:2.5rem}.dash-content{height:70vh;flex-grow:1;display:flex;flex-direction:column;background-color:#fff;border:1px solid rgb(214,214,214);border-top:0px}.dash-button.dash-bottom{margin-top:auto;margin-bottom:10px}.padd-span-bend{padding-left:20px}.dash-button{display:flex;align-items:center;margin:10px 10px 0;padding-left:20px;padding-top:10px;padding-bottom:10px;font-size:1rem;background-color:#fff;color:#00204a;border:none;border-radius:25px}.dash-button:hover{background-color:#e5e7ec}.btn-selected{background-color:#00449c;color:#fff}.btn-selected:hover{background-color:#00204a}.dash-user{background-color:#fff;display:flex;align-items:center;padding-left:26px;font-size:1.3rem;color:#00204a;border:1px solid rgb(214,214,214);border-top:0px;font-weight:500}.hidden-sidebar{width:0;overflow:hidden;transform:translate(-100%)}.bendahara-home.sidebar-hidden{grid-template-columns:20px auto}.full-width{transition:width .3s ease-in-out}.toggle-sidebar-btn.inside-sidebar{height:35px;width:35px;z-index:100;padding:auto;margin:auto;background-color:#00204a;color:#fff;border:none;cursor:pointer;border-radius:50%}.toggle-sidebar-btn.inside-sidebar:hover{background-color:#00449c}.toggle-sidebar-btn.outside-sidebar{position:absolute;left:10px;top:120px;width:35px;height:35px;padding:auto;background-color:#00204a;color:#fff;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100}.toggle-sidebar-btn.outside-sidebar:hover{background-color:#00449c}.gaji-page{background-color:#fcfcfc;min-height:100vh;width:100%;display:grid;grid-template-rows:auto auto auto;align-items:start;gap:20px;padding-bottom:30px}.gaji-title{width:90%;height:210px;background-image:url(/assets/Ribbon%20Menu-QGGOHopS.svg);background-repeat:no-repeat;background-size:cover;background-position:center;margin:auto;padding:5%;color:#fff;font-size:2.1rem;position:sticky;top:0;z-index:100;transition:transform .3s ease-in-out}.gaji-title.hidden{transform:translateY(-100%)}.gaji-title h1,.gaji-title h3{margin-top:0;margin-bottom:0}.gaji-button{margin-top:30px;width:400px;display:flex;align-items:center;align-self:center;background-color:#00204a;box-shadow:0 1px 10px #00204a;cursor:pointer;font-size:1.5rem}.gaji-button:hover{background-color:#016ffc;box-shadow:0 1px 20px #016ffc}.gaji-buttonList{display:flex;justify-content:center;gap:50px;margin-bottom:15px}.gaji-title-desc{display:inline-block;margin-bottom:15px;font-size:1.5rem;cursor:pointer;transition:all .2s ease-in-out}.gaji-title-desc:hover{transform:scale(1.1)}.gaji-content{width:90%;min-height:200px;height:auto;margin-top:50px;padding-left:5%;padding-right:5%;font-size:2rem;color:#00204a}.gaji-content h2{margin-top:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.gaji-desc{width:96%;min-height:200px;height:auto;background-color:#fff;border:1px solid rgb(214,214,214);border-radius:20px;padding:15px 2% 20px;overflow-wrap:break-word}.gaji-desc-head{margin:30px 0 20px}.gaji-desc-body{margin-top:0;margin-bottom:15px;font-size:1.4rem}.gaji-table{min-height:200px;height:auto;margin-bottom:20px}.lihat-antri-table{width:100%}.table-cell{padding:10px;word-break:keep-all;white-space:nowrap}.head-data{font-weight:550;font-size:1.1rem}.lihat-antri-pagination{display:flex;justify-content:center;margin-top:20px}.gaji-guide{display:flex;justify-content:center;min-height:100px;height:auto;width:100%;margin-bottom:50px}.gaji-img{width:50%}@media screen and (min-width:1900px){.landing-page-ship-img{width:1450px}.home-content{background-position:center top -200px}}@media screen and (min-width:2000px){.landing-page-ship-img{width:1800px}.home-content{background-position:center top -260px}}@media screen and (min-width:3000px){.landing-page-ship-img{width:2050px}.home-content{background-position:center top -320px}}@media screen and (min-width:1720px)and (max-width:1899px){.home-content{background-position:center top -180px}.welcome-title{margin-top:45px}.landing-page-ship-img{width:1300px}}@media screen and (max-width:1400px){.dashboard-realisasi{width:90%}.dashboard-realisasi-note{margin-left:0;width:100%;font-size:.8rem}.landing-title h1{font-size:3.5rem}.landing-buttons{width:100%}.login-logo{height:75px;width:75px}.login-bg{margin-top:30px;width:480px}.login-title{grid-template-rows:63px 35px 1fr}.title-1,.title-2{display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;font-size:1.7rem}.title-1{height:55px}.login-title h3{font-size:1.3rem}.login-form{margin-bottom:25px;grid-template-rows:repeat(3,50px)}.login-form input{height:32px;width:300px}.login-form input[type=submit]{width:330px;height:30px}.login-gaji{grid-template-rows:30px 1fr;font-size:.9rem}.login-gaji-p2{margin-bottom:30px}.home-content{position:fixed;top:0;bottom:0;overflow-x:scroll}.welcome-title{padding-top:30px}.welcome-title,.welcome-buttons button{transform:scale(.8)}.welcome-buttons button:hover{transform:scale(.9)}.dash-title{padding-left:25px}.dash-title h2{transform:scale(.9)}.padd-span-bend{padding-left:15px}.dash-content button{transform:scale(1);font-size:.9rem}.dash-user{font-size:1.1rem}.content-title{padding:25px 35px 20px;font-size:2rem}}@media screen and (max-width:768px){.landing-page-ship-img{width:250px}.landing-title h1{font-size:2.5rem;text-align:center;margin-top:15px}.landing-title h2{font-size:2.2rem;text-align:center;margin-top:10px}.landing-title h4{font-size:1.5rem;text-align:center}.landing-buttons{margin-top:40px;width:90%;flex-direction:column;gap:20px}.landing-buttons .page-button{width:100%;font-size:1.5rem}.login-home{padding:15px}.login-bg{width:90%;max-width:450px}.login-logo{height:70px;width:70px}.title-1,.title-2{font-size:1.8rem}.login-title h3{font-size:1.4rem}.login-form input{width:210px}.login-form input[type=submit]{width:240px;height:30px}.welcome-title h1{font-size:3rem;text-align:center;min-width:unset;width:100%}.welcome-buttons{flex-direction:column;gap:20px}.page-button{width:100%;font-size:1.5rem}.bendahara-home{grid-template-columns:200px auto}.dash-tab{width:200px}.dash-title h2{font-size:1.2rem}.dash-button{font-size:.9rem;padding-left:15px}.padd-span-bend{padding-left:10px}.dash-user{font-size:1rem;padding-left:20px}.content-title{font-size:1.8rem;padding:20px 30px 15px}.toggle-sidebar-btn.outside-sidebar{top:100px;left:5px}.gaji-page{grid-template-rows:auto auto auto}.gaji-title{width:95%;height:auto;padding:30px 5%}.gaji-buttonList{flex-direction:column;gap:20px;align-items:center}.gaji-button{width:400px;max-width:650px}.gaji-content{width:95%;height:auto;margin-bottom:30px}.gaji-desc{height:auto;min-height:300px;padding:15px}.gaji-table{overflow-x:auto;height:auto;min-height:200px}.table-cell{font-size:.9rem;padding:8px}.head-data{font-size:.95rem!important}.lihat-antri-pagination{display:flex;justify-content:center;margin-top:15px}}@media screen and (max-width:576px){.landing-page-ship-img{width:180px}.landing-title h1{font-size:2rem}.landing-title h2{font-size:1.6rem;margin-top:16px}.landing-title h4{font-size:1.2rem}.landing-buttons{margin-top:30px}.landing-buttons .page-button{height:50px;font-size:1.5rem;transform:scale(.9)}.login-home{padding:10px}.login-bg{width:100%;max-width:350px;margin-top:20px}.login-logo{height:60px;width:60px}.title-1,.title-2{font-size:1.4rem}.login-title h3{font-size:1.2rem}.login-form input{width:250px;height:30px}.login-form{grid-template-rows:repeat(3,45px);margin-bottom:20px}.welcome-title h1{font-size:2.5rem;text-align:center;min-width:unset;width:100%}.welcome-buttons{flex-direction:column}.page-button{width:100%;font-size:1.5rem}.bendahara-home,.bendahara-home.sidebar-hidden{grid-template-columns:0 auto}.dash-tab{width:180px;position:fixed;z-index:1000;height:100%;box-shadow:2px 0 10px #0003}.dash-title h2{font-size:1.1rem}.dash-button{font-size:.85rem;padding-left:10px;margin:8px 8px 0}.dash-user{font-size:.9rem;padding-left:15px}.content-title{font-size:1.5rem;padding:15px 20px 10px}.page-content{width:100%;margin-left:0}.page-content.full-width{width:100%}.toggle-sidebar-btn.outside-sidebar{top:80px;left:5px;width:30px;height:30px}.toggle-sidebar-btn.inside-sidebar{width:30px;height:30px}.gaji-page{width:100vw}.gaji-title{height:auto;font-size:1.5rem}.gaji-buttonList{flex-direction:column}.gaji-button{width:350px;font-size:1.2rem}.gaji-title-desc{font-size:1.1rem}.gaji-content{width:90%;font-size:1.5rem;height:auto}.gaji-guide{margin-bottom:0}.gaji-img{width:100%}.gaji-desc{height:auto;padding:10px}.gaji-desc-body{font-size:1.1rem}.gaji-content h2{font-size:1.3rem;margin-bottom:10px}.gaji-desc-head{font-size:1.2rem;margin:15px 0 10px}.table-cell{font-size:.8rem;padding:6px}.head-data{font-size:.85rem!important}.lihat-antri-pagination{margin-top:10px}.pagination{transform:scale(.9)}}@media screen and (max-width:1600px){.home-content{background-size:1650px auto}}@media screen and (max-height:900px){.home-content{background-position:center top -150px}}@media screen and (max-height:800px){.home-content{background-position:center top -200px}}@media screen and (max-height:700px){.home-content{background-position:center top -250px}}@media screen and (max-height:600px){.home-content{background-position:center top -300px}}.dokumen-gaji-form{display:flex;flex-direction:column;max-width:620px;padding:10px 35px}.dokumen-gaji-form label{margin-bottom:6px;font-weight:500;color:#00204a}.dokumen-gaji-form .type-btn{margin-bottom:18px;width:100%}.dokumen-gaji-form textarea.type-btn{height:auto;min-height:76px;padding:8px 10px;border-radius:10px;box-sizing:border-box;font-family:inherit;font-weight:400;line-height:1.4;resize:none;overflow:hidden}.dokumen-gaji-file{display:flex;flex-direction:column;margin-bottom:18px}.dokumen-gaji-file-error{margin-top:6px;color:#eb2727;font-size:.85rem}.dokumen-gaji-file-current{margin-top:6px;color:#5a6472;font-size:.85rem}.dokumen-gaji-form .form-submit{margin-left:0}