.sea-route-tooltip{max-width:300px!important}#container-sea-route{position:absolute;height:80px;width:calc(75% - 80px);opacity:.9;z-index:10}[dir] #container-sea-route{background-color:#112935}[dir=ltr] #container-sea-route{left:80px}[dir=rtl] #container-sea-route{right:80px}#container-sea-route ul.sea-route-scroll{overflow-x:auto}#container-sea-route ul.sea-route-scroll li.item{display:table-cell}#container-sea-route .route-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;grid-template-rows:30px 50px;grid-template-columns:100px;grid-template-areas:"sea-route-figure" "sea-route-point-name"}[dir] #container-sea-route .route-container{padding:0}#container-sea-route .route-container .sea-route-figure{grid-area:sea-route-figure}#container-sea-route .route-container .sea-route-point-name{grid-area:sea-route-point-name}[dir] #container-sea-route .route-container .sea-route-point-name{margin:5px;text-align:center}[dir] .button-form-center{text-align:center}.button-a-center{display:block}[dir] .button-a-center{text-align:center}[dir] #secure-dataflow-live-map .sea-route-tooltip-contents{margin:10px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel{cursor:pointer}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel .mapboxgl-popup-content{background:rgba(249,254,12,.5)}#secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel .mapboxgl-popup-close-button{color:#f2f2f2;font-size:20px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel .mapboxgl-popup-close-button{margin:3px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-bottom:none;border-top-color:rgba(249,254,12,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-right:none;border-left-color:rgba(249,254,12,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left:none;border-right-color:rgba(249,254,12,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(249,254,12,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-bottom:none;border-top-color:rgba(249,254,12,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(249,254,12,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-left:none;border-right-color:rgba(249,254,12,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right:none;border-left-color:rgba(249,254,12,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-monitoring-vessel.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(249,254,12,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing{cursor:pointer}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing .mapboxgl-popup-content{background-color:rgba(66,135,120,.5)}#secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing .mapboxgl-popup-close-button{color:#f2f2f2;font-size:20px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing .mapboxgl-popup-close-button{margin:3px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-bottom:none;border-top-color:rgba(66,135,120,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-right:none;border-left-color:rgba(66,135,120,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left:none;border-right-color:rgba(66,135,120,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(66,135,120,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-bottom:none;border-top-color:rgba(66,135,120,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(66,135,120,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-left:none;border-right-color:rgba(66,135,120,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right:none;border-left-color:rgba(66,135,120,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-passing.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{border-top:none;border-bottom-color:rgba(66,135,120,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing{cursor:pointer}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing .mapboxgl-popup-content{background-color:hsla(0,0%,51%,.5)}#secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing .mapboxgl-popup-close-button{color:#f2f2f2;font-size:20px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing .mapboxgl-popup-close-button{margin:3px}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-bottom:none;border-top-color:hsla(0,0%,51%,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-right:none;border-left-color:hsla(0,0%,51%,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left:none;border-right-color:hsla(0,0%,51%,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-top:none;border-bottom-color:hsla(0,0%,51%,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-bottom:none;border-top-color:hsla(0,0%,51%,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-top:none;border-bottom-color:hsla(0,0%,51%,.5)}[dir=ltr] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-left:none;border-right-color:hsla(0,0%,51%,.5)}[dir=rtl] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right:none;border-left-color:hsla(0,0%,51%,.5)}[dir] #secure-dataflow-live-map .sdf-live-map-popup-for-sae-route-not-passing.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{border-top:none;border-bottom-color:hsla(0,0%,51%,.5)}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-top-right{right:10px}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-top-right{left:10px}[dir] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #lng-lat-info{margin:100px 0 0 0}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #lng-lat-info{float:right}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #lng-lat-info{float:left}[dir] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #zoom-info{margin:0}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #zoom-info{float:right}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-top-right #zoom-info{float:left}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:left}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-scale{margin:0 10px 10px 0!important}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-scale{margin:0 0 10px 10px!important}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-left{left:10px}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-left{right:10px}[dir=ltr] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left}[dir=rtl] #secure-dataflow-live-map .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:right}[dir=ltr] #secure-dataflow-live-map .margin-10{margin:0 10px 10px 0}[dir=rtl] #secure-dataflow-live-map .margin-10{margin:0 0 10px 10px}[dir=ltr] #secure-dataflow-live-map .margin-100{margin:0 10px 100px 0}[dir=rtl] #secure-dataflow-live-map .margin-100{margin:0 0 100px 10px}[dir=ltr] #secure-dataflow-live-map .custom-control{margin:0 10px 10px 0!important}[dir=rtl] #secure-dataflow-live-map .custom-control{margin:0 0 10px 10px!important}[dir] #secure-dataflow-live-map .popup{padding:10px}#secure-dataflow-alert-summary{position:absolute;bottom:0;width:75%;z-index:10}#secure-dataflow-alert-summary .alert-summary-tab{position:relative;overflow:hidden;width:100%;color:#fff}[dir] #secure-dataflow-alert-summary .alert-summary-tab{margin:0 auto}#secure-dataflow-alert-summary .alert-summary-tab label{line-height:3;position:relative;display:block}[dir] #secure-dataflow-alert-summary .alert-summary-tab label{cursor:pointer;background:#112935}[dir=ltr] #secure-dataflow-alert-summary .alert-summary-tab label{padding:0 0 0 1em}[dir=rtl] #secure-dataflow-alert-summary .alert-summary-tab label{padding:0 1em 0 0}#secure-dataflow-alert-summary .hide-alert-summary{max-height:0;transition:max-height .25s ease;color:#333}[dir] #secure-dataflow-alert-summary .hide-alert-summary{-webkit-transition:max-height .25s ease;background:#112935}#secure-dataflow-alert-summary .show-alert-summary{max-height:20rem;transition:max-height .25s ease;color:#333}[dir] #secure-dataflow-alert-summary .show-alert-summary{-webkit-transition:max-height .25s ease;background:#112935}[dir] #secure-dataflow-alert-summary .alert-summary-table{padding:20px 10px 10px 10px}#secure-dataflow-alert-summary .rotate-icon-up{transition:.25s}[dir] #secure-dataflow-alert-summary .rotate-icon-up{-webkit-transition:.25s}[dir=ltr] #secure-dataflow-alert-summary .rotate-icon-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] #secure-dataflow-alert-summary .rotate-icon-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}#secure-dataflow-alert-summary .rotate-icon-down{-webkit-transform:rotate(0deg);transition:.25s}[dir] #secure-dataflow-alert-summary .rotate-icon-down{transform:rotate(0deg);-webkit-transition:.25s}#secure-dataflow-alert-summary .scroll-area{position:relative;width:100%;height:200px}[dir] #secure-dataflow-alert-summary .scroll-area{margin:auto}[dir] #secure-dataflow-alert-summary .border-style{border-top:4px solid #eb5757!important;margin-bottom:-2px!important}#container-joystick{display:grid;grid-template-rows:30px 25px 25px 25px 30px;grid-template-columns:75px 25px 25px 25px 75px;grid-template-areas:"......... joy-u-val joy-u-val joy-u-val ........." "......... ......... joy-u-con ......... ........." "joy-l-val joy-l-con ......... joy-r-con joy-r-val" "......... ......... joy-d-con ......... ........." "......... joy-d-val joy-d-val joy-d-val ........."}#container-joystick #con-joy-u{grid-area:joy-u-con}[dir] #container-joystick #con-joy-u{margin:.5px;text-align:center;border-radius:5px;background:#78face}#container-joystick #con-joy-u span{vertical-align:middle}#container-joystick #val-joy-u{grid-area:joy-u-val}[dir] #container-joystick #val-joy-u{margin:.5px;text-align:center}#container-joystick #val-joy-u span{vertical-align:middle;color:#f2f2f2}#container-joystick #con-joy-l{grid-area:joy-l-con}[dir] #container-joystick #con-joy-l{margin:.5px;text-align:center;border-radius:5px;background:#78face}#container-joystick #con-joy-l span{vertical-align:middle}#container-joystick #val-joy-l{grid-area:joy-l-val}[dir] #container-joystick #val-joy-l{margin:.5px}[dir=ltr] #container-joystick #val-joy-l{text-align:right}[dir=rtl] #container-joystick #val-joy-l{text-align:left}#container-joystick #val-joy-l span{vertical-align:middle;color:#f2f2f2}[dir=ltr] #container-joystick #val-joy-l span{margin-right:5px}[dir=rtl] #container-joystick #val-joy-l span{margin-left:5px}#container-joystick #con-joy-r{grid-area:joy-r-con}[dir] #container-joystick #con-joy-r{margin:.5px;text-align:center;border-radius:5px;background:#6a90aa}#container-joystick #con-joy-r span{vertical-align:middle}#container-joystick #val-joy-r{grid-area:joy-r-val}[dir] #container-joystick #val-joy-r{margin:.5px}[dir=ltr] #container-joystick #val-joy-r{text-align:left}[dir=rtl] #container-joystick #val-joy-r{text-align:right}#container-joystick #val-joy-r span{vertical-align:middle;color:#f2f2f2}[dir=ltr] #container-joystick #val-joy-r span{margin-left:5px}[dir=rtl] #container-joystick #val-joy-r span{margin-right:5px}#container-joystick #con-joy-d{grid-area:joy-d-con}[dir] #container-joystick #con-joy-d{margin:.5px;text-align:center;border-radius:5px;background:#6a90aa}#container-joystick #con-joy-d span{vertical-align:middle}#container-joystick #val-joy-d{grid-area:joy-d-val}[dir] #container-joystick #val-joy-d{text-align:center;margin:.5px}#container-joystick #val-joy-d span{vertical-align:middle;color:#f2f2f2}#monitoring-ship-maneuvering{overflow:hidden}#monitoring-ship-maneuvering #container-main{display:grid;width:100%;height:100vh;grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:"live-map"}#monitoring-ship-maneuvering #container-vessel-data{display:grid;width:100%;height:100vh;grid-template-rows:80px 60px 1fr;grid-template-columns:1fr;z-index:11;grid-template-areas:"vessel-name" "vessel-status" "vessel-data"}#monitoring-ship-maneuvering #item-vessel-name{grid-area:vessel-name}[dir] #monitoring-ship-maneuvering #item-vessel-name{background:#112935}#monitoring-ship-maneuvering #item-vessel-status{grid-area:vessel-status}[dir] #monitoring-ship-maneuvering #item-vessel-status{background:#21526d}#monitoring-ship-maneuvering #item-vessel-data{grid-area:vessel-data}[dir] #monitoring-ship-maneuvering #item-vessel-data{background:#143243}#monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data #tab-status{overflow-x:hidden;height:calc(90vh - 80px)}[dir] #monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data #tab-status{margin:.5rem}#monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data #tab-maneuvering{overflow-x:hidden;height:calc(90vh - 80px)}[dir] #monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data #tab-maneuvering{margin:.5rem}[dir] #monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data .divider-{margin-top:.3rem}#monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data .sdf-text-18-400-light-navy{color:#779eb8;font-size:16px}#monitoring-ship-maneuvering #item-vessel-data #tabs-maneuvering-data .text-value{color:#f2f2f2;font-size:16px}#monitoring-ship-maneuvering .style-chooser .vs__search::-webkit-input-placeholder{color:#346c88}[dir] #monitoring-ship-maneuvering .style-chooser .vs__search::-webkit-input-placeholder{background:#081e29;border:1px solid #346c88}#monitoring-ship-maneuvering .style-chooser .vs__search::-moz-placeholder{color:#346c88}[dir] #monitoring-ship-maneuvering .style-chooser .vs__search::-moz-placeholder{background:#081e29;border:1px solid #346c88}#monitoring-ship-maneuvering .style-chooser .vs__search:-ms-input-placeholder{color:#346c88}[dir] #monitoring-ship-maneuvering .style-chooser .vs__search:-ms-input-placeholder{background:#081e29;border:1px solid #346c88}#monitoring-ship-maneuvering .style-chooser .vs__search::-ms-input-placeholder{color:#346c88}[dir] #monitoring-ship-maneuvering .style-chooser .vs__search::-ms-input-placeholder{background:#081e29;border:1px solid #346c88}#monitoring-ship-maneuvering .style-chooser .vs__dropdown-menu,#monitoring-ship-maneuvering .style-chooser .vs__dropdown-toggle,#monitoring-ship-maneuvering .style-chooser .vs__search::placeholder{color:#346c88}[dir] #monitoring-ship-maneuvering .style-chooser .vs__dropdown-menu,[dir] #monitoring-ship-maneuvering .style-chooser .vs__dropdown-toggle,[dir] #monitoring-ship-maneuvering .style-chooser .vs__search::placeholder{background:#081e29;border:1px solid #346c88}#monitoring-ship-maneuvering .style-chooser .v-select,#monitoring-ship-maneuvering .style-chooser .vs__selected{color:#f2f2f2;font-size:14px}#monitoring-ship-maneuvering .vessel-status-double-circle{width:25px;height:25px}[dir] #monitoring-ship-maneuvering .vessel-status-double-circle{background-color:#78face;border:3px solid #5ec8b1;border-radius:20px}[dir=ltr] #monitoring-ship-maneuvering .vessel-status-double-circle{margin-left:12px}[dir=rtl] #monitoring-ship-maneuvering .vessel-status-double-circle{margin-right:12px}#monitoring-ship-maneuvering .vessel-status-text-status{color:#78face;font-size:20px}#monitoring-ship-maneuvering .vessel-status-text-time{color:#f2f2f2;font-size:20px}[dir] #monitoring-ship-maneuvering #tab-vessel-live-data #tab-status{margin:.5rem}[dir] #monitoring-ship-maneuvering #tab-vessel-live-data .divider-{margin-top:.3rem}#monitoring-ship-maneuvering #tab-vessel-live-data .sdf-text-18-400-light-navy{color:#779eb8;font-size:16px}#monitoring-ship-maneuvering #tab-vessel-live-data .text-value{color:#f2f2f2;font-size:16px}#monitoring-ship-maneuvering .mapboxgl-ctrl-map-style-changer{height:60px!important;width:60px!important}[dir] #monitoring-ship-maneuvering .mapboxgl-ctrl-map-style-changer .mapboxgl-ctrl-icon{border-radius:4px}[dir=ltr] #monitoring-ship-maneuvering #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right!important}[dir=rtl] #monitoring-ship-maneuvering #secure-dataflow-live-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:left!important}