/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*! normalize.css v8.0.1 | 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; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  line-height: 1;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 1em;
  margin: 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; /* 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 */
  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; /* 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;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1; /* trigger hasLayout (for IE7) */
  _display: inline-block; /* IE6 ONLY */
}

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

.hidden {
  display: none;
}

/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
* {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

html {
  height: 100%;
  font-size: 13.6px;
}

body {
  background-color: #161f27;
  color: #fff;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
body a {
  color: #fff;
  text-decoration: none;
}
body .inline-link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body .inline-link:hover {
  text-decoration: underline;
}
body #app-root {
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  overflow-y: auto;
  overflow-x: hidden;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
body.landing-page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #15313b;
  background-image: linear-gradient(300deg, rgba(22, 42, 78, 0.9) 10%, rgba(42, 139, 127, 0.9) 70%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.landing-page::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("../img/images/dedalus-doctor.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: inset 0 0 0 50vw rgba(0, 0, 0, 0.68);
  -moz-box-shadow: inset 0 0 0 50vw rgba(0, 0, 0, 0.68);
  box-shadow: inset 0 0 0 50vw rgba(0, 0, 0, 0.68);
  opacity: 0.65;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
.ReactModalPortal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ReactModalPortal .ReactModal__Overlay {
  background-color: rgba(65, 64, 64, 0.5) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.ReactModalPortal .modal-dialog {
  display: flex;
  background-color: #1f2c36;
  flex-flow: column nowrap;
  margin: 10px;
  max-width: 1000px;
  max-height: calc(100vh - 20px);
  border: 0;
}
.ReactModalPortal .modal-dialog:focus-visible {
  outline: 0 !important;
}
.ReactModalPortal .modal-dialog .modal-dialog-header {
  background-color: #161f27;
  padding: 20px;
  display: flex;
  flex: 1 0 auto;
}
.ReactModalPortal .modal-dialog .modal-dialog-header .title {
  flex: 1 0 auto;
  line-height: 20px;
  font-size: 1.3rem;
  font-weight: bold;
}
.ReactModalPortal .modal-dialog .modal-dialog-header .close {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-image: url("../img/icons/icnCrossGrey.png");
  background-size: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ReactModalPortal .modal-dialog .modal-dialog-header .close:hover {
  background-image: url("../img/icons/icnCrossGreen.png");
  cursor: pointer;
}
.ReactModalPortal .modal-dialog .modal-dialog-body {
  padding: 20px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* corner when you have a horizontal and vertical scrollbar */
  flex: 1 1 auto;
}
.ReactModalPortal .modal-dialog .modal-dialog-body::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.ReactModalPortal .modal-dialog .modal-dialog-body::-webkit-scrollbar-track {
  background: #1f2c36;
}
.ReactModalPortal .modal-dialog .modal-dialog-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}
.ReactModalPortal .modal-dialog .modal-dialog-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.ReactModalPortal .modal-dialog .modal-dialog-body::-webkit-scrollbar-corner {
  background: #1f2c36;
}
.ReactModalPortal .modal-dialog .modal-dialog-footer {
  flex: 1 0 auto;
  justify-content: space-between;
  flex-flow: row nowrap;
  display: flex;
  padding: 10px 20px 20px 20px;
}
.ReactModalPortal .modal-dialog .modal-dialog-footer .buttons-container {
  margin-left: auto;
  align-self: end;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .loading-indicator {
  background-image: url("../img/gifs/loading.gif");
  background-size: 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin: 20px auto;
}
body .error-container {
  background-color: #9a3033;
  padding: 8px;
  line-height: 1.2rem;
  border-radius: 4px;
}
body .soon {
  font-size: 1.4rem;
  padding: 15px;
}
body .soon a {
  color: #48baaf;
}
body .soon a:hover {
  text-decoration: underline;
}
body .small-text {
  font-size: 0.9rem;
  color: #bbb;
}
body .info-tooltip {
  display: inline-block;
  margin-left: 5px;
  background-image: url("../img/icons/icnInfoLightGrey.png");
  background-size: 4px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #9a9a9a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body .info-tooltip:hover {
  background-color: #209287;
  background-image: url("../img/icons/icnInfoWhite.png");
  border: 1px solid #209287;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}
body button {
  border-radius: 4px;
  padding: 2px 12px;
  color: #eee;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  line-height: 26px;
  font-size: 1rem;
  background-color: #555;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  outline: 0;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  background-repeat: no-repeat;
  background-position: 7px center;
  position: relative;
}
body button.no-label {
  padding-left: 12px;
}
body button:not(.as-a-label):disabled {
  background-color: #777;
  opacity: 0.5;
  color: rgba(255, 255, 255, 0.3);
}
body button:not(.as-a-label):disabled:hover {
  background-color: #777;
  cursor: default;
  opacity: 0.5;
  color: rgba(255, 255, 255, 0.3);
}
body button:not(:disabled):hover {
  color: #fff;
  cursor: pointer;
  background-color: #777;
}
body button:not(:disabled):active {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body button::before {
  content: "";
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 0;
  width: 16px;
  height: 100%;
  left: 7px;
  top: 0;
  transition: all ease-out 200ms;
}
body button:hover::before {
  transform: rotate(90deg);
}
body button.silent {
  background-color: transparent;
  color: #eee;
}
body button.silent.as-a-label, body button.silent.as-a-label:hover {
  background-color: transparent;
}
body button.silent:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
}
body button.silent:disabled:hover, body button.silent:disabled {
  background-color: transparent;
  color: #eee;
}
body button.border {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2px 12px;
}
body button.green, body button.primary {
  background-color: #209287;
}
body button.green:hover, body button.primary:hover {
  background-color: #3f9990;
}
body button.blue {
  background-color: rgb(29, 79, 145);
}
body button.blue:hover {
  background-color: #3061a3;
}
body button.red {
  background-color: #9a3033;
}
body button.red:hover {
  background-color: #c1383c;
}
body button.confirmation-active {
  background-color: #0e544d;
  background-image: url("../img/icons/icnValidatedWhite.png");
  background-size: 18px;
  padding-left: 34px;
}
body button.confirmation-active:hover {
  background-color: #0e544d;
}
body button.loading {
  background-image: url("../img/gifs/loading.gif");
  background-size: 16px;
  background-position: 5px center;
  padding-left: 30px;
  color: rgba(255, 255, 255, 0.3);
}
body button.add {
  padding-left: 30px;
}
body button.add::before {
  background-image: url("../img/icons/icnAddWhite.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
body button.edit {
  background-image: url("../img/icons/icnEditWhite.png");
  background-size: 16px;
  padding-left: 30px;
}
body button.favorite {
  background-image: url("../img/icons/icnFavoriteGold.png");
  background-size: 16px;
  padding-left: 30px;
}
body button.set-as-favorite {
  padding-left: 30px;
}
body button.set-as-favorite::before {
  background-image: url("../img/icons/icnFavoriteGrey.png");
  background-size: 16px;
  background-repeat: no-repeat;
}
body button.set-as-favorite:hover::before {
  background-image: url("../img/icons/icnFavoriteGold.png");
  transform: rotate(72deg);
}
body button.reload {
  padding-left: 30px;
}
body button.reload::before {
  background-image: url("../img/icons/icnRestartWhite.png");
}
body button.reload:hover::before {
  transform: rotate(180deg);
}
body button.delete {
  background-image: url("../img/icons/icnCanceledWhite.png");
  padding-left: 30px;
  background-size: 16px;
}
body button.delete.no-label {
  padding-left: 12px;
  width: 40px;
  background-position: center center;
}
body button.save {
  padding-left: 30px;
}
body button.save::before {
  background-image: url("../img/icons/icnValidatedWhite.png");
  transition: all ease-out 400ms;
}
body button.save:hover::before {
  transform: rotate(360deg);
}
body button.link {
  background-image: url("../img/icons/icnLinkWhite.png");
  background-size: 20px;
  padding-left: 30px;
}
body button.link:hover {
  background-image: url("../img/icons/icnLinkWhiteHover.png");
}
body button.unlink {
  background-image: url("../img/icons/icnUnlinkWhite.png");
  background-size: 20px;
  padding-left: 30px;
}
body button.unlink:hover {
  background-image: url("../img/icons/icnUnlinkWhiteHover.png");
}
body button.pause {
  background-image: url("../img/icons/icnPauseWhite.png");
  background-size: 12px;
  padding-left: 26px;
}
body button.resume, body button.start {
  background-image: url("../img/icons/icnStartWhite.png");
  background-size: 14px;
  padding-left: 30px;
}
body button.continue {
  background-image: url("../img/icons/icnArrowRightWhite.png");
  background-size: 20px;
  background-position: right 10px center;
  padding-left: 30px;
  padding-right: 30px;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body input[type=text]:not(.searchBox),
body input[type=number]:not(.searchBox),
body textarea {
  background-color: #2c404d;
  border: 1px solid transparent;
  outline: 0;
  color: #fff;
  padding: 8px 8px;
  line-height: 1rem;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
body input[type=text]:not(.searchBox).error,
body input[type=number]:not(.searchBox).error,
body textarea.error {
  border-color: #9a3033;
}
body input[type=text]:not(.searchBox):disabled,
body input[type=number]:not(.searchBox):disabled,
body textarea:disabled {
  background-color: #2d3941;
  color: #bbb;
}
body input[type=text]:not(.searchBox):not(:disabled):focus, body input[type=text]:not(.searchBox):not(:disabled):hover,
body input[type=number]:not(.searchBox):not(:disabled):focus,
body input[type=number]:not(.searchBox):not(:disabled):hover,
body textarea:not(:disabled):focus,
body textarea:not(:disabled):hover {
  background-color: #3d515f;
}
body textarea {
  resize: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* corner when you have a horizontal and vertical scrollbar */
}
body textarea::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
body textarea::-webkit-scrollbar-track {
  background: #1f2c36;
}
body textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}
body textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
body textarea::-webkit-scrollbar-corner {
  background: #1f2c36;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .label-value-containers-holder {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  justify-content: flex-start;
}
body .label-value-containers-holder .label-value-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body .label-value-containers-holder .label-value-container .value-item, body .label-value-containers-holder .label-value-container .input-item {
  width: 100%;
}
body .label-item {
  margin: 2px 0 4px 0;
  color: #999;
  line-height: 1.2rem;
}
body .label-item.title {
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
body .label-item.title.error {
  color: #f93136;
}
body .label-item .link-label-item {
  margin-left: 5px;
  display: inline-block;
  color: #209287;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
}
body .label-item .link-label-item:hover {
  cursor: pointer;
  color: #48baaf;
}
body .input-item {
  border-radius: 4px;
  font-size: 1rem;
  color: #111;
}
body .value-item {
  font-size: 1rem;
  color: #fff;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  white-space: pre;
  margin: 0 0 3px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body .value-item.empty {
  opacity: 0.2;
}
body .value-item.clickable:hover, body .value-item.clickable.active {
  opacity: 1;
  cursor: pointer;
  background-color: #ddd;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .partial-container {
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #1f2c36;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
}
@-webkit-keyframes activated {
  0% {
    border-color: #384751;
    opacity: 0.4;
  }
  100% {
    background-color: #1f2c36;
    opacity: 1;
  }
}
body .partial-container.activated {
  -webkit-animation-name: activated;
  -webkit-animation-duration: 300ms;
  -webkit-animation-iteration-count: 1;
}
body .partial-container.has-filter .header-field {
  padding-bottom: 0;
}
body .partial-container.has-filter .filter-field {
  border-bottom: 0;
}
body .partial-container h3 {
  line-height: 1.2rem;
  font-size: 1.2rem;
  margin-bottom: 0;
  font-weight: bold;
  padding: 7px;
  margin-right: 10px;
  flex: 0 1 auto;
}
body .partial-container h3 span.light {
  font-weight: 300;
}
body .partial-container .header-field {
  background-color: #384751;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
body .partial-container .header-field h3 {
  margin: 0;
  padding: 7px 0;
}
body .partial-container .header-field .sub-header {
  margin-top: 4px;
  padding-top: 4px;
  padding-bottom: 2px;
  flex: 0 1 auto;
}
body .partial-container > h3 {
  padding: 15px 12px;
}
body .partial-container > div {
  padding: 8px 12px;
}
body .partial-container > div.error-container {
  margin: 8px 12px;
}
body .partial-container.green .header-field {
  background-color: #0e544d;
}
body .partial-container.green .filter-field {
  background-color: #0e544d;
}
body .partial-container.green .filter-field select {
  background-color: #0e544d;
}
body .partial-container.blue .header-field {
  background-color: #183e70;
}
body .partial-container.blue .filter-field {
  background-color: #183e70;
}
body .partial-container.blue .filter-field select {
  background-color: #183e70;
}
body .partial-container.dark-blue .header-field {
  background-color: #161f27;
}
body .partial-container.dark-blue .filter-field {
  background-color: #161f27;
}
body .partial-container.dark-blue .filter-field select {
  background-color: #161f27;
}
body .partial-container .scrollable {
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* corner when you have a horizontal and vertical scrollbar */
  flex: 1 1 auto;
}
body .partial-container .scrollable::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
body .partial-container .scrollable::-webkit-scrollbar-track {
  background: #1f2c36;
}
body .partial-container .scrollable::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}
body .partial-container .scrollable::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
body .partial-container .scrollable::-webkit-scrollbar-corner {
  background: #1f2c36;
}
body .partial-container .bottom-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0;
}
body .partial-container .bottom-container button {
  margin: 0 0 0 5px;
}
body .partial-container .filter-field {
  background-color: #384751;
}
body .partial-container .filter-field > input {
  background-color: transparent;
}
body .partial-container .filter-field .clear-filter {
  margin-right: 5px;
}
body .partial-container div.info-field {
  color: #888;
  font-size: 0.85rem;
  text-align: left;
  flex: 1 0 auto;
}
body .partial-container div.info-field b {
  font-weight: bold;
  color: #999;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .badge {
  color: #fff;
  padding: 3px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.2rem;
  background-color: #384751;
  flex: 0 1 auto;
  word-break: break-word;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 1px 2px 1px 0;
}
body .badge.link:hover {
  cursor: pointer;
  background-color: #465762;
}
body .badge.empty {
  opacity: 0.5;
  background-color: transparent;
}
body .badge.blue {
  background-color: rgb(29, 79, 145);
}
body .badge.blue.link:hover {
  background-color: #3061a3;
}
body .badge.green {
  background-color: #0e544d;
}
body .badge.green.link:hover {
  background-color: #209287;
}
body .badge.dark-blue {
  background-color: #161f27;
}
body .badge.dark-blue.link:hover {
  background-color: #1f2c36;
}
body .badge.grey {
  background-color: #384751;
}
body .badge.grey.link:hover {
  background-color: #465762;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body div.filter-field {
  padding: 0 0 0 30px;
  background-image: url("../img/icons/icnSearchLightGrey.png");
  background-repeat: no-repeat;
  background-position: left 11px center;
  background-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  flex: 0 0 auto;
  background-color: #2c404d;
  flex-flow: row nowrap;
}
body div.filter-field.active {
  background-image: url("../img/icons/icnSearchWhite.png");
}
body div.filter-field > input {
  height: auto;
  flex: 1 0 auto;
}
body div.filter-field .clear-filter {
  background-image: url("../img/icons/icnCrossGrey.png");
  flex: 0 0 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
}
body div.filter-field .clear-filter:hover {
  cursor: pointer;
  background-image: url("../img/icons/icnCrossWhite.png");
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .dobco-table-container {
  display: flex;
  flex-flow: column nowrap;
}
body .dobco-table-container table.fixed {
  table-layout: fixed;
  width: 100%;
}
body .dobco-table-container table.fixed th.w5 {
  width: 5%;
}
body .dobco-table-container table.fixed th.w10 {
  width: 10%;
}
body .dobco-table-container table.fixed th.w15 {
  width: 15%;
}
body .dobco-table-container table.fixed th.w20 {
  width: 20%;
}
body .dobco-table-container table.fixed th.w25 {
  width: 25%;
}
body .dobco-table-container table.fixed th.w30 {
  width: 30%;
}
body .dobco-table-container table.fixed th.w40 {
  width: 40%;
}
body .dobco-table-container table.single-line th, body .dobco-table-container table.single-line td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .dobco-table-container thead th {
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
  line-height: 1.5rem;
  padding: 2px 5px;
  vertical-align: middle;
}
body .dobco-table-container tbody tr {
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
body .dobco-table-container tbody tr:nth-child(2n+1) {
  background-color: rgba(255, 255, 255, 0.025);
}
body .dobco-table-container tbody tr.clickable:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.15);
}
body .dobco-table-container tbody tr.active {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #48baaf;
}
body .dobco-table-container tbody tr.no-results, body .dobco-table-container tbody tr.loading {
  color: #888;
  font-style: italic;
  width: 100%;
  margin: 6px 0;
}
body .dobco-table-container tbody tr.no-results td, body .dobco-table-container tbody tr.loading td {
  padding: 10px;
  text-align: center;
}
body .dobco-table-container tbody tr td {
  padding: 8px 6px;
  vertical-align: middle;
}
body .dobco-table-container tbody tr td div.empty {
  color: #888;
}
body .dobco-table-container tbody tr td.has-badge {
  padding: 1px;
}
body .dobco-table-container tbody tr td.center {
  text-align: center;
}
body .dobco-table-container tbody tr td.grey {
  color: #aaa;
}
body .dobco-table-container tbody tr td.favorite {
  background-image: url("../img/icons/icnFavoriteGold.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  width: 20px;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .column, body .column-2, body .column-3, body .column-4 {
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body .column > div, body .column-2 > div, body .column-3 > div, body .column-4 > div {
  flex: 1 0 0;
}
body .column-2 > div {
  max-width: 50%;
}
body .column-3 > div {
  max-width: 33.333%;
}
body .column-4 > div {
  max-width: 25%;
}

body .border-top {
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
}
body .border-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .has-multi-select {
  width: 100%;
}
body .has-multi-select > div {
  width: 100%;
}
body div.multiselect-container.error {
  background-color: rgba(249, 49, 54, 0.1254901961);
}
body div.multiselect-container div.search-wrapper {
  border: 0;
  border-radius: 4px;
  background-color: #2c404d;
  outline: 0;
  color: #fff;
  padding: 1px 0 0 0;
  line-height: 1rem;
  font-size: 1rem;
  width: 100%;
  min-height: 32px;
}
body div.multiselect-container div.search-wrapper input.searchBox {
  padding: 5px 8px;
}
body div.multiselect-container div.search-wrapper .chip {
  font-size: 1rem;
  margin: 3px;
  padding: 3px 5px;
  color: #fff;
  border-radius: 4px;
  line-height: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
}
body div.multiselect-container div.optionListContainer {
  background-color: #1f2c36;
  border-radius: 4px;
}
body div.multiselect-container div.optionListContainer ul.optionContainer {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  margin-top: 0;
}
body div.multiselect-container div.optionListContainer ul.optionContainer span.notFound {
  padding: 6px 6px 2px 2px;
  line-height: 1.2rem;
}
body div.multiselect-container div.optionListContainer ul.optionContainer li.option {
  float: left;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin: 4px 4px 0 0;
  padding: 3px;
  color: #fff;
  line-height: 1.2rem;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
body div.multiselect-container div.optionListContainer ul.optionContainer li.option.highlight {
  background-color: transparent;
}
body div.multiselect-container div.optionListContainer ul.optionContainer li.option:hover {
  background-color: #384751;
}
body div.multiselect-container.grey div.search-wrapper .chip {
  background-color: #384751;
}
body div.multiselect-container.grey div.optionListContainer ul.optionContainer li.option {
  background-color: #384751;
}
body div.multiselect-container.grey div.optionListContainer ul.optionContainer li.option:hover {
  background-color: #465762;
}
body div.multiselect-container.green div.search-wrapper .chip {
  background-color: #0e544d;
}
body div.multiselect-container.green div.optionListContainer ul.optionContainer li.option {
  background-color: #0e544d;
}
body div.multiselect-container.green div.optionListContainer ul.optionContainer li.option:hover {
  background-color: #209287;
}
body div.multiselect-container.blue div.search-wrapper .chip {
  background-color: rgb(29, 79, 145);
}
body div.multiselect-container.blue div.optionListContainer ul.optionContainer li.option {
  background-color: rgb(29, 79, 145);
}
body div.multiselect-container.blue div.optionListContainer ul.optionContainer li.option:hover {
  background-color: #3061a3;
}
body div.multiselect-container.dark-blue div.search-wrapper .chip {
  background-color: #161f27;
}
body div.multiselect-container.dark-blue div.optionListContainer ul.optionContainer li.option {
  background-color: #161f27;
}
body div.multiselect-container.dark-blue div.optionListContainer ul.optionContainer li.option:hover {
  background-color: #1f2c36;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body select {
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  box-shadow: none;
  padding: 0 5px;
  outline: 0 !important;
  font-size: 1rem;
  height: 32px;
  margin: 0;
  border-radius: 4px;
}
body select.error {
  background-color: rgba(249, 49, 54, 0.1254901961);
  border-color: #9a3033;
}
body select:disabled {
  background-color: #2d3941;
  color: #bbb;
}
body select:not(:disabled):focus, body select:not(:disabled):hover {
  outline: 0 !important;
  box-shadow: none;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .otp-container {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow: row nowrap;
  gap: 10px;
}
body .otp-container input[type=text] {
  flex: 1 0 auto;
  height: 70px;
  border: none;
  line-height: 2rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  border-radius: 4px;
  background-color: #384751;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body .otp-container input[type=text]:focus {
  background-color: #465762;
}

/* DEDALUS COLORS COMING FROM THE STYLE GUIDE */
/*
    Font face definitions
*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v15-latin-ext_latin_cyrillic-ext_cyrillic-800.woff2") format("truetype");
}
body .react-dropdown-select {
  border: 0;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #384751;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body .react-dropdown-select:hover {
  background-color: #465762;
}
body .react-dropdown-select:focus, body .react-dropdown-select:focus-within, body .react-dropdown-select:focus-visible {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body .react-dropdown-select .react-dropdown-select-content {
  width: calc(100% - 20px);
}
body .react-dropdown-select .react-dropdown-select-content input {
  font-size: 1rem;
  color: #9a9a9a;
  margin-left: 0;
  max-width: 100%;
}
body .react-dropdown-select .react-dropdown-select-type-single > span {
  margin-right: 8px;
}
body .react-dropdown-select .react-dropdown-select-no-data {
  text-align: left;
  color: #9a9a9a;
}
body .react-dropdown-select .react-dropdown-select-dropdown {
  background-color: #384751;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  overflow: hidden;
}
body .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item:last-of-type {
  border-bottom: 0;
}
body .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item.react-dropdown-select-item-selected {
  background-color: #465762;
}
body .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item.react-dropdown-select-item-selected:hover {
  background-color: #465762;
}
body .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item:hover {
  background-color: #465762;
}