:root{--opi-white: rgba(255, 255, 255, 1);--opi-white-9: rgba(255, 255, 255, .9);--opi-white-8: rgba(255, 255, 255, .8);--opi-white-7: rgba(255, 255, 255, .7);--opi-white-6: rgba(255, 255, 255, .6);--opi-white-5: rgba(255, 255, 255, .5);--opi-white-4: rgba(255, 255, 255, .4);--opi-white-3: rgba(255, 255, 255, .3);--opi-white-2: rgba(255, 255, 255, .2);--opi-white-1: rgba(255, 255, 255, .1);--opi-black: rgba(0, 0, 0, 1);--opi-black-9: rgba(0, 0, 0, .9);--opi-black-8: rgba(0, 0, 0, .8);--opi-black-7: rgba(0, 0, 0, .7);--opi-black-6: rgba(0, 0, 0, .6);--opi-black-5: rgba(0, 0, 0, .5);--opi-black-4: rgba(0, 0, 0, .4);--opi-black-3: rgba(0, 0, 0, .3);--opi-black-2: rgba(0, 0, 0, .2);--opi-black-1: rgba(0, 0, 0, .1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1);--opi-success-color: #489e3f;--opi-success-color-light: #75c232;--opi-success-color-dark: #398626;--opi-success-color-dark2: #0e6500;--opi-warning-color: #f36f17;--opi-warning-color-light: #ff9249;--opi-warning-color-dark: #da6c05;--opi-danger-color: #ef4949;--opi-danger-color-light: #f76c6c;--opi-danger-color-dark: #fc2d2d;--opi-info-color: #6e6e6e;--opi-info-color-light: #969696;--opi-info-color-light2: #c0c0c0;--opi-info-color-light3: #e2e2e2;--opi-info-color-dark: #494949;--opi-dangerous: rgba(156, 0, 30, 1);--opi-severe: rgba(255, 41, 0, 1);--opi-heavy: rgba(255, 255, 0, 1);--opi-vessel-cargo-color: lightgreen;--opi-vessel-tanker-color: red;--opi-vessel-passenger-color: blue;--opi-vessel-other-color: lightgrey;--opi-perf-cii-a: #75c232;--opi-perf-cii-b: #9dd472;--opi-perf-cii-c: #f8cda2;--opi-perf-cii-d: #ee9797;--opi-perf-cii-e: #e9696a;--opi-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);--opi-dashed-border: 1px dashed var(--opi-white-5);--opi-solid-border: 1px solid var(--opi-white-4);--opi-background-color: var(--opi-primary-color-9);--opi-background-color-dark: var(--opi-primary-color-dark);--opi-background-color-light: var(--opi-primary-color-light);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: rgba(0, 0, 0, .65);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-blink-animation: blink .8s ease-out infinite alternate;--opi-background-timeline-linear: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);--opi-background-timeline-progress: #4c639d;--opi-font-color-3: #333333;--opi-font-color-6: #666666;--opi-font-color-9: #999999;--opi-font-color-link: #264fb5;--opi-menu-color-active: #4c639d;--opi-line-color-border: #e6e6e6;--opi-line-color-split: #f2f2f2;--opi-line-color-disable: #cfcfcf;--opi-table-row-color-light-blue: #f7f9ff;--opi-list-background-color: #f8faff;--opi-button-background-light-blue: #eef1f9;--opi-button-background-dark-blue: #c2cce4}:root[colorTheme=black]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 80%, rgb(0, 0, 0, .8) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-right: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-left: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(117, 117, 117, .93) 30%, rgba(200, 200, 200, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(253, 253, 253), 0 0 21px rgb(226, 226, 226), 0 0 30px rgba(185, 185, 185, .4), 0 0 12px rgba(67, 67, 67, .6), 0 0 22px rgba(27, 27, 27, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(0, 0, 0, .7);--opi-primary-color-light: #757575;--opi-primary-color-light2: #a5a5a5;--opi-primary-color-dark: rgba(0, 0, 0, .8);--opi-primary-color-dark2: rgba(0, 0, 0, 1);--opi-primary-color-9: rgba(0, 0, 0, .9);--opi-primary-color-7: rgba(0, 0, 0, .7);--opi-primary-color-5: rgba(0, 0, 0, .5);--opi-primary-color-3: rgba(0, 0, 0, .3);--opi-primary-color-1: rgba(0, 0, 0, .1)}:root[colorTheme=blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1)}:root[colorTheme=dark-blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgbargba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(104, 104, 226, .93) 20%, rgba(22, 49, 182, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(19, 47, 108, 1);--opi-primary-color-light: #6266e0;--opi-primary-color-light2: #89b0ff;--opi-primary-color-dark: #00224e;--opi-primary-color-dark2: #021a39;--opi-primary-color-9: rgba(19, 47, 108, .9);--opi-primary-color-7: rgba(19, 47, 108, .7);--opi-primary-color-5: rgba(19, 47, 108, .5);--opi-primary-color-3: rgba(19, 47, 108, .3);--opi-primary-color-1: rgba(19, 47, 108, .1)}@font-face{font-family:iconfont;src:url(https://iconfont.oceanpitech.com/iconfont.woff2) format("woff2"),url(https://iconfont.oceanpitech.com/iconfont.woff) format("woff"),url(https://iconfont.oceanpitech.com/iconfont.truetype) format("truetype"),url(https://iconfont.oceanpitech.com/iconfont.svg) format("svg")}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-space{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly}.flex{flex:1}.dropdown{position:relative;display:inline-block!important}.dropdown .dropdown-content{display:none;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}@keyframes blink{0%{box-shadow:0 0 20px var(--opi-warning-color-dark) inset}to{box-shadow:0 0 20px var(--opi-success-color) inset}}