*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}a{cursor:pointer}.f-11{font-size:14px;transform:perspective(1px) scale(.8);transform-origin:center left;width:125%}.f-12{font-size:12px!important}.f-13{font-size:13px!important}.f-14{font-size:14px!important}.f-16{font-size:16px!important}.f-18{font-size:18px!important}.bold{font-weight:700}.float-right{float:right}.gray-text{color:#666}.blue-text{color:#409eff}.green-text{color:#67c23a}.red-text{color:#f56c6c}.black-text{color:#000}.orange-text{color:#e6a23c}.yellow-text{color:#edea36}.mb{margin-bottom:12px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.page-title{font-size:18px;font-weight:700;height:auto;line-height:30px}.mainBox{width:100%}.mainBox .page-title{padding:12px;border-bottom:1px solid #e5e5e5}.inner{padding:12px}.link-text{text-decoration:underline;cursor:pointer}.aisfactor-dialog .el-dialog,.el-header .el-dialog,.full-float .mapset .el-dialog,.mapset .el-dialog{--el-dialog-margin-top:35vh!important}.el-overlay-dialog{overflow:hidden!important}.el-radio.el-radio--large{height:32px!important}.el-tabs__item .is-icon-close{vertical-align:middle}.post-row{padding:12px 12px 0 12px}.post-row .span{display:inline-block;margin:0 12px 12px 0;vertical-align:middle}.post-row .el-input{width:140px!important}.stripe-row .el-row:nth-child(2n){background-color:#fafafa}.stripe-row .graySpan{display:inline-block;margin-left:10px;padding:0 6px;height:14px;line-height:14px;color:#fff;font-size:12px;background-color:#bbb}.el-divider--horizontal{border-top:1px solid #f0f0f3!important}.el-dialog__header{margin-right:0!important;padding:4px 12px!important;background-color:#e4e4e4;border-bottom:1px solid #ccc}.el-dialog__header .el-dialog__title{font-size:14px!important}.el-dialog__body{padding:12px 12px 20px 12px!important}.el-dialog__headerbtn{top:0!important;right:-10px!important;height:33px!important}.el-checkbox.el-checkbox--large{height:32px!important}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:12px!important}.mapboxgl-popup{max-width:none!important;z-index:999!important}.body-dialog,.el-dialog__wrapper,.map-set>div{pointer-events:none}.body-dialog .el-dialog,.mapset .el-dialog{border-radius:4px}.body-dialog .el-dialog__header,.mapset .el-dialog__header{background-color:#153065;border-radius:4px 4px 0 0}.body-dialog .el-dialog__header .el-dialog__title,.body-dialog .el-dialog__headerbtn .el-dialog__close,.mapset .el-dialog__header .el-dialog__title,.mapset .el-dialog__headerbtn .el-dialog__close{color:#fff}.changeColor{background:#1d2b55!important;border:1px solid #8f8ab7!important;border-radius:0!important}.changeColor .el-popper__arrow:before{display:none}.filter-color{width:16px;margin-right:4px;border-radius:4px}.filter-color,.filter-table-color{display:inline-block;height:16px;vertical-align:middle}.filter-table-color{width:44px;line-height:16px;text-align:center}.filter-color-0{background-color:#c6522a;border-radius:4px}.filter-color-1{background-color:#91b300;border-radius:4px}.filter-color-2{background-color:#7ca0b9;border-radius:4px}.filter-color-3,.filter-color-4{background-color:#ddd;border-radius:4px}.width-auto{position:absolute;top:41px;bottom:0;left:0;right:0}.width-auto .content{display:flex;width:100%;height:100%}.width-auto .content .left{width:46px;height:100%;background-image:linear-gradient(0deg,#19244b,#153065);z-index:3}.width-auto .content .left .fa{align-items:center;justify-content:center;color:#fff;font-size:16px}.width-auto .content .left .fa,.width-auto .content .left .img{width:100%;cursor:pointer;height:45px;display:flex;position:relative;border-bottom:1px solid #103b8e}.width-auto .content .left .img img{margin:auto;width:24px;-o-object-fit:contain;object-fit:contain}.width-auto .content .left .img .schedule-count{position:absolute;font-size:12px;color:red;right:4px;top:4px;transform:perspective(1px) scale(.8);transform-origin:center left}.width-auto .content .left .active{background-color:#103b8e}.width-auto .content .resize-line{cursor:ew-resize;width:8px;min-width:8px;max-width:8px;background-color:#ddd}.width-auto .content .resize-line .caret{position:absolute;top:50%;margin-top:-30px;cursor:pointer}.width-auto .content .right{position:relative;width:calc(100% - 46px);height:100%;overflow:hidden}.width-auto .content .right #map{position:absolute;top:0;bottom:0;left:0;right:0}.width-auto .content .right #map .mapboxgl-control-container .mapboxgl-ctrl-bottom-right div{display:none}.width-auto .content .right #map .mapboxgl-control-container .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{display:none!important}.width-auto .content .right #map .mapboxgl-control-container .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-scale{display:block!important}.width-auto .content .right #map .mapboxgl-control-container .mapboxgl-ctrl-top-right{top:34px}.width-auto .content .right #map .mapboxgl-control-container .mapboxgl-ctrl-top-right .tools_best_scale{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAX1QTFRFAAAAfn5+gICAnJycjIyMiYmJdnZ2fHx8pKSkpKSkgICAmpqanZ2dlpaWioqKTExMlpaWqKioo6OjhISEgYGBlZWVjo6OioqKkpKSjY2Ni4uLoqKimJiYm5ubnJycCQkJeXl5h4eHjY2Nh4eHhISEiIiIgICAZWVlnJycl5eXhoaGmpqak5OTfX19h4eHf39/f39/gICAlZWVlZWVgICAfn5+iIiImJiYg4ODgoKCfHx8enp6e3t7q6ureXl5iYmJgYGBenp6enp6e3t7ioqKhYWFenp6dnZ2dnZ2enp6lZWVe3t7eXl5eHh4eXl5dnZ2enp6dnZ2eHh4eXl5c3NzcnJyfHx8f39/dXV1cXFxgoKCj4+Ph4eHe3t7bm5uc3NzgoKCiIiIf39/dHR0iIiIkZGRkZGRiYmJcnJybW1tfHx8iIiIhoaGgICAc3Nzb29vfn5+hYWFhISEg4ODf39/e3t7enp6f39/g4ODg4ODdHR0f39/goKCfn5+cXFxT3idkQAAAH90Uk5TABQHBTktChGiTwu26687AWn8wRcKu///30cp2P/9egEDTrH4/84fB5n//+M2DJP//mxR8v///6wNK+X/pAMSqOX0/ObaTRfU/7YKBhwckfVdGhE47P+XS/X/uCMerf/6WQ2t/tWWk8/9/7wUKL3+/804G3/J6OnLhyIBES0SAroKlC4AAAC7SURBVHicY2AgCjAyMTAws7CywfjsHJwMDFzcPLx8/BABAUEhYQYRUTFxCUkwX0paRlZOXkFRSVlFVQ3IV9fQ1NLS1mFg0NXTNzAEChgZm5iamplbMDBYWlnb2DLY2Ts4Wjs5u7gyMLi5e3h6MXj7+Pp5+AcEBjEwBIeEhoFNDY+IjIpmYIiJjYtPAAskJkUmp6SmpWdkZmVDHJKTm5fv4ZEfWVAIc2tRcUlpWXlFJcI3VdWWNbV1WD0KAAhaIg5l3EvwAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:50%}.width-auto .content .right #map .mapboxgl-canvas-container.mapboxgl-interactive,.width-auto .content .right #map .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:auto}.width-auto .content .right .legend{position:absolute;display:block;right:10px;top:210px;width:30px;height:30px;padding:6px;border-radius:4px;box-shadow:0 0 0 2px rgba(0,0,0,.1);background-color:#fff;cursor:pointer;z-index:2}.full-float{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:999;background-color:#19244b}.full-float .el-overlay-dialog{top:41px;overflow:hidden}.full-float .el-dialog{--el-dialog-margin-top:0!important;color:#fff;height:100%;background-color:#19244b;background-image:linear-gradient(0deg,#19244b,#153065)}.full-float .el-dialog__header{background-color:rgba(23,61,154,0);border-bottom:1px solid rgba(0,0,0,.4)}.full-float .el-dialog__header .el-dialog__title,.full-float .el-dialog__headerbtn .el-dialog__close,.full-float .el-icon{color:#fff}.full-float .iconClose{position:absolute;display:inline-block;top:10px;right:12px;color:#fff;cursor:pointer;background-image:linear-gradient(90deg,#e91219 0,#e6131c)!important;z-index:2}.shiptable-pagination{width:100%;background-color:transparent;margin-top:4px}.shiptable-pagination .el-pager li,.shiptable-pagination button,.shiptable-pagination span{min-width:24px;height:24px;color:#fff;background-image:linear-gradient(180deg,#162846 0,#0c3262 50%,#162846);background-color:transparent;margin-right:6px;border:1px solid #122748;border-radius:2px}.shiptable-pagination button{background-image:linear-gradient(180deg,#162846 0,#0c3262 50%,#162846)!important;background-color:transparent;background-size:auto}.shiptable-pagination .btn-next,.shiptable-pagination .btn-prev,.shiptable-pagination button:disabled{background-color:transparent!important;background-image:none!important}.shiptable-pagination li.btn-quicknext,.shiptable-pagination li.btn-quickprev{color:#fff!important}.shiptable-pagination .el-icon{color:#fff}.shiptable-pagination .el-pager li.active{color:#fff;background-image:linear-gradient(180deg,#0c73b2 0,#11418b)!important}.shiptable-pagination .el-pagination__total{background-image:none;border:none}.el-dialog__wrapper,.full-float>div{pointer-events:none}.el-dialog{pointer-events:auto}.el-message{top:50%!important}.el-message .el-message-icon--success{color:var(--el-message-text-color)!important}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color)!important}.full-box{position:absolute;display:block;width:100%;height:100%;top:0;left:45px;color:#fff;text-align:left;background-color:#103b8e;z-index:104}.spotWeather-dialog .el-dialog__body{padding:0!important}.spotWeather-dialog .el-dialog__footer{display:none}#show-selected-info,#show-spot-weather{position:absolute;display:block;width:300px;height:auto;background-color:#fff;border-radius:6px 6px 4px 4px;z-index:305;font-size:12px}#show-selected-info .icon-span,#show-spot-weather .icon-span{position:absolute;top:8px;right:4px}#show-selected-info .VesselName,#show-spot-weather .VesselName{padding:8px;font-size:14px;font-weight:700;color:#fff;background-color:#153065;border-top-right-radius:4px;border-top-left-radius:4px}#show-selected-info .title,#show-spot-weather .title{padding:3px 5px;font-size:12px;font-weight:700;color:#fff;background-color:#153065;border-top-right-radius:4px;border-top-left-radius:4px}#show-selected-info div span,#show-spot-weather div span{display:inline-block}#show-selected-info .position,#show-spot-weather .position{margin:0 8px;line-height:21px}#show-selected-info .position .label,#show-spot-weather .position .label{display:inline-block}#show-selected-info .Destination,#show-spot-weather .Destination{display:block;white-space:nowrap;line-height:21px;overflow:hidden;text-overflow:ellipsis}#show-selected-info .Destination .label,#show-spot-weather .Destination .label{display:inline-block;width:46px}#show-selected-info .Destination .info,#show-spot-weather .Destination .info{display:inline-block;width:60px;font-weight:700}#show-selected-info .bottom,#show-spot-weather .bottom{padding:0 8px;line-height:24px;border:1px solid #d1d0d0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}#show-selected-info .weather-table,#show-spot-weather .weather-table{position:relative;width:auto;border-collapse:collapse;width:100%}#show-selected-info .weather-table td,#show-spot-weather .weather-table td{font-size:12px;line-height:22px}#show-selected-info .weather-table div,#show-spot-weather .weather-table div{padding-left:8px;line-height:22px}#show-selected-info .weather-table .span-label,#show-spot-weather .weather-table .span-label{display:inline-block;width:50px}#show-selected-info .weather-table .span-info,#show-spot-weather .weather-table .span-info{display:inline-block;width:60px;font-weight:700}#show-selected-info .weather-table .span-info-long,#show-spot-weather .weather-table .span-info-long{display:inline-block;width:155px;font-weight:700}#show-selected-info .bg,#show-spot-weather .bg{background:#ecf6ff}#show-selected-info .info-more,#show-spot-weather .info-more{display:none}#show-selected-info .icon-more,#show-spot-weather .icon-more{display:inline;width:16px;cursor:pointer}#show-selected-info .icon-float-more,#show-spot-weather .icon-float-more{position:absolute;top:47px;right:0}#show-right-menu{position:absolute;display:block;width:auto;height:auto;background-color:#fff;border-radius:4px;z-index:306;border:1px solid #d1d0d0;font-size:12px}#show-right-menu .item{padding:0 12px 0 4px;line-height:30px;font-size:13px;cursor:pointer;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}#show-right-menu .item:hover{background-color:#ccc}#show-right-menu img{width:20px;margin-right:8px;margin-bottom:1px}#show-right-menu img,#show-right-menu span{display:inline-block;vertical-align:middle}#show-right-menu hr{border:none;border-top:1px solid #d1d0d0}.icon-status{width:16px}.icon-follow,.icon-status{display:inline-block;vertical-align:middle;margin-right:4px}.icon-follow{width:14px;height:14px}.ship-table{background-color:#19244b!important;border:1px solid rgba(18,27,51,.06)!important;--el-table-border-color:rgba(18,27,51,0)!important;--el-table-current-row-bg-color:rgba(18,27,51,.1)!important;--el-table-hover-row-bg-color:rgba(18,27,51,.1)!important}.ship-table tr{background-color:transparent}.ship-table td,.ship-table th{font-size:12px;color:#fff;border-bottom:1px solid rgba(18,27,51,.5)!important;border-right:1px solid rgba(18,27,51,.5)!important}.ship-table .el-table__cell{padding:6px 0}.ship-table .el-table__cell .cell{font-size:12px;transform:scale(.93);line-height:18px;word-break:break-word}.ship-table .hover-row{background-color:#103b8e!important}.ship-table .hover-row td{background-color:#0d327a!important;transition:none}.ship-table .hover-row .el-table-fixed-column--left{background-color:#0d327a!important;background-image:none}.ship-table .current-row{background-color:#103b8e!important}.ship-table .current-row .el-table-fixed-column--left{background-color:#103b8e!important;background-image:none}.ship-table .current-row td{background-color:#103b8e!important;transition:none}.ship-table .el-table__body-wrapper tr{background-image:linear-gradient(90deg,#19244b 0,#153063)}.blue .header{background-color:#409eff}.blue .header .top-menu .el-menu-top .el-menu-item,.blue .header .top-menu .el-menu-top .el-sub-menu .el-sub-menu__title{color:#fff}.blue .header .top-menu .el-menu-top .el-menu-item:focus,.blue .header .top-menu .el-menu-top .el-menu-item:hover{background-color:rgba(0,0,0,.15)}.blue .header .top-menu .el-menu-top .is-active{color:#fff!important;background-color:rgba(0,0,0,.15)}.green .header{background-color:#67c23a}.green .header .top-menu .el-menu-top .el-menu-item,.green .header .top-menu .el-menu-top .el-sub-menu .el-sub-menu__title{color:#fff}.green .header .top-menu .el-menu-top .el-menu-item:focus,.green .header .top-menu .el-menu-top .el-menu-item:hover{background-color:rgba(0,0,0,.15)}.green .header .top-menu .el-menu-top .is-active{color:#fff!important;background-color:rgba(0,0,0,.15)}.green .aside .el-menu .is-active{color:#67c23a}.gray .header{background-color:#666}.gray .header .top-menu .el-menu-top .is-active{color:#fff!important}.gray .aside .el-menu .is-active{color:#000}.ship-block .el-collapse-item__header{position:relative;display:block;width:100%;padding:0 12px 0 36px;font-size:14px;background-color:#f0f0f3!important}.ship-block .el-collapse-item__header .el-icon{position:absolute;left:12px;top:16px}.ship-block .el-collapse-item__header .el-button{float:right;margin-top:8px}.ship-block .el-collapse-item__content{padding:12px}.ship-block .el-tag{margin:0 10px 10px 0}.ship-block .el-tag--dark{border:none;cursor:pointer}.ship-block .ml-1{width:90px}.ship-block .tags .el-input{display:inline-block;width:100px}.ship-block .el-table .el-table__body,.ship-block .el-table .el-table__footer,.ship-block .el-table .el-table__header{width:auto!important;min-width:100%}.map_timeline_controls{position:absolute;z-index:2;bottom:0;margin:0 auto;width:100%;text-align:center;margin:10px}.map_timeline_controls .timeline-btn{margin:0 2px;background:#19244b;background-image:linear-gradient(0deg,#19244b,#153065);border:1px solid #000;border-radius:3px;padding:3px 5px;font-size:12px;line-height:15px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map_timeline_controls .timeline-btn-act:active{box-shadow:inset 2px 2px 2px #999}.map_timeline_controls .timeline-updateTime{position:relative;text-align:center;display:inline-block;width:70px;height:23px;padding:1px 3px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map_timeline_controls .timeline-updateTime .f-10{font-size:14px;transform:perspective(1px) scale(.7);transform-origin:top left;width:140%;line-height:11px}.map_timeline_controls .timeline-bar{position:relative;text-align:left;display:inline-block;width:395px;height:20px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map_timeline_controls .timeline-bar .ui-slider-handle{position:absolute;z-index:2;top:0;height:18px;width:6px;background:#fff;border:1px solid hsla(0,0%,100%,.6);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map_timeline_controls .timeline-bar .ui-slider-handle .ui-slider-tip,.map_timeline_controls .timeline-bar .ui-slider-handle .ui-slider-tip-number{position:absolute;visibility:hidden;top:-20px;left:50%;padding:0 5px;white-space:nowrap;display:inline-block;transform:translate(-50%,-50%);height:20px;line-height:20px;background:#fff;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.4);text-align:center;font-size:12px;opacity:0;transition:all .4s ease;color:#000}.map_timeline_controls .timeline-bar .ui-slider-handle .ui-slider-tip-number:after,.map_timeline_controls .timeline-bar .ui-slider-handle .ui-slider-tip:after{content:" ";width:0;height:0;border:5px solid hsla(0,0%,100%,0);border-top-color:rgba(0,0,0,.4);position:absolute;bottom:-10px;left:50%;margin-left:-5px}.map_timeline_controls .timeline-bar .ui-slider-handle:hover .ui-slider-tip,.map_timeline_controls .timeline-bar .ui-slider-handle:hover .ui-slider-tip-number{visibility:visible;opacity:.7}.map_timeline_controls .timeline-bar .ui-slider-pip{width:2em;height:1em;line-height:1em;position:absolute;color:#fff;overflow:visible;text-align:center;top:0;left:20px;margin-left:-1em;cursor:pointer}.map_timeline_controls .timeline-bar .ui-slider-pip .ui-slider-line{background:#fff;width:1px;height:3px;position:absolute;left:50%}.map_timeline_controls .timeline-bar .ui-slider-pip .ui-slider-number{display:block;position:absolute;top:5px;left:50%;margin-left:-1em;width:2em;font-family:Consolas,Microsoft YaHei Light;font-size:12.5px;transform:scale(.85)}.noUserSelect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.index ::-webkit-scrollbar{width:10px;height:10px;background-color:#142b57}.index ::-moz-scrollbar{width:10px;height:10px;background-color:#142b57}.index ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0;background-color:#142b57}.index ::-moz-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0;background-color:#142b57}.index ::-webkit-scrollbar-thumb{border-radius:0;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#2c468f;cursor:default}.index ::-moz-scrollbar-thumb{border-radius:0;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#2c468f;cursor:default}.index ::-webkit-scrollbar-corner{background-color:#142b57}.index ::-moz-scrollbar-corner{background-color:#142b57}.map-bottom-right{display:inline-block;right:0;padding:0 4px;background-color:hsla(0,0%,100%,.8);box-shadow:0 0 3px rgba(0,0,0,.4)}.comh-div,.map-bottom-right{position:absolute;bottom:0;font-size:12px}.comh-div{display:block;width:100%;line-height:20px;text-align:center;left:0;z-index:3}.comh-div .comh-color{display:inline-block;width:8px;height:8px;border:1px solid #000}.comh-div .comh-label{font-size:12px;margin:0 8px 0 4px}.comh-div .color0{background-color:#87ceeb}.comh-div .color1{background-color:#00b0f0}.comh-div .color2{background-color:#7fd677}.comh-div .color3{background-color:#ff0}.comh-div .color4{background-color:#fed817}.comh-div .color5{background-color:#fa0}.comh-div .color6{background-color:#fe7e01}.comh-div .color7{background-color:#f50}.el-scrollbar__bar{display:block!important;bottom:0!important}.el-scrollbar__bar .el-scrollbar__thumb{background-color:#2c468f!important;opacity:1!important}.el-scrollbar__bar.is-horizontal{height:10px!important}.el-scrollbar__bar.is-vertical{width:10px!important}.el-loading-mask{z-index:9999999!important;background-color:transparent!important}.el-form-item__label{word-break:break-word}.topicPromet{position:absolute;display:block;width:auto;height:25px;overflow:hidden;background-color:#d49500;font-size:12px;color:#fff;padding:0 30px 0 12px;line-height:20px;border-radius:4px;right:50px;top:42px}.topicPromet .item{cursor:pointer;height:25px;overflow:hidden;line-height:25px;white-space:nowrap}.topicPromet .item span{margin-right:24px}.topicPromet .closeBlock{position:absolute;top:6px;right:6px;font-size:14px;cursor:pointer}.icon-topicPromet{position:absolute!important;top:42px;right:50px;font-size:20px!important;color:#d49500!important;cursor:pointer;background:#fff;border-radius:50%}#tropicalc_point{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.WeatherStation{position:relative;width:auto;border-collapse:collapse;width:100%}.WeatherStation div{padding-left:8px;line-height:22px}.WeatherStation .span-label{display:inline-block;width:60px}.WeatherStation .span-info{display:inline-block;width:calc(100% - 60px);font-weight:700}.tropicalMarker{background-image:url(/img/tropicalSnap.24deb50b.gif)}.tropicalMarker,.tropicalMarker-1{background-size:cover;width:75px;height:75px;border-radius:50%;cursor:pointer}.tropicalMarker-1{background-image:url(/img/tropicalSnap-1.d2f15df8.gif)}.tropicalMarker-2{background-image:url(/img/tropicalSnap-2.969732e6.gif)}.tropicalMarker-2,.tropicalMarker-3{background-size:cover;width:75px;height:75px;border-radius:50%;cursor:pointer}.tropicalMarker-3{background-image:url(/img/tropicalSnap-3.eb16a7ea.gif)}.tropicalMarker-4{background-image:url(/img/tropicalSnap-4.9ce12a51.gif)}.tropicalMarker-4,.tropicalMarker-5{background-size:cover;width:75px;height:75px;border-radius:50%;cursor:pointer}.tropicalMarker-5{background-image:url(/img/tropicalSnap-5.66b672a5.gif)}.tropicalMarker-6{background-image:url(/img/tropicalSnap-6.42196761.gif);background-size:cover;width:75px;height:75px;border-radius:50%;cursor:pointer}.PortHtml{position:relative;width:auto;border-collapse:collapse;width:100%}.PortHtml div{padding-left:8px;line-height:22px}.PortHtml .span-label{display:inline-block;width:90px}.PortHtml .span-info{display:inline-block;width:calc(100% - 90px);font-weight:700}.italic{font-style:italic}.transparent-modal{background-color:transparent!important}.weather-forecast-marker{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFj0lEQVRoQ+1Za2wUVRQ+d/bVdmu3u9sKqCCl0aBScBMxRhJBo9FKSoLS7tYf1R+YaFSUlgYEadQoQgMVaVASEpUYbLejhB+NUSCGHyimrYTaNPhoWkRFULrbpS92dudez+y4tvuYnZndaQxJ78+553znfPc87rm7BK7zRa5z/2GWwP8dwdkIzEYgxxMwNoWqR0vNnOjhGHUzAk4EdxLCwhQgSBgXZEAvRvzu73L0OUE9ZwLW6kAFcGwdolYSQparOccYG0WZ4wy4zoiZfg6H3VfVdDLtZ03A4h2+jwPShI24MlsHZDLkgECtLcAXXsoGRz+B2rE5NiZ8jMYey8agkg5j0Cz4XZv1YuoiYK4decTE6KdopESvIS3ySKIPOHON0Fb0oxZ5SUYzAZtveCOKt2gFzkWOMfKk4Hce0YKhiYDVN7KOAOW1ABohg5GIUo57PNpWfFwNT5WAuWbkYRNHVYHUDOndxwKfZNS8KsI7urLvQtXMajMFzmPqzNPrgCHyDAbCl513wEkSVcLLGAGrL7AVBd42xJlsQRhrCPvdirWnTABvVatJGCJA7NnaNkJPuisEal4IvCOQDk+RgM0baMQe1WyEEzljMPJK2O98TxcBTJ9eZLc0Z+MGAGAUugW/+17NBKy1VxcTFj2nZNtqBliywAQX/qZwZZQpunj7TVxs7+eLOM4prJIbCCwo5aDvVxEiojLbsMgtAr54KFkibQpZfcNezP32dHCVHgt89IIdiu2y6sETYdjw4QRg7/5vLUSHOhoKYemtpti3M4MieFvG4LfhKSIW3Gpdb4dnVlljMsFxBk+3jsOx3khaFoyStUKH86gmAjbvcD0QsidZ+LZ5HPTscoDNkrjT5J+E5qPXYh8J8urZVQR3zZedj6+uAREe2D41eL5ekw9b1uYlyEwKmLP1oQSicQGk/mKk3bVfEwGLN7ibI6whWXjTmjx4qzY/5YTO/S6Cp1F2bvHNHJzd7Uh7ine+HILBv+Qo9O91QPkcOcWmr8ZPJqD1i3DKd4zwThz2XtVEADvQ+9iBnk8Wrq/Kgx1PpRL4CXN8WUMoJi7l/Q970hNYsjEEA5dkAn0tDpAimry2HJ6EvZ1yNBMWg9aw37VBEwGsgTexBrYnC5fPlU9Xyt/p6w1+Et45MpVCXTuLoAKLfPr6HutgxbapFGqqzoetTySmUBjT/+5NIRj6N0rT9RmFzUKHK6Wtpy1iiy/wHJ7NB6nHALBmuVTEhWC3ybsHjoWh4dAEiNMaTdmNchHHSUjO+9IU8f5n7VC3Ui7i0ASDun3j8JVSEQPzCe1uv6YIWHxBDwfsTDoC0jepiKUiPY8nFRhTbqNSPUjEfvlTuY2WFhGYX6LeRqlIPBHeeVYTAQBGrN7AOL5xUxNeidVMfmcwhPm/KJ2JDKNE8CAQtn4m/dKKjR3oNexAaYfKDMPcSJnNRAe1GplJubCYdwvwBX/oikAs172BfdhOX5pJ59SwscK2Ce2uHUpymV9k1azQZgpK88eMPOI1ON8viM5lwBPFKUn1Sal0qakZz3UfJ9AxoOR+gXf1ZcJSJYCXWjdeavfk6pAefQbsGhXhoSjvPq2mp5ZC+ZhCE2oghu8zqMK22akFNyMBc21wpYmxk1qAjJDBgu3H1u0V2tz9WvEyEsCptA6n0kNawXKSUxjW1DAzR6AmsMLEwSk1kGz3pVzHS+pAhJJ3gXddyAZHtYixC32Nd8GDcXCpO6DSt/j7/2lKTaeijHbjC7OC42A1yj2Ke55MjqDT4zipnED9LyPE/Bm0FV3JxvG4jiqB2IXmC6ymwOYC43oifmdvRoNVrMBSEMI3NZQB0HKC/3bE/+CgjF2Odri+ycXhZF1NBIw0aDTWLAGjT1Qv3mwE9J6Y0fKzETD6RPXi/QPs3upAbIcsjQAAAABJRU5ErkJggg==);background-size:cover;width:24px;height:24px;cursor:pointer}.transparent-popup{color:#fff;border:none;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.transparent-popup .mapboxgl-popup-content{background-color:rgba(0,0,0,.5);padding:8px;border:none;box-shadow:none}.transparent-popup .mapboxgl-popup-tip{border-bottom-color:rgba(0,0,0,.5)!important}.locationWeather{position:relative;width:320px!important;height:200px;font-weight:700}.locationWeather .title{padding:4px 12px!important;background-color:#153065;color:#fff;margin-bottom:8px;border-radius:4px 4px 0 0;line-height:26px;box-sizing:border-box}.locationWeather .time{padding:0 12px}.locationWeather .location-info{padding:0 12px 12px 12px}.locationWeather .label{display:inline-block;width:120px;font-weight:400}.locationWeather .weather-icon{position:absolute;top:80px;right:20px}.no-arrow-popup.mapboxgl-popup{background:transparent;box-shadow:1px 1px 8px rgba(0,0,0,.5);border-radius:6px}.no-arrow-popup .mapboxgl-popup-content{background:transparent;border:none;box-shadow:none;padding:0}.no-arrow-popup .mapboxgl-popup-tip{display:none}.popup-with-opacity .mapboxgl-popup-content{background-color:rgba(0,0,0,.65)!important;padding:10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-with-opacity .mapboxgl-popup-tip{display:block!important;border-top-color:rgba(0,0,0,.65)!important}.completely-transparent-popup .mapboxgl-popup-content{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.completely-transparent-popup .mapboxgl-popup-tip{display:none}.voyage-notice-popup{width:430px;font-weight:700;font-size:12px;line-height:25px;background-color:#fff}.voyage-notice-popup .content{margin:10px 0;padding:10px 0;font-weight:400;word-break:break-all;border-top:1px solid #000;border-bottom:1px solid #000}.map_switch_controls .el-dropdown-link .dropIcon svg,.weather_switch_controls .el-dropdown-link .dropIcon svg{width:14px;height:20px;margin-right:4px}.map_switch_controls .el-dropdown-link .dropIcon svg path,.weather_switch_controls .el-dropdown-link .dropIcon svg path{fill:#409eff}.map_switch_controls .el-dropdown-link .dropIcon.hover,.map_switch_controls .el-dropdown-link .dropIcon:hover,.weather_switch_controls .el-dropdown-link .dropIcon.hover,.weather_switch_controls .el-dropdown-link .dropIcon:hover{background-color:#409eff;color:#fff}.map_switch_controls .el-dropdown-link .dropIcon.hover svg path,.map_switch_controls .el-dropdown-link .dropIcon:hover svg path,.weather_switch_controls .el-dropdown-link .dropIcon.hover svg path,.weather_switch_controls .el-dropdown-link .dropIcon:hover svg path{fill:#fff}.tide-dialog .el-dialog,.trend-dialog .el-dialog{margin-top:15vh!important}.weather-dialog .el-dialog{margin-top:25vh!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-size:14px}#app,body,html{height:100%;overflow:hidden}body{margin:0;padding:0}.container{height:100%;overflow:hidden}.el-header{height:41px!important}.el-main{padding:0!important}.main{width:100%;height:100%;overflow:hidden}