@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);.img-help[data-v-45583fc2]{margin-left:auto;margin-right:auto}.div-help[data-v-45583fc2]{display:flex;align-items:flex-start}.card-menu[data-v-45583fc2]{top:3%;right:5%;height:50vh;width:280px;position:fixed}.kartu[data-v-64e62512]{top:3%;height:-moz-fit-content;height:fit-content;width:350px;position:fixed}.img-help{margin-left:auto;margin-right:auto}.div-help{display:flex;align-items:flex-start}div.chart-wrapper[data-v-a139f312]{display:flex;align-items:center;justify-content:center}#box-container[data-v-a139f312]{height:30vh;border-radius:25px}.dialog.v-dialog:not(.v-dialog--fullscreen){height:-moz-fit-content!important;height:fit-content!important}.v-chip{min-width:50px;display:flex;justify-content:center;align-items:center}.vertical-line{width:2px;height:25px;background-color:grey}.custom-content-list{max-height:450px;overflow-y:scroll;margin-bottom:10px}.custom-shadow{box-shadow:-1px 2px 5px 3px rgba(0,0,0,.1)!important}.selected-card{background-color:#cbe7ff!important}#pdf-content{display:none}.avoid-page-break{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@media only screen and (max-width:1270px){.custom-content-list{max-height:320px}}#nav-drawer2{height:-moz-fit-content;height:fit-content;top:10%!important;right:.4%!important;position:absolute;z-index:19;display:flex;flex-direction:row}#nav[data-v-5720aa9c]{position:absolute;top:0;z-index:17}#nav-drawer2[data-v-5720aa9c]{height:-moz-fit-content!important;height:fit-content!important;top:2%!important;right:5px!important;position:fixed}.app-bar[data-v-5720aa9c]{position:absolute;width:100%}#menu[data-v-5720aa9c]{overflow-y:auto;height:300px;overflow-x:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav,#nav a{text-decoration:none!important}#nav a{color:inherit}.login[data-v-20772cc0]{width:100%;height:100vh;overflow-y:hidden}.judul[data-v-20772cc0]{color:#fff}.judul[data-v-20772cc0],.sub-judul[data-v-20772cc0]{text-shadow:2px 2px 4px #000}#log[data-v-20772cc0]{height:100vh;background-color:#000}@media screen and (min-width:960px){.ruangan[data-v-20772cc0]{margin-top:120px}}#myVideo[data-v-20772cc0]{position:fixed;z-index:0;filter:blur(5px);width:100vw}#log[data-v-5c99a2da]{background-image:url(../img/bg-login.84ccdda8.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;height:100vh}@media screen and (min-width:960px){.ruangan[data-v-5c99a2da]{margin-top:120px}}.register[data-v-c80ac838]{width:100%;height:100%;overflow-y:hidden}#info{z-index:20}.infoin{align-content:flex-start;text-align:left}#toolbar[data-v-794250b4]{position:absolute;right:.4%;bottom:6%;z-index:2;height:-moz-fit-content;height:fit-content;width:3.5rem;background:hsla(0,0%,100%,.3)}#toolbar-inside[data-v-794250b4]{background:transparent}.dialog-cctv[data-v-961a3f44]{height:500px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}#addFeatureMap{width:500px;height:500px}#portInfo{left:-170px}#portInfo,.infoin2{position:absolute;z-index:17;top:50%}.infoin2{left:7px;animation:infoin 1s;width:170px;height:600px;opacity:0;align-content:flex-start;text-align:left}#table2,#table3{background-color:var(--v-accent2-base)}@keyframes vesselin{0%{left:-350px}to{left:0}}@keyframes vesselout{0%{left:0}to{left:-350px}}#columnStatus{padding:0!important;width:100%}.video-player .progress-bar,.video-player .slider-handle{display:none}#info{position:absolute;z-index:17;top:50%;left:-170px}@keyframes infoin{0%{left:-100px;opacity:0}to{left:7px;opacity:1}}@keyframes infoout{0%{left:7px;opacity:1}to{left:-100px;opacity:0}}#table1{background-color:var(--v-accent2-base)}.infoin{position:absolute;z-index:17;top:50%;left:7px;animation:infoin 1s;width:170px;height:600px;opacity:0}#TestPosition:after,#TestPosition:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#TestPosition:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}#TestPosition:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}#dialogPort{z-index:30}.v-data-table-header th{white-space:nowrap}#det[data-v-50c71fc2]{top:0;height:250vh}.containerLeft[data-v-50c71fc2]{margin-left:140px}.utama[data-v-50c71fc2]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#e3f2fd}#searchbar[data-v-0a7fc3a4]{min-width:200px}.navbar-imotion[data-v-0a7fc3a4]{top:0;left:50%;transform:translate(-50%);position:absolute;z-index:3;border-radius:0 0 35px 35px}.autocomplete[data-v-0a7fc3a4]{width:30rem;max-width:70rem}.tablestyle{box-shadow:none!important;border:1px solid #e0e0e0}.nolonlat{background-color:#d3d3d3}.inside{background-color:rgba(0,128,0,.568)}.outside{background-color:rgba(255,0,0,.582)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#535c69;border-radius:10px}.selected{background-color:#d3d3d3}.notSelected{background-color:#fff}.wrap-message{max-width:300px;word-wrap:break-all;white-space:normal;padding:10px}.wrap-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2em;max-height:2.4em;white-space:normal}.truncate-text,.wrap-text{overflow:hidden;text-overflow:ellipsis}.truncate-text{white-space:nowrap;max-width:200px;display:inline-block}.clickable-div{padding:20px;background-color:#4caf50;color:#fff;text-align:center;border-radius:5px;cursor:pointer;transition:background-color .3s}.clickable-div:hover{background-color:#45a049}.textarea-container{margin-top:10px}.message{display:inline-block;padding:8px;margin:4px;border-radius:4px;background-color:#d3d3d3;width:-moz-fit-content;width:fit-content}.message-bubble{margin-left:2px;margin-right:2px;max-width:400px;padding:7px 7px 10px 7px;text-align:left}.message-bubble,.message-info{color:#fff;display:flex;flex-direction:column;background-color:#626461;border-radius:15px;position:relative;white-space:pre-wrap}.message-info{margin:8px;max-width:20vw;opacity:.7;padding:10px;text-align:center}#main{text-align:left}#tabitem{max-height:30vh;overflow-y:auto}.custom-list{padding:0!important}.custom-list.v-list-item{padding-left:15px}#nav-drawer3{position:absolute;top:17%;z-index:9;left:.4%;display:flex;flex-direction:row;height:-moz-fit-content;height:fit-content}@keyframes playbackin{0%{bottom:-180px}to{bottom:0}}@keyframes playbackout{0%{bottom:0}to{bottom:-180px}}@keyframes readyplaybackin{0%{width:30vw}to{width:90vw}}@keyframes readyplaybackout{0%{width:90vw}to{width:30vw}}#mydiv[data-v-60911ff5]{position:absolute;z-index:9;background-color:#f1f1f1;text-align:center;border:1px solid #d3d3d3}#mydivheader[data-v-60911ff5]{padding:10px;cursor:move;z-index:10;background-color:#2196f3;color:#fff}html body div#v-app.v-application.v-application--is-ltr.theme--light div.v-application--wrap div.home div#v-app div#root-map div.ol-viewport div.ol-unselectable.ol-layers div.ol-layer canvas[data-v-60911ff5]{filter:brightness(10%)}#root-map[data-v-60911ff5]{position:absolute;z-index:1;width:100vw;height:100vh;overflow-y:hidden;overflow-x:hidden}.ol-tooltip[data-v-60911ff5]{position:relative;background:rgba(0,0,0,.5);border-radius:4px;color:#fff;padding:4px 8px;opacity:.7;white-space:nowrap;font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-tooltip-measure[data-v-60911ff5]{opacity:1;font-weight:700}.ol-tooltip-static[data-v-60911ff5]{background-color:#fc3;color:#000;border:1px solid #fff}.ol-tooltip-measure[data-v-60911ff5]:before,.ol-tooltip-static[data-v-60911ff5]:before{border-top:6px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent;content:"";position:absolute;bottom:-6px;margin-left:-7px;left:50%}.ol-tooltip-static[data-v-60911ff5]:before{border-top-color:#fc3}#plotAlertDOM[data-v-60911ff5]:after,#plotAlertDOM[data-v-60911ff5]:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#plotAlertDOM[data-v-60911ff5]:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}#plotAlertDOM[data-v-60911ff5]:before,#weatherPerAreaDOMs[data-v-60911ff5]:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}#bookmarkAlertAnimate[data-v-60911ff5]{animation-fill-mode:forward;animation:bookmarkAlertIn-60911ff5 .7s}@keyframes bookmarkAlertIn-60911ff5{0%{width:0}to{width:40vw}}@keyframes bookmarkAlertOut-60911ff5{0%{width:0}to{width:40vw}}#bookmarkAlert1[data-v-60911ff5]{left:-100%}.home[data-v-00a5dac7]{width:100%;height:100%;overflow-y:hidden}.v-card__title[data-v-00a5dac7]{color:#7fffd4}[data-v-00a5dac7]{overflow-y:hidden;font-family:montserrat}#det[data-v-b4cd9d90]{top:0;height:250vh}.containerLeft[data-v-b4cd9d90]{margin-left:140px}.utama[data-v-b4cd9d90]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#e3f2fd}#list-marine{box-shadow:none!important;border:1px solid #e0e0e0}#list-marine div.v-data-table__wrapper>table>tbody{margin:10px}#list-marine div.v-data-table__wrapper>table>tbody .child-header{background-color:#272727;color:#fff}#list-marine div.v-data-table__wrapper>table>tbody tr>td{color:#424753;font-size:12px;font-weight:600}#list-marine div.v-data-table__wrapper>table>tbody tr.v-data-table__expanded__content{background-color:#fff;box-shadow:none}#list-marine div.v-data-table__wrapper>table>tbody tr.v-data-table__expanded.v-data-table__expanded__content>td{padding:10px}#list-marine div.v-data-table__wrapper>table>tbody tr.v-data-table__expanded.v-data-table__expanded__content>td>div{border:1px solid #e0e0e0}#list-marine div.v-data-footer{padding:10px;margin-right:10px}#list-marine div.v-data-footer div.v-data-footer__select{display:none}#searchbar{min-width:200px}.header-help[data-v-7f944f2d]{min-height:25vh}.search-title[data-v-7f944f2d]{display:block}.video-wrapper[data-v-f3515878]{position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}.video-canvas[data-v-f3515878]{max-width:100%;height:auto;background-color:#000}.bottom-control-bar[data-v-f3515878]{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;padding:10px 0}.rect-play-button[data-v-f3515878]{background-color:rgba(30,30,30,.7);padding:6px 14px;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.rect-play-button[data-v-f3515878]:hover{background-color:rgba(30,30,30,.6)}.theme--light.v-icon[data-v-f3515878]{color:#fff!important}.video-wrapper[data-v-47a5083c]{position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}.video-canvas[data-v-47a5083c]{max-width:100%;height:auto;background-color:#000}.bottom-control-bar[data-v-47a5083c]{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;padding:10px 0}.rect-play-button[data-v-47a5083c]{background-color:rgba(30,30,30,.7);padding:6px 14px;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.rect-play-button[data-v-47a5083c]:hover{background-color:rgba(30,30,30,.6)}.theme--light.v-icon[data-v-47a5083c]{color:#fff!important}.video-wrapper[data-v-7a4b8838]{position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}.video-canvas[data-v-7a4b8838]{max-width:100%;height:auto;background-color:#000}.bottom-control-bar[data-v-7a4b8838]{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;padding:10px 0}.rect-play-button[data-v-7a4b8838]{background-color:rgba(30,30,30,.7);padding:6px 14px;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.rect-play-button[data-v-7a4b8838]:hover{background-color:rgba(30,30,30,.6)}.theme--light.v-icon[data-v-7a4b8838]{color:#fff!important}