#kt_header,.header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:65px!important;min-height:65px!important;max-height:65px!important;margin-top:0!important;padding:0 1rem!important;display:flex!important;align-items:center!important;z-index:1040!important;box-sizing:border-box!important}#kt_header .container-fluid,#kt_header .d-flex{align-items:center!important}#kt_header_user_menu_toggle{display:flex!important;align-items:center!important;height:auto!important}.basemap-group{height:auto!important;max-height:36px!important;align-items:center!important}.basemap-btn{height:28px!important;max-height:28px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.map-ctrl-btn{width:32px!important;height:32px!important;max-height:32px!important;box-sizing:border-box!important}.coord-display{height:28px!important;max-height:28px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;white-space:nowrap!important}@media(max-width:1200px){.coord-display{font-size:10px!important;padding:3px 10px!important;height:26px!important;max-height:26px!important;bottom:8px!important;right:8px!important;z-index:10!important}.container-xxl{padding-left:.75rem!important;padding-right:.75rem!important}.card.card-flush.p-6,.card.card-flush>.card-body.p-6{padding:1.25rem!important}.label-section{font-size:1.25rem!important}#home .btn{padding:.5rem 1rem!important;font-size:.875rem!important}.header-section-filters,.header-section .row{gap:.5rem 0!important}.card.card-flush.mt-3{max-height:none!important;height:auto!important;overflow:visible!important}.card-body.p-0.d-flex{flex-direction:column!important;max-height:none!important;height:auto!important;overflow:visible!important}.card-body.p-0.d-flex>div:first-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:320px!important;border-right:none!important;border-bottom:1px solid #e4e6ef!important;flex-shrink:0!important;overflow-y:auto!important}.card-body.p-0.d-flex>div:last-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:500px!important;min-height:500px!important;position:relative!important;flex-shrink:0!important}.card-body.p-0.d-flex>div:last-child>div{width:100%!important;height:100%!important;min-height:490px!important;position:relative!important}#geoserver-map,#map-container,.leaflet-container{height:100%!important;min-height:490px!important}.map-overlay-panel,.filter-data-panel{max-width:340px!important;z-index:1000!important}.btn-detail-responsive{position:relative!important;top:auto!important;right:auto!important;left:auto!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important;margin-top:.25rem!important;margin-bottom:.5rem!important;display:inline-flex!important;justify-content:center!important}.card-pattern{opacity:.06!important}#persil .col-md-6,#bangunan .col-md-6,#lansia .col-md-6,#donasi .col-md-6,#tren .col-md-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:1rem!important}#persil .col-12.col-lg-6,#persil .col-12.col-xl-6,#persil .col-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:.5rem!important}#kesehatan .col-md-3{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:1rem!important}#kesehatan .col-md-9{width:100%!important;max-width:100%!important;flex:0 0 100%!important}#kesehatan .row.g-0>.col-3,#kesehatan .row.g-0>.col-4{width:50%!important;flex:0 0 50%!important;margin-bottom:1rem!important;border-right:none!important}#penduduk .row-cols-lg-5>.col,#penduduk .row-cols-md-3>.col,#penduduk .row-cols-sm-3>.col,#penduduk .row-cols-sm-2>.col,#penduduk .row-cols-1.row-cols-sm-2>.col,#penduduk .row-cols-1.row-cols-sm-3>.col{width:50%!important;max-width:50%!important;flex:0 0 50%!important}.penduduk-row{flex-direction:column!important}.penduduk-surabaya-col,.penduduk-non-surabaya-col{width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 100%!important}#kesehatan .border-end,#kesehatan .row.g-0>div,#kesehatan .row.g-0>[class*=col-]{text-align:center!important}#kesehatan .border-end .d-flex,#kesehatan .row.g-0>div .d-flex,#kesehatan .row.g-0>[class*=col-] .d-flex{justify-content:center!important}#bangunan .row-cols-lg-4>.col,#bangunan .row-cols-lg-3>.col,#bangunan .row-cols-md-3>.col,#bangunan .row-cols-md-2>.col{width:50%!important;flex:0 0 50%!important}.fs-1{font-size:2rem!important}.fs-2{font-size:1.5rem!important}.fs-3{font-size:1.3rem!important}.fs-4{font-size:1.15rem!important}.fs-5{font-size:1.05rem!important}.fs-6{font-size:.925rem!important}.fs-7{font-size:.825rem!important}.modal-dialog{max-width:94%!important;margin:1rem auto!important}.modal-content{max-height:90vh!important;display:flex!important;flex-direction:column!important}.modal-header{padding:1rem 1.25rem!important}.modal-header .modal-title{font-size:1.2rem!important;line-height:1.3!important;word-break:break-word!important}.modal-body{padding:1rem!important;overflow-x:auto!important;overflow-y:auto!important;max-height:calc(90vh - 130px)!important;-webkit-overflow-scrolling:touch!important}.modal-body .table-responsive{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:.5rem!important}.modal-body table th,.modal-body table td{white-space:nowrap!important;font-size:.825rem!important;padding:.5rem .65rem!important}.modal-footer{padding:.75rem 1rem!important;flex-wrap:wrap!important;gap:.5rem!important}.header-3d-img svg{width:180px!important;height:auto!important}.header-penduduk-title{font-size:1.25rem!important}.card-jiwa-kk-badge{padding:.35rem .85rem!important;gap:.5rem!important}.card-jiwa-kk-badge-text{font-size:1.05rem!important}}@media(max-width:599px){.container-xxl{padding-left:.5rem!important;padding-right:.5rem!important}.card.card-flush.p-6,.card-body.p-6,.card-body.p-5,.card-body.p-4{padding:.75rem!important}.card.card-flush{border-radius:.75rem!important}#home .btn,.label-section{font-size:.95rem!important}#home .d-flex{flex-direction:column!important;width:100%!important;gap:.5rem!important}#home .btn{width:100%!important}.card-body>.d-flex.align-items-center.justify-content-between,.card-body>.d-flex.justify-content-between,.header-section .d-flex.align-items-center.justify-content-between{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.card-body h2,.card-body h3{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.35rem .5rem!important;width:100%!important}.card-body h2>span[style*=border-left],.card-body h3>span[style*=border-left]{display:none!important}.card-body h2>span,.card-body h3>span{margin-left:0!important}button.d-flex,button.w-100,.desil-kemiskinan-accordion button{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}button.d-flex>span,button.d-flex>div,.desil-kemiskinan-accordion button>span{white-space:nowrap!important}.header-section .col-12,.header-section .col-md-3,.header-section .col-sm-6{width:100%!important;flex:0 0 100%!important}.card.card-flush.mt-3{max-height:none!important;height:auto!important;overflow:visible!important}.card-body.p-0.d-flex{flex-direction:column!important;max-height:none!important;height:auto!important;overflow:visible!important}.card-body.p-0.d-flex>div:first-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:280px!important;border-right:none!important;border-bottom:1px solid #e4e6ef!important;flex-shrink:0!important;overflow-y:auto!important}.card-body.p-0.d-flex>div:last-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:350px!important;min-height:350px!important;position:relative!important;flex-shrink:0!important}.card-body.p-0.d-flex>div:last-child>div{width:100%!important;height:100%!important;min-height:340px!important;position:relative!important}#geoserver-map,#map-container,.leaflet-container{width:100%!important;height:100%!important;min-height:340px!important;display:block!important;position:relative!important}.map-ctrl-group,.basemap-group,.coord-display{display:none!important}.map-overlay-panel,.filter-data-panel{width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin-bottom:.75rem!important;box-shadow:none!important}#persil .col-6,#persil .col-12,#persil .col-md-6,#persil .col-lg-6,#bangunan .col,#bangunan .col-6,#bangunan .col-md-6,#bangunan .row-cols-2>.col,#bangunan .row-cols-md-2>.col,#bangunan .row-cols-md-3>.col,#bangunan .row-cols-lg-3>.col,#bangunan .row-cols-lg-4>.col,#penduduk .col-md-6,#penduduk .row-cols-2>.col,#penduduk .row-cols-1.row-cols-sm-2>.col,#penduduk .row-cols-1>.col,#donasi .col-md-6,#lansia .col-md-6,#edukasi .col-md-6,#kesehatan .col-md-6,#tren .col-md-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:.75rem!important}#kesehatan .row.g-0>div,#kesehatan .row.g-0>[class*=col-]{width:100%!important;max-width:100%!important;flex:0 0 100%!important;border-right:none!important;border-bottom:1px dashed var(--gray-300)!important;padding-left:.5rem!important;padding-right:.5rem!important;padding-bottom:.75rem!important;margin-bottom:.75rem!important}#penduduk .row-cols-lg-5>.col,#penduduk .row-cols-md-3>.col,#penduduk .row-cols-sm-3>.col,#penduduk .row-cols-1.row-cols-sm-3>.col,#penduduk .row-cols-2>.col,#lansia .row-cols-2>.col,#lansia .row-cols-md-2>.col,#lansia .row-cols-lg-5>.col,#edukasi .row-cols-2>.col,#donasi .row-cols-2>.col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}#penduduk .d-flex.align-items-center.justify-content-center.gap-3{flex-direction:column!important;gap:.5rem!important}#bangunan .d-flex.rounded-pill{flex-direction:column!important;border-radius:.75rem!important;gap:.35rem!important}#bangunan .d-flex.rounded-pill button{border-radius:.5rem!important;width:100%!important;justify-content:center!important;padding:.5rem!important}#desil iframe{height:380px!important;min-height:380px!important}.fs-1{font-size:1.5rem!important}.fs-2{font-size:1.25rem!important}.fs-3{font-size:1.1rem!important}.fs-4{font-size:1rem!important}.fs-5{font-size:.9rem!important}.fs-6{font-size:.825rem!important}.fs-7{font-size:.75rem!important}.badge{white-space:normal!important;text-align:center!important;word-break:break-word!important;padding:.35em .65em!important}h2 span,h3 span{word-break:break-word!important}h2>span[style*=border-left]{display:none!important}.modal-dialog{max-width:98%!important;margin:.35rem auto!important}.modal-content{max-height:94vh!important;border-radius:.75rem!important;display:flex!important;flex-direction:column!important}.modal-header{padding:.75rem 1rem!important}.modal-header .modal-title{font-size:1.05rem!important;line-height:1.3!important;word-break:break-word!important}.modal-body{padding:.75rem!important;max-height:calc(94vh - 120px)!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-body .d-flex.align-items-center.justify-content-between,.modal-body .d-flex.align-items-center.gap-3,.modal-body .d-flex.gap-2{flex-wrap:wrap!important;gap:.5rem!important}.modal-body .select-single,.modal-body .input-group,.modal-body .btn-export{width:100%!important;max-width:100%!important}.modal-body .table-responsive,.table-responsive{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.modal-body table th,.modal-body table td,.table th,.table td{white-space:nowrap!important;font-size:.775rem!important;padding:.4rem .5rem!important}.modal-footer{padding:.5rem .75rem!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:.5rem!important}.modal-footer .btn{font-size:.8rem!important;padding:.4rem .75rem!important}.header-3d-img svg{width:130px!important;height:auto!important}.header-penduduk-title{font-size:1.05rem!important}.card-jiwa-kk-badge{padding:.25rem .65rem!important;gap:.35rem!important}.card-jiwa-kk-badge-text{font-size:.9rem!important}}:root{--blue-900: #1e3a8a;--blue-800: #1D4ED8;--blue-700: #2563eb;--blue-600: #3b82f6;--blue-500: #60a5fa;--blue-400: #93c5fd;--blue-300: #bfdbfe;--blue-200: #dbeafe;--blue-100: #eff6ff;--purple-900: var(--blue-900);--purple-800: var(--blue-800);--purple-700: var(--blue-700);--purple-600: var(--blue-600);--purple-500: var(--blue-500);--purple-400: var(--blue-400);--purple-300: var(--blue-300);--purple-200: var(--blue-200);--purple-100: var(--blue-100)}:root{--info-light: #f8f5ff;--blue-light: #eff6ff;--purple-light: var(--blue-light);--green-light: #078e36;--green-soft: #eafff1;--info-soft: #eff6ff;--red-soft: #ffeef3;--warning-soft: #fff8dd;--gray-secondary: #f8fafc;--gray-100: #f9f9f9;--gray-200: #f4f4f4;--gray-300: #d9dbe4;--gray-500: #a1a5b7;--gray-600: #7e8299;--gray-700: #5e6278;--gray-800: #3f4254;--gray-muted: #e2e8f0;--green-primary: #04b440;--blue-primary: #1D4ED8;--purple-primary: var(--blue-primary);--pink-primary: #ff1bca;--red-primary: #d81a48;--info-primary: #1D4ED8;--border-primary: #dbdfe9;--orange-primary: #fc9003;--yellow-primary: #f6b100;--text-primary: #0a0a0a;--text-info: #289dff;--bg-warning: #ffc80d;--bg-primary: #1D4ED8;--bg-info: #1b84ff;--bg-subtitle: #f1f1f4;--bg-peach: #fee9e7;--red-border: #ec221f;--info-active: #1e40af;--warning-active: #a46a04;--text-success: #007c4c;--button-info: #0050ae;--info-hover: #50bdff;--system-error: #b71932;--danger-hover: #ff6d8d;--soft-blue: #f2f3fc;--peach-blue: #d7e2ff;--white: #ffffff;--black: #000000}.label-section{font-weight:700!important;color:var(--info-primary)}.label-sumber-data{font-weight:400!important;color:var(--gray-500)}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fs-7{font-size:.875rem!important}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.bg-app-primary{background-color:var(--info-primary);color:var(--white)}.bg-red{background-color:#e84c3d}.btn-red{background-color:#e84c3d;color:#fff}.text-red{color:#e84c3d}.bg-light-red{background-color:#fce8e7}.btn-light-red{background-color:#fce8e7;color:#e84c3d}.btn-yellow{background-color:#f6bf00;color:"white"}.mx-input{padding:20px 10px!important;font-size:1.1rem!important;line-height:1.5!important;color:#000!important;border:1px solid #e4e6ef;width:100%!important}.mx-datepicker{width:100%!important}.bg-warning-orange{background-color:#fc9003!important}.card-pattern{position:absolute;top:0;left:0;bottom:0;pointer-events:none;display:grid;grid-template-columns:repeat(3,755px);align-content:start;z-index:0;opacity:.15}.card-pattern path{stroke:#d1d5db!important}.card-pattern svg{display:block;width:755px;height:755px}.card-pattern g{opacity:1!important}.card-pattern~*{position:relative;z-index:1}