.app header[data-v-981e5042]{background:#3e434c;padding:10px 60px;font-size:32px;font-weight:800;color:#2a94bb}.app header .logo[data-v-981e5042]{height:50px}.app header svg [data-color="1"][data-v-981e5042]{fill:#f4f5f6}.app header svg [data-color="2"][data-v-981e5042]{fill:#f4f5f6}.app .nav-bar[data-v-981e5042]{background:#32363e;padding:10px 60px;font-size:18px;font-weight:100;color:#2a94bb}.app .nav-bar a[data-v-981e5042]{margin-right:20px}.app main[data-v-981e5042]{padding:30px}.main{max-width:1400px;margin:0 auto}.main ul li{margin-bottom:15px}.main .graph .apexcharts-canvas{border:solid 1px hsl(196deg,63%,45%)}.main .sections{display:flex;flex-direction:row;justify-content:space-between;gap:15px;margin-bottom:15px}.main .sections .section{flex:1;padding:0 15px 10px;border:solid 1px rgba(42,148,187,.2);border-radius:5px}.main .alert-wrap{display:flex;flex-direction:column;gap:15px}.main .alert-wrap .xalert{display:flex;flex-direction:row;align-items:center;gap:15px;padding:10px;border:solid 1px rgba(42,148,187,.2);border-radius:5px;background:rgba(42,148,187,.1)}.main .alert-wrap .xalert .wrap-icon{width:50px;height:50px;border-radius:50%;background:rgba(42,148,187,.2);display:flex;align-items:center;justify-content:center}.main .alert-wrap .xalert .wrap-icon img{position:relative;top:0px;scale:.7}.main .alert-wrap .xalert .wrap-icon.invert{background:rgba(42,148,187,.1)}.main .alert-wrap .xalert .wrap-icon.invert img{filter:invert(1)}.main .alert-wrap .xalert .wrap-icon.big img{scale:1.3}.main .alert-wrap .xalert .wrap-icon.bigger img{scale:1.6}.main .alert-wrap .xalert .wrap-text{flex:1}.main .alert-wrap .xalert .wrap-text h3{margin:0;font-size:1.2em;font-weight:500}.main .alert-wrap .xalert .wrap-text p{margin:0;font-size:.9em}.main .alert-wrap .xalert.warning{border-color:#f0c000;background:rgba(255,221,87,.1)}.main .alert-wrap .xalert.warning .wrap-icon img{top:-2px;scale:.8}.main .alert-wrap .xalert.error{border-color:#ff3838;background:rgba(255,56,56,.1)}.main .alert-wrap .xalert.error .wrap-icon img{top:0px;scale:1}.main{max-width:1400px;margin:0 auto}.main ul li{margin-bottom:15px}.main .stats-tbl{width:100%}.main .stats-tbl td{padding:5px 0;font-weight:700;color:#dbdde1}.main .stats-tbl td:nth-child(1){color:#2a94bb}.main .fuel-tbl{width:100%;border-collapse:collapse;margin-top:5px}.main .fuel-tbl td{padding:10px;color:#dbdde1;background:rgba(42,148,187,.1);border:solid 1px rgba(42,148,187,.2)}.main .fuel-tbl td:nth-child(2){font-weight:700}.main .fuel-tbl td.fuel-score-good{color:#76e156}.main .fuel-tbl td.fuel-score-ok{color:#ffdd57}.main .fuel-tbl td.fuel-score-bad{color:#ff3838}.main .sections{display:flex;flex-direction:row;justify-content:space-between;gap:15px;margin-bottom:15px}.main .sections .section{flex:1;padding:10px 15px;border:solid 1px rgba(42,148,187,.2);border-radius:5px}.main .sections .section.vessels{max-width:400px}.main .sections .section.vessel{padding-top:0}.main .sections .section.vessel h1{color:#dbdde1}.main .sections .section.vessel .info-box{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;margin-bottom:15px;margin-top:15px;border-radius:5px;width:100%;background:rgba(255,56,56,.1);border:solid 1px rgba(255,56,56,.2);cursor:pointer}.main .sections .section.vessel .info-box .icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.main .sections .section.vessel .info-box .icon img{position:relative;top:0px;scale:1}.main .sections .section.vessel .info-box .icon.small img{scale:.7}.main .sections .section.vessel .info-box .icon.invert img{filter:invert(1)}.main .sections .section.vessel .info-box .number{font-size:2.1em;font-weight:800;color:#ff3838}.main .sections .section.vessel .info-box .report{font-size:1em;font-weight:700;color:#dbdde1}.main .sections .section.vessel .info-box.warn{background:rgba(255,221,87,.1);border:solid 1px rgba(255,221,87,.2)}.main .sections .section.vessel .info-box.warn .icon{background:rgba(255,221,87,.1)}.main .sections .section.vessel .info-box.warn .number{color:#ffdd57}.main .sections .section.vessel .ship-state{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:15px}.main .sections .section.vessel .ship-state .icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.main .sections .section.vessel .ship-state .icon img{position:relative;top:0px;scale:.7;filter:invert(1)}.main .sections .section.vessel .ship-state .state{font-weight:700}.main .sections .section.vessel .ship-state .state .label{color:#2a94bb;font-weight:800;font-size:1.2em}.main .sections .section.vessel h4{margin:0}.main .sections .section.vessel .img-map{height:300px;border-radius:5px;border:solid 2px rgba(68,174,213,.9)}.main .vessel-wrap{display:flex;flex-direction:column;gap:15px}.main .vessel-wrap .vessel{display:flex;flex-direction:row;align-items:center;gap:15px;padding:10px;border:solid 1px rgba(42,148,187,.2);border-radius:5px;background:rgba(42,148,187,.1);cursor:pointer}.main .vessel-wrap .vessel .wrap-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.main .vessel-wrap .vessel .wrap-icon img{position:relative;top:0px;scale:.7}.main .vessel-wrap .vessel .wrap-icon.invert img{filter:invert(1)}.main .vessel-wrap .vessel .wrap-icon.big img{scale:1.3}.main .vessel-wrap .vessel .wrap-icon.bigger img{scale:1.6}.main .vessel-wrap .vessel .wrap-text{flex:1}.main .vessel-wrap .vessel .wrap-text p.name{margin:0;font-size:1.2em;font-weight:800}.main .vessel-wrap .vessel .wrap-text p.status{margin:8px 0;font-size:1em;font-weight:700;color:#2a94bb}.main .vessel-wrap .vessel .wrap-text p.desc{margin:0;font-size:.9em}.main .vessel-wrap .vessel .wrap-text p.desc.warn{color:#ffdd57;font-weight:700;text-transform:uppercase}.main .vessel-wrap .vessel .wrap-text p.desc.error{color:#ff1414;font-weight:700;text-transform:uppercase}.main .vessel-wrap .vessel.selected{background:rgba(42,148,187,.4);border-color:#2a94bb}@font-face{font-family:FreeSans;font-style:normal;src:url(/assets/FreeSans.1ba2b29f.otf) format("opentype")}@font-face{font-family:FreeSans;font-style:normal;font-weight:500;src:url(/assets/FreeSansBold.6ef6c5a5.otf) format("opentype")}@font-face{font-family:FreeSans;font-style:italic;src:url(/assets/FreeSansOblique.10c5a3dc.otf) format("opentype")}@font-face{font-family:FreeSans;font-style:italic;font-weight:500;src:url(/assets/FreeSansBoldOblique.0de8aee6.otf) format("opentype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:100;src:url(/assets/Montserrat-ExtraLight.8c100f38.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:100;src:url(/assets/Montserrat-ExtraLightItalic.74053c01.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:200;src:url(/assets/Montserrat-Light.c7f82563.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:200;src:url(/assets/Montserrat-LightItalic.674ddb1f.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;src:url(/assets/Montserrat-Medium.67dcd34c.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;src:url(/assets/Montserrat-MediumItalic.55493636.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url(/assets/Montserrat-SemiBold.0563c10d.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:url(/assets/Montserrat-SemiBoldItalic.2ee7e843.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(/assets/Montserrat-Bold.582072a1.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:700;src:url(/assets/Montserrat-BoldItalic.62febe8e.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;src:url(/assets/Montserrat-ExtraBold.49ca1760.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:800;src:url(/assets/Montserrat-ExtraBoldItalic.1375ba40.ttf) format("truetype")}body{margin:0;font-family:Montserrat,FreeSans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsl(220deg,10%,17%);color:#dbdde1}h1,h2,h3,h4,h5{color:#2a94bb}a,a:visited{color:#aa5a6e}a:hover{color:#cd9da9}