html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  line-height: 1;
}

nav ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
select {
  vertical-align: middle;
}

/**
 * General styles
 */
html,
body {
  font-size: 1rem;
  background: #171b25;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #8395ac;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}

a:link,
a:hover,
a:visited {
  color: #2ee4f4;
}

/**
 * Scrollbar
 */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: rgba(122, 126, 133, 0.3);
}

::-webkit-scrollbar-corner {
  background: #0f1114;
}

.Form__formElementContainer___bna3j,
.Form__formSelectContainer___NChrv {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
  flex: 0 1 auto;
}

.Form__formElementContainer___bna3j input,
.Form__formElementContainer___bna3j textarea,
.Form__formElementContainer___bna3j .react-datepicker-wrapper,
.Form__formSelectContainer___NChrv .Form__formSelectBox___dVPAD {
  flex: auto;
}

.Form__formElementContainer___bna3j .react-datepicker-wrapper {
  width: 100%;
}

.Form__formElementContainer___bna3j input:focus,
.Form__formElementContainer___bna3j textarea:focus {
  outline: none;
  box-shadow: inset 0 0 2px 1px #2ee4f4;
}

.Form__formElementContainer___bna3j input[type="text"],
.Form__formElementContainer___bna3j input[type="password"],
.Form__formElementContainer___bna3j .Form__url___uWrzB .Form__formElementContainer___bna3j .Form__time___kagev {
  height: 42px;
  background: transparent;
  border: 2px solid #8395ac;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  padding: 5px 8px 5px 8px;
}

.Form__url___uWrzB {
  display: flex;
  align-items: center;
}

.Form__formElementContainer___bna3j textarea {
  background: transparent;
  border: 2px solid #8395ac;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  padding: 5px 8px 5px 8px;
  overflow: auto;
}

.Form__formElementContainer___bna3j input[disabled],
.Form__formElementContainer___bna3j textarea[disabled] {
  color: #8395ac;
}

.Form__isChanged___CfZZx input,
.Form__isChanged___CfZZx textarea {
  box-shadow: inset 0 0 2px 1px #efce65;
}

.Form__isChanged___CfZZx input:focus,
.Form__isChanged___CfZZx textarea:focus {
  box-shadow: inset 0 0 2px 2px #efce65;
}

.Form__formElementContainer___bna3j input[data-valid="false"],
.Form__formElementContainer___bna3j textarea[data-valid="false"] {
  box-shadow: inset 0 0 2px 1px #e84569;
}

.Form__formElementContainer___bna3j input[data-valid="false"]:focus,
.Form__formElementContainer___bna3j textarea[data-valid="false"]:focus {
  box-shadow: inset 0 0 2px 2px #e84569;
}

.Form__formElementContainer___bna3j input[readonly],
.Form__formElementContainer___bna3j textarea[readonly] {
  color: #8395ac;
}

.Form__leftAlignedContainer___YmibX {
  flex-direction: row;
  min-height: 42px;
}

.Form__labelContainer___XD_S0 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.Form__leftAlignedContainer___YmibX .Form__labelContainer___XD_S0 {
  min-width: 130px;
  flex-direction: column;
  justify-content: center;
}

.Form__requiredMessage____1104 {
  margin-left: 8px;
  font-size: 0.75rem;
  color: #58677a;
}

.Form__leftAlignedContainer___YmibX .Form__requiredMessage____1104 {
  margin-left: 0;
}

.Form__validationMessage___nn1K9 {
  margin-left: 8px;
  font-size: 0.75rem;
  color: #ff9a53;
}

.Form__label____P1wk {
  margin-bottom: 8px;
  color: #8395ac;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.Form__labelTag___r9fSM {
  margin-left: auto;
  margin-right: 10px;
  color: #8395ac;
  font-size: 80%;
}

.Form__leftAlignedContainer___YmibX .Form__labelContainer___XD_S0 .Form__validationMessage___nn1K9 {
  margin-left: 0;
}

.Header__header___UeLyF {
  height: 5rem;
  background: #171b25;
  padding: 0 1rem 0 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

.Header__fixed___fSvvE {
  position: fixed;
  top: 0;
  width: 100%;
}

.Header__sticky___w2voa {
  position: sticky;
  top: 0;
  width: 100%;
}

.Header__sticky___w2voa::after {
  content: "";
  position: absolute;
  background-color: #0f1114;
  height: 2px;
  top: 5rem;
  left: 0;
  width: 100%;
}

.Header__navTrigger___wmg6o {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.Header__navTrigger___wmg6o:hover div {
  opacity: 0.75;
}

.Header__headerContent___kberX {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Header__logo___bcxSJ {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 5rem;
  padding: 5px;
}

.Title__title___H6mzo {
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  white-space: nowrap;
}

.Logo__logo___rzE4L {
  fill: white;
  background-size: 125px 62px;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 62px;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.SubHeader__container___asMIW {
  height: 5rem; /* ensure height when the content is fixed positioned */
}

.SubHeader__content___G6GGl {
  position: fixed;
  top: 5rem;
  left: 0;
  width: 100%;
  z-index: 9;
}

.Grid__gridContainer___EXLfu {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  overflow: hidden;
  background: #0f1114;
}

.Grid__gridContainer___EXLfu:first-child {
  padding-top: 0.25rem;
}

.Grid__gridContainer___EXLfu:last-child {
  padding-bottom: 0.25rem;
}

.Grid__gridCell___WTbgb {
  width: 20%;
  height: 30.3125rem;
  flex-basis: 20%;
  padding: 0.25rem;
  display: flex;
}

.Grid__inner___rFJg0 {
  background: #171b25;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Grid__gridCell___WTbgb[data-center="true"] .Grid__inner___rFJg0 {
  align-content: center;
  justify-content: center;
}

.Grid__gridCell___WTbgb[data-cell-span="2"] {
  flex-basis: 40%;
}

.Grid__gridCell___WTbgb[data-cell-span="3"] {
  flex-basis: 60%;
}

.Grid__gridCell___WTbgb[data-cell-span="4"] {
  flex-basis: 80%;
}

.Grid__gridCell___WTbgb[data-cell-span="5"] {
  flex-basis: 100%;
}

.Loader__loaderContainer___G4CiE {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.Loader__expand___d98Kt {
  width: 100%;
  height: 100%;
}

.Loader__spinner___pTFO6 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  font-size: 20px;
  transform-origin: 50% 50%;
  animation: Loader__spin___woLgA 1.5s linear infinite;
}

.Loader__inline___ms0_H {
  display: inline;
}

.Loader__inline___ms0_H .Loader__spinner___pTFO6 {
  width: 2em;
  height: 2em;
  font-size: 0.5em;
  border-width: 1px;
}

.Loader__text___HAare {
  font-size: 1rem;
  margin: 1rem 0 0 0;
  color: white;
  animation: Loader__flash___IMHgp 1.5s ease-out infinite;
  animation-direction: alternate-reverse;
}

.Loader__error___mWnsD {
  font-size: 1rem;
  margin: 0;
  color: #e84569;
}

.Loader__resetButton___vxehF {
  margin: 2rem;
}

@keyframes Loader__spin___woLgA {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes Loader__flash___IMHgp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.3;
  }
}

:root {
  /*
    Ansi color palette:

    | Name   | Normal | Bright |
    | ------ | ------ | ------ |
    | Black  | 0      | 8      |
    | Red 	 | 1      | 9      |
    | Green  | 2      | 10     |
    | Yellow | 3      | 11     |
    | Blue   | 4      | 12     |
    | Purple | 5      | 13     |
    | Cyan   | 6      | 14     |
    | White  | 7      | 15     |

   */
}

.Button__button___MYuK7 {
  background: transparent;
  border: 2px solid #8395ac;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
  color: white;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Button__button___MYuK7[data-type="button"] {
  padding: 0 3rem;
  min-width: 15rem;
  border-radius: 2rem;
  height: 3rem;
}

.Button__button___MYuK7[data-type="smallButton"] {
  padding: 0 1rem;
  border-radius: 2rem;
  height: 3rem;
}

.Button__button___MYuK7[data-type="link"] {
  border-width: 0 0 2px 0;
  border-radius: 0;
  text-align: left;
  padding: 0 0 2px 0;
  background: none;
  display: inline-flex;
}

.Button__button___MYuK7[data-type="content"] {
  padding: 0 1rem;
  border-radius: 2rem;
  height: 3rem;
}

.Button__button___MYuK7[data-type="alert"] {
  padding: 0 3rem;
  min-width: 15rem;
  border-radius: 2rem;
  height: 3rem;
  border-color: #914652;
}

.Button__button___MYuK7[data-type="content"] path {
  stroke: #ffffff;
  stroke-width: 2px;
}

.Button__button___MYuK7[data-type="dashed"] {
  border: 1.6px dashed;
}
.Button__button___MYuK7[data-type="verySmallButton"] {
  padding: 0;
  border-radius: 3px;
  border: none;
}
.Button__button___MYuK7:hover:not(:disabled):not(:active),
.Button__button___MYuK7:focus {
  border-color: white;
}

.Button__button___MYuK7:disabled {
  opacity: 0.25;
  cursor: default;
}

.Button__button___MYuK7:active {
  border-color: #8395ac;
}

.Button__button___MYuK7[data-type="alert"]:active {
  border-color: #fc406a;
  background: #914652;
}

.Button__button___MYuK7[data-type="alert"]:hover:not(:disabled):not(:active),
.Button__button___MYuK7[data-type="alert"]:focus {
  border-color: #e84569;
}

.Button__button___MYuK7 .Button__buttonTextContainer___WBSZ7 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Button__lineUnderText___FPEuL {
  height: 4px;
  width: 10px;
  margin-top: 2px;
}

.Button__spinner___KQk1w {
  margin-right: 0.25rem;
}

.TopList__topList___sDf81 {
  height: 485px;
  font-size: 1rem;
  font-weight: 300;
  color: #8395ac;
  padding: 1.25rem 2.5rem;
}

.TopList__header___K8ha2 {
  display: flex;
  margin-bottom: 2.5rem;
  justify-content: space-between;
  align-items: baseline;
}

.TopList__title___YPdt5 {
  flex-grow: 2;
  margin-left: 1em;
  margin-right: 1em;
}

.TopList__period___BFeRp {
  text-align: right;
}

.TopList__items___phxle {
  font-size: 2rem;
}

.TopList__item___SXfBf {
  display: flex;
  margin-bottom: 1.5rem;
}

.TopList__itemName___YgVrT {
  color: #ffffff;
  flex-grow: 1;
}

.TopList__itemValues___PzqeU {
  text-align: right;
}

.TopList__itemValues___PzqeU sup {
  font-size: 0.75rem;
  bottom: 0.25em;
  position: relative;
}

.TopList__main___xCead {
  margin-bottom: 0.35rem;
}

.TopList__mainValue____nFG0 {
  color: #4af381;
  margin-right: 0.25rem;
}

.TopList__mainValue____nFG0.TopList__negative___SRit9 {
  color: #fc406a;
}

.DonutContainer__mainContainer___EjP6u {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 1rem;
  align-items: center;
  align-content: center;
  height: 100%;
}

.DonutContainer__legendsContainer___eHj9B {
  display: flex;
  width: 100%;
}

.DonutContainer__legendsInnerContainer___n7QqI {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-grow: 2;
}

.DonutContainer__legendsInnerContainer___n7QqI > div {
  margin: 0 5px;
}

.DonutContainer__resetContainer___FSXiw {
  flex-grow: 1;
  width: 44px;
  text-align: right;
  padding-right: 0.25rem;
}

.DonutContainer__donutsContainer___eOQGK {
  display: flex;
  margin: 1px;
}

.DonutContainer__donutContainer___DAYBi {
  /*
   A donut should take up one grid cell, which is 20% of the screen
   width. On a 1900px solution (which the design is intended for), the
   donut should be 320px, approx 17% of the screen width.
   Note: need to specify both width and height because of IE11.
   */
  width: 17vw;
  height: 17vw;
  min-width: 200px;
  min-height: 200px;
  max-width: 320px;
  max-height: 320px;
}

.DonutContainer__donutContainer___DAYBi + .DonutContainer__donutContainer___DAYBi {
  margin-left: 1rem;
}

.DonutContainer__widgetHeader___DxHCG h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  text-transform: uppercase;
  min-height: 24px;
}

.Donut__donutContainer_____6we {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.Donut__svg___Phh9n {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.Donut__donutValueContainer___UXOq0 {
  position: absolute;
  left: 10%;
  top: 20%;
  width: 80%;
  height: 60%;
  padding-top: 25%; /* height of the icon plus spacing */
  text-align: center;
}

.Donut__donutValue___i4QHI {
  font-size: 3rem;
  color: #ffffff;
  margin-bottom: 0.25rem;
}

.Donut__donutUnit___KpS4Q {
  color: #8395ac;
}

.Donut__donutValuePart___aJ_uK {
  font-weight: 400;
}

.Donut__donutSubValue___hAxJs {
  font-size: 0.9rem;
  color: #58677a;
}

.Donut__donutLabel___D1MyM {
  font-family: "Roboto", sans-serif;
  font-size: clamp(8px, 0.7vw, 20px);
  font-weight: 300;
  color: #ffffff;
  position: absolute;
}

.Donut__donutLabel___D1MyM > em {
  color: #58677a;
  font-style: normal;
}

.Donut__donutIcon___bTkTY {
  fill: #8395ac;
}

.Donut__donutShadow___W1yl_ {
  pointer-events: none;
}

.Donut__labelContainer___EkhSC {
  z-index: 1;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.Donut__showLabelContainer____0onz {
  display: block;
}

.Legends__legend___d5oo9 {
  margin: 0 0.5rem 0.5rem 0;
  overflow: hidden;
}

.Legends__legendButton___n1ybr {
  padding: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #171b25;
  text-align: center;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0.2rem 0.2rem;
}

.Legends__legendButton___n1ybr:hover {
  border: 2px solid white;
  opacity: 1;
}

.Legends__legendButtonNotSelected___zHNps {
  opacity: 0.2;
}

.Legends__legendButton___n1ybr span {
  width: 100%;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
}
.Legends__legendButton___n1ybr span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  background: transparent;
}

.FuelConsumption__svg___iZZVW {
  fill: #8395ac;
}

.FuelConsumption__title___d1hdq {
  fill: #8395ac;
}

.FuelConsumption__trendLine___DR1uI {
  fill: none;
  stroke: #2ee4f4;
  stroke-width: 2;
}

.FuelConsumption__points___szDDC {
  fill: #171b25;
  stroke: #2ee4f4;
  stroke-width: 2;
}

.FuelConsumption__mean___x3sNT {
  stroke: #8395ac;
  stroke-width: 2;
  stroke-dasharray: 5;
}

.tick text {
  fill: #8395ac;
  font-size: 1rem;
}

.tick line {
  stroke-width: 0;
}

.GroupedBarGraph__metric___GEcik,
.GroupedBarGraph__axis___xXxhJ text {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  fill: #8395ac;
}

.GroupedBarGraph__axis___xXxhJ path {
  stroke: #2b313f;
  stroke-width: 0.2em;
}

.GroupedBarGraph__legend___sJzFV {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  fill: #8395ac;
}

.EnergyBudgetResult__container___UufW0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.EnergyBudgetResult__header___pJcc6 h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  text-transform: uppercase;
  padding: 2rem 0 1.5rem 0;
  text-align: center;
}

.EnergyBudgetResult__graph___XaHz8 {
  flex-grow: 2;
  position: relative;
}

.EnergyBudgetResult__emptyContent___sf68n {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8395ac;
  font-size: 2em;
}

.FleetConnectionStatus__container___k51EK {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #8395ac;
}

.FleetConnectionStatus__container___k51EK h2 {
  font-size: 1.25rem;
  margin-bottom: 1em;
}

.FleetConnectionStatus__container___k51EK em {
  color: #ffffff;
  font-style: normal;
}

.HealthEventStatus__outerContainer___nUkCa {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 1rem;
}

.HealthEventStatus__container___pM5rr {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #8395ac;
}

.HealthEventStatus__header___riJz5 {
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  text-transform: uppercase;
  min-height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.HealthEventStatus__eventCount___lw2ki {
  color: #e84569;
  font-weight: bold;
}

.Gauge__baseCircle___j6Izl {
  fill: transparent;
  stroke: #2b313f;
  stroke-width: 3px;
}

.Gauge__valueCircle___HCVHz {
  fill: transparent;
  stroke-width: 4px;
}

.Gauge__gaugeContainer___iZqlU {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Roboto", sans-serif;
  color: #8395ac;
}

.Gauge__gaugeBaseContainer___J3Xwk {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.Gauge__gaugeContent___jOuWf {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.Gauge__gaugeValue___dPSup {
  font-family: "Roboto", sans-serif;
  fill: #ffffff;
}

.Gauge__gaugeUnit___ACS4P {
  font-family: "Roboto", sans-serif;
  fill: currentColor;
}

.Gauge__gaugePerformanceValue___qVCGP {
  font-family: "Roboto", sans-serif;
  fill: #ffffff;
}

.Gauge__green___tWCUt .Gauge__gaugeValue___dPSup,
.Gauge__green___tWCUt .Gauge__gaugePerformanceValue___qVCGP {
  fill: #4af381;
}

.Gauge__red___m6KtU .Gauge__gaugeValue___dPSup,
.Gauge__red___m6KtU .Gauge__gaugePerformanceValue___qVCGP {
  fill: #fc406a;
}

.SparklineGraph__sparklineGraph___Jh3EV {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.SparklineGraph__sparklineGraph___Jh3EV[data-is-trend="true"]:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  background: #2b313f;
  width: 100%;
  height: 1px;
}

.SparklineGraph__sparklineGraph___Jh3EV[data-is-trend="false"]:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(100% - 1px);
  background: #2b313f;
  width: 100%;
  height: 1px;
}

.SparklineGraph__sparklineGraph___Jh3EV:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #171b25;
  z-index: 2;
}

.SparklineGraph__barContainer___U1Wcg {
  width: 2px;
  margin: auto 0.02em;
  list-style: none;
  height: 100%;
  position: relative;
}

.SparklineGraph__valueChunk___qlw0A {
  position: absolute;
  left: 0;
  width: 2px;
}

.PerformanceGauge__outerContainer___byTPI {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 1rem;
}

.PerformanceGauge__header___g8ewd {
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  text-transform: uppercase;
  min-height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.PerformanceGauge__header___g8ewd.PerformanceGauge__small___iqfK0 {
  font-size: 0.75rem;
  font-weight: 600;
}

.PerformanceGauge__gaugeContainer___XGAUv {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 270px;
  flex: 9 1 auto;
}

.PerformanceGauge__gaugeInnerContainer___vXahq {
  position: absolute;
  height: 100%;
  width: 100%;
}

.PerformanceGauge__sparklineContainer___nlhlo {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 270px;
  min-width: 100px;
  min-height: 30px;
}

.PerformanceGauge__sparkline___c6yhS {
  align-self: center;
  height: 30px;
  width: 100%;
}

.PerformanceGauge__secondaryValueContainer___w9UBz {
  position: relative;
  flex: 1 1 auto;
}

.PerformanceGauge__secondaryValue___GL8BW {
  font-size: 1.25rem;
}

.PerformanceGauge__secondaryUnit___JPhii {
  margin-left: 0.25rem;
  font-size: 1rem;
  color: #8395ac;
}

.PerformanceGauge__secondaryType___zLo_H {
  text-transform: uppercase;
  margin-left: 0.125rem;
}

.VesselMapMarker__container___xPSXm {
  position: absolute;
  width: 48px;
  height: 48px;
  left: -24px;
  top: -24px;
  cursor: pointer;
}

.VesselMapMarker__marker___UQi83 {
  position: absolute;
}

.VesselMapMarker__notConnected___k6Rqw .VesselMapMarker__marker___UQi83 {
  top: 15px;
  left: 15px;
}

.VesselMapMarker__label___KEqkX {
  display: none;
  position: absolute;
  text-align: center;
  font-size: 16px;
  width: 96px;
  height: 18px;
  top: -22px;
  left: -24px;
}

.VesselMapMarker__notConnected___k6Rqw .VesselMapMarker__label___KEqkX {
  top: -4px;
}

.VesselMapMarker__showLabel___ngBLv .VesselMapMarker__label___KEqkX {
  display: block;
}

.Map__outerContainer___DyimL {
  position: relative;
  width: 100%;
  height: 100%;
}

.Map__container___awZof {
  width: 100%;
  height: calc(100% + 5rem);
}

.Map__loader___z0WMM {
  position: relative;
  width: 100%;
  height: 100%;
}

.VesselTrackMapMarker__container___ULC3A {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #2ee4f4;
  opacity: 0.5;
  border-radius: 20px;
  left: -10px;
  top: -10px;
  cursor: pointer;
}

.LocationMapMarker__container___qmpmq {
  position: absolute;
  width: 48px;
  height: 48px;
  left: -24px;
  top: -24px;
  cursor: pointer;
}

.LocationMapMarker__label___eJJTJ {
  position: absolute;
  text-align: center;
  font-size: 16px;
  width: 96px;
  height: 18px;
  top: -34px;
  left: -24px;
}

.LocationMapMarker__marker___fp5c7 {
  position: absolute;
  height: 36px;
  top: -12px;
  left: 9px;
}

.LocationMapMarker__circle___r5sRK {
  position: absolute;
  background: rgba(255,0,0,0.2);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255,0,0,0.33333);
}

.OperationalProfilePlan__title___NniWW {
  font-size: 1.25rem;
  margin-left: 3rem;
  color: #8395ac;
}

.OperationalProfilePlan__titleDiv___VBOcv {
  display: flex;
  padding: 15px 15px 0 0;
  justify-content: space-between;
}

.OperationalProfilePlan__profilePlanSelectBox___OCtK3 {
  display: flex;
  justify-content: flex-end;
  margin-right: 4rem;
}

.OperationalProfilePlan__donutsDiv___U03cK {
  padding-top: 10px;
}

.VesselProfile__vesselProfileContainer___toWJ_ {
  display: flex;
  flex-flow: column;
  position: relative;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
}

.VesselProfile__titleContainer___uEYt8 {
  margin: 0 0 1.5rem 1.5rem;
  position: relative;
  z-index: 2;
}

.VesselProfile__vesselName___DoaSc {
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  color: white;
}

.VesselProfile__imo___J2PNS {
  color: #8395ac;
}

/* Vessel image */
.VesselProfile__vesselImageContainer___Qa2U2 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 -3rem 0;
  width: 100%;
  height: calc(100% - 9rem);
}

.VesselProfile__vesselImageContainer___Qa2U2 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-out 0.1s;
  background-color: #171b25;
}

.VesselProfile__imageGradient___jeybI {
  height: 5rem;
  width: 100%;
  display: block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    #171b25 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.Image__container___dfTog {
  width: 100%;
  height: 100%;
}

.Image__loader___Zhq97 {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
}

.Image__image___thCTX {
  width: 100%;
  height: 100%;
  zoom: normal;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: opacity 0.5s ease-out 0.1s;
}

.ReportWidget__container___g4wwS {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 16px;
  color: #8395ac;
  height: 100%;
}

.ReportWidget__title___jVViZ {
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 1rem;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
}

.ReportWidget__rowContainer___MlKxD {
  flex: 1 1 auto;
  padding-top: 2rem;
}

.ReportWidget__row___p4SF8 {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  padding-bottom: 8px;
  align-items: center;
}

.ReportWidget__row___p4SF8 * {
  flex: 1;
}

.ReportWidget__row___p4SF8 span[data-type="value"] {
  flex: 1;
  text-align: right;
  align-self: flex-end;
  font-size: 1.25rem;
  color: #ffffff;
}

.ReportWidget__row___p4SF8 span[data-type="unit"] {
  color: #8395ac;
  font-size: 0.9rem;
  align-self: flex-end;
  text-align: right;
  margin-left: 0.2rem;
}

.ReportWidget__footer___e8DOX {
  border-top: 2px solid #262b37;
  padding-top: 0.5rem;
  margin-top: 0.25rem;
  font-size: 1.25rem;
}

.ReportWidget__loader___MBcVR {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ConfiguredEquinorReportContainer__name___tnAnn {
  flex: 0 1 auto !important;
  width: 75px;
}

.ConfiguredEquinorReportContainer__legends___AX_IJ {
  flex: 1;
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  font-weight: 400;
}

.ConfiguredEquinorReportContainer__legends___AX_IJ span {
  display: flex;
  flex: 0 1 auto;
  border-radius: 20px;
  height: 25px;
  width: 25px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  color: #171b25;
}

.VesselFuelConsumption__outerContainer___rvfUy {
  background-color: #0f1114;
  padding-bottom: 8px;
}
.VesselFuelConsumption__container___TTLUM {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.VesselFuelConsumption__header___vETOe {
  width: 100%;
  padding: 2rem;
  text-align: left;
  font-size: 1rem;
  background: #171b25;
  margin-bottom: 2px;
}
.VesselFuelConsumption__header___vETOe h2 {
  text-transform: uppercase;
}

.VesselFuelConsumption__graphs___Y_8hg {
  width: 100%;
  position: relative;
}
.VesselFuelConsumption__graph___vqXj1 {
  height: 250px;
  width: 100%;
  position: relative;
  background: #171b25;
  margin-bottom: 2px;
}

.VesselFuelConsumption__messageContainer___IHIxu {
  background: #171b25;
  padding: 2rem;
  color: #8395ac;
}

.VesselFuelConsumption__error___QfAoW {
  color: #e84569;
}

.ComponentInfo__container___wf_3A {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ComponentInfo__popupButton___HW5HD {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  border: 2px solid #2b313f;
  color: #8395ac;
  border-color: #8395ac;
  border-radius: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
}

.ComponentInfo__popupButton___HW5HD[data-visible="true"] {
  color: #ffffff;
  border-color: #ffffff;
}

.ComponentInfo__popupContainer___FhydJ {
  position: absolute;
  border: 2px solid #58677a;
  border-radius: 8px;
  background: #262b37;
  box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.25);
  z-index: 200;
}

.ComponentInfo__popupButton___HW5HD span {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}

.ComponentInfo__popupInnerContainer___srZsD {
  position: relative;
  padding: 20px;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
}

.ComponentInfo__popupInnerContainer___srZsD h1 {
  font-size: 1.25rem;
  color: #8395ac;
  margin-bottom: 12px;
}

.ComponentInfo__content___PkWCJ {
  flex: 1;
  height: 100%;
  width: 100%;
}

.Auth__container___BggoQ {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Auth__container___BggoQ h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}

.Auth__container___BggoQ p {
  margin-bottom: 1em;
}

.NotFound__container___DyqUQ {
  text-align: center;
  width: 100%;
  height: 100vh;
}

.NotFound__header___P00vg {
  margin-top: 25vh;
  font-size: 3rem;
  margin-bottom: 1rem;
}

.NotFound__block___Y4lyR {
  margin-bottom: 1rem;
}

.MetricsList__title___MkFIP {
  display: flex;
  width: 100%;
  padding: 2rem;
  text-align: left;
  font-size: 1rem;
  background-color: #171b25;
  flex-direction: row;
  justify-content: space-between;
  color: #8395ac;
}

.MetricsList__container___ZLQJ1:not(:last-child) {
  margin-bottom: 8px;
}

.MetricsList__title___MkFIP h3 {
  text-transform: uppercase;
}

.MetricsList__loaderContainer___jKkXf {
  margin: 2px 0 0 0;
  padding: 2rem;
  color: #8395ac;
  background-color: #171b25;
}

.MetricsListItem__metricsListItem___X8HqN {
  color: #8395ac;
  background-color: #171b25;
}

.MetricsListItem__metricsListItem___X8HqN:not(:first-child) {
  margin: 2px 0 0 0;
}

.MetricsListItem__metricsListItem___X8HqN[data-expanded="true"] {
  background-color: #2b313f;
}

.MetricsListItem__inner___skx_s {
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

.MetricsListItem__canNotOpen___icDE3 {
  cursor: default;
}

.MetricsListItem__metrics___g8nne {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.MetricsListItem__inner___skx_s:hover {
  background-color: #2b313f;
}

.MetricsListItem__metricItemsContainer___En0vC {
  width: 100%;
}

.MetricsListItem__listItemItem___wYIzk {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.MetricsListItem__listItemDescription___dSxs0 {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 25rem;
}

.MetricsListItem__titleContainer___Ni18l {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.MetricsListItem__description___rZYGs {
  display: block;
  margin: 0.2rem 0 0 0;
}

.MetricsListItem__itemTitle___G5bsv {
  font-size: 2rem;
  font-weight: 300;
}

.MetricsListItem__detailsContainer___I5zmU {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.MetricsListItem__loaderContainer___QLmfa {
  padding: 2rem;
}

.MetricsListItem__detailsItem___RukXT {
  border-left: 2px solid #171b25;
}
.MetricsListItem__detailsItem___RukXT:first-child {
  border: none;
}

.MetricsListItem__engineData___ajZiT {
  width: 0%;
}

.MetricsListItem__loadProfile___q_MO6 {
  width: 40%;
}

.MetricsListItem__detailsTable___xh5jM {
  padding: 1rem 2rem;
  width: 60%;
}

.MetricsListItem__missingData____Oj8K {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.MetricsListItem__missingData____Oj8K p {
  font-size: 1.25rem;
  margin-top: 1em;
  margin-bottom: 1em;
}

.MetricsListItem__tableContainer___fojFB {
  background: #0f1114;
  width: 100%;
  margin: 10px;
  border: 2px solid #171b25;
}

.MetricsListItem__ehmComponentsContainer___ohV0Q {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 5px;
}

.MetricsListItem__ehmComponent___BpQja {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 10px);
  margin: 5px;
}

.MetricsListItem__listItemItem___wYIzk .propertyContainer {
  display: flex;
  flex-direction: column;
}

.MetricsListItem__listItemItem___wYIzk .propertyValue {
  display: block;
  color: #ffffff;
  font-size: 2rem;
}

.MetricsListItem__listItemItem___wYIzk .propertyName {
  display: block;
  width: 100%;
  font-size: 1rem;
  margin: 0.2rem 0 0 0;
}

.MetricsListItem__loader___O0gPK {
  padding: 1rem 0;
}

.Metric__metric___wfkV_ {
  display: flex;
  flex-direction: column;
}

.Metric__valueContainer___naopm {
  width: 100%;
  font-size: 2rem;
}

.Metric__value____GYFv {
  color: white;
}

.Metric__unit___WvprU {
  margin: 0 0 0 0.5rem;
}

.Metric__description___O3wyN {
  display: block;
  width: 100%;
  font-size: 1rem;
  margin: 0.2rem 0 0 0;
}

.MetricsListItemDetails__container___iRUjp {
  position: relative;
  width: 100%;
  height: 100%;
  background: #2b313f;
  display: none;
}

.MetricsListItemDetails__imageContainer___Ojx08 {
  position: relative;
  margin-bottom: -5rem;
}

.MetricsListItemDetails__imageContainer___Ojx08 img {
  -o-object-fit: cover;
     object-fit: cover;
}

.MetricsListItemDetails__gradient___MqYuD {
  height: 50%;
  width: 100%;
  display: block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    #2b313f 10%,
    rgba(0, 0, 0, 0) 100%
  );
}

.MetricsListItemDetails__dataContainer___TmuuN {
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  padding: 0 2rem 2rem 2rem;
}

.MetricsListItemDetails__dataList___mDwSG {
  width: 100%;
  list-style: none;
  padding: 0;
}

.MetricsListItemDetails__dataItem___InIMC {
  display: block;
  padding: 2rem 0;
  margin: 0;
}

.MetricsListItemDetails__value___yeUz5 {
  font-size: 2rem;
  color: white;
}

.MetricsListItemDetails__description___tPUmU {
  font-size: 1rem;
  color: #8395ac;
}

.MetricsListItemDetails__externalUrl___DFB8t {
  color: #2ee4f4;
}

.DataDetails__container___PJPPT {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.DataDetails__componentContainer___U3vHa {
  flex: 1;
  min-width: calc(50% - 8px);
  padding: 4px;
}

.DataDetails__componentContainer___U3vHa:last-child:not(:only-child) {
  flex: 0; /* don't grow when last row */
}

.DataDetails__componentContainer___U3vHa.DataDetails__fullWidth___zcZaV {
  min-width: calc(100% - 8px);
}

.DataDetailsGroup__groupHeader___DFzuz {
  height: 40px;
  font-size: 1rem;
  background: #262b37;
  line-height: 40px;
  padding-left: 20px;
}

.DataDetailsGroup__groupContent___qzkoo {
  margin: 4px;
}

.DataDetailsHeaderContainer__container___IdcNM {
  height: 360px;
  background: #171b25;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.DataDetailsHeaderContainer__headerContainer___xJ2Da {
  background: #262b37;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 30px;
  font-size: 0.9rem;
  font-weight: 500;
}

.DataDetailsHeaderContainer__headerValueContainer___eem4g {
  margin-left: 20px;
}

.DataDetailsHeaderContainer__headerValueContainer___eem4g .DataDetailsHeaderContainer__value___KPszD {
  color: #ffffff;
}

.DataDetailsHeaderContainer__headerValueContainer___eem4g .DataDetailsHeaderContainer__unit___vLe54 {
  margin-left: 5px;
}

.DataDetailsHeaderContainer__headerDate___TybpU {
  margin-left: 20px;
  color: #ffffff;
}

.DataDetailsHeaderContainer__contentContainer___aEzzK .DataDetailsHeaderContainer__title___IKsmY {
  font-size: 1rem;
  font-weight: 500;
  display: block;
  top: 0;
  margin-top: -4px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1rem;
}

.DataDetailsHeaderContainer__contentContainer___aEzzK {
  position: relative;
  height: 100%;
  margin: 20px;
}

.DataDetailsInformation__container___TgV8k {
  background: #262b37;
  padding: 30px;
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}

.DataDetailsInformation__propertyContainer___gRU2w:not(:empty) {
  margin-bottom: 10px;
}

.DataDetailsInformation__property___MqWXA {
  display: table-row;
  height: 25px;
}

.DataDetailsInformation__property___MqWXA .DataDetailsInformation__name___g0m1G {
  display: table-cell;
  color: #58677a;
}

.DataDetailsInformation__property___MqWXA .DataDetailsInformation__value____tMxd {
  display: table-cell;
  padding-left: 20px;
  color: #ffffff;
}

.DataDetailsInformation__title___jpq17 {
  height: 24px;
}

.DataDetailsInformation__description___eqnVa {
  color: #ffffff;
  line-height: 20px;
}

.DataDetailsInformation__description___eqnVa h1 {
  font-size: 1.5em;
  font-weight: 400;
}

.DataDetailsInformation__description___eqnVa h2 {
  font-size: 1.25em;
  font-weight: 400;
}

.DataDetailsInformation__description___eqnVa h3 {
  font-size: 1.1em;
  font-weight: 400;
  font-style: italic;
}

.DataDetailsInformation__description___eqnVa pre {
  font-size: 1.15em;
}

.DataDetailsInformation__description___eqnVa table th,
.DataDetailsInformation__description___eqnVa table td {
  padding: 6px 16px;
}

.DataDetailsInformation__description___eqnVa table tr:nth-child(even) {
  background: #58677a;
}

.DataDetailsInformation__description___eqnVa h1,
.DataDetailsInformation__description___eqnVa h2,
.DataDetailsInformation__description___eqnVa h3,
.DataDetailsInformation__description___eqnVa h4,
.DataDetailsInformation__description___eqnVa h5,
.DataDetailsInformation__description___eqnVa h6,
.DataDetailsInformation__description___eqnVa p,
.DataDetailsInformation__description___eqnVa pre,
.DataDetailsInformation__description___eqnVa ul,
.DataDetailsInformation__description___eqnVa table {
  margin-bottom: 8px;
}

.DataDetailsInformation__description___eqnVa ul {
  margin-left: 18px;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Severe"] {
  color: #fc406a !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Alarm"] {
  color: #fc406a !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Warning"] {
  color: #efce65 !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Notification"] {
  color: #ff9a53 !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Normal"] {
  color: #4af381 !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Resolved"] {
  color: #4af381 !important;
}

.EhmStatusPropertyValue__status___hmrqa[data-type="Acknowledged"] {
  color: white !important;
}

.HmStatusPropertyValue__status___XoO8l[data-type="Severe"] {
  color: #fc406a !important;
}

.HmStatusPropertyValue__status___XoO8l[data-type="Alarm"] {
  color: #fc406a !important;
}

.HmStatusPropertyValue__status___XoO8l[data-type="Warning"] {
  color: #efce65 !important;
}

.HmStatusPropertyValue__status___XoO8l[data-type="Notification"] {
  color: #ff9a53 !important;
}

.HmStatusPropertyValue__status___XoO8l[data-type="Normal"] {
  color: #4af381 !important;
}

.HmTooltip__title___LmrPb {
  text-align: center;
  font-size: large;
  margin-bottom: 2.5%;
  margin-top: 2%;
}

.HmTooltip__workflow___uD7BK {
  font-size: medium;
}
.HmTooltip__timestamps___p3xGx {
  font-size: medium;
}
li {
  margin-bottom: 2%;
  margin-left: 2%;
}

.HmTooltip__tooltip___fq0E1 {
  position: absolute;
  margin: 0 !important;
}

.DataDetailsImage__container___t5mQd {
  display: flex;
  justify-items: center;
  justify-content: center;
}

.DataDetailsImage__image___JL1vr {
  max-height: 600px;
}

.DataDetailsValueTable__container___JcN1m {
  padding: 20px;
  width: 100%;
  height: 100%;
  background: #262b37;
}

.DataDetailsValueTable__table___GrTj_ {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
}

.DataDetailsValueTable__table___GrTj_ td {
  vertical-align: middle;
}

.DataDetailsValueTable__table___GrTj_ thead tr {
  height: 30px;
}

.DataDetailsValueTable__table___GrTj_ thead td {
  text-align: center;
  vertical-align: top;
}

.DataDetailsValueTable__table___GrTj_ tbody td {
  text-align: center;
}

.DataDetailsValueTable__table___GrTj_ tbody td .DataDetailsValueTable__value___YicNt {
  color: #ffffff;
}

.DataDetailsValueTable__table___GrTj_ .DataDetailsValueTable__dataRow___xnZiu {
  height: 50px;
}

.DataDetailsValueTable__table___GrTj_ .DataDetailsValueTable__dataRow___xnZiu td {
  vertical-align: center;
}

.DataDetailsValueTable__table___GrTj_ tfoot tr {
  height: 30px;
}

.DataDetailsValueTable__table___GrTj_ tfoot td {
  font-size: 1.25rem;
  text-align: center;
  vertical-align: bottom;
}

.DataDetailsValueTable__table___GrTj_ tfoot td:not(:first-child) .DataDetailsValueTable__value___YicNt {
  color: #ffffff;
}

.DataDetailsValueTable__firstColumnIsTitle___OTQJv thead td:first-child {
  text-transform: uppercase;
  vertical-align: bottom;
}

.DataDetailsValueTable__firstColumnIsTitle___OTQJv td:first-child {
  color: #8395ac;
  text-align: left;
}

.DataDetailsPropertyList__container___vtPoj {
  background: #262b37;
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.DataDetailsPropertyList__container___vtPoj .propertyContainer {
  flex: 1;
  min-width: 20%;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 20px;
}

.DataDetailsPropertyList__container___vtPoj .propertyValue {
  order: 1;
  color: #ffffff;
  font-size: 2rem;
  margin-bottom: 5px;
}

.DataDetailsPropertyList__container___vtPoj .propertyUnit {
  order: 2;
  font-size: 2rem;
  margin-left: 5px;
}

.DataDetailsPropertyList__container___vtPoj .propertyDateTime {
  order: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-left: 5px;
  margin-bottom: 10px;
  font-size: 1rem;
}

.DataDetailsPropertyList__container___vtPoj .propertyDateTime::before {
  content: "(";
}

.DataDetailsPropertyList__container___vtPoj .propertyDateTime::after {
  content: ")";
}

.DataDetailsPropertyList__container___vtPoj .propertyName {
  order: 4;
  min-width: 100%;
}

.DataDetailsList__listHeader___YPJMk {
  height: 40px;
  font-size: 1rem;
  background: #262b37;
  line-height: 40px;
  padding-left: 20px;
}

.DataDetailsList__listContent___exOFH {
  background: #171b25;
}

.DataDetailsListItem__outerContainer___bM23C[data-open="open"] {
  background: #2b313f;
}

.DataDetailsListItem__itemContainer___BbwuV {
  padding: 1rem 2rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.DataDetailsListItem__outerContainer___bM23C:not(:last-child) {
  border-bottom: 2px solid #0f1114;
}

.DataDetailsListItem__itemContainer___BbwuV > div {
  display: flex;
  justify-content: flex-start;
  min-width: 300px;
  max-width: 500px;
}

.DataDetailsListItem__itemContainer___BbwuV:hover {
  background: #2b313f;
}

.DataDetailsListItem__outerContainer___bM23C[data-open="open"] .DataDetailsListItem__itemContainer___BbwuV:hover {
  background: #262b37;
}

.DataDetailsListItem__propertyContainer___qAQWM {
  display: flex;
  flex-direction: column;
}

.DataDetailsListItem__detailsContainer___zphhl {
  margin: 4px;
}

.DataDetailsListItem__propertyContainer___qAQWM .propertyContainer {
  display: flex;
  flex-direction: column;
}

.DataDetailsListItem__propertyContainer___qAQWM .propertyValue {
  display: block;
  color: #ffffff;
  font-size: 2rem;
}

.DataDetailsListItem__propertyContainer___qAQWM .propertyName {
  display: block;
  width: 100%;
  font-size: 1rem;
  margin: 0.2rem 0 0 0;
}

.DataDetailsListItem__tooltip___JcUdO {
  position: absolute;
  margin: 0 !important;
}

.PlotChart__plotChartContainer___qKmHo {
  overflow: hidden;
  background-color: #171b25;
}

.PlotChart__loader___WTEna {
  position: absolute;
}

.MultiSeriesPlotChart__plotChartContainer___nEA1_ {
  overflow: hidden;
  background-color: #171b25;
}

.MultiSeriesPlotChart__loader___RaXjX {
  position: absolute;
}

.DataDetailsComponentStatus__container___r8kRo {
  display: flex;
  justify-items: center;
  padding-top: 20px;
  justify-content: space-around;
}

.DataDetailsComponentStatus__itemImageContainer___nPfJv {
  padding-left: 80px;
  flex: 0 1 0;
  flex-shrink: 0;
}

.DataDetailsComponentStatus__itemImageAndMarkerWrapper___dixOA {
  position: relative;
  width: auto;
  display: inline-flex;
}

.DataDetailsComponentStatus__labelContainer___VpBEt {
  padding-right: 80px;
  flex: 1 1 0;
}

.DataDetailsComponentStatus__labelButtons___HwTJl {
  background-color: #272a2a;
  padding: 20px;
  margin: 20px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #272a2a;
}

.DataDetailsComponentStatus__labelButtonActive___ziLqz {
  border-color: #ff9a53;
}

.DataDetailsComponentStatus__tableContainer___JeEh4 {
  margin: 2em auto;
  width: 90%;
  max-width: 500px;
}

.DataDetailsComponentStatus__flexTable___sOvrn {
  display: flex;
  flex-flow: row wrap;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #757e7e;
}

.DataDetailsComponentStatus__flexRow___Gd3f4 {
  width: 200px;
  text-align: center;
  padding: 0.5em 0.5em;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #757e7e;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #757e7e;
}

.DataDetailsComponentStatus__flexHeader___mT383 {
  width: 200px;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 0.5em;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #757e7e;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #757e7e;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #757e7e;
}

.DataDetailsLoadProfile__container___aJq_U {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #2b313f;
}

.DataDetailsLoadProfile__bottomContainer___pny3X {
  display: flex;
  min-height: 400px;
  align-items: stretch;
}

.DataDetailsLoadProfile__chartContainer___b3GYE {
  flex: 1 1 50%;
}

.DataDetailsLoadProfile__propertyContainer___QOrzi {
  flex: 1 1 50%;
}

.VesselItemsTable__loaderContainer___e9JrI {
  background: #171b25;
  padding: 4rem 0;
  width: 100%;
}

.VesselItemsTable__tableContainer___ifulr {
  background: #0f1114;
}

.MasterChildSelect__container___J197g {
  display: flex;
}

.HeaderStyles__formGroupHeader___zIzdK {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.HeaderStyles__headerContainer___C4ObG {
  display: flex;
}

.HeaderStyles__selectedDateContainer___AK9Z2 {
  cursor: pointer;
  border: 2px solid #58677a;
  border-radius: 2rem;
  padding: 0 1rem;
  height: 3rem;
  margin: 0 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  min-width: 15rem;
  justify-content: center;
  position: relative;
}

.HeaderStyles__selectedDateContainer___AK9Z2:hover {
  border-color: white;
}

.HeaderStyles__placeHolder___Q12yi {
  width: 100%;
  color: #8f9a9b;
  text-align: left;
  font-weight: 400;
}

.PrevNextArrow__prevNextArrowContainer___i7CKE {
  position: relative;
}

.PrevNextArrow__button___IDN6x {
  border-radius: 50%;
  background: transparent;
  width: 3rem;
  height: 3rem;
  padding: 0;
  color: white;
  border: 2px solid #58677a;
  cursor: pointer;
  outline: none;
}

.PrevNextArrow__button___IDN6x:hover {
  border-color: white;
}

.PrevNextArrow__arrowSvg___X7zPE {
  fill: white;
  width: 1rem;
  height: 1rem;
}

.PrevNextArrow__button___IDN6x[data-disabled="true"] {
  color: #2b313f;
  border: 2px solid #2b313f;
  cursor: default;
}

.PrevNextArrow__button___IDN6x[data-disabled="true"]:hover {
  color: #2b313f;
}

.PrevNextArrow__button___IDN6x[data-disabled="true"] .PrevNextArrow__arrowSvg___X7zPE {
  fill: #2b313f;
}

.DatePicker__tabTogglers___wmcVk {
  display: flex;
}

.DatePicker__tabToggler___Nlslc {
  background: transparent;
  border-radius: 2rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  color: #8395ac;
  border: 2px solid transparent;
  outline: none;
  margin: 0 0.25rem;
  cursor: pointer;
}

.DatePicker__tabToggler___Nlslc:first-child {
  margin-left: 0;
}

.DatePicker__tabToggler___Nlslc[data-active="true"] {
  color: white;
  border-color: #8395ac;
}

.DatePicker__tabToggler___Nlslc:hover {
  border-color: #8395ac;
  color: white;
}

/*
    Stylesheet for a centered modal dialog with a blurred overlay
 */
.CenteredModal__body___lCaHZ {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}

.CenteredModal__boxContainer____ietJ {
  position: fixed;
  width: 60rem;
  height: auto;
  max-height: calc(100% - 9rem);
  box-shadow: 0 0 32px 0 #0f1114;
  background: #2b313f;
  transform: translate(-50%, 0);
  top: 15vh;
  margin-top: 2rem;
  margin-bottom: 2rem;
  left: 50vw;
  z-index: 9998;
  overflow-y: auto;
}

.CenteredModal__container___gDuyh {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.CenteredModal__content___GzwWo {
  position: relative;
}

.CenteredModal__header___OWs6y {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #0f1114;
}

.CenteredModal__overlay___cDUvp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9997;
  cursor: pointer;
}

.CenteredModal__resetBtn___prfdY {
  background: transparent;
  color: #8395ac;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 2rem;
}

.CenteredModal__resetBtn___prfdY:hover {
  color: white;
}

.YearPicker__yearContainer___h2sgk {
  position: relative;
  display: flex;
  flex-flow: row;
}

.YearPicker__yearList___nW8qD {
  width: 100%;
  height: 24rem;
  padding: 1rem 0;
  margin: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}

.YearPicker__yearButton___wPxZw {
  border-radius: 3rem;
  background: transparent;
  width: auto;
  padding: 0 2rem;
  height: 2.5rem;
  color: white;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
  font-size: 1rem;
}

.YearPicker__yearButton___wPxZw:hover:enabled {
  border-color: #58677a;
}

.YearPicker__yearButton___wPxZw:disabled {
  color: #58677a;
  cursor: auto;
  cursor: initial;
}

.YearPicker__active___SI_Bi,
.YearPicker__yearButton___wPxZw.YearPicker__active___SI_Bi:hover {
  border-color: white;
}

.PickerStyles__applyBtn___xfyHD {
  color: #2ee4f4;
  background: #2b313f;
  display: block;
  height: 5rem;
  padding: 0;
  text-align: center;
  width: 100%;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  border-top: 2px solid #0f1114;
  outline: none;
  z-index: 11;
}

.PickerStyles__applyBtn___xfyHD:not([disabled]):hover {
  background: rgba(255, 255, 255, 0.05);
}

.PickerStyles__applyBtn___xfyHD[disabled] {
  color: #58677a;
  cursor: default;
}

.ContextBrowser__container____qo2T {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.5rem;
  text-align: center;
  border-bottom: 2px solid #0f1114;
  position: relative;
}

.ContextBrowser__text___ujP4V {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.ContextBrowser__prevNextBtn___lJogO {
  background: transparent;
  border: none;
  padding: 1rem;
  color: white;
  cursor: pointer;
  outline: none;
  z-index: 1;
}

.ContextBrowser__prevNextBtn___lJogO:disabled {
  visibility: hidden;
}

.ContextBrowser__svg___abKfD {
  fill: currentcolor;
  width: 1rem;
  height: 1rem;
}

.ContextBrowser__border___aJ79O {
  position: absolute;
  width: 2px;
  height: 100%;
  background: #0f1114;
  left: 50%;
  margin-left: -1px;
  top: 0;
}

.ContextBrowser__titleContainer___hzhmB {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.ContextBrowser__titleItem___SrRWo {
  width: 100%;
  display: block;
  text-align: center;
}

.ContextBrowser__titleContainer___hzhmB .react-datepicker-wrapper {
  overflow: hidden;
}

.ContextBrowser__datePicker___MrZ8A {
  cursor: pointer;
  padding: 0.75rem 1rem;
}

.ContextBrowser__datePicker___MrZ8A:hover {
  border-radius: 2rem;
  border: 2px solid #8395ac;
}

.ContextBrowser__popperContainer___YBsSJ {
  color: #262b37;
  border: 2px solid #262b37;
  background-color: #2b313f;
  border-radius: 10px;
  padding: 2px;
  box-shadow: 0 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
  z-index: 10000 !important;
}

.ContextBrowser__calendar___pVgLL {
  font-family: "Roboto", sans-serif !important;
  background-color: #2b313f !important;
  color: #ffffff !important;
  border: 0 !important;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__header {
  background-color: #2b313f;
  color: #ffffff;
  border-bottom: 2px solid #262b37;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-wrapper {
  font-size: 1rem;
  color: #ffffff;
  height: 3rem;
  display: flex;
  align-items: center;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-text {
  font-size: 1rem;
  color: #ffffff;
  border: 2px solid transparent;
  padding: 1.35rem;
  display: flex !important;
  justify-content: space-around;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-text:hover {
  background-color: transparent;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-text:hover::after {
  background-color: transparent;
  content: " ";
  border: 2px solid #58677a;
  position: absolute;
  border-radius: 50%;
  padding: 1.3rem;
  transform: translate(0, -25%);
  margin-top: -0.2rem;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-text--highlighted,
.ContextBrowser__calendar___pVgLL .react-datepicker__month-text--keyboard-selected,
.ContextBrowser__calendar___pVgLL .react-datepicker__month--selected {
  background-color: transparent;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month-text--highlighted::after,
.ContextBrowser__calendar___pVgLL .react-datepicker__month-text--keyboard-selected::after,
.ContextBrowser__calendar___pVgLL .react-datepicker__month--selected::after {
  content: " ";
  border: 2px solid #8395ac;
  position: absolute;
  border-radius: 50%;
  padding: 1.3rem;
  transform: translate(0, -25%);
  margin-top: -0.2rem;
}

.ContextBrowser__calendar___pVgLL
  .react-datepicker__month-text--highlighted:hover
  .ContextBrowser__calendar___pVgLL
  .react-datepicker__month-text--keyboard-selected:hover,
.ContextBrowser__calendar___pVgLL .react-datepicker__month--selected:hover {
  background-color: transparent !important;
}

.ContextBrowser__calendar___pVgLL
  .react-datepicker__month-text--highlighted:hover::after
  .ContextBrowser__calendar___pVgLL
  .react-datepicker__month-text--keyboard-selected:hover::after,
.ContextBrowser__calendar___pVgLL .react-datepicker__month--selected:hover::after {
  content: " ";
  border: 2px solid #58677a;
  position: absolute;
  border-radius: 50%;
  padding: 1.3rem;
  transform: translate(0, -25%);
  margin-top: -0.2rem;
}

.ContextBrowser__calendar___pVgLL .react-datepicker__month--disabled {
  color: #8395ac;
}

.Divider__divider___L67tu {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #0f1114;
}

.QuarterPicker__quarterContainer___MN2AV {
  position: relative;
  display: flex;
  flex-flow: row;
}

.QuarterPicker__quarterList___h9M6D {
  width: 100%;
  height: 23rem;
  padding: 3rem 0;
  margin: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}

.QuarterPicker__quarterButton___UYDBE {
  border-radius: 3rem;
  background: transparent;
  width: auto;
  padding: 0 2rem;
  height: 3rem;
  color: white;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
  font-size: 1rem;
}

.QuarterPicker__quarterButton___UYDBE:hover:enabled {
  border-color: #58677a;
}

.QuarterPicker__quarterButton___UYDBE:disabled {
  color: #58677a;
  cursor: auto;
  cursor: initial;
}

.QuarterPicker__active___oJzCz,
.QuarterPicker__quarterButton___UYDBE.QuarterPicker__active___oJzCz:hover {
  border-color: white;
}

.MonthPicker__monthContainer___nOHGq {
  position: relative;
  display: flex;
  flex-flow: row;
}

.MonthPicker__monthColumn___Mxxm2 {
  width: 100%;
  padding: 1rem 0;
  margin: 0;
  display: block;
}

.MonthPicker__monthItem___VH4F5 {
  width: 50%;
  display: inline-flex;
  text-align: center;
  height: 4rem;
  align-items: center;
  justify-content: center;
}

.MonthPicker__button___tb1Tf {
  display: inline-block;
  font-size: 1rem;
  border-radius: 3rem;
  background: transparent;
  width: 9rem;
  padding: 0 2rem;
  height: 2.75rem;
  color: white;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
}

.MonthPicker__button___tb1Tf:hover:enabled {
  border-color: #58677a;
}

.MonthPicker__button___tb1Tf:disabled {
  color: #58677a;
  cursor: auto;
  cursor: initial;
}

button.MonthPicker__active___Gne0r,
.MonthPicker__button___tb1Tf.MonthPicker__active___Gne0r:hover {
  border-color: white;
}

.DateRangePicker__monthContainer___vBSQi {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  position: relative;
}

.Month__container___blYFd {
  width: 100%;
  display: flex;
  flex-flow: column;
}

.Month__days___MmFjl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
}

.Month__weekdayTitles___Jqhhf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  width: 100%;
  color: #8395ac;
  border-bottom: 2px solid #0f1114;
}

.Month__weekdayTitle___duAVC {
  width: 3rem;
  text-align: center;
  margin: 0 0.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.Month__day___y9P9C {
  margin: 0.75rem 0;
  width: 14.2857142857143%;
  text-align: center;
  position: relative;
}

.Month__inbetween___bfGSc:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  right: 50%;
  z-index: 0;
  background: #58677a;
  display: none;
}

.Month__day___y9P9C:nth-child(7n + 1) .Month__inbetween___bfGSc:before,
.Month__day___y9P9C:nth-child(7n) .Month__inbetween___bfGSc:before {
  display: block;
}

.Month__day___y9P9C:nth-child(7n + 1) .Month__inbetween___bfGSc,
.Month__day___y9P9C:nth-child(7n) .Month__inbetween___bfGSc {
  background: transparent;
}

.Month__day___y9P9C:nth-child(7n + 1) .Month__inbetween___bfGSc button,
.Month__day___y9P9C:nth-child(7n) .Month__inbetween___bfGSc button {
  background: #58677a;
}

/* Row start item */
.Month__day___y9P9C:nth-child(7n + 1).Month__inbetween___bfGSc:before {
  right: -50%;
}

/* Row end item */
.Month__day___y9P9C:nth-child(7n).Month__inbetween___bfGSc:before {
  right: 50%;
}

.Month__day___y9P9C:nth-child(7n + 1).Month__endpoint___XRuIQ:before,
.Month__day___y9P9C:nth-child(7n).Month__startpoint___fKve_:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 0;
  background: #58677a;
}

.Month__day___y9P9C:nth-child(7n).Month__startpoint___fKve_:before {
  left: 50%;
}

.Month__day___y9P9C:nth-child(7n + 1).Month__endpoint___XRuIQ:before {
  right: 50%;
}

.Month__day___y9P9C.Month__startpoint___fKve_.Month__endpoint___XRuIQ:before {
  visibility: hidden;
}

.Month__activeRange___dxv_8 .Month__firstBetween___WeW2D:before,
.Month__activeRange___dxv_8 .Month__lastBetween___S2l3o:before {
  display: block;
}

.Month__firstBetween___WeW2D:before,
.Month__lastBetween___S2l3o:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  right: 50%;
  z-index: 0;
  background: #58677a;
  display: none;
}

.Month__lastBetween___S2l3o:before {
  right: -50%;
}

.Month__firstBetween___WeW2D.Month__lastBetween___S2l3o:before {
  width: 200%;
}

.Month__inbetween___bfGSc {
  background: #58677a;
}

.Month__day___y9P9C button {
  position: relative;
  z-index: 2;
}
.Month__day___y9P9C button:hover:enabled {
  border-color: white;
}

.Month__activeDay___Ln8Do button {
  border-color: #58677a;
}

.Month__startpoint___fKve_ button,
.Month__endpoint___XRuIQ button {
  border-color: #58677a;
  background: #2b313f;
}

.Month__dummy___Fa0ok {
  visibility: hidden;
}

.DateItemButton__button___bjVKH {
  border-radius: 50%;
  background: transparent;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  color: white;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
  font-size: 0.75rem;
}

.DateItemButton__button___bjVKH:disabled {
  color: #58677a;
  cursor: auto;
  cursor: initial;
}

.TimeOffsetPicker__timeContainer____QjQX {
  position: relative;
  display: flex;
  flex-flow: row;
}

.TimeOffsetPicker__timeColumn___ztipC {
  width: 100%;
  padding: 1rem 0;
  margin: 0;
  display: block;
}

.TimeOffsetPicker__timeItem___MdkzG {
  width: 50%;
  display: inline-flex;
  text-align: center;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
}

.TimeOffsetPicker__button___q3sVL {
  display: inline-block;
  font-size: 1rem;
  border-radius: 3rem;
  background: transparent;
  width: 9rem;
  padding: 0 2rem;
  height: 2.75rem;
  color: white;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
}

.TimeOffsetPicker__button___q3sVL:hover:enabled {
  border-color: #58677a;
}

button.TimeOffsetPicker__active___G5Z8z,
.TimeOffsetPicker__button___q3sVL.TimeOffsetPicker__active___G5Z8z:hover {
  border-color: white;
}

.VesselStatePicker__vesselStateContainer___KNquV {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 25rem);
}

.VesselStatePicker__vesselState___mXWZJ {
  font-size: 1.25rem;
  color: #8395ac;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 0.5rem;
}

.VesselStatePicker__isActive___rRcRW,
.VesselStatePicker__vesselState___mXWZJ:hover {
  background: rgba(255, 255, 255, 0.15);
}

.VesselStatePicker__dateTime___atJa4 {
  white-space: nowrap;
  margin-right: 1rem;
}

.VesselStatePicker__titleContainer___nXUJS {
  flex-grow: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.VesselStatePicker__title___Ese7O {
  color: #ffffff;
  margin-right: 1rem;
}

.VesselStatePicker__description___w3nhr {
  font-size: 1rem;
  margin-right: 1rem;
}

.VesselStatePicker__selectedIcon___O8lwx {
  width: 2rem;
  height: 2rem;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #8395ac;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.VesselStatePicker__selectedIcon___O8lwx svg {
  fill: white;
  display: block;
}

.VesselStatePicker__loaderContainer___zPoAy {
  margin-top: 1rem;
}

.Vessel__rightHeaderContainer___etFRv {
  display: flex;
  flex-direction: row;
}

.Vessel__exportButton___PhI7j {
  margin-left: 5px;
}

.Vessel__performanceTrendButtonContainer___sLShl {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.Popup__popupOuterContainer___GfGOe {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.Popup__overlay___tani2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9997;
  cursor: pointer;
}

.Popup__popupContainer___t8HdD {
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 30rem;
  max-width: 90rem;
  height: auto;
  max-height: calc(100vh - 9rem);
  box-shadow: 0 0 32px 0 #0f1114;
  background: #0f1114;
  transform: translate(-50%, 0);
  top: 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  left: 50vw;
  z-index: 9998;
}

.Popup__dark_background___gEipe {
  background: #2b313f;
}

.Popup__headerContainer___TG3c3 {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #0f1114;
}

.Popup__header___AKYFR {
  color: #8395ac;
  font-weight: bold;
}

.Popup__closeButton___EJW1G {
  background: transparent;
  color: #8395ac;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 2rem;
}

.Popup__closeButton___EJW1G:hover {
  color: white;
}

.Popup__footer___uaZY6 {
  display: flex;
  height: 80px;
  background: #2b313f;
  border-top: 2px solid #0f1114;
}

.Popup__footerButton___XgBWG {
  flex: 1 1 auto;
  background: #2b313f;
  font-size: 1rem;
  font-weight: 400;
  color: #8395ac;
  border: 0;
  cursor: pointer;
}

.Popup__footerButton___XgBWG:not(:last-of-type) {
  border-right: 2px solid #0f1114;
}

.Popup__footerButton___XgBWG:hover {
  background: #58677a;
}

.Popup__footerButton___XgBWG:active {
  background: #8395ac;
  color: #ffffff;
}

.Popup__footerButton___XgBWG:focus {
  outline: none;
  box-shadow: inset 0 0 2px 1px #2ee4f4;
}

.Popup__footerButtonAlert___HS4Pj {
  background: #914652;
  color: #ffffff;
}

.Popup__footerButtonAlert___HS4Pj:focus {
  box-shadow: inset 0 0 2px 1px #e76670;
}

.Popup__footerButtonAlert___HS4Pj:hover {
  background-color: #e84569;
  color: #ffffff;
}

.Popup__footerButtonAlert___HS4Pj:active {
  background-color: #fc406a;
  color: #ffffff;
}

.Popup__footerButton___XgBWG:disabled,
.Popup__footerButton___XgBWG:disabled:hover {
  background: #171b25;
  color: #2b313f;
}

.ExportPopup__header___ikeJI {
  color: #8395ac;
  text-transform: uppercase;
  padding-left: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #2b313f;
}

.ExportPopup__exportContainer___bhCZP {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: -0.125rem;
}

.ExportPopup__exportContainer___bhCZP > div {
  border-top: 0.5rem solid #0f1114;
  background: #2b313f;
  margin: 0 0.5rem;
}

.ExportPopup__exportProgressContainer___UTE5_ {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}

.ExportPopup__exportActionContainer___yqQY6 {
  height: 110px;
  display: flex;
  padding: 1.25rem 2rem 1.25rem 3rem;
}

.ExportPopup__exportActionOptionContainer___ui6sO {
  min-height: 100px;
  display: flex;
  flex-direction: column;
}

.ExportPopup__exportActionContainer___yqQY6 .ExportPopup__infoContainer___Xy2RI {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
}

.ExportPopup__exportActionContainer___yqQY6 .ExportPopup__infoContainer___Xy2RI .ExportPopup__title___f28oi {
  font-size: 1.75rem;
  color: #8395ac;
}

.ExportPopup__exportActionContainer___yqQY6 .ExportPopup__infoContainer___Xy2RI .ExportPopup__errorMessage___JgSiK {
  font-size: 1rem;
  color: #ee949b;
  margin-left: 0.5rem;
}

.ExportPopup__exportActionContainer___yqQY6 .ExportPopup__infoContainer___Xy2RI .ExportPopup__description___znTjo {
  margin-top: 0.5rem;
  color: #8395ac;
}

.ExportPopup__exportActionContainer___yqQY6 .ExportPopup__actionContainer___VPjBc {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ExportPopup__actionContainer___VPjBc button {
  min-width: 6rem;
}

.ExportPopup__exportActionOptionContainer___ui6sO:not(:first-of-type),
.ExportPopup__exportActionContainer___yqQY6:not(:first-of-type) {
  border-top: 2px solid #0f1114;
}

.ExportPopup__optionContainer___ICkWM {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.ExportPopup__optionRow___DbY4o {
  display: flex;
  padding: 0.25rem 1.25rem;
}

.ExportPopup__optionRow___DbY4o .ExportPopup__labelContainer___ZbAa0 {
  min-width: 175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ExportPopup__optionRow___DbY4o .ExportPopup__labelContainer___ZbAa0 .ExportPopup__label___sMn94 {
  font-size: 1rem;
  color: #8395ac;
}

.ExportPopup__optionRow___DbY4o .ExportPopup__valueContainer___oKLWA {
  display: flex;
}

.ExportPopup__optionRow___DbY4o .ExportPopup__previewContainer___hPBL3 {
  flex: 1 auto;
  display: flex;
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #8395ac;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}

.ExportPopup__timeOffsetButton___zsIBi {
  width: 200px !important;
}

.DataQualityPopup__boxContainer___nqliu {
  width: 30rem;
}

.DataQualityPopup__dataQualityLabel____dFxq {
  width: 4rem;
}

.DataQualityPopup__dataQualityLevel___jHKYU {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  margin: 0px 0.5rem 0px 0rem;
}

.DataQualityPopup__dataQualityLevelOk___bpi5x {
  background: #39bf65;
}

.DataQualityPopup__dataQualityLevelPoor___w4t0W {
  background: #e84569;
}

.DataQualityPopup__dataQualityLevelSoSo___J8hQk {
  background: #ff9a53;
}

.DataQualityPopup__dataQualityLevelUnknown___fDS99 {
  visibility: hidden;
}

.DataQualityPopup__dataQualityIcon___zg3jo {
  fill: white;
  background-size: 38px 38px;
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 44px;
  margin: 2px 0px 2px 2rem;
}

.DataQualityPopup__form___fdtWj {
  flex: 1;
}

.DataQualityPopup__spinner___tNfZj {
  font-size: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}

.FormCheckBox__container___D2tit {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 16px;
}

.FormCheckBox__label___RpmyO {
  font-size: 1rem;
  margin-right: 0.75rem;
}
.FormCheckBox__left___Lkijd > .FormCheckBox__label___RpmyO {
  margin-left: 0.75rem;
}

.FormCheckBox__stateGraphics___gEOQK {
  background: #58677a;
  color: #ffffff;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}

.FormCheckBox__disabled___uWDwx > .FormCheckBox__stateGraphics___gEOQK {
  background: #2b313f;
  color: #8395ac;
}

.FormCheckBox__checkBox___t1jAf {
  position: absolute;
  left: -999999px;
}

.FormPopup__contentContainer___PRTJg {
  padding: 2rem;
  border-bottom: 2px solid #0f1114;
  max-height: calc(100vh - 18rem);
  overflow-y: auto;
}

.FormPopup__loaderContainer___b1lSs {
  padding: 4rem;
}

.FormPopup__actionContainer___uSG76 {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.FormPopup__actionContainer___uSG76 > button {
  margin-right: 1rem;
}

.FormPopup__actionContainer___uSG76 > button:last-child {
  margin-right: 0;
}

.FormImageUpload__container___xmAYS {
  display: flex;
  flex-direction: column;
  width: 160px;
  height: 200px;
  justify-content: stretch;
  align-items: stretch;
}

.FormImageUpload__imageContainerOuter___kXinJ {
  height: 160px;
  width: 160px;
  border: 2px #8395ac dashed;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.FormImageUpload__imageContainerOuter___kXinJ.FormImageUpload__hasImage___JJXte {
  border-style: solid;
}

.FormImageUpload__imageContainerOuter___kXinJ:hover {
  border-color: #ffffff;
}

.FormImageUpload__fileInput___FC72L {
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
  position: absolute;
}

.FormImageUpload__imageContainer___oNeOr {
  height: 160px;
  justify-content: center;
  display: flex;
  flex-direction: row;
}

.FormImageUpload__imageContainer___oNeOr img {
  flex: 1;
  height: 100%;
  border: 0;
}

.FormImageUpload__bottomContainer___WgOW6 {
  height: 40px;
  width: 160px;
  font-size: 0.9rem;
  padding-top: 0.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.react-datepicker__input-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.react-datepicker__close-icon {
  padding-right: 16px;
}

.react-datepicker__close-icon:hover {
  color: #ffffff;
  font-weight: bold;
}

.react-datepicker__close-icon::after {
  font-size: 1.25rem;
  background-color: transparent;
}

.FormDatePicker__datePicker___Qs4Bq {
  height: 48px;
  background: transparent;
  border: 2px solid #8395ac;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  padding: 5px 8px 5px 8px;
}

.FormDatePicker__popperContainer___Ljltz {
  color: #262b37;
  border: 2px solid #262b37;
  background-color: #2b313f;
  border-radius: 10px;
  padding: 2px;
  box-shadow: 0 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
}

.FormDatePicker__calendar___JLRqp {
  font-family: "Roboto", sans-serif;
  background-color: #2b313f;
  color: #ffffff;
  border: 0;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1rem;
  color: #ffffff;
  border: 2px solid transparent;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day-name {
  width: 2.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
  color: #8395ac;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__current-month {
  font-size: 1.25rem;
  line-height: 2rem;
  color: #8395ac;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__header__dropdown {
  margin-top: 0.3rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-dropdown-container {
  margin: 0 16px;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-dropdown-container {
  margin: 0 16px;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__header {
  background-color: transparent;
  border: 0;
  border-radius: 8px 0 0 0;
  border-bottom: 2px solid #262b37;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__header--time {
  border-radius: 0 8px 0 0;
}

.FormDatePicker__calendar___JLRqp .react-datepicker-time__header {
  color: #8395ac;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day--outside-month {
  color: #8395ac;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day:hover {
  border-radius: 1.33em;
  border: 2px solid #58677a;
  background-color: transparent;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day--highlighted,
.FormDatePicker__calendar___JLRqp .react-datepicker__day--keyboard-selected,
.FormDatePicker__calendar___JLRqp .react-datepicker__day--selected {
  border-radius: 1.33em;
  border: 2px solid #8395ac;
  background-color: transparent;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__day--highlighted:hover {
  border-radius: 1.33em;
  border: 2px solid #ffffff;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__navigation {
  top: 10px;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__navigation--next--with-time {
  right: 95px;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__time-container {
  border-left: 2px solid #262b37;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__time-list {
  background-color: #2b313f;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__time-list-item {
  line-height: 2rem;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__time-list-item:hover {
  background-color: #58677a !important;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__time-list-item--selected {
  background-color: #8395ac !important;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__triangle {
  border-bottom-color: #2b313f !important;
  top: 0 !important;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__triangle::before {
  content: none !important;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__navigation {
  outline: none;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-dropdown {
  background-color: #2b313f;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-option {
  line-height: 2rem;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-option--selected {
  display: none;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-option--selected_year {
  background-color: #8395ac;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__year-option:hover {
  background-color: #58677a;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-dropdown {
  background-color: #2b313f;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-option {
  line-height: 2rem;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-option--selected {
  display: none;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-option--selected_year {
  background-color: #8395ac;
}

.FormDatePicker__calendar___JLRqp .react-datepicker__month-option:hover {
  background-color: #58677a;
}

.FormGroup__formGroup___Gdkdz {
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.FormGroup__form___jLUhk {
  padding: 8px;
}

.FormGroup__formGroupHeader___MIWc2 {
  margin-bottom: 10px;
}

.FormGroup__title___qacqJ {
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #8395ac;
}

.FormGroup__formElement___JiMU5 {
  display: flex;
  flex-direction: column;
}

.FormFileUpload__fileUploadContainer___g5QBi {
  display: flex;
  align-items: center;
}

.FormFileUpload__inputContainer___Zpnt2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 255px;
  height: 48px;
  border-radius: 32px;
  border: 2px solid #8395ac;
}

.FormFileUpload__inputFile___A73T1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}

.FormFileUpload__fileName___GGrEI {
  margin-left: 1rem;
  font-weight: 400;
  font-size: 0.9rem;
  color: #8395ac;
}

.StateFilter__stateFilterContainer___RetCW {
  margin: -2px 8px 0px 8px;
}

.TrendCategoryPane__trendCategoryPaneContainer___BVNOx {
  display: flex;
  flex-direction: column;
  width: 380px;
  min-width: 380px;
  height: calc(100vh - 90px);

  border-right: 2px solid #0f1114;
  background: rgb(23, 27, 37);
  /*border-top: 10px solid #0f1114;*/
  margin-top: 10px;
  min-height: 0;
}

.TrendCategoryPane__trendItemsContainer___JgS65 {
  flex-grow: 1;
  overflow-y: auto;
  min-height: 0;
}

.TrendCategoryPane__performanceItemsContainer___h2sMr {
  border-top: 2px solid #58677a;
  overflow-y: auto;
  min-height: 14vh;
  max-height: 28vh;
}

.TrendCategoryPane__trendButtonWrapper___nbybv {
  padding: 0 8px 8px 0;
  flex: 0 auto;
  display: flex;
  justify-items: center;
  justify-content: center;
}

.TrendCategoryPane__deselectAllButton___p2Vkg {
  display: flex;
  justify-content: center;
  padding: 16px;
}

.TrendCategoryPane__removeIcon___vP9za {
  width: 26px;
  height: 36px;
}

.TrendCategoryItem__trendCategoryItemContainer___AAkEJ {
  padding: 6px 42px;
  border-bottom: 2px solid #0f1114;
  margin-top: 10px;
}

.TrendCategoryItem__trendCategoryHeaderContainer___zdreq {
  color: #8395ac;
  display: flex;
  align-items: baseline;
  flex-direction: row-reverse;
}

.TrendCategoryItem__trendCategoryHeaderContainer___zdreq + .TrendCategoryItem__trendCategoryMetricContainer___HxyGA {
  margin-top: 10px;
}

.TrendCategoryItem__trendCategoryMetricContainer___HxyGA {
  padding-bottom: 3px;
  padding-left: 8px;
}

.TrendCategoryItem__childrenItems___dtvC4 {
  padding-left: 70px;
}

.RadioCheck__container___OZoMZ {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}

.RadioCheck__container___OZoMZ:hover {
  text-decoration: underline;
  cursor: pointer;
}

.RadioCheck__label____VnjC {
  font-size: 1rem;
  margin-right: 0.75rem;
}

.RadioCheck__stateGraphics___L8Pt6 {
  width: 1.25rem;
  height: 1.25rem;
  background: #58677a;
  position: relative;
}

input[type="checkbox"] + .RadioCheck__stateGraphics___L8Pt6 {
  border-radius: 2px;
}

input[type="radio"] + .RadioCheck__stateGraphics___L8Pt6 {
  border-radius: 50%;
}

.RadioCheck__stateGraphics___L8Pt6 svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: black;
}

.RadioCheck__activeRadioIcon___EFTZw {
  border-radius: 50%;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #171b25;
  display: none;
}

.RadioCheck__input___G2PhT {
  position: absolute;
  left: -999999px;
}

input[type="radio"]:checked + .RadioCheck__stateGraphics___L8Pt6 .RadioCheck__activeRadioIcon___EFTZw {
  display: block;
}

.CollapseButtonIcon__rotationGroup___dCHbW {
  transition: transform 0.25s ease;
  transform: rotate(180deg);
  transform-origin: 50% 55%;
}

.CollapseButtonIcon__showItems___u1c7J {
  transform: rotate(0deg);
}

.TrendCategoryItemType__trendCategoryHeaderContainer___CUWqd {
  color: #8395ac;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #0f1114;
  justify-content: space-between;
}

.TrendCategoryItemType__itemTypeCategoryName___yqNVf {
  font-size: 1.25rem;
}

.TrendGraphView__trendGraphViewContainer___DFRuJ {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
  background: #2b313f;
}

.TrendGraphView__trendGraphChartContainer____scpz {
  border-left: 8px solid #0f1114;
  border-top: 10px solid #0f1114;
  border-bottom: 10px solid #0f1114;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
  background: #171b25;
  overflow-y: auto;
}

.TrendGraphView__trendGraphOperationsChartContainer___r2dMu {
  border-left: 8px solid #0f1114;
  border-top: 10px solid #0f1114;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  justify-items: stretch;
  background: #171b25;
  position: relative;
}

.TrendGraphView__trendGraphOperationsChartContainerSmall___L0Lgb {
  height: 100px;
}

.TrendGraphView__trendGraphOperationsChartContainerMedium___n4KxS {
  height: 125px;
}

.TrendGraphView__trendGraphOperationsChartContainerLarge___w_0Mu {
  height: 150px;
}

.TrendGraphView__trendAxisContainer___rJWFK {
  padding: 10px 0;
  margin-left: 30px;
  height: 80px;
  background: #2b313f;
  overflow: hidden;
  overflow-x: auto;
}

.TrendGraphView__trendGraph___ZPyXW {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  border-top: 10px solid #0f1114;
  min-height: 35%;
}

.TrendGraphView__trendGraph___ZPyXW:first-child {
  border-top: none;
}

.TrendGraphView__trendGraphContent___kzTiW {
  flex-grow: 1;
}
.TrendGraphView__trendOperationGraphContent___tKbdB {
  flex-grow: 1;
  margin-left: 43px;
}

.TrendGraphView__operationsHeader___bPGsa {
  display: flex;
}

.TrendGraphView__operationsHeaderInfoContainer___P2imP {
  display: flex;
  font-family: "Roboto", sans-serif;
}

.TrendGraphView__operationInfoContainer___jZm6p {
  display: flex;
  line-height: 16px;
  margin-left: 0.5rem;
  font-size: 0.9rem;
}

.TrendGraphView__operationIndicator___FdPxj {
  display: flex;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  min-width: 28px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 16px;
  border-radius: 16px;
  color: #0f1114;
  margin-right: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.TrendGraphView__operationIndicatorName___N4srk {
  margin-right: 0.25rem;
}

.Trend__trendOuterContainer___ugPxo {
  overflow-y: hidden;
}

.Trend__trendContainer___LeKbh {
  display: flex;
  top: 5rem;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  background: #0f1114;
  height: calc(100vh - 5rem);
  width: 100vw;
}

.Trend__rightHeaderContainer___ZAuiw {
  display: flex;
}

.SelectItemsHeader__container___fHLoK {
    background-color: #58677a;
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "vessels compareButton closeButton";
    max-width: 100%;
    grid-gap: 1rem;
    box-shadow: inset 0 7px 15px -5px #0f1114;
}

.SelectItemsHeader__itemsContainer___Ht80i {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: vessels;
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 2rem;
}

.SelectItemsHeader__buttonContainer___K4ZNo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: compareButton;
    grid-gap: 0.5rem;
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
}

.SelectItemsHeader__closeButtonContainer___zgC0d {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: closeButton;
}

.SelectItemsHeader__item___H8sgc{
    display: flex;
    border: 2px solid #8395ac;
    border-radius: 1.5rem;
    background-color: transparent;
    align-items: center;
}
.SelectItemsHeader__itemLabel___LjC3O{
    color: #ffffff;
    text-transform: capitalize;
    white-space: nowrap;
    padding: 1rem 0 1rem 1rem
}

.SelectItemsHeader__removeButton___qdGdx{
    background-color: transparent;
    padding: 1rem;
    border: 0;
    cursor: pointer;
}

.SelectItemsHeader__removeButton___qdGdx:hover{
    transform: scale(1.15);
}

.SelectItemsHeader__closeButton___vrDCd:hover{
    transform: scale(1.15);
}

.SelectItemsHeader__closeButton___vrDCd{
    background-color: transparent;
    padding: 0.5rem 1rem;
    border: 0;
    cursor: pointer;
}

.AddColumn__addVesselOptionsContainer___Dkfgq {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.AddColumn__addVesselOptions___IZi1_ {
  flex: 1;
}

.AddColumn__addVesselOption___r1V0Q {
  margin-top: 1rem;
}

.AddColumn__addVesselOption___r1V0Q:first-child,
.AddColumn__addVesselOption___r1V0Q:last-child {
  margin-top: 2rem;
}

.CompareTable__tableHeaderGrid___otI1y {
  display: grid;
  grid-template-columns: 24rem;
  position: relative; /* keep for IE11 since "sticky" will be ignored */
  position: sticky;
  top: 5rem;
  width: 100%;
  z-index: 1;
}

.CompareTable__tableGrid___y4E1b {
  display: grid;
  grid-template-rows: 32rem auto;
  margin-top: 5rem;
}

.CompareTable__tableHeader___MBsji {
  background-color: #2b313f;
  border-bottom: 0.2rem solid #0f1114;
  height: 6.7rem;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.CompareTable__tableTitle___IpMzz {
  color: #8395ac;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.CompareTable__tableColumnHeader___p2LUd {
  padding: 0 3rem 1rem 3rem;
}

.CompareTable__tableColumnName___rWLNG {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: white;
}

.CompareTable__rowCell___UZXUO {
  border-bottom: 0.2rem solid #0f1114;
  border-right: 0.2rem solid #0f1114;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.CompareTable__loadingCell___Qe9I0 {
  border-bottom: 0.2rem solid #0f1114;
  border-right: 0.2rem solid #0f1114;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  z-index: 1000;
  align-items: "center";
  background-color: #171b25;
}

.CompareTable__rowHeader___nzYQL {
  display: flex;
  align-items: center;
  color: #8395ac;
  padding-left: 1rem;
  padding-right: 1rem;
}

.CompareTable__rowHeaderText___nfq4H {
  margin-left: 1rem;
}

.CompareTable__rowHeaderName___DGHxn {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.CompareTable__rowHeaderDescription___zElsi {
  font-size: 1rem;
  white-space: nowrap;
}

.CompareTable__valueContainer___na0aZ {
  display: flex;
  flex-direction: row;
  font-size: 1.25rem;
  margin: 0 3rem;
}

.CompareTable__valueContainer___na0aZ > :not(:first-child) {
  margin-left: 0.5rem;
}

.CompareTable__valueContainer___na0aZ:not(:last-child) {
  margin-bottom: 0.5rem;
}

.CompareTable__value___uPIxh {
  color: white;
}

.CompareTable__unit___aarYJ {
  color: #8395ac;
}

.CompareTable__valueDescription___NSCRv {
  color: #58677a;
}

.CompareTable__positiveTrend___xT2ss .CompareTable__value___uPIxh {
  color: #39bf65;
}

.CompareTable__negativeTrend___xS0CE .CompareTable__value___uPIxh {
  color: #e84569;
}

.ButtonClose__removeBtn___q6u0d {
  background: transparent;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 3;
  justify-content: center;
  align-content: center;
}

.ButtonClose__visuallyHidden___UhNoq {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.ButtonClose__closeIcon___JOPRd {
  position: relative;
  width: 1rem;
  height: 1rem;
  transform: rotate(45deg) scale(1);
}

.ButtonClose__closeIcon___JOPRd:before,
.ButtonClose__closeIcon___JOPRd:after {
  content: "";
  background: #8395ac;
  position: absolute;
}

.ButtonClose__closeIcon___JOPRd:before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.ButtonClose__closeIcon___JOPRd:after {
  width: 2px;
  margin-left: -1px;
  height: 100%;
  top: 0;
  left: 50%;
}

.ButtonClose__removeBtn___q6u0d:hover .ButtonClose__closeIcon___JOPRd {
  transform: rotate(45deg) scale(1.2);
}

.ButtonClose__removeBtn___q6u0d:hover .ButtonClose__closeIcon___JOPRd:before,
.ButtonClose__removeBtn___q6u0d:hover .ButtonClose__closeIcon___JOPRd:after {
  background: white;
}

.Fleet__metricsContainer___giNH4 {
  background: #0f1114;
}

.Fleet__loadingContainer___B7dQR {
  padding: 2rem;
  background-color: #171b25;
}

.MetricTable__table___RxFlK {
  margin: 2px 0 0 0;
  color: #8395ac;
  background-color: #171b25;
}

.MetricTable__nameContainer___EjngD {
  display: flex;
  align-items: center;
  margin-left: -9px;
}

.MetricTable__pointer___BOmCW {
  cursor: pointer;
}

.MetricTable__inner___dR1Ui {
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.MetricTable__vessel___AwFXL:hover {
  background-color: #2b313f;
}

.MetricTable__listItemItem___z9ppX {
  width: 25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.MetricTable__listItemItem___z9ppX:nth-last-child(-n + 3) {
  width: 15rem;
  margin-left: 0.5rem;
}

.MetricTable__title___KE_e_ {
  display: flex;
  width: 25rem;
  text-align: left;
  font-size: 1rem;
  background-color: #171b25;
  flex-direction: row;
  justify-content: space-between;
}

.MetricTable__title___KE_e_:nth-last-child(-n + 3) {
  width: 15rem;
  margin-left: 0.5rem;
}

.MetricTable__title___KE_e_ h3 {
  text-transform: uppercase;
}

.MetricTable__status___FQ042 {
  font-size: 2rem;
}

.PerformanceIndicator__indicatorTemplate___HGtT2 {
  white-space: nowrap;
}

.PerformanceIndicator__indicatorTemplate___HGtT2 > div {
  margin: 2px 0;
}

.PerformanceIndicator__indicatorLevel___Z7aZ2 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  margin: 0 0.5rem 0 0;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

.PerformanceIndicator__indicatorLevelOk___cdJwI {
  background: #39bf65;
}

.PerformanceIndicator__indicatorLevelPoor___T15ZD {
  background: #e84569;
}

.PerformanceIndicator__indicatorLevelSoSo___aLfxv {
  background: #ff9a53;
}

.PerformanceIndicator__indicatorLevelUnknown___She_6 {
  background: #8f9a9b;
}

.Pagination__paginationSpacer___O8zRa {
  width: 100%;
  padding: 0.25rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0f1114;
}

.Pagination__paginationContent___CE9eH {
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.Pagination__paginationDropdown___tzlkY {
  min-width: 13.5rem;
  margin: 0 1rem;
}

.VesselDetails__vesselDetailsContainer___Jj5mq {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin-top: 0.5rem;
  width: 23.25rem;
  left: 0.5rem;
  overflow: auto;
  top: 5rem;
  height: calc(100% - 6.25rem);
  background-color: #171b25;
  border-bottom: 2px solid #0f1114;
}

.VesselDetails__vesselDetailsTopContainer___V1u4q {
  padding: 2rem 1.5rem 2rem 1.5rem;
}

.VesselDetails__vesselDetailsHeaderContainer___eeDA2 {
  display: flex;
  margin-bottom: 2rem;
}
.VesselDetails__vesselDetailsHeaderIconContainer___Gcyts {
  width: 50px;
}

.VesselDetails__vesselNameContainer___jMYr1 {
  margin-left: 13px;
}

.VesselDetails__vesselHeading___WVRt8 {
  font-size: 2rem;
  color: #ffffff;
}

.VesselDetails__vesselSubHeading___FDd78 {
  height: 22px;
  line-height: 22px;
  font-size: 1rem;
  color: #8395ac;
}

.VesselDetails__indicatorContainer___BtTeS {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
}

.VesselDetails__vesselDetailsIndicatorContainer___lf1Dy {
  width: 152px;
  height: 57px;
  overflow: hidden;
  margin: 5px;
}

.VesselDetails__vesselDetailsIndicatorValueContainer___aRl41 {
  height: 38px;
  font-size: 2rem;
}

.VesselDetails__vesselDetailsIndicatorValue___nTi1m {
  color: #ffffff;
}

.VesselDetails__vesselDetailsIndicatorValueNegative___Ec88H {
  color: #e84569;
}

.VesselDetails__vesselDetailsIndicatorValuePositive___MLdXI {
  color: #4af381;
}

.VesselDetails__vesselDetailsIndicatorUnit___OlXTZ {
  color: #8395ac;
}

.VesselDetails__vesselDetailsDescription___E9eKT {
  height: 19px;
  font-size: 1rem;
  color: #8395ac;
  word-wrap: unset;
  width: 152px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.VesselDetails__vesselTrackContainer___wZDjA {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  margin-top: 16px;
}

.VesselTrackListElement__elementContainer___PGTws {
  flex: auto;
  display: flex;
  flex-direction: row;
  padding-left: 2rem;
  cursor: pointer;
  transition: background-color 250ms linear;
}

.VesselTrackListElement__elementContainer___PGTws:hover {
  background-color: #2b313f;
  transition: background-color 250ms linear;
}

.VesselTrackListElement__activeElement___z3Bhv {
  background-color: #2b313f;
  transition: background-color 250ms linear;
}

.VesselTrackListElement__timeContainer___kYhqr {
  width: 45px;
}

.VesselTrackListElement__timeLabel___PdFFc {
  color: #7b7f85;
  font-size: 0.75rem;
}

.VesselTrackListElement__lineContainer___oC8dJ {
  display: flex;
  flex-direction: column;
  width: 20px;
  position: relative;
}

.VesselTrackListElement__marker___EO7hY {
  top: -1px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: #0f1114;
  border: 4px solid #c1c6c7;
  position: absolute;
  z-index: 2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.VesselTrackListElement__line___TSwXm {
  margin: 0 auto;
  height: 100%;
  width: 6px;
  background-color: #8395ac;
}

.VesselTrackListElement__contentContainer___opXKs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.VesselTrackListElement__operationContainer___Es0ob {
  margin-left: 21px;
}

.VesselTrackListElement__operationName___noChW {
  font-size: 0.9rem;
}

.VesselTrackListElement__outerContainer___KOePc {
  display: flex;
  flex-direction: column;
}

.VesselTrackListElement__dateContainer___If6Fy {
  height: 40px;
  align-items: center;
  display: flex;
  padding-left: 2rem;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.VesselTrack__vesselTrackOuterContainer___wgXA_ {
  flex: auto;
  display: flex;
  flex-direction: column;
}

.VesselTrack__vesselTrackControlContainer___lb46m {
  padding: 0 1.5rem 0.5rem 1.5rem;
}

.VesselTrack__vesselTrackListContainer___QmHa3 {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.VesselTrack__vesselTrackDatePickerContainer___MRk7m {
  margin: 1rem 0;
}

.VirtualList__virtualListContainer___CYbS4 {
  flex: 1 1 auto;
  overflow: auto;
}

.MapFlyout__mapFlyout___elagh {
  color: #8395ac;
  width: 23.25rem;
  max-height: calc(100vh - 6.25rem);
  height: calc(100vh - 6.25rem);
  position: absolute;
  top: 5.5rem;
  right: 0;
  transition: transform 0.2s ease-out;
  padding: 0;
  display: flex;
  flex-direction: column;
  transform: translate(100%, 0%);
}

.MapFlyout__mapFlyout___elagh.MapFlyout__showing___yNXsJ {
  transform: translate(0%, 0%);
  right: 0.5rem;
}

.MapFlyout__mapFlyoutToggle____gxlR {
  position: absolute;
  display: block;
  bottom: 0;
  left: -1rem;
  z-index: 2;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  background: #171b25;
  border: 2px solid #58677a;
  outline: none;
  width: 3rem;
  height: 3rem;
  transform: rotate(0deg) translate(-100%, 0);
}
.MapFlyout__mapFlyoutToggle____gxlR:hover {
  border-color: white;
}

.MapFlyout__mapFlyoutToggle____gxlR svg {
  display: block;
  fill: white;
}

.MapFlyout__mapFlyout___elagh.MapFlyout__showing___yNXsJ .MapFlyout__mapFlyoutToggle____gxlR {
  transform: rotate(-180deg) translate(100%, 0);
}

.MapFlyout__title___bqhfq {
  text-transform: uppercase;
}

.MapFlyout__simpleList___suD8G {
  background-color: #171b25;
  padding: 2rem 2rem 0 2rem;
  border-bottom: 2px solid #0f1114;
  overflow: auto;
  flex: 0.3;
}

.MapFlyout__scrollable___oxaWD {
  padding: 0;
  margin: 2rem 0 0 0;
  height: 100%;
}

.MapFlyout__descriptionSection___jmDFq {
  background: rgba(23, 27, 37, 0.9);
  padding: 2rem 2rem 0 2rem;
  overflow: auto;
  flex: 0.7;
}

.MapFlyout__section___zbJ_n {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
}

.MapFlyout__simpleList___suD8G h1,
.MapFlyout__simpleList___suD8G h2 {
  margin-bottom: 0.33rem;
  font-weight: 300;
}

.MapFlyout__simpleList___suD8G h2 {
  margin-bottom: 1rem;
}

.MapFlyout__simpleList___suD8G table {
  width: 100%;
  line-height: 2rem;
}

.MapFlyout__simpleList___suD8G table tr td:last-of-type {
  text-align: right;
}

.MapFlyout__simpleList___suD8G tr:hover {
  color: white;
  cursor: pointer;
}

.MapFlyout__simpleList___suD8G [data-active="true"],
.MapFlyout__simpleList___suD8G tr:active {
  color: white;
}

.MapFlyout__sectionHeading___CmEMI {
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

.MapFlyout__markerDescription___eonh3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}

.MapFlyout__markerDescription___eonh3 dd {
  margin: 0 0.5rem 0 0.25rem;
}
.MapFlyout__markerDescription___eonh3 dd:last-of-type {
  margin-right: 0;
}

.MapFlyout__operationModes___vV0d1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.MapFlyout__operationMode___TnavI {
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 0 1rem 0;
}

.MapFlyout__operationMode___TnavI dt {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.MapFlyout__operationMode___TnavI dd {
  margin: 0.5rem 0 0 0;
}

.MapFlyout__vesselSummary___VeI6s {
  margin: 0.5rem 0 0 0;
}

.MapFlyout__vesselLength___VHhqo {
  color: white;
  font-size: 2rem;
  margin: 0 0 0.5rem 0;
}

.OMDescriber__container___QlazX {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.75rem;
  color: #171b25;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0 0.5rem 0 0;
}

.OMDescriber__container___QlazX span {
  display: block;
  width: 100%;
}

.Map__container___QUYlz {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 5rem;
}

.Map__loader___NBNZ6 {
  position: relative;
  width: 100%;
  height: 100%;
}

.Calendar__container___D1h7n {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
}
.Calendar__hoverContextMenu___YnVxk {
  background-color: #3b4859;
  color: #e0e4ea;
  font-size: 0.875rem;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.Calendar__calendarHeader___uEUy7 {
  display: flex;
  flex-direction: row;
  color: #8395ac;
  margin-left: 6px;
}

.Calendar__calendarHeaderDay___pEtLa {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  line-height: 40px;
  font-size: 1rem;
  text-transform: uppercase;
  background: #2b313f;
  margin-right: 2px;
}

.Calendar__calendarDays___p30la {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
}

.Calendar__calendarDaysRow___aEVxy {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-basis: 0;
  margin-bottom: 2px;
  align-items: stretch;
  overflow: hidden;
}

.Calendar__calendarDaysRow___aEVxy:first-of-type {
  margin-top: 2px;
}

.Calendar__calendarDayContainer___kIy3k {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: space-between;
  color: #ffffff;
  background: #262b37;
  margin-right: 2px;
  padding: 5px 12px 12px 12px;
  font-size: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.Calendar__calendarDayContainer___kIy3k:first-of-type {
  margin-left: 6px;
}

.Calendar__calendarDayContainer___kIy3k > div:first-of-type {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  position: relative;
}

.Calendar__calendarDayIndicator___wdIZh {
  display: flex;
  height: 26px;
  line-height: 26px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.Calendar__calendarDayIndicatorDisabled___ocoEA {
  color: #58677a;
  height: 26px;
  line-height: 26px;
}

.Calendar__calendarDayIndicatorCurrent___tBQQb {
  border-radius: 50%;
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #2ee4f4;
  font-weight: bold;
}

.Calendar__calendarTagContainer___B90Kz {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
}

.Calendar__calendarTag___h41oE {
  border: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-left: 4px;
  border-style: solid;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 6px;
  font-size: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Calendar__calendarTag___h41oE:hover {
  border-left: 6px;
  border-style: solid;
}

.Calendar__calendarTagHeader___xUvws {
  color: #8395ac;
}

.Calendar__calendarTagText___jSJx7 {
  color: #ffffff;
  margin-top: 6px;
}

.Calendar__dayInfo___mpJYb {
  display: none;
  text-align: right;
}

.Calendar__dayInfo___mpJYb > span {
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  width: 26px;
  height: 26px;
}

.Calendar__dayInfo___mpJYb > div {
  height: 26px;
}

.Calendar__dayInfoContainer___fHbi7 > p:first-of-type {
  color: #ffffff;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.Calendar__dayInfoContainer___fHbi7 > div {
  display: block;
  max-height: 200px;
  overflow-y: auto;
}

.Calendar__addButton___r66aX {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.Calendar__dayHeading___xnal_ {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.Calendar__addButtonSmall___TbH1G {
  position: absolute;
  right: 0;
}

.Calendar__plusContainer___K1dBt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
}
.Calendar__plusVertical___qwnnb {
  position: absolute;
  left: 50%;
  width: 10px;
  height: 40px;
  transform: translateX(-50%);
  background-color: #8395ac;
  border-radius: 2px;
}
.Calendar__plusHorisontal___Zr6rI {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 10px;
  transform: translateY(-50%);
  background-color: #8395ac;
  border-radius: 2px;
}
.Calendar__plusHorisontal___Zr6rI[data-type="small"] {
  width: 10px;
  height: 2px;
}
.Calendar__plusVertical___qwnnb[data-type="small"] {
  width: 2px;
  height: 10px;
}

.ContextMenu__optionContainer___CFU7T {
  background-color: #2b313f;
  position: absolute;
  display: none;
  flex-direction: column;
  /* box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5); */
}
.ContextMenu__option___COBts {
  width: 100%;
  display: flex;
  flex: 1;
  align-items: center;
  padding-left: 5%;
}
.ContextMenu__option___COBts:hover {
  cursor: pointer;
  background-color: #8395ac;
}
.ContextMenu__option___COBts:not(:last-child) {
  border-bottom: 1px solid;
  border-color: black;
}
.ContextMenu__arrow___TO9t_ {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #2b313f;
  position: absolute;
}

.CalendarView__calendarViewContainer___zYmXn {
  width: 100vw;
  height: calc(100vh - 5rem);
}

.CalendarView__headerLeftContainer___sDKi9 {
  display: flex;
  flex-direction: row;
}

.CalendarView__headerMiddleContainer___orx0u {
  display: flex;
}

.CalendarView__headerRightContainer___yXSAN {
  display: flex;
}

.CalendarView__buttonContainer___i63cP {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

.ManualFuelDataFormDialog__container___fX9gW {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 20px;
  font-size: 16px;
}

.ManualFuelDataFormDialog__mode___ixfFk {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-color: aqua;
  border-style: solid;
  border-width: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ManualFuelDataFormDialog__info___KZ_Se {
  display: flex;
  align-items: center;
  margin-left: 24px;
  grid-gap: 5px;
}

.ManualFuelDataFormDialog__date___We_EE {
  font-size: 16px;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-right: 24px;
}

.ManualFuelDataFormDialog__trashIconContainer___LI2FS {
  margin-bottom: 8px;
  margin-left: 10px;
  cursor: pointer;
}

.ManualFuelDataFormDialog__trashIcon___C2WhA {
  position: relative;
  top: 50%;
}

.FuelAndEmissionsView__fuelEmissionsViewContainer___a_NRN {
  width: 100vw;
  height: calc(100vh - 5rem);
}

.FuelAndEmissionsView__headerLeftContainer___XGBN7 {
  display: flex;
  flex-direction: row;
}

.FuelAndEmissionsView__headerRightContainer___HrtxZ {
  display: flex;
}

.FuelAndEmissionsView__contentContainer___fZpxS {
  width: 100%;
  height: 100%;
  font-family: "Roboto", sans-serif;
}

.FuelAndEmissionsView__loaderContainer___VxjEC {
  min-width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FuelEmissions__topGridContainer___iKOw3 {
  padding: 0.5rem;
  /*
    min-heigh is set to avoid overflow when decreasing the screen height.
    Therefore, it needs to be set to the a height where there is not yet any overflow.
  */
  min-height: 800px;
  /*
    max-height is set to avoid things looking wonky on too large monitors.
  */
  max-height: 1500px;
  /*
    The height of the grid is 100% and responsive between the limits of min-height and max-height
  */
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr) auto;
  grid-template-areas:
    "fuelConsumption emissionsTrend fuelTarget"
    "donuts donuts emissions";

  grid-gap: 0.5rem;
  background-color: #0f1114;
  max-width: 100%;
}

.FuelEmissions__gridItem___bFI9L {
  padding: 12px 14px;
  background-color: #171b25;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-columns: 1fr;
  grid-template-areas:
    "header"
    "content";
}

.FuelEmissions__gritItemContent___xUepd {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.FuelEmissions__girdItemLoader___f7DG2 {
  min-height: 100%;
  min-width: 100%;
  padding: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.FuelEmissions__donut___Wjca7 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: donuts;
  background-color: #171b25;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.FuelEmissions__componentBlockContainer___yTwVE {
  width: 100%;
  height: 100%;
  padding-top: 0.25rem;
}

.FuelEmissions__hidden___ybJ2d {
  display: none;
}

.Header__header___wmRqR {
  width: 100%;
  padding-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8395ac;
}

.Header__componentInfo___EYUIE > div {
  margin-top: -14px;
  right: 0;
  height: 26px;
  width: 26px;
}

.Header__options___KDvlC {
  display: flex;
  align-items: center;
  grid-gap: 1rem;
}

.Header__title___iK3o9 {
  text-transform: uppercase;
}

.RadioButton__radioGroup___KtPGS {
  display: flex;
  justify-content: flex-start;
  grid-gap: 1px;
  list-style-type: none;
  padding: 0;
  font-size: 0.625rem;
  color: #000;
}

.RadioButton__radioGroup___KtPGS input[type="radio"] {
  width: 0;
  height: 0;
  position: absolute;
  display: none;
}

.RadioButton__radioGroup___KtPGS input[type="radio"]:checked + label,
.RadioButton__Checked___M7lr8 + label {
  background: #8395ac;
}

.RadioButton__radioGroup___KtPGS label {
  padding: 4px 8px;
  cursor: pointer;
  background: #58677a;
  white-space: nowrap;
}

.RadioButton__radioGroup___KtPGS li {
  margin: 0;
}

.RadioButton__radioGroup___KtPGS li:first-of-type label {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.RadioButton__radioGroup___KtPGS li:last-of-type label {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.RadioButton__radioGroup___KtPGS label:hover {
  background: #8395ac;
}

.FuelTarget__fuelTargetContainer___sNXbL {
  min-width: 100%;
  padding: 2rem;
  overflow-y: auto;
}

.DataGridView__gridContainer___aDF0Y {
  display: grid;
  width: 100%;
  height: 100%;
  padding-right: 1rem;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
}

.DataGridView__headerItem___m01tD {
  color: #8f9a9b;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  white-space: pre-line;
  grid-gap: 0.5rem;
}

.DataGridView__footerItem___cqwal {
  color: #279bce;
  margin-top: 0.5rem;
  padding-top: 1rem;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #414646;
}

.DataGridView__valueItem___uJdta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.DataGridView__operationItem___JyuQq {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.DataGridView__valueItem___uJdta > span {
  color: #8f9a9b;
  margin-left: 0.25rem;
  font-size: 1rem;
}

.DataGridView__footerItemHead___TaCb1 {
  color: #8f9a9b;
  text-align: right;
  margin-right: 0.5rem;
}

.DataGridView__operationMode___GTq3w {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  justify-self: center;
}

.OperationCircle__circle___lrLY3 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 0.75rem;
}

.Emissions__emissionsContainer___V8en8 {
  padding: 2rem;
  overflow-y: auto;
}

.FuelConsumption__fuelConsumptionContainer___K5hxP {
  display: flex;
  grid-gap: 1rem;
  padding: 2rem;
  flex-direction: column;
}

.FuelConsumptionRow__fuelConsumptionValueContainer___tf68K {
  color: #8395ac;
  width: 160px;
}

.FuelConsumptionRow__operationsGroupContainer___eFVwe {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}

.FuelConsumptionRow__fuelConsumptionValue___Qz_EI {
  color: #279bce;
  display: flex;
  flex-direction: column;
}

.FuelConsumptionRow__fuelConsumptionValue___Qz_EI > div:first-child > span:first-child {
  font-size: 1.75rem;
}

.FuelConsumptionRow__fuelConsumptionValue___Qz_EI > div:first-child > span:nth-child(2) {
  font-size: 1.25rem;
  color: #8395ac;
  margin-left: 0.25rem;
}

.FuelConsumptionRow__fuelConsumptionTitle___fBPvK {
  font-size: 0.9rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.FuelConsumptionRow__blockContainer___hTtHh {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-column-gap: 0.5rem;
}

.PerformanceIndicator__fuelConsumptionPercentContainer___qvg4F {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 5px 10px;
  max-width: 100px;
  font-size: 16px;
  grid-gap: 4px;
}
.PerformanceIndicator__fuelConsumptionPercentContainer___qvg4F[data-type="negative"] {
  color: #39bf65;
}
.PerformanceIndicator__fuelConsumptionPercentContainer___qvg4F[data-type="positive"] {
  color: #fc406a;
}
.PerformanceIndicator__arrow___jA5K9 {
  width: 0px;
  height: 0px;
  border-style: solid;
}

.PerformanceIndicator__arrow___jA5K9[data-type="positive"] {
  border-left-width: 5px;
  border-right-width: 5px;
  border-bottom-width: 8px;
  border-top-width: 0px;
  border-top-color: #fc406a;
  border-bottom-color: #fc406a;
  border-left-color: transparent;
  border-right-color: transparent;
}
.PerformanceIndicator__arrow___jA5K9[data-type="negative"] {
  border-left-width: 5px;
  border-right-width: 5px;
  border-bottom-width: 0px;
  border-top-width: 8px;
  border-top-color: #39bf65;
  border-bottom-color: #39bf65;
  border-left-color: transparent;
  border-right-color: transparent;
}

.OperationClassCircles-module__circlesWrapper___Ml2zy {
  position: relative;
  display: inline-block;
  width: calc(2.5rem + 16px);
  height: 2.5rem;
}

.OperationClassCircles-module__circlesWrapper___Ml2zy > .OperationClassCircles-module__circle___rr23Z {
  position: absolute;
  top: 0;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 2rem;
  display: inline-block;
}

.OperationClassCircles-module__circlesWrapper___Ml2zy > .OperationClassCircles-module__circle___rr23Z:nth-child(1) {
  left: 0;
}

.OperationClassCircles-module__circlesWrapper___Ml2zy > .OperationClassCircles-module__circle___rr23Z:nth-child(2) {
  left: 8px;
}

.OperationClassCircles-module__circlesWrapper___Ml2zy > .OperationClassCircles-module__circle___rr23Z:nth-child(3) {
  left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2b313f;
  font-size: 0.9rem;
  font-weight: bold;
}

.LogoModes__logoModes___dVhdh {
  color: #8395ac;
  background-color: #262b37;
  padding: 0.3rem;
  font-size: 0.7rem;
  border-radius: 6px;
  position: relative;
  display: inline-block;
  cursor: default;
  white-space: no-wrap;
}

.LogoModes__logoModes___dVhdh .LogoModes__tooltipText___yCgJP {
  font-size: 0.9rem;
  background-color: #171b25;
  color: #8395ac;
  padding: 0.5rem;
  text-align: center;
  position: absolute;
  z-index: 1;
  margin-top: 1rem;
  margin-left: -5rem;
  outline: none;
  min-width: 8rem;

  /* Fade in tooltip - takes 1 second to go from 0% to 100% opacity: */
  opacity: 0;
  pointer-events: none;
  transition: opacity 2s;
  text-transform: none;
}

.LogoModes__logoModes___dVhdh .LogoModes__displayText___tqOCD:hover + .LogoModes__tooltipText___yCgJP {
  border: 2px solid white;
  opacity: 1;
  pointer-events: auto;
}

.EmissionsTrend__container___Vt519 {
  max-width: 100%;
  max-height: 100%;
  padding: 1rem;
  margin-top: 1rem;
}

.SetFuelTargetsDialog__gridContainer___wRNET {
  display: grid;
  grid-gap: 0.5rem;
  align-items: center;
}

.SetFuelTargetsDialog__legend___OXeUd {
  overflow: hidden;
}

.SetFuelTargetsDialog__legendButton___CLx1W {
  padding: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #171b25;
  background: transparent;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SetFuelTargetsDialog__operationMode___BKgwB {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  white-space: nowrap;
}

.SetFuelTargetsDialog__info___LWfZD {
  display: flex;
  align-items: center;
  margin-left: 24px;
  margin-bottom: 3px;
  grid-gap: 5px;
}

.EditTargetButton-module__editTargetButton___k1kot {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  background: #8395ac;
  cursor: pointer;
  border: 0;
}

.ManualFuelDataIndicator__indicatorContainer___KP69T {
  padding: 0 0.5rem;
}

.UserProfileView__outerContainer___chmt_ {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.UserProfileView__topGridContainer___Jbuly {
  border-top: 4px solid #0f1114;
}

.UserProfileView__calendarViewContainer___fWqak {
  height: calc(100vh - 5rem);
}

.UserProfileView__userContainer___hXbmz {
  min-width: 1900px;
}

.UserProfileView__imageContainer___EJuLg {
  width: 380px;
}

.UserProfileView__settingsContainer___jtD8_ {
  min-width: 1900px;
  flex: auto;
  background: #0f1114;
}

.UserProfileView__changePasswordContainer___O1i4_ {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

.ProfileImage__profileImageContainer___ShkFa {
  display: flex;
  flex-flow: column;
  position: relative;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
}

.ProfileImage__imageContainer___T9ZOM {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 5rem);
}

.ProfileImage__imageContainer___T9ZOM img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-out 0.1s;
  background-color: #171b25;
}

.ProfileImage__imageGradient___SVaDf {
  height: 6rem;
  width: 100%;
  display: block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    #171b25 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.ProfileImage__titleContainer___p5wjh {
  margin: 0 0 1.5rem 1.5rem;
  position: relative;
  z-index: 2;
}

.ProfileImage__profileName___MEGYd {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  color: white;
}

.ProfileImage__subHeader___Q8j2I {
  color: #8395ac;
}

.Settings__settingsContainer___LfikA {
  display: flex;
  flex-direction: column;
  border: 4px solid #0f1114;
  border-bottom: 8px solid #0f1114;
}

.Settings__settingsHeader___zvk69 {
  height: 50px;
  padding: 16px;
  vertical-align: middle;
  background: #2b313f;
  border-bottom: 4px solid #0f1114;
}

.Settings__settingsHeader___zvk69 > h1 {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #8395ac;
}

.Settings__settingsRow___U8dAC {
  display: flex;
  flex-direction: row;
  height: 105px;
}

.Settings__settingsCellContainer___eef7n {
  width: 20%;
  flex-basis: 20%;
  border-right: 4px solid #0f1114;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #171b25;
  height: 105px;
  border-bottom: 4px solid #0f1114;
}

.Settings__settingsCellContainer___eef7n:last-child {
  border-right: 0px;
}

.Settings__settingsCell___ACyrI {
  padding-left: 18px;
  padding-right: 18px;
}

.CategoryItem__categoryItem___Zr8D6 {
  display: flex;
  align-items: center;
  height: 6.7rem;
  width: 100%;
  color: #8395ac;
  padding: 0 3rem;
  position: relative;
}

.CategoryItem__categoryItemMedium___GQ3Bv {
  display: flex;
  align-items: center;
  height: 13.6rem;
  width: 100%;
  color: #8395ac;
  padding: 0 3rem;
  position: relative;
}

.CategoryItem__categoryItemLarge___xxzP4 {
  display: flex;
  align-items: center;
  height: 32rem;
  width: 100%;
  color: #8395ac;
  padding: 0 3rem;
  position: relative;
}

.CategoryItem__textContainer___k4R3e {
  margin: 0 0 0 1rem;
}

.CategoryItem__categoryTitle___Gk31g {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.CategoryItem__categoryDescription___Op2Qv {
  font-size: 1rem;
  white-space: nowrap;
}

.DocumentView__outerContainer___uK1po {
  min-width: 1920px;
}

.DocumentView__contentContainer___gYBSF {
  display: flex;
  flex-direction: column;
  background-color: #0f1114;
  height: calc(100vh - 5.25rem);
  border-top: 4px solid #0f1114;
}

.DocumentView__headerButtonContainer___cTkJA {
  display: flex;
}

.DocumentView__filterContainer___KsmHm {
  display: flex;
  flex: 1 0 auto;
  height: 88px;
  margin: 10px 0 0 180px;
}

.DocumentView__filterContainer___KsmHm .DocumentView__search___F6agQ {
  display: flex;
  align-items: center;
}

.DocumentView__filterContainer___KsmHm .DocumentView__filters___TTdgc {
  display: flex;
  flex: 1 auto;
  justify-content: space-around;
}

.DocumentView__filterContainer___KsmHm .DocumentView__filters___TTdgc .DocumentView__filter___iA_1L {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}

.DocumentView__filterContainer___KsmHm .DocumentView__clearButton___XB1Pp {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: calc(1rem + 32px);
}

.DocumentView__detailsContainer___yjFaC {
  padding: 10px 0 0 180px;
}

.DocumentView__detailsContainer___yjFaC table {
  width: 100%;
  margin-bottom: 20px;
}

.DocumentView__detailsContainer___yjFaC table tbody {
  font-size: 1rem;
  font-weight: 400;
}

.DocumentView__detailsContainer___yjFaC table thead th {
  color: #8395ac;
  text-align: left;
  height: 36px;
}

.DocumentView__detailsContainer___yjFaC table tbody tr td {
  width: 15%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  text-align: left;
  padding-right: 10px;
  height: 30px;
  vertical-align: middle;
}

.DocumentView__detailsContainer___yjFaC table tbody tr td:last-of-type {
  width: 100%;
  text-align: right;
  padding-right: 68px;
}

.DocumentView__detailsContainer___yjFaC .DocumentView__detailsIcon___tMjqP {
  color: #8395ac;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.DocumentView__detailsContainer___yjFaC table tbody tr:hover td {
  background-color: #171b25;
  cursor: pointer;
}

.DocumentView__folderPlaceholder___a2qIq {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.DocumentView__noDocuments___RLh9E {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #2b313f;
  font-weight: 400;
}

.DocumentView__noDocuments___RLh9E span {
  margin-left: 10px;
}

.DocumentView__addFileContainer___ZbtBH {
  display: flex;
  justify-content: flex-end;
  padding-right: calc(1rem + 12px);
  min-width: 200px;
}

.DataList__dataListContainer___BeSy9 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.DataList__dataListContentContainer___puPhs {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.DataList__dataListHeader____k6KS {
  height: 50px;
  padding: 16px;
  vertical-align: middle;
  background: #2b313f;
}

.DataList__dataListHeader____k6KS > h1 {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #8395ac;
}

.DataList__dataListRow___ggX54 {
  display: flex;
  height: 105px;
}

.DataList__dataListRow___ggX54[data-type="small"] {
  height: 60px;
}

.DataList__dataListCellContainer___bEV77 {
  width: 20%;
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #171b25;
  border-bottom: 4px solid #0f1114;
}

.DataList__dataListRow___ggX54[data-type="small"] .DataList__dataListCellContainer___bEV77 {
  height: 60px;
}

.DataList__dataListCellContainer___bEV77:last-child {
  border-right: 0px;
  padding-right: 20px;
}

.DataList__dataListRowTitleContainer___LEnes {
  color: #8395ac;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="small"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 28px;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="small"] .DataList__textContainer___BsxZ4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="small"] .DataList__categoryTitle___Ck2_4 {
  margin-left: 20px;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  max-width: calc(50% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="small"] .DataList__categoryDescription___zsc3Q {
  font-size: 0.75rem;
  vertical-align: baseline;
  margin-left: 10px;
  max-width: calc(50% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="large"] {
  display: flex;
  align-items: center;
  height: 30.3125rem;
  width: 100%;
  color: #8395ac;
  padding-left: 3rem;
  position: relative;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="large"] .DataList__textContainer___BsxZ4 {
  margin: 0 0 0 1rem;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="large"] .DataList__categoryTitle___Ck2_4 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.DataList__dataListRowTitleContainer___LEnes[data-type="large"] .DataList__categoryDescription___zsc3Q {
  font-size: 1rem;
}

.DataList__dataListRowDetailsContainer___mMjzk {
  border-bottom: 4px solid #0f1114;
  min-height: 105px;
  background-color: #2b313f;
}

.DataList__clickable___XY9Gz:hover {
  cursor: pointer;
}

.DataList__clickable___XY9Gz:hover .DataList__dataListCellContainer___bEV77 {
  color: #ffffff;
  background-color: #8395ac;
}

.DataList__clickable___XY9Gz:hover .DataList__dataListRowTitleContainer___LEnes {
  color: #ffffff;
}

.Label__label___eRGPA {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  color: #8395ac;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.DocumentEditDialog__progressContainer___d1Jwy {
  padding: 50px 20px;
}

.DocumentEditDialog__progressBarContainer___dH8y1 {
  margin-bottom: 20px;
}

.DocumentEditDialog__progressBarText___KtCZ8 {
  font-weight: 400;
  text-align: center;
}

.DocumentEditDialog__policyText___IKj5T {
  color: #8395ac;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

.DocumentEditDialog__policyText___IKj5T h1 {
  font-size: 1.25rem;
  margin-bottom: 8px;
}

.DocumentEditDialog__deleteContainer___iw1Is {
  margin: 0 20px 40px;
}
.DocumentEditDialog__contentContainer___VPDtz {
  max-height: calc(100vh - 18rem);
  overflow-y: auto;
}

.Progress__container___R14JY {
  position: relative;
  height: 4px;
  width: 100%;
}

.Progress__bar___GEh3E {
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background: #58677a;
  border-radius: 4px;
}

.Progress__activeBar___BQajS {
  position: absolute;
  top: 0;
  height: 4px;
  background: #2ee4f4;
  border-radius: 4px;
}

.FolderEditDialog__contentContainer___lDkxW {
  max-height: calc(100vh - 18rem);
  overflow-y: auto;
}

.DocumentDeleteDialog__container___K4Qgm {
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: 20px;
}

.ErrorDialog__container___x9h5e {
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: 20px;
}

.MachineryReport__headerContainer___KEODT {
  display: flex;
}

.MachineryReport__headerContainer___KEODT > button {
  margin-left: 20px;
}

.MachineryReport__rightHeaderContainer___gAtVB {
  display: flex;
  flex-direction: row;
}

.MachineryReport__datePickerContainer___Im7Tn {
  margin-left: 20px;
}

.MachineryReport__outerContainer___tmDhc {
  background: #0f1114;
  height: 100vh;
}

.MachineryReport__contentContainer___MiDIs {
  margin: 8px;
}

.MachineryReport__valueCellContainer___xDz5z {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}

.MachineryReport__valueCellContainer___xDz5z .MachineryReport__value___mYmBE {
  font-size: 2rem;
  margin-bottom: 4px;
}

.MachineryReport__valueCellContainer___xDz5z .MachineryReport__value___mYmBE .MachineryReport__unit___t08rW {
  color: #58677a;
}

.MachineryReport__valueCellContainer___xDz5z .MachineryReport__description___RlukX {
  color: #58677a;
  font-weight: 500;
  font-size: 0.9rem;
}

.MachineryReport__profileCellContainer___W0ngA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}

.MachineryReport__profileCellContainer___W0ngA .MachineryReport__profileValues___X8Gxf {
  display: flex;
}

.MachineryReport__profileCellContainer___W0ngA .MachineryReport__profileValues___X8Gxf .MachineryReport__profileValue___kGBFB {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}

.MachineryReport__profileCellContainer___W0ngA .MachineryReport__profileValues___X8Gxf .MachineryReport__profileValue___kGBFB .MachineryReport__range___L5EGg {
  color: #58677a;
  font-weight: 500;
  font-size: 0.75rem;
  margin-bottom: 4px;
  white-space: nowrap;
}

.MachineryReport__profileCellContainer___W0ngA .MachineryReport__profileValues___X8Gxf .MachineryReport__profileValue___kGBFB .MachineryReport__value___mYmBE {
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 4px;
}

.MachineryReport__profileCellContainer___W0ngA .MachineryReport__description___RlukX {
  color: #58677a;
  font-weight: 500;
  font-size: 0.9rem;
}

.MachineryReport__loader___EvXyj {
  position: relative;
  width: 100%;
  height: 100%;
}

.MachineryReport__disclaimer___rA1Bu {
  color: #58677a;
  font-size: 0.9rem;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
}

.Grid__gridContainer___C01OS {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.Grid__gridCell___MYPej {
  background: #171b25;
  overflow: hidden;
  margin: 4px;
}

.Map__outerContainer___j0VCp {
  position: relative;
  width: 100%;
  height: 100%;
}

.Map__container___WBXmI {
  width: 100%;
  height: calc(100% + 5rem);
}

.Map__loader___OSosr {
  width: 100%;
  height: 100%;
  position: absolute;
}

.Map__label___E4IVc {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #8395ac;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.Layout__body___eFTjl {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  background-image: linear-gradient(to left, #3389c1, rgb(43, 48, 63));
  height: 100vh;
}

.Layout__navActive___b7HZ_.Layout__body___eFTjl {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Layout__navActive___b7HZ_ .Layout__bodyInner___xKwA9 {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.Layout__brandLogo___KSjWl {
  width: 300px;
  height: 48px;
  margin-top: 18px;
  background-repeat: no-repeat;
  background-size: auto 40px;
}

.Layout__mainHeader___MPXmk {
  position: fixed;
  top: 0;
  z-index: 9;
  left: 0;
  width: 100%;
  border-bottom: 1px solid black;
}

.Layout__mainAside___ygNJ1 {
  display: flex;
  flex-direction: column;
  position: absolute;
  min-height: 100vh;
  transform: translate(-100%, 0);
  transition: 0.3s transform ease-out 0s;
  padding: 1rem 2rem 2rem 2rem;
}

.Layout__navActive___b7HZ_ .Layout__mainAside___ygNJ1 {
  transform: translate(0, 0);
}

.Layout__viewContainer___i6Dpp {
  transition: 0.3s transform ease-out 0s;
  left: 0;
}

.Layout__popupContainer___P2d2d {
  position: absolute;
}

.Layout__navActive___b7HZ_ .Layout__viewContainer___i6Dpp {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* translateX: 1/4 of the reduced scale (30%) to give room for the menu */
  transform: translateX(7.5%) scale(0.7);
}

@media (min-width: 1900px) {
  .Layout__navActive___b7HZ_ .Layout__viewContainer___i6Dpp {
    transform: scale(0.7);
  }
}

.Layout__viewItem___OPNMa {
  width: 100%;
  top: 0;
  left: 0;
  background: #171b25;
  padding: 0;
  min-height: 100vh;
}

.Layout__navActive___b7HZ_ .Layout__viewItem___OPNMa:hover {
  cursor: pointer;
}

.Layout__closeNavOverlay___y7lIn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: transparent;
}

.Layout__navActive___b7HZ_ .Layout__closeNavOverlay___y7lIn {
  display: block;
}

.Layout__navContainer___d3xG7 {
  flex-grow: 2;
}

.Layout__appTitle___TWW4x {
  color: #8395ac;
  font-weight: 400;
}

a.Layout__refreshBtn___GOb1K {
  font-size: 2rem;
  font-weight: 300;
  margin: 2rem 0;
  display: block;
  color: white;
  text-decoration: none;
}

a.Layout__refreshBtn___GOb1K:hover {
  text-decoration: underline;
}

.User__userContainer___qt0LS {
  margin-top: 1rem;
}

.User__logout___dn2Ux {
  margin-top: 0.5rem;
}

.Nav__nav___Es9mH {
  font-size: 2rem;
  font-weight: 300;
  color: white;
}

.Nav__navItem___MbbtL {
  margin: 2rem 0;
}

.Nav__nav___Es9mH a {
  display: block;
  color: white;
  text-decoration: none;
}

.Nav__nav___Es9mH a:hover {
  text-decoration: underline;
}

.Nav__nav___Es9mH a[aria-disabled="true"],
.Nav__nav___Es9mH a[aria-disabled="true"]:hover {
  display: inline-block; /* For IE11/Edge, see https://css-tricks.com/how-to-disable-links/ */
  opacity: 0.5;
  cursor: default;
  color: white;
}

.Nav__active___wmnIo {
  opacity: 0.5;
}

.HullPerformance__container___MrFXb {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.HullPerformance__chartContainer___osryV {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

.HullPerformanceIndicatorPanel__panelContainer___q3xw_ {
  display: flex;
  margin-left: 10px;
  align-items: stretch;
}
.HullPerformanceIndicatorPanel__indicator___mnXj6 {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 10px 10px 10px 0px;
  padding: 10px 10px 20px 20px;
  background-color: #171b25;
}

.HullPerformanceIndicatorPanel__indicatorInner___SWpmH {
  flex-direction: row;
  display: flex;
  margin-right: 2rem;
  margin-top: 12px;
}

.HullPerformanceIndicatorPanel__panelText___HgtF3 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.HullPerformanceIndicatorPanel__statusMessage___rJyry {
  color: #8395ac;
  padding-bottom: 3px;
}
.HullPerformanceIndicatorPanel__statusMessage___rJyry span {
  color: #fff;
}

.HullPerformanceIndicatorPanel__title___L0t5K {
  font-size: 1.25rem;
  padding-bottom: 16px;
  color: #8395ac;
}

.HullPerformanceIndicatorPanel__valueContainer___iLSlF {
  display: flex;
  align-self: flex-end;
}
.HullPerformanceIndicatorPanel__value___Ga8LN {
  font-size: 2rem;
  font-weight: 200;
  color: #fff;
  text-align: right;
  margin-right: 1rem;
  flex: 1 1 auto;
}

.HullPerformanceIndicatorPanel__valueNegative___COA_F {
  color: #fc406a;
}
.HullPerformanceIndicatorPanel__valuePositive___u9SBo {
  color: #4af381;
}
.HullPerformanceIndicatorPanel__timestamp___C1Mqn {
  font-size: 0.9rem;
}

.HullPerformanceView__container___IcAvv {
  background-color: #0f1114;
}

.HullPerformanceView__contentContainer___MK8Cq {
  width: 100vw;
  height: calc(100vh - 5rem);
}

.AnalysisView__analysisViewContainer___niWLh {
  overflow-y: hidden;
}

.AnalysisView__analysisContentContainer___k7SU9 {
  display: flex;
  top: 5rem;
  bottom: 0;
  overflow: hidden;
  background: #0f1114;
  height: calc(100vh - 5rem);
  width: 100vw;
  flex-direction: row;
}

.AnalysisView__analysisFilterContainer___npuUW {
  width: 385px;
}

.AnalysisView__analysisChartContainer___rBHVD {
  flex: 1 1 auto;
}

.AnalysisView__analysisTypeContainer___d8698 {
  margin-right: 1rem;
}

.AnalysisFilter__analysisFilterContainer___dHhpY {
  height: 100%;
  width: 100%;
  padding: 40px;
  background-color: #171b25;
  border-top: 6px solid #0f1114;
  overflow-y: auto;
  overflow-x: hidden;
}

.AnalysisFilter__filterElement___McJCI {
  margin-bottom: 20px;
}

.Slider__sliderContainer___HwyAf {
  width: 300px;
  position: relative;
}

.Slider__sliderLabelContainer___IhRxn {
  position: relative;
  height: 26px;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #8395ac;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.Slider__sliderLabel___CbukG {
  flex: 1 1 auto;
}

.Slider__sliderValueLabel___qjeRE {
  flex: 1 1 auto;
  text-align: right;
}

.Slider__sliderTrackContainer___h5M5P {
  position: relative;
  width: 100%;
  height: 34px;
  top: -10px;
}

.Slider__sliderBarContainer___utlm5 {
  position: relative;
  height: 40px;
  left: 0;
}

.Slider__sliderBar____Hh4x {
  position: absolute;
  background-color: #2b313f;
}

.Slider__activeSliderBar___yUud0 {
  background-color: rgba(26, 195, 246, 0.4);
}

.Slider__sliderKnobContainer___GFWnu {
  position: absolute;
  width: 34px;
  height: 34px;
  border: solid 4px #171b25;
  border-radius: 34px;
  cursor: pointer;
}

.Slider__sliderKnob___zypW9 {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 30px;
  height: 30px;
  background-color: #171b25;
  border: solid 2px #58677a;
  border-radius: 30px;
}

.Slider__sliderTrack___H3vLP {
  top: 13px;
  position: absolute;
  height: 4px;
  width: 100%;
}

.Slider__sliderTrackPartInactive___IgRgu {
  background: #58677a;
  position: absolute;
  height: 100%;
}

.Slider__sliderTrackPartActive___UHe4l {
  background: #1bc3f7;
  position: absolute;
  height: 100%;
}

.CheckboxGroup__container___fMdWf {
  font-family: "Roboto", sans-serif;
}

.CheckboxGroup__mainLabel___NYOFG {
  font-weight: 400;
  font-size: 1rem;
  color: #8395ac;
}

.CheckboxGroup__checkboxContainer___Ox_Ii {
  margin-left: 40px;
  padding-top: 20px;
}

.CheckboxGroup__checkbox___sYMk3 {
  margin-bottom: 20px;
}

.CheckboxGroup__checkboxLabel___ENhPI {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
}

.CheckboxGroup__checkboxSubLabel___yO9wM {
  color: #8395ac;
  margin-left: 5px;
}

.AnalysisPlot__plotContainer___Iaexr {
  flex: 1 1 auto;
  height: 100%;
  margin: 6px;
}

.NoAccess__container___QFIeH {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #0f1114;
}

.NoAccess__container___QFIeH h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}

.NoAccess__container___QFIeH p {
  margin-bottom: 1em;
}

.styles__mainContainer____jTYF {
  min-height: 100vh;
  background: rgba(15, 17, 20, 0.5) no-repeat center center / cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.styles__mainContainerHeader___C33Bl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6%;
  background-color: rgba(23, 27, 37, 1);
}

.styles__mainContainerHeader___C33Bl > div:last-child {
  margin-left: auto;
  margin-right: 1vw;
  color: #8395ac;
  cursor: pointer;
}

.styles__mainContainerOverlay___Xm0kl {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 17, 20, 0.5);
}

.styles__brandLogo___ibORe {
  width: auto;
  height: 60%;
  margin-left: 10px;
}

.styles__pageTitle___dq8tj {
  margin-left: 1vw;
}

.styles__loginForm___Ubzji {
  margin-bottom: 4rem;
}

.styles__message___GErPT {
  margin-top: 1rem;
  min-height: 2rem;
}

.styles__formGroup___DfnAm {
  margin: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles__formGroup___DfnAm input[type="email"] {
  padding: 0.5rem;
  border-radius: 0.2rem;
  border: solid 0.2rem rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.styles__formGroup___DfnAm input[type="email"]::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}

.styles__formGroup___DfnAm input[type="email"]::placeholder {
  color: #fff;
  opacity: 0.8;
}

.styles__privacyGroup___xD9B5 {
  margin: 0.7rem;
}

h4 {
  align-self: center;
  font-weight: 600;
  color: #fff;
  font-size: 1.5rem;
}

h5 {
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.styles__loginBtn___lCmij {
  color: #fff;
  background-color: #2b313f;
  border-radius: 0.2rem;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  border: solid 0.1rem transparent;
  cursor: pointer;
}
.styles__loginBtn___lCmij:hover {
  background-color: #3b414f;
}
.styles__loginBtn___lCmij:active {
  background-color: #2b313f;
}
.styles__loginBtn___lCmij:disabled {
  cursor: not-allowed;
}

.styles__innerContainer___iTg3a {
  min-height: calc(75vh - 3.75rem);
  min-width: 65vh;
  background-color: rgba(23, 27, 37, 0.75);
  border-radius: 20px;
  font-weight: 400;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.styles__privacyContainer___xiDQP {
  align-items: flex-start;
  color: #8395ac;
  padding: 2rem;
  line-height: 1.3;
  text-align: center;
}

.styles__privacyContainer___xiDQP > div {
  display: flex;
  flex-direction: column;
  grid-row-gap: 1rem;
}

.styles__privacyContainer___xiDQP a {
  text-decoration: none;
}

.styles__vpLogo___OXnzW {
  min-height: 20vh;
  height: 12rem;
  min-width: 20vh;
  width: 15rem;
  margin-top: 5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.MainDashboard__componentHeader___LXbWB {
  color: #8395ac;
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  align-self: center;
  flex: 0 0 auto;
}

.MainDashboard__datepickerContainer___ElOPE {
  align-self: flex-end;
}

.MainDashboard__rightHeaderContainer___XMgE4 {
  display: flex;
  flex-direction: row;
}

.FleetActivity__fleetActivity___wvf0v {
  display: flex;
  flex-direction: column;
  height: 95%;
}

.Logo__logo___TKwKg {
  padding: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #171b25;
  text-align: center;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0.2rem 0.2rem;
}

.Logo__logoContainer___xhwiZ {
  display: flex;
  position: relative;
  justify-content: center;
  padding-top: 1rem;
  grid-column-gap: 0.5rem;
}

.Logo__logoTitle___zbmVh {
  color: #8395ac;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.DirectionPicker__directionPicker___GWXM5 {
  display: flex;
  position: relative;
  justify-content: right;
  font-size: 0.8rem;
  font-weight: bold;
  color: #8395ac;
  padding-top: 1rem;
  padding-right: 1rem;
  cursor: pointer;
}

.TopPerformingVessels__TopPerformingVessels___DB0ae {
  flex: 1;
  position: relative;
  padding: 0.5rem;
}

.VesselList__vesselList___CMTfz {
  flex: 1;
  font-size: 0.8rem;
  color: #8395ac;
  padding: 1rem;
  position: relative;
  justify-content: center;
  display: flex;
}

.VesselList__vesselList___CMTfz table {
  width: 100%;
}

.VesselList__vesselList___CMTfz th {
  text-align: left;
  font-size: 1rem;
  padding-bottom: 0.7rem;
}

.VesselList__row___ZFYWk {
  height: 4rem;
}

.VesselList__vesselName___ZCFqm {
  color: #ffffff;
  font-size: 1.6rem;
  cursor: pointer;
}

.VesselList__emission___wKPRZ {
  font-size: 1.6rem;
  color: #2ee4f4;
  text-align: right;
}

.VesselList__unit___MAL0i {
  font-size: 1.3rem;
  padding-left: 0.5rem;
}

.VesselList__nameCol___S77V8 {
  width: 65%;
}

.VesselList__emissionCol___im5Bd {
  width: 25%;
}

.VesselList__unitCol___K1G1r {
  width: 10%;
}

.Emissions__emissionsActivity___PmL5y {
  display: flex;
  flex-direction: column;
  height: 95%;
}

.FleetCIIScore__fleetCIIScoreActivity___hMMqH {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
}

.FleetCIIScore__sparkline___iAfxg {
  flex: 1;
}

/*This container is the entire page*/
.FleetPerformance__container___uoCAC {
  display: grid;
  min-width: 100vw;
  min-height: 100vh;
  grid-gap: 0.5rem;
  background-color: #0f1114;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  grid-template-areas:
    "header"
    "body"
    "footer";
}

.FleetPerformance__header___cbrlR {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: header;
  background-color: #171b25;
}

.FleetPerformance__body___h_Bt9 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: body;
  background-color: #171b25;
}

.FleetPerformance__footer___T4S2G {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: footer;
  background-color: #171b25;
}



.FleetPerformanceTable__table___OVA4a {
  width: 100%;
  padding: 0 2rem;
  border-spacing: 0 0.25rem;
  border-collapse: separate;
}

.FleetPerformanceTable__headerCell___m95pT {
  text-align: left;
  padding: 0.5rem;
}

.FleetPerformanceTable__cell___SbvFP {
  padding: 0.5rem;
  vertical-align: middle;
  text-align: left;
  background-color: #2b313f;
  max-height: 1rem;
}

.FleetPerformanceTable__row___dl7bp td:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
  border-right: solid transparent;
}

.FleetPerformanceTable__row___dl7bp td:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: solid transparent;
}

.VesselColumn__container___j3wQ2 {
    display: grid;
    grid-template-columns: min-content auto;
    grid-template-rows: auto auto;
    grid-template-areas:
              "illustration name"
              "illustration imo";
    grid-column-gap: 1rem;
}

.VesselColumn__illustration___YVL25 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: illustration;
}

.VesselColumn__name___vqSd4 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    display: flex;
    align-items: flex-start;
    grid-area: name;
    font-size: 1.25rem;
    text-transform: capitalize;
    white-space: nowrap;
}

.VesselColumn__imo___tusjB {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    display: flex;
    align-items: flex-end;
    grid-area: imo;
    font-size: 1rem;
    color: #8395ac;
    white-space: nowrap;
}




.VesselCheckbox__container___qKvSZ{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.VesselCheckbox__checkboxLabel___zMsdl {
  cursor: pointer;
  min-height: 1.5rem;
  width: 1.5rem;
  border-radius: 3px;
  background-color: #8395ac;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2b313f;
  font-size: 1.5rem
}





.Consumption__gridContainer___XPvtR {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-template-areas:
                    "consumption"
                    "fuels";
    grid-gap: 0.5rem;
}

.Consumption__consumption___jSJnv {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: consumption;
    display: flex;
    align-items: center;
    grid-gap: 0.5rem;
}

.Consumption__consumptionValue___Cjb9p {
    font-size: 1.25rem;
}

.Consumption__consumptionUnit___HU5o3 {
    font-size: 1.25rem;
    color: #8395ac;
}

.Consumption__fuels___jThyO{
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: fuels;
    display: flex;
    grid-gap: 0.3rem;
}



.Consumption__fuelsNumber___tBSaw {
    font-size: 1rem;

}

.Consumption__fuelsTypes___achPW{
    white-space: nowrap;
    font-size: 1rem;
    color: #8395ac;
}

.Trend__container___IJKWs {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "percentage intervalText"
    "graph graph";
  grid-gap: 0.5rem;
  /*width must match sparkline component prop*/
  width: 160px;
}

.Trend__intervalText___J2nIQ{
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: intervalText;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  color: #8395ac;
  font-size: 0.9rem;
}

.Trend__percentage___rMtMo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: percentage;
  display: flex;
  grid-gap: 0.5rem;
  align-items: flex-end;
}

.Trend__percentageValuePositive___akvgs {
  color: #e84569;
}

.Trend__percentageValueNegative___L2xLC {
  color: #39bf65;
}

.Trend__percentageValue___YxtIN {
  display: flex;
  align-items: flex-end;
  font-size: 1rem;
}

.Trend__percentageTriangle___nx2c9 {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-bottom: 2px;
}

.Trend__percentageTrianglePositive___rEu3u {
  border-bottom: 10px solid #e84569;
}

.Trend__percentageTriangleNegative___HVEmj {
  border-top: 10px solid #39bf65;
}

.Trend__graphContainer___ahjZC {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: graph;
  display: flex;
  align-items: center;
}

.Trend__graphSize___eHCvj {
  height: 2rem;
  width: 12rem;
}




.Operations__container___KYxcU {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Operations__button___iUeAv {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.Operations__enabledButton___Fmymz {
  cursor: pointer;
}

.Operations__paddingToCompensateForButtonsInHeader___qyfCI {
  padding: 0 34px;
}

.Operations__operationContainer___sBDZ_ {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  justify-content: space-around;
  flex: 1

}



.Operations__consumptionValue___bRDK7 {
  font-size: 1.25rem;
}

.Operations__consumptionUnit___riUjK {
  font-size: 1.25rem;
  color: #8395ac;
}

.Operations__consumptionContainer___lqzl1{
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap:0.5rem;
  flex: 1 0 0;
}

.OperationHeaderCell__container___Kmc9I{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0
}

.OperationHeaderCell__button___YgVbH {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border: 0;
    padding: 0;
    grid-gap: 0.5rem;
    cursor: pointer;
}

.OperationHeaderCell__text___ddXEb{
font-size: 1.25rem;
    color: #8395ac;
}



.Triangle__triangle___wg6G5 {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.Triangle__triangleUp___FMq_B {
    border-bottom: 10px solid #8395ac;
}

.Triangle__triangleDown___u46MQ {
    border-top: 10px solid #8395ac;
}

.HeaderCell__container___DHN3y{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.HeaderCell__button___TsztA {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border: 0;
    padding: 0;
    grid-gap: 0.5rem;
    cursor: pointer;
}

.HeaderCell__text___Edu3U{
font-size: 1.25rem;
    color: #8395ac;
}



.Admin__container___Z_Nhf {
  padding: 2rem 5rem;
}

.Admin__headerContainer___gxk_s {
  display: flex;
  flex-direction: row;
}

.Admin__headerContainer___gxk_s > button {
  margin-left: 20px;
}

.Admin__headerContainerItem___uMPgP {
  margin-left: 1rem;
}

.Admin__headerContainerItem___uMPgP:first-child {
  margin-left: 0;
}

.Admin__dataGridContainer___eeT8h {
  display: block;
  height: calc(100vh - 5.25rem);
  width: calc(100vw - 0.5rem);
  overflow-y: hidden;
  overflow-x: hidden;
}

.Admin__detailHeader___EscAO {
  color: white;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 5px auto;
}

.Admin__inlineBlock___XaCpA {
  display: inline-block;
}

.Admin__actionsContainer___RFjUt {
  display: flex;
  align-content: flex-end;
}

.Admin__actions___dKIRa {
  white-space: nowrap;
}

.Admin__actions___dKIRa button {
  margin-right: 1rem;
}

.Admin__actions___dKIRa button + button {
  margin-right: 0;
}

.Admin__ok___ckk_Q {
  color: #39bf65;
}

.Admin__warning___XTZ9I {
  color: #ff9a53;
}

.Admin__error___cp58p {
  color: #e84569;
}

.Admin__placeholder___wWbEI {
  color: #8f9a9b;
}

.Admin__okBackground___YmpWL {
  height: 100%;
  width: 100%;
  background: #39bf65;
  display: inline;
  padding-top: 1em;
  color: black;
}

.Admin__warningBackground___sbdQ7 {
  height: 100%;
  width: 100%;
  background: #ff9a53;
  display: inline;
  padding-top: 1em;
  color: black;
}

.Admin__errorBackground___sxo19 {
  height: 100%;
  width: 100%;
  background: #e84569;
  display: inline;
  padding-top: 1em;
  color: black;
}

.Admin__disabledBackground___FNnKp {
  height: 100%;
  width: 100%;
  background: #a9b6b7;
  display: inline;
  padding-top: 1em;
  color: black;
}

.Admin__vesselActionForm___eYMWO {
  min-height: 450px;
}

.Admin__vesselActionTable___ljsW8 {
  margin: 20px 0;
}

.Admin__vesselActionTable___ljsW8 td {
  text-align: left;
}

.Admin__vesselActionTable___ljsW8 td:first-child {
  padding-right: 20px;
}

.Admin__remoteControlPopupFormSection___ZlWGz {
  margin: 20px auto;
}

.Admin__searchContainer___w3xNE {
  display: flex;
  align-items: center;
}

.Admin__muted___zpAwt {
  opacity: 0.5;
}

.Admin__updating___Qg7V5 span {
  width: 3px;
  height: 3px;
  margin: 0 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  animation-name: Admin__dots___tkj2h;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.Admin__updating___Qg7V5 span:nth-child(2) {
  animation-delay: 0.4s;
}

.Admin__updating___Qg7V5 span:nth-child(3) {
  animation-delay: 0.8s;
}

@keyframes Admin__dots___tkj2h {
  50% {
    opacity: 0;
    transform: scale(0.7) translateY(1px);
  }
}

.DevOps__cellDetailHeader___EQvF8 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 5px auto;
}

.DevOps__cellDetailMetadata___xzhz8 {
  padding: 5px 15px;
  font-size: 0.9rem;
}

.DevOps__cellDetailMetadata___xzhz8 > li {
  margin: 2px auto;
}

.DevOps__cellActionStatusContainer___vcjTc {
  margin: auto auto 15px 10px;
  font-size: 1rem;
}

.DevOps__headerCheckbox___JHs4v {
  margin-bottom: -16px;
  margin-left: 2rem;
}

.DevOps__headerTimer___bIIuK {
  justify-content: flex-end;
  flex-grow: 2;
  display: flex;
}

.DataGrid__row___a8hpy {
  display: flex;
}

.DataGrid__editableRow___Wn31L {
  display: flex;
}

.DataGrid__sortableRow___ZZbHD {
  cursor: pointer;
}

.DataGrid__sortableRow___ZZbHD svg path:first-of-type {
  fill: white;
}

.DataGrid__cell___EYR1g {
  display: flex;
  background: #171b25;
  border-bottom: 3px solid #0f1114;
  align-items: center;
  font-family: "Roboto", sans-serif;
  padding: 0px 5px;
}

.DataGrid__content___nYWUs {
  padding-left: 5px;
  padding-right: 5px;
}

.DataGrid__leftAlign___Oyxpo {
  justify-content: left;
}

.DataGrid__centerAlign___fpcHY {
  justify-content: center;
}

.DataGrid__rightAlign___c5DOL {
  justify-content: right;
}

.DataGrid__row___a8hpy:hover .DataGrid__cell___EYR1g {
  background: #2b313f !important;
}

.DataGrid__editableRow___Wn31L:hover .DataGrid__cell___EYR1g {
  background: #2b313f !important;
  cursor: pointer;
}

.DataGrid__selectedRow___TsLnB .DataGrid__cell___EYR1g {
  background: #2b313f !important;
  border-bottom: 0;
}

.DataGrid__editTemplate___M81ws {
  border-bottom: 3px solid #0f1114;
}

.DataGrid__header___OnPXm {
  display: flex;
  background-color: #2b313f;
  align-items: center;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
}

.DataGrid__nowrap___ibZL3 {
  white-space: nowrap;
}

.DataGrid__headerCellContainer___tHLL4 {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  border-bottom: 3px solid #0f1114;
  padding-left: 10px;
  padding-right: 10px;
}

.DataGrid__headerSecondary___xzB4r {
  color: #8395ac;
  text-transform: none;
  margin-left: 0.15rem;
}

div[role="columnheader"]:first-of-type .DataGrid__headerCellContainer___tHLL4,
div[role="gridcell"].DataGrid__cell___EYR1g:first-of-type {
  padding-left: 20px;
}

div[role="columnheader"]:last-of-type .DataGrid__headerCellContainer___tHLL4,
div[role="gridcell"].DataGrid__cell___EYR1g:last-of-type {
  padding-right: 20px;
}

.Timer__timer___IRl9_ {
  display: flex;
  align-self: flex-end;
}

.Timer__seconds___pKqe9 {
  font-weight: bold;
}
.Timer__seconds___pKqe9:after {
  content: " ";
  white-space: pre;
}
.Timer__seconds___pKqe9:before {
  content: " ";
  white-space: pre;
}

.Checkbox__container___qcJ3o {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-bottom: 16px;
}

.Checkbox__label___paMbo {
  font-size: 1rem;
  margin-left: 0.75rem;
  display: block;
}

.Checkbox__stateGraphics___TY_cw {
  background: #58677a;
  cursor: default;
  color: #ffffff;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  padding: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
}

.Checkbox__checkbox___lqWdB {
  position: absolute;
  left: -999999px;
}

.Checkbox__disabled___Wys8L {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
  opacity: 0.3;
}

.DataStatus__cellDetailHeader___X50bz {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 5px auto;
}

.DataStatus__cellDetailMetadata___KuPiI {
  padding: 5px 15px;
  font-size: 0.9rem;
}

.DataStatus__cellDetailMetadata___KuPiI > li {
  margin: 2px auto;
}

.DataStatus__cellActionStatusContainer___rP1sY {
  margin: auto auto 15px 10px;
  font-size: 1rem;
}

.DataStatus__dataGridContainer___p0hQC {
  display: block;
  height: calc(100vh - 10.5rem);
  width: calc(100vw - 0.5rem);
  overflow-y: hidden;
  overflow-x: hidden;
}

.DataStatus__gridFooter___w1qhh {
  display: flex;
  align-items: center;
  height: 5.25rem;
  border-top: 0.5rem solid #0f1114;
}

.DataStatus__footerLabel___wsEvm {
  margin-left: 1rem;
  margin-top: 0.25rem;
  width: 15%;
}

.DataStatus__vesselPagination___vdg5Y {
  width: 85%;
  margin-left: -7.5%;
}

.DataStatus__timerContainer___QSB1j {
  display: flex;
  justify-content: flex-end;
  min-width: 180px;
}

.VesselStatus__container___cWtNq {
  background: #0f1114;
  padding-top: 0.25rem;
}

.VesselStatus__title___kl_5f {
  padding: 2rem;
  font-size: 1rem;
  background-color: #171b25;
  text-transform: uppercase;
}

.VesselStatus__grid___p2hDo {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  background-color: #171b25;
}

.VesselStatus__gridCell___zPIMI {
  width: 20%;
  padding: 0.25rem;
}

.VesselStatus__vesselStatus___XoOkZ {
  border: 2px solid;
  padding: 1rem;
  text-align: center;
  color: #0f1114;
  height: 100%;
}

.VesselStatus__green___HW7_B {
  background: #39bf65;
  border-color: #4af381;
}

.VesselStatus__yellow___MbQyi {
  background: #bda450;
  border-color: #efce65;
}

.VesselStatus__red___z3kJD {
  background: #e84569;
  border-color: #fc406a;
}
.VesselStatus__gray___T0sYv {
  background: #5b6262;
  border-color: #8f9a9b;
}

.VesselStatus__vesselStatus___XoOkZ h1 {
  font-size: 2rem;
}

.VesselStatus__vesselStatus___XoOkZ a,
.VesselStatus__vesselStatus___XoOkZ a:link {
  color: #0f1114;
  text-decoration: none;
}

.VesselStatus__vesselStatus___XoOkZ small {
  color: #2b313f;
  font-size: 0.75rem;
}

.VesselStatus__company___anNuX {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.VesselStatus__vessels___PrkXt {
  display: flex;
  flex-wrap: wrap;
}

.ServiceHistory__calendarHeatmapContainer___Z8P2W {
  margin: 4rem;
}

.ServiceHistory__dayDetailsContainer___Q8BI3 {
  margin: 4rem;
  border: 1px solid #8395ac;
  color: #8395ac;
}

.ServiceHistory__dayDetailsContainer___Q8BI3 h1,
.ServiceHistory__dayDetailsContainer___Q8BI3 div {
  margin: 1rem;
}

.ServiceHistory__loader___p8UMa {
  padding: 10rem;
}

/*
 * react-calendar-heatmap styles
 *
 * Based on:
 * https://github.com/patientslikeme/react-calendar-heatmap/blob/master/src/styles.css
 */

.react-calendar-heatmap text {
  font-size: 0.75rem;
  fill: #8395ac;
}

.react-calendar-heatmap .selectable:hover {
  stroke: #ffffff;
  stroke-width: 1px;
}

.react-calendar-heatmap .selected {
  stroke: #ffffff;
  stroke-width: 1px;
}

/*
 * Default color scale
 */

.react-calendar-heatmap .color-hidden {
  fill: #171b25;
}

.react-calendar-heatmap .color-empty {
  fill: #58677a;
}

/*
 * Graded color scale
 */

.react-calendar-heatmap .color-best {
  fill: #4af381;
}
.react-calendar-heatmap .color-good {
  fill: #39bf65;
}
.react-calendar-heatmap .color-okay {
  fill: #ff9a53;
}
.react-calendar-heatmap .color-bad {
  fill: #914652;
}
.react-calendar-heatmap .color-worst {
  fill: #5c282c;
}

.ErrorItemTypePopup__container___kPIAA {
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: 20px;
}

.ErrorItemTypePopup__errorMessage___fTzgM {
  color: #e84569;
  margin: 0.5rem 0;
}

.UserAccessForm__assignments___mvhAc {
  margin-top: 2rem;
}

.UserAccessForm__assignment___my9Fl {
  margin-left: 0.5rem;
  line-height: 1.25;
}

.UserAccessForm__groups___iQ0QZ {
  margin-left: 0.25rem;
  color: #58677a;
}

.UserImportForm__error___kIwTL {
  color: #e84569;
}

.UserImportPopup__infoText___Y0afc {
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
  line-height: 150%;
}

.UserImportPopup__infoText___Y0afc a {
  cursor: pointer;
  text-decoration: underline;
  color: #2ee4f4;
}

.UserImportPopup__infoText___Y0afc a:hover {
  color: #2ee4f4;
}

.GenerateApiTokenPopup__container___VCDnR {
  margin: 40px 20px;
}

.GenerateApiTokenPopup__warningText___AI620 {
  font-size: 1.25rem;
  margin-bottom: 20px;
  color: #fc406a;
}

.GenerateApiTokenPopup__successText___mB8Ct {
  font-size: 1.25rem;
  margin-bottom: 20px;
  color: #4af381;
}

.GenerateApiTokenPopup__tokenContainer___xydGW {
  text-align: center;
  margin: 20px;
  font-size: 2rem;
  color: #ffffff;
  background: none;
  border: none;
  width: 100%;
}

.GenerateApiTokenPopup__copyLinkButton___Cfpxb {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}

.GenerateApiTokenPopup__copyLinkButton___Cfpxb:hover {
  text-decoration: underline;
}

.GenerateApiTokenPopup__copyLinkButton___Cfpxb .GenerateApiTokenPopup__check___cxZ2Z {
  color: #4af381;
  padding-left: 7px;
}

.ConfirmDeleteDialog__content___Rw3q1 {
  display: flex;
  align-items: center;
  padding: 20px;
  min-height: 5rem;
}

.SensorReplicationPopup__info___PG2hH {
  margin-bottom: 1rem;
}

.SensorReplicationPopup__info___PG2hH p {
  margin-bottom: 0.5rem;
}

.MonthsForm__table___azlIU {
  width: 100%;
  table-layout: fixed; /* otherwise IE11 sizes the table after its content, even if it overflows */
}

.MonthsForm__table___azlIU th,
.MonthsForm__table___azlIU td {
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}

.MonthsForm__heading___kwtmh,
.MonthsForm__rowHeading___tFEG0,
.MonthsForm__total___hhVYv {
  display: block;
}

.MonthsForm__heading___kwtmh {
  margin: 0 calc(0.5rem + 2px) 0.5rem calc(0.5rem + 2px);
}

.MonthsForm__rowHeading___tFEG0 {
  margin: 0 1rem 1rem 0;
}

.MonthsForm__total___hhVYv {
  margin: 0 0 1rem 1rem;
}

.MonthsForm__heading___kwtmh.MonthsForm__total___hhVYv {
  margin: 0 0 0.5rem 1rem;
}

.MonthsForm__dimmed___nOqv2 {
  color: #8395ac;
}

.EnergyBudget__actions___ijRBF {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin: 1rem 0;
}

.EnergyBudget__actions___ijRBF button {
  margin-left: 1rem;
}

.PageConfigs__detailsStyle___KAUgn {
  margin: 1rem;
}

.PageConfigs__detailsErrorStyle___xBOE6 {
  margin: 1rem;
  padding: 1rem;
  border: 1px solid #fc406a;
  color: #fc406a;
}

.PageConfigs__buttonContainer___YVuaP {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.PageConfigs__selectBoxContainer___YVUkm {
  padding-top: 10px;
  cursor: pointer;
}

.PageConfigs__selectBoxStyle___BLcX5 {
  max-width: 15rem;
}

.DataMaintenance__actions___Q4j1D {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.DataMaintenance__dataCountEntry___Qrhv8 {
  display: flex;
  justify-content: space-between;
  margin: 0.3rem 0;
}

.DataMaintenance__content___Z_dOv {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}

.DataMaintenance__content___Z_dOv h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.DataMaintenance__container___v5vgQ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.DataMaintenance__infoBox___oyLV4 {
  padding: 2rem;
  max-width: 25rem;
  color: #8395ac;
  position: absolute;
  left: 0;
  top: 5rem;
}

.DataMaintenance__error___LLNR0 {
  color: #e84569;
  margin-top: 1rem;
  max-width: 350px;
}

.DataMaintenance__errorContainer___Ln90I {
  display: flex;
  justify-content: center;
}

.HealthManagement__dataContainer___jkbrM {
  height: calc(100vh - 5.5rem);
}

.HealthManagementEventEdit__container___HqR94 {
  height: calc(100vh - 5.25rem);
  background: #0f1114;
  padding: 8px;
}

.HealthManagementEventEdit__dataContainer___pDDZe {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

.HealthManagementEventEdit__dataContainer___pDDZe:first-of-type {
  margin-top: 0;
}

.HealthManagementEventEdit__header___h9hAT {
  height: 30px;
  background: #262b37;
  padding-left: 10px;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #8395ac;
  text-transform: uppercase;
  font-weight: bold;
}

.HealthManagementEventEdit__content___clP1v {
  flex: auto;
  padding: 8px;
  background: #171b25;
}

.HealthManagementEventEdit__eventFormsContainer___yqtQt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.HealthManagementEventEdit__eventFormsContainer___yqtQt > div {
  flex: auto;
}

.HealthManagementEventEdit__horizontalGroup___sa1CS {
  display: flex;
}

.HealthManagementEventEdit__disabledInput___ofjbk:disabled {
  color: white !important;
}

.HealthManagementEventEdit__savingContainer___vOgNX {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.HealthManagementEventEdit__errorContainer___gSKoP {
  padding: 2rem;
  border-bottom: 2px solid #0f1114;
}

.HealthManagementEventEdit__supportingDetails___dFiLe {
  padding: 16px;
  color: #ffffff;
  line-height: 20px;
}

.HealthManagementEventEdit__supportingDetails___dFiLe h1 {
  font-size: 1.5em;
  font-weight: 400;
}

.HealthManagementEventEdit__supportingDetails___dFiLe h2 {
  font-size: 1.25em;
  font-weight: 400;
}

.HealthManagementEventEdit__supportingDetails___dFiLe h3 {
  font-size: 1.1em;
  font-weight: 400;
  font-style: italic;
}

.HealthManagementEventEdit__supportingDetails___dFiLe pre {
  font-size: 1.15em;
}

.HealthManagementEventEdit__supportingDetails___dFiLe table th,
.HealthManagementEventEdit__supportingDetails___dFiLe table td {
  padding: 6px 16px;
}

.HealthManagementEventEdit__supportingDetails___dFiLe table tr:nth-child(even) {
  background: #58677a;
}

.HealthManagementEventEdit__supportingDetails___dFiLe h1,
.HealthManagementEventEdit__supportingDetails___dFiLe h2,
.HealthManagementEventEdit__supportingDetails___dFiLe h3,
.HealthManagementEventEdit__supportingDetails___dFiLe h4,
.HealthManagementEventEdit__supportingDetails___dFiLe h5,
.HealthManagementEventEdit__supportingDetails___dFiLe h6,
.HealthManagementEventEdit__supportingDetails___dFiLe p,
.HealthManagementEventEdit__supportingDetails___dFiLe pre,
.HealthManagementEventEdit__supportingDetails___dFiLe ul,
.HealthManagementEventEdit__supportingDetails___dFiLe table {
  margin-bottom: 8px;
}

.HealthManagementEventEdit__supportingDetails___dFiLe ul {
  margin-left: 18px;
}

.HealthManagementEventEdit__standardTextsControlsContainer___j3cWh {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}

.HealthManagementEventEdit__standardTextsControlsContainer___j3cWh > :last-child {
  align-self: end;
}

.HealthManagementEventEdit__standardTextContainer___Jpq9T {
  background: #0f1114;
}

.HealthManagementEventEdit__standardText___Kz1gW {
  background: #171b25;
  padding: 8px 16px;
  margin-bottom: 2px;
  line-height: 1.25;
}

.HealthManagementEventEdit__standardText___Kz1gW:hover {
  cursor: pointer;
  background: #2b313f;
}

.HealthManagementEventEdit__standardText___Kz1gW div:last-child {
  color: #58677a;
}

.CargoConfig__dataGridContainer___KIYs9 {
  display: block;
  height: calc(100vh - 13.25rem);
  width: calc(100vw - 0.5rem);
  overflow-y: hidden;
  overflow-x: hidden;
}

.CargoConfig__actions___kcAN8 {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin: 0 1rem;
  border-top: 2px solid #0f1114;
  padding: 1rem 0;
}

.CargoConfig__actions___kcAN8 button {
  margin-left: 1rem;
}

.CargoConfig__gridFooter___tbFNF {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin: 0 1rem;
  padding: 1rem 0;
}
.CargoConfig__gridFooter___tbFNF span {
  margin-right: 0.25rem;
}
.CargoConfig__unit___GbiXN {
  color: #8395ac;
}

.NavAdmin__navAdmin___CKgDk ul {
  font-size: 2rem;
  color: white;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.NavAdmin__navItem___NTipQ {
  margin: 2rem;
  padding: 1rem;
  width: 18rem;
  height: 18rem;
  border: 0.2rem solid #0f1114;
}

.NavAdmin__navItem___NTipQ:hover {
  background-color: #2b313f;
  cursor: pointer;
}

.NavAdmin__navAdmin___CKgDk a {
  text-align: center;
  color: white;
  text-decoration: none;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}

.CollapsePanel__container___b0Tmo {
  width: 100%;
  font-family: "Roboto", sans-serif;
  border-top: 2px solid #0f1114;
}

.CollapsePanel__headerContainer___Lz3LS {
  flex: 1 1 auto;
  height: 120px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  background-color: #2b313f;
}
.CollapsePanel__headerContainerClickable___TUKPz {
  cursor: pointer;
}
.CollapsePanel__headerContainerClickable___TUKPz:hover {
  background-color: #262b37;
}

.CollapsePanel__disabled___IXqHM .CollapsePanel__headerContainer___Lz3LS {
  background-color: #171b25;
}

.CollapsePanel__iconContainer___fgz_9 {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  border-right: 2px solid #0f1114;
}

.CollapsePanel__titleContainer___EVbpU {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1rem;
}

.CollapsePanel__titleContainer___EVbpU .CollapsePanel__title___jKWer {
  font-size: 2rem;
  color: #ffffff;
}

.CollapsePanel__disabled___IXqHM .CollapsePanel__titleContainer___EVbpU .CollapsePanel__title___jKWer {
  color: #2b313f;
}

.CollapsePanel__titleContainer___EVbpU .CollapsePanel__subTitle___iY68V {
  font-size: 1rem;
  color: #8395ac;
  margin-top: 10px;
}

.CollapsePanel__disabled___IXqHM .CollapsePanel__titleContainer___EVbpU .CollapsePanel__subTitle___iY68V {
  color: #2b313f;
}

.CollapsePanel__buttonContainer___Knlwq {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  padding-right: 1rem;
  justify-content: flex-end;
  align-items: center;
}
.CollapsePanel__buttonContainer___Knlwq .CollapsePanel__button___eUiNG {
  margin-left: 1rem;
}

.CollapsePanel__toggleContainer___NSs6m {
  display: flex;
  width: 120px;
  justify-content: center;
  align-items: center;
  border-left: 2px solid #0f1114;
}

.CollapsePanel__toggleIcon___XrCjX {
  font-size: 1.25rem;
  display: inline-block;
  transform: scale(2.5, 1);
  height: 32px;
  width: 32px;
  line-height: 28px;
}

.CollapsePanel__contentContainer___cPbgH {
  background-color: #2b313f;
  min-height: 40px;
  border-top: 2px solid #0f1114;
}

.CollapsePanel__rotationGroup___VUKUJ {
  transition: transform 0.25s ease;
  transform: rotate(180deg);
  transform-origin: 50% 55%;
}

.CollapsePanel__isOpen___PUVxP {
  transform: rotate(0deg);
}

.CollapsePanel__selectBoxContainer___O2mdV {
  padding-top: 8px;
}

.OnboardProcessorConfigController__block___IJrIp {
  margin: 1rem 1rem 1rem 8.5rem;
}

.OnboardProcessorConfigController__related___VnQ09 {
  display: flex;
  align-items: center;
}

.OnboardProcessorConfigController__related___VnQ09 .OnboardProcessorConfigController__item___U3rub:not(:first-child) {
  margin-left: 1rem;
}

.OnboardProcessorConfigController__formTitle___cMZIy {
  font-size: 1rem;
  text-transform: uppercase;
  margin: 1rem 1rem 1rem 8.5rem;
}

.OnboardProcessorConfigController__formContent___UFw3J {
  background-color: #262b37;
  border-top: 2px solid #0f1114;
  border-bottom: 2px solid #0f1114;
  padding-bottom: 1rem;
}

.OnboardProcessorConfigController__formContent___UFw3J:first-child {
  border-top: 0;
  padding-top: 2px;
}

.OnboardProcessorConfigController__table___lW5jy {
  width: 100%;
}

.OnboardProcessorConfigController__table___lW5jy th {
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1rem;
  border-bottom: 2px solid #0f1114;
  padding: 0.75rem 1rem;
}

.OnboardProcessorConfigController__table___lW5jy td {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  vertical-align: middle;
}

.OnboardProcessorConfigController__table___lW5jy td:first-child {
  text-align: right;
  width: 7.5rem;
  padding-right: 0;
}

.OnboardProcessorConfigController__table___lW5jy tr:hover td {
  background-color: #262b37;
}

.OnboardProcessorConfigController__current___US7Q6 td {
  color: #ffffff;
}

.OnboardProcessorConfigController__checkmark___eUqfy {
  color: #39bf65;
}

.OnboardProcessorConfigController__actions___XhFti {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.OnboardProcessorConfigController__action___pVT0k {
  margin-left: 1rem;
  display: flex;
  align-items: center;
}

.OnboardProcessorConfigController__action___pVT0k:first-child {
  margin-left: 0;
}

.OnboardProcessorConfigController__actionWarning___Ymjj3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  border-radius: 1rem;
  background: #ffc100;
  color: #2b313f;
  font-weight: bold;
  cursor: default;
}

.OnboardProcessorConfigController__actionWarning___Ymjj3:before {
  content: "!";
}

.OnboardProcessorConfigController__actionError____6sPt {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  border-radius: 1rem;
  background: #e84569;
  color: #2b313f;
  font-weight: bold;
  cursor: default;
}

.OnboardProcessorConfigController__actionError____6sPt:before {
  content: "!";
}

.OnboardProcessorConfigController__nowrap___JLU8D {
  white-space: nowrap;
}

.OnboardProcessorConfigController__errorMessage___YqVSJ {
  margin-bottom: 0.5rem;
}

.WindConfigPopup__container___oOAzz {
  padding: 1rem;
}
.WindConfigPopup__uploadbutton___oL6vc {
  padding-bottom: 1rem;
  display: flex;
}
.WindConfigPopup__uploadbuttonItems___A2Fa9 {
  flex: 1;
}
.WindConfigPopup__infoText___sSKho {
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
  line-height: 150%;
}

.VesselDetailsController__loader___kEoD7 {
  padding: 2em;
}

.VesselDetailsController__error___M9jv6 {
  padding: 1em;
  display: flex;
  color: #e84569;
  justify-content: center;
}

.VesselDetailsController__formContainer___ds6eA {
  display: flex;
  flex-direction: row;
}

.VesselDetailsController__formContainerChild___YJBV4 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.VesselDetailsController__formContainerChild___YJBV4 .css-zkxelc-container {
  padding: 0px;
}

.VesselDetailsController__formImageUploadContainerChild___z5fWA {
  display: flex;
  flex-grow: 0.6;
  flex-shrink: 1;
  flex-basis: 0;
  margin-top: 2rem;
  align-items: flex-start;
  justify-content: center;
  min-width: 220px;
}

.VesselDetailsController__formCheckboxContainer____sgf7 {
  color: #8395ac;
  font-weight: 400;
  margin-top: 6px;
}

.VesselDetailsController__formCheckboxContainer____sgf7 > label > span:first-of-type {
  min-width: 150px;
}

.ConfirmSaveDialog__content___g1XuQ {
  display: flex;
  align-items: center;
  padding: 20px;
  min-height: 5rem;
}

.OnboardFrontendConfigController__contentContainer___BUswa {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

.OnboardFrontendConfigController__menuConfigContainer___N1LO_ {
  display: flex;
  margin-left: 8.5rem;
  padding-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.OnboardFrontendConfigController__menuConfigItem___a2XMh {
  width: 33%;
  height: 50px;
}

.OnboardFrontendConfigController__buttonContainer___VpqjC {
  display: flex;
  align-items: center;
  margin-left: 8.5rem;
  margin-bottom: 1rem;
}

.OnboardFrontendConfigController__buttonContainer___VpqjC > * {
  margin-right: 1rem;
}

.OnboardFrontendConfigController__heading___s3cUb {
  font-size: 2rem;
  width: 100%;
  margin-bottom: 1rem;
}

.OnboardFrontendConfigController__componentSelect___tO_uT {
  width: 20%;
  padding: 1rem;
  border: 1px solid #8395ac;
}

.OnboardFrontendConfigController__error___HbN9a {
  font-size: 1rem;
  margin: 0;
  color: #e84569;
}

.OnboardFrontendConfigController__operation___rlBN1 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.OnboardFrontendConfigController__three-column-layout___T6uDn {
  width: 33.33%;
}

.VesselImagePreviewPopup__boxContainer___sNeCw {
  width: 80%;
}

.VesselImagePreviewPopup__form___ClcwZ {
  flex: 1;
}

.VesselImagePreviewPopup__vesselOverviewContainer___pP3_j {
  padding: 20px 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  background: #2b313f;
}

.VesselImagePreviewPopup__topContainer___kKTMI {
  flex: 7;
}

.VesselImagePreviewPopup__bottomContainer___hsLWm {
  flex: 3;
  margin-top: 2rem;
}

.VesselImagePreviewPopup__pictureContainer___cjla_ {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}

.VesselImagePreviewPopup__sternBowContainer___z7hr0 {
  position: absolute;
  display: inline-block;
  width: 700px;
  max-width: 700px;
  border-top: 2px solid #8395ac;
  top: 75%;
  height: 25%;
  left: calc(50% - 350px);
}

.VesselImagePreviewPopup__bowLabel___u1srR,
.VesselImagePreviewPopup__sternLabel___KNGaM {
  position: absolute;
  top: -18px;
  width: 100px;
  font-size: 0.9rem;
  color: #8395ac;
}

.VesselImagePreviewPopup__bowValue___amaF1,
.VesselImagePreviewPopup__sternValue___WxYdL {
  position: absolute;
  font-size: 1.25rem;
  color: #ffffff;
}

.VesselImagePreviewPopup__bowLabel___u1srR {
  text-align: right;
  right: 0;
}

.VesselImagePreviewPopup__bowValue___amaF1 {
  right: 0;
}

.VesselImagePreviewPopup__valueContainer___nbm9p {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.VesselImagePreviewPopup__propContainer___OXSIy {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.VesselImagePreviewPopup__note___fbktq {
  font-size: 1rem;
  color: #8395ac;
  margin-top: 10px;
}

.LabelValue__labelValueContainer___WNJrl {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: #8395ac;
}

.LabelValue__label___R1xEN {
  flex: auto;
  line-height: 24px;
  font-weight: 500;
  font-size: 0.9rem;
}

.LabelValue__value___odPyt {
  font-size: 1.25rem;
  color: #ffffff;
  white-space: nowrap;
}

.LabelValue__unit___ECjY7 {
  margin-left: 5px;
  line-height: 16px;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-end;
}

.LabelValue__valueContainer___mn030 {
  display: flex;
  flex: auto;
  justify-content: flex-end;
  align-items: baseline;
}

.LabelValue__labelValueContainer___WNJrl[data-direction="horizontal"] {
  align-items: baseline;
  justify-content: space-between;
}

.LabelValue__labelValueContainer___WNJrl[data-direction="horizontal"] .LabelValue__valueContainer___mn030 {
  margin-right: 20px;
}

.LabelValue__labelValueContainer___WNJrl[data-direction="vertical"] {
  flex-direction: column;
}

.LabelValue__labelValueContainer___WNJrl[data-direction="verticalCentered"] {
  flex-direction: column;
  align-items: center;
  justify-items: center;
}

.LabelValue__labelValueContainer___WNJrl[data-direction="verticalCentered"] .LabelValue__label___R1xEN {
  width: 100%;
  text-align: center;
}

.LabelValue__labelValueContainer___WNJrl[data-size="large"] {
  height: 75px;
}

.LabelValue__labelValueContainer___WNJrl[data-size="large"] .LabelValue__value___odPyt {
  font-size: 2rem;
  font-weight: 300;
}

.LabelValue__labelValueContainer___WNJrl[data-size="large"] .LabelValue__label___R1xEN {
  font-size: 1.25rem;
}

.LabelValue__labelValueContainer___WNJrl[data-size="large"] .LabelValue__unit___ECjY7 {
  line-height: 24px;
  font-size: 1.25rem;
  vertical-align: bottom;
  white-space: nowrap;
}

.VesselPreview__picture___UVoEc {
  position: relative;
  max-height: 200px;
  max-width: 500px;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
}

.OnshoreFrontendConfigController__contentContainer___m4KP_ {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.OnshoreFrontendConfigController__menuConfigContainer___CQS63 {
  display: flex;
  margin-left: 8.5rem;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}
.OnshoreFrontendConfigController__menuConfigItem___N7NG9 {
  width: 33%;
  height: 50px;
}

.OnshoreFrontendConfigController__buttonContainer___v3Zka {
  display: flex;
  align-items: center;
  margin-left: 8.5rem;
  margin-bottom: 1rem;
}

.OnshoreFrontendConfigController__buttonContainer___v3Zka > * {
  margin-right: 1rem;
}

.OnshoreFrontendConfigController__menuConfigItemDisabled____w9X0 {
  color: #8395ac;
}

.DataTable__datatable___oMnwm {
  width: 100%;
  border-collapse: collapse;
}
.DataTable__datatable___oMnwm > thead > tr > th {
  background-color: #2b313f;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #8395ac;
  padding: 13px 68px 13px 68px;
  text-align: left;

  border-bottom: 2px solid #0f1114;
}
.DataTable__datatable___oMnwm > thead > tr > th:not(.DataTable__actionCell___J2VQh) ~ th {
  border-left: 2px solid #0f1114;
}

.DataTable__datatable___oMnwm > tbody > tr > td {
  background-color: #2b313f;
  text-align: left;
  font-size: 0.9rem;
  color: #fff;
  padding: 13px 68px 13px 68px;
  border: 1px solid transparent;
}
.DataTable__datatable___oMnwm > tbody > tr:hover > td {
  background-color: #262b37;
}
.DataTable__datatable___oMnwm > tbody > tr.DataTable__editRow___ftT4n > td {
  background-color: inherit;
}

td.DataTable__actionCell___J2VQh,
th.DataTable__actionCell___J2VQh {
  width: 30px;
  padding: 0;
  padding-left: 25px;
  border: 1px solid transparent;
}
th.DataTable__actionCell___J2VQh {
  border-bottom: 2px solid #0f1114;
}

.DataTable__editButton___CEMWj {
  background-color: transparent;
  width: 40px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  display: block;
  align-content: center;
  align-items: center;
  color: #8395ac;
}

.DataTable__editButton___CEMWj:hover {
  color: #fff;
}

.DataTable__datatable___oMnwm tr.DataTable__editRow___ftT4n > td {
  margin: 0;
  padding: 0;
}
tr.DataTable__selectedRow___wRf_U > td {
  border-bottom: 2px solid #0f1114;
}

.DataTable__disabledRow___QWECV {
  color: #8395ac !important;
  font-style: italic;
}

.VesselOperationsController__loaderContainer___ufZ7N {
  padding: 1rem;
}

.VesselOperationsController__gridContainer___MloMq {
  width: 100%;
  padding-bottom: 50px;
}

.InlinePanel__container___K8cm2 {
  width: 100%;
  font-family: "Roboto", sans-serif;
  border-bottom: 2px solid #0f1114;
}

.InlinePanel__headerContainer___otOZi {
  flex: 1 1 auto;
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  padding-left: 120px;
  align-items: center;
}

.InlinePanel__titleContainer___ZRlLL {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1rem;
}

.InlinePanel__titleContainer___ZRlLL .InlinePanel__title___KAPL5 {
  font-size: 1.25rem;
  color: #8395ac;
}

.InlinePanel__buttonContainer___pDSED {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  padding-right: 8rem;
  justify-content: flex-end;
  align-items: center;
}
.InlinePanel__buttonContainer___pDSED .InlinePanel__button___VYL8D {
  margin-left: 1rem;
}
.InlinePanel__contentContainer___zILV4 {
  background-color: #262b37;
  border-top: 2px solid #0f1114;
  padding-right: 4rem;
  padding-left: 7rem;
}

.InlinePanel__loaderContainer___W7qPN {
  background-color: #262b37;
  border-top: 2px solid #0f1114;
  padding: 1rem;
}

.VesselOperationForm__container___KKX03 {
  display: flex;
  flex-direction: row;
}
.VesselOperationForm__column___sqdTy {
  flex: 1;
  padding: 0px 38px 0px 0px;
}

.VesselItemForm__container___npw75 {
  display: flex;
  flex-direction: row;
}
.VesselItemForm__column___i6jTJ {
  flex: 1;
  padding: 0px 38px 0px 0px;
}

.VesselItemForm__container___npw75 h3 {
  font-size: 17px;
  margin-bottom: 2em;
}

.MetadataConfig__container___vSOiN h2 {
  font-size: 1.25rem;
  margin-bottom: 1em;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO th {
  font-weight: 400;
  padding: 12px;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO thead th {
  text-transform: uppercase;
  color: #8395ac;
  text-align: center;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO tbody th {
  vertical-align: middle;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO td {
  width: 25%;
  text-align: center;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO td label {
  flex-direction: column;
  align-items: center;
  /* Form checkbox added margin 16px at the bottom, so add same at the top */
  margin-top: 16px;
}

.VesselItemMetrics__vesselItemMetricsContainer___SmFaO > thead :first-child {
  text-align: left;
}

.VesselPerformanceIndicatorsController__gridContainer___UE2TV {
  width: 100%;
  padding-bottom: 50px;
}

.HullPerformanceConfigController__contentContainer___pfskv {
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 150px;
}

.HullPerformanceConfigController__configContainer___lInX8 {
  margin-left: 7rem;
}

.HullPerformanceConfigController__configContainer___lInX8 h3 {
  font-size: 17px;
  margin-bottom: 1em;
  color: #ffffff;
}

.HullPerformanceConfigController__formgroup___e4uoG {
  margin-bottom: 1rem;
  padding-right: 4rem;
}

.HullPerformanceConfigController__uploadPanels___Byee_ {
  display: flex;
  flex-direction: row;
}

.HullPerformanceConfigController__button___atPzc {
  margin-bottom: 1rem;
}

.HullPerformanceConfigController__infoText___Y58bR {
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
  line-height: 150%;
}

.HullPerformanceConfigController__infoText___Y58bR p {
  margin-bottom: 0.5rem;
}

.HullPerformanceConfigController__infoText___Y58bR ul {
  margin-left: 18px;
}

.HullPerformanceConfigController__infoText___Y58bR table th,
.HullPerformanceConfigController__infoText___Y58bR table td {
  padding: 6px 16px;
  text-align: left;
}

.HullPerformanceConfigController__infoText___Y58bR table tr:nth-child(even) {
  background: #58677a;
}

.HullPerformanceConfigController__infoText___Y58bR h1,
.HullPerformanceConfigController__infoText___Y58bR h2,
.HullPerformanceConfigController__infoText___Y58bR h3,
.HullPerformanceConfigController__infoText___Y58bR h4,
.HullPerformanceConfigController__infoText___Y58bR h5,
.HullPerformanceConfigController__infoText___Y58bR h6,
.HullPerformanceConfigController__infoText___Y58bR p,
.HullPerformanceConfigController__infoText___Y58bR pre,
.HullPerformanceConfigController__infoText___Y58bR ul,
.HullPerformanceConfigController__infoText___Y58bR table {
  margin-bottom: 8px;
}

.HullPerformanceConfigController__validationError___RMSed {
  color: #fc406a;
}

.HullPerformanceConfigPopup__popupContainer___h_VbW {
  padding: 2rem;
}
.HullPerformanceConfigPopup__configValid___UNdKX {
  color: #4af381;
}
.HullPerformanceConfigPopup__configInvalid___lZGhp {
  color: #fc406a;
}

.HullPerformanceConfigPopup__calculationStatusIdle___vWY96 {
  color: #4af381;
}
.HullPerformanceConfigPopup__calculationStatusFailed___dVk4x {
  color: #fc406a;
}
.HullPerformanceConfigPopup__calculationStatusOther___S4BXG {
  color: #fff;
}

.HullPerformanceConfigPopup__validationMessages___Ysixf {
  padding: 1rem;
  font-size: 0.9rem;
}

.HullPerformanceConfigPopup__exceptionList___XjXmV {
  padding: 1rem;
  font-size: 0.9rem;
}

.HullPerformanceConfigPopup__validationResult___q7RLU {
  width: 100%;
  padding: 1rem 0;
}

.HullPerformanceConfigPopup__calculationStatus___QR60H {
  width: 100%;
  padding-top: 1rem;
}

.HullPerformanceConfigPopup__calculationSummary___RTCAW {
  width: 100%;
  padding-top: 1rem;
}

.HullPerformanceConfigPopup__calculationSummary___RTCAW h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.HullPerformanceConfigPopup__calculationSummary___RTCAW table {
  margin-bottom: 2rem;
}
.HullPerformanceConfigPopup__calculationSummary___RTCAW table th {
  text-align: left;
  font-weight: normal;
  padding: 3px 1rem 3px 0;
}
.HullPerformanceConfigPopup__calculationSummary___RTCAW table td {
  color: #ffffff;
  padding: 2px 0;
}
.HullPerformanceConfigPopup__calculationSummary___RTCAW table th.HullPerformanceConfigPopup__fixed___Le4SG {
  width: 200px;
}

.EnergyFlowConfigController__contentContainer___QmIsS {
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.EnergyFlowConfigController__content___Go_AB {
  margin-left: 7rem;
  position: relative;
  height: 100%;
  transition: all 0.3s ease;
  width: auto;
}

.EnergyFlowConfigController__form___fIYCx {
  background-color: #262b37;
  padding: 1rem 7rem;
  border-bottom: 2px solid #0f1114;
}
.EnergyFlowConfigController__buttonContainer___GcvhP {
  padding: 1rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 500px;
}

.NodeRelation__itemContainer___KulKy {
  position: absolute;
  min-width: 100px;
  height: 75px;
  border-radius: 10px;
  background: #171b25;
  border: 2px solid #58677a;
  display: flex;
  align-items: center;
}
.NodeRelation__itemContainer___KulKy:hover {
  border: 2px solid #8395ac;
}

.NodeRelation__itemInner___VnS1Q {
  margin: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  width: 100%;
}
.NodeRelation__itemSubTitle___PBnbB {
  color: #58677a;
  font-size: smaller;
}
.NodeRelation__itemTitle___U8o82 {
  color: #58677a;
}
.NodeRelation__delete___MFvGP {
  position: absolute;
  top: 0;
  right: 0;
  font-size: large;
  background-color: transparent;
  border: 0;
  color: #58677a;
}
.NodeRelation__delete___MFvGP:after {
  content: "\00d7";
}
.NodeRelation__delete___MFvGP:hover {
  color: #ffffff;
  cursor: pointer;
}

.NodeItem__connectorContainer___kYl3Z {
  height: 10px;
  width: 10px;
  background: #58677a;
  position: absolute;
  margin-left: -5px;
  margin-top: -5px;
}

.NodeItem__connectorContainerDraggable___esbeD {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #58677a;
}
.NodeItem__connectorContainerDraggable___esbeD:hover {
  background: var(--light-gray);
}

.OperationModeConfigController-module__operationMapperContainer___WhBDE {
  max-height: 700px;
  height: 700px;
  margin-left: 8.5rem;
  display: flex;
}

.OperationModeConfigController-module__operationProfiles___T5lfi {
  flex: 0 0 25%;
  border-right: 2px solid #0f1114;
  border-left: 2px solid #0f1114;
  overflow-y: auto;
}

.OperationModeConfigController-module__operationQueryBuilder___ztqTY {
  flex: 1;
}

.OperationModeConfigController-module__rotationGroup___pxemm {
  transition: transform 0.25s ease;
  transform: rotate(90deg);
  transform-origin: 50% 55%;
}

.OperationModeConfigController-module__profile___Zkv7k {
  display: flex;
  height: 80px;
  align-items: center;
  border-bottom: 2px solid #0f1114;
  padding: 0 1rem;
  cursor: pointer;
}

.OperationModeConfigController-module__profile___Zkv7k:last-child {
  border-bottom: none;
}

.OperationModeConfigController-module__profile___Zkv7k:hover,
.OperationModeConfigController-module__profile___Zkv7k:focus,
.OperationModeConfigController-module__selectedProfile___isZjK {
  background-color: #262b37;
}

.OperationModeConfigController-module__topBar___Tvn0h {
  display: flex;
}
.OperationModeConfigController-module__download___J9I4_ {
  margin-left: auto;
}

.OperationModeConfigController-module__actionBtnContainer____xcI2 {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  align-items: center;
  height: 80px;
  border-bottom: 2px solid #0f1114;
}

.OperationModeConfigController-module__newModeFormContainer___Dsb2G {
  padding: 16px;
  display: flex;
  align-items: center;
}
.OperationModeConfigController-module__addModeMessage___TJOxi {
  margin-left: 8.5rem;
  display: flex;
}

.OperationModeConfigController-module__dragHandle___JhtEO {
  color: #ddeeef;
  position: relative;
  top: -4px;
  width: 20px;
}

.OperationModeConfigController-module__dragHandle___JhtEO:hover {
  color: #fff;
}

.QueryBuilder-module__ruleContainer___FhVO8 {
  overflow-y: auto;
  max-height: calc(100% - 80px);
}

.QueryBuilder-module__removeRule___Khde4 {
  position: relative;
  padding: 0 1rem;
  width: auto;
  height: auto;
}

.QueryBuilder-module__emptyMessage___cwHDW {
  text-align: center;
  margin-top: 20%;
  font-size: 2rem;
}

.QueryBuilder-module__hidden___DNMNK {
  display: none;
}

.QueryBuilder-module__checkBox___poywb label {
  margin-bottom: 0;
  margin-top: 16px;
}

.QueryBuilder-module__line___srTJu {
  flex: 1;
  height: 1px;
  align-self: center;
}

.QueryBuilder-module__combinatorSelectBox___2wNbM {
  width: auto;
}

.QueryBuilder-module__ruleContainer___FhVO8 .QueryBuilder-module__ruleValueInputBox___vv25Z {
  height: 30px !important;
}

.ruleGroup {
  background: #2b313f;
  padding: 1rem 1rem;
}
.ruleGroup[data-level="0"] {
  border: none;
}

.ruleGroup::before, .ruleGroup::after, .ruleGroup .rule::before, .ruleGroup .rule::after, .ruleGroup .betweenRules::before, .ruleGroup .betweenRules::after {
  border-color: #0f1114 !important;
}
.ruleGroup .rule > * {
  max-width: 33%;
}

.InlineTemplates-module__itemConfigContainer___dapsz {
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.InlineTemplates-module__itemConfigGroup___hifDJ {
  display: flex;
  grid-gap: 2rem;
  margin: 1rem 0;
  align-items: center;
  margin-right: 40%;
}

.VesselConfigView__container___q5CvB {
  background-color: #0f1114;
  min-height: 100vh;
}
.VesselConfigView__headerSelectContainer___llq9a {
  display: flex;
}
.VesselConfigView__headerSelectContainer___llq9a div {
  padding-right: 0.5rem;
}

.VesselConfigView__contentContainer___vlsmY {
  padding: 0.5rem;
}

.PageConfigurationGrid__gridContainer___vwALS {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
  background: #0f1114;
  overflow-y: scroll;
}

.PageConfigurationGrid__gridCell___r91nW {
  display: flex;
  justify-content: center;
  background: #171b25;
  overflow: hidden;
}

.PageConfigurationGrid__gridCell___r91nW > span {
  z-index: 15;
}

.PageConfigurationGrid__gridCell___r91nW > span::after {
  border-right: 2px solid rgba(255, 255, 255, 1) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 1) !important;
}

.PageConfigurationGrid__overlay___Jqt5z {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: grab;
}

.PageConfigurationGrid__overlay___Jqt5z:active {
  cursor: grabbing;
}

.PageConfigurationGrid__remove___up9TS {
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
}

.PageConfigurationGrid__componentTitle___WwQD7 {
  display: flex;
  align-items: center;
}

.PageConfigurationGrid__donutGridItem___gsOGc {
  transform: scale(0.85);
}

.PageConfigurationGrid__settings___ek6SW {
  position: absolute;
  right: 20px;
  top: 3px;
  cursor: pointer;
}

.PageConfigurationGrid__disabled___L_Wu6 {
  opacity: 0.3;
  cursor: grab;
}

.EquinorReport__name___IbTM2 {
  flex: 0 1 auto !important;
  width: 75px;
}

.EquinorReport__legends___sMdsw {
  flex: 1;
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  font-weight: 400;
}

.EquinorReport__legends___sMdsw span {
  display: flex;
  flex: 0 1 auto;
  border-radius: 20px;
  height: 25px;
  width: 25px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  color: #171b25;
}

.MonthlyFuelUsage__monthlyFuelUsageItem___brYzy {
  width: 100%;
  height: 100%;
}

.PageLayoutConfiguration__pageConfigurationContainer___qMH8E {
  display: flex;
  top: 5rem;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  background: #0f1114;
  height: calc(100vh - 5rem);
  width: 100vw;
}

.GridConfigFlyout__gridFlyout___Q9ytG {
  color: #8395ac;
  background: #171b25;
  width: 20rem;
  height: calc(100vh - 6.5rem);
  position: absolute;
  right: 0;
  transition: transform 0.2s ease-out;
  padding: 0;
  display: flex;
  flex-direction: column;
  transform: translate(100%, 0%);
  top: 6px;
  border: 2px solid #0f1114;
  z-index: 11;
}

.GridConfigFlyout__gridFlyout___Q9ytG.GridConfigFlyout__showing___qiE2h {
  transform: translate(0);
  right: 0.5rem;
}

.GridConfigFlyout__gridFlyoutToggle___AzDV0 {
  position: absolute;
  display: block;
  bottom: 0;
  left: -1rem;
  z-index: 11;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  background: #171b25;
  border: 2px solid #58677a;
  outline: none;
  width: 3rem;
  height: 3rem;
  transform: rotate(0deg) translate(-100%, 0);
}

.GridConfigFlyout__gridFlyoutToggle___AzDV0:hover {
  border-color: white;
}

.GridConfigFlyout__gridFlyoutToggle___AzDV0 svg {
  display: block;
  fill: white;
}

.GridConfigFlyout__gridFlyout___Q9ytG.GridConfigFlyout__showing___qiE2h .GridConfigFlyout__gridFlyoutToggle___AzDV0 {
  transform: rotate(-180deg) translate(100%, 0);
}

.GridConfigFlyout__item___eIs3z {
  cursor: pointer;
  padding-bottom: 0.5rem;
  display: flex;
}

.GridConfigFlyout__disabled___z6Ou9 {
  pointer-events: none;
  opacity: 0.5;
}

.GridConfigFlyout__item___eIs3z:hover {
  color: white;
}

.GridConfigFlyout__componentsList_____q3C {
  background-color: #171b25;
  padding: 1rem 2rem 0 2rem;
  border-bottom: 2px solid #0f1114;
  height: 85%;
  overflow: auto;
}

.GridConfigFlyout__title___Oxvnz {
  text-transform: uppercase;
}

.GridConfigFlyout__subtitle___DxCwg {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
  font-weight: 300;
}

.GridConfigFlyout__actionContainer___ZLs37 {
  align-items: center;
  padding: 1rem;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  height: 15%;
}

.GridConfigFlyout__componentsListButtons___XCt7a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.GridConfigFlyout__componentsListButtons___XCt7a > button {
  margin-bottom: 10px;
}

.GridConfigFlyout__errorMessage___wKqmr {
  margin-top: 0.5rem;
  font-weight: 300;
  color: #e76670;
}

.SettingsEditForm__title___HTtPy {
  font-size: 1rem;
  font-weight: bold;
  color: #8395ac;
  margin-bottom: 10px;
}

.SettingsEditForm__field___im4TV {
  height: 260px;
  background: transparent;
  border: 2px solid #8395ac;
  padding: 10px 15px;
  border-radius: 10px;
  overflow: auto;
  margin-bottom: 10px;
}

.SettingsEditForm__selectedMetrics___OtatM {
  font-weight: bold;
  color: #8395ac;
  margin: 0 0 5px 5px;
}

.SettingsEditForm__description___LA2eL {
  font-weight: normal;
}

.FleetStatusPopUp__main___f1coN {
  background-color: #2b313f;
  height: auto;
  max-height: 60vh;
  width: auto;
  max-width: 200vw;
  overflow: scroll;
  padding-top: 10px;
}

.FleetStatusPopUp__gridContainer___XkrVv {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  grid-gap: 10px;
  overflow: auto;
}

.FleetStatusPopUp__row___IW080 {
  display: flex;
}

.FleetStatusPopUp__square___Qhjfl {
  height: auto;
  width: 100%;
  flex: 1;
  background-color: #171b25;
  margin: 5px;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.FleetStatusPopUp__overallStatus___BqK85 {
  flex: 1;
  width: auto;
  max-width: 100%;
  background-color: #171b25;
  margin: 5px;
  padding: 10px;
  box-sizing: border-box;
}

.FleetStatusPopUp__main___f1coN p {
  text-align: left;
  margin-top: 5px;
  font-size: 14px;
  color: #8395ac;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.FleetStatusPopUp__text___AekkO {
  overflow: hidden;
}

.FleetStatusPopUp__main___f1coN h1 {
  text-align: center;
  margin: 10px;
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
  color: #8395ac;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k th,
.FleetStatusPopUp__singleVesselStatusTable___VpC3k td {
  padding: 12px;
  text-align: center;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k td {
  text-align: center;
  vertical-align: middle;
  padding: 12px;
}

.FleetStatusPopUp__statusDotContainer___WmvwQ {
  position: relative;
  width: 0.9rem;
  height: 0.9rem;
  display: inline-block;
}

.FleetStatusPopUp__commentInput___mATbj {
  width: 73%;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.2s;
  background-color: #171b25;
  color: #fff;
  margin-right: 2%;
}

.FleetStatusPopUp__commentInput___mATbj:focus {
  border-color: dodgerblue;
}

.FleetStatusPopUp__commentButton___iKjSX {
  width: 25%;
  border: 1px solid #fff;
  border-radius: 4px;
  align-content: center;
  outline: none;
  transition: border-color 0.2s;
  background-color: #171b25;
  color: #fff;
  overflow: hidden;
}

.FleetStatusPopUp__commentButton___iKjSX:hover {
  border-color: #58677a;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k th:nth-child(1),
.FleetStatusPopUp__singleVesselStatusTable___VpC3k td:nth-child(1) {
  width: 20%;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k th:nth-child(2),
.FleetStatusPopUp__singleVesselStatusTable___VpC3k td:nth-child(2) {
  width: 10%;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k th:nth-child(3),
.FleetStatusPopUp__singleVesselStatusTable___VpC3k td:nth-child(3) {
  width: 30%;
}

.FleetStatusPopUp__singleVesselStatusTable___VpC3k th:nth-child(4),
.FleetStatusPopUp__singleVesselStatusTable___VpC3k td:nth-child(4) {
  width: 40%;
}

.RenderDot__greenDot___nxc4H {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #218141;
  border-radius: 50%;
}

.RenderDot__redDot___O89ss {
  width: 0.9rem;
  height: 0.9rem;
  background-color: red;
  border-radius: 50%;
}

.RenderDot__greyDot___vJBmA {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #58677a;
  border-radius: 50%;
}

.RenderDot__emptySpace___N4SfY::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.FleetStatus__dataGridContainer___hpJEe {
  display: block;
  height: calc(100vh - 5.25rem);
  width: calc(100vw - 0.5rem);
  overflow-y: hidden;
  overflow-x: hidden;
}


/*# sourceMappingURL=main.42687d27205126d3f8b3.css.map*/