#player::-webkit-media-controls{display:none!important}body{background-color:var(--ews-bg-body,#1d2045);height:100vh;margin:0;padding-bottom:0}html{height:100vh}.full-height{height:100%}@media (min-width:1200px){body[data-layout-mode=horizontal] .container-fluid{max-width:100%}}body[data-layout-mode=horizontal] .content-page{padding:0;margin-top:70px;height:calc(100vh - 70px)}@media (min-width:768px){.col-left{padding-left:0;padding-right:0;flex:0 0 auto;width:27%}.col-center{padding-left:0;padding-right:0;flex:0 0 auto;width:47%}.col-right{padding-left:0;padding-right:0;flex:0 0 auto;width:26%}}.col-left .card-header{padding:.5rem}.col-right .card,.col-right .card-header{background-color:#161a3d;border-radius:6px}.nav-link{font-size:.8rem;padding:.5rem .6rem}.nav-link .badge{font-size:.7rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#2d3368}.nav-tabs{border:none;padding-bottom:0}.nav-pills>li>a,.nav-tabs>li>a{font-weight:500}#map{height:100%;border-radius:0}.row-center-1{height:92%;padding-left:0;padding-right:0;padding-bottom:0}.row-center-2{height:8%;padding-left:0;padding-right:0}.row-right-1{height:25%;padding-left:7.5px;padding-right:7.5px;padding-bottom:.5rem}.row-right-2{height:75%;padding-left:7.5px;padding-right:7.5px}.card{background-color:#252b5b;border-radius:0}.card-header{background-color:#252b5b;border-bottom:1px solid #293067}.card-header:first-child{border-radius:6px 6px 0 0}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center;margin:3px}.nav-pills .nav-link{border-radius:4px}.navtab-bg{background-color:#1d2045}.navtab-bg .nav-link{background-color:#fff;color:#a7aac1}.nav-tabs .nav-link{border-top-radius:4px;background-color:#1d2045;color:#a7aac1;margin:0}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#1d2045;background-color:#e9eaf0}.nav-tabs .nav-link.active,.nav-tabs .show>.nav-link{color:#d0d1d8;background-color:#252b5b;border-color:#252b5b}.shine{background:rgba(255,255,255,.06);background-image:linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.14) 45%,rgba(255,255,255,.04) 90%);background-size:220% 100%;background-repeat:no-repeat;display:inline-block;position:relative;animation:1.35s ease-in-out infinite placeholderShimmer}.box-shine-1{height:.7rem;width:50%;border-radius:6px;margin-top:.5rem}.box-shine-2{height:.7rem;width:75%;border-radius:6px}.box-shine-3{height:.7rem;width:100%;border-radius:6px}.skel{position:relative;overflow:hidden;display:block;background:rgba(148,163,208,.14);border-radius:6px;flex-shrink:0}.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 35%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.08) 65%,transparent 100%);animation:1.45s ease-in-out infinite skelSweep}.dashboard-skel-station:nth-child(2) .skel::after{animation-delay:80ms}.dashboard-skel-station:nth-child(3) .skel::after{animation-delay:.16s}.dashboard-skel-station:nth-child(4) .skel::after{animation-delay:.24s}.dashboard-skel-group:nth-child(2) .skel::after{animation-delay:.12s}.dashboard-skel-group:nth-child(3) .skel::after{animation-delay:.22s}.dashboard-skel-chart__bars .skel-chart-bar:nth-child(odd)::after{animation-delay:.1s}.dashboard-skel-chart__bars .skel-chart-bar:nth-child(3n)::after{animation-delay:.2s}.skel-tab{width:2.4rem;height:.55rem;margin:.15rem auto;border-radius:999px}.skel-tab--lg{width:4.25rem}.skel-dot{width:.55rem;height:.55rem;border-radius:50%}.skel-line{height:.65rem;width:100%;border-radius:999px}.skel-line--title{height:.8rem}.skel-line--value{width:2.4rem;height:1rem;margin:0 auto .35rem}.skel-line--sm{height:.55rem}.skel-line--xs{height:.45rem}.skel-chip{width:2.35rem;height:.85rem;border-radius:4px}.skel-pill{width:3.1rem;height:.7rem;border-radius:999px}.skel-badge{width:3.6rem;height:1.15rem;border-radius:6px}.skel-bar{width:100%;height:.45rem;border-radius:999px}.skel-stat-value{width:1.85rem;height:1.1rem;margin:.15rem auto;border-radius:5px}.skel-chart-bar{width:100%;min-height:1.25rem;border-radius:4px 4px 2px 2px;align-self:flex-end}.dashboard-skel-tabs .nav-link{pointer-events:none;min-height:2.35rem;display:flex;align-items:center;justify-content:center}.dashboard-skel-content{padding-top:.15rem}.dashboard-skel-group{margin-bottom:.65rem}.dashboard-skel-group__header{display:flex;align-items:center;gap:.45rem;padding:.45rem .35rem .55rem}.dashboard-skel-station{margin:0 .15rem .45rem;padding:.7rem .7rem .65rem;border-radius:10px;background:rgba(15,23,48,.45);border:1px solid rgba(148,163,208,.12);box-shadow:0 8px 18px -14px rgba(0,0,0,.55)}.dashboard-skel-station__top{display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem}.dashboard-skel-station__title{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.dashboard-skel-station__title-main{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;flex:1}.dashboard-skel-station__meta{display:flex;gap:.35rem;margin-bottom:.7rem}.dashboard-skel-station__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.65rem}.dashboard-skel-metric{display:flex;flex-direction:column;align-items:center;gap:.25rem}.dashboard-skel-station__bar{padding-top:.1rem}.right-info-pos.is-loading .dashboard-skel-stat .stat-icon{opacity:.35}.chart-hari-ini-host.is-loading{min-height:9rem;display:flex;align-items:stretch}.dashboard-chart-shimmer{width:100%;padding:.25rem .1rem .1rem}.dashboard-skel-chart{height:8.5rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem}.dashboard-skel-chart__bars{flex:1;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:.28rem;min-height:0}.dashboard-skel-chart__axis{padding:0 .1rem}.right-station-hint.is-skel-loading #chart-hari-ini-station-date,.right-station-hint.is-skel-loading #chart-hari-ini-station-name{min-height:.85rem}@keyframes placeholderShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes skelSweep{0%{transform:translateX(-100%)}100%,60%{transform:translateX(100%)}}html[data-dashboard-theme=light] .skel{background:rgba(100,116,139,.16)}html[data-dashboard-theme=light] .skel::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.35) 35%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.35) 65%,transparent 100%)}html[data-dashboard-theme=light] .dashboard-skel-station{background:rgba(255,255,255,.72);border-color:rgba(148,163,184,.35);box-shadow:0 8px 16px -14px rgba(15,23,42,.25)}.card-station{background-color:#2f3567;color:#9295ad;border-radius:0;margin-bottom:.25rem;box-shadow:rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.05) 0 4px 6px -2px}.card-station .card-header{background-color:#2f3567;border-bottom:1px solid #293067;font-size:1.2rem;padding:.4rem 1rem;border-radius:0}.card-station .card-footer{background-color:#2f3567;border-top:1px solid #293067;font-size:1.2rem;padding:.4rem 1rem;border-radius:0}.card-station .card-body{padding:.7rem}.card-station h4{color:#d3d4de;font-size:.75rem}.col-intensity img{height:2.1rem;filter:drop-shadow(0 0 7px #fff);-webkit-filter:drop-shadow(0 0 7px #fff)}.card-station .col-intensity h4{font-size:.7rem;font-style:italic}.reading-text{font-size:.7rem}.reading-text h4{font-size:1rem;margin-bottom:.5rem}.reading-text .col-4{font-size:.65rem}.reading-at{font-size:.75rem;white-space:nowrap}.reading-device{margin:0;font-size:.7rem}h4.text-status-normal{color:#12cdfc}h4.text-status-siaga3{color:#09fe02}h4.text-status-siaga2{color:#fdfe01}h4.text-status-siaga1{color:#f40a07}.progress-meter{min-height:6px}.progress-meter>.meter{position:relative;float:left;min-height:6px;border:0 solid #cfcece}.progress-meter>.meter:hover{cursor:pointer}.progress-meter>.meter-normal{background-color:#0029fe;border-top-left-radius:8px;border-bottom-left-radius:8px}.progress-meter>.meter-waspada{background-color:#09fe02}.progress-meter>.meter-siaga{background-color:#fdfe01}.progress-meter>.meter-awas{background-color:#f40a07;border-top-right-radius:8px;border-bottom-right-radius:8px}.progress-meter>.meter-left{border-left-width:1px}.progress-meter>.meter>.meter-text{position:absolute;display:inline-block;bottom:-18px;width:100%;font-weight:600;font-size:.65em;color:#a0a0a0;text-align:left}.running-text{white-space:nowrap;color:#ffc828;font-size:1.15rem}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.monitoring-text-header{font-size:.9rem;color:#d0d1d8;border-top:1px solid #222755;border-bottom:1px solid #222755;padding:.8rem 1rem;font-weight:500}.monitoring-body{padding:1rem .8rem;margin-bottom:1rem}a{outline:0}.card-highlight{animation:1.5s 2 blink;transition:background-color .3s}.blink-highlight{animation:1.5s 2 anim-highlight}@keyframes anim-highlight{0%,100%{background-color:#2f3567}50%{background-color:rgba(206,246,1,.3)}}.leaflet-interactive{outline-width:0}.track-order-list ul li:before{content:"";position:absolute;left:-7px;top:0;height:12px;width:12px;background-color:#397fcf;border-radius:50%;border:3px solid #252b5b}.ews-1d-list h4{color:#d0d1d8;font-size:.9rem}.ews-1d-list h5{color:#9295ad;font-size:.8rem}.ews-1d-list p{color:#9295ad;font-size:.8rem;font-weight:400}.btn-circle,.btn-circle:active,.btn-circle:focus{color:#fff;width:2rem;height:2rem;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.42857;background-color:#2f3567;border-color:#252b5b;box-shadow:rgba(0,0,0,.19) 0 10px 20px,rgba(0,0,0,.23) 0 6px 6px}.btn-circle:hover{color:#fff;background-color:#434976;border-color:#252b5b}.input-genangan{font-size:.8rem;padding:.4rem .8rem;color:#d0d1d8;background-color:#252b5b;border-radius:4px}.legend{padding:6px 8px;font:14px/24px Arial,Helvetica,sans-serif;background:rgba(255,255,255,.8);color:#555}.legend h4{text-align:center;font-size:16px;margin:2px 12px 8px;color:#777}.legend span{position:relative;bottom:3px}.legend i{width:18px;height:18px;float:left;margin:0 8px 0 0;opacity:.7}.legend i.icon{background-size:18px;background-color:#fff}.leaflet-popup-content{min-width:200px;margin:.7rem}.blueimp-gallery>.indicator>li{display:inline-block;width:50px;height:50px;margin:6px 3px 0;box-sizing:content-box;border:1px solid transparent;background:center no-repeat rgba(255,255,255,.25);border-radius:2px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}h4.text-range-hour{font-size:.85rem}.ts-marker-wrapper{transform:scale(1);transform-origin:0 2.75rem;transition:.3s}.leaflet-div-icon{background-color:transparent;border:none}.leaflet-marker-icon.ts-hide-marker .ts-marker{transform:scale(0)}.ts-marker{display:inline-block;position:relative;padding-bottom:.5rem;transition:.6s cubic-bezier(.16,.64,.31,1.68);transform:translateY(0) rotate(.002deg)}.ts-marker.ts-hover,.ts-marker:hover{color:inherit;transform:translateY(-.25rem);z-index:1}.ts-marker.ts-hover .ts-marker__info,.ts-marker.ts-hover .ts-marker__title,.ts-marker:hover .ts-marker__info,.ts-marker:hover .ts-marker__title{opacity:1;transform:translateX(0)}.ts-marker.ts-hover .ts-marker__info,.ts-marker:hover .ts-marker__info{transition-delay:.05s}.ts-marker.ts-hover:before,.ts-marker:hover:before{transform:translateY(.25rem) scaleX(.8);opacity:.2}.ts-marker .ts-marker__feature{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.ts-marker .ts-marker__feature i{line-height:1.5}.ts-marker .ts-marker__feature__blue>*{background-color:#1976d2;border-radius:50%;color:#fff;font-size:.8rem;width:1.7rem;text-align:center;height:1.7rem}.ts-marker .ts-marker__feature__blue i{line-height:2.2}.ts-marker .ts-marker__feature__green>*{background-color:#16a75c;border-radius:50%;color:#fff;font-size:.9rem;width:1.7rem;text-align:center;height:1.7rem}.ts-marker .ts-marker__feature__red>*{background-color:#ff6961;border-radius:50%;color:#fff;font-size:.8rem;width:1.7rem;text-align:center;height:1.7rem;line-height:1.7rem}.ts-marker .ts-marker__feature__yellow>*{background-color:#ffa600;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:.7rem;width:1.375rem;text-align:center;height:1.375rem;line-height:1.375rem}.ts-marker .ts-marker__feature__primary>*{background-color:#00f;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:.7rem;width:1.375rem;text-align:center;height:1.375rem;line-height:1.375rem}.ts-marker .ts-marker__feature__info>*{background-color:#766ec8;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:.7rem;width:1.375rem;text-align:center;height:1.375rem;line-height:1.375rem}.ts-marker .ts-marker__feature__warning>*{background-color:#f0ad4e;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:.7rem;width:1.375rem;text-align:center;height:1.375rem;line-height:1.375rem}.ts-marker .ts-marker__feature__danger>*{background-color:#d9534f;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:.7rem;width:1.375rem;text-align:center;height:1.375rem;line-height:1.375rem}.ts-marker:before{bottom:-.375rem;left:-.0625rem;position:absolute;opacity:.8;transition:.6s cubic-bezier(.16,.64,.31,1.68);transform:translateY(0) scaleX(1);transform-origin:left}.ts-marker .ts-marker__info,.ts-marker .ts-marker__title{box-shadow:0 .125rem .3125rem rgba(0,0,0,.1);position:absolute;font-size:.6875rem;font-weight:500;left:.25rem;white-space:nowrap;border-radius:.0625rem;pointer-events:none;padding:.0625rem .25rem;transition:.5s cubic-bezier(.03,.18,.05,1.01);transform:translateX(.25rem);opacity:0}.ts-marker .ts-marker__title{background-color:#fff;top:.25rem;left:1.8rem;z-index:1000}.marquee-vertical{display:flex;flex-direction:column;animation:45s linear infinite marquee-vertical}@keyframes marquee-vertical{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.page-link{background-color:transparent!important;font-size:smaller!important}#tbl-archive-genangan_info,#tbl-sample-genangan_info,.dataTables_info{font-size:smaller!important}#tbl-sample-genangan,#tbl-sample-genangan td,#tbl-sample-genangan th{border:none}@keyframes animate-siaga3{0%{box-shadow:0 0 0 0 rgba(94,255,79,.8)}40%{box-shadow:0 0 0 25px rgba(255,218,79,.2)}80%{box-shadow:0 0 0 25px rgba(255,218,79,0)}100%{box-shadow:0 0 0 rgba(255,218,79,0)}}@keyframes animate-siaga2{0%{box-shadow:0 0 0 0 rgba(255,208,0,.8)}40%{box-shadow:0 0 0 25px rgba(255,166,0,.2)}80%{box-shadow:0 0 0 25px rgba(255,166,0,0)}100%{box-shadow:0 0 0 rgba(255,166,0,0)}}@keyframes animate-siaga1{0%{box-shadow:0 0 0 0 rgba(239,83,80,.8)}40%{box-shadow:0 0 0 25px rgba(239,83,80,.2)}80%{box-shadow:0 0 0 25px rgba(239,83,80,0)}100%{box-shadow:0 0 0 rgba(239,83,80,0)}}.card-station-arr,.card-station-awlr{cursor:pointer}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:rgba(0,0,0,.4)}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:rgba(0,0,0,.4)}.leaflet-tooltip-own{position:absolute;padding:10px;background-color:rgba(28,45,65,.7);box-shadow:0 1px 4px rgba(0,0,0,.2);border:0 solid #000;border-radius:6px;color:#fcfcfc;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.card-header-watershed{background-color:#252b5b;border-bottom:1px solid #293067;color:#4099f4}.col-left .card-header-watershed{padding:.8rem .5rem}.card-header-watershed h5{font-size:.8rem}.badge-awlr-nostatus{padding:.35em .6em;border:none;color:#fcfcfc;background-color:rgba(204,204,204,.6);font-size:.7rem;font-weight:400}.badge-awlr-normal{padding:.35em .6em;border:none;color:#fcfcfc;background-color:rgba(0,41,254,.8);font-size:.7rem;font-weight:400}.badge-awlr-siaga1{padding:.35em .6em;border:none;color:#fcfcfc;background-color:rgba(244,10,7,.8);font-size:.7rem;font-weight:400}.badge-awlr-siaga2{padding:.35em .6em;border:none;color:#fcfcfc;background-color:rgba(253,254,1,.8);font-size:.7rem;font-weight:400}.badge-awlr-siaga3{padding:.35em .6em;border:none;color:#fcfcfc;background-color:rgba(9,254,2,.8);font-size:.7rem;font-weight:400}.alert-siaga3{border-radius:100%;animation:1.5s linear infinite animate-siaga3}@keyframes animate-siaga3{0%{box-shadow:0 0 0 0 rgba(255,218,79,.8)}40%{box-shadow:0 0 0 25px rgba(255,218,79,.4)}80%{box-shadow:0 0 0 25px rgba(255,218,79,0)}100%{box-shadow:0 0 0 rgba(255,218,79,0)}}.alert-siaga2{border-radius:100%;animation:1.5s linear infinite animate-siaga2}@keyframes animate-siaga2{0%{box-shadow:0 0 0 0 rgba(255,166,0,.8)}40%{box-shadow:0 0 0 25px rgba(255,166,0,.4)}80%{box-shadow:0 0 0 25px rgba(255,166,0,0)}100%{box-shadow:0 0 0 rgba(255,166,0,0)}}.alert-siaga1{border-radius:100%;animation:1.5s linear infinite animate-siaga1}@keyframes animate-siaga1{0%{box-shadow:0 0 0 0 rgba(239,83,80,.8)}40%{box-shadow:0 0 0 25px rgba(239,83,80,.4)}80%{box-shadow:0 0 0 25px rgba(239,83,80,0)}100%{box-shadow:0 0 0 rgba(239,83,80,0)}}.blinking-content{animation:2s ease-in-out infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:.1}}.progress{background-color:#2f3567;border:1px solid #252b5b;border-radius:8px}.label-monitoring{color:#d0d1d8;font-weight:400;font-size:.8rem;margin:.4rem 0}.bg-siaga1{background-color:#ef5350}.bg-siaga2{background-color:rgba(242,131,35)}.bg-siaga3{background-color:rgba(247,184,75)}.bg-normal{background-color:rgba(26,188,156)}.bg-nostatus{background-color:rgba(204,204,204)}.bg-hujan-sangat-lebat{background-color:#ef5350}.bg-hujan-lebat{background-color:rgba(242,131,35)}.bg-hujan-sedang{background-color:rgba(247,184,75)}.bg-hujan-ringan{background-color:#39a6f5}.bg-berawan{background-color:#a4a4a4}.side-bar-home::-webkit-scrollbar{display:none}.leaflet-control-attribution .leaflet-control{font-size:10px!important}@media (max-width:767.98px){.col-center{order:1}.col-left{order:2}.col-right{order:3}.col-center,.col-left,.col-right{width:100%!important;flex:0 0 100%;max-width:100%;padding-left:0!important;padding-right:0!important}.col-center .card,.col-left .card,.col-right .card,.container-fluid,.dashboard-shell,.full-height,body,html{height:auto!important}.row-center-1{height:42vh!important;min-height:240px}#map{height:100%!important}.row-center-2{height:auto!important;min-height:44px;margin-top:0!important;margin-bottom:0!important}.row-right-1,.row-right-2{height:auto!important}.side-bar-home{max-height:55vh;overflow:auto;-webkit-overflow-scrolling:touch}}.page-item.active a{color:#6659dd}.wq-svg{width:20px;height:20px;display:block;margin:0 auto;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.ts-marker__title_svg{text-align:center;font-size:11px;line-height:1.2;margin-bottom:2px}.small-legend{font-size:10px;line-height:12px;padding:4px 6px}.small-legend h4{font-size:12px;margin:0 0 3px}.small-legend i{width:12px;height:12px;margin-right:4px}.small-legend span{vertical-align:top}.white-popup-block{background:rgba(9,9,9,.5);padding:10px;text-align:left;border-radius:20px;width:80vw;margin:40px auto;position:relative}#popupVideoPlayer{width:100%;height:450px;display:block}.mfp-close{color:#fff!important;font-size:24px}.shimmer-cctv-wrapper{width:100%;margin-bottom:8px;height:18vh;overflow:hidden;position:relative;background:#2c3e50}.shimmer-cctv-item{height:90%;background:#34495e;overflow:hidden;position:relative;border-radius:4px}.shimmer-cctv-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#34495e 0,#44607c 20%,#34495e 40%);background-size:1000px 100%;animation:1.5s linear infinite shimmer-cctv-animation}@keyframes shimmer-cctv-animation{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.custom-accordion-title::after,.custom-accordion-title::before,[data-bs-toggle=collapse]::after{display:none!important;content:none!important;background-image:none!important}.card-header a::after{display:none!important;content:none!important}