@import url(https://code.highcharts.com/css/highcharts.css);.sdf-pagination-dropdown-menu .vs-dropdown--menu{color:#f2f2f2}[dir] .sdf-pagination-dropdown-menu .vs-dropdown--menu{border:2px solid #346c88;background:#143243}.sdf-pagination-dropdown-menu .vs-dropdown--menu--after{z-index:300}[dir] .sdf-pagination-dropdown-menu .vs-dropdown--menu--after{border-top:2px solid #346c88;background:#143243}[dir=ltr] .sdf-pagination-dropdown-menu .vs-dropdown--menu--after{border-left:2px solid #346c88}[dir=rtl] .sdf-pagination-dropdown-menu .vs-dropdown--menu--after{border-right:2px solid #346c88}.sdf-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .sdf-pagination .section-title{margin-right:13px;margin-left:18px}[dir=rtl] .sdf-pagination .section-title{margin-left:13px;margin-right:18px}[dir] .sdf-pagination .pagination-section{margin-top:5px}.sdf-pagination .dropdown{height:36px}[dir] .sdf-pagination .dropdown{border:2px solid #346c88;border-radius:3px}[dir=ltr] .sdf-pagination .dropdown{padding:1px 55px 1px 10px}[dir=rtl] .sdf-pagination .dropdown{padding:1px 10px 1px 55px}.sdf-pagination p{color:#779eb8}.sdf-pagination a{color:#f2f2f2!important}.sdf-pagination .arrow{z-index:2;position:absolute;pointer-events:none}[dir] .sdf-pagination .arrow{border-color:#346c88;border-style:solid;border-width:10px;border-bottom-color:transparent;margin-bottom:10px;margin-top:4px}[dir=ltr] .sdf-pagination .arrow{border-left-color:transparent;border-right-color:transparent;margin-left:27px}[dir=rtl] .sdf-pagination .arrow{border-right-color:transparent;border-left-color:transparent;margin-right:27px}[dir] .close-icon[data-v-581b195c]{cursor:pointer}[dir=ltr] .close-icon[data-v-581b195c]{float:right}[dir=rtl] .close-icon[data-v-581b195c]{float:left}[dir] .vs-button[data-v-581b195c]{padding:4px 24px!important}.sdf-popup-background[data-v-581b195c]{width:100%;position:absolute;top:0;height:100%;z-index:10;transition:all .25s ease;opacity:1}[dir] .sdf-popup-background[data-v-581b195c]{background:rgba(0,0,0,.4);-webkit-transition:all .25s ease}.sdf-popup-inner[data-v-581b195c]{transition:all .2s;width:100%;height:100%;position:fixed;top:0;z-index:20000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1}[dir] .sdf-popup-inner[data-v-581b195c]{-webkit-transition:all .2s}[dir=ltr] .sdf-popup-inner[data-v-581b195c]{left:0}[dir=rtl] .sdf-popup-inner[data-v-581b195c]{right:0}.sdf-popup-container[data-v-581b195c]{z-index:11;min-width:200px;max-width:calc(100% - 30px);max-height:calc(100% - 30px)}[dir] .sdf-popup-container[data-v-581b195c]{background:#21556f;padding:15px;border-radius:6px}.fade-enter-active[data-v-581b195c],.fade-leave-active[data-v-581b195c]{transition:opacity .3s}[dir] .fade-enter-active[data-v-581b195c],[dir] .fade-leave-active[data-v-581b195c]{-webkit-transition:opacity .3s}.fade-enter[data-v-581b195c],.fade-leave-to[data-v-581b195c]{opacity:0}.vx-auto-suggest{position:relative}.vx-auto-suggest .vs-input .vs-con-input .vs-inputx{color:#f2f2f2!important;z-index:10}[dir] .vx-auto-suggest .vs-input .vs-con-input .vs-inputx{background:#3d4656}.vx-auto-suggest .vs-input .vs-con-input .vs-input--placeholder{top:0;z-index:50;color:#828282;font-size:14px;font-weight:400}.vx-auto-suggest .auto-suggest-suggestions-list{position:absolute;width:100%;max-height:82vh;overflow-y:auto}[dir] .vx-auto-suggest .auto-suggest-suggestions-list{background:#3d4656}[dir] .vx-auto-suggest .auto-suggest-suggestions-list .auto-suggest__suggestion-group__suggestion.vx-auto-suggest__current-selected{background:#2d9cdb}.vx-auto-suggest .auto-suggest-suggestions-list span{color:#f2f2f2}.engine-data-custom-report{width:100%}.engine-data-custom-report .incremental-search-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .engine-data-custom-report .incremental-search-container{border-bottom:1px solid #828282;padding-top:10px;padding-bottom:10px;background:#21556f}.engine-data-custom-report .input-title-text{font-size:18px;height:20px}[dir=ltr] .engine-data-custom-report .input-title-text,[dir=rtl] .engine-data-custom-report .input-title-text{margin-left:20px;margin-right:20px}.engine-data-custom-report .channel-incremental-search{width:300px}.engine-data-custom-report .channel-incremental-search input{font-size:16px!important;color:#f2f2f2!important}[dir] .engine-data-custom-report .channel-incremental-search input{background:transparent;border:1px solid #f2f2f2!important}.engine-data-custom-report .channel-incremental-search .vs-input--placeholder{color:hsla(0,0%,94.9%,.5019607843)!important;font-size:16px}.engine-data-custom-report .auto-suggest-suggestions-list{white-space:nowrap;width:auto}[dir] .engine-data-custom-report .auto-suggest-suggestions-list{background:#20678f!important}.engine-data-custom-report .auto-suggest__suggestion-group__suggestion{font-size:16px}[dir] .engine-data-custom-report .auto-suggest__suggestion-group__suggestion{padding:4px 10px 7px 10px}[dir=ltr] .engine-data-custom-report .suggestion-id,[dir=ltr] .engine-data-custom-report .suggestion-name{margin-right:6px}[dir=rtl] .engine-data-custom-report .suggestion-id,[dir=rtl] .engine-data-custom-report .suggestion-name{margin-left:6px}[dir] .engine-data-custom-report .vx-auto-suggest__current-selected{background:#298cc4!important}.error-chart .highcharts-area{fill:#eb5757!important}.error-chart .highcharts-graph{stroke:#eb5757!important}.engine-data-chart.custom-chart{height:calc(100vh - 397px)!important}.engine-data-chart{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 337px);overflow-y:scroll}.engine-data-chart .upside-down{-webkit-transform:rotateX(180deg)}[dir] .engine-data-chart .upside-down{transform:rotateX(180deg)}.engine-data-chart .vertial-buttons{width:21px;-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}.engine-data-chart .chart-menu-inner-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] .engine-data-chart .chart-menu-inner-row{margin-bottom:6px}.engine-data-chart .disabled{color:#626262;pointer-events:none}[dir] .engine-data-chart .disabled{cursor:default!important}.engine-data-chart .arrow-button{height:18px}[dir=ltr] .engine-data-chart .arrow-button,[dir=rtl] .engine-data-chart .arrow-button{margin-left:auto;margin-right:auto}.engine-data-chart .chart-control-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:180px;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[dir] .engine-data-chart .chart-control-area{padding-top:18px}.engine-data-chart .control-button{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .engine-data-chart .control-button{cursor:pointer}.engine-data-chart .vertical-zoom-buttons .control-button{height:21px}.engine-data-chart .horizontal-zoom-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.engine-data-chart .horizontal-zoom-buttons .control-button{height:21px}.engine-data-chart .engine-data-chart-parent-container{width:100%}.engine-data-chart .row{overflow-wrap:break-word;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .engine-data-chart .row{border-bottom:1px solid #828282}.engine-data-chart .highcharts-area{fill:#2d9cdb}.engine-data-chart .highcharts-graph{stroke:#2d9cdb}.engine-data-chart .highcharts-plot-background{stroke:#f2f2f2;stroke-width:1px}.engine-data-chart .highcharts-background{fill:transparent}.engine-data-chart .data-chart-container{overflow:visible!important}[dir=ltr] .engine-data-chart .data-chart-container{margin-right:5px}[dir=rtl] .engine-data-chart .data-chart-container{margin-left:5px}.engine-data-chart .highcharts-grid-line{stroke-width:0px}.engine-data-chart .alerm{width:24px;height:24px}[dir] .engine-data-chart .alerm{border-radius:20px;background:#eb5757;border:4px solid #bb4949}[dir=ltr] .engine-data-chart .alerm,[dir=rtl] .engine-data-chart .alerm{margin-left:auto;margin-right:auto}[dir=ltr] .engine-data-chart .column-check{padding-left:13px!important}[dir=rtl] .engine-data-chart .column-check{padding-right:13px!important}.engine-data-chart .alerm-column{min-width:70px}.engine-data-chart .channel-id-column{min-width:60px}.engine-data-chart .channel-name-column{width:220px}.engine-data-chart .value-column{width:180px;font-size:18px}[dir=ltr] .engine-data-chart .value-column{padding-right:3rem}[dir=rtl] .engine-data-chart .value-column{padding-left:3rem}.engine-data-chart .status-column,.engine-data-chart .unit-column{min-width:80px;font-size:22px}.engine-data-chart .value-text{font-size:22px;line-height:1}.engine-data-chart .zoom-button-column{min-width:17px}.engine-data-chart .highcharts-point{stroke-width:0px}[dir] .engine-data-chart .remove-button{margin-top:5px}[dir] .engine-data-chart .error-status{background:#eb5757}.engine-data-chart .error-text{color:#eb5757}.engine-data-chart .zoom-in-button{display:block}.engine-data-chart .chart-button{width:17px;height:17px;color:#f2f2f2}[dir] .engine-data-chart .chart-button{background:transparent;border-width:1px;border-color:#f2f2f2;border-radius:2px}.engine-data-chart .highcharts-axis-labels{fill:#f2f2f2}.engine-data-chart .highcharts-grid-line{stroke:#2d9cdb}.engine-data-chart .highcharts-tooltip-box{fill:#828282}.engine-data-chart .highcharts-tooltip text{fill:#f2f2f2!important}.engine-data-chart .highcharts-markers{fill:#f2f2f2}.engine-data-chart .data-chart-container-blank{width:605px}.engine-data-chart .highcharts-tick{stroke:transparent}.engine-data-chart .highcharts-graph{stroke:#f2f2f2;stroke-width:1px}.engine-data-chart .highcharts-yaxis-labels text{fill:#f2f2f2!important}.engine-data-chart .con-vs-loading{z-index:9}#engine-data-details{color:#f2f2f2;min-height:calc(100vh - 251px);display:-webkit-box;display:-ms-flexbox;display:flex}[dir] #engine-data-details{background-color:#143243}#engine-data-details #side-container{width:250px}[dir] #engine-data-details #side-container{padding:30px}#engine-data-details .menu-item-icon{position:absolute}[dir] #engine-data-details .menu-item-icon{margin-top:3px}[dir] #engine-data-details .effect{background:#2d9cdb!important}#engine-data-details .vs-pagination--buttons{color:#f2f2f2}[dir] #engine-data-details .vs-pagination--buttons{background:transparent!important}[dir] #engine-data-details .vs-pagination--ul{background:#346c88}#engine-data-details .vs-pagination--li{color:#f2f2f2}#engine-data-details #main-container{width:100%}[dir=ltr] #engine-data-details #main-container{padding-left:30px}[dir=rtl] #engine-data-details #main-container{padding-right:30px}#engine-data-details .control-area,#engine-data-details .data-report-menu-area{display:-webkit-box;display:-ms-flexbox;display:flex}#engine-data-details .data-report-menu-area{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[dir] #engine-data-details .data-report-menu-item{margin:20px;cursor:pointer}#engine-data-details .data-report-menu-item p{font-size:16px}[dir=ltr] #engine-data-details .data-report-menu-item p{padding-left:29px}[dir=rtl] #engine-data-details .data-report-menu-item p{padding-right:29px}#engine-data-details .side-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:120px}[dir] #engine-data-details .side-switch{margin-top:20px;margin-bottom:30px}[dir] #engine-data-details .side-switch-area{margin-top:40px}#engine-data-details .side-menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] #engine-data-details .engine-data-chart-container,[dir] #engine-data-details .side-menu-item{margin-top:10px;margin-bottom:10px}#engine-data-details #chart-column-header{display:-webkit-box;display:-ms-flexbox;display:flex}[dir] #engine-data-details #chart-column-header{border-bottom:solid;border-width:1px;border-color:#828282}#engine-data-details .column-check{min-width:60px}[dir=ltr] #engine-data-details .column-check{padding-left:13px}[dir=rtl] #engine-data-details .column-check{padding-right:13px}#engine-data-details .column-alerm{min-width:70px}#engine-data-details .column-channel-id{min-width:60px}#engine-data-details .column-channel-name{width:220px}#engine-data-details .column-value{min-width:180px}#engine-data-details .column-status,#engine-data-details .column-unit{min-width:80px}#engine-data-details .column-chart{min-width:220px}#engine-data-details .column-date{min-width:190px}#engine-data-details .column-id{min-width:120px}#engine-data-details .column-alert-name,#engine-data-details .column-event-name{min-width:600px}#engine-data-details .column-alert-value,#engine-data-details .column-event-value{min-width:120px}#engine-data-details .column-alert-status,#engine-data-details .column-event-status{min-width:130px}#engine-data-details .column-3d{min-width:100px}[dir=ltr] #engine-data-details .pagination{float:right}[dir=rtl] #engine-data-details .pagination{float:left}#engine-data-details .item-disabled{color:#888}[dir] #engine-data-details .item-disabled{cursor:default}#engine-data-details .item-disabled p{color:#888}[dir=ltr] .vessel-communication-channel-area[data-v-7dc35566]{margin-right:40px}[dir=rtl] .vessel-communication-channel-area[data-v-7dc35566]{margin-left:40px}#monitoring-vessel-engine-header[data-v-7dc35566]{width:100%;height:83px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] #monitoring-vessel-engine-header[data-v-7dc35566]{background:#09151c}[dir=ltr] #header-text[data-v-7dc35566]{margin-left:120px}[dir=rtl] #header-text[data-v-7dc35566]{margin-right:120px}