/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* imports normalize library, see package.json for more information */

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

@font-face {
    font-family: 'AllerLight';
    src: url(/static/fonts/Aller_Std_Lt-webfont.eot);
    src: url(/static/fonts/Aller_Std_Lt-webfont.eot?#iefix) format('embedded-opentype'),
    url(/static/fonts/Aller_Std_Lt-webfont.woff2) format('woff2'),
    url(/static/fonts/Aller_Std_Lt-webfont.woff) format('woff'),
    url(/static/fonts/Aller_Std_Lt-webfont.ttf) format('truetype'),
    url(/static/fonts/Aller_Std_Lt-webfont.svg#allerlight) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 300;
    src: url(/static/fonts/fa-light-300.eot);
    src: url(/static/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),
    url(/static/fonts/fa-light-300.woff2) format("woff2"),
    url(/static/fonts/fa-light-300.woff) format("woff"),
    url(/static/fonts/fa-light-300.ttf) format("truetype"),
    url(/static/fonts/fa-light-300.svg#fontawesome) format("svg");
}

@font-face {
    font-family: 'FontAwesomeSolid';
    font-style: normal;
    font-weight: 900;
    src: url(/static/fonts/fa-solid-900.eot);
    src: url(/static/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/static/fonts/fa-solid-900.woff2) format("woff2"), url(/static/fonts/fa-solid-900.woff) format("woff"), url(/static/fonts/fa-solid-900.ttf) format("truetype"), url(/static/fonts/fa-solid-900.svg#fontawesome) format("svg");
}

html    {
    font-size:80%;
    height: 100%;
    overflow: hidden;
    font-family: 'AllerLight', sans-serif;
}

body    {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    height: 100%;
    display: flex;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
}

h1, h2, h3, h4, h5, h6  {
    font-family: 'AllerLight', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
}

h1 {
    font-size: 1.6em;
}

label   {
    cursor: pointer;
}

input, textarea {
    font-family: 'AllerLight', sans-serif;
}

input:required {
    box-shadow:none;
}

input::-moz-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

input:-ms-input-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

input::placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

/* Removes shadow inset */

input[type] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a {
    outline: 0;
}

@media (min-width: 800px) {
    * {
        scrollbar-color: #C5E3FF #e3f4ff;
        scrollbar-color: var(--borderColor) var(--primaryBgHarderColor);
    }

    ::-webkit-scrollbar {
        width: 1rem;
        height: 1rem;
        background-color: #e3f4ff;
        background-color: var(--primaryBgHarderColor);
    }

    /* Add a thumb */
    ::-webkit-scrollbar-thumb {
        background: #C5E3FF;
        background: var(--borderColor);
    }
}

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

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

.c-Header {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

.c-Main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.c-Login {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-Login > div {
    width: 30vw;
    min-width: 250px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 3px;
}

.c-Shell > div,
.c-Shell > div > div {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.c-Shell div > .o-StructMultiPanel {
    flex: 1 1 auto;
    flex-direction: column;
    display: flex;
}

.c-Shell div > .o-StructMultiPanel > div {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
}

.c-Shell .o-StructMultiPanel > div > .o-MultiPanel-panel  {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.c-Shell .o-StructMultiPanel > div > .o-MultiPanel-panel > *:not(.o-MultiPanel-panel-overlay) {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    overflow: hidden;
}

/* Makes sure that these panels can scrollable */

.c-Container > .o-StructMultiPanel > div > .o-MultiPanel-panel  {
    display: flex;
    height: 100vh;
}

.c-ModuleNav {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    font-size:1.1rem;
    position: relative;
}

.c-ModuleNav a {
    flex: 0 1 auto;
    padding: 2rem;
    text-decoration: none;
    color: #FFF;
    color: var(--secondaryBgColor);
}

.c-ModuleNav > div {
    flex: 0 1 auto;
    display: flex;
}

.c-ModuleNav > .c-ModuleNav-moduleBtnWrapper > a {
    border-right: 1px solid #5766a5;
    border-right: 1px solid var(--primaryHighlightColor);
    font-family: 'FontAwesome', sans-serif;
    padding: 1.725rem;
    font-size: 1.5rem;
}

.c-ModuleNav > .c-ModuleNav-leftWrapper {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

.c-ModuleNav > .c-ModuleNav-rightWrapper > a {
    flex: 1 1 auto;
    border-left: 1px solid #5766a5;
    border-left: 1px solid var(--primaryHighlightColor);
}

.c-ModuleNav a:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}

.c-ModuleNav .c-ModuleNav-selected,
.c-ModuleNav .c-ModuleNav-selected:hover {
    background-color: #6677c0;
    background-color: var(--primarySelectedColor);
}

.c-ModuleNav--fake {
    padding: 2rem 0;
}

.c-ModuleNav--canScrollRight:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2rem;
    pointer-events: none;
    background-image: linear-gradient(90deg, rgba(160,187,214,0) 0%, rgba(160,187,214,.4) 100%);
}

.c-ModuleNav--canScrollLeft:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5rem;
    height: 100%;
    width: 2rem;
    pointer-events: none;
    background-image: linear-gradient(270deg, rgba(160,187,214,0) 0%, rgba(160,187,214,.4) 100%);
}

.c-ModuleNavHelper {
    flex: 0 0 auto;
    display: flex;
    margin: 3rem 0 1rem;
    align-items: center;
    justify-content: space-between;
}

.c-ModuleNavHelper h1 {
    margin: 0;
    font-size: 1.8em;
}

.c-ModuleNavHelper h2 {
    margin: .35rem 0 0 .35rem;
    font-size: 1.4rem;
}

.c-ModuleNavHelper-breadcrumb {
    align-items: center;
}

.c-ModuleNavHelper-breadcrumb > * {
    flex: 0 1 auto;
    display: inline;
}

.c-ModuleNavHelper .o-Logo {
    width: 140px;
    margin:-1rem 0;
    flex: 0 1 auto;
}

@media (max-width: 700px) {
    .c-ModuleNavHelper h2 {
        display: none;
    }
    .c-ModuleNav-rightWrapper > a {
        display: none;
    }
}

@media (max-height: 820px) {
    .c-ModuleNavHelper {
        display: none;
    }
}

.o-Form--vertical input {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
}

.o-Form--vertical > * {

}

.o-InputBox {
    border-radius: 3px;
    box-sizing: border-box;
    padding: .75rem;
    outline: none;
    background-color: transparent;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-bottom-width: 2px;
    transition: all .2s;
}

.o-InputBox:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}

.o-InputBox--lightBlueBackground {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-BtnGroup {
    display: flex;
}

.o-BtnGroup > .o-Btn {
    border-radius: 0;
    border-right: none !important;
}

.o-BtnGroup > .o-Btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-BtnGroup > .o-Btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #C5E3FF !important;
    border-right: 1px solid var(--borderColor) !important;
}

.o-Group {
    display: flex;
}

.o-Group > * {
    border-radius: 0;
    border-right: none;
}

.o-Group > *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-Group > *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #b0d8ff !important;
    border-right: 1px solid var(--borderHighlightColor) !important;
}

.o-TableLabel,
.o-Btn {
    padding: 1rem;
    border-width: 1px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all .2s;
}

.o-Btn--extraSmall {
    padding: .5rem;
}

.o-Btn--small {
    padding: .75rem;
}

.o-TableLabel--xsmall,
.o-Btn--xsmall {
    box-sizing: border-box;
    line-height: 1;
    padding: .3rem .5rem;
}

.o-Btn--block {
    display: block;
}

input[type=submit].o-Btn {
    border-width: 0;
}

.o-Btn--primary {
    background: #2D358E;
    background: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    border-color: currentColor;
}

.o-Btn--primary:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}

.o-Btn--secondary {
    background: #C5E3FF;
    background: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-Btn--secondary:hover {
    background-color: transparent;
}

.o-Btn--ghost {
    border-color: #C5E3FF;
    border-color: var(--borderColor);
    border-style: solid;
    color: #C5E3FF;
    color: var(--borderColor);
}

.o-Btn--ghost:hover {
    border-color: #2D358E;
    border-color: var(--primaryColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Btn--ghostSecondary {
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    border-style: solid;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Btn--ghostSecondary:hover {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
}

.o-TableLabel--ghostRed,
.o-Btn--ghostRed {
    border-color: red;
    border-color: var(--redBorderColor);
    border-style: solid;
    color: red;
    color: var(--redBorderColor);
}

.o-Btn--ghostRed:hover {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-Table .o-Btn--flex.u-ignore-rowclick {
    margin: -.3rem !important;
    display: flex;
    justify-content: space-between;
}

.o-Panel,
.o-PanelChildren > * {
    padding: 1rem;
}

.o-Panel--mp,
.o-PanelChildren--mp > * {
    padding: 2rem;
}

a.o-Panel,
.o-PanelChildren > a {
    text-decoration: none;
    border-bottom-width: 2px;
    color: black;
}

a.o-Panel:hover,
.o-PanelChildren > a:hover {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}

a.o-Panel > h1,
.o-PanelChildren > a > h1 {
    transition: all .2s;
}

a.o-Panel:hover > h1,
.o-PanelChildren > a:hover > h1 {
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Panel > h1,
.o-PanelChildren > * > h1 {
    margin-top: 0;
}

.o-Panel > *:last-child,
.o-PanelChildren > * > *:last-child {
    margin-bottom: 0;
}

.o-Panel--textCenter {
    text-align: center;
}

.o-Panel--rounded {
    border-radius: 3px;
}

.o-Panel--white,
.o-PanelChildren--white > * {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
}

.o-Panel--greenBorder,
.o-PanelChildren--greenBorder > * {
    border-color: rgba(80,205,96,.8);
    border-color: var(--secondaryHighlightColor);
}

.o-Panel--greenBorder > h1,
.o-PanelChildren--greenBorder > * > h1 {
    color: rgba(80,205,96,.8);
    color: var(--secondaryHighlightColor);
}

.o-Panel--greenBorder:hover,
.o-PanelChildren--greenBorder > *:hover {
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
}

.o-Panel--greenBorder:hover > h1,
.o-PanelChildren--greenBorder > *:hover > h1 {
    color: rgba(59,181,74,.8) !important;
    color: var(--secondaryColor) !important;
}

.o-Panel--rightBorder,
.o-PanelChildren--rightBorder > * {
    box-sizing: border-box;
    border-bottom-width: 1px !important;
    border-right-width: 8px;
}

.o-Panel--rightBorder:hover,
.o-PanelChildren--rightBorder > *:hover {
    border-right-width: 12px;
}

.o-Panel--error {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    border-color: red;
    border-color: var(--redBorderColor);
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}

.o-Panel--error * {
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-Panel--warning {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid darkorange;
    color: darkorange;
}

.o-Panel--warning * {
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-FlexGrid {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
}

.o-FlexGrid--alignContentCenter {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
}

.o-FlexGrid--alignContentStart {
    align-content: flex-start;
}

.o-FlexGrid > * {
    flex: 1 1 auto;
    transition: all 0.2s;
}

.o-FlexGrid--sm > * {
    margin: .5rem;
}

.o-FlexGrid--minimum > * {
    flex: 0 0 auto;
}

.o-FlexGrid-minimum {
    flex: 0 0 auto;
}

.o-FlexGrid-maximum {
    flex: 1 1 auto;
}

.o-FlexGrid--children50pr > * {
    flex-basis: 40% !important;
}

@media (max-width: 500px) {
    .o-FlexGrid--collapseAt500px {
        display: block;
        margin: -.5rem;
    }

    .o-FlexGrid--collapseAt500px > * {
        display: block;
        margin: .5rem !important;
        width: auto;
    }
}

@media (max-width: 600px) {
    .o-FlexGrid--collapseAt600px {
        display: block;
        margin: -.5rem;
    }

    .o-FlexGrid--collapseAt600px > * {
        display: block;
        margin: .5rem !important;
        width: auto;
    }
}

.o-Toolbar {
    flex: 0 0 auto !important;
    color: #FFF;
    color: var(--secondaryBgColor);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    font-size: 1.1rem;
    margin: -.5rem;
}

.o-Toolbar--reverseWrap {
    flex-wrap: nowrap;
}

.o-Toolbar--reverseWrap .o-Toolbar-left,
.o-Toolbar--reverseWrap .o-Toolbar-right {
    flex-wrap: wrap;
}

.o-Toolbar--noWrap,
.o-Toolbar--noWrap .o-Toolbar-left,
.o-Toolbar--noWrap .o-Toolbar-right {
    flex-wrap: nowrap;
    justify-content: normal;
}

.o-Toolbar > *:not(.o-Toolbar-left):not(.o-Toolbar-right),
.o-Toolbar-left > *,
.o-Toolbar-right > * {
    flex: 0 0 auto;
    margin: .5rem;
}

.o-Toolbar-left,
.o-Toolbar-right {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: nowrap;
}

.o-Toolbar-right {
    justify-content: flex-end;
}

@media (max-width: 750px) {
    .o-Toolbar--flex11auto750px > *,
    .o-Toolbar--flex11auto750px > .o-Toolbar-left > *,
    .o-Toolbar--flex11auto750px > .o-Toolbar-right > * {
        flex: 1 1 auto !important;
        text-align: center !important;
    }
}

.o-Toolbar .o-Toolbar-btn {
    padding: 1rem 1.25rem;
    text-decoration: none;
    transition: all .2s;
    border-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Toolbar .o-Toolbar-btn:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Btn.is-disabled,
.o-Btn.is-disabled:hover,
.o-Toolbar .is-disabled,
.o-Toolbar .is-disabled:hover {
    color: #a0bbd6;
    color: var(--disabledColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    cursor: not-allowed;
}

.o-Toolbar .is-selected {
    background-color: #6677c0;
    background-color: var(--primarySelectedColor);
    border-color: #6677c0;
    border-color: var(--primarySelectedColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-Toolbar .is-selected:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Toolbar--lightBlue,
.o-Toolbar--lightBlue > * {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}

.o-Toolbar--lightBlue > .is-selected {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}

.o-Toolbar--lightBlue > a:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}

.o-Toolbar--justifyRight {
    justify-content: flex-end;
}

@media (max-width: 1300px) {
    .o-Toolbar--btnCollapse1300px .o-Toolbar-btn > span > span:last-child,
    .o-Toolbar--btnCollapse1300px .o-SelectBtn > span > span:last-child {
        display: none;
    }
}

.o-Toolbar .o-Toolbar-btn > span > span:first-child {
    font-size: 1.3rem;
}

.c-Dashboard {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    overflow: auto;
}

.o-Scrollable {
    flex: 0 1 auto;
    flex-direction: column;
    overflow: auto;
}

.o-Scrollable--direction-row {
    flex-direction: row;
}

.o-MultiPanel {
    flex: 0 0 auto;
}

.o-MultiPanel-panel-overlay {
    background-color: rgba(25, 23, 64, .5) !important;
}

.o-ModuleLink {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #C5E3FF !important;
    border-bottom: 1px solid var(--borderColor) !important;
}

.o-ModuleLink h1 {
    margin-top: 0;
    transition: all .2s;
}

.o-ModuleLink p {
    margin-bottom: 0;
    margin-right: .25rem;
    transition: all .2s;
}

.o-ModuleLink-icon {
    flex: 0 0 auto;
    color: #2D358E;
    color: var(--primaryColor);
    /*width: 44px;*/
    /*height: 44px;*/
    font-family: 'FontAwesome', sans-serif !important;
    margin-right: 1rem;
    font-size: 4rem;
    transition: all .2s;
}

.o-ModuleLink:hover h1 {
    color: #b0d8ff;
    color: var(--borderHighlightColor);
}

.o-ModuleLink:hover p {
    color: #999;
    margin-right: 0;
}

.o-ModuleLink:hover .o-ModuleLink-icon {
    color: #b0d8ff;
    color: var(--borderHighlightColor);
    margin-right: 1.25rem;
}

.o-Table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.o-Table--stickyHeader thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
}

.o-Table--wrap td {
    white-space: normal !important;
}

.o-Table > tbody > tr > td {
    padding: 0.8em 0.8em;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    white-space: nowrap;
}

.o-Table--pvs > tbody > tr > td {
    padding: 0.8em 0.8em;
}

.o-Table > tbody > tr:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Table > tbody > tr:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Table > tbody > tr.odd > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Table > thead > tr > th {
    text-align: left;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    padding: 0.8em 0.8em;
    font-weight: normal;
    border-right: 1px solid #b0d8ff;
    border-right: 1px solid var(--borderHighlightColor);
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
    border-top: 1px solid #b0d8ff;
    border-top: 1px solid var(--borderHighlightColor);
}

.o-Table--pvs > thead > tr > th {
    padding: 0.8em 0.8em;
}

.o-Table > thead > tr:first-child > th:first-child {
    border-top-left-radius: 3px;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}

.o-Table > thead > tr:first-child > th:last-child {
    border-top-right-radius: 3px;
}

.o-Table > tbody > tr:last-child > td:first-child,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 3px;
}

.o-Table > tbody > tr:last-child > td:last-child,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 3px;
}

.o-Table > tbody > tr:last-child > td,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-Table > tbody > tr > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}

.o-Table > tbody > tr.o-Table-rowSelected > td {
    background-color: #FF9;
    background-color: var(--selectedColor);
}

.o-Table--accordion .accordionRow {
    cursor: pointer;
}

.o-Table--accordion .accordionRow > td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    border-left: none;
    border-right: none;
}

.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td {
    border-bottom: none;
}

.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 0;
}

.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 0;
}

.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 3px;
}

.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 3px;
}

.o-Table--accordion .accordionRow > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-Table--accordion .accordionRow:hover td {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}

.o-Table--accordion .accordionToggleContentRow > td {
    border-top: none;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    border-bottom: none;
}

.o-Table--accordion .accordionToggleContentRow > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}

.o-Table--accordion .accordionToggleContentRow > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}

.o-Table--accordion .accordionToggleContentRow > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-Table--accordion .accordionToggleContentRow + tr {
    display: none;
}

.o-Table--accordion .accordionContentRow > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-Table--accordion > tbody > tr.odd + tr {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Table-row--selected > td {
    background-color: #FF9 !important;
    background-color: var(--selectedColor) !important;
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}

.o-Table--empty {
    padding: 2rem;
    text-align: center;
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    border-radius: 3px;
}

.o-Table--emptySimple {
    text-align: center;
    border: none !important;

}

.o-Table--emptySimple td {
    font-weight: normal !important;
}

.o-KeyValueTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.o-KeyValueTable > tbody > tr > td {
    padding: 0.4em 0.6em;
}

.o-KeyValueTable > tbody > tr > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    font-weight: bold;
}

.o-KeyValueTable > tbody > tr > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-KeyValueTable > tbody > tr:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-KeyValueTable > tbody > tr:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-KeyValueTable > thead td {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .8em .6em;
}

.o-KeyValueTable > thead > tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}

.o-KeyValueTable > thead > tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}

.o-KeyValueTable > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 3px;
}

.o-KeyValueTable > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 3px;
}

.o-KeyValueTable > tbody > tr:last-child > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-KeyValueTable > tbody > tr:first-child > th:first-child {
    border-radius: 3px 3px 0 0;
}

.o-KeyValueTable > tbody th {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .8em .6em;
    text-align: left;
    font-weight: normal;
}

.o-KeyValueTable--empty > tbody > tr > td {
    padding: 2rem;
    text-align: center;
    border: 1px solid red !important;
    border: 1px solid var(--redBorderColor) !important;
    color: red;
    color: var(--redBorderColor);
    border-radius: 0 0 3px 3px;
}

.o-KeyValueTable--empty > thead > tr > td {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
}

.o-KeyValueTable--headless > tbody > tr:first-child > td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}

.o-KeyValueTable--headless > tbody > tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}

.o-KeyValueTable--headless > tbody > tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}

.o-KeyValueTable--fixed {
    table-layout: fixed;
}

.o-RotatedTable th {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-left: none;
    border-top: none;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
    padding: 1em 0.8em;
    text-align: left;
}

.o-RotatedTable th {
    border-right: none;
}

.o-RotatedTable td {
    border-right: none;
}

.o-RotatedTable tr th:first-child,
.o-RotatedTable tr td:first-child {
    border-right: 1px solid #C5E3FF !important;
    border-right: 1px solid var(--borderColor) !important;
}

.o-RotatedTable tr:first-child th,
.o-RotatedTable tr:first-child td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}

.o-RotatedTable tr th:first-child,
.o-RotatedTable tr td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}

.o-RotatedTable tr:first-child th:last-child,
.o-RotatedTable tr:first-child td:last-child {
    border-top-right-radius: 3px;
}

.o-RotatedTable tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.o-RotatedTable tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.o-Pagination {
    display: flex;
    margin-bottom: 1rem;
}

.o-Pagination > a {
    text-decoration: none;
    font-family: 'FontAwesome', sans-serif;
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    transition: all .2s;
}

.o-Pagination > a:hover {
    background-color: rgba(80,205,96,.8);
    background-color: var(--secondaryHighlightColor);
}

.o-Pagination > span {
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    margin-left: .5rem;
    margin-right: .5rem;
}

.o-Pagination > * {
    flex: 0 0 auto;
    padding: .75rem 1rem;
    text-align: center;
    border-radius: 3px;
}

.o-DatePicker {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.o-DatePicker td,
.o-DatePicker th {
    text-align: center;
}

.o-DatePicker th {
    padding: 1rem 0;
}

.o-DatePicker a,
.o-DatePicker > tbody span {
    width: 100%;
    display: block;
    padding: 1rem 0;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    color: black;
    border-radius: 3px;
}

.o-DatePicker > thead a {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    box-sizing: border-box;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-DatePicker > thead a:hover {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-DatePicker .o-DatePicker-prev,
.o-DatePicker .o-DatePicker-next {
    font-family: 'FontAwesome', sans-serif;
}

.o-DatePicker > thead a.o-DatePicker-prev--disabled,
.o-DatePicker > thead a.o-DatePicker-next--disabled {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBgColor);
    cursor: not-allowed;
}

.o-DatePicker > tbody span {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}

.o-DatePicker > tbody a:hover {
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-DatePicker .o-DatePicker-d--isNotCurrentMonth {
    color: #a0bbd6;
    color: var(--disabledColor);
}

.o-DatePicker .o-DatePicker-d--isCurrent {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-DatePicker .o-DatePicker-d--isSelected {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    border-color: rgba(250,237,35, .6);
    border-color: var(--highlightColor);
}

.o-DateRange .o-MultiPanel {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-DateRange--noApply .o-MultiPanel {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-DateRange .o-MultiPanel-panel {
    padding: .5rem;
}

.o-DateRange .o-MultiPanel-panel-overlay {
    background-color: transparent !important;
    z-index: -999 !important;
}

.o-DateRange-nav {
    display: flex;
}

.o-DateRange-from {
    border-top-left-radius: 3px;
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-DateRange-to {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-DateRange-nav a {
    text-decoration: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    transition: background-color .2s, color .2s;
    padding: 1rem;
    flex: 1 1 auto;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}

.o-DateRange-nav a:not(.o-DateRange-nav--selected) {
    border-bottom: 2px solid #C5E3FF;
    border-bottom: 2px solid var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-DateRange-nav a:not(.o-DateRange-nav--selected):hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}

.o-DateRange-nav .o-DateRange-nav--selected {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-DateRange-applyContainer {
    display: flex;
    padding: 0 0.5rem 0.5rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-DateRange-apply {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    text-decoration: none;
    transition: all .2s;
    padding: 1rem 1.25rem;
    border-radius: 3px;
}

.o-DateRange-apply:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}

.o-DateRange-apply span:first-child {
    margin-right: 1rem;
}

.o-DateRange-reset {
    margin-left: .5rem;
    flex: 0 0 auto;
    font-family: 'FontAwesome', sans-serif;
    padding: 1rem 1.25rem;
}

.o-SelectTable > tbody > tr {
    cursor: pointer;
}

.o-SelectTable > tbody > tr:hover > td {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-SelectTable--hideFirstColumn:not(.o-Table--empty) td:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--empty) th:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--emptySimple) td:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--emptySimple) th:first-child{
    display: none;
}

.o-SelectTable--hideFirstColumn td:nth-child(2),
.o-SelectTable--hideFirstColumn th:nth-child(2) {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}

.o-SelectTable--hideFirstColumn > thead > tr:first-child > th:nth-child(2) {
    border-top-left-radius: 3px;
}

.o-SelectTable--hideFirstColumn > tbody > tr:last-child > td:nth-child(2) {
    border-bottom-left-radius: 3px;
}

.o-SelectTable.u-ignore-rowclick > tbody > tr {
    cursor: default;
}

.o-SelectTable.u-ignore-rowclick > tbody > tr:hover > td {

    color: #000;

    color: var(--primaryTextColor);
}

.o-SelectTable.u-ignore-rowclick > tbody > tr:hover:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-SelectTable.u-ignore-rowclick > tbody > tr:hover:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Autocomplete--large .o-Autocomplete-input,
.o-Autocomplete--large .o-Autocomplete-action {
    padding: 1rem;
}

.o-Autocomplete-container {
    display: flex;
}

.o-Autocomplete-container input:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-Autocomplete-container input:last-child:focus {
    border-right: 1px solid #2D358E;
    border-right: 1px solid var(--primaryColor);
}

.o-Autocomplete-input {
    flex: 1 1 auto;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top-left-radius: 3px;
    border-right: none;
    border-bottom: none;
    padding: .75rem;
    outline: none;
}

.o-Autocomplete-input--noAction {
    width: 100%;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    border-top-right-radius: 3px;
    box-sizing: border-box;
}

.o-Autocomplete--empty .o-Autocomplete-input--noAction {
    border-radius: 3px;
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-Autocomplete--isEmpty .o-Autocomplete-input {
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}

.o-Autocomplete-input:focus {
    border-color: #2D358E !important;
    border-color: var(--primaryColor) !important;
}

.o-Autocomplete-action {
    flex: 0 0 auto;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    text-decoration: none;
    border-top-right-radius: 3px;
    transition: all .2s;
    padding: .75rem;
}

.o-Autocomplete--isEmpty .o-Autocomplete-container input:last-child,
.o-Autocomplete--isEmpty .o-Autocomplete-action {
    border-bottom-right-radius: 3px;
}

.o-Autocomplete-action:hover,
.o-Autocomplete-input:focus + .o-Autocomplete-action {
    background-color: transparent;
}

.o-Autocomplete-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top-color: #b0d8ff;
    border-top-color: var(--borderHighlightColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-Autocomplete--isEmpty .o-Autocomplete-list {
    border: none;
}

.o-Autocomplete-list li {
    padding: .5rem .75rem;
    cursor: pointer;
}

.o-Autocomplete-list li:nth-child(even) {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Autocomplete-list li:nth-child(odd) {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Autocomplete-list li:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}

.o-Autocomplete--noResults input:last-child {
    border-color: red !important;
    border-color: var(--redBorderColor) !important;
}

.o-Autocomplete--noResults .o-Autocomplete-input {
    border-color: red;
    border-color: var(--redBorderColor);
}

.o-Autocomplete--noResults .o-Autocomplete-action {
    background-color: rgba(255,0,0,.5) !important;
    background-color: var(--redBgColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}

.o-Autocomplete--noResults ul {
    border-color: red;
    border-color: var(--redBorderColor);
    border-top-color: #C5E3FF;
    border-top-color: var(--borderColor)
}

.o-Autocomplete--noResults li {
    padding: 2rem;
    text-align: center;
    color: red;
    color: var(--redBorderColor);
    background-color: transparent !important;
}

.o-Tab {
    width: 100%;
}

.o-Tab-tabWrapper {
    display: flex;
    flex-wrap: wrap;
}

.o-Tab-tab {
    padding: 1rem;
    flex: 1 1 auto;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-bottom: 2px solid #C5E3FF;
    border-bottom: 2px solid var(--borderColor);
    text-decoration: none;
    background-color: transparent;
    color: #2D358E;
    color: var(--primaryColor);
    transition: background-color .2s;
}

.o-Tab-2t {
    box-sizing: border-box;
    flex-basis: 50%;
}

.o-Tab-tab:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}

.o-Tab-tab:first-child {
    border-top-left-radius: 3px;
}

.o-Tab-tab:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.o-Tab-tab--selected {
    border-bottom: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Tab-tab--selected:hover {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Tab-contentWrapper {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-Tab-content {
    display: none;
    padding: .75rem;
}

.o-Tab-content--selected {
    display: block;
}

.o-Radio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.o-Radio > a {
    flex: 1 1 auto;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    padding: 0.75rem;
    text-decoration: none;
}

.o-Radio--hide > .o-Radio-hide,
.o-Radio--hide > a {
    display: none;
}

.o-Radio--2EvenChildren > * {
    flex: 1 1 50%;
    box-sizing: border-box;
}

.o-Radio--4EvenChildren > * {
    flex: 1 1 25%;
    box-sizing: border-box;
}

.o-Radio--3EvenChildren > * {
    flex: 1 1 33%;
    box-sizing: border-box;
}

.o-Radio > a:before {
    content: "\F111";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2rem;
    margin: -.1rem .5rem -.1rem 0;
}

.o-Radio > a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-Radio > a:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-Radio > a:hover {
    background-color: transparent;
}

.o-Radio > a.o-Radio-option--selected {
    background-color: rgba(59,181,74,.8) !important;
    background-color: var(--secondaryColor) !important;
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
    cursor: default;
}

.o-Radio > a.o-Radio-option--selected:before {
    content: "\F058";
}

.o-Radio[disabled] > a {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}

.o-Radio--groupedByTwo > *:nth-child(odd) {
    border-radius: 3px 0 0 3px;
}

.o-Radio--groupedByTwo > *:nth-child(even) {
    border-radius: 0 3px 3px 0;
}

.o-Check {
    cursor: pointer;
    display: block;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    width: 100%;
    padding: .75rem;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 3px;
    transition: all .2s;
}

.o-Check:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\F0C8";
    float: left;
    font-size: 1.2rem;
    margin: -.1rem .5rem -.1rem 0;
}

.o-Check--checked:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\F14A" !important;
    float: left;
}

.o-Check--checked {
    background-color: rgba(59,181,74,.8) !important;
    background-color: var(--secondaryColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
    cursor: default;
}

.o-LabelInput {
    display: flex;
    /*align-items: center;*/
}

.o-LabelInput > * {
    flex: 1 1 auto;
}

.o-LabelInput > span {
    flex: 0 0 auto;
    padding: .75rem;
    border-radius: 3px 0 0 3px;
    background-color: transparent;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-right: none;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-LabelInput .o-LabelInput-input {
    padding: .5rem;
    border-radius: 0 3px 3px 0 !important;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    width: 50%;
    float: right;
    box-sizing: border-box;
}

.o-Input-pseudoLabel:before {
    display: block;
    position: relative;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    content: attr(data-before);
    margin: -.9rem .75rem -.9rem -.9rem;
    padding: 1rem;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    transition: all .2s;
}

.o-Input-pseudoLabel:focus:before {
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
}

.o-Textarea {
    padding: .5rem;
    border-radius: 3px;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
    max-height: 10rem;
    min-height: 5rem;
    outline: none;
    margin-bottom: -4px;
}

.o-Textarea:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}

.o-Textarea--large {
    max-height: 25rem;
    min-height: 15rem;
}

.o-OrderList {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.o-OrderList-wrapper {
    display: flex;
}

.o-OrderList-up,
.o-OrderList-down {
    flex: 0 1 50%;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    padding: 1rem;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    font-family: 'FontAwesome', sans-serif;
    transition: all .2s;
}

.o-OrderList-up {
    margin-right: .5rem;
}

.o-OrderList-up:hover,
.o-OrderList-down:hover {
    background-color: transparent;
}

.o-OrderList-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
}

.o-OrderList-list > li:last-child {
    margin-bottom: 0;
}

.o-OrderList-item {
    display: flex;
    margin: .5rem 0;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    cursor: pointer;
    border-radius: 3px;
    transition: all .2s;
}

.o-OrderList-item-check {
    flex: 0 1 1rem;
    padding: 1rem;
    display: flex;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    text-decoration: none;
    transition: all .2s;
}

.o-OrderList-item-check:after {
    font-family: 'FontAwesome', sans-serif;
    content: "\F00C";
    text-decoration: none !important;
    color: #2D358E;
    color: var(--primaryColor);
    margin: auto;
}

.o-OrderList-item-wrapper {
    flex: 1 1 auto;
    position: relative;
}

.o-OrderList-item-wrapper span,
.o-OrderList-item-wrapper input {
    box-sizing: border-box;
    display: block;
    padding: .5rem;
    width: 100%;
}

.o-OrderList-item-wrapper input {
    border: none;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    background-color: transparent;
}

.o-OrderList-item--selected {
    background-color: #FF9;
    background-color: var(--selectedColor);
}

.o-OrderList-item--disabled,
.o-OrderList-item--disabled .o-OrderList-item-check,
.o-OrderList-item--disabled input {
    border-color: #c1c1c1 !important;
    color: #c1c1c1;
}

.o-OrderList-item--disabled {
    background-color: #f1f1f1 !important;
}

.o-OrderList-item--disabled .o-OrderList-item-check:after {
    content: "\F00D" !important;
    color: #c1c1c1;
}

.o-Export-download {
    box-sizing: border-box;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
}

.o-Export-download--downloading {
    cursor: default;
    border: 1px solid #d5e3f5;
    border: 1px solid var(--disabledBorderColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
}

.o-Export-download--downloading:hover {
    background-color: transparent;
}

.o-Table-label {
    padding: 2px 4px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    margin: -2px -4px;
    border-radius: 2px;
}

.o-Table-label--red {
    background-color: red;
    background-color: var(--redBorderColor);
    color: white;
}

.o-Table-label--orange {
    background-color: #ff8c00;
    color: white;
}

.o-Table-label--green {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: white;
}

.o-Table-label--transparent {
    padding: 8px 4px 0;
    word-wrap: break-spaces;
}

.o-DefinitionList {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.o-DefinitionList > dt {
    padding: 2rem;
    font-family: 'AllerLight', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    flex: 0 0 auto;
    font-size: 1.17rem;
}

.o-DefinitionList > dt:not(:first-child) {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}

.o-DefinitionList > dd {
    margin: 0;
    padding: 0;
    height: 0;
    flex: 0 0 0;
    transition: .2s all;
    overflow-y: scroll;
}

.o-DefinitionList > .is-active {
    display: block;
    height: auto;
    flex: 1 0 auto;
}

@media (min-width: 900px) {
    .o-DefinitionList > dt {
        padding-left: 20vw;
    }
}

.o-MultiSelect ul,
.o-SimpleMultiSelect ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.o-SimpleMultiSelect li,
.o-MultiSelect li {
    display: flex;
    margin: .5rem 0;
}

.o-SimpleMultiSelect li:last-child,
.o-MultiSelect li:last-child {
    margin-bottom: 0;
}

.o-MultiSelect li.o-TaskSelect-newTask {
    flex-direction: column;
}

.o-TaskSelect-newTask input,
.o-TaskSelect-newTask textarea {
    width: auto !important;
    flex: 1 1 auto;
    margin-right: .5rem;
}

.o-MultiSelect li > a:first-child,
.o-SimpleMultiSelect li > span {
    flex: 1 1 auto;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    margin-right: .5rem;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px;
}

.o-SimpleMultiSelect li > span {
    padding: .75rem 1rem;
}

.o-MultiSelect li > a:first-child > div:first-child {
    padding: .75rem 1rem;
}

.o-TaskSelect-description {
    display: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: .75rem 1rem;
}

.o-TaskSelect-description--show {
    display: block;
}

.o-SimpleMultiSelect-delete,
.o-TaskSelect-delete {
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
}

.o-SimpleMultiSelect[disabled] .o-SimpleMultiSelect-delete,
.o-MultiSelect[disabled] .o-TaskSelect-delete {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}

.o-HeadPanel {
    display: flex;
    flex-direction: column;
}

.o-HeadPanel-head {
    border-top-left-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border-top-right-radius: 3px;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-bottom: none;
    color: #2D358E;
    color: var(--primaryColor);
    padding: .5rem .75rem;
}

.o-HeadPanel-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 1rem;
}

.o-Rule {
    display: none;
}

.o-Rule--show {
    display: block;
}

.o-RulesContainer > .o-Rule {
    margin-bottom: 1rem;
}

.o-RulesContainer-mtnFirstChild > .o-Rule--show {
    margin-top: 0;
}

.o-RulesContainer-mtnFirstChild > .o-Rule--show ~ .o-Rule--show {
    margin-top: 1rem;
}

.o-CustomRule-fromTo {
    display: flex;
    margin-bottom: -1px;
}

.o-CustomRule-fromTo--hide {
    display: none !important;
}

.o-CustomRule-fromTo > * {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    padding: .75rem 1rem;
}

.o-CustomRule-fromTo > span {
    border-radius: 3px 0 0;
    flex: 1 1 auto;
}

.o-CustomRule-fromTo > a {
    text-decoration: none;
    border-radius: 0 3px 0 0;
    flex: 0 0 auto;
    font-family: 'FontAwesome', sans-serif;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}

.o-CustomRule-fromTo > a:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}

.o-Overlay {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
    z-index: var(--overlayHideZIndex);
    opacity: 0;
    background-color: rgba(25, 23, 64, .5) !important;
}

.o-Overlay--withTransition {
    transition: opacity .2s ease, z-index .2s cubic-bezier(1, 0, 1, 0);
}

.o-Overlay--withPointer {
    cursor: pointer;
}

.o-Overlay--show {
    z-index: 99;
    z-index: var(--overlayShowZIndex);
    opacity: 1;
}

.o-FocusContainer {
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-EmptyWidget {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.o-EmptyWidget--show {
    display: block;
}

.o-ForgottenLink {
    float: right;
    text-align: right;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    margin-bottom: 1rem;
}

.o-ForgottenLink:hover {
    color: #C5E3FF;
    color: var(--borderColor);
}

.o-SimpleObjectSelect-object {
    display: flex;
    flex-direction: column;
}

.o-SimpleObjectSelect-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}

.o-SimpleObjectSelect-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}

.o-SimpleObjectSelect-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}

.o-SimpleObjectSelect-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}

.o-SimpleObjectSelect-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}

.o-SimpleObjectSelect-body .o-Radio > a:first-child {
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red !important;
    color: var(--redBorderColor) !important;
    background-color: transparent !important;
    border-right: none;
}

.o-SimpleObjectSelect-body .o-Radio > a:first-child.o-Radio-option--selected {
    background-color: rgba(255,0,0,.5) !important;
    background-color: var(--redBgColor) !important;
    color: white !important;
    border-color: red;
    border-color: var(--redBorderColor);
}

.o-SimpleObjectSelect-body li {
    display: flex;
}

.o-SimpleObjectSelect-body li > *:not(:first-child) {
    flex: 0 0 auto;
}

.o-SimpleObjectSelect-body li > span:first-child {
    flex: 1 1 auto;
}

.o-SimpleObjectSelect-body .o-Radio {
    width: auto;
}

.o-MultiCredential-object {
    display: flex;
    flex-direction: column;
}

.o-MultiCredential-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}

.o-MultiCredential-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}

.o-MultiCredential-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}

.o-MultiCredential-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}

.o-MultiCredential-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}

.o-MultiTank-object {
    display: flex;
    flex-direction: column;
}

.o-MultiTank-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}

.o-MultiNozzle-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: flex-end;
    align-items: flex-end;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}

.o-MultiTank-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}

.o-MultiTank-delete,
.o-MultiDispenser-delete,
.o-MultiNozzle-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}

.o-MultiTank-delete:hover,
.o-MultiDispenser-delete:hover,
.o-MultiNozzle-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}

.o-MultiTank-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}

.o-BottomToaster {
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    padding: 2rem;
    transition: bottom 0.3s ease-in-out;
}

.o-BottomToaster--zIndex999{
    z-index: 999 !important;
}

.o-BottomToaster--show {
    bottom: 0 !important;
}

.o-BottomToaster--loader {
    padding: 4rem 2rem;
    bottom: -8.1rem;
    bottom: calc(-8rem - 1px);
    background-image: url('/static/img/loader.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

.o-ErrorPanel {
    display: none;
    transition: all .2s;
    border-radius: 3px;
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
}

.o-ErrorPanel--show {
    display: block;
}

.o-ErrorMessage > span {
    color: red !important;
    color: var(--redBorderColor) !important;
    text-transform: capitalize;
    border: 1px solid red !important;
    border: 1px solid var(--redBorderColor) !important;
}

.u-flyout-helper--at950px,
.u-flyout-helper--at1700px {
    display: none;
}

.o-Flyout {
    display: block;
}

.u-flyout-helper {
    display: block;
}

.o-Flyout > * {
    display: none;
}

.u-flyout--show.o-Flyout > *,
.u-flyout--show .o-Flyout > * {
    display: block;
}

@media (max-width: 1700px) {
    .o-Flyout--at1700px {
        display: block;
    }

    .u-flyout-helper--at1700px {
        display: block;
    }

    .o-Flyout--at1700px > * {
        display: none;
    }

    .u-flyout--show .o-Flyout--at1700px > *,
    .u-flyout--show.o-Flyout--at1700px > * {
        display: block;
    }
}

@media (max-width: 950px) {
    .o-Flyout--at950px {
        display: block;
    }

    .u-flyout-helper--at950px {
        display: block;
    }

    .o-Flyout--at950px > * {
        display: none !important;
    }

    .u-flyout--show .o-Flyout--at950px > *,
    .u-flyout--show.o-Flyout--at950px > * {
        display: block !important;;
    }

    .u-flyout--show .o-Flyout--at950px > .u-flyout--flex,
    .u-flyout--show.o-Flyout--at950px > .u-flyout--flex {
        display: flex !important;
    }
}

.o-MultiInput[disabled] .o-MultiInput-add,
.o-MultiInput[disabled] .o-Input-remove {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}

.o-SelectBtn {
    display: flex;
}

.o-SelectBtn--growSelect > select {
    flex: 1 1 auto;
}

.o-SelectBtn > span {
    padding: 1rem 1.25rem;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    border-right: none;
}

.o-SelectBtn > span > .u-fontAwesome:first-child {
    font-size: 1.3rem;
}

.o-SelectBtn > select,
.o-SelectBtn > input {
    padding: 1rem;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-SelectBtn--small > input {
    width: 3rem;
}

.o-Metric {
    display: flex;
    box-sizing: border-box;
    margin: -2px -4px;
    flex-wrap: wrap;
}

.o-Metric-header {
    box-sizing: border-box;
    padding: 4px 8px;
    background-color: inherit;
    color: inherit;
}

.o-Metric-value {
    box-sizing: border-box;
    padding: 4px 8px;
    background-color: transparent;
    border: 1px solid;
    color: #000;
    color: var(--primaryTextColor);
}

.o-Metric--50pr {
    flex: 0 0 50%;
}

.o-Metric--100pr {
    flex: 0 0 100%;
}

.o-CGrid {
    display: grid;
}

.o-CGrid--3x100px {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
}

.o-CGrid--1remgap {
    grid-gap: 1rem;
}

.o-Card {
    display: flex;
    padding: 1.5rem;
    align-items: center;
}

.o-Card svg {
    height: 5rem;
    margin-right: 1.5rem;
    margin-bottom: -.1rem;
}

.o-Card svg path {
    fill: #2D358E;
    fill: var(--primaryColor);
}

.o-Card h3,
.o-Card p {
    margin: 0;
}

.o-Steps {
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.o-Steps:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    border-top: 1px solid #2D358E;
    border-top: 1px solid var(--primaryColor);
    width: 100%;
    transform: translateY(-50%);
}

@media (max-width: 950px) {
    .o-Steps--at950px {
        display: none;
    }
}

.o-Step-separator:before {
    transform: translateX(calc(-200% - .3rem)) translateY(-1px);
}

.o-Step-separator:after {
    transform: translateX(200%) translateY(-1px);
}

.o-Step-separator:before,
.o-Step-separator:after {
    position: absolute;
    content: '';
}

.o-Step-separator:before,
.o-Step-separator:after,
.o-Step-separator {
    display: none;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
}

.o-Step-separator:before,
.o-Step-separator:after,
.o-Step-separator--show {
    display: block;
}

.o-Step {
    line-height: 1rem;
    display: flex;
    justify-content: center;
    align-content: center;
    align-self: center;
    width: 3rem;
    padding: 1rem 0;
    border-radius: 50%;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    background: #F0F9FF;
    background: var(--primaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Step--current {
    width: 5rem;
    padding: 2rem 0;
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
}

.o-StepAccordion-title {
    padding: 4rem;
    font-size: 1.3rem;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-StepAccordion-stepTitle {
    cursor: pointer;
    padding: 3rem;
    font-size: 1.2rem;
    color: #2D358E;
    color: var(--primaryColor);
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-StepAccordion-stepTitle:after {
    content: "\F078";
    font-family: 'FontAwesome', sans-serif;
    float: right;
}

.o-StepAccordion-stepContent {
    display: none;
}

.o-StepAccordion-stepTitle--show + .o-StepAccordion-stepContent {
    display: block;
}

.o-StepAccordion-stepTitle--show:after {
    content: "\F077";
}

@media (min-width: 900px) {
    .o-StepAccordion-title,
    .o-StepAccordion-stepTitle {
        padding-left: 20vw !important;
        padding-right: 20vw !important;
        box-sizing: border-box !important;
    }
}

.o-WPInstructions {
    box-sizing: border-box !important;
}

.o-WPInstructions pre {
    display: inline;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-radius: 2px;
    padding: 1px 3px;
}

.o-Signature {
    position: relative;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-radius: 3px;
}

.o-Signature a {
    position: absolute;
    top: 3px;
    right: 3px;
}

.o-Signature canvas {
    width: 100%;
    touch-action: none;
}

.o-TotalAndSelectCounter {
    color: #6677c0;
    color: var(--primarySelectedColor);
    text-align: right;
    padding: 0.8rem 0rem 0.8rem 0rem;
}

.o-OptionalInput {
    display: flex;
}

.o-OptionalPINInput {
    display: flex;
    flex-direction: column;
}

.o-UploadFile label:after {
    content: none !important;
}

.o-UploadFile-previewContainer {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: 0.5rem;
    border: 2px solid #b0d8ff;
    border: 2px solid var(--borderHighlightColor);
    border-radius: 3px;
    overflow: hidden;
    min-height: 3.8rem;
}

.o-UploadFile-previewContainer img {
    display: block;
    box-sizing: border-box;
    width: 100%; /* img needs a width */
    border: none;
    outline: none;
    border-radius: 2px;
}

.o-UploadFile-actionContainer {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    z-index: 1000;
}

.o-UploadFile-actionContainer button {
    outline: none;
    box-sizing: border-box;
    font-family: 'FontAwesome', sans-serif;
    padding: .75rem 1rem;

    border: 1px solid #b0d8ff;

    border: 1px solid var(--borderHighlightColor);
    border-left: none;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-UploadFile-actionContainer button:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-UploadFile-actionContainer button:first-child {
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-UploadFile-actionContainer button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-UploadFile-preview--showAlt:after {
    content: attr(alt);
    padding: 1rem;
    display: block;
    font-size: 1.2rem;
    z-index: 999;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 2px;
}

.o-UserProfile > span:first-child {
    margin-right: .5rem;
}

@media (max-width: 750px) {
    .o-UserProfile {
        display: none;
    }
}

@media (max-width: 950px) {
    .o-UserProfile > span:first-child {
        margin-right: 0;
    }

    .o-UserProfile > span:last-child {
        display: none;
    }
}

.o-UserProfile--disabled{
    cursor: default;
    border-left: none !important;
}

.o-UserProfile--disabled:hover{
    background-color: #2D358E !important;
    background-color: var(--primaryColor) !important;
    cursor: default;
    border-left: none !important;
}

.o-TwoStateBtn {
    display: flex;
}

.o-TwoStateBtn > .u-fontAwesome:first-child {
    margin-right: 0.25rem;
}

.o-EmptyMessage {
    color: #2D358E;
    color: var(--primaryColor);
    border-color: #2D358E;
    border-color: var(--primaryColor);
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    padding: 1rem;
    text-align: center;
    width: auto;
    margin-bottom: 1rem;
}

.o-DotBefore::before {
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    margin-right: 0.5rem;
    background-color: #a0bbd6;
    background-color: var(--disabledColor);
    display:inline-block;
}

.o-DotBeforeParent--active .o-DotBefore::before {
    background-color: #32cd32;
}

.o-DotBeforeParent--inactive .o-DotBefore::before {
    background-color: red;
    background-color: var(--redBorderColor);
}

.o-multiAutocompleteSelectContainer {
    padding: .5rem;
    border-radius: 3px;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    width: 100%;
    max-height: 16rem;
    min-height: 3rem;
    outline: none;
    margin-bottom: -4px;
}

.o-multiAutocompleteSelectContainer:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}

.u-clearfix:after {
    content: "" !important;
    display: table !important;;
    clear: both !important;;
}

.u-man {
    margin: 0 !important;
}

.u-mvn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.u-mvm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.u-mvs {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.u-mhxs {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}

.u-mtl {
    margin-top: 3rem !important;
}

.u-mtm {
    margin-top: 2rem !important;
}

.u-mtxl {
    margin-top: 4rem !important;
}

.u-mauto {
    margin: auto;
}

.u-mam {
    margin: 2rem !important;
}

.u-mas {
    margin: 1rem !important;
}

.u-paxms {
    padding: .75rem !important;
}

.u-mts {
    margin-top: 1rem !important;
}

.u-mtxs {
    margin-top: .5rem !important;
}

.u-mtn {
    margin-top: 0 !important;
}

.u-mrn {
    margin-right: 0 !important;
}

.u-mrs {
    margin-right: 1rem !important;
}

.u-mrxs {
    margin-right: .5rem !important;
}

.u-mrm {
    margin-right: 2rem !important;
}

.u-mts--negative {
    margin-top: -1rem !important;
}

.u-mtms--negative {
    margin-top: -1.5rem !important;
}

.u-mvxs--negative {
    margin-top: -.3rem !important;
    margin-bottom: -.3rem !important;
}

.u-mbn {
    margin-bottom: 0 !important;
}

.u-mbs {
    margin-bottom: 1rem !important;
}

.u-mbxs {
    margin-bottom: .5rem !important;
}

.u-mbm {
    margin-bottom: 2rem !important;
}

.u-mbml {
    margin-bottom: 3rem !important;
}

.u-mbl {
    margin-bottom: 4rem !important;
}

.u-mbxl {
    margin-bottom: 6rem !important;
}

.u-mhms {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.u-mhm {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.u-mlxs {
    margin-left: .5rem !important;
}

.u-mls {
    margin-left: 1rem !important;
}

.u-pas {
    padding: 0 !important;
}

.u-pas {
    padding: 1rem !important;
}

.u-paxs {
    padding: .5rem !important;
}

.u-paxxs {
    padding: .3rem !important;
}

.u-ptxs {
    padding-top: .5rem !important;
}

.u-pts {
    padding-top: 1rem !important;
}

.u-ptm {
    padding-top: 2rem !important;
}

.u-pam {
    padding: 2rem !important;
}

.u-pal {
    padding: 3rem !important;
}

.u-paxl {
    padding: 4rem !important;
}

.u-phm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.u-phs {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.u-phxs {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

.u-prn {
    padding-right: 0 !important;
}

.u-phl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.u-pbm {
    padding-bottom: 2rem !important;
}

.u-phxl--responsive {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.u-mbxl--responsive {
    margin-bottom: 6rem !important;
}

.u-phxl--grid--responsive {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
}

.u-pvs {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.u-pls {
    padding-left: 1rem !important;
}

.u-pvm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.u-pvm--grid {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.u-pvn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.u-mvxs {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.u-ptn {
    padding-top: 0 !important;
}

.u-bn {
    border: none !important;
}

@media (max-width: 1050px) {
    .u-phxl--responsive {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .u-mbxl--responsive {
        margin-bottom: 3rem !important;
    }

    .u-phxl--grid--responsive {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

@media (max-width: 450px) {
    .u-phxl--responsive {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .u-mbxl--responsive {
        margin-bottom: 1rem !important;
    }

    .u-phxl--grid--responsive {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .u-mvxs--at450px {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .u-mvs--at450px {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .u-mts--at450px {
        margin-top: 1rem !important;
    }

    .u-mtxs--at450px {
        margin-top: .5rem !important;
    }

    .u-mtn--at450px {
        margin-top: 0 !important;
    }

    .u-mbs--at450px {
        margin-bottom: 1rem !important;
    }

    .u-mbn--at450px {
        margin-bottom: 0 !important;
    }

    .u-pvs--at450px {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .u-pbs--at450px {
        padding-bottom: 1rem !important;
    }

    .u-ptxs--at450px {
        padding-top: .5rem !important;
    }

    .u-pbxs--at450px {
        padding-top: .5rem !important;
    }

    .u-pas--at450px {
        padding: 1rem !important;
    }

    .u-pts--at450px {
        padding-top: 1rem !important;
    }

    .u-phs--at450px {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .u-pbs--at450px {
        padding-bottom: 1rem !important;
    }

    .u-ptn--at450px {
        padding-top: 0 !important;
    }

    .u-pbn--at450px {
        padding-bottom: 0 !important;
    }

    .u-mas--at450px {
        margin: 1rem !important;
    }

    .u-display-none--at450px {
        display: none !important;
    }

    .u-mbxs--at450px {
        margin-bottom: .5rem !important;
    }

    .u-mhs--at450px {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .u-mtxs--negative--at450px {
        margin-top: -.5rem !important;
    }
}

.u-cursor-default {
    cursor: default !important;
}

.u-display-block {
    display: block !important;
}

.u-display-none {
    display: none !important;
}

.u-visibility-hidden {
    visibility: hidden !important;
}

.u-display-inlineblock {
    display: inline-block !important;
}

.u-cursor-pointer {
    cursor: pointer !important;
}

.u-alignitems-flexend {
    align-items: flex-end !important;
}

.u-flex-basis-200px {
    flex-basis: 200px !important;
}

.u-flex-basis-70pr {
    flex-basis: 70% !important;
}

.u-fixed {
    position: fixed !important;
}

.u-margin-bottom-150vh {
    margin-bottom: 150vh !important;
}

.u-flex-grow-shrink {
    flex: 1 1 auto !important;
}

.u-flex-grow-shrink-50pr {
    flex: 1 1 50%;
    box-sizing: border-box;
}

.u-flex-grow-shrink-none {
    flex: 1 1 !important;
}

.u-flex-basis-100pr {
    flex-basis: 100% !important;
}

.u-display-flex {
    display: flex !important;
}

.u-flex-direction-column {
    flex-direction: column;
}

.u-flex-centerChild {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-flex-alignSelfEnd {
    align-self: flex-end;
}

.u-justify-content-center {
    justify-content: center !important;
}

.u-justify-space-between {
    justify-content: space-between !important;
}

.u-width-100pr {
    width: 100%;
}

.u-textAlign-center {
    text-align: center;
}

.u-textAlign-right {
    text-align: right !important;
}

.u-fontAwesome {
    font-family: 'FontAwesome', sans-serif !important;
    font-weight: 300;
}

.u-fontAwesomeSolid {
    font-family: 'FontAwesomeSolid', sans-serif !important;
    font-weight: 900;
}

.u-fontAwesome-rotate-45 {
    transform: rotate(45deg);
}

.u-fontSize-1_2x,
.u-fontAwesome-1_2x {
    font-size: 1.2em !important;
}

.u-fontSize-1_5x {
    font-size: 1.5em !important;
}

.u-fontSize-2rem {
    font-size: 2rem !important
}

.u-fontSize-2_4rem {
    font-size: 2.4rem !important
}

.u-fontSize-4rem {
    font-size: 4rem !important;
}

.u-fontSize-0_8x {
    font-size: .8rem !important;
}

.u-fontWeight-bold {
    font-weight: bold;
}

.u-rotate-90deg {
    transform: rotate(90deg) !important;
    display: inline-block;
}

.u-text-decoration-none {
    text-decoration: none !important;
}

.u-margin-top-1px {
    margin-top: 1px;
}

.u-flex-no {
    flex: 0 0 auto !important;
}

.u-align-self-end {
    align-self: flex-end;
}

.u-align-self-center {
    align-self: center !important;
}

.u-width-auto {
    width: auto !important;
}

@media (min-width: 900px) {
    .u-mh-20vw-at900 {
        margin-left: 20vw !important;
        margin-right: 20vw !important;
        box-sizing: border-box !important;
    }

    .u-mh-20vw-2rem-at900 {
        margin-left: calc(20vw - 2rem) !important;
        margin-right: calc(20vw - 2rem) !important;
        box-sizing: border-box !important;
    }

    .u-ph-20vw-at900 {
        padding-left: 20vw !important;
        padding-right: 20vw !important;
        box-sizing: border-box !important;
    }

    .u-ph-20vw-pv-2rem-at900 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        padding-left: 20vw !important;
        padding-right: 20vw !important;
        box-sizing: border-box !important;
    }
}

.u-topRadius-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.u-leftRadius-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.u-bottomRadius-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.u-rightRadius-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.u-bottomRadius-default {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.u-leftTopRadius-3px {
    border-top-left-radius: 3px !important;
}

.u-rightTopRadius-3px {
    border-top-right-radius: 3px !important;
}

.u-leftBottomRadius-3px {
    border-bottom-left-radius: 3px !important;
}

.u-rightBottomRadius-3px {
    border-bottom-right-radius: 3px !important;
}

.u-rightBorder-None {
    border-right: none !important;
}

.u-rightRadius-3px {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.u-leftRadius-3px {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.u-rightBorder-1px {
    border-right-width: 1px !important;
}

.u-height-100pr {
    height: 100% !important;
}

.u-height-45pr {
    height: 45% !important;
}

.u-height-auto {
    height: auto !important;
}

.u-position-relative {
    position: relative !important;
}

.u-flex-01auto {
    flex: 0 1 auto !important;
}

.u-flex-01100pr {
    flex: 0 1 100% !important;
}

.u-flex-1050pr {
    flex: 1 0 50% !important;
}

.u-border-bottom--borderHighlightColor {
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
}

.u-border-top--borderHighlightColor {
    border-top: 1px solid #b0d8ff;
    border-top: 1px solid var(--borderHighlightColor);
}

.u-border-right--borderColor {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}

.u-overflow-auto {
    overflow: auto !important;
}

.u-boxsizing-borderbox {
    box-sizing: border-box;
}

.u-align-items-flex-start {
    align-items: flex-start;
}

@media (max-width: 1700px) {
    .u-display-block--at1700px {
        display: block !important;
    }
}

@media (max-width: 950px) {
    .u-display-block--at950px {
        display: block !important;
    }

    .u-children-mvs--at950px > * {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

.u-border-bottom {
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
}

.u-border-all {
    border: 1px solid #b0d8ff !important;
    border: 1px solid var(--borderHighlightColor) !important;
}

.u-float-right {
    float: right !important;
}

.u-float-left {
    float: left !important;
}

.u-lineheight-2 {
    line-height: 2 !important;
}

.u-color-primary {
    color: #2D358E;
    color: var(--primaryColor);
}

.u-color-secondaryBg {
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}

.u-color-red {
    color: red !important;
}

.u-color-darkorange {
    color: darkorange !important;
}

.u-pointer-events-none {
    pointer-events: none !important;
}

.u-whitespace-nowrap {
    white-space: nowrap !important;
}

.u-spin {
    -webkit-animation: u-animation-spin 1s infinite linear !important;
            animation: u-animation-spin 1s infinite linear !important;
}

@-webkit-keyframes u-animation-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes u-animation-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.o-SVG {
    width: 100%;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.o-SVG div {
    width: 100%;
    height: 100%;
    position: relative;
}

.o-SVG svg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: visible;
}

.o-SVG path {
    /*vector-effect: non-scaling-stroke;*/
}

.svg-Area {
    shape-rendering: geometricPrecision ;
}

.svg-Overlay {
    fill: none;
    pointer-events: all;
}

.svg-Point {
    transition: all .2s;
}

.svg-Point circle {
    fill: white;
    stroke: #C5E3FF;
    stroke: var(--borderColor);
    stroke-width: 3;
}

.svg-Axis {
    stroke-width: .5;
}

.svg-Line {
    fill: none;
    stroke-width: 1.5px;
}

.svg-Tooltip {
    pointer-events: none;
    z-index: 99999999;
}

.svg-Tooltip-triangle {
    fill: #2D358E;
    fill: var(--primaryColor);
    shape-rendering: geometricPrecision;
}

.svg-Tooltip-labelKey {
    fill:#2D358E;
    fill:var(--primaryColor);
    vector-effect: non-scaling-stroke;
    color: #FFF;
    color: var(--secondaryBgColor);
}

.svg-Tooltip-labelValue {
    fill:#fff;
    stroke: #2D358E;
    stroke: var(--primaryColor);
    stroke-width:1;
    vector-effect: non-scaling-stroke;
}

.svg-Tooltip text {
    color: #000;
    text-anchor: middle;
}

.svg-LinearRegression {
    stroke: #2D358E;
    stroke: var(--primaryColor);
    shape-rendering: geometricPrecision;
    vector-effect: non-scaling-stroke;
}

.svg-Label {
    color: #000;
    font-size:12px;

}

.svg-Label--xAxis {
    text-anchor: end;
    /*dominant-baseline: central;*/
}

.svg-Label--yAxis {
    text-anchor: end;
}

.o-Widget--withTimeXLabel .svg-Axis--x text {
    text-anchor: start;
    transform: rotate(45deg);
}

@media print {
    tr {
        page-break-inside:avoid;
        page-break-after:auto;
    }

    body {
        display: block;
    }

    .o-DriverSummary * {
        font-size: 10px;
    }

    .o-DriverSummary-printButton {
        display: none;
    }

    .o-DriverSummary-container--showAll a {
        font-size: 12px !important;
        padding: 0.7rem !important;
        background-color: #C5E3FF;
        background-color: var(--borderColor);
        page-break-before: always;
    }

    .o-DriverSummary-container--showAll > a:after {
        display: none;
    }
}
.o-MultiPanel {
    overflow: hidden;
}

.o-MultiPanel > div  {
    display: flex;
}

.o-MultiPanel > div > *  {
    box-sizing: border-box;
    flex: 0 0 auto;
}

.o-MultiPanel--withOverlay > div > .o-MultiPanel-panel {
    position: relative;
}

.o-MultiPanel-panel-overlay {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    z-index: -999;
    opacity: 0;
}

.o-MultiPanel-panel--withOverlayTransition .o-MultiPanel-panel-overlay {
    transition: opacity .5s ease, z-index .5s cubic-bezier(1,0,1,0);
}

.o-MultiPanel--withOverlay > div > .o-MultiPanel-panel:not(.o-MultiPanel-panel--selected) .o-MultiPanel-panel-overlay  {
    z-index: 999;
    opacity: 1;
    transition: opacity .5s ease, z-index .5s cubic-bezier(0,1,0,1);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.c-MainNav {
    height: 100vh;
    flex: 1 1 auto;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    display: flex;
    flex-direction: column;
}

.c-MainNav-bottom {
    flex: 0 0 auto;
    width: auto;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
}

.c-MainNav-bottom > * {
    flex: 1 0 auto;
    padding: 2rem;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor)
}

.c-MainNav-bottom > *:hover {
    color: #C5E3FF;
    color: var(--borderColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}
.o-Form--vertical input {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
}
.o-Form--vertical > * {

}
.o-InputBox {
    border-radius: 3px;
    box-sizing: border-box;
    padding: .75rem;
    outline: none;
    background-color: transparent;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-bottom-width: 2px;
    transition: all .2s;
}
.o-InputBox:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}
.o-InputBox--lightBlueBackground {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-BtnGroup {
    display: flex;
}
.o-BtnGroup > .o-Btn {
    border-radius: 0;
    border-right: none !important;
}
.o-BtnGroup > .o-Btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.o-BtnGroup > .o-Btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #C5E3FF !important;
    border-right: 1px solid var(--borderColor) !important;
}
.o-Group {
    display: flex;
}
.o-Group > * {
    border-radius: 0;
    border-right: none;
}
.o-Group > *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.o-Group > *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #b0d8ff !important;
    border-right: 1px solid var(--borderHighlightColor) !important;
}
.o-TableLabel,
.o-Btn {
    padding: 1rem;
    border-width: 1px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all .2s;
}
.o-Btn--extraSmall {
    padding: .5rem;
}
.o-Btn--small {
    padding: .75rem;
}
.o-TableLabel--xsmall,
.o-Btn--xsmall {
    box-sizing: border-box;
    line-height: 1;
    padding: .3rem .5rem;
}
.o-Btn--block {
    display: block;
}
input[type=submit].o-Btn {
    border-width: 0;
}
.o-Btn--primary {
    background: #2D358E;
    background: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    border-color: currentColor;
}
.o-Btn--primary:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}
.o-Btn--secondary {
    background: #C5E3FF;
    background: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}
.o-Btn--secondary:hover {
    background-color: transparent;
}
.o-Btn--ghost {
    border-color: #C5E3FF;
    border-color: var(--borderColor);
    border-style: solid;
    color: #C5E3FF;
    color: var(--borderColor);
}
.o-Btn--ghost:hover {
    border-color: #2D358E;
    border-color: var(--primaryColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Btn--ghostSecondary {
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    border-style: solid;
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Btn--ghostSecondary:hover {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
}
.o-TableLabel--ghostRed,
.o-Btn--ghostRed {
    border-color: red;
    border-color: var(--redBorderColor);
    border-style: solid;
    color: red;
    color: var(--redBorderColor);
}
.o-Btn--ghostRed:hover {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}
.o-Table .o-Btn--flex.u-ignore-rowclick {
    margin: -.3rem !important;
    display: flex;
    justify-content: space-between;
}
.o-Panel,
.o-PanelChildren > * {
    padding: 1rem;
}
.o-Panel--mp,
.o-PanelChildren--mp > * {
    padding: 2rem;
}
a.o-Panel,
.o-PanelChildren > a {
    text-decoration: none;
    border-bottom-width: 2px;
    color: black;
}
a.o-Panel:hover,
.o-PanelChildren > a:hover {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}
a.o-Panel > h1,
.o-PanelChildren > a > h1 {
    transition: all .2s;
}
a.o-Panel:hover > h1,
.o-PanelChildren > a:hover > h1 {
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Panel > h1,
.o-PanelChildren > * > h1 {
    margin-top: 0;
}
.o-Panel > *:last-child,
.o-PanelChildren > * > *:last-child {
    margin-bottom: 0;
}
.o-Panel--textCenter {
    text-align: center;
}
.o-Panel--rounded {
    border-radius: 3px;
}
.o-Panel--white,
.o-PanelChildren--white > * {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
}
.o-Panel--greenBorder,
.o-PanelChildren--greenBorder > * {
    border-color: rgba(80,205,96,.8);
    border-color: var(--secondaryHighlightColor);
}
.o-Panel--greenBorder > h1,
.o-PanelChildren--greenBorder > * > h1 {
    color: rgba(80,205,96,.8);
    color: var(--secondaryHighlightColor);
}
.o-Panel--greenBorder:hover,
.o-PanelChildren--greenBorder > *:hover {
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
}
.o-Panel--greenBorder:hover > h1,
.o-PanelChildren--greenBorder > *:hover > h1 {
    color: rgba(59,181,74,.8) !important;
    color: var(--secondaryColor) !important;
}
.o-Panel--rightBorder,
.o-PanelChildren--rightBorder > * {
    box-sizing: border-box;
    border-bottom-width: 1px !important;
    border-right-width: 8px;
}
.o-Panel--rightBorder:hover,
.o-PanelChildren--rightBorder > *:hover {
    border-right-width: 12px;
}
.o-Panel--error {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    border-color: red;
    border-color: var(--redBorderColor);
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}
.o-Panel--error * {
    color: #FFF;
    color: var(--secondaryBgColor);
}
.o-Panel--warning {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid darkorange;
    color: darkorange;
}
.o-Panel--warning * {
    color: #FFF;
    color: var(--secondaryBgColor);
}
.o-FlexGrid {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
}
.o-FlexGrid--alignContentCenter {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
}
.o-FlexGrid--alignContentStart {
    align-content: flex-start;
}
.o-FlexGrid > * {
    flex: 1 1 auto;
    transition: all 0.2s;
}
.o-FlexGrid--sm > * {
    margin: .5rem;
}
.o-FlexGrid--minimum > * {
    flex: 0 0 auto;
}
.o-FlexGrid-minimum {
    flex: 0 0 auto;
}
.o-FlexGrid-maximum {
    flex: 1 1 auto;
}
.o-FlexGrid--children50pr > * {
    flex-basis: 40% !important;
}
@media (max-width: 500px) {
    .o-FlexGrid--collapseAt500px {
        display: block;
        margin: -.5rem;
    }

    .o-FlexGrid--collapseAt500px > * {
        display: block;
        margin: .5rem !important;
        width: auto;
    }
}
@media (max-width: 600px) {
    .o-FlexGrid--collapseAt600px {
        display: block;
        margin: -.5rem;
    }

    .o-FlexGrid--collapseAt600px > * {
        display: block;
        margin: .5rem !important;
        width: auto;
    }
}
.o-Toolbar {
    flex: 0 0 auto !important;
    color: #FFF;
    color: var(--secondaryBgColor);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    font-size: 1.1rem;
    margin: -.5rem;
}
.o-Toolbar--reverseWrap {
    flex-wrap: nowrap;
}
.o-Toolbar--reverseWrap .o-Toolbar-left,
.o-Toolbar--reverseWrap .o-Toolbar-right {
    flex-wrap: wrap;
}
.o-Toolbar--noWrap,
.o-Toolbar--noWrap .o-Toolbar-left,
.o-Toolbar--noWrap .o-Toolbar-right {
    flex-wrap: nowrap;
    justify-content: normal;
}
.o-Toolbar > *:not(.o-Toolbar-left):not(.o-Toolbar-right),
.o-Toolbar-left > *,
.o-Toolbar-right > * {
    flex: 0 0 auto;
    margin: .5rem;
}
.o-Toolbar-left,
.o-Toolbar-right {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: nowrap;
}
.o-Toolbar-right {
    justify-content: flex-end;
}
@media (max-width: 750px) {
    .o-Toolbar--flex11auto750px > *,
    .o-Toolbar--flex11auto750px > .o-Toolbar-left > *,
    .o-Toolbar--flex11auto750px > .o-Toolbar-right > * {
        flex: 1 1 auto !important;
        text-align: center !important;
    }
}
.o-Toolbar .o-Toolbar-btn {
    padding: 1rem 1.25rem;
    text-decoration: none;
    transition: all .2s;
    border-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Toolbar .o-Toolbar-btn:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-Btn.is-disabled,
.o-Btn.is-disabled:hover,
.o-Toolbar .is-disabled,
.o-Toolbar .is-disabled:hover {
    color: #a0bbd6;
    color: var(--disabledColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    cursor: not-allowed;
}
.o-Toolbar .is-selected {
    background-color: #6677c0;
    background-color: var(--primarySelectedColor);
    border-color: #6677c0;
    border-color: var(--primarySelectedColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}
.o-Toolbar .is-selected:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Toolbar--lightBlue,
.o-Toolbar--lightBlue > * {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}
.o-Toolbar--lightBlue > .is-selected {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}
.o-Toolbar--lightBlue > a:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}
.o-Toolbar--justifyRight {
    justify-content: flex-end;
}
@media (max-width: 1300px) {
    .o-Toolbar--btnCollapse1300px .o-Toolbar-btn > span > span:last-child,
    .o-Toolbar--btnCollapse1300px .o-SelectBtn > span > span:last-child {
        display: none;
    }
}
.o-Toolbar .o-Toolbar-btn > span > span:first-child {
    font-size: 1.3rem;
}
.c-Dashboard {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    overflow: auto;
}
.o-Scrollable {
    flex: 0 1 auto;
    flex-direction: column;
    overflow: auto;
}
.o-Scrollable--direction-row {
    flex-direction: row;
}
.o-MultiPanel {
    flex: 0 0 auto;
}
.o-MultiPanel-panel-overlay {
    background-color: rgba(25, 23, 64, .5) !important;
}
.o-ModuleLink {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #C5E3FF !important;
    border-bottom: 1px solid var(--borderColor) !important;
}
.o-ModuleLink h1 {
    margin-top: 0;
    transition: all .2s;
}
.o-ModuleLink p {
    margin-bottom: 0;
    margin-right: .25rem;
    transition: all .2s;
}
.o-ModuleLink-icon {
    flex: 0 0 auto;
    color: #2D358E;
    color: var(--primaryColor);
    /*width: 44px;*/
    /*height: 44px;*/
    font-family: 'FontAwesome', sans-serif !important;
    margin-right: 1rem;
    font-size: 4rem;
    transition: all .2s;
}
.o-ModuleLink:hover h1 {
    color: #b0d8ff;
    color: var(--borderHighlightColor);
}
.o-ModuleLink:hover p {
    color: #999;
    margin-right: 0;
}
.o-ModuleLink:hover .o-ModuleLink-icon {
    color: #b0d8ff;
    color: var(--borderHighlightColor);
    margin-right: 1.25rem;
}
.o-Table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.o-Table--stickyHeader thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
}
.o-Table--wrap td {
    white-space: normal !important;
}
.o-Table > tbody > tr > td {
    padding: 0.8em 0.8em;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    white-space: nowrap;
}
.o-Table--pvs > tbody > tr > td {
    padding: 0.8em 0.8em;
}
.o-Table > tbody > tr:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Table > tbody > tr:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-Table > tbody > tr.odd > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Table > thead > tr > th {
    text-align: left;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    padding: 0.8em 0.8em;
    font-weight: normal;
    border-right: 1px solid #b0d8ff;
    border-right: 1px solid var(--borderHighlightColor);
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
    border-top: 1px solid #b0d8ff;
    border-top: 1px solid var(--borderHighlightColor);
}
.o-Table--pvs > thead > tr > th {
    padding: 0.8em 0.8em;
}
.o-Table > thead > tr:first-child > th:first-child {
    border-top-left-radius: 3px;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}
.o-Table > thead > tr:first-child > th:last-child {
    border-top-right-radius: 3px;
}
.o-Table > tbody > tr:last-child > td:first-child,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 3px;
}
.o-Table > tbody > tr:last-child > td:last-child,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 3px;
}
.o-Table > tbody > tr:last-child > td,
.o-Table--accordion > tbody > tr:nth-last-child(2) > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-Table > tbody > tr > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}
.o-Table > tbody > tr.o-Table-rowSelected > td {
    background-color: #FF9;
    background-color: var(--selectedColor);
}
.o-Table--accordion .accordionRow {
    cursor: pointer;
}
.o-Table--accordion .accordionRow > td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    border-left: none;
    border-right: none;
}
.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td {
    border-bottom: none;
}
.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 0;
}
.o-Table--accordion > tbody > .accordionRow:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 0;
}
.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 3px;
}
.o-Table--accordion > tbody > .accordionToggleContentRow:nth-last-child(2) > td:last-child {
    border-bottom-right-radius: 3px;
}
.o-Table--accordion .accordionRow > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-Table--accordion .accordionRow:hover td {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}
.o-Table--accordion .accordionToggleContentRow > td {
    border-top: none;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    border-bottom: none;
}
.o-Table--accordion .accordionToggleContentRow > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}
.o-Table--accordion .accordionToggleContentRow > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}
.o-Table--accordion .accordionToggleContentRow > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-Table--accordion .accordionToggleContentRow + tr {
    display: none;
}
.o-Table--accordion .accordionContentRow > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-Table--accordion > tbody > tr.odd + tr {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Table-row--selected > td {
    background-color: #FF9 !important;
    background-color: var(--selectedColor) !important;
    color: #2D358E !important;
    color: var(--primaryColor) !important;
}
.o-Table--empty {
    padding: 2rem;
    text-align: center;
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    border-radius: 3px;
}
.o-Table--emptySimple {
    text-align: center;
    border: none !important;

}
.o-Table--emptySimple td {
    font-weight: normal !important;
}
.o-KeyValueTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.o-KeyValueTable > tbody > tr > td {
    padding: 0.4em 0.6em;
}
.o-KeyValueTable > tbody > tr > td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    font-weight: bold;
}
.o-KeyValueTable > tbody > tr > td:last-child {
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-KeyValueTable > tbody > tr:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-KeyValueTable > tbody > tr:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-KeyValueTable > thead td {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .8em .6em;
}
.o-KeyValueTable > thead > tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}
.o-KeyValueTable > thead > tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}
.o-KeyValueTable > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 3px;
}
.o-KeyValueTable > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 3px;
}
.o-KeyValueTable > tbody > tr:last-child > td {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-KeyValueTable > tbody > tr:first-child > th:first-child {
    border-radius: 3px 3px 0 0;
}
.o-KeyValueTable > tbody th {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .8em .6em;
    text-align: left;
    font-weight: normal;
}
.o-KeyValueTable--empty > tbody > tr > td {
    padding: 2rem;
    text-align: center;
    border: 1px solid red !important;
    border: 1px solid var(--redBorderColor) !important;
    color: red;
    color: var(--redBorderColor);
    border-radius: 0 0 3px 3px;
}
.o-KeyValueTable--empty > thead > tr > td {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
}
.o-KeyValueTable--headless > tbody > tr:first-child > td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}
.o-KeyValueTable--headless > tbody > tr:first-child > td:first-child {
    border-top-left-radius: 3px;
}
.o-KeyValueTable--headless > tbody > tr:first-child > td:last-child {
    border-top-right-radius: 3px;
}
.o-KeyValueTable--fixed {
    table-layout: fixed;
}
.o-RotatedTable th {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-left: none;
    border-top: none;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
    padding: 1em 0.8em;
    text-align: left;
}
.o-RotatedTable th {
    border-right: none;
}
.o-RotatedTable td {
    border-right: none;
}
.o-RotatedTable tr th:first-child,
.o-RotatedTable tr td:first-child {
    border-right: 1px solid #C5E3FF !important;
    border-right: 1px solid var(--borderColor) !important;
}
.o-RotatedTable tr:first-child th,
.o-RotatedTable tr:first-child td {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}
.o-RotatedTable tr th:first-child,
.o-RotatedTable tr td:first-child {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}
.o-RotatedTable tr:first-child th:last-child,
.o-RotatedTable tr:first-child td:last-child {
    border-top-right-radius: 3px;
}
.o-RotatedTable tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.o-RotatedTable tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.o-Pagination {
    display: flex;
    margin-bottom: 1rem;
}
.o-Pagination > a {
    text-decoration: none;
    font-family: 'FontAwesome', sans-serif;
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    transition: all .2s;
}
.o-Pagination > a:hover {
    background-color: rgba(80,205,96,.8);
    background-color: var(--secondaryHighlightColor);
}
.o-Pagination > span {
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    margin-left: .5rem;
    margin-right: .5rem;
}
.o-Pagination > * {
    flex: 0 0 auto;
    padding: .75rem 1rem;
    text-align: center;
    border-radius: 3px;
}
.o-DatePicker {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.o-DatePicker td,
.o-DatePicker th {
    text-align: center;
}
.o-DatePicker th {
    padding: 1rem 0;
}
.o-DatePicker a,
.o-DatePicker > tbody span {
    width: 100%;
    display: block;
    padding: 1rem 0;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    color: black;
    border-radius: 3px;
}
.o-DatePicker > thead a {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    box-sizing: border-box;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}
.o-DatePicker > thead a:hover {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-DatePicker .o-DatePicker-prev,
.o-DatePicker .o-DatePicker-next {
    font-family: 'FontAwesome', sans-serif;
}
.o-DatePicker > thead a.o-DatePicker-prev--disabled,
.o-DatePicker > thead a.o-DatePicker-next--disabled {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBgColor);
    cursor: not-allowed;
}
.o-DatePicker > tbody span {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}
.o-DatePicker > tbody a:hover {
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}
.o-DatePicker .o-DatePicker-d--isNotCurrentMonth {
    color: #a0bbd6;
    color: var(--disabledColor);
}
.o-DatePicker .o-DatePicker-d--isCurrent {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}
.o-DatePicker .o-DatePicker-d--isSelected {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    border-color: rgba(250,237,35, .6);
    border-color: var(--highlightColor);
}
.o-DateRange .o-MultiPanel {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-DateRange--noApply .o-MultiPanel {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-DateRange .o-MultiPanel-panel {
    padding: .5rem;
}
.o-DateRange .o-MultiPanel-panel-overlay {
    background-color: transparent !important;
    z-index: -999 !important;
}
.o-DateRange-nav {
    display: flex;
}
.o-DateRange-from {
    border-top-left-radius: 3px;
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-DateRange-to {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-DateRange-nav a {
    text-decoration: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    transition: background-color .2s, color .2s;
    padding: 1rem;
    flex: 1 1 auto;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}
.o-DateRange-nav a:not(.o-DateRange-nav--selected) {
    border-bottom: 2px solid #C5E3FF;
    border-bottom: 2px solid var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-DateRange-nav a:not(.o-DateRange-nav--selected):hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}
.o-DateRange-nav .o-DateRange-nav--selected {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-DateRange-applyContainer {
    display: flex;
    padding: 0 0.5rem 0.5rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-DateRange-apply {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    text-decoration: none;
    transition: all .2s;
    padding: 1rem 1.25rem;
    border-radius: 3px;
}
.o-DateRange-apply:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}
.o-DateRange-apply span:first-child {
    margin-right: 1rem;
}
.o-DateRange-reset {
    margin-left: .5rem;
    flex: 0 0 auto;
    font-family: 'FontAwesome', sans-serif;
    padding: 1rem 1.25rem;
}
.o-SelectTable > tbody > tr {
    cursor: pointer;
}
.o-SelectTable > tbody > tr:hover > td {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-SelectTable--hideFirstColumn:not(.o-Table--empty) td:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--empty) th:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--emptySimple) td:first-child,
.o-SelectTable--hideFirstColumn:not(.o-Table--emptySimple) th:first-child{
    display: none;
}
.o-SelectTable--hideFirstColumn td:nth-child(2),
.o-SelectTable--hideFirstColumn th:nth-child(2) {
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
}
.o-SelectTable--hideFirstColumn > thead > tr:first-child > th:nth-child(2) {
    border-top-left-radius: 3px;
}
.o-SelectTable--hideFirstColumn > tbody > tr:last-child > td:nth-child(2) {
    border-bottom-left-radius: 3px;
}
.o-SelectTable.u-ignore-rowclick > tbody > tr {
    cursor: default;
}
.o-SelectTable.u-ignore-rowclick > tbody > tr:hover > td {

    color: #000;

    color: var(--primaryTextColor);
}
.o-SelectTable.u-ignore-rowclick > tbody > tr:hover:nth-child(even) > td {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-SelectTable.u-ignore-rowclick > tbody > tr:hover:nth-child(odd) > td {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-Autocomplete--large .o-Autocomplete-input,
.o-Autocomplete--large .o-Autocomplete-action {
    padding: 1rem;
}
.o-Autocomplete-container {
    display: flex;
}
.o-Autocomplete-container input:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-Autocomplete-container input:last-child:focus {
    border-right: 1px solid #2D358E;
    border-right: 1px solid var(--primaryColor);
}
.o-Autocomplete-input {
    flex: 1 1 auto;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top-left-radius: 3px;
    border-right: none;
    border-bottom: none;
    padding: .75rem;
    outline: none;
}
.o-Autocomplete-input--noAction {
    width: 100%;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    border-top-right-radius: 3px;
    box-sizing: border-box;
}
.o-Autocomplete--empty .o-Autocomplete-input--noAction {
    border-radius: 3px;
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-Autocomplete--isEmpty .o-Autocomplete-input {
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
}
.o-Autocomplete-input:focus {
    border-color: #2D358E !important;
    border-color: var(--primaryColor) !important;
}
.o-Autocomplete-action {
    flex: 0 0 auto;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    text-decoration: none;
    border-top-right-radius: 3px;
    transition: all .2s;
    padding: .75rem;
}
.o-Autocomplete--isEmpty .o-Autocomplete-container input:last-child,
.o-Autocomplete--isEmpty .o-Autocomplete-action {
    border-bottom-right-radius: 3px;
}
.o-Autocomplete-action:hover,
.o-Autocomplete-input:focus + .o-Autocomplete-action {
    background-color: transparent;
}
.o-Autocomplete-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top-color: #b0d8ff;
    border-top-color: var(--borderHighlightColor);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-Autocomplete--isEmpty .o-Autocomplete-list {
    border: none;
}
.o-Autocomplete-list li {
    padding: .5rem .75rem;
    cursor: pointer;
}
.o-Autocomplete-list li:nth-child(even) {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Autocomplete-list li:nth-child(odd) {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-Autocomplete-list li:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}
.o-Autocomplete--noResults input:last-child {
    border-color: red !important;
    border-color: var(--redBorderColor) !important;
}
.o-Autocomplete--noResults .o-Autocomplete-input {
    border-color: red;
    border-color: var(--redBorderColor);
}
.o-Autocomplete--noResults .o-Autocomplete-action {
    background-color: rgba(255,0,0,.5) !important;
    background-color: var(--redBgColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}
.o-Autocomplete--noResults ul {
    border-color: red;
    border-color: var(--redBorderColor);
    border-top-color: #C5E3FF;
    border-top-color: var(--borderColor)
}
.o-Autocomplete--noResults li {
    padding: 2rem;
    text-align: center;
    color: red;
    color: var(--redBorderColor);
    background-color: transparent !important;
}
.o-Tab {
    width: 100%;
}
.o-Tab-tabWrapper {
    display: flex;
    flex-wrap: wrap;
}
.o-Tab-tab {
    padding: 1rem;
    flex: 1 1 auto;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    border-left: 1px solid #C5E3FF;
    border-left: 1px solid var(--borderColor);
    border-bottom: 2px solid #C5E3FF;
    border-bottom: 2px solid var(--borderColor);
    text-decoration: none;
    background-color: transparent;
    color: #2D358E;
    color: var(--primaryColor);
    transition: background-color .2s;
}
.o-Tab-2t {
    box-sizing: border-box;
    flex-basis: 50%;
}
.o-Tab-tab:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
}
.o-Tab-tab:first-child {
    border-top-left-radius: 3px;
}
.o-Tab-tab:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
}
.o-Tab-tab--selected {
    border-bottom: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Tab-tab--selected:hover {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Tab-contentWrapper {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-Tab-content {
    display: none;
    padding: .75rem;
}
.o-Tab-content--selected {
    display: block;
}
.o-Radio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.o-Radio > a {
    flex: 1 1 auto;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    padding: 0.75rem;
    text-decoration: none;
}
.o-Radio--hide > .o-Radio-hide,
.o-Radio--hide > a {
    display: none;
}
.o-Radio--2EvenChildren > * {
    flex: 1 1 50%;
    box-sizing: border-box;
}
.o-Radio--4EvenChildren > * {
    flex: 1 1 25%;
    box-sizing: border-box;
}
.o-Radio--3EvenChildren > * {
    flex: 1 1 33%;
    box-sizing: border-box;
}
.o-Radio > a:before {
    content: "\F111";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2rem;
    margin: -.1rem .5rem -.1rem 0;
}
.o-Radio > a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.o-Radio > a:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-Radio > a:hover {
    background-color: transparent;
}
.o-Radio > a.o-Radio-option--selected {
    background-color: rgba(59,181,74,.8) !important;
    background-color: var(--secondaryColor) !important;
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
    cursor: default;
}
.o-Radio > a.o-Radio-option--selected:before {
    content: "\F058";
}
.o-Radio[disabled] > a {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}
.o-Radio--groupedByTwo > *:nth-child(odd) {
    border-radius: 3px 0 0 3px;
}
.o-Radio--groupedByTwo > *:nth-child(even) {
    border-radius: 0 3px 3px 0;
}
.o-Check {
    cursor: pointer;
    display: block;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    width: 100%;
    padding: .75rem;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 3px;
    transition: all .2s;
}
.o-Check:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\F0C8";
    float: left;
    font-size: 1.2rem;
    margin: -.1rem .5rem -.1rem 0;
}
.o-Check--checked:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\F14A" !important;
    float: left;
}
.o-Check--checked {
    background-color: rgba(59,181,74,.8) !important;
    background-color: var(--secondaryColor) !important;
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
    border-color: rgba(59,181,74,.8) !important;
    border-color: var(--secondaryColor) !important;
    cursor: default;
}
.o-LabelInput {
    display: flex;
    /*align-items: center;*/
}
.o-LabelInput > * {
    flex: 1 1 auto;
}
.o-LabelInput > span {
    flex: 0 0 auto;
    padding: .75rem;
    border-radius: 3px 0 0 3px;
    background-color: transparent;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-right: none;
    color: #2D358E;
    color: var(--primaryColor);
}
.o-LabelInput .o-LabelInput-input {
    padding: .5rem;
    border-radius: 0 3px 3px 0 !important;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    width: 50%;
    float: right;
    box-sizing: border-box;
}
.o-Input-pseudoLabel:before {
    display: block;
    position: relative;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    content: attr(data-before);
    margin: -.9rem .75rem -.9rem -.9rem;
    padding: 1rem;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    transition: all .2s;
}
.o-Input-pseudoLabel:focus:before {
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
}
.o-Textarea {
    padding: .5rem;
    border-radius: 3px;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
    max-height: 10rem;
    min-height: 5rem;
    outline: none;
    margin-bottom: -4px;
}
.o-Textarea:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}
.o-Textarea--large {
    max-height: 25rem;
    min-height: 15rem;
}
.o-OrderList {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.o-OrderList-wrapper {
    display: flex;
}
.o-OrderList-up,
.o-OrderList-down {
    flex: 0 1 50%;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    padding: 1rem;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    font-family: 'FontAwesome', sans-serif;
    transition: all .2s;
}
.o-OrderList-up {
    margin-right: .5rem;
}
.o-OrderList-up:hover,
.o-OrderList-down:hover {
    background-color: transparent;
}
.o-OrderList-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
}
.o-OrderList-list > li:last-child {
    margin-bottom: 0;
}
.o-OrderList-item {
    display: flex;
    margin: .5rem 0;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    cursor: pointer;
    border-radius: 3px;
    transition: all .2s;
}
.o-OrderList-item-check {
    flex: 0 1 1rem;
    padding: 1rem;
    display: flex;
    border-right: 1px solid #C5E3FF;
    border-right: 1px solid var(--borderColor);
    text-decoration: none;
    transition: all .2s;
}
.o-OrderList-item-check:after {
    font-family: 'FontAwesome', sans-serif;
    content: "\F00C";
    text-decoration: none !important;
    color: #2D358E;
    color: var(--primaryColor);
    margin: auto;
}
.o-OrderList-item-wrapper {
    flex: 1 1 auto;
    position: relative;
}
.o-OrderList-item-wrapper span,
.o-OrderList-item-wrapper input {
    box-sizing: border-box;
    display: block;
    padding: .5rem;
    width: 100%;
}
.o-OrderList-item-wrapper input {
    border: none;
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    background-color: transparent;
}
.o-OrderList-item--selected {
    background-color: #FF9;
    background-color: var(--selectedColor);
}
.o-OrderList-item--disabled,
.o-OrderList-item--disabled .o-OrderList-item-check,
.o-OrderList-item--disabled input {
    border-color: #c1c1c1 !important;
    color: #c1c1c1;
}
.o-OrderList-item--disabled {
    background-color: #f1f1f1 !important;
}
.o-OrderList-item--disabled .o-OrderList-item-check:after {
    content: "\F00D" !important;
    color: #c1c1c1;
}
.o-Export-download {
    box-sizing: border-box;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
}
.o-Export-download--downloading {
    cursor: default;
    border: 1px solid #d5e3f5;
    border: 1px solid var(--disabledBorderColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
}
.o-Export-download--downloading:hover {
    background-color: transparent;
}
.o-Table-label {
    padding: 2px 4px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    margin: -2px -4px;
    border-radius: 2px;
}
.o-Table-label--red {
    background-color: red;
    background-color: var(--redBorderColor);
    color: white;
}
.o-Table-label--orange {
    background-color: #ff8c00;
    color: white;
}
.o-Table-label--green {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: white;
}
.o-Table-label--transparent {
    padding: 8px 4px 0;
    word-wrap: break-spaces;
}
.o-DefinitionList {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.o-DefinitionList > dt {
    padding: 2rem;
    font-family: 'AllerLight', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    flex: 0 0 auto;
    font-size: 1.17rem;
}
.o-DefinitionList > dt:not(:first-child) {
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
}
.o-DefinitionList > dd {
    margin: 0;
    padding: 0;
    height: 0;
    flex: 0 0 0;
    transition: .2s all;
    overflow-y: scroll;
}
.o-DefinitionList > .is-active {
    display: block;
    height: auto;
    flex: 1 0 auto;
}
@media (min-width: 900px) {
    .o-DefinitionList > dt {
        padding-left: 20vw;
    }
}
.o-MultiSelect ul,
.o-SimpleMultiSelect ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.o-SimpleMultiSelect li,
.o-MultiSelect li {
    display: flex;
    margin: .5rem 0;
}
.o-SimpleMultiSelect li:last-child,
.o-MultiSelect li:last-child {
    margin-bottom: 0;
}
.o-MultiSelect li.o-TaskSelect-newTask {
    flex-direction: column;
}
.o-TaskSelect-newTask input,
.o-TaskSelect-newTask textarea {
    width: auto !important;
    flex: 1 1 auto;
    margin-right: .5rem;
}
.o-MultiSelect li > a:first-child,
.o-SimpleMultiSelect li > span {
    flex: 1 1 auto;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    margin-right: .5rem;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px;
}
.o-SimpleMultiSelect li > span {
    padding: .75rem 1rem;
}
.o-MultiSelect li > a:first-child > div:first-child {
    padding: .75rem 1rem;
}
.o-TaskSelect-description {
    display: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: .75rem 1rem;
}
.o-TaskSelect-description--show {
    display: block;
}
.o-SimpleMultiSelect-delete,
.o-TaskSelect-delete {
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
}
.o-SimpleMultiSelect[disabled] .o-SimpleMultiSelect-delete,
.o-MultiSelect[disabled] .o-TaskSelect-delete {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}
.o-HeadPanel {
    display: flex;
    flex-direction: column;
}
.o-HeadPanel-head {
    border-top-left-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border-top-right-radius: 3px;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-bottom: none;
    color: #2D358E;
    color: var(--primaryColor);
    padding: .5rem .75rem;
}
.o-HeadPanel-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 1rem;
}
.o-Rule {
    display: none;
}
.o-Rule--show {
    display: block;
}
.o-RulesContainer > .o-Rule {
    margin-bottom: 1rem;
}
.o-RulesContainer-mtnFirstChild > .o-Rule--show {
    margin-top: 0;
}
.o-RulesContainer-mtnFirstChild > .o-Rule--show ~ .o-Rule--show {
    margin-top: 1rem;
}
.o-CustomRule-fromTo {
    display: flex;
    margin-bottom: -1px;
}
.o-CustomRule-fromTo--hide {
    display: none !important;
}
.o-CustomRule-fromTo > * {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    padding: .75rem 1rem;
}
.o-CustomRule-fromTo > span {
    border-radius: 3px 0 0;
    flex: 1 1 auto;
}
.o-CustomRule-fromTo > a {
    text-decoration: none;
    border-radius: 0 3px 0 0;
    flex: 0 0 auto;
    font-family: 'FontAwesome', sans-serif;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}
.o-CustomRule-fromTo > a:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}
.o-Overlay {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
    z-index: var(--overlayHideZIndex);
    opacity: 0;
    background-color: rgba(25, 23, 64, .5) !important;
}
.o-Overlay--withTransition {
    transition: opacity .2s ease, z-index .2s cubic-bezier(1, 0, 1, 0);
}
.o-Overlay--withPointer {
    cursor: pointer;
}
.o-Overlay--show {
    z-index: 99;
    z-index: var(--overlayShowZIndex);
    opacity: 1;
}
.o-FocusContainer {
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-EmptyWidget {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.o-EmptyWidget--show {
    display: block;
}
.o-ForgottenLink {
    float: right;
    text-align: right;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    margin-bottom: 1rem;
}
.o-ForgottenLink:hover {
    color: #C5E3FF;
    color: var(--borderColor);
}
.o-SimpleObjectSelect-object {
    display: flex;
    flex-direction: column;
}
.o-SimpleObjectSelect-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}
.o-SimpleObjectSelect-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}
.o-SimpleObjectSelect-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}
.o-SimpleObjectSelect-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}
.o-SimpleObjectSelect-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}
.o-SimpleObjectSelect-body .o-Radio > a:first-child {
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red !important;
    color: var(--redBorderColor) !important;
    background-color: transparent !important;
    border-right: none;
}
.o-SimpleObjectSelect-body .o-Radio > a:first-child.o-Radio-option--selected {
    background-color: rgba(255,0,0,.5) !important;
    background-color: var(--redBgColor) !important;
    color: white !important;
    border-color: red;
    border-color: var(--redBorderColor);
}
.o-SimpleObjectSelect-body li {
    display: flex;
}
.o-SimpleObjectSelect-body li > *:not(:first-child) {
    flex: 0 0 auto;
}
.o-SimpleObjectSelect-body li > span:first-child {
    flex: 1 1 auto;
}
.o-SimpleObjectSelect-body .o-Radio {
    width: auto;
}
.o-MultiCredential-object {
    display: flex;
    flex-direction: column;
}
.o-MultiCredential-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}
.o-MultiCredential-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}
.o-MultiCredential-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}
.o-MultiCredential-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}
.o-MultiCredential-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}
.o-MultiTank-object {
    display: flex;
    flex-direction: column;
}
.o-MultiTank-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: center;
    align-items: center;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}
.o-MultiNozzle-header {
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    justify-content: flex-end;
    align-items: flex-end;
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 3px 3px 0 0;
}
.o-MultiTank-name {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1rem
}
.o-MultiTank-delete,
.o-MultiDispenser-delete,
.o-MultiNozzle-delete {
    flex: 0 0 auto;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    padding: .75rem 1rem;
    font-family: 'FontAwesome', sans-serif;
    text-decoration: none;
    transition: .2s all;
    color: inherit;
}
.o-MultiTank-delete:hover,
.o-MultiDispenser-delete:hover,
.o-MultiNozzle-delete:hover {
    background-color: #b0d8ff;
    background-color: var(--borderHighlightColor);
}
.o-MultiTank-body {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    padding: 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
}
.o-BottomToaster {
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    padding: 2rem;
    transition: bottom 0.3s ease-in-out;
}
.o-BottomToaster--zIndex999{
    z-index: 999 !important;
}
.o-BottomToaster--show {
    bottom: 0 !important;
}
.o-BottomToaster--loader {
    padding: 4rem 2rem;
    bottom: -8.1rem;
    bottom: calc(-8rem - 1px);
    background-image: url('/static/img/loader.svg');
    background-repeat: no-repeat;
    background-position: center center;
}
.o-ErrorPanel {
    display: none;
    transition: all .2s;
    border-radius: 3px;
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
}
.o-ErrorPanel--show {
    display: block;
}
.o-ErrorMessage > span {
    color: red !important;
    color: var(--redBorderColor) !important;
    text-transform: capitalize;
    border: 1px solid red !important;
    border: 1px solid var(--redBorderColor) !important;
}
.u-flyout-helper--at950px,
.u-flyout-helper--at1700px {
    display: none;
}
.o-Flyout {
    display: block;
}
.u-flyout-helper {
    display: block;
}
.o-Flyout > * {
    display: none;
}
.u-flyout--show.o-Flyout > *,
.u-flyout--show .o-Flyout > * {
    display: block;
}
@media (max-width: 1700px) {
    .o-Flyout--at1700px {
        display: block;
    }

    .u-flyout-helper--at1700px {
        display: block;
    }

    .o-Flyout--at1700px > * {
        display: none;
    }

    .u-flyout--show .o-Flyout--at1700px > *,
    .u-flyout--show.o-Flyout--at1700px > * {
        display: block;
    }
}
@media (max-width: 950px) {
    .o-Flyout--at950px {
        display: block;
    }

    .u-flyout-helper--at950px {
        display: block;
    }

    .o-Flyout--at950px > * {
        display: none !important;
    }

    .u-flyout--show .o-Flyout--at950px > *,
    .u-flyout--show.o-Flyout--at950px > * {
        display: block !important;;
    }

    .u-flyout--show .o-Flyout--at950px > .u-flyout--flex,
    .u-flyout--show.o-Flyout--at950px > .u-flyout--flex {
        display: flex !important;
    }
}
.o-MultiInput[disabled] .o-MultiInput-add,
.o-MultiInput[disabled] .o-Input-remove {
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    color: #a0bbd6;
    color: var(--disabledColor);
    cursor: not-allowed;
}
.o-SelectBtn {
    display: flex;
}
.o-SelectBtn--growSelect > select {
    flex: 1 1 auto;
}
.o-SelectBtn > span {
    padding: 1rem 1.25rem;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    border-right: none;
}
.o-SelectBtn > span > .u-fontAwesome:first-child {
    font-size: 1.3rem;
}
.o-SelectBtn > select,
.o-SelectBtn > input {
    padding: 1rem;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-SelectBtn--small > input {
    width: 3rem;
}
.o-Metric {
    display: flex;
    box-sizing: border-box;
    margin: -2px -4px;
    flex-wrap: wrap;
}
.o-Metric-header {
    box-sizing: border-box;
    padding: 4px 8px;
    background-color: inherit;
    color: inherit;
}
.o-Metric-value {
    box-sizing: border-box;
    padding: 4px 8px;
    background-color: transparent;
    border: 1px solid;
    color: #000;
    color: var(--primaryTextColor);
}
.o-Metric--50pr {
    flex: 0 0 50%;
}
.o-Metric--100pr {
    flex: 0 0 100%;
}
.o-CGrid {
    display: grid;
}
.o-CGrid--3x100px {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
}
.o-CGrid--1remgap {
    grid-gap: 1rem;
}
.o-Card {
    display: flex;
    padding: 1.5rem;
    align-items: center;
}
.o-Card svg {
    height: 5rem;
    margin-right: 1.5rem;
    margin-bottom: -.1rem;
}
.o-Card svg path {
    fill: #2D358E;
    fill: var(--primaryColor);
}
.o-Card h3,
.o-Card p {
    margin: 0;
}
.o-Steps {
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.o-Steps:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    border-top: 1px solid #2D358E;
    border-top: 1px solid var(--primaryColor);
    width: 100%;
    transform: translateY(-50%);
}
@media (max-width: 950px) {
    .o-Steps--at950px {
        display: none;
    }
}
.o-Step-separator:before {
    transform: translateX(calc(-200% - .3rem)) translateY(-1px);
}
.o-Step-separator:after {
    transform: translateX(200%) translateY(-1px);
}
.o-Step-separator:before,
.o-Step-separator:after {
    position: absolute;
    content: '';
}
.o-Step-separator:before,
.o-Step-separator:after,
.o-Step-separator {
    display: none;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
}
.o-Step-separator:before,
.o-Step-separator:after,
.o-Step-separator--show {
    display: block;
}
.o-Step {
    line-height: 1rem;
    display: flex;
    justify-content: center;
    align-content: center;
    align-self: center;
    width: 3rem;
    padding: 1rem 0;
    border-radius: 50%;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    background: #F0F9FF;
    background: var(--primaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Step--current {
    width: 5rem;
    padding: 2rem 0;
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
}
.o-StepAccordion-title {
    padding: 4rem;
    font-size: 1.3rem;
    color: #2D358E;
    color: var(--primaryColor);
}
.o-StepAccordion-stepTitle {
    cursor: pointer;
    padding: 3rem;
    font-size: 1.2rem;
    color: #2D358E;
    color: var(--primaryColor);
    border-top: 1px solid #C5E3FF;
    border-top: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-StepAccordion-stepTitle:after {
    content: "\F078";
    font-family: 'FontAwesome', sans-serif;
    float: right;
}
.o-StepAccordion-stepContent {
    display: none;
}
.o-StepAccordion-stepTitle--show + .o-StepAccordion-stepContent {
    display: block;
}
.o-StepAccordion-stepTitle--show:after {
    content: "\F077";
}
@media (min-width: 900px) {
    .o-StepAccordion-title,
    .o-StepAccordion-stepTitle {
        padding-left: 20vw !important;
        padding-right: 20vw !important;
        box-sizing: border-box !important;
    }
}
.o-WPInstructions {
    box-sizing: border-box !important;
}
.o-WPInstructions pre {
    display: inline;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-radius: 2px;
    padding: 1px 3px;
}
.o-Signature {
    position: relative;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-radius: 3px;
}
.o-Signature a {
    position: absolute;
    top: 3px;
    right: 3px;
}
.o-Signature canvas {
    width: 100%;
    touch-action: none;
}
.o-TotalAndSelectCounter {
    color: #6677c0;
    color: var(--primarySelectedColor);
    text-align: right;
    padding: 0.8rem 0rem 0.8rem 0rem;
}
.o-OptionalInput {
    display: flex;
}
.o-OptionalPINInput {
    display: flex;
    flex-direction: column;
}
.o-UploadFile label:after {
    content: none !important;
}
.o-UploadFile-previewContainer {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: 0.5rem;
    border: 2px solid #b0d8ff;
    border: 2px solid var(--borderHighlightColor);
    border-radius: 3px;
    overflow: hidden;
    min-height: 3.8rem;
}
.o-UploadFile-previewContainer img {
    display: block;
    box-sizing: border-box;
    width: 100%; /* img needs a width */
    border: none;
    outline: none;
    border-radius: 2px;
}
.o-UploadFile-actionContainer {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    z-index: 1000;
}
.o-UploadFile-actionContainer button {
    outline: none;
    box-sizing: border-box;
    font-family: 'FontAwesome', sans-serif;
    padding: .75rem 1rem;

    border: 1px solid #b0d8ff;

    border: 1px solid var(--borderHighlightColor);
    border-left: none;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-UploadFile-actionContainer button:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
.o-UploadFile-actionContainer button:first-child {
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.o-UploadFile-actionContainer button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.o-UploadFile-preview--showAlt:after {
    content: attr(alt);
    padding: 1rem;
    display: block;
    font-size: 1.2rem;
    z-index: 999;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 2px;
}
.o-UserProfile > span:first-child {
    margin-right: .5rem;
}
@media (max-width: 750px) {
    .o-UserProfile {
        display: none;
    }
}
@media (max-width: 950px) {
    .o-UserProfile > span:first-child {
        margin-right: 0;
    }

    .o-UserProfile > span:last-child {
        display: none;
    }
}
.o-UserProfile--disabled{
    cursor: default;
    border-left: none !important;
}
.o-UserProfile--disabled:hover{
    background-color: #2D358E !important;
    background-color: var(--primaryColor) !important;
    cursor: default;
    border-left: none !important;
}
.o-TwoStateBtn {
    display: flex;
}
.o-TwoStateBtn > .u-fontAwesome:first-child {
    margin-right: 0.25rem;
}
.o-EmptyMessage {
    color: #2D358E;
    color: var(--primaryColor);
    border-color: #2D358E;
    border-color: var(--primaryColor);
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    padding: 1rem;
    text-align: center;
    width: auto;
    margin-bottom: 1rem;
}
.o-DotBefore::before {
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    margin-right: 0.5rem;
    background-color: #a0bbd6;
    background-color: var(--disabledColor);
    display:inline-block;
}
.o-DotBeforeParent--active .o-DotBefore::before {
    background-color: #32cd32;
}
.o-DotBeforeParent--inactive .o-DotBefore::before {
    background-color: red;
    background-color: var(--redBorderColor);
}
.o-multiAutocompleteSelectContainer {
    padding: .5rem;
    border-radius: 3px;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    width: 100%;
    max-height: 16rem;
    min-height: 3rem;
    outline: none;
    margin-bottom: -4px;
}
.o-multiAutocompleteSelectContainer:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}
.o-Filter {
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 3px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}
.o-Filter-open {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Filter-open:after {
    content: "\F078";
    font-family: 'FontAwesome', sans-serif;
    float: right;
}
.o-Filter--wrapperOpen > .o-Filter-open:after {
    content: "\F077";
}
.o-Filter--hide {
    display: none !important;
}
.o-Filter-wrapper {
    height: 0;
    transition: height .2s, padding-top .2s, padding-bottom .2s;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
}
.o-Filter--wrapperOpen > .o-Filter-wrapper {
    height: auto;
    padding: 0 .5rem .5rem;
}
.o-Filter-list > a {
    text-decoration: none;
    display: block;
    padding:.5rem;
    margin:.25rem 0;
    color:#000;
    color:var(--primaryTextColor);
    border-radius: 3px;
    box-sizing: border-box;
}
.o-Filter-list > .o-Filter-item:before {
    content: "\F0C8";
    font-family: 'FontAwesome', sans-serif;
    float: left;
    font-size: 1.2rem;
    margin-top: -.1rem;
    margin-right: .5rem;
}
.o-Filter-list > a:first-child {
    margin-top: 0;
}
.o-Filter-list > a:last-child {
    margin-bottom: 0;
}
.o-Filter-list > a:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Filter-list > .o-ShowAll {
    background-color: #FF9;
    background-color: var(--selectedColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Filter-list > .is-Hidden  {
    display:none;
}
.o-Filter-list > .is-HiddenBySearch  {
    display:none;
}
.o-Filter-list > .is-Selected {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Filter-list > .is-Selected:before {
    content: "\F14A";
    font-family: 'FontAwesome', sans-serif;
    float: left;
    margin-right: .5rem;
}
.o-Filter-list > .o-ShowAll:hover {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}
.o-Filter-list > .o-ShowAll--minus:before {
    content: "\F068";
    font-family: 'FontAwesome', sans-serif;
    float: left;
    margin-right: .5rem;
}
.o-Filter-list > .o-ShowAll--plus:before {
    content: "\F067";
    font-family: 'FontAwesome', sans-serif;
    float: left;
    margin-right: .5rem;
}
.o-Filter-btnContainer {
    display: flex;
    margin-top: .5rem;
}
.o-Filter-btnContainer > * {
    padding: 1rem 1.25rem !important;
}
.o-Filter-apply {
    flex: 1 1 auto;
    margin-right: .5rem;
}
.o-Filter-cancel {
    flex: 0 0 auto;
    font-family: 'FontAwesome', sans-serif;
}
.o-Filter-search {
    display: block;
    width: 100%;
    padding:.75rem;
    box-sizing: border-box;
    outline: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border:1px solid #C5E3FF;
    border:1px solid var(--borderColor);
    border-bottom-width: 2px;
    border-radius: 3px;
}
.o-Filter-search::-moz-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}
.o-Filter-search:-ms-input-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}
.o-Filter-search::placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}
.o-Filter-search:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
}
.o-FilterFactory {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.o-FilterFactory > * {
    display: block;
    margin: 1rem 0;
}

@media (max-width: 450px) {
    .o-FilterFactory {
        margin-top: -.5rem;
        margin-bottom: -.5rem;
    }

    .o-FilterFactory > * {
        margin: .5rem 0;
    }
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Modal    {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    background-color: rgba(25, 23, 64, .3);
    opacity: 0;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display: none;
    align-items: flex-start;
    transition: all .2s ease;
    cursor: pointer;
}

.o-Modal-content    {
    position: relative;
    flex:1 1 auto;
    padding:2rem 4.5rem;
    transition: all .2s ease;
    transform: translate(0, -100%);
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
    cursor: pointer;
}

.o-Modal-content:before {
    position: absolute;
    top: 2rem;
    left: 2rem;
    content: '\F071';
    margin-right: 1rem;
    font-size: 1.5rem;
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    font-family: 'FontAwesome', sans-serif;
    color: #ffdddd;
}

.o-Modal-content:after {
    position: absolute;
    top: 2rem;
    right: 2rem;
    content: '\F00D';
    font-size: 1.5rem;
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    font-family: 'FontAwesome', sans-serif;
    color: #ffdddd;
}

.o-Modal--active {
    display: flex;
}

.o-Modal--show {
    opacity: 1;
}

.o-Modal--show > .o-Modal-content    {
    transform: translate(0, 0%);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}


.o-NumberWidget {
    flex: 1 1 100%;
    padding: 1rem;
    box-sizing: border-box;
    flex-direction: column;
    display:flex;
}


.o-NumberWidget > div {
    flex: 1 1 auto;
}


.o-NumberWidget-current,
.o-NumberWidget-currentLabel {
}


.o-NumberWidget-currentLabel {
    font-size: 1rem;
}


.o-NumberWidget-current {
    font-size: 1.2rem;
}


.o-NumberWidget-previousContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}


.o-NumberWidget-previous,
.o-NumberWidget-previousLabel {
    flex: 0 0 auto;
    text-align: right;
    font-size: 1rem;
    color: #a0bbd6;
    color: var(--disabledColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-StackAreaWidget {
    height: calc(100% - 37.85px);
    height: calc(100% - var(--widgetMagicSubtract));
    display:flex;
    flex-direction: column;
}

.o-Grid-cell--expanded .o-StackAreaWidget > .o-SVG {
    flex: 0 1 calc((100% / 3 * 2) - 1.25rem - 2px);
    flex: 0 1 calc((100% / 3 * 2) - var(--widgetSVGMagicSubtract1) - var(--widgetSVGMagicSubtract2));
    height: auto;
}

.o-StackAreaWidget-legendContainer {
    overflow: auto;
    display: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #e3f4ff;
    border-top: 1px solid var(--primaryBgHarderColor);
    flex: 1 0 calc(100% / 3);
}

.o-Grid-cell--expanded .o-StackAreaWidget-legendContainer {
    display: block;
}
.o-Legend {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 1rem;
    box-sizing: border-box;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-gap: .25rem;
}

.o-Legend-item {
    padding: .5rem .75rem;
    background-color: white;
    border-radius: 3px;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
}

.o-Legend-item:hover {
    opacity: 0.7;
}

.o-Legend-widget--highLight [data-key]:not(.o-Legend-chartElement--highLight) {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.o-Legend-widget--highLight .o-Legend-item:not(.o-Legend-item--highLight) {
    opacity: 0.3;
}

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-MultiLineWidget {
    height: calc(100% - 37.85px);
    height: calc(100% - var(--widgetMagicSubtract));
    display:flex;
    flex-direction: column;
}

.o-Grid-cell--expanded .o-MultiLineWidget > .o-SVG {
    flex: 0 1 calc((100% / 3 * 2) - 1.25rem - 2px);
    flex: 0 1 calc((100% / 3 * 2) - var(--widgetSVGMagicSubtract1) - var(--widgetSVGMagicSubtract2));
    height: auto;
}

.o-MultiLineWidget-legendContainer {
    overflow: auto;
    display: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #e3f4ff;
    border-top: 1px solid var(--primaryBgHarderColor);
    flex: 1 0 calc(100% / 3);
}

.o-Grid-cell--expanded .o-MultiLineWidget-legendContainer {
    display: block;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-ScatterplotWidget {
    height: calc(100% - 37.85px);
    height: calc(100% - var(--widgetMagicSubtract));
    display:flex;
    flex-direction: column;
}

.o-Grid-cell--expanded .o-ScatterplotWidget > .o-SVG {
    flex: 0 1 calc((100% / 3 * 2) - 1.25rem - 2px);
    flex: 0 1 calc((100% / 3 * 2) - var(--widgetSVGMagicSubtract1) - var(--widgetSVGMagicSubtract2));
    height: auto;
}

.o-ScatterplotWidget-legendContainer {
    overflow: auto;
    display: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #e3f4ff;
    border-top: 1px solid var(--primaryBgHarderColor);
    flex: 1 0 calc(100% / 3);
}

.o-Grid-cell--expanded .o-ScatterplotWidget-legendContainer {
    display: block;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-LocationWidget {
    height: calc(100% - 37.85px);
    height: calc(100% - var(--widgetMagicSubtract));
    display:flex;
    flex-direction: column;
}

.o-LocationWidget--focus .svg-Area:not(.svg-Area--focus) {
    fill-opacity: 0.05;
}

.o-LocationWidget--focus .o-Location-legendItem:not(.o-Location-legendItem--focus) {
    opacity: 0.3;
}

.o-LocationWidget-mapContainer {
    height: 100%;
}

.o-Grid-cell--expanded .o-LocationWidget > .o-LocationWidget-mapContainer {
    flex: 0 0 calc(50% - 25.85px);
    flex: 0 0 calc(50% - var(--widgetMagicSubtract2));
}

.o-LocationWidget-infoContainer {
    overflow: auto;
    display: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #e3f4ff;
    border-top: 1px solid var(--primaryBgHarderColor);
    flex: 1 1 auto;
}

.o-Grid-cell--expanded .o-LocationWidget-infoContainer {
    display: block;
}

.o-LocationWidget-header {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    display: flex;
    padding: .75rem;
}

.o-LocationWidget-headerTitle {
    flex: 1 1 auto;
}

.o-LocationWidget-headerTimeContainer {
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor);
    display: flex;
    padding: .5rem .75rem;
}

.o-LocationWidget-headerTimeContainer > span,
.o-LocationWidget-header > span {
    flex: 0 1 50%;
}

.o-LocationWidget-headerStatus {
    display: flex;
    align-items: center;
}

.o-LocationWidget-statusDot {
    display: inline-block;
    border-radius: 50%;
    width: 0.8rem;
    height: 0.8rem;
    margin-left: .25rem;
}

.o-LocationWidget .o-KeyValueTable td,
.o-LocationWidget .o-KeyValueTable th {
    border: none !important;
    width: 50%;
    box-sizing: border-box;
    font-weight: normal !important;
}

.o-LocationWidget .o-KeyValueTable td:last-child:not(:first-child),
.o-LocationWidget .o-KeyValueTable th:last-child:not(:first-child) {
    text-align: right;
    padding-right: .75rem
}

.o-LocationWidget .o-KeyValueTable th:last-child:not(:first-child) {
    border-top-right-radius: 3px !important;
}

.o-LocationWidget .o-KeyValueTable td:first-child,
.o-LocationWidget .o-KeyValueTable th:first-child {
    padding-left:.75rem;
}

.o-LocationWidget .o-KeyValueTable .o-KeyValueTable  {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.o-LocationWidget .gm-style button {
    display:none !important;
}

.o-LocationWidget .gm-style .gm-style-iw {
    text-align: center !important;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-DonutWidget {
    flex: 1 1 100%;
    display:flex;
    flex-direction: column;
    position: relative;
}

.o-DonutWidget > * {
    flex:  1 1 auto;
}

.o-DonutWidget .svg-Arc {
    transition: .4s all;
}

.o-DonutWidget-percentage {
    font-size: 2em;
    text-anchor: middle;
    dominant-baseline: central;
}

.o-DonutWidget-svg--hover .svg-Arc:not(.svg-Arc--hover) {
    fill-opacity: 0.3;
}

.o-DonutWidget-specificContainer,
.o-DonutWidget-totalContainer {
    box-sizing: border-box;
}

.o-DonutWidget-totalContainer {
    padding: 1rem 0 0 1rem
}

.o-DonutWidget-specificContainer {
    padding: 0 1rem 1rem 0;
    text-align: right;
}

.o-DonutWidget-specificContainer > *,
.o-DonutWidget-totalContainer > * {
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.o-DonutWidget-specificContainer-color {
    border-radius: 50%;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-TableWidget {
    height: 100%;
    flex-direction: column;
    position: relative;
    overflow:auto;
}

.o-TableWidget th {
    background-color: #FFF !important;
    background-color: var(--secondaryBgColor) !important;
    border-bottom: 1px solid #C5E3FF;
    border-bottom: 1px solid var(--borderColor)
}

.o-TableWidget .o-Table > thead > tr:first-child > th {
    border-top: none;
}

.o-TableWidget .o-Table > thead > tr:first-child > th:first-child {
    border-top-left-radius: 0;
}

.o-TableWidget .o-Table > thead > tr:first-child > th:last-child {
    border-top-right-radius: 0;
}

.o-TableWidget .o-Table > tbody > tr:last-child > td:first-child,
.o-TableWidget .o-Table--accordion > tbody > tr:nth-last-child(2) > td:first-child {
    border-bottom-left-radius: 0;
}

.o-TableWidget .o-Table > tbody > tr:last-child > td:last-child,
.o-TableWidget .o-Table--accordion > tbody > tr:nth-last-child(2) > td:last-child  {
    border-bottom-right-radius: 0;
}

.o-TableWidget .o-Table > thead > tr > th:first-child,
.o-TableWidget .o-Table > tbody > tr > td:first-child {
    border-left: none;
}

.o-TableWidget .o-Table > thead > tr > th:last-child,
.o-TableWidget .o-Table > tbody > tr > td:last-child {
    border-right: none;
}

.o-TableWidget-colorDot {
    display: inline-block;
    border-radius: 50%;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: .25rem;
}

.o-TableWidget .o-TableWidget-bar {
    height:1.8rem;
}

.o-TableWidget--withBars td:last-child {
    width: 100%;
    padding:0;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Station {
    display: flex;
    flex-direction: column;
}

.o-Station-header {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    display: flex;
    padding: .75rem 1rem;
    border-radius: 3px 3px 0 0;
    align-items: center;
    flex-wrap: wrap;
}

.o-RowGrid-isDraggable .o-Station-header {
    cursor: move;
}

.o-Station-header-dragHandle {
    display: none;
}

.o-RowGrid-isDraggable .o-Station-header-dragHandle {
    display: block;
}

.o-Station-name {
    flex: 1 1 auto;
    margin:0;
}

/*
Should show al sync status related information
1=success; 2=unsynced; 3=Pushing; 4=Pulling; 5=push failed; 6=pull failed
*/

.o-Station-status {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
}

.o-RowGrid-isDraggable .o-Station-status {
    display: none;
}

.o-Station-status > * {
    margin-right: 1rem;
}

/* Success */

.o-Station-status--mutating {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color:#FFF;
    color:var(--secondaryBgColor);
}

/* 3=Pushing; 4=Pulling; */

.o-Station-status--mutating {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor)
}

/* unsynced */

.o-Station-status--unsynced {
    background-color: orange;
    color:#FFF;
    color:var(--secondaryBgColor);
}

/*5=push failed; 6=pull failed*/

.o-Station-status--error {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color:#FFF;
    color:var(--secondaryBgColor);
}

.o-Station-name {
    font-family: 'AllerLight', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
}

.o-Station-content {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
    padding: 1rem;
    box-sizing: border-box;
    position: relative;
}

.o-Station-content-overlay {
    background-color: rgba(25, 23, 64, .5) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*transition: .2s all;*/
    z-index: 999;
    display: none;
}

.o-RowGrid-isDraggable .o-Station-content-overlay {
    display: block;
}

.o-Station-tanks {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.o-Station-tank {
    display: flex;
    flex-direction: column;
    padding:.5rem .5rem 0;
    box-sizing: border-box;
    flex: 1 1 50%;
}

.o-Station-tank-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Station-tank-header > *:first-child {
    flex: 1 1 auto;
    padding-right:.5rem;
}

.o-Station-tank-header a {
    border-radius: 0;
}

.o-Station-tank-header a:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-Station-tank-header a:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-Station-tank-content:before {
    content: '';
    position: absolute;
    width: 2rem;
    height:3px;
    top:-6px;
    left: 9px;
    border-radius: 3px 3px 0 0 ;
    background-color: #2D358E;
    background-color: var(--primaryColor);
    transition: all .2s;
}

.o-Station-tank-content {
    position: relative;
    border: 3px solid #2D358E;
    border: 3px solid var(--primaryColor);
    border-radius: 9px;
    display: grid;
    flex: 1 1 auto;
    min-height: 100px;
    box-sizing: border-box;
    transition: all .2s;
}

@media (min-width: 700px) {
    .o-Station-tank {
        flex: 0 0 auto;
    }
}

.o-Station-tank-level {
    position: absolute;
    border-radius: 6px;
    bottom:0;
    width: 100%;
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    transition: all .2s;
}

.o-Station-tank-secondaryLevel {
    position: absolute;
    bottom:0;
    width: 100%;
    border-top: 2px dotted #2D358E;
    border-top: 2px dotted var(--primaryColor);
    transition: all .2s;
}

.o-Station-tank-leveltext {
    position: relative;
    margin: auto;
    margin-top: 0px;
    margin-right: 0px;
    max-width: 80%;
    padding: 7px 7px 5px 7px;
    box-sizing: border-box;

    color: #2D358E;

    color: var(--primaryColor);
    font-size: 0.9rem;
    text-align: center;

    border-style: solid;
    border-width: 0 0 1px 1px;
    border-radius: 0px 5px 0px 6px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-Station-tank--nocalibration .o-Station-tank-leveltext {
    color: #829db8 !important;
    color: var(--disabledTextColor) !important;
    border-color: #a0bbd6 !important;
    border-color: var(--disabledColor) !important;
    font-weight: bold !important;
}

.o-Station-tank--nocalibration {
    border: 3px solid #a0bbd6 !important;
    border: 3px solid var(--disabledColor) !important;
    background-color: #d5e3f5 !important;
    background-color: var(--disabledBgColor) !important;
}

.o-Station-tank--nocalibration:before {
    background-color: #a0bbd6 !important;
    background-color: var(--disabledColor) !important;
}

.o-Station-tank--nocalibration .o-Station-tank-secondaryLevel {
    border-color: #a0bbd6 !important;
    border-color: var(--disabledColor) !important;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-StationWidget {
    position: relative;
    flex: 1 1 100%;
    padding: .5rem;
}

.o-StationWidget-tanks {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: .5rem;
    height: 100%;
}

.o-StationWidget-tanks .o-Station-tank-content {
    min-height: 0;
    min-height: initial;
    min-width: 0;
    min-width: initial;
}

.o-StationWidget-tanks--2x {
    grid-template-columns: repeat(2, 1fr);
}

.o-StationWidget-tanks--3x {
    grid-template-columns: repeat(3, 1fr);
}

.o-StationWidget-tanks .o-Station-tank {
    margin: .5rem 0 0;
    padding: 0;
}

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-AddWidgetList {
    margin:-1rem;
    padding:0;
}

.o-WidgetCategory {
    list-style: none;
    margin: 1rem;
    padding: 0;
    border:1px solid #C5E3FF;
    border:1px solid var(--borderColor);
    border-radius: 3px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
}

.o-WidgetCategory > a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-WidgetCategory > a:after {
    content: "\F078";
    font-family: 'FontAwesome', sans-serif;
    flex: 1 1 auto;
    text-align: right;
    margin-right: 1rem;
}

.o-WidgetCategory--show > a:after {
    content: "\F077";
}

.o-WidgetCategory > div {
    display: none;
    height: 0;
    transition: .2s all;
    flex-wrap: wrap;
    padding:0 .5rem .25rem;
    box-sizing: border-box;
}

.o-WidgetCategory > div:empty {
    padding:0;
}

.o-WidgetCategory--show > div {
    display: flex;
    height: auto;
}

.o-WidgetCategory--allUsed > div:before {
    content: 'All available widgets in this category are used';
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    padding: 2rem;
    border-radius: 3px;
    flex: 1 1 100%;
    margin: .5rem
}

.o-WidgetCategory--show.o-WidgetCategory--empty:after {
    display: block;
    content: 'No available widgets in this category';
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    padding: 2rem;
    border-radius: 3px;
    flex: 1 1 100%;
    margin: 1rem
}

.o-WidgetItem {
    margin:.25rem 0;
    flex: 0 1 100%;
    max-width: 100%;
    display: flex;
    box-sizing: border-box;
}

.o-WidgetItem-empty {
    display: none;
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    padding: 2rem;
    border-radius: 3px;
}

.o-WidgetItem-empty--show {
    display: block;
    flex: 1 1 auto;
}

.o-WidgetItem--hide {
    display: none;
}

.o-WidgetItem-info {
    flex: 0 1 100%;
    max-width: 100%;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-radius: 3px;
    position: relative;
    box-sizing: border-box;
}

.o-WidgetItem-infoHeader {
    margin: -1px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.o-WidgetItem-infoHeader > * {
    box-sizing: border-box;
}

.o-WidgetItem-icon:before {
    content: '\F39B';
    font-family: 'FontAwesome', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-size: 5rem;
}

.o-WidgetItem-icon--Number:before {
    content: '\F292';
}

.o-WidgetItem-icon--Donut:before {
    content: '\F200';
}

.o-WidgetItem-icon--Table:before {
    content: '\F0CE';
}

.o-WidgetItem-icon--Bar:before {
    content: '\F080';
}

.o-WidgetItem-icon--Map:before {
    content: '\F5A0';
}

.o-WidgetItem-icon--Timeseries:before {
    content: '\F1FE';
}

.o-WidgetItem-icon--Trendline:before {
    content: '\F201'
}

.o-WidgetItem-icon--Station:before {
    content: '\F52F'
}

.o-WidgetItem-icon--Tank:before {
    content: '\F3FD'
}

.o-WidgetCategory > a {
    display: flex;
    align-items: center;
}

.o-WidgetCategory > a:before {
    content: '\F39B';
    font-family: 'FontAwesome', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-size: 2rem;
    margin-right:1rem;
}

.o-WidgetCategory--Number > a:before {
    content: '\F292';
}

.o-WidgetCategory--Donut > a:before {
    content: '\F200';
}

.o-WidgetCategory--Table > a:before {
    content: '\F0CE';
}

.o-WidgetCategory--Bar > a:before {
    content: '\F080';
}

.o-WidgetCategory--Map > a:before {
    content: '\F5A0';
}

.o-WidgetCategory--Timeseries > a:before {
    content: '\F1FE';
}

.o-WidgetCategory--Trendline > a:before {
    content: '\F201'
}

.o-WidgetCategory--Station > a:before {
    content: '\F52F'
}

.o-WidgetCategory--Tank > a:before {
    content: '\F3FD'
}

.o-WidgetItem-icon {
    margin:1.5rem auto 2rem;
    text-align: center;
}

.o-WidgetItem-name {
    flex: 1 1 auto;
    color: #2D358E;
    color: var(--primaryColor);
    font-family: 'AllerLight', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 .75rem;
}

.o-WidgetItem-size {
    padding: .75rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
    border-radius: 2px;
}

.o-WidgetItem-add {
    font-family: 'FontAwesome', sans-serif;
    padding:.75rem 1rem;
    color: #FFF;
    color: var(--secondaryBgColor);
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    border: 1px solid rgba(59,181,74,.8);
    border: 1px solid var(--secondaryColor);
    border-radius:0 3px 3px 0;
    transition: all .2s;
    text-decoration: none;
    z-index: 3;
}

.o-WidgetItem-add:hover {
    background-color: rgba(80,205,96,.8);
    background-color: var(--secondaryHighlightColor);
    border-color: rgba(80,205,96,.8);
    border-color: var(--secondaryHighlightColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-RemainingLimit {
    width: 100%;
}

.o-RemainingLimit-bar {
    height: 24px;
    min-width: 1px;
    border-bottom-right-radius: 3px;
}

.o-RemainingLimit-bar--squeezed {
    margin: -0.8rem;
}

.o-RemainingLimit-spacer {
    min-width: 120px;
}

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

/*Styling for a step chart widget*/

.o-StepChartWidget {
    height: calc(100% - 37.85px);
    height: calc(100% - var(--widgetMagicSubtract));
    display:flex;
    flex-direction: column;
}

/*Styling for a widget in a grid*/

.o-Grid-cell--expanded .o-StepChartWidget > .o-SVG {
    flex: 0 1 calc((100% / 3 * 2) - 1.25rem - 2px);
    flex: 0 1 calc((100% / 3 * 2) - var(--widgetSVGMagicSubtract1) - var(--widgetSVGMagicSubtract2));
    height: auto;
}

/*Styling for the legend container of a widget*/

.o-StepChartWidget-legendContainer {
    overflow: auto;
    display: none;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-top: 1px solid #e3f4ff;
    border-top: 1px solid var(--primaryBgHarderColor);
    flex: 1 0 calc(100% / 3);
}

.o-Grid-cell--expanded .o-StepChartWidget-legendContainer {
    display: block;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Grid {
    flex: 1 1 auto;
    position: relative;
    display: block;
    box-sizing: border-box;
    transition: all .2s;
    height: 100%;
    top: 0; left: 0; right: 0; bottom: 0;
    outline:none !important;
}

.o-Grid-isDraggable .o-Grid-cell.draggable-source--is-dragging > div {
    border:1px dashed #C5E3FF;
    border:1px dashed var(--borderColor);
    background-color: transparent;
}

.o-Grid-isDraggable .o-Grid-cell.draggable-source--is-dragging > div > * {
    visibility: hidden;
}

.o-Grid-cell {
    outline:none !important;
    z-index: 1;
    padding:0.5rem;
    box-sizing: border-box;
    position: absolute;
    display: flex;
    margin-bottom:2rem;
}

@media (max-width: 600px) {
    .o-Grid-cell {
        position: relative;
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        transform: translate(0,0) !important;
        margin-bottom: 0;
    }

    .o-Grid-cell.draggable-mirror {
        opacity: .5 !important;
        display: none;
    }

    .o-Grid-isDraggable .o-Grid-cell.draggable-source--is-dragging > div {
        border:1px solid #C5E3FF !important;
        border:1px solid var(--borderColor) !important;
        background-color: white !important;
    }

    .o-Grid-isDraggable .o-Grid-cell.draggable-source--is-dragging > div > * {
        visibility: visible !important;
    }
}

.o-Grid-cell.draggable-mirror {
    opacity: .5;
}

.o-Grid-cell-contentContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    border-radius: 3px;
    border:1px solid #b0d8ff;
    border:1px solid var(--borderHighlightColor);
    background: #fff;
}

.o-Grid-cell-contentContainer--hide {
    display: none;
}

.o-Grid-cell-contentContainer-name {
    padding:.75rem;
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
}

.o-Grid-cell-editContainer {
    width: 100%;
    display: none;
    flex: 1 1 auto;
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-radius: 3px;
    position: relative;
    flex-direction: column;
}

.o-Grid-cell-editContainer--show {
    display: flex;
}

.o-Grid-cell-editHeader,
.o-Grid-cell-contentHeader {
    flex: 0 0 auto;
    display: flex;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    margin: -1px -1px 0;
    align-items: center;
    flex-direction: row;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.o-Grid-cell-contentHeader {
    justify-content: space-between;
}

.o-Grid-cell-editContainer-icon:before {
    content: '\F39B';
    font-family: 'FontAwesome', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-size: 5rem;
}

.o-Grid-cell-editContainer-icon--Number:before {
    content: '\F292';
}

.o-Grid-cell-editContainer-icon--Donut:before {
    content: '\F200';
}

.o-Grid-cell-editContainer-icon--Table:before {
    content: '\F0CE';
}

.o-Grid-cell-editContainer-icon--Bar:before {
    content: '\F080';
}

.o-Grid-cell-editContainer-icon--Map:before {
    content: '\F5A0';
}

.o-Grid-cell-editContainer-icon--Timeseries:before {
    content: '\F1FE';
}

.o-Grid-cell-editContainer-icon--Trendline:before {
    content: '\F201'
}

.o-Grid-cell-editContainer-icon--Station:before {
    content: '\F52F'
}

.o-Grid-cell-editContainer-icon--Tank:before {
    content: '\F3FD';
}

.o-Grid-cell-editContainer-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.75rem;
    margin-left: -2.5rem
}

.o-Grid-cell-editContainer-name {
    flex: 1 1 auto;
    color: #2D358E;
    color: var(--primaryColor);
    font-family: 'AllerLight', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: .75rem;
    padding: 0.75rem 0;
    cursor: move;
}

.o-Grid-cell-editContainer-name span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.o-Grid-cell-editContainer-name:before {
    content: '\F0B2';
    font-family: 'FontAwesomeSolid', sans-serif;
    display: inline-block;
    margin:0 .75rem;
}

.o-Grid-cell-editContainer-size {
    flex: 0 1 auto;
    padding: .75rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    color: #2D358E;
    color: var(--primaryColor);
    position: absolute;
    bottom:.5rem;
    left:.5rem;
    border-radius: 2px;
    z-index: 3;
}

.o-Grid-cell-infoContainer-remove {
    flex: 0 1 auto;
    font-family: 'FontAwesome', sans-serif;
    padding:.75rem 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-left-color: #b0d8ff;
    border-left-color: var(--borderHighlightColor);
    border-top-right-radius: 3px;
    transition: all .2s;
    text-decoration: none;
    z-index: 3;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Grid-cell-infoContainer-remove:hover {
    background-color:  #b0d8ff;
    background-color:  var(--borderHighlightColor);
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
}

.o-Grid-cell-action {
    text-decoration: none;
    padding: .75rem 1rem;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-left-color: #b0d8ff;
    border-left-color: var(--borderHighlightColor);
    transition: all .2s;
    color: #2D358E;
    color: var(--primaryColor);
    flex: 0 0 auto;
}

.o-Grid-cell-action:last-child {
    border-top-right-radius: 3px;
}

.o-Grid-cell-action:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border-color: #F0F9FF;
    border-color: var(--primaryBgColor);
}

.o-Grid-cell-actionLegend:before {
    content: '\F03A';
}

.o-Grid-cell--expanded .o-Grid-cell-actionLegend:before {
    content: '\F077';
}

.o-Grid-cell-actionInfo:before {
    content: '\F05A';
}

.o-Grid-cell-actionExport:before {
    content: '\F019';
}


:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-OverflowContainer {
    overflow: auto;
    border: none;
    box-sizing: border-box;
}

.o-OverflowContainer--borderTop {
    border-top: 1px solid #b0d8ff;
    border-top: 1px solid var(--borderHighlightColor);
}

.o-OverflowContainer--borderBottom {
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
}

.o-OverflowContainer--borderLeft {
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}

.o-OverflowContainer--borderRight {
    border-right: 1px solid #b0d8ff;
    border-right: 1px solid var(--borderHighlightColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Search {
    display: flex;
}

.o-Search--toolbar {
    flex: 0 1 40rem;

}

.o-Search > * {
    padding: 1rem 1.25rem;
    transition: all .2s;
    font-size: 1.3rem;
}

.o-Search > *:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.o-Search > a {
    flex: 0 0 auto;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
    font-family: 'FontAwesome', sans-serif;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-right: none;
    transition: width .2s, padding-left .2s, padding-right .2s, background-color .2s, border-left-width .2s;
    cursor: pointer;
    outline: none;
}

.o-Search > .o-Search-icon {
    font-family: 'FontAwesome', sans-serif;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    cursor: pointer;
    outline: none;
}

.o-Search > input {
    flex: 1 1 auto;
    box-sizing: border-box;
    outline: none;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-right: none;
    font-size: 1rem;
}

.o-Search > input::-moz-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

.o-Search > input:-ms-input-placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

.o-Search > input::placeholder {
    color: #829db8;
    color: var(--disabledTextColor);
}

.o-Search > input:focus {
    border-color: #b0d8ff;
    border-color: var(--borderHighlightColor);
}

.o-Search > a:hover {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
}

.o-Search > .o-Search-icon:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Search > .o-Search-a--invisible,
.o-Search > .o-Search-a--invisible:hover {
    color: #C5E3FF;
    color: var(--borderColor);
    border-left-width: 0;
    width: 0;
    padding-left: 0;
    padding-right: 0;
}

.o-Search > .o-Search-icon--disabled {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    cursor: not-allowed;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Form {
    position: relative;
    width: 100%;
}

.o-Form--disabled input,
.o-Form--disabled select {
    background-color: transparent !important;
    border: none !important;
}

.o-Form--noHorizontalPadding .o-FieldGroup-content,
.o-Form--noHorizontalPadding .o-FieldGroup-title{
    padding-left: 0;
    padding-right: 0;
}

/*.o-Field:not(:first-child) label {*/

/*    padding-top: 1rem;*/

/*}*/

.o-Field {
    display: flex;
    margin: .5rem 0;
    flex-wrap: wrap;
}

.o-Field:first-child {
    margin-top: 0;
}

.o-Field:last-child {
    margin-bottom: 0;
}

.o-Field > div {
    flex: 1 0 70%;
    box-sizing: border-box;
}

.o-Field label {
    color: #2D358E;
    color: var(--primaryColor);
    display: block;
    padding-right: 1rem;
    flex: 0 0 30%;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.o-Field label:empty {
    display: none;
}

.o-Field--required label:after {
    content: '*';
}

.o-Field .o-Input, .o-MultiKeyValue-input .o-Input {
    padding: .75rem;
}

.o-Select {
    padding: .5rem .75rem;
}

.o-Field-ChildWrapperFlex > div {
    display: flex;
}

.o-Field-ChildWrapperFlex > div > *:first-child{
    border-radius: 3px 0 0 3px;
}

.o-Field-ChildWrapperFlex > div > *:last-child{
    border-radius: 0 3px 3px 0;
}

.o-Input,
.o-Select {
    outline: none;
    border-radius: 3px;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-family: 'AllerLight', sans-serif;
}

.o-Input--narrow {
    width: 8rem;
}

.o-Field:not(.o-Field--error) .o-Input:focus,
.o-Field:not(.o-Field--error) .o-Select:focus {
    border-color: #2D358E;
    border-color: var(--primaryColor);
    border-style: solid;
}

.o-Field--disabled label {
    color: grey;
}

.o-Field--disabled .o-Input,
.o-Field--disabled .o-Select {
    border-color: lightgrey;
}

.o-Field--error {
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    border-radius: 3px;
}

.o-Field--error .o-Input,
.o-Field--error .o-Select,
.o-Field--error .o-Autocomplete-input,
.o-Field--error .o-Autocomplete-list,
.o-Field--error .o-Textarea,
.o-Field--error .o-FormDateRange .o-DateRange-nav a,
.o-Field--error .o-FormDateRange .o-DateRange-multiPanel,
.o-Field--error .o-Radio > a,
.o-Field--error .o-Date {
    border-color: red !important;
    border-color: var(--redBorderColor) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.o-Field-error {
    flex: 0 0 100% !important;
    height: 0;
    padding: 0;
}

.o-Field-error::first-letter {
    text-transform: capitalize;
}

.o-Field--error .o-Field-error {
    height: auto;
    padding: .5rem .75rem;
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-Field--error label {
    color: red;
    color: var(--redBorderColor);
    padding-left: .75rem;
}

.o-Field--error label:not(.o-LabelInput):after {
    content: '\F071';
    font-family: 'FontAwesome', sans-serif;
    float: right;
}

.o-Field--error .o-LabelInput span {
    border-bottom-left-radius: 0;
}

.o-FieldGroup-title {
    display: block;
    background-color: white;
    padding: 2rem;
    color: #2D358E;
    color: var(--primaryColor);
    text-decoration: none;
    margin: 0;
    transition: padding .2s;
}

.o-FieldGroup-content {
    padding: 2rem;
    transition: padding .2s;
}

@media (max-width: 450px) {
    .o-FieldGroup-title {
        padding: 2rem 1rem;
    }

    .o-FieldGroup-content {
        padding: 1rem;
    }
}

@media (max-width: 500px) {
    .o-Field {
        display: block;
    }

    .o-Field:not(:first-child) label {
        padding-top: 1rem;
    }

    .o-Field label {
        padding-bottom: .5rem;
        padding-right: 0;
    }

    .o-Field--required label:after {
        float: right;
    }

    .o-Field--error {
        border: none;
        border-radius: 0;
    }

    .o-Field--error label {
        color: red;
        color: var(--redBorderColor);
        padding-left: 0;
    }

    .o-Field--error .o-Input,
    .o-Field--error .o-Select,
    .o-Field--error .o-Autocomplete-input,
    .o-Field--error .o-Autocomplete-list,
    .o-Field--error .o-Textarea,
    .o-Field--error .o-FormDateRange .o-DateRange-nav a,
    .o-Field--error .o-FormDateRange .o-DateRange-multiPanel,
    .o-Field--error .o-Radio > a,
    .o-Field--error .o-Date {
        border-top-left-radius: 3px !important;
        border-top: 1px solid red;
        border-top: 1px solid var(--redBorderColor);
        border-bottom: 1px solid red;
        border-bottom: 1px solid var(--redBorderColor);
        border-right: 1px solid red;
        border-right: 1px solid var(--redBorderColor);
    }
}

@media (min-width: 900px) {
    .o-FieldGroup-title {
        padding-left: 20vw;
    }

    .o-FieldGroup-content {
        padding: 2rem 20vw;
    }
}

.o-MultiInput-wrapper {
    margin: 0;
    padding: 0;
}

.o-MultiInput-wrapper > li {
    display: flex;
    margin: .5rem 0;
}

.o-MultiInput-wrapper > li:first-child {
    margin-top: 0;
}

.o-MultiInput-wrapper > li > a {
    margin-left: .5rem;
    font-family: 'FontAwesome', sans-serif;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.o-MultiKeyValue-input input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.o-MultiKeyValue-input input:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.o-TemplateSelect {
    display: flex;
}

.o-TemplateSelect > select {
    flex: 1 1 auto;
    border-radius: 3px 0 0 3px;
}

.o-TemplateSelect > .o-TemplateSelect-action {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    transition: all .2s;
    padding: .75rem 1rem;
    text-decoration: none;
}

.o-TemplateSelect > .o-TemplateSelect-action:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #b0d8ff;
    border-left: 1px solid var(--borderHighlightColor);
}

.o-TemplateSelect > .o-TemplateSelect-action:hover {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

/*
    Custom
 */

.o-Custom-Input {
    outline: none;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-family: 'AllerLight', sans-serif;
    padding: .75rem;
}

.o-Custom-Mutation-Header {
    display: flex;
    flex-direction: row;
    text-align: center;
    padding: 5px;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Custom-Mutation-HeaderL {
    width: 30% !important;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Custom-Mutation-HeaderR {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 70% !important;
}

.o-Recurring-Asset-HeaderItems {
    flex: 0 0 calc(75% / 3 - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[dir="ltr"] .o-Custom-Mutation-Input-wrapper > div {
    padding-left: 0px !important;
}

[dir="rtl"] .o-Custom-Mutation-Input-wrapper > div {
    padding-right: 0px !important;
}

.o-Custom-Mutation-Input-wrapper > div {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
}

.o-Custom-Mutation-InputNV-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0;
}

.o-Custom-Mutation-Icon {
    font-family: 'FontAwesome', sans-serif;
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
    cursor: pointer;
    outline: none;
    flex: 0 0 3rem;
}

.o-Custom-Mutation-Icon:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}

.o-Custom-is-disabled {
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    cursor: not-allowed;
}

.o-Custom-Border-Top-White {
    border-top-color: white;
}

.o-Custom-Border-Top-Blue {
    border-top-color: #F0F9FF;
    border-top-color: var(--primaryBgColor);
}

.o-Custom-Border-Top-BlueD {
    border-top-color: #C5E3FF;
    border-top-color: var(--borderColor);
}

.o-Custom-Border-Top-BlueD:hover {
    border-top-color: #F0F9FF;
    border-top-color: var(--primaryBgColor);
}

.o-Custom-No-Border-Right {
    border-right: none;
}

/*
    Notification Rule
 */

.o-Email-Rule-Header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100% !important;
}

/*
    The result text when a when a Confirm Button in a Field is clicked, can be good or bad result after the action
 */

.o-ConfirmBtn-Text-Result-Good {
    border-radius: 3px;
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    text-align: center;
    color: #ffffff;
    padding: 1rem;
}

.o-ConfirmBtn-Text-Result-Bad {
    border-radius: 3px;
    background-color: red;
    background-color: var(--redBorderColor);
    text-align: center;
    color: #ffffff;
    padding: 1rem;
}

.o-Radio > .o-Radio-option--disabled,
.o-Radio > .o-Radio-option--disabled:hover {
    color: #a0bbd6;
    color: var(--disabledColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    cursor: not-allowed;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Btn--secondary.o-BusyButton {
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-Btn--secondary.o-BusyButton:hover {
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-Btn--secondary.o-BusyButton--busy {
    cursor: default;
    border: 1px solid #d5e3f5;
    border: 1px solid var(--disabledBorderColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    color: #a0bbd6;
    color: var(--disabledColor);
}

.o-Btn--primary.o-BusyButton {
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
}

.o-Btn--primary.o-BusyButton:hover {
    border: 1px solid #5766a5;
    border: 1px solid var(--primaryHighlightColor);
}

.o-Btn--primary.o-BusyButton--busy {
    cursor: default;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    background-color: transparent;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-BusyButton--busy:hover {
    background-color: transparent;
}

.o-BusyButton--error,
.o-BusyButton--error:hover {
    border-color: red !important;
    border-color: var(--redBorderColor) !important;
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color:white;
}

.o-BusyButton--error.o-BusyButton--busy,
.o-BusyButton--error.o-BusyButton--busy:hover {
    background-color: transparent;
    color: red;
    color: var(--redBorderColor);
}

.o-BusyButton.is-disabled,
.o-BusyButton.is-disabled:hover {
    color: #a0bbd6;
    color: var(--disabledColor);
    background-color: #d5e3f5;
    background-color: var(--disabledBgColor);
    border-color: #d5e3f5;
    border-color: var(--disabledBorderColor);
    cursor: not-allowed;
}

.o-AddBtn {
    border-radius: 3px;
    background-color: rgba(59,181,74,.8) !important;
    background-color: var(--secondaryColor) !important;
    border: 1px solid rgba(59,181,74,.8) !important;
    border: 1px solid var(--secondaryColor) !important;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    margin: 2px;
    text-align: center;
    color: white;
}

.o-DeleteBtn {
    border-radius: 3px;
    background-color: rgba(255,0,0,.5) !important;
    background-color: var(--redBgColor) !important;
    border: 1px solid rgba(255,0,0,.5) !important;
    border: 1px solid var(--redBgColor) !important;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    margin: 2px;
    text-align: center;
    color: white;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-ConfirmBtn {
    display: flex;
}

.o-ConfirmBtn > * {
    width: 0;
    flex: 0 0 auto;
    transition: all 0.2s;
    padding: 1rem 0;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}

.o-ConfirmBtn--show > * {
    width: auto;
    padding: 1rem;
}

.o-ConfirmBtn > .o-ConfirmBtn-cta {
    box-sizing: border-box;
    width: auto;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
    background-color: #2D358E;
    background-color: var(--primaryColor);
    border-radius: 3px;
    transition: all .2s;
    padding: 1rem;
    flex: 1 1 auto;
}

.o-ConfirmBtn--fullWidth > .o-ConfirmBtn-cta {
    width: 100%;
}

.o-ConfirmBtn > .o-ConfirmBtn-cta:hover {
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
}

.o-ConfirmBtn--error > .o-ConfirmBtn-cta {
    border-color: red;
    border-color: var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    background-color: transparent;
}

.o-ConfirmBtn--error > .o-ConfirmBtn-cta:hover {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-ConfirmBtn--show > .o-ConfirmBtn-cta {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #5766a5;
    background-color: var(--primaryHighlightColor);
    color: white;
    flex: 1 1 auto;
    transition: none;
    cursor: default;
}

.o-ConfirmBtn--error.o-ConfirmBtn--show > .o-ConfirmBtn-cta {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
}

.o-ConfirmBtn > .o-ConfirmBtn-message {
    border-top: 1px solid #2D358E;
    border-top: 1px solid var(--primaryColor);
    border-bottom: 1px solid #2D358E;
    border-bottom: 1px solid var(--primaryColor);
    color: #2D358E;
    color: var(--primaryColor);
    flex: 0 0 auto;
    text-align: left;
}

.o-ConfirmBtn--error > .o-ConfirmBtn-message {
    border-color: red;
    border-color: var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
    background-color: transparent;
    cursor: default;
}

.o-ConfirmBtn > .o-ConfirmBtn-yes {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-ConfirmBtn > .o-ConfirmBtn-yes:hover {
    background-color: rgba(80,205,96,.8);
    background-color: var(--secondaryHighlightColor);
}

.o-ConfirmBtn > .o-ConfirmBtn-no {
    color: red;
    color: var(--redBorderColor);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-ConfirmBtn > .o-ConfirmBtn-no:hover {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-ConfirmBtn--show > .o-ConfirmBtn-no {
    border: 1px solid red;
    border: 1px solid var(--redBorderColor);
    border-left: none;
}

.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-cta,
.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-no {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.o-ConfirmBtn-AfterInputField > *:not(.o-ConfirmBtn-cta) {
    display: none;
    width: auto;
}

.o-ConfirmBtn-AfterInputField.o-ConfirmBtn--show > * {
    display: block;
}

.o-ConfirmBtn-AfterInputField {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    transition: none;
}

.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-message {
    border-left: 1px solid #2D358E;
    border-left: 1px solid var(--primaryColor);
    border-right: 1px solid #2D358E;
    border-right: 1px solid var(--primaryColor);
}

.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-no {
    border-left: 1px solid red;
    border-left: 1px solid var(--redBorderColor);
    border-bottom-left-radius: 3px;
}

.o-ConfirmBtn-Loading > .o-ConfirmBtn-no,
.o-ConfirmBtn-Loading > .o-ConfirmBtn-yes {
    display: none;
}

.o-ConfirmBtn-AfterInputField.o-ConfirmBtn--show > .o-ConfirmBtn-cta {
    border-bottom-left-radius: 0;
}

.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-cta {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
}

.o-ConfirmBtn-AfterInputField > .o-ConfirmBtn-cta:hover {
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-RowGrid {
    outline:none !important;
    flex: 1 1 auto;
    display: grid;
    box-sizing: border-box;
    transition: all .2s;
    /*height: 100%;*/
    /*top: 0; left: 0; right: 0; bottom: 0;*/
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    grid-template-rows: minmax(200px, 1fr);
    grid-gap: 1rem;
}

.o-RowGrid-isDraggable .o-RowGrid-cell.draggable-source--is-dragging {
    border:1px dashed #C5E3FF;
    border:1px dashed var(--borderColor);
    background-color: transparent;
}

.o-RowGrid-isDraggable .o-RowGrid-cell.draggable-source--is-dragging > * {
    visibility: hidden;
}

.o-RowGrid-cell {
    outline:none !important;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

.o-RowGrid-cell.draggable-mirror {
    opacity: .5;
}

@media (max-width: 700px) {
    .o-RowGrid--collapseAt700px {
        display: block;
    }

    .o-RowGrid-cell {
        margin:1rem 0;
    }

    .o-RowGrid-cell .o-Station {
        margin:1rem;
    }
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Product {
    margin: .25rem 0;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
}

.o-Product:hover  {
    background-color: rgba(250,237,35, .6);
    background-color: var(--highlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Product:first-child {
    margin-top: 0;
}

.o-Product:last-child {
    margin-bottom: 0;
}

.o-Product-swatch {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    margin-left: .25rem;
}

.o-Product:before {
    content: "\F0C8";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2rem;
    margin: -.1rem .5rem;
    flex: 0 0 1rem
}

.o-Product--selected:before {
    content: "\F14A";
}

.o-Product--selected {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-Product-name {
    flex: 1 1 auto;
    padding: .5rem .5rem .5rem .25rem;
}

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-TimeRange {
    margin: .5rem 0 0;
    display: flex;
}

.o-TimeRange--error .o-TimeRange-container  {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: white;
}

.o-TimeRange--error select {
    border-color: red;
    border-color: var(--redBorderColor);
}

.o-TimeRange-container {
    width: 100%;
    background-color: #F0F9FF;
    background-color: var(--primaryBgColor);
    padding: .75rem;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.o-TimeRange-container span {
    flex: 0 0 42px;
    width: 42px;
}

.o-TimeRange-container > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.o-TimeRange-container > div > select:first-of-type {
    margin-right: -1px !important;
}

.o-TimeRange-container > div:first-child {
    margin-bottom: .5rem;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-TimeRule-container {
    margin-bottom: .5rem;
}

.o-TimeRule-container:empty {
    display: none;
}

.o-TimeRule-container > div:first-child {
    margin-top: 0;
}

:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-IntervalInput {
    width: 100%;
    display: flex;
}

.o-IntervalInput > .o-Input {
    flex:1 1 auto;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.o-IntervalInput > .o-Radio {
    flex:0 1 auto;
}

.o-IntervalInput > .o-Radio a:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-OrpakStation {
    display: flex;
    flex-direction: column;
}

.o-OrpakStation-header {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor);
    display: flex;
    padding: .75rem 1rem;
    border-radius: 3px 3px 0 0;
    align-items: center;
    flex-wrap: wrap;
}

.o-RowGrid-isDraggable .o-OrpakStation-header {
    cursor: move;
}

.o-OrpakStation-header-dragHandle {
    display: none;
}

.o-RowGrid-isDraggable .o-OrpakStation-header-dragHandle {
    display: block;
}

.o-OrpakStation-name {
    flex: 1 1 auto;
    margin:0;
}

/*
Should show al sync status related information
1=success; 2=unsynced; 3=Pushing; 4=Pulling; 5=push failed; 6=pull failed
*/

.o-OrpakStation-status {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
}

.o-RowGrid-isDraggable .o-OrpakStation-status {
    display: none;
}

.o-OrpakStation-status > * {
    margin-right: 1rem;
}

/* Success */

.o-OrpakStation-status--mutating {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    color:#FFF;
    color:var(--secondaryBgColor);
}

/* 3=Pushing; 4=Pulling; */

.o-OrpakStation-status--mutating {
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    color: #2D358E;
    color: var(--primaryColor)
}

/* unsynced */

.o-OrpakStation-status--unsynced {
    background-color: orange;
    color:#FFF;
    color:var(--secondaryBgColor);
}

/*5=push failed; 6=pull failed*/

.o-OrpakStation-status--error {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color:#FFF;
    color:var(--secondaryBgColor);
}

.o-OrpakStation-name {
    font-family: 'AllerLight', sans-serif;
    color: #2D358E;
    color: var(--primaryColor);
    font-weight: normal;
}

.o-OrpakStation-content {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    position: relative;
}

.o-OrpakStation-content-overlay {
    background-color: rgba(25, 23, 64, .3) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: .2s all;
    z-index: 999;
    display: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.o-OrpakStation-content-overlay--show {
    display: block;
}

.o-OrpakStation-toaster {
    transition: .2s all;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 0;
    z-index: 1999;
    border: 1px solid #C5E3FF;
    border: 1px solid var(--borderColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border-radius: 3px;
    color: #000;
    color: var(--primaryTextColor);
    width: calc(100% - 10%);
    margin: 5%;
}

.o-OrpakStation-toaster--error {
    border-color: red;
    border-color: var(--redBorderColor);
    color: red;
    color: var(--redBorderColor);
}

.o-OrpakStation-toaster--show {
    display: flex;
}

.o-OrpakStation-toaster-content {
    flex: 1 1 auto;
    padding: 1rem 2rem;
}

.o-OrpakStation-toaster-closeButton {
    padding: 1rem;
    font-family:'FontAwesome', sans-serif;
    flex: 0 0 auto;
    border-radius: 0 2px 2px 0;
    margin: -1px -1px -1px 0;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
}

.o-OrpakStation-toaster--error .o-OrpakStation-toaster-closeButton {
    border-left: 1px solid red;
    border-left: 1px solid var(--redBorderColor);
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    color: #FFF !important;
    color: var(--secondaryBgColor) !important;
}

.o-CommandContainer {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    padding: 0.5rem;
    border-top:1px solid #C5E3FF;
    border-top:1px solid var(--borderColor);
    justify-content: flex-start;
    align-items: flex-start;
}

.o-CommandContainer > * {
    padding: 0.5rem;
    flex: 0 1 auto;
}

.o-CommandContainer > *:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.o-CommandContainer > *:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.o-DispenserContainer {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
}

.o-DispenserContainer--noDispensers {
    flex: 1 1 auto;
    padding: 1rem;
    border: 1px solid red;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: red;
    border-radius: 2px;
}

.o-DispenserContainer > * {
    border: 0.5px solid var(--borderColor);
    padding: 0.5rem;
}

.o-DispenserContainer > *:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.o-DispenserContainer > *:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.o-Dispenser {
    display: flex;
    color: var(--primaryColor);
    text-decoration: none;
}

.o-DispenserContainer.is-disabled .o-Dispenser,
.o-Dispenser.is-disabled {
    display: flex;
    color: var(--disabledColor);
    background-color: var(--disabledBgColor);
    border-color: var(--disabledBgColor);
    text-decoration: none;
    cursor: not-allowed;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-NumberFactory {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(4,minmax(200px, 1fr));
}

.o-Number {


}

.o-Number-label {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .75rem;
}

.o-Number-value {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: .75rem;
    color: #2D358E;
    color: var(--primaryColor);
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
    font-size: 1.5rem;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Scatter-label {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .75rem;
}

.o-Scatter-container {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 1rem;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
    position: relative;
}

.o-Scatter-canvas {
    width: 100%;
    height: 5rem;
}

.o-Scatter-tooltip {
    display: none;
    position: absolute;
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    border-radius: 3px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);

    margin-top: -5rem;
    margin-left: -1.5rem;
    z-index: 99;
    pointer-events: none;
}

.o-Scatter-tooltip:before {
    border: solid;
    border-color: #2D358E transparent;
    border-color: var(--primaryColor) transparent;
    border-width: .4rem .4rem 0 .4rem;

    content: "";
    display: block;
    left: 1rem;
    bottom: calc(-.4rem - 1px);

    position: absolute;
    z-index: 100;
}

.o-Scatter-tooltip--show {
    display: block;
}

.o-Scatter-tooltip-label {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #2D358E;
    background-color: var(--primaryColor);
    color: #FFF;
    color: var(--secondaryBgColor);
}

.o-Scatter-tooltip-label,
.o-Scatter-tooltip-value {
    padding: 0.5rem;
    text-align: center;
}

.o-Scatter-container .o-Bar-wrapper {
    margin: -3.5px 4px 0;
    height: 1rem;
}

.o-Scatter-container .o-Bar-point {
    position: absolute;
    width: 7px;
    transition: all .2s;
    margin-left: calc(50% - 3px);
    margin-top: -.5rem;
}

.o-Scatter-container .o-Bar-point-stripe {
    height: 1rem;
}

.o-Scatter-container  .o-KeyValueTable {
    /*margin: 1rem 4px 0;*/
    /*width: calc(100% - 8px);*/
    margin-top: 1rem;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}



.o-Bar-label {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .75rem;
}



.o-Bar-container {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: .75rem 1rem 1rem;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
}



.o-Bar-wrapper {
    display: flex;
    position: relative;
    height: 2rem;
    margin: .75rem 0 .5rem;
    border-bottom: 1px solid #2D358E;
    border-bottom: 1px solid var(--primaryColor);
}



/*.o-Bar-belowAverage {*/



/*     background-color: var(--secondaryBgColor);*/



/*     flex: 0 0 50%;*/



/*     transition: all .4s;*/



/*     background: -moz-linear-gradient(left,  rgba(160,0,0,.7) 0%, rgba(160,0,0,.7) 33.3%, rgba(255,0,0,.6) 33.3%, rgba(255,0,0,.6) 66.6%, rgba(255,140,0,.7) 66.6%, rgba(255,140,0,.7) 100%); !* FF3.6-15 *!*/



/*     background: -webkit-linear-gradient(left,  rgba(160,0,0,.7) 0%,rgba(160,0,0,.7) 33.3%,rgba(255,0,0,.6) 33.3%,rgba(255,0,0,.6) 66.6%,rgba(255,140,0,.7) 66.6%,rgba(255,140,0,.7) 100%); !* Chrome10-25,Safari5.1-6 *!*/



/*     background: linear-gradient(to right,  rgba(160,0,0,.7) 0%,rgba(160,0,0,.7) 33.3%,rgba(255,0,0,.6) 33.3%,rgba(255,0,0,.6) 66.6%,rgba(255,140,0,.7) 66.6%,rgba(255,140,0,.7) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/



/* }*/



/*.o-Bar-aboveAverage {*/



/*    background-color: var(--secondaryBgColor);*/



/*    flex: 1 1 50%;*/



/*    transition: all .4s;*/



/*    background: -moz-linear-gradient(left,  rgba(215,255,0,0.8) 0%, rgba(215,255,0,0.8) 33.3%, rgba(59,181,74,0.8) 33.3%, rgba(59,181,74,0.8) 66.6%, rgba(29,142,27,0.8) 66.6%, rgba(29,142,27,0.8) 100%); !* FF3.6-15 *!*/



/*    background: -webkit-linear-gradient(left,  rgba(215,255,0,0.8) 0%,rgba(215,255,0,0.8) 33.3%,rgba(59,181,74,0.8) 33.3%,rgba(59,181,74,0.8) 66.6%,rgba(29,142,27,0.8) 66.6%,rgba(29,142,27,0.8) 100%); !* Chrome10-25,Safari5.1-6 *!*/



/*    background: linear-gradient(to right,  rgba(215,255,0,0.8) 0%,rgba(215,255,0,0.8) 33.3%,rgba(59,181,74,0.8) 33.3%,rgba(59,181,74,0.8) 66.6%,rgba(29,142,27,0.8) 66.6%,rgba(29,142,27,0.8) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/



/*}*/



/*.o-Bar--reverse .o-Bar-belowAverage {*/



/*    background: -moz-linear-gradient(right,  rgba(215,255,0,0.8) 0%, rgba(215,255,0,0.8) 33.3%, rgba(59,181,74,0.8) 33.3%, rgba(59,181,74,0.8) 66.6%, rgba(29,142,27,0.8) 66.6%, rgba(29,142,27,0.8) 100%); !* FF3.6-15 *!*/



/*    background: -webkit-linear-gradient(right,  rgba(215,255,0,0.8) 0%,rgba(215,255,0,0.8) 33.3%,rgba(59,181,74,0.8) 33.3%,rgba(59,181,74,0.8) 66.6%,rgba(29,142,27,0.8) 66.6%,rgba(29,142,27,0.8) 100%); !* Chrome10-25,Safari5.1-6 *!*/



/*    background: linear-gradient(to left,  rgba(215,255,0,0.8) 0%,rgba(215,255,0,0.8) 33.3%,rgba(59,181,74,0.8) 33.3%,rgba(59,181,74,0.8) 66.6%,rgba(29,142,27,0.8) 66.6%,rgba(29,142,27,0.8) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/



/*}*/



/*.o-Bar--reverse .o-Bar-aboveAverage {*/



/*    background: -moz-linear-gradient(right,  rgba(160,0,0,.7) 0%, rgba(160,0,0,.7) 33.3%, rgba(255,0,0,.6) 33.3%, rgba(255,0,0,.6) 66.6%, rgba(255,140,0,.7) 66.6%, rgba(255,140,0,.7) 100%); !* FF3.6-15 *!*/



/*    background: -webkit-linear-gradient(right,  rgba(160,0,0,.7) 0%,rgba(160,0,0,.7) 33.3%,rgba(255,0,0,.6) 33.3%,rgba(255,0,0,.6) 66.6%,rgba(255,140,0,.7) 66.6%,rgba(255,140,0,.7) 100%); !* Chrome10-25,Safari5.1-6 *!*/



/*    background: linear-gradient(to left,  rgba(160,0,0,.7) 0%,rgba(160,0,0,.7) 33.3%,rgba(255,0,0,.6) 33.3%,rgba(255,0,0,.6) 66.6%,rgba(255,140,0,.7) 66.6%,rgba(255,140,0,.7) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/



/*}*/



.o-Bar-belowAverage {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    flex: 0 0 50%;
    transition: all .4s; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(160,0,0,.7) 0%, rgba(255,0,0,.6) 50%, rgba(255,140,0,.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.o-Bar-aboveAverage {
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    flex: 1 1 50%;
    transition: all .4s; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(215,255,0,0.8) 0%, rgba(59,181,74,0.8) 50%, rgba(29,142,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.o-Bar--reverse .o-Bar-belowAverage { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left,  rgba(215,255,0,0.8) 0%, rgba(59,181,74,0.8) 50%, rgba(29,142,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.o-Bar--reverse .o-Bar-aboveAverage { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left,  rgba(160,0,0,.7) 0%, rgba(255,0,0,.6) 50%, rgba(255,140,0,.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.o-Bar-point {
    position: absolute;
    width: 7px;
    margin-top: -.75rem;
    transition: all .2s;
    margin-left: calc(50% - 3px);
}



.o-Bar-point-stripe {
    margin: .5rem auto 0;
    width: 1px;
    height: 2.25rem;
    background-color: #2D358E;
    background-color: var(--primaryColor);
}



.o-Bar-point-ball {
    position: absolute;
    border-radius: 50%;
    padding: .3rem;
    margin-left: -.05rem;
    transition: all .2s;
}



.o-Bar-list-ball {
    border-radius: 50%;
    height: .6rem;
    width: .6rem;
    display: inline-block;
    transition: all .2s;
}



.o-Bar-list-goal {

}



.o-Bar-list-goal--positive {
    font-family: 'FontAwesomeSolid', sans-serif;
    color: rgba(59,181,74,.8);
    color: var(--secondaryColor);
}



.o-Bar-list-goal--negative {
    font-family: 'FontAwesomeSolid', sans-serif;
    color: rgba(255,0,0,.5);
    color: var(--redBgColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-ScatterFactory {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3,minmax(100px, 1fr));
}

@media (max-width: 1400px) {
    .o-ScatterFactory {
        grid-template-columns: repeat(1,minmax(100px, 1fr)) !important;
    }
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-DriverSummaryFactory {
    display: block;
    margin: 2rem 0;
}

.o-DriverSummaryFactory > .o-DriverSummary {
    margin: 1rem 0;
}

.o-DriverSummary-label {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #2D358E;
    color: var(--primaryColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    background-color: #C5E3FF;
    background-color: var(--borderColor);
    padding: .75rem;
}

.o-DriverSummary-container {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #FFF;
    background-color: var(--secondaryBgColor);
    border: 1px solid #b0d8ff;
    border: 1px solid var(--borderHighlightColor);
    border-top: none;
}

.o-DriverSummary-container > a {
    display: block;
    padding: 2rem;
    text-decoration: none;
    border-top: 1px solid #b0d8ff;
    border-top: 1px solid var(--borderHighlightColor);
    color: #2D358E;
    color: var(--primaryColor);
}

.o-DriverSummary-container > a:after {
    content: "\F078";
    font-family: 'FontAwesome', sans-serif;
    float: right;
}

.o-DriverSummary-groupContainer {
    display: none;

}

.o-DriverSummary-container--showAll > a  {
    border-bottom: 1px solid #b0d8ff;
    border-bottom: 1px solid var(--borderHighlightColor);
}

.o-DriverSummary-container--showAll > a:after {
    content: "\F077";
}

.o-DriverSummary-container--showAll > .o-DriverSummary-groupContainer {
    display: block;
}

.o-DriverSummary-groupContainer .o-RotatedTable:not(:first-child) tr:first-child th {
    border-top: 1px solid #b0d8ff !important;
    border-top: 1px solid var(--borderHighlightColor) !important;
}

.o-DriverSummary-wrapper {
    display: flex;
    position: relative;
    height: 2rem;
    margin: .75rem 0 .5rem;
    border-bottom: 1px solid #2D358E;
    border-bottom: 1px solid var(--primaryColor);
}

.o-DriverSummary-belowAverage {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
    flex: 0 0 50%;
    transition: all .4s;
}

.o-DriverSummary-aboveAverage {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
    flex: 1 1 50%;
    transition: all .4s;
}

.o-DriverSummary--reverse .o-DriverSummary-belowAverage {
    background-color: rgba(59,181,74,.8);
    background-color: var(--secondaryColor);
}

.o-DriverSummary--reverse .o-DriverSummary-aboveAverage {
    background-color: rgba(255,0,0,.5);
    background-color: var(--redBgColor);
}

.o-DriverSummary-point {
    position: absolute;
    width: 7px;
    margin-top: -.75rem;
    transition: all .2s;
    margin-left: calc(50% - 3px);
}

.o-DriverSummary-point-stripe {
    margin: .5rem auto 0;
    width: 1px;
    height: 2.25rem;
    background-color: #2D358E;
    background-color: var(--primaryColor);
}

.o-DriverSummary-point-ball {
    position: absolute;
    border-radius: 50%;
    padding: .3rem;
    margin-left: -.05rem;
    transition: all .2s;
}

.o-DriverSummary-list-ball {
    border-radius: 50%;
    height: .6rem;
    width: .6rem;
    display: inline-block;
    transition: all .2s;
}

.o-DriverSummary-list-goal {

}

.o-DriverSummary-list-goal--positive {
    font-family: 'FontAwesomeSolid', sans-serif;
    color: rgba(59,181,74,.8);
    color: var(--secondaryColor);
}

.o-DriverSummary-list-goal--negative {
    font-family: 'FontAwesomeSolid', sans-serif;
    color: rgba(255,0,0,.5);
    color: var(--redBgColor);
}

.o-DriverSummary-container .o-RotatedTable {
    table-layout: fixed;
}

.o-DriverSummary-container .o-RotatedTable th {
    border-top: none !important;
    border-right: none !important;
}

.o-DriverSummary-container .o-RotatedTable td,
.o-DriverSummary-container .o-RotatedTable th {
    border-left: none !important;
    border-right: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.o-DriverSummary-container .o-RotatedTable td {
    border-bottom: none !important;
    border-right: none !important;

}

.o-DriverSummary-printButton{
    padding: 5px;
    text-decoration: none;
    color: #2D358E;
    color: var(--primaryColor);
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

.o-Loader  {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99999;
    width: 100vw
}

.o-Loader-loaded   {
    background-color: #6677c0;
    background-color: var(--primarySelectedColor);
    height: 3px;
    width: 0;
    transition: .1s all;
}

.o-Loader-loaded--complete   {
    display: none;
}
:root {
    --primaryBgColor: #F0F9FF;
    --primaryBgHarderColor: #e3f4ff;
    --secondaryBgColor: #FFF;

    --primaryColor: #2D358E;
    --primaryHighlightColor: #5766a5;
    --primarySelectedColor: #6677c0;

    --disabledColor: #a0bbd6;
    --disabledBgColor: #d5e3f5;
    --disabledBorderColor: #d5e3f5;
    --disabledTextColor: #829db8;

    --secondaryColor: rgba(59,181,74,.8);
    --secondaryHighlightColor: rgba(80,205,96,.8);
    --tertiaryBgColor: #d1ffd7;

    --highlightColor: rgba(250,237,35, .6);
    --selectedColor: #FF9;

    --borderColor: #C5E3FF;
    --borderHighlightColor: #b0d8ff;

    --primaryTextColor: #000;
    --redBgColor: rgba(255,0,0,.5);
    --redBorderColor: red;

    --overlayHideZIndex: -999;
    --overlayShowZIndex: 99;

    --widgetMagicSubtract: 37.85px;
    --widgetMagicSubtract2: 25.85px;
    --widgetSVGMagicSubtract1: 1.25rem;
    --widgetSVGMagicSubtract2: 2px;
}

/* Centered popup container */

.o-IdleWarningPanel {
    border: 1px solid #2D358E;
    border: 1px solid var(--primaryColor);
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 50%;
    max-width: 400px; /* Limit the maximum width of the popup */
}

/* Overlay background */

.o-IdleWarningPanel-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 23, 64, .5) !important; /* Semi-transparent background */
    z-index: 1000; /* Ensure the popup appears above other content */
}

/* Style the top bar */

.o-IdleWarningPanel-header {
    color: #2D358E;
    color: var(--primaryColor);
    text-align: center;
    font-size: 2.0rem;
}

/* Style the message area */

.o-IdleWarningPanel-message {
    color: #5766a5;
    color: var(--primaryHighlightColor);
    text-align: center;
    font-size: 1.3rem;
}

/* Center the buttons with a 10 pixel gap between them */

.o-IdleWarningPanel-buttongroup {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 20px;
}


/*# sourceMappingURL=styles.css.map*/