@charset "UTF-8";
/**
 * Resets
 * --------------------------------------------------
 * Adapted from normalize.css and some reset.css. We don't care even one
 * bit about old IE, so we don't need any hacks for that in here.
 *
 * There are probably other things we could remove here, as well.
 *
 * normalize.css v2.1.2 | MIT License | git.io/normalize

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, i, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, fieldset,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

script {
  display: none !important;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  line-height: 1;
}

/**
 * Remove default outlines.
 */
a,
button,
:focus,
a:focus,
button:focus,
a:active,
a:hover {
  outline: 0;
}

/* *
 * Remove tap highlight color
 */
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
a[href]:hover {
  cursor: pointer;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, serif;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  padding: 0; /* 2 */
  border: 0; /* 1 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
button,
input,
select,
textarea {
  margin: 0; /* 3 */
  font-size: 100%; /* 2 */
  font-family: inherit; /* 1 */
  outline-offset: 0; /* 4 */
  outline-style: none; /* 4 */
  outline-width: 0; /* 4 */
  -webkit-font-smoothing: inherit; /* 5 */
  background-image: none; /* 6 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 3 */
  -webkit-appearance: button; /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-box-sizing: content-box; /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

img {
  -webkit-user-drag: none;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: inherit;
  outline-offset: 0;
  outline-style: none;
  outline-width: 0;
  -webkit-font-smoothing: inherit;
  background: none;
  border: 0;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  border: 0;
  display: block;
  padding-top: 2px;
  padding-left: 0;
  height: 34px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aaa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #aaa;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aaa;
  text-indent: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.dmt-display-flex {
  display: -webkit-box !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

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

.dmt-display-inline {
  display: inline !important;
}

.dmt-display-inline-flex {
  display: inline-flex !important;
}

.dmt-display-inline-block {
  display: inline-block !important;
}

.dmt-flex-direction-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.dmt-flex-direction-row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.dmt-flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dmt-flex-direction-column-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.dmt-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.dmt-flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dmt-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -moz-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.dmt-flex-shrink {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.dmt-flex-noshrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.dmt-flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dmt-flex-nogrow {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.dmt-flex-resize {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.dmt-flex-noresize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dmt-justify-content-flex-start {
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.dmt-justify-content-flex-end {
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.dmt-justify-content-center {
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.dmt-justify-content-space-between {
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.dmt-justify-content-space-around {
  -ms-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.dmt-align-content-flex-start {
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

.dmt-align-content-flex-end {
  -ms-align-content: flex-end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.dmt-align-content-center {
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}

.dmt-align-items-flex-start {
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.dmt-align-items-flex-end {
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.dmt-align-items-center {
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.dmt-font-size-big {
  font-size: 20px;
  line-height: 24px;
}

.dmt-font-size-huge {
  font-size: 40px;
  line-height: 40px;
}

.dmt-font-size-normal {
  font-size: 16px;
  line-height: 20px;
}

.dmt-font-size-light {
  font-size: 14px;
  line-height: 18px;
}

.dmt-font-size-small {
  font-size: 12px;
  line-height: 16px;
}

.dmt-uppercase {
  text-transform: uppercase;
}

.dmt-font-bold {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: bold !important;
}

.dmt-font-italic {
  font-style: italic;
}

.dmt-font-light {
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: 300 !important;
}

.dmt-no-select span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dmt-is-link {
  color: RGB(var(--light-blue));
  text-decoration: underline;
}
.dmt-is-link:hover {
  cursor: pointer;
}

.dmt-text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dmt-full-width {
  width: 100%;
}

.dmt-full-height {
  height: 100%;
}

.dmt-break-all {
  word-break: break-all;
}

.dmt-break-word {
  word-break: break-word;
}

.dmt-p-0 {
  padding: 0px;
}

.dmt-p-extra-extra-extra-small {
  padding: 2px;
}

.dmt-p-0_5 {
  padding: 2px;
}

.dmt-p-extra-extra-small {
  padding: 4px;
}

.dmt-p-1 {
  padding: 4px;
}

.dmt-p-extra-small {
  padding: 8px;
}

.dmt-p-2 {
  padding: 8px;
}

.dmt-p-small {
  padding: 12px;
}

.dmt-p-3 {
  padding: 12px;
}

.dmt-p-medium {
  padding: 16px;
}

.dmt-p-4 {
  padding: 16px;
}

.dmt-p-large {
  padding: 20px;
}

.dmt-p-5 {
  padding: 20px;
}

.dmt-p-extra-large {
  padding: 24px;
}

.dmt-p-6 {
  padding: 24px;
}

.dmt-p-7 {
  padding: 28px;
}

.dmt-p-8 {
  padding: 32px;
}

.dmt-p-9 {
  padding: 36px;
}

.dmt-p-10 {
  padding: 40px;
}

.dmt-p-11 {
  padding: 44px;
}

.dmt-p-12 {
  padding: 48px;
}

.dmt-p-13 {
  padding: 52px;
}

.dmt-p-14 {
  padding: 56px;
}

.dmt-p-15 {
  padding: 60px;
}

.dmt-p-none {
  padding: 0px;
}

.dmt-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.dmt-px-extra-extra-extra-small {
  padding-left: 2px;
  padding-right: 2px;
}

.dmt-px-0_5 {
  padding-left: 2px;
  padding-right: 2px;
}

.dmt-px-extra-extra-small {
  padding-left: 4px;
  padding-right: 4px;
}

.dmt-px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.dmt-px-extra-small {
  padding-left: 8px;
  padding-right: 8px;
}

.dmt-px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.dmt-px-small {
  padding-left: 12px;
  padding-right: 12px;
}

.dmt-px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.dmt-px-medium {
  padding-left: 16px;
  padding-right: 16px;
}

.dmt-px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.dmt-px-large {
  padding-left: 20px;
  padding-right: 20px;
}

.dmt-px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.dmt-px-extra-large {
  padding-left: 24px;
  padding-right: 24px;
}

.dmt-px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.dmt-px-7 {
  padding-left: 28px;
  padding-right: 28px;
}

.dmt-px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.dmt-px-9 {
  padding-left: 36px;
  padding-right: 36px;
}

.dmt-px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.dmt-px-11 {
  padding-left: 44px;
  padding-right: 44px;
}

.dmt-px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.dmt-px-13 {
  padding-left: 52px;
  padding-right: 52px;
}

.dmt-px-14 {
  padding-left: 56px;
  padding-right: 56px;
}

.dmt-px-15 {
  padding-left: 60px;
  padding-right: 60px;
}

.dmt-px-none {
  padding-left: 0px;
  padding-right: 0px;
}

.dmt-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dmt-py-extra-extra-extra-small {
  padding-top: 2px;
  padding-bottom: 2px;
}

.dmt-py-0_5 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.dmt-py-extra-extra-small {
  padding-top: 4px;
  padding-bottom: 4px;
}

.dmt-py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.dmt-py-extra-small {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dmt-py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dmt-py-small {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dmt-py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dmt-py-medium {
  padding-top: 16px;
  padding-bottom: 16px;
}

.dmt-py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.dmt-py-large {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dmt-py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dmt-py-extra-large {
  padding-top: 24px;
  padding-bottom: 24px;
}

.dmt-py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.dmt-py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.dmt-py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.dmt-py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.dmt-py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.dmt-py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.dmt-py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.dmt-py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.dmt-py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.dmt-py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.dmt-py-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dmt-pt-0 {
  padding-top: 0px;
}

.dmt-pt-extra-extra-extra-small {
  padding-top: 2px;
}

.dmt-pt-0_5 {
  padding-top: 2px;
}

.dmt-pt-extra-extra-small {
  padding-top: 4px;
}

.dmt-pt-1 {
  padding-top: 4px;
}

.dmt-pt-extra-small {
  padding-top: 8px;
}

.dmt-pt-2 {
  padding-top: 8px;
}

.dmt-pt-small {
  padding-top: 12px;
}

.dmt-pt-3 {
  padding-top: 12px;
}

.dmt-pt-medium {
  padding-top: 16px;
}

.dmt-pt-4 {
  padding-top: 16px;
}

.dmt-pt-large {
  padding-top: 20px;
}

.dmt-pt-5 {
  padding-top: 20px;
}

.dmt-pt-extra-large {
  padding-top: 24px;
}

.dmt-pt-6 {
  padding-top: 24px;
}

.dmt-pt-7 {
  padding-top: 28px;
}

.dmt-pt-8 {
  padding-top: 32px;
}

.dmt-pt-9 {
  padding-top: 36px;
}

.dmt-pt-10 {
  padding-top: 40px;
}

.dmt-pt-11 {
  padding-top: 44px;
}

.dmt-pt-12 {
  padding-top: 48px;
}

.dmt-pt-13 {
  padding-top: 52px;
}

.dmt-pt-14 {
  padding-top: 56px;
}

.dmt-pt-15 {
  padding-top: 60px;
}

.dmt-pt-none {
  padding-top: 0px;
}

.dmt-pr-0 {
  padding-right: 0px;
}

.dmt-pr-extra-extra-extra-small {
  padding-right: 2px;
}

.dmt-pr-0_5 {
  padding-right: 2px;
}

.dmt-pr-extra-extra-small {
  padding-right: 4px;
}

.dmt-pr-1 {
  padding-right: 4px;
}

.dmt-pr-extra-small {
  padding-right: 8px;
}

.dmt-pr-2 {
  padding-right: 8px;
}

.dmt-pr-small {
  padding-right: 12px;
}

.dmt-pr-3 {
  padding-right: 12px;
}

.dmt-pr-medium {
  padding-right: 16px;
}

.dmt-pr-4 {
  padding-right: 16px;
}

.dmt-pr-large {
  padding-right: 20px;
}

.dmt-pr-5 {
  padding-right: 20px;
}

.dmt-pr-extra-large {
  padding-right: 24px;
}

.dmt-pr-6 {
  padding-right: 24px;
}

.dmt-pr-7 {
  padding-right: 28px;
}

.dmt-pr-8 {
  padding-right: 32px;
}

.dmt-pr-9 {
  padding-right: 36px;
}

.dmt-pr-10 {
  padding-right: 40px;
}

.dmt-pr-11 {
  padding-right: 44px;
}

.dmt-pr-12 {
  padding-right: 48px;
}

.dmt-pr-13 {
  padding-right: 52px;
}

.dmt-pr-14 {
  padding-right: 56px;
}

.dmt-pr-15 {
  padding-right: 60px;
}

.dmt-pr-none {
  padding-right: 0px;
}

.dmt-pb-0 {
  padding-bottom: 0px;
}

.dmt-pb-extra-extra-extra-small {
  padding-bottom: 2px;
}

.dmt-pb-0_5 {
  padding-bottom: 2px;
}

.dmt-pb-extra-extra-small {
  padding-bottom: 4px;
}

.dmt-pb-1 {
  padding-bottom: 4px;
}

.dmt-pb-extra-small {
  padding-bottom: 8px;
}

.dmt-pb-2 {
  padding-bottom: 8px;
}

.dmt-pb-small {
  padding-bottom: 12px;
}

.dmt-pb-3 {
  padding-bottom: 12px;
}

.dmt-pb-medium {
  padding-bottom: 16px;
}

.dmt-pb-4 {
  padding-bottom: 16px;
}

.dmt-pb-large {
  padding-bottom: 20px;
}

.dmt-pb-5 {
  padding-bottom: 20px;
}

.dmt-pb-extra-large {
  padding-bottom: 24px;
}

.dmt-pb-6 {
  padding-bottom: 24px;
}

.dmt-pb-7 {
  padding-bottom: 28px;
}

.dmt-pb-8 {
  padding-bottom: 32px;
}

.dmt-pb-9 {
  padding-bottom: 36px;
}

.dmt-pb-10 {
  padding-bottom: 40px;
}

.dmt-pb-11 {
  padding-bottom: 44px;
}

.dmt-pb-12 {
  padding-bottom: 48px;
}

.dmt-pb-13 {
  padding-bottom: 52px;
}

.dmt-pb-14 {
  padding-bottom: 56px;
}

.dmt-pb-15 {
  padding-bottom: 60px;
}

.dmt-pb-none {
  padding-bottom: 0px;
}

.dmt-pl-0 {
  padding-left: 0px;
}

.dmt-pl-extra-extra-extra-small {
  padding-left: 2px;
}

.dmt-pl-0_5 {
  padding-left: 2px;
}

.dmt-pl-extra-extra-small {
  padding-left: 4px;
}

.dmt-pl-1 {
  padding-left: 4px;
}

.dmt-pl-extra-small {
  padding-left: 8px;
}

.dmt-pl-2 {
  padding-left: 8px;
}

.dmt-pl-small {
  padding-left: 12px;
}

.dmt-pl-3 {
  padding-left: 12px;
}

.dmt-pl-medium {
  padding-left: 16px;
}

.dmt-pl-4 {
  padding-left: 16px;
}

.dmt-pl-large {
  padding-left: 20px;
}

.dmt-pl-5 {
  padding-left: 20px;
}

.dmt-pl-extra-large {
  padding-left: 24px;
}

.dmt-pl-6 {
  padding-left: 24px;
}

.dmt-pl-7 {
  padding-left: 28px;
}

.dmt-pl-8 {
  padding-left: 32px;
}

.dmt-pl-9 {
  padding-left: 36px;
}

.dmt-pl-10 {
  padding-left: 40px;
}

.dmt-pl-11 {
  padding-left: 44px;
}

.dmt-pl-12 {
  padding-left: 48px;
}

.dmt-pl-13 {
  padding-left: 52px;
}

.dmt-pl-14 {
  padding-left: 56px;
}

.dmt-pl-15 {
  padding-left: 60px;
}

.dmt-pl-none {
  padding-left: 0px;
}

.dmt-m-0 {
  margin: 0px;
}

.dmt-m-extra-extra-extra-small {
  margin: 2px;
}

.dmt-m-0_5 {
  margin: 2px;
}

.dmt-m-extra-extra-small {
  margin: 4px;
}

.dmt-m-1 {
  margin: 4px;
}

.dmt-m-extra-small {
  margin: 8px;
}

.dmt-m-2 {
  margin: 8px;
}

.dmt-m-small {
  margin: 12px;
}

.dmt-m-3 {
  margin: 12px;
}

.dmt-m-medium {
  margin: 16px;
}

.dmt-m-4 {
  margin: 16px;
}

.dmt-m-large {
  margin: 20px;
}

.dmt-m-5 {
  margin: 20px;
}

.dmt-m-extra-large {
  margin: 24px;
}

.dmt-m-6 {
  margin: 24px;
}

.dmt-m-7 {
  margin: 28px;
}

.dmt-m-8 {
  margin: 32px;
}

.dmt-m-9 {
  margin: 36px;
}

.dmt-m-10 {
  margin: 40px;
}

.dmt-m-11 {
  margin: 44px;
}

.dmt-m-12 {
  margin: 48px;
}

.dmt-m-13 {
  margin: 52px;
}

.dmt-m-14 {
  margin: 56px;
}

.dmt-m-15 {
  margin: 60px;
}

.dmt-m-none {
  margin: 0px;
}

.dmt-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.dmt-mx-extra-extra-extra-small {
  margin-left: 2px;
  margin-right: 2px;
}

.dmt-mx-0_5 {
  margin-left: 2px;
  margin-right: 2px;
}

.dmt-mx-extra-extra-small {
  margin-left: 4px;
  margin-right: 4px;
}

.dmt-mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.dmt-mx-extra-small {
  margin-left: 8px;
  margin-right: 8px;
}

.dmt-mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.dmt-mx-small {
  margin-left: 12px;
  margin-right: 12px;
}

.dmt-mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.dmt-mx-medium {
  margin-left: 16px;
  margin-right: 16px;
}

.dmt-mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.dmt-mx-large {
  margin-left: 20px;
  margin-right: 20px;
}

.dmt-mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}

.dmt-mx-extra-large {
  margin-left: 24px;
  margin-right: 24px;
}

.dmt-mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.dmt-mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}

.dmt-mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.dmt-mx-9 {
  margin-left: 36px;
  margin-right: 36px;
}

.dmt-mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.dmt-mx-11 {
  margin-left: 44px;
  margin-right: 44px;
}

.dmt-mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.dmt-mx-13 {
  margin-left: 52px;
  margin-right: 52px;
}

.dmt-mx-14 {
  margin-left: 56px;
  margin-right: 56px;
}

.dmt-mx-15 {
  margin-left: 60px;
  margin-right: 60px;
}

.dmt-mx-none {
  margin-left: 0px;
  margin-right: 0px;
}

.dmt-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dmt-my-extra-extra-extra-small {
  margin-top: 2px;
  margin-bottom: 2px;
}

.dmt-my-0_5 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.dmt-my-extra-extra-small {
  margin-top: 4px;
  margin-bottom: 4px;
}

.dmt-my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.dmt-my-extra-small {
  margin-top: 8px;
  margin-bottom: 8px;
}

.dmt-my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.dmt-my-small {
  margin-top: 12px;
  margin-bottom: 12px;
}

.dmt-my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.dmt-my-medium {
  margin-top: 16px;
  margin-bottom: 16px;
}

.dmt-my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.dmt-my-large {
  margin-top: 20px;
  margin-bottom: 20px;
}

.dmt-my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.dmt-my-extra-large {
  margin-top: 24px;
  margin-bottom: 24px;
}

.dmt-my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.dmt-my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.dmt-my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.dmt-my-9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.dmt-my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.dmt-my-11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.dmt-my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.dmt-my-13 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.dmt-my-14 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.dmt-my-15 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.dmt-my-none {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dmt-mt-0 {
  margin-top: 0px;
}

.dmt-mt-extra-extra-extra-small {
  margin-top: 2px;
}

.dmt-mt-0_5 {
  margin-top: 2px;
}

.dmt-mt-extra-extra-small {
  margin-top: 4px;
}

.dmt-mt-1 {
  margin-top: 4px;
}

.dmt-mt-extra-small {
  margin-top: 8px;
}

.dmt-mt-2 {
  margin-top: 8px;
}

.dmt-mt-small {
  margin-top: 12px;
}

.dmt-mt-3 {
  margin-top: 12px;
}

.dmt-mt-medium {
  margin-top: 16px;
}

.dmt-mt-4 {
  margin-top: 16px;
}

.dmt-mt-large {
  margin-top: 20px;
}

.dmt-mt-5 {
  margin-top: 20px;
}

.dmt-mt-extra-large {
  margin-top: 24px;
}

.dmt-mt-6 {
  margin-top: 24px;
}

.dmt-mt-7 {
  margin-top: 28px;
}

.dmt-mt-8 {
  margin-top: 32px;
}

.dmt-mt-9 {
  margin-top: 36px;
}

.dmt-mt-10 {
  margin-top: 40px;
}

.dmt-mt-11 {
  margin-top: 44px;
}

.dmt-mt-12 {
  margin-top: 48px;
}

.dmt-mt-13 {
  margin-top: 52px;
}

.dmt-mt-14 {
  margin-top: 56px;
}

.dmt-mt-15 {
  margin-top: 60px;
}

.dmt-mt-none {
  margin-top: 0px;
}

.dmt-mr-0 {
  margin-right: 0px;
}

.dmt-mr-extra-extra-extra-small {
  margin-right: 2px;
}

.dmt-mr-0_5 {
  margin-right: 2px;
}

.dmt-mr-extra-extra-small {
  margin-right: 4px;
}

.dmt-mr-1 {
  margin-right: 4px;
}

.dmt-mr-extra-small {
  margin-right: 8px;
}

.dmt-mr-2 {
  margin-right: 8px;
}

.dmt-mr-small {
  margin-right: 12px;
}

.dmt-mr-3 {
  margin-right: 12px;
}

.dmt-mr-medium {
  margin-right: 16px;
}

.dmt-mr-4 {
  margin-right: 16px;
}

.dmt-mr-large {
  margin-right: 20px;
}

.dmt-mr-5 {
  margin-right: 20px;
}

.dmt-mr-extra-large {
  margin-right: 24px;
}

.dmt-mr-6 {
  margin-right: 24px;
}

.dmt-mr-7 {
  margin-right: 28px;
}

.dmt-mr-8 {
  margin-right: 32px;
}

.dmt-mr-9 {
  margin-right: 36px;
}

.dmt-mr-10 {
  margin-right: 40px;
}

.dmt-mr-11 {
  margin-right: 44px;
}

.dmt-mr-12 {
  margin-right: 48px;
}

.dmt-mr-13 {
  margin-right: 52px;
}

.dmt-mr-14 {
  margin-right: 56px;
}

.dmt-mr-15 {
  margin-right: 60px;
}

.dmt-mr-none {
  margin-right: 0px;
}

.dmt-mb-0 {
  margin-bottom: 0px;
}

.dmt-mb-extra-extra-extra-small {
  margin-bottom: 2px;
}

.dmt-mb-0_5 {
  margin-bottom: 2px;
}

.dmt-mb-extra-extra-small {
  margin-bottom: 4px;
}

.dmt-mb-1 {
  margin-bottom: 4px;
}

.dmt-mb-extra-small {
  margin-bottom: 8px;
}

.dmt-mb-2 {
  margin-bottom: 8px;
}

.dmt-mb-small {
  margin-bottom: 12px;
}

.dmt-mb-3 {
  margin-bottom: 12px;
}

.dmt-mb-medium {
  margin-bottom: 16px;
}

.dmt-mb-4 {
  margin-bottom: 16px;
}

.dmt-mb-large {
  margin-bottom: 20px;
}

.dmt-mb-5 {
  margin-bottom: 20px;
}

.dmt-mb-extra-large {
  margin-bottom: 24px;
}

.dmt-mb-6 {
  margin-bottom: 24px;
}

.dmt-mb-7 {
  margin-bottom: 28px;
}

.dmt-mb-8 {
  margin-bottom: 32px;
}

.dmt-mb-9 {
  margin-bottom: 36px;
}

.dmt-mb-10 {
  margin-bottom: 40px;
}

.dmt-mb-11 {
  margin-bottom: 44px;
}

.dmt-mb-12 {
  margin-bottom: 48px;
}

.dmt-mb-13 {
  margin-bottom: 52px;
}

.dmt-mb-14 {
  margin-bottom: 56px;
}

.dmt-mb-15 {
  margin-bottom: 60px;
}

.dmt-mb-none {
  margin-bottom: 0px;
}

.dmt-ml-0 {
  margin-left: 0px;
}

.dmt-ml-extra-extra-extra-small {
  margin-left: 2px;
}

.dmt-ml-0_5 {
  margin-left: 2px;
}

.dmt-ml-extra-extra-small {
  margin-left: 4px;
}

.dmt-ml-1 {
  margin-left: 4px;
}

.dmt-ml-extra-small {
  margin-left: 8px;
}

.dmt-ml-2 {
  margin-left: 8px;
}

.dmt-ml-small {
  margin-left: 12px;
}

.dmt-ml-3 {
  margin-left: 12px;
}

.dmt-ml-medium {
  margin-left: 16px;
}

.dmt-ml-4 {
  margin-left: 16px;
}

.dmt-ml-large {
  margin-left: 20px;
}

.dmt-ml-5 {
  margin-left: 20px;
}

.dmt-ml-extra-large {
  margin-left: 24px;
}

.dmt-ml-6 {
  margin-left: 24px;
}

.dmt-ml-7 {
  margin-left: 28px;
}

.dmt-ml-8 {
  margin-left: 32px;
}

.dmt-ml-9 {
  margin-left: 36px;
}

.dmt-ml-10 {
  margin-left: 40px;
}

.dmt-ml-11 {
  margin-left: 44px;
}

.dmt-ml-12 {
  margin-left: 48px;
}

.dmt-ml-13 {
  margin-left: 52px;
}

.dmt-ml-14 {
  margin-left: 56px;
}

.dmt-ml-15 {
  margin-left: 60px;
}

.dmt-ml-none {
  margin-left: 0px;
}

.dmt-gap-0 {
  gap: 0px;
}

.dmt-gap-extra-extra-extra-small {
  gap: 2px;
}

.dmt-gap-0_5 {
  gap: 2px;
}

.dmt-gap-extra-extra-small {
  gap: 4px;
}

.dmt-gap-1 {
  gap: 4px;
}

.dmt-gap-extra-small {
  gap: 8px;
}

.dmt-gap-2 {
  gap: 8px;
}

.dmt-gap-small {
  gap: 12px;
}

.dmt-gap-3 {
  gap: 12px;
}

.dmt-gap-medium {
  gap: 16px;
}

.dmt-gap-4 {
  gap: 16px;
}

.dmt-gap-large {
  gap: 20px;
}

.dmt-gap-5 {
  gap: 20px;
}

.dmt-gap-extra-large {
  gap: 24px;
}

.dmt-gap-6 {
  gap: 24px;
}

.dmt-gap-7 {
  gap: 28px;
}

.dmt-gap-8 {
  gap: 32px;
}

.dmt-gap-9 {
  gap: 36px;
}

.dmt-gap-10 {
  gap: 40px;
}

.dmt-gap-11 {
  gap: 44px;
}

.dmt-gap-12 {
  gap: 48px;
}

.dmt-gap-13 {
  gap: 52px;
}

.dmt-gap-14 {
  gap: 56px;
}

.dmt-gap-15 {
  gap: 60px;
}

.dmt-gap-none {
  gap: 0px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.fontSizeBig {
  font-size: 20px;
}

.fontSizeHuge {
  font-size: 40px;
  line-height: 40px;
}

.fontSizeNormal {
  font-size: 16px;
}

.fontSizeLight {
  font-size: 14px;
}

.fontSizeSmall {
  font-size: 12px;
}

* {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
}

.light-blue {
  fill: RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.border-color-light-blue {
  border-color: RGB(var(--light-blue));
}

.background-color-light-blue {
  background-color: RGB(var(--light-blue));
}

.fing-blue {
  fill: RGB(var(--fing-blue));
  color: RGB(var(--fing-blue));
}

.border-color-fing-blue {
  border-color: RGB(var(--fing-blue));
}

.background-color-fing-blue {
  background-color: RGB(var(--fing-blue));
}

.dark-blue {
  fill: RGB(var(--dark-blue));
  color: RGB(var(--dark-blue));
}

.border-color-dark-blue {
  border-color: RGB(var(--dark-blue));
}

.background-color-dark-blue {
  background-color: RGB(var(--dark-blue));
}

.dark-night {
  fill: RGB(var(--dark-night));
  color: RGB(var(--dark-night));
}

.border-color-dark-night {
  border-color: RGB(var(--dark-night));
}

.background-color-dark-night {
  background-color: RGB(var(--dark-night));
}

.darkest-night {
  fill: RGB(var(--darkest-night));
  color: RGB(var(--darkest-night));
}

.border-color-darkest-night {
  border-color: RGB(var(--darkest-night));
}

.background-color-darkest-night {
  background-color: RGB(var(--darkest-night));
}

.online {
  fill: RGB(var(--online));
  color: RGB(var(--online));
}

.border-color-online {
  border-color: RGB(var(--online));
}

.background-color-online {
  background-color: RGB(var(--online));
}

.favourites {
  fill: RGB(var(--favourites));
  color: RGB(var(--favourites));
}

.border-color-favourites {
  border-color: RGB(var(--favourites));
}

.background-color-favourites {
  background-color: RGB(var(--favourites));
}

.offline {
  fill: RGB(var(--offline));
  color: RGB(var(--offline));
}

.border-color-offline {
  border-color: RGB(var(--offline));
}

.background-color-offline {
  background-color: RGB(var(--offline));
}

.shell {
  fill: RGB(var(--shell));
  color: RGB(var(--shell));
}

.border-color-shell {
  border-color: RGB(var(--shell));
}

.background-color-shell {
  background-color: RGB(var(--shell));
}

.notice {
  fill: RGB(var(--notice));
  color: RGB(var(--notice));
}

.border-color-notice {
  border-color: RGB(var(--notice));
}

.background-color-notice {
  background-color: RGB(var(--notice));
}

.white {
  fill: RGB(var(--full-white));
  color: RGB(var(--full-white));
}

.border-color-white {
  border-color: RGB(var(--full-white));
}

.background-color-white {
  background-color: RGB(var(--full-white));
}

.very-light-gray {
  fill: RGB(var(--very-light-gray));
  color: RGB(var(--very-light-gray));
}

.border-color-very-light-gray {
  border-color: RGB(var(--very-light-gray));
}

.background-color-very-light-gray {
  background-color: RGB(var(--very-light-gray));
}

.borders-gray {
  fill: RGB(var(--borders-gray));
  color: RGB(var(--borders-gray));
}

.border-color-borders-gray {
  border-color: RGB(var(--borders-gray));
}

.background-color-borders-gray {
  background-color: RGB(var(--borders-gray));
}

.light-gray {
  fill: RGB(var(--light-gray));
  color: RGB(var(--light-gray));
}

.border-color-light-gray {
  border-color: RGB(var(--light-gray));
}

.background-color-light-gray {
  background-color: RGB(var(--light-gray));
}

.sad-sky {
  fill: RGB(var(--sad-sky));
  color: RGB(var(--sad-sky));
}

.border-color-sad-sky {
  border-color: RGB(var(--sad-sky));
}

.background-color-sad-sky {
  background-color: RGB(var(--sad-sky));
}

.section-gray {
  fill: RGB(var(--section-gray));
  color: RGB(var(--section-gray));
}

.border-color-section-gray {
  border-color: RGB(var(--section-gray));
}

.background-color-section-gray {
  background-color: RGB(var(--section-gray));
}

.medium-gray {
  fill: RGB(var(--medium-gray));
  color: RGB(var(--medium-gray));
}

.border-color-medium-gray {
  border-color: RGB(var(--medium-gray));
}

.background-color-medium-gray {
  background-color: RGB(var(--medium-gray));
}

.dark-gray {
  fill: RGB(var(--dark-gray));
  color: RGB(var(--dark-gray));
}

.border-color-dark-gray {
  border-color: RGB(var(--dark-gray));
}

.background-color-dark-gray {
  background-color: RGB(var(--dark-gray));
}

.black {
  fill: RGB(var(--full-black));
  color: RGB(var(--full-black));
}

.border-color-black {
  border-color: RGB(var(--full-black));
}

.background-color-black {
  background-color: RGB(var(--full-black));
}

.offline-border {
  fill: RGB(var(--offline-border));
  color: RGB(var(--offline-border));
}

.border-color-offline-border {
  border-color: RGB(var(--offline-border));
}

.background-color-offline-border {
  background-color: RGB(var(--offline-border));
}

.light-blue-border {
  fill: RGB(var(--light-blue-border));
  color: RGB(var(--light-blue-border));
}

.border-color-light-blue-border {
  border-color: RGB(var(--light-blue-border));
}

.background-color-light-blue-border {
  background-color: RGB(var(--light-blue-border));
}

.favourites-border {
  fill: RGB(var(--favourites-border));
  color: RGB(var(--favourites-border));
}

.border-color-favourites-border {
  border-color: RGB(var(--favourites-border));
}

.background-color-favourites-border {
  background-color: RGB(var(--favourites-border));
}

.online-rgba-10 {
  fill: RGBA(var(--online), 0.1);
  color: RGBA(var(--online), 0.1);
}

.border-color-online-rgba-10 {
  border-color: RGBA(var(--online), 0.1);
}

.background-color-online-rgba-10 {
  background-color: RGBA(var(--online), 0.1);
}

.online-rgba-20 {
  fill: RGBA(var(--online), 0.2);
  color: RGBA(var(--online), 0.2);
}

.border-color-online-rgba-20 {
  border-color: RGBA(var(--online), 0.2);
}

.background-color-online-rgba-20 {
  background-color: RGBA(var(--online), 0.2);
}

.online-rgba-40 {
  fill: RGBA(var(--online), 0.4);
  color: RGBA(var(--online), 0.4);
}

.border-color-online-rgba-40 {
  border-color: RGBA(var(--online), 0.4);
}

.background-color-online-rgba-40 {
  background-color: RGBA(var(--online), 0.4);
}

.online-rgba-50 {
  fill: RGBA(var(--online), 0.5);
  color: RGBA(var(--online), 0.5);
}

.border-color-online-rgba-50 {
  border-color: RGBA(var(--online), 0.5);
}

.background-color-online-rgba-50 {
  background-color: RGBA(var(--online), 0.5);
}

.online-rgba-70 {
  fill: RGBA(var(--online), 0.7);
  color: RGBA(var(--online), 0.7);
}

.border-color-online-rgba-70 {
  border-color: RGBA(var(--online), 0.7);
}

.background-color-online-rgba-70 {
  background-color: RGBA(var(--online), 0.7);
}

.offline-rgba-10 {
  fill: RGBA(var(--offline), 0.1);
  color: RGBA(var(--offline), 0.1);
}

.border-color-offline-rgba-10 {
  border-color: RGBA(var(--offline), 0.1);
}

.background-color-offline-rgba-10 {
  background-color: RGBA(var(--offline), 0.1);
}

.offline-rgba-20 {
  fill: RGBA(var(--offline), 0.2);
  color: RGBA(var(--offline), 0.2);
}

.border-color-offline-rgba-20 {
  border-color: RGBA(var(--offline), 0.2);
}

.background-color-offline-rgba-20 {
  background-color: RGBA(var(--offline), 0.2);
}

.offline-rgba-40 {
  fill: RGBA(var(--offline), 0.4);
  color: RGBA(var(--offline), 0.4);
}

.border-color-offline-rgba-40 {
  border-color: RGBA(var(--offline), 0.4);
}

.background-color-offline-rgba-40 {
  background-color: RGBA(var(--offline), 0.4);
}

.offline-rgba-50 {
  fill: RGBA(var(--offline), 0.5);
  color: RGBA(var(--offline), 0.5);
}

.border-color-offline-rgba-50 {
  border-color: RGBA(var(--offline), 0.5);
}

.background-color-offline-rgba-50 {
  background-color: RGBA(var(--offline), 0.5);
}

.offline-rgba-70 {
  fill: RGBA(var(--offline), 0.7);
  color: RGBA(var(--offline), 0.7);
}

.border-color-offline-rgba-70 {
  border-color: RGBA(var(--offline), 0.7);
}

.background-color-offline-rgba-70 {
  background-color: RGBA(var(--offline), 0.7);
}

.favourites-rgba-10 {
  fill: RGBA(var(--favourites), 0.1);
  color: RGBA(var(--favourites), 0.1);
}

.border-color-favourites-rgba-10 {
  border-color: RGBA(var(--favourites), 0.1);
}

.background-color-favourites-rgba-10 {
  background-color: RGBA(var(--favourites), 0.1);
}

.favourites-rgba-20 {
  fill: RGBA(var(--favourites), 0.2);
  color: RGBA(var(--favourites), 0.2);
}

.border-color-favourites-rgba-20 {
  border-color: RGBA(var(--favourites), 0.2);
}

.background-color-favourites-rgba-20 {
  background-color: RGBA(var(--favourites), 0.2);
}

.favourites-rgba-40 {
  fill: RGBA(var(--favourites), 0.4);
  color: RGBA(var(--favourites), 0.4);
}

.border-color-favourites-rgba-40 {
  border-color: RGBA(var(--favourites), 0.4);
}

.background-color-favourites-rgba-40 {
  background-color: RGBA(var(--favourites), 0.4);
}

.favourites-rgba-50 {
  fill: RGBA(var(--favourites), 0.5);
  color: RGBA(var(--favourites), 0.5);
}

.border-color-favourites-rgba-50 {
  border-color: RGBA(var(--favourites), 0.5);
}

.background-color-favourites-rgba-50 {
  background-color: RGBA(var(--favourites), 0.5);
}

.favourites-rgba-70 {
  fill: RGBA(var(--favourites), 0.7);
  color: RGBA(var(--favourites), 0.7);
}

.border-color-favourites-rgba-70 {
  border-color: RGBA(var(--favourites), 0.7);
}

.background-color-favourites-rgba-70 {
  background-color: RGBA(var(--favourites), 0.7);
}

.light-blue-rgba-10 {
  fill: RGBA(var(--light-blue), 0.1);
  color: RGBA(var(--light-blue), 0.1);
}

.border-color-light-blue-rgba-10 {
  border-color: RGBA(var(--light-blue), 0.1);
}

.background-color-light-blue-rgba-10 {
  background-color: RGBA(var(--light-blue), 0.1);
}

.light-blue-rgba-20 {
  fill: RGBA(var(--light-blue), 0.2);
  color: RGBA(var(--light-blue), 0.2);
}

.border-color-light-blue-rgba-20 {
  border-color: RGBA(var(--light-blue), 0.2);
}

.background-color-light-blue-rgba-20 {
  background-color: RGBA(var(--light-blue), 0.2);
}

.light-blue-rgba-40 {
  fill: RGBA(var(--light-blue), 0.4);
  color: RGBA(var(--light-blue), 0.4);
}

.border-color-light-blue-rgba-40 {
  border-color: RGBA(var(--light-blue), 0.4);
}

.background-color-light-blue-rgba-40 {
  background-color: RGBA(var(--light-blue), 0.4);
}

.light-blue-rgba-50 {
  fill: RGBA(var(--light-blue), 0.5);
  color: RGBA(var(--light-blue), 0.5);
}

.border-color-light-blue-rgba-50 {
  border-color: RGBA(var(--light-blue), 0.5);
}

.background-color-light-blue-rgba-50 {
  background-color: RGBA(var(--light-blue), 0.5);
}

.light-blue-rgba-70 {
  fill: RGBA(var(--light-blue), 0.7);
  color: RGBA(var(--light-blue), 0.7);
}

.border-color-light-blue-rgba-70 {
  border-color: RGBA(var(--light-blue), 0.7);
}

.background-color-light-blue-rgba-70 {
  background-color: RGBA(var(--light-blue), 0.7);
}

.dark-blue-rgba-10 {
  fill: RGBA(var(--dark-blue), 0.1);
  color: RGBA(var(--dark-blue), 0.1);
}

.border-color-dark-blue-rgba-10 {
  border-color: RGBA(var(--dark-blue), 0.1);
}

.background-color-dark-blue-rgba-10 {
  background-color: RGBA(var(--dark-blue), 0.1);
}

.dark-blue-rgba-20 {
  fill: RGBA(var(--dark-blue), 0.2);
  color: RGBA(var(--dark-blue), 0.2);
}

.border-color-dark-blue-rgba-20 {
  border-color: RGBA(var(--dark-blue), 0.2);
}

.background-color-dark-blue-rgba-20 {
  background-color: RGBA(var(--dark-blue), 0.2);
}

.dark-blue-rgba-40 {
  fill: RGBA(var(--dark-blue), 0.4);
  color: RGBA(var(--dark-blue), 0.4);
}

.border-color-dark-blue-rgba-40 {
  border-color: RGBA(var(--dark-blue), 0.4);
}

.background-color-dark-blue-rgba-40 {
  background-color: RGBA(var(--dark-blue), 0.4);
}

.dark-blue-rgba-50 {
  fill: RGBA(var(--dark-blue), 0.5);
  color: RGBA(var(--dark-blue), 0.5);
}

.border-color-dark-blue-rgba-50 {
  border-color: RGBA(var(--dark-blue), 0.5);
}

.background-color-dark-blue-rgba-50 {
  background-color: RGBA(var(--dark-blue), 0.5);
}

.dark-blue-rgba-70 {
  fill: RGBA(var(--dark-blue), 0.7);
  color: RGBA(var(--dark-blue), 0.7);
}

.border-color-dark-blue-rgba-70 {
  border-color: RGBA(var(--dark-blue), 0.7);
}

.background-color-dark-blue-rgba-70 {
  background-color: RGBA(var(--dark-blue), 0.7);
}

.white-rgba-10 {
  fill: RGBA(var(--full-white), 0.1);
  color: RGBA(var(--full-white), 0.1);
}

.border-color-white-rgba-10 {
  border-color: RGBA(var(--full-white), 0.1);
}

.background-color-white-rgba-10 {
  background-color: RGBA(var(--full-white), 0.1);
}

.white-rgba-20 {
  fill: RGBA(var(--full-white), 0.2);
  color: RGBA(var(--full-white), 0.2);
}

.border-color-white-rgba-20 {
  border-color: RGBA(var(--full-white), 0.2);
}

.background-color-white-rgba-20 {
  background-color: RGBA(var(--full-white), 0.2);
}

.white-rgba-40 {
  fill: RGBA(var(--full-white), 0.4);
  color: RGBA(var(--full-white), 0.4);
}

.border-color-white-rgba-40 {
  border-color: RGBA(var(--full-white), 0.4);
}

.background-color-white-rgba-40 {
  background-color: RGBA(var(--full-white), 0.4);
}

.white-rgba-50 {
  fill: RGBA(var(--full-white), 0.5);
  color: RGBA(var(--full-white), 0.5);
}

.border-color-white-rgba-50 {
  border-color: RGBA(var(--full-white), 0.5);
}

.background-color-white-rgba-50 {
  background-color: RGBA(var(--full-white), 0.5);
}

.white-rgba-70 {
  fill: RGBA(var(--full-white), 0.7);
  color: RGBA(var(--full-white), 0.7);
}

.border-color-white-rgba-70 {
  border-color: RGBA(var(--full-white), 0.7);
}

.background-color-white-rgba-70 {
  background-color: RGBA(var(--full-white), 0.7);
}

.sad-sky-rgba-10 {
  fill: RGBA(var(--sad-sky), 0.1);
  color: RGBA(var(--sad-sky), 0.1);
}

.border-color-sad-sky-rgba-10 {
  border-color: RGBA(var(--sad-sky), 0.1);
}

.background-color-sad-sky-rgba-10 {
  background-color: RGBA(var(--sad-sky), 0.1);
}

.sad-sky-rgba-20 {
  fill: RGBA(var(--sad-sky), 0.2);
  color: RGBA(var(--sad-sky), 0.2);
}

.border-color-sad-sky-rgba-20 {
  border-color: RGBA(var(--sad-sky), 0.2);
}

.background-color-sad-sky-rgba-20 {
  background-color: RGBA(var(--sad-sky), 0.2);
}

.sad-sky-rgba-40 {
  fill: RGBA(var(--sad-sky), 0.4);
  color: RGBA(var(--sad-sky), 0.4);
}

.border-color-sad-sky-rgba-40 {
  border-color: RGBA(var(--sad-sky), 0.4);
}

.background-color-sad-sky-rgba-40 {
  background-color: RGBA(var(--sad-sky), 0.4);
}

.sad-sky-rgba-50 {
  fill: RGBA(var(--sad-sky), 0.5);
  color: RGBA(var(--sad-sky), 0.5);
}

.border-color-sad-sky-rgba-50 {
  border-color: RGBA(var(--sad-sky), 0.5);
}

.background-color-sad-sky-rgba-50 {
  background-color: RGBA(var(--sad-sky), 0.5);
}

.sad-sky-rgba-70 {
  fill: RGBA(var(--sad-sky), 0.7);
  color: RGBA(var(--sad-sky), 0.7);
}

.border-color-sad-sky-rgba-70 {
  border-color: RGBA(var(--sad-sky), 0.7);
}

.background-color-sad-sky-rgba-70 {
  background-color: RGBA(var(--sad-sky), 0.7);
}

.light-gray-rgba-10 {
  fill: RGBA(var(--light-gray), 0.1);
  color: RGBA(var(--light-gray), 0.1);
}

.border-color-light-gray-rgba-10 {
  border-color: RGBA(var(--light-gray), 0.1);
}

.background-color-light-gray-rgba-10 {
  background-color: RGBA(var(--light-gray), 0.1);
}

.light-gray-rgba-20 {
  fill: RGBA(var(--light-gray), 0.2);
  color: RGBA(var(--light-gray), 0.2);
}

.border-color-light-gray-rgba-20 {
  border-color: RGBA(var(--light-gray), 0.2);
}

.background-color-light-gray-rgba-20 {
  background-color: RGBA(var(--light-gray), 0.2);
}

.light-gray-rgba-40 {
  fill: RGBA(var(--light-gray), 0.4);
  color: RGBA(var(--light-gray), 0.4);
}

.border-color-light-gray-rgba-40 {
  border-color: RGBA(var(--light-gray), 0.4);
}

.background-color-light-gray-rgba-40 {
  background-color: RGBA(var(--light-gray), 0.4);
}

.light-gray-rgba-50 {
  fill: RGBA(var(--light-gray), 0.5);
  color: RGBA(var(--light-gray), 0.5);
}

.border-color-light-gray-rgba-50 {
  border-color: RGBA(var(--light-gray), 0.5);
}

.background-color-light-gray-rgba-50 {
  background-color: RGBA(var(--light-gray), 0.5);
}

.light-gray-rgba-70 {
  fill: RGBA(var(--light-gray), 0.7);
  color: RGBA(var(--light-gray), 0.7);
}

.border-color-light-gray-rgba-70 {
  border-color: RGBA(var(--light-gray), 0.7);
}

.background-color-light-gray-rgba-70 {
  background-color: RGBA(var(--light-gray), 0.7);
}

.medium-gray-rgba-10 {
  fill: RGBA(var(--medium-gray), 0.1);
  color: RGBA(var(--medium-gray), 0.1);
}

.border-color-medium-gray-rgba-10 {
  border-color: RGBA(var(--medium-gray), 0.1);
}

.background-color-medium-gray-rgba-10 {
  background-color: RGBA(var(--medium-gray), 0.1);
}

.medium-gray-rgba-20 {
  fill: RGBA(var(--medium-gray), 0.2);
  color: RGBA(var(--medium-gray), 0.2);
}

.border-color-medium-gray-rgba-20 {
  border-color: RGBA(var(--medium-gray), 0.2);
}

.background-color-medium-gray-rgba-20 {
  background-color: RGBA(var(--medium-gray), 0.2);
}

.medium-gray-rgba-40 {
  fill: RGBA(var(--medium-gray), 0.4);
  color: RGBA(var(--medium-gray), 0.4);
}

.border-color-medium-gray-rgba-40 {
  border-color: RGBA(var(--medium-gray), 0.4);
}

.background-color-medium-gray-rgba-40 {
  background-color: RGBA(var(--medium-gray), 0.4);
}

.medium-gray-rgba-50 {
  fill: RGBA(var(--medium-gray), 0.5);
  color: RGBA(var(--medium-gray), 0.5);
}

.border-color-medium-gray-rgba-50 {
  border-color: RGBA(var(--medium-gray), 0.5);
}

.background-color-medium-gray-rgba-50 {
  background-color: RGBA(var(--medium-gray), 0.5);
}

.medium-gray-rgba-70 {
  fill: RGBA(var(--medium-gray), 0.7);
  color: RGBA(var(--medium-gray), 0.7);
}

.border-color-medium-gray-rgba-70 {
  border-color: RGBA(var(--medium-gray), 0.7);
}

.background-color-medium-gray-rgba-70 {
  background-color: RGBA(var(--medium-gray), 0.7);
}

.dark-gray-rgba-10 {
  fill: RGBA(var(--dark-gray), 0.1);
  color: RGBA(var(--dark-gray), 0.1);
}

.border-color-dark-gray-rgba-10 {
  border-color: RGBA(var(--dark-gray), 0.1);
}

.background-color-dark-gray-rgba-10 {
  background-color: RGBA(var(--dark-gray), 0.1);
}

.dark-gray-rgba-20 {
  fill: RGBA(var(--dark-gray), 0.2);
  color: RGBA(var(--dark-gray), 0.2);
}

.border-color-dark-gray-rgba-20 {
  border-color: RGBA(var(--dark-gray), 0.2);
}

.background-color-dark-gray-rgba-20 {
  background-color: RGBA(var(--dark-gray), 0.2);
}

.dark-gray-rgba-40 {
  fill: RGBA(var(--dark-gray), 0.4);
  color: RGBA(var(--dark-gray), 0.4);
}

.border-color-dark-gray-rgba-40 {
  border-color: RGBA(var(--dark-gray), 0.4);
}

.background-color-dark-gray-rgba-40 {
  background-color: RGBA(var(--dark-gray), 0.4);
}

.dark-gray-rgba-50 {
  fill: RGBA(var(--dark-gray), 0.5);
  color: RGBA(var(--dark-gray), 0.5);
}

.border-color-dark-gray-rgba-50 {
  border-color: RGBA(var(--dark-gray), 0.5);
}

.background-color-dark-gray-rgba-50 {
  background-color: RGBA(var(--dark-gray), 0.5);
}

.dark-gray-rgba-70 {
  fill: RGBA(var(--dark-gray), 0.7);
  color: RGBA(var(--dark-gray), 0.7);
}

.border-color-dark-gray-rgba-70 {
  border-color: RGBA(var(--dark-gray), 0.7);
}

.background-color-dark-gray-rgba-70 {
  background-color: RGBA(var(--dark-gray), 0.7);
}

.offline-opaque-10 {
  fill: RGB(var(--offline-opaque-10));
  color: RGB(var(--offline-opaque-10));
}

.border-color-offline-opaque-10 {
  border-color: RGB(var(--offline-opaque-10));
}

.background-color-offline-opaque-10 {
  background-color: RGB(var(--offline-opaque-10));
}

.btn-action-grad-start {
  fill: RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.border-color-btn-action-grad-start {
  border-color: RGB(var(--light-blue));
}

.background-color-btn-action-grad-start {
  background-color: RGB(var(--light-blue));
}

.btn-action-grad-end {
  fill: RGB(var(--btn-action-grad-end));
  color: RGB(var(--btn-action-grad-end));
}

.border-color-btn-action-grad-end {
  border-color: RGB(var(--btn-action-grad-end));
}

.background-color-btn-action-grad-end {
  background-color: RGB(var(--btn-action-grad-end));
}

.btn-action-text-shadow {
  fill: RGBA(var(--btn-action-text-shadow), 0.5);
  color: RGBA(var(--btn-action-text-shadow), 0.5);
}

.border-color-btn-action-text-shadow {
  border-color: RGBA(var(--btn-action-text-shadow), 0.5);
}

.background-color-btn-action-text-shadow {
  background-color: RGBA(var(--btn-action-text-shadow), 0.5);
}

.btn-action-box-shadow {
  fill: RGBA(var(--white), 0.4);
  color: RGBA(var(--white), 0.4);
}

.border-color-btn-action-box-shadow {
  border-color: RGBA(var(--white), 0.4);
}

.background-color-btn-action-box-shadow {
  background-color: RGBA(var(--white), 0.4);
}

.btn-action-hover-grad-start {
  fill: RGB(var(--btn-action-hover-grad-start));
  color: RGB(var(--btn-action-hover-grad-start));
}

.border-color-btn-action-hover-grad-start {
  border-color: RGB(var(--btn-action-hover-grad-start));
}

.background-color-btn-action-hover-grad-start {
  background-color: RGB(var(--btn-action-hover-grad-start));
}

.btn-action-hover-grad-end {
  fill: RGB(var(--btn-action-hover-grad-end));
  color: RGB(var(--btn-action-hover-grad-end));
}

.border-color-btn-action-hover-grad-end {
  border-color: RGB(var(--btn-action-hover-grad-end));
}

.background-color-btn-action-hover-grad-end {
  background-color: RGB(var(--btn-action-hover-grad-end));
}

.btn-action-negative-grad-start {
  fill: RGB(var(--btn-action-negative-grad-start));
  color: RGB(var(--btn-action-negative-grad-start));
}

.border-color-btn-action-negative-grad-start {
  border-color: RGB(var(--btn-action-negative-grad-start));
}

.background-color-btn-action-negative-grad-start {
  background-color: RGB(var(--btn-action-negative-grad-start));
}

.btn-action-negative-grad-end {
  fill: RGB(var(--offline));
  color: RGB(var(--offline));
}

.border-color-btn-action-negative-grad-end {
  border-color: RGB(var(--offline));
}

.background-color-btn-action-negative-grad-end {
  background-color: RGB(var(--offline));
}

.btn-action-negative-hover-grad-start {
  fill: RGBA(var(--btn-action-negative-grad-start), 0.8);
  color: RGBA(var(--btn-action-negative-grad-start), 0.8);
}

.border-color-btn-action-negative-hover-grad-start {
  border-color: RGBA(var(--btn-action-negative-grad-start), 0.8);
}

.background-color-btn-action-negative-hover-grad-start {
  background-color: RGBA(var(--btn-action-negative-grad-start), 0.8);
}

.btn-action-negative-hover-grad-end {
  fill: RGBA(var(--offline), 0.8);
  color: RGBA(var(--offline), 0.8);
}

.border-color-btn-action-negative-hover-grad-end {
  border-color: RGBA(var(--offline), 0.8);
}

.background-color-btn-action-negative-hover-grad-end {
  background-color: RGBA(var(--offline), 0.8);
}

.btn-create-grad-start {
  fill: RGB(var(--favourites));
  color: RGB(var(--favourites));
}

.border-color-btn-create-grad-start {
  border-color: RGB(var(--favourites));
}

.background-color-btn-create-grad-start {
  background-color: RGB(var(--favourites));
}

.btn-crate-grad-end {
  fill: RGB(var(--btn-create-grad-end));
  color: RGB(var(--btn-create-grad-end));
}

.border-color-btn-crate-grad-end {
  border-color: RGB(var(--btn-create-grad-end));
}

.background-color-btn-crate-grad-end {
  background-color: RGB(var(--btn-create-grad-end));
}

.btn-create-text-shadow {
  fill: RGBA(var(--white), 0.5);
  color: RGBA(var(--white), 0.5);
}

.border-color-btn-create-text-shadow {
  border-color: RGBA(var(--white), 0.5);
}

.background-color-btn-create-text-shadow {
  background-color: RGBA(var(--white), 0.5);
}

.btn-create-hover-grad-start {
  fill: RGB(var(--btn-create-hover-grad-start));
  color: RGB(var(--btn-create-hover-grad-start));
}

.border-color-btn-create-hover-grad-start {
  border-color: RGB(var(--btn-create-hover-grad-start));
}

.background-color-btn-create-hover-grad-start {
  background-color: RGB(var(--btn-create-hover-grad-start));
}

.btn-create-hover-grad-end {
  fill: RGB(var(--btn-create-hover-grad-end));
  color: RGB(var(--btn-create-hover-grad-end));
}

.border-color-btn-create-hover-grad-end {
  border-color: RGB(var(--btn-create-hover-grad-end));
}

.background-color-btn-create-hover-grad-end {
  background-color: RGB(var(--btn-create-hover-grad-end));
}

.btn-control-grad-end {
  fill: RGB(var(--btn-control-grad-end));
  color: RGB(var(--btn-control-grad-end));
}

.border-color-btn-control-grad-end {
  border-color: RGB(var(--btn-control-grad-end));
}

.background-color-btn-control-grad-end {
  background-color: RGB(var(--btn-control-grad-end));
}

.btn-action-new-grad-start {
  fill: RGB(var(--light-gray));
  color: RGB(var(--light-gray));
}

.border-color-btn-action-new-grad-start {
  border-color: RGB(var(--light-gray));
}

.background-color-btn-action-new-grad-start {
  background-color: RGB(var(--light-gray));
}

.btn-action-new-grad-end {
  fill: RGB(var(--medium-gray));
  color: RGB(var(--medium-gray));
}

.border-color-btn-action-new-grad-end {
  border-color: RGB(var(--medium-gray));
}

.background-color-btn-action-new-grad-end {
  background-color: RGB(var(--medium-gray));
}

.btn-control-full-bg-grad-start {
  fill: RGB(var(--btn-control-full-bg-grad-start));
  color: RGB(var(--btn-control-full-bg-grad-start));
}

.border-color-btn-control-full-bg-grad-start {
  border-color: RGB(var(--btn-control-full-bg-grad-start));
}

.background-color-btn-control-full-bg-grad-start {
  background-color: RGB(var(--btn-control-full-bg-grad-start));
}

.btn-control-full-bg-grad-end {
  fill: RGB(var(--btn-control-full-bg-grad-end));
  color: RGB(var(--btn-control-full-bg-grad-end));
}

.border-color-btn-control-full-bg-grad-end {
  border-color: RGB(var(--btn-control-full-bg-grad-end));
}

.background-color-btn-control-full-bg-grad-end {
  background-color: RGB(var(--btn-control-full-bg-grad-end));
}

.btn-control-full-bg-inner-shadow {
  fill: RGB(var(--btn-control-full-bg-inner-shadow));
  color: RGB(var(--btn-control-full-bg-inner-shadow));
}

.border-color-btn-control-full-bg-inner-shadow {
  border-color: RGB(var(--btn-control-full-bg-inner-shadow));
}

.background-color-btn-control-full-bg-inner-shadow {
  background-color: RGB(var(--btn-control-full-bg-inner-shadow));
}

.zed-light-blue {
  fill: #E1F3FD;
  color: #E1F3FD;
}

.border-color-zed-light-blue {
  border-color: #E1F3FD;
}

.background-color-zed-light-blue {
  background-color: #E1F3FD;
}

.zed-blue {
  fill: #009AEE;
  color: #009AEE;
}

.border-color-zed-blue {
  border-color: #009AEE;
}

.background-color-zed-blue {
  background-color: #009AEE;
}

.zed-red {
  fill: #DF594D;
  color: #DF594D;
}

.border-color-zed-red {
  border-color: #DF594D;
}

.background-color-zed-red {
  background-color: #DF594D;
}

.zed-green {
  fill: #13BE7D;
  color: #13BE7D;
}

.border-color-zed-green {
  border-color: #13BE7D;
}

.background-color-zed-green {
  background-color: #13BE7D;
}

.zed-orange {
  fill: #F3A63D;
  color: #F3A63D;
}

.border-color-zed-orange {
  border-color: #F3A63D;
}

.background-color-zed-orange {
  background-color: #F3A63D;
}

.zed-light-gray {
  fill: #F4F9F9;
  color: #F4F9F9;
}

.border-color-zed-light-gray {
  border-color: #F4F9F9;
}

.background-color-zed-light-gray {
  background-color: #F4F9F9;
}

.zed-gray {
  fill: #A7A7A7;
  color: #A7A7A7;
}

.border-color-zed-gray {
  border-color: #A7A7A7;
}

.background-color-zed-gray {
  background-color: #A7A7A7;
}

.zed-medium-gray {
  fill: #e6e6e6;
  color: #e6e6e6;
}

.border-color-zed-medium-gray {
  border-color: #e6e6e6;
}

.background-color-zed-medium-gray {
  background-color: #e6e6e6;
}

.zed-dark-gray {
  fill: #777777;
  color: #777777;
}

.border-color-zed-dark-gray {
  border-color: #777777;
}

.background-color-zed-dark-gray {
  background-color: #777777;
}

.zed-darkest-gray {
  fill: #595959;
  color: #595959;
}

.border-color-zed-darkest-gray {
  border-color: #595959;
}

.background-color-zed-darkest-gray {
  background-color: #595959;
}

.zed-light-red {
  fill: #F95558;
  color: #F95558;
}

.border-color-zed-light-red {
  border-color: #F95558;
}

.background-color-zed-light-red {
  background-color: #F95558;
}

.violet {
  fill: #8275FB;
  color: #8275FB;
}

.border-color-violet {
  border-color: #8275FB;
}

.background-color-violet {
  background-color: #8275FB;
}

.magnolia-red {
  fill: #962918;
  color: #962918;
}

.border-color-magnolia-red {
  border-color: #962918;
}

.background-color-magnolia-red {
  background-color: #962918;
}

.magnolia-light-red {
  fill: #D7B1AC;
  color: #D7B1AC;
}

.border-color-magnolia-light-red {
  border-color: #D7B1AC;
}

.background-color-magnolia-light-red {
  background-color: #D7B1AC;
}

.magnolia-yellow {
  fill: #F3A63D;
  color: #F3A63D;
}

.border-color-magnolia-yellow {
  border-color: #F3A63D;
}

.background-color-magnolia-yellow {
  background-color: #F3A63D;
}

.magnolia-green {
  fill: #18961E;
  color: #18961E;
}

.border-color-magnolia-green {
  border-color: #18961E;
}

.background-color-magnolia-green {
  background-color: #18961E;
}

.magnolia-black {
  fill: #000000;
  color: #000000;
}

.border-color-magnolia-black {
  border-color: #000000;
}

.background-color-magnolia-black {
  background-color: #000000;
}

.magnolia-dark-gray {
  fill: #49494A;
  color: #49494A;
}

.border-color-magnolia-dark-gray {
  border-color: #49494A;
}

.background-color-magnolia-dark-gray {
  background-color: #49494A;
}

.magnolia-medium-gray {
  fill: #737474;
  color: #737474;
}

.border-color-magnolia-medium-gray {
  border-color: #737474;
}

.background-color-magnolia-medium-gray {
  background-color: #737474;
}

.magnolia-light-gray {
  fill: #E2E2E2;
  color: #E2E2E2;
}

.border-color-magnolia-light-gray {
  border-color: #E2E2E2;
}

.background-color-magnolia-light-gray {
  background-color: #E2E2E2;
}

.magnolia-lighter-gray {
  fill: #FCFAFA;
  color: #FCFAFA;
}

.border-color-magnolia-lighter-gray {
  border-color: #FCFAFA;
}

.background-color-magnolia-lighter-gray {
  background-color: #FCFAFA;
}

.atomic-sand {
  fill: #F9F9F9;
  color: #F9F9F9;
}

.border-color-atomic-sand {
  border-color: #F9F9F9;
}

.background-color-atomic-sand {
  background-color: #F9F9F9;
}

.mice {
  fill: #838383;
  color: #838383;
}

.border-color-mice {
  border-color: #838383;
}

.background-color-mice {
  background-color: #838383;
}

.albino-mice {
  fill: #DFDFDF;
  color: #DFDFDF;
}

.border-color-albino-mice {
  border-color: #DFDFDF;
}

.background-color-albino-mice {
  background-color: #DFDFDF;
}

.gunmetal {
  fill: #484747;
  color: #484747;
}

.border-color-gunmetal {
  border-color: #484747;
}

.background-color-gunmetal {
  background-color: #484747;
}

.lime {
  fill: #80BD01;
  color: #80BD01;
}

.border-color-lime {
  border-color: #80BD01;
}

.background-color-lime {
  background-color: #80BD01;
}

.grass {
  fill: #01BD5D;
  color: #01BD5D;
}

.border-color-grass {
  border-color: #01BD5D;
}

.background-color-grass {
  background-color: #01BD5D;
}

.lemon {
  fill: #FFCE4B;
  color: #FFCE4B;
}

.border-color-lemon {
  border-color: #FFCE4B;
}

.background-color-lemon {
  background-color: #FFCE4B;
}

.red-wine {
  fill: #91190E;
  color: #91190E;
}

.border-color-red-wine {
  border-color: #91190E;
}

.background-color-red-wine {
  background-color: #91190E;
}

.smurf {
  fill: #54B2FF;
  color: #54B2FF;
}

.border-color-smurf {
  border-color: #54B2FF;
}

.background-color-smurf {
  background-color: #54B2FF;
}

.tanned-smurf {
  fill: #5495FF;
  color: #5495FF;
}

.border-color-tanned-smurf {
  border-color: #5495FF;
}

.background-color-tanned-smurf {
  background-color: #5495FF;
}

.navy-blue {
  fill: #031960;
  color: #031960;
}

.border-color-navy-blue {
  border-color: #031960;
}

.background-color-navy-blue {
  background-color: #031960;
}

.sea-mice {
  fill: #787D86;
  color: #787D86;
}

.border-color-sea-mice {
  border-color: #787D86;
}

.background-color-sea-mice {
  background-color: #787D86;
}

.petrol-metal {
  fill: #343B43;
  color: #343B43;
}

.border-color-petrol-metal {
  border-color: #343B43;
}

.background-color-petrol-metal {
  background-color: #343B43;
}

/*# sourceMappingURL=main.css.map */
:root, :host {

    /* *** MAIN COLOURS *** */

    --light-blue: 84, 178, 255; /* #54b2ff */
    --fing-blue: 29, 165, 237; /* #1da5ed */
    --dark-blue: 42, 54, 68; /* #2a3644 */
    --dark-night: 34, 44, 56; /* #222c38 */
    --darkest-night: 23, 30, 38; /* #171e26 */

    --online: 50, 205, 54; /* #32cd36 */
    --favourites: 255, 206, 84; /* #ffce54 */
    --offline: 205, 50, 120; /* #cd3278 */
    --shell: 120, 106, 242; /* #786af2 */
    --notice: 230, 126, 34; /* #e67e22 */

    --full-white: 255, 255, 255; /* #ffffff */
    --very-light-gray: 246, 246, 246; /* #f6f6f6 */
    --borders-gray: 243, 241, 239; /* #f3f1ef */
    --light-gray: 236, 240, 241; /* #ecf0f1 */
    --sad-sky: 211, 219, 225; /* #d3dbe1 */
    --section-gray: 190, 204, 207; /* #becccf */
    --medium-gray: 138, 141, 153; /* #8a8d99 */
    --dark-gray: 113, 134, 163; /* #7186a3 */
    --full-black: 0, 0, 0; /* #000000 */

    --light-silver: 248, 248, 248; /* #f8f8f8 */
    --column-gray: 251, 251, 251; /* #fbfbfb */

    --offline-border: 125, 34, 77; /* #7d224d */
    --light-blue-border: 67, 142, 204; /* #438ecc */
    --favourites-border: 255, 170, 51; /* #ffaa33 */

    /* *** MAIN COLOURS - OPAQUE|FLAT VERSION *** */

    --offline-opaque-10: 250, 234, 241; /* #faeaf1 */

    /* *** BUTTONS COLOURS *** */

    --btn-action-grad-end: 63, 134, 191; /* #3f86bf */
    --btn-action-text-shadow: 14, 29, 41; /* #0e1d29 */
    --btn-action-hover-grad-start: 135, 215, 255; /* #87d7ff */
    --btn-action-hover-grad-end: 67, 142, 204; /* #438ecc */

    --btn-action-negative-grad-start: 232, 97, 176; /* #e861b0 */

    --btn-create-grad-end: 198, 156, 50; /* #c69c32 */
    --btn-create-hover-grad-start: 255, 226, 153; /* #ffe299 */
    --btn-create-hover-grad-end: 250, 197, 62; /* #fac53e */

    --btn-control-full-bg-grad-start: 42, 54, 68;
    --btn-control-full-bg-grad-end: 34, 44, 56;
    --btn-control-full-bg-inner-shadow: 54, 69, 87;

    --btn-control-grad-end: 47, 61, 77; /* #2f3d4d */
}
:root {
    --font-helvetica-neue: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
                           "HelveticaNeue-Roman", "Helvetica Neue Roman",
                           "TeXGyreHerosRegular", "Helvetica", "Tahoma",
                           "Geneva", "Arial", sans-serif;
    --font-weight-regular: 400;
}.style_container__QWD0Y:not(.style_disabled__I5iT2) :hover {
  cursor: pointer;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_strokeStyle__UFBq5 {
  stroke: RGB(var(--light-blue));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__eRoFs {
  width: 20px;
  height: 20px;
}

.style_size-1__QCzEF {
  width: 20px;
  height: 20px;
}

.style_size-small__1Drv9 {
  width: 24px;
  height: 24px;
}

.style_size-2__zEU06 {
  width: 24px;
  height: 24px;
}

.style_size-normal__S0Y-K {
  width: 36px;
  height: 36px;
}

.style_size-3__NeBcC {
  width: 36px;
  height: 36px;
}

.style_iconBox__aZpRK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.style_modal__sQJV7 {
  width: 600px;
  height: 750px;
  max-height: 90%;
}
@media screen and (max-width: 768px) {
  .style_modal__sQJV7 {
    width: 100%;
  }
}

.style_modalContent__tl5hn {
  background-color: RGB(var(--very-light-gray));
}
.styles_sampleDropZone__qG279 {
  background-color: RGBA(var(--dark-gray), 0.7);
}

.styles_dropAreaOnHover__ThppO {
  display: none;
}

.styles_dropAreaLabel__eeo9R {
  display: none;
}

.styles_active__UdhLy .styles_dropAreaOnHover__ThppO {
  z-index: 1;
  position: absolute;
  top: 0;
  background-color: RGBA(var(--light-blue), 0.9);
  outline: 2px dashed RGB(var(--light-blue));
  outline-offset: 4px;
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}
.styles_active__UdhLy .styles_dropAreaOnHover__ThppO .styles_dropAreaLabel__eeo9R {
  display: block;
  width: 100%;
  text-align: center;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__JWhck {
  max-width: 100%;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__dRit8 {
  position: relative;
  z-index: 9;
  width: 100%;
}
.style_mainContainer__dRit8:hover {
  cursor: pointer;
}

.style_list__agViu {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_buttonPlaceholder__wUJNC {
  max-width: calc(100% - 20px);
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__t-x-J {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--dark-night));
  height: 20px;
  width: fit-content;
  width: -moz-fit-content;
}
.style_container__t-x-J:hover {
  cursor: pointer;
  border-color: transparent; /* remove the border's colour */
}
.style_container__t-x-J:hover.style_counterButton--neutral__yx7ap {
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}
.style_container__t-x-J:hover.style_counterButton--positive__gA1ph {
  box-shadow: 0 0 0 2px RGB(var(--online));
}
.style_container__t-x-J:hover.style_counterButton--negative__M6mbd {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}
.style_container__t-x-J:hover.style_counterButton--favourite__VL-pN {
  box-shadow: 0 0 0 2px RGB(var(--favourites));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__-6LFU {
  position: relative;
  z-index: 9;
}

.style_wrapper__TaRqF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.style_wrapper__TaRqF.style_isActive__NCGQk {
  background-color: RGBA(var(--light-blue), 0.1);
}
.style_wrapper__TaRqF:hover {
  cursor: pointer;
}
.style_wrapper__TaRqF.style_isDisabled__Qy60y {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}

.style_wrapperPaddingText__Rafm- {
  padding: 8px 12px;
}

.style_wrapperPaddingIcon__cjLAo {
  height: 24px;
  width: 24px;
}

.style_list__TFB-Z {
  background-color: RGB(var(--very-light-gray));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px;
  width: 250px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_groupTitle__4uezj {
  color: RGB(var(--medium-gray));
  padding: 5px 10px;
  display: block;
}

.style_item__5Rn2- {
  padding: 10px 5px;
}

.style_group__rDhzv {
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
  margin: 2px;
  padding: 4px;
}

.style_positiveActionType__ULGhZ:hover {
  cursor: pointer;
  background-color: RGBA(var(--light-blue), 0.1);
  color: RGB(var(--light-blue));
}

.style_negativeActionType__7qlLz:hover {
  cursor: pointer;
  background-color: RGBA(var(--offline), 0.1);
  color: RGB(var(--offline));
}
.style_negativeActionType__7qlLz span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.style_disabledAction__HG7cd {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}
.style_label__fNjtT {
  min-width: 20px;
  text-align: center;
}
.style_overlay__IR-6z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.style_lightBackground__mt5ks {
  background-color: RGBA(var(--full-white), 0.7);
}

.style_darkBackground__s2L9f {
  background-color: RGBA(var(--dark-blue), 0.7);
}

.style_noScroll__PPln- {
  overflow: hidden;
}
.style_triggerWrapper__obaTo {
  display: inline-block;
  position: relative;
}

.style_overlayWrapper__0yZn3 {
  position: absolute;
  line-height: 1;
  z-index: 100;
  white-space: nowrap;
  animation: style_fadeIn__9HXES 0.4s;
}

@keyframes style_fadeIn__9HXES {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.style-module_loadingBar__ATzJG {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  background-color: RGB(var(--light-blue));
  color: RGB(var(--light-gray));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_messageBannerContainer__pZdpB {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

.style_messageBannerContainer--negative__K8-lT {
  background-color: RGBA(var(--offline), 0.1);
}

.style_messageBannerContainer--neutral__Q1-N4 {
  background-color: RGBA(var(--dark-gray), 0.1);
}

.style_messageBannerContainer--positive__ZQBVY {
  background-color: RGBA(var(--light-blue), 0.1);
}

.style_messageBannerContainer--notice__7XFvj {
  background: RGBA(var(--notice), 0.1);
}

.style_messageBannerButton__uN7sC {
  background-color: transparent;
}

.style_messageBannerLink--negative__wRUYK {
  color: RGB(var(--offline));
}

.style_messageBannerLink--neutral__EIVsT {
  color: RGB(var(--dark-gray));
}

.style_messageBannerLink--positive__o2ALD {
  color: RGB(var(--light-blue));
}

.style_messageBannerLink--notice__HEqhU {
  color: RGB(var(--notice));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickableRow__AUqx- {
  cursor: pointer;
}

.style_box__LZRww {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}

.style_iconWrapper__nHXE- {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  background-color: RGB(var(--light-gray));
}

.style_statusBadge__eoNtG {
  max-height: 48px;
  flex-basis: 20px;
  text-align: center;
  line-height: 12px;
  word-spacing: 40px;
  white-space: pre-line;
}

.style_statusWithLastStatus__bQmUT {
  min-width: 26px;
}

.style_rightBlockWrapper__5mxpX {
  text-align: right;
}

.style_rightBlockWithCentralComponent__D9Lne {
  flex: 1 1 140px;
  min-width: 140px;
  max-width: 190px;
}

.style_centralComponent__mMpUD {
  flex: 0 0 184px;
  width: 184px;
}

.style_doubleDash__Crmlz {
  width: 24px;
}

.style_leftBlockText__yHt-3 {
  min-width: 0;
  flex-basis: content;
  flex-grow: 1;
  flex-shrink: 1;
}

.style_rightBlockText__fN5kj {
  min-width: max(20%, 100px);
  text-align: right;
  flex-basis: 40%;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.style_rightBlockSubTitle__5XS1i,
.style_title__uYsT-,
.style_subtitle__ADQFI {
  font-size: 14px;
}

.style_deviceIconContainer__aYueA {
  position: relative;
}

.style_topLeftIconContainer__W6lMs {
  position: absolute;
  top: -7px;
  left: -7px;
}

.style_topRightIconContainer__aHqkz {
  position: absolute;
  top: -7px;
  right: -7px;
}

.style_bottomRightIconContainer__ujUix {
  position: absolute;
  bottom: -7px;
  right: -7px;
}

.style_bottomLeftIconContainer__ydbBp {
  position: absolute;
  bottom: -7px;
  left: -7px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__F6jEw {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 28px;
  min-width: 28px;
  padding: 0 4px;
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
}
.style_box__F6jEw:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}
.style_box__F6jEw.style_selected__73pzU {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}

.style_arrowBox__zrRhL {
  height: 28px;
  width: 28px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.style_arrowBox__zrRhL:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}
.style_arrowBox__zrRhL.style_disabled__UumhZ:hover {
  background: transparent;
  cursor: auto;
}

.style_dotDotDot__PlqF8 {
  height: 28px;
  width: 28px;
  color: RGB(var(--dark-gray));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_labelWrapper__l-ftY {
  width: 55px;
}

.style_externalContainer__gvFFf {
  height: 16px;
  width: 100%;
}

.style_percentageLabel__YB4Nr {
  white-space: nowrap;
}

.style_progressBarContainer__e6sxV {
  width: 100%;
  height: 16px;
  background-color: RGB(var(--very-light-gray));
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 4px;
  box-sizing: border-box;
}

.style_progressBarFiller__KnYT7 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  max-width: 100%;
  -webkit-transition-property: width;
  -khtml-transition-property: width;
  -moz-transition-property: width;
  -ms-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.4s;
  -khtml-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.style_progressBarFillerDisabled__0HTXW {
  background-color: RGB(var(--section-gray));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonWrapper__dnVCE {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0;
  width: 34px;
  height: 34px;
  line-height: 20px;
  background: RGB(var(--full-white));
  cursor: pointer;
  text-align: center;
}
.style_buttonWrapper__dnVCE.style_small__f0bLZ {
  width: 24px;
  height: 24px;
}
.style_buttonWrapper__dnVCE.style_disabled__CpD-B {
  border: 1px solid RGB(var(--borders-gray));
  cursor: auto;
}
.style_buttonWrapper__dnVCE.style_disabled__CpD-B svg {
  fill: RGB(var(--light-gray));
}
.style_buttonWrapper__dnVCE.style_enabled__0L9Ea {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.style_wrapper__Y0T5W {
  position: relative;
  width: fit-content;
  height: fit-content;
  width: -moz-fit-content;
  height: -moz-fit-content;
  max-width: 100%;
  max-height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.style_wrapper__Y0T5W.style_left__wgEjw:hover {
  border-width: 1px;
}
.style_wrapper__Y0T5W:hover .style_actionButton__fGlKg {
  opacity: 1;
}
.style_wrapper__Y0T5W:hover .style_borderToggleBox__RwAa4 {
  opacity: 1;
  border-color: RGB(var(--section-gray));
}

.style_contentWrapper__Fvf79 {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.style_actionButton__fGlKg {
  opacity: 0;
  position: absolute !important;
  z-index: 999;
  transition: opacity 0.4s ease;
}
.style_actionButton__fGlKg.style_top__8uAjm, .style_actionButton__fGlKg.style_bottom__YfVXv {
  left: 50%;
  transform: translateX(-50%);
}
.style_actionButton__fGlKg.style_right__re3Dx, .style_actionButton__fGlKg.style_left__wgEjw {
  top: 50px;
}
.style_actionButton__fGlKg.style_top__8uAjm {
  top: -12px;
}
.style_actionButton__fGlKg.style_bottom__YfVXv {
  bottom: -12px;
}
.style_actionButton__fGlKg.style_left__wgEjw {
  left: -12px;
}
.style_actionButton__fGlKg.style_right__re3Dx {
  right: -12px;
}
.style_actionButton__fGlKg:hover {
  opacity: 1;
}

.style_borderToggleBox__RwAa4 {
  opacity: 0;
  border-width: 0;
  transition: opacity 0.4s ease;
  z-index: 999;
  position: absolute;
  border-style: solid;
  border-color: transparent;
}
.style_borderToggleBox__RwAa4:hover {
  opacity: 1;
}
.style_borderToggleBox__RwAa4.style_left__wgEjw, .style_borderToggleBox__RwAa4.style_right__re3Dx {
  height: 100%;
  width: 10px;
  top: 0;
  cursor: col-resize;
}
.style_borderToggleBox__RwAa4.style_top__8uAjm, .style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  width: 100%;
  height: 10px;
  left: 0;
  cursor: row-resize;
}
.style_borderToggleBox__RwAa4.style_top__8uAjm {
  top: 0;
  border-top-width: 3px;
}
.style_borderToggleBox__RwAa4.style_top__8uAjm:hover {
  border-color: RGB(var(--light-blue));
}
.style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  bottom: 0;
  border-bottom-width: 3px;
}
.style_borderToggleBox__RwAa4.style_bottom__YfVXv:hover {
  border-color: RGB(var(--light-blue));
}
.style_borderToggleBox__RwAa4.style_left__wgEjw {
  left: 0;
  border-left-width: 3px;
}
.style_borderToggleBox__RwAa4.style_left__wgEjw:hover {
  border-color: RGB(var(--light-blue));
}
.style_borderToggleBox__RwAa4.style_right__re3Dx {
  right: 0;
  border-right-width: 3px;
}
.style_borderToggleBox__RwAa4.style_right__re3Dx:hover {
  border-color: RGB(var(--light-blue));
}
.style_section__-8sBe {
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}
.style_section__-8sBe:not(:last-child) {
  margin-bottom: 4px;
}

.style_sectionRow__ArUv0:not(:last-child) {
  border-bottom: 1px solid RGB(var(--light-gray));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__1Qhih {
  position: relative;
  z-index: 9;
  width: 100%;
}
.style_mainContainer__1Qhih:hover {
  cursor: pointer;
}

.style_list__bGlft {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 300px;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  max-height: 300px;
  min-height: 100px;
}

.style_scrollableContent__lkbj4 {
  overflow-y: auto;
  height: 100%;
}
.style_scrollableContent__lkbj4.style_withFilter__UO81t {
  height: calc(100% - 45px);
}

.style_noResultsMessage__wqIjU {
  width: 100%;
  height: 150px;
}

.style_roundIcon__PC7uY {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--light-gray));
  min-height: 26px;
  min-width: 26px;
}

.style_mobileSelect__7Mdlj {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  bottom: 0;
  width: calc(100% - 36px);
  height: 28px;
  border: 1px solid RGB(var(--light-gray));
  padding: 5px;
}
.style_mobileSelect__7Mdlj select {
  color: RGB(var(--medium-gray));
  font-size: 12px;
  width: 100%;
}
.style_mobileSelect__7Mdlj select:hover {
  cursor: pointer;
}
.style_mobileSelect__7Mdlj input {
  height: 100%;
  width: 100%;
  color: RGB(var(--light-blue));
}
.style_mobileSelect__7Mdlj:hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}
.style_mobileSelect__7Mdlj.style_active__EBWrs {
  border-color: RGB(var(--light-blue));
}
.style_mobileSelect__7Mdlj.style_active__EBWrs select {
  color: RGB(var(--light-blue));
}
.style-module_border__r6FCz {
  border-bottom: 2px solid RGB(var(--sad-sky));
}
.style_status-banner__outer-content__n6A5L {
  color: RGB(var(--full-white));
  min-height: 18px;
  margin-bottom: 2px;
}
.style_status-banner__outer-content__n6A5L .style_status-banner__inner-content__BIZOY {
  max-width: 100%;
}

.style_status-banner_positive__fokkx {
  background-color: RGB(var(--light-blue));
}

.style_status-banner_positive-faded__3Djd4 {
  background-color: RGBA(var(--light-blue), 0.1);
  border: 1px solid RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_status-banner_negative__3pif6 {
  background-color: RGB(var(--offline));
}

.style_status-banner_negative-faded__UFVbU {
  background-color: RGBA(var(--offline), 0.1);
  border: 1px solid RGB(var(--offline));
  color: RGB(var(--offline));
}

.style_status-banner_notice__bVPb- {
  background-color: RGB(var(--notice));
}

.style_status-banner_notice-faded__k2VDi {
  background-color: RGBA(var(--notice), 0.1);
  border: 1px solid RGB(var(--notice));
  color: RGB(var(--notice));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__EkPMF {
  width: 24px;
  height: 24px;
}

.style_size-1__Lrsef {
  width: 24px;
  height: 24px;
}

.style_size-small__Oc2-- {
  width: 24px;
  height: 24px;
}

.style_size-2__bQkgK {
  width: 24px;
  height: 24px;
}

.style_size-normal__QYDID {
  width: 36px;
  height: 36px;
}

.style_size-3__Ctkp7 {
  width: 36px;
  height: 36px;
}

.style_iconBox__lplY- {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_barContainer__m2rHo {
  width: 100%;
  height: 26px;
  color: RGB(var(--full-white));
}

.style_barNeutral__6NqRr {
  background-color: RGB(var(--dark-gray));
}

.style_barPositive__y7bme {
  background-color: RGB(var(--light-blue));
}

.style_barSuccess__8mDmo {
  background-color: RGB(var(--online));
}

.style_barNegative__1XFw7 {
  background-color: RGB(var(--offline));
}

.style_barWarning__7tuoL {
  background-color: RGB(var(--notice));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__fgsU5 {
  padding: 12px 8px;
  background-color: RGB(var(--full-white));
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  user-select: none;
}
.style_wrapper__fgsU5:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}
@media screen and (max-width: 1023px) {
  .style_wrapper__fgsU5 {
    flex: 50%;
  }
}
.style_wrapper__fgsU5:active {
  background-color: RGB(var(--very-light-gray));
}

.style_defaultWidth__r9EA7 {
  width: 130px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__uoVaw {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  color: RGB(var(--full-white));
  background-color: RGB(var(--dark-night));
  width: fit-content;
  width: -moz-fit-content;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_button__PnX5c {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.style_button__PnX5c:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}

.style_borderColor__6UEYx {
  border-color: RGB(var(--sad-sky)) !important;
  color: RGB(var(--dark-gray)) !important;
}

.style_tabContent__B7Y3O {
  width: 100%;
}
.style_tabContent__B7Y3O > div {
  flex-grow: 1;
}
.style-module_border__ysdFv {
  border-right: 2px solid RGB(var(--sad-sky));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__yAa6u {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
  padding: 12px;
}
.style_dmt-tab__wrapper__1NsLS {
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.style_dmt-tab__alignment--horizontal__Pt18A > div {
  flex: 1;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_detailsRow__4P5T6 {
  font-size: 12px;
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: 300 !important;
  color: RGB(var(--medium-gray));
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: RGB(var(--full-white));
  padding: 12px 8px;
  margin-bottom: 1px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__yshO3 {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 5px;
  position: relative;
}
.style_clickArea__yshO3 input {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.style_clickArea__yshO3 input:hover {
  cursor: pointer;
}
.style_clickArea__yshO3 input:hover + div:not(.style_radioDisabled__8Ee8-) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_radioDisabled__8Ee8- input:hover {
  cursor: auto;
}
.style_radioDisabled__8Ee8- input:hover + div {
  border-color: RGB(var(--sad-sky));
}

.style_radioChecked__YspMQ {
  border-color: RGB(var(--light-blue));
}
.style_radioChecked__YspMQ.style_radioDisabled__8Ee8- {
  border-color: RGB(var(--sad-sky));
}

.style_radioNotChecked__QDhls {
  border-color: RGB(var(--sad-sky));
}

.style_box__BxUKo {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}
.style_box__EjNb0 {
  width: auto;
  left: 0;
  right: 0;
}
.styles_setupRow__cv1kw {
  background-color: RGB(var(--full-white));
  word-break: break-word;
}
.styles_setupRow__cv1kw .styles_titleAndDescription__1Z62X {
  min-width: 30%;
}
.styles_setupRow__cv1kw .styles_valueAndAction__xlbYy {
  text-align: end;
}

.styles_disabledSetupRow__zjnix [role=button]:hover {
  cursor: not-allowed;
}
.styles_disabledSetupRow__zjnix:hover {
  cursor: not-allowed;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__83wsf {
  position: relative;
  padding: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.style_clickArea__83wsf input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.style_clickArea__83wsf input:hover {
  cursor: pointer;
}
.style_clickArea__83wsf input:hover + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}
.style_clickArea__83wsf.style_hovered__d3AG3 input + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  -webkit-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -khtml-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -moz-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -ms-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -o-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_box__J3HOZ {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.style_checkboxBoxChecked__pS-nu {
  background-color: RGB(var(--light-blue));
  border-color: RGB(var(--light-blue));
}
.style_checkboxBoxChecked__pS-nu.style_checkboxDisabled__WvUGU {
  background-color: RGB(var(--sad-sky));
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxIndeterminate__N6lyK,
.style_checkboxBoxNotChecked__a2Fw3 {
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxDisabled__srjbW input:hover {
  cursor: auto;
}
.style_checkboxBoxDisabled__srjbW input:hover + div {
  border-color: RGB(var(--sad-sky));
}
.style_checkboxBoxDisabled__srjbW.style_notAllowedCursor__FAHm- input:hover {
  cursor: not-allowed;
}

.style_checkboxBoxLoading__iHNgd {
  background-color: RGB(var(--full-white));
  border-color: RGB(var(--sad-sky));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_error__lwU6B {
  visibility: hidden;
}

.style_outerWrapper__HwocD {
  width: 100%;
}

.style_outerWrapper__HwocD:has(input:invalid) .style_error__lwU6B {
  visibility: visible;
}

.style_wrapper__580P4 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid RGB(var(--borders-gray));
  margin: 0 auto 5px auto;
}
.style_wrapper__580P4:has(input:invalid) {
  border-bottom: 1px solid RGB(var(--offline));
}
.style_wrapper__580P4:hover {
  border-color: transparent;
  /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue));
  /* emulate the border */
  cursor: pointer;
}
.style_wrapper__580P4:hover:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline));
  /* emulate the border */
}
.style_wrapper__580P4:hover.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
}
.style_wrapper__580P4.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
  cursor: not-allowed;
}
.style_wrapper__580P4.style_disabled__UHO4W input {
  user-select: none;
  cursor: not-allowed;
}

.style_focused__3Bs7O {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue)); /* emulate the border */
}
.style_focused__3Bs7O:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_input__0FU8G {
  margin-right: 10px;
  width: 100%;
  color: RGB(var(--dark-gray)) !important;
}
.style_input__0FU8G::placeholder {
  font-size: 14px;
  font-style: italic;
}
.style_input__0FU8G::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}
.style_input__0FU8G:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}
.style_input__0FU8G ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}
.style_input__0FU8G :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}

.style_clearIcon__VMhYK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--medium-gray));
}
.style_clearIcon__VMhYK:hover {
  cursor: pointer;
}

.style_leftIcon__GU3a9 {
  width: 20px;
  overflow: hidden;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__N3QjA {
  position: relative;
  background: transparent;
  width: 100%;
  border-bottom: 1px solid RGB(var(--sad-sky));
  margin: 0 auto 5px auto;
}
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:focus,
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:not(:placeholder-shown),
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:hover {
  border-color: transparent; /* remove the border's colour */
}
.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 1px 0 0 RGB(var(--light-blue)); /* emulate the border */
  cursor: pointer;
}
.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover.style_error__Szrhd {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}
.style_wrapper__N3QjA input[type=number] {
  color: RGB(var(--light-blue));
  height: unset;
  line-height: unset;
}

.style_hiddenArrows__MgjWL input::-webkit-outer-spin-button,
.style_hiddenArrows__MgjWL input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.style_hiddenArrows__MgjWL input[type=number] {
  -moz-appearance: textfield;
}

.style_input__QNc9b {
  width: 100%;
  line-height: unset;
}
.style_input__QNc9b::placeholder {
  font-size: 14px;
  font-style: italic;
}
.style_input__QNc9b::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}
.style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}
.style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}
.style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}
.style_input__QNc9b[type=number], .style_input__QNc9b[type=text], .style_input__QNc9b[type=password] {
  height: unset;
  line-height: unset;
}
.style_input__QNc9b::placeholder {
  color: RGB(var(--sad-sky));
}
.style_input__QNc9b:not(.style_disabled__fAKJm) {
  color: RGB(var(--light-blue));
}

.style_error__Szrhd {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}
.style_error__Szrhd .style_input__QNc9b {
  color: RGB(var(--offline));
}

.style_disabled__fAKJm:not(.style_outlined__p0S-v) .style_input__QNc9b {
  color: RGB(var(--section-gray));
  border-bottom: 1px solid RGB(var(--section-gray));
}
.style_disabled__fAKJm.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--section-gray));
}
.style_disabled__fAKJm:hover {
  box-shadow: 0 0 0 0 RGB(var(--section-gray));
}
.style_disabled__fAKJm:hover input {
  cursor: not-allowed;
}

.style_outlined__p0S-v {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 36px);
  bottom: 0;
  border: 1px solid RGB(var(--light-gray));
  padding-left: 4px;
  padding-right: 4px;
  height: 28px;
  background-color: RGB(var(--full-white));
}
.style_outlined__p0S-v:hover:not(.style_disabled__fAKJm) {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}
.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--light-blue));
  width: 100%;
  height: 100%;
  font-size: 12px;
}
.style_outlined__p0S-v .style_input__QNc9b::placeholder {
  font-size: 12px;
  font-style: normal;
}
.style_outlined__p0S-v .style_input__QNc9b::-moz-placeholder {
  font-size: 12px;
  font-style: normal;
}
.style_outlined__p0S-v .style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 12px;
  font-style: normal;
}
.style_outlined__p0S-v .style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
  font-style: normal;
}
.style_outlined__p0S-v .style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
  font-style: normal;
}

.style_active__ondlk {
  border-color: RGB(var(--light-blue));
}

.style_clearIcon__5K6E4 {
  position: relative;
  top: 1px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.style_clearIcon__5K6E4:hover {
  cursor: pointer;
}
.style_clearIcon__5K6E4.style_disabled__fAKJm {
  cursor: not-allowed;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputContainerWrapper__jNVIF {
  min-height: 40px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__Lt0VZ {
  position: relative;
  background: transparent;
  width: 100%;
  margin: 0 auto;
}

.style_inputLabel__I-1A- {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  -khtml-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition-property: all;
  -khtml-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -khtml-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  white-space: nowrap;
  line-height: 40px;
  font-size: 14px;
  color: RGB(var(--medium-gray));
}

.style_focused__tf3Xp .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  color: RGB(var(--light-blue));
}

.style_disabled__w-sBA .style_inputLabel__I-1A- {
  z-index: 1;
  color: RGB(var(--section-gray));
}

.style_error__vzbyq .style_inputLabel__I-1A- {
  color: RGB(var(--offline));
}

.style_withPlaceholder__rryu6 .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
}
.style_formInput__hQDWW {
  flex-grow: 1;
}

.style_notAllowed__dBnHP {
  cursor: not-allowed !important;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputError__ENyj7 {
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  width: 100%;
  height: 18px;
  position: relative;
  top: 2px;
  overflow: hidden;
  animation: 0.1s ease-out 0s 1 style_appear__g-O90;
}

@keyframes style_appear__g-O90 {
  0% {
    height: 0;
  }
  100% {
    height: 18px;
  }
}
.style_dropdownValuesContainer__u9v1p {
  max-height: 188px;
  overflow: auto;
}

.style_dropdownPlaceholderContainer__dPhzo {
  height: 188px;
}

.style_radioLabelsContainer__nuAFT {
  max-width: calc(100% - 52px);
}

.style_inputContainer__pispB {
  cursor: pointer;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_modal__s1KXq {
  width: 768px;
  height: 90%;
  top: 50%;
  left: 50%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
@media screen and (min-width: 1441px) {
  .style_modal__s1KXq {
    width: 900px;
  }
}
@media screen and (max-width: 768px) {
  .style_modal__s1KXq {
    width: 100%;
    transform: translateX(0);
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
    top: 0;
  }
}

.style_modal__heightFitContent__ivAuj {
  height: auto;
}

.style_modal__external-wrapper__5V4Mm {
  height: 100%;
  background-color: RGB(var(--full-white));
}

.style_modal__backdrop__qxTqV {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_modal__title-bar__B8GsA {
  background-color: RGB(var(--dark-night));
  border: 0;
  position: relative;
  min-height: 45px;
}

.style_modal__titleBar__close-button__yVc1t {
  position: absolute;
  left: 8px;
  background-color: RGB(var(--dark-blue));
  color: RGB(var(--light-gray));
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.style_modal__titleBar__close-button__yVc1t:before {
  font-size: 16px;
}
.style_modal__titleBar__close-button__yVc1t.style_icon-close__--RUf {
  color: RGB(var(--offline));
}

.style_modal__wrapper__cizMc {
  height: calc(100% - 45px);
  min-height: 500px;
}

.style_modal__footer__nKFFf {
  min-height: 60px;
  justify-content: center;
  align-items: center;
}
.style_modal__footer__nKFFf > div {
  width: 340px;
}

.style_modal__footer--multiple-child__QhCaH > div {
  width: 230px;
}

@media screen and (max-width: 768px) {
  .style_modal__footer__nKFFf > div {
    width: 100%;
  }
  .style_modal__footer--multiple-child__QhCaH > div {
    width: 100%;
  }
}
.style_modal__fixed-block__UosM4 {
  margin-top: 20px;
}

.style_modal__content__17Dgz {
  flex-grow: 1;
}

.style_slide-in-up__BZZi8 {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__onRCV {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 768px) {
  .style_slide-in-up-active__onRCV {
    -webkit-transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    -webkit-transform: translate3d(-50%, env(safe-area-inset-top), 0);
    transform: translate3d(-50%, env(safe-area-inset-top), 0);
  }
}

.style_slide-in-up-leave__vNxxY {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__0MUW8 {
  position: relative;
  pointer-events: auto;
}
.style_clickArea__0MUW8 input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.style_clickArea__0MUW8 input:hover {
  cursor: pointer;
}

.style_box__cXRHB {
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  min-width: 65px;
  width: 65px;
  min-height: 31px;
  height: 31px;
  vertical-align: middle;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  -khtml-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  -khtml-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -ms-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  transition-property: background-color, border;
}

.style_toggleBoxChecked__ol08I {
  background-color: RGBA(var(--online), 0.7);
  border-color: RGB(var(--online));
}

.style_toggleBoxNotChecked__Yxm6T {
  background-color: RGBA(var(--offline), 0.7);
  border-color: RGB(var(--offline));
}

.style_toggleBoxDisabled__vnvwK input:hover {
  cursor: not-allowed;
}

.style_toggleDisabled__S77Py {
  background-color: RGB(var(--very-light-gray));
  border-color: RGB(var(--light-gray));
}

.style_handle__7rRu3 {
  position: relative;
  background-color: RGB(var(--full-white));
  border: 1px solid RGB(var(--sad-sky));
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transition: left 0.3s ease-out;
  height: 25px;
  width: 25px;
  left: 1px;
}
.style_handle__7rRu3.style_handleChecked__WWiXp {
  left: 36px;
}
.style_handle__7rRu3.style_handleDisabled__KyRGS {
  border: 1px solid RGB(var(--light-gray));
}

.style_toggleText__8jw34 {
  position: relative;
  right: 10px;
  transition: left 0.3s ease-out;
}

.style_toggleBoxLoading__Fbrww {
  background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(255, 255, 255, 0.5) 8px, rgba(255, 255, 255, 0.5) 15px);
  -webkit-transition-timing-function: linear;
  -khtml-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 60000ms;
  -khtml-transition-duration: 60000ms;
  -moz-transition-duration: 60000ms;
  -ms-transition-duration: 60000ms;
  -o-transition-duration: 60000ms;
  transition-duration: 60000ms;
  -webkit-transition-property: background-position;
  -khtml-transition-property: background-position;
  -moz-transition-property: background-position;
  -ms-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
  background-position: 2400px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__qrIGZ {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}
.style_container__qrIGZ:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_right-column__5TBxd {
  max-width: calc(35% - 8px);
  width: fit-content;
  align-items: flex-end;
}

.style_containerHeight__l-RVk {
  height: auto;
}

.style_containerHeightWithDescription__K0BXp {
  height: auto;
}

.style_title__8oYMF {
  width: calc(100% - 8px);
}

@supports (-webkit-line-clamp: 1) {
  .style_description__8DXwE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.style_titleAndTagRow__SmL0f {
  width: calc(100% - 48px);
}

.style_logo__LpQyi {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}
.style_wrapper__gvy8Y {
  position: relative;
}

.style_childrenContainer__-d-Zn {
  visibility: hidden;
}

.style_overlay__UiQIi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__r2fa4 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 172px;
  background-color: RGB(var(--full-white));
  overflow: hidden;
}
.style_container__r2fa4:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_tag__A0H3u {
  max-width: 70%;
}

.style_title__4SJ2K {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
@supports (-webkit-line-clamp: 2) {
  .style_title__4SJ2K {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.style_containerHeight__Qlbhw {
  height: 80px;
}

.style_containerHeightWithDescription__qu-Vm {
  height: 120px;
}

@supports (-webkit-line-clamp: 2) {
  .style_description__GvenK {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.style_logo__LmG57 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_popup__UvJnK {
  width: 500px;
  top: 50%;
  left: 50%;
  max-height: 90%;
  min-height: 200px;
  overflow: hidden;
  position: fixed;
  z-index: 100;
}
@media screen and (min-width: 1441px) {
  .style_popup__UvJnK {
    width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .style_popup__UvJnK {
    width: 80%;
  }
}

.style_popup__external-wrapper__lJM-Z {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  min-height: 150px;
  background-color: RGB(var(--full-white));
}

.style_popup__content__RC-sh {
  flex-grow: 1;
  min-height: 70px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.style_popup__footer__j0aA2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.style_popup__footer__j0aA2.style_twoButtons__WQn55 > * {
  display: block;
  width: 50%;
}
.style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .style_popup__footer__j0aA2 {
    flex-direction: column-reverse;
  }
  .style_popup__footer__j0aA2.style_twoButtons__WQn55 > *, .style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
    width: 100%;
  }
}

.style_popup__footer_alert__zLeJ0 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.style_popup__footer_alert__zLeJ0 > div {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .style_popup__footer_alert__zLeJ0 > div {
    width: 100%;
  }
}

.style_modal__backdrop__VhDU9 {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_popup__title__owH4B {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: bold !important;
  font-size: 18px;
  line-height: 22px;
  position: relative;
}

.style_popup__message__afU77 {
  line-height: 20px;
  white-space: break-spaces;
}

.style_popup__subTitle__zskYN {
  font-size: 14px;
  line-height: 18px;
  color: RGB(var(--dark-gray));
}
.style_popup__subTitle__zskYN a {
  color: RGB(var(--light-blue));
}

.style_popup_iconWrapper__INYWa {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  padding: 8px;
  margin-right: 12px;
  align-self: flex-start;
}
.style_popup_iconWrapper__INYWa.style_light-blue__N8pX- {
  background-color: RGBA(var(--light-blue), 0.1);
  border-color: RGB(var(--light-blue));
}
.style_popup_iconWrapper__INYWa.style_offline__890Xm {
  background-color: RGBA(var(--offline), 0.1);
  border-color: RGB(var(--offline));
}
.style_popup_iconWrapper__INYWa.style_medium-gray__VdCZo {
  background-color: RGBA(var(--medium-gray), 0.1);
  border-color: RGB(var(--medium-gray));
}

.style_slide-in-up__IZzyL {
  -webkit-transform: scale(0.2) translateX(-100%) translateY(-50%);
  transform: scale(0.2) translateX(-100%) translateY(-50%);
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__Sqcmk {
  -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
  transform: scale(1) translateX(-50%) translateY(-50%);
  opacity: 1;
}

.style_slide-in-up-leave__58G04 {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.styles_chartContainer__ycLSE {
  position: relative;
  width: 100%;
  height: 100%;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_scrollableContent__NzK7p {
  overflow-y: auto;
  height: 100%;
}
.style_scrollableContent__NzK7p.style_withFilter__zRMwh {
  height: calc(100% - 45px);
}

.style_roundIcon__tRE6e {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  min-height: 26px;
  min-width: 26px;
}

.style_iconBackGround__2TSyK {
  background-color: RGB(var(--light-gray));
}

.style_group__-HpDb:not(:last-child) {
  border-bottom: 1px solid RGB(var(--sad-sky));
}
.style_group__-HpDb:last-child {
  margin-bottom: 0;
}

.style_panelDarkBackground__MUUUZ {
  background: RGB(var(--dark-night));
  box-shadow: 0 2px 10px RGB(var(--darkest-night));
}
.style_panelDarkBackground__MUUUZ span {
  color: RGB(var(--very-light-gray)) !important;
}
.style_panelDarkBackground__MUUUZ [data-testid=searchOption] ::placeholder {
  color: RGB(var(--very-light-gray));
}
.style_selectAllBox__Ca1hd {
  min-width: 120px;
}
.style_firstRowContainer__68KIQ {
  height: 24px;
}

.style_iconWithPrimaryContainer__6t9r5 {
  min-width: 0;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonContainer__OsB4j {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: "36px";
  min-height: "36px";
}
.style_nodePrimary__L6esi {
  color: RGB(var(--dark-blue));
}

.style_nodeSecondary__EeYKj {
  color: RGB(var(--medium-gray));
}

.style_nodeHoverAction__6NgcQ {
  display: none !important;
}

.style_nodeContainer__Ejw0u:hover .style_nodeHoverAction__6NgcQ {
  display: flex !important;
}

.style_nodeWithExpanderContainer__7cEAt * {
  cursor: pointer;
  user-select: none;
}

.style_nodeWithExpanderContainer__7cEAt:hover .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
}
.style_nodeWithExpanderContainer__7cEAt:hover .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
  font-weight: bold;
}
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq *,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ * {
  fill: RGB(var(--light-blue));
}
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq .style_nodeIcon__eUT5t,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--hidesSelectedNodes__AtbpK .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_showMore__e0LbR {
  transform: translateX(-4px);
}

.style_container__P0pEl,
.style_nodeContainer__Ejw0u,
.style_nodeWithExpanderContainer__7cEAt {
  min-width: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker__aria-live {
  display: none;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container span {
  display: none;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.style_iconContainer__vf5-t {
  width: 18px;
  flex-shrink: 0;
  fill: RGB(var(--medium-gray));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_formInputContainer__VQKVF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
  height: 30px;
  padding: 0 8px 0 8px;
  font-size: 12px;
  font-style: normal;
  align-items: center;
}
.style_formInputContainer__VQKVF.style_enabled__nZ90x {
  box-shadow: 0 0 0 1px RGB(var(--sad-sky));
  color: RGB(var(--medium-gray));
}
.style_formInputContainer__VQKVF.style_enabled__nZ90x input, .style_formInputContainer__VQKVF.style_enabled__nZ90x ::placeholder {
  color: RGB(var(--medium-gray));
}
.style_formInputContainer__VQKVF.style_disabled__EgetO {
  box-shadow: 0 0 0 1px RGB(var(--very-light-gray));
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
}
.style_formInputContainer__VQKVF.style_disabled__EgetO input, .style_formInputContainer__VQKVF.style_disabled__EgetO ::placeholder {
  color: RGB(var(--section-gray));
}
.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  color: RGB(var(--medium-gray));
}
.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 input, .style_formInputContainer__VQKVF.style_hoverOn__s3XV7 ::placeholder {
  color: RGB(var(--medium-gray));
}
.style_formInputContainer__VQKVF.style_focusOn__wcozg {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}
.style_formInputContainer__VQKVF.style_focusOn__wcozg input, .style_formInputContainer__VQKVF.style_focusOn__wcozg ::placeholder {
  color: RGB(var(--light-blue));
}
.style_formInputContainer__VQKVF.style_activeOn__sxSpO {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}
.style_formInputContainer__VQKVF.style_activeOn__sxSpO input, .style_formInputContainer__VQKVF.style_activeOn__sxSpO ::placeholder {
  color: RGB(var(--light-blue));
}
.style_formInputContainer__VQKVF.style_activeOn__sxSpO.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}
.style_formInputContainer__VQKVF.style_error__NJAwE {
  box-shadow: 0 0 0 1px RGB(var(--offline));
  color: RGB(var(--offline));
}
.style_formInputContainer__VQKVF.style_error__NJAwE input, .style_formInputContainer__VQKVF.style_error__NJAwE ::placeholder {
  color: RGB(var(--offline));
}
.style_formInputContainer__VQKVF.style_error__NJAwE.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}
.style_formInputContainer__VQKVF.style_innerButton__18ax3 {
  padding: 0 4px 0 8px;
}

.style_pointer__yhnxW {
  cursor: pointer;
}

.style_notAllowed__bQxgM {
  cursor: not-allowed;
}
.style_buttonContainer__mj28B {
  width: 24px;
  flex-shrink: 0;
  align-self: baseline;
}
.style_buttonContainer__mj28B .style_buttonIcon__nK2mt {
  background-color: RGB(var(--medium-gray));
}

.style_buttonContainer__mj28B:hover .style_buttonIcon__nK2mt {
  background-color: RGB(var(--light-blue));
}
.style_groupRowLabel__KxCHt {
  flex-shrink: 0;
}
.styles_badgeContainer__eI0-v {
  flex-wrap: wrap;
  min-width: 0px;
  white-space: nowrap;
}
.styles_badgeContainer__eI0-v .styles_plusNButton__t0ljY:hover {
  cursor: pointer;
  border-color: transparent;
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}
.style_legend-item__icons-container__sM6BB {
  display: block !important;
  height: 32px;
  position: relative;
  width: 32px;
}
.style_legend-item__icons-container__sM6BB .style_legend-item__icons__eIuXg {
  cursor: pointer;
  position: absolute;
}
.style_legend-item__icons-container__sM6BB .style_legend-item__inner-icon__9q7Aa {
  left: 4px;
  top: 9px;
}
.style_missingValuesItem__j-NoP {
  background-color: RGB(var(--sad-sky));
  border: 1px solid RGB(var(--dark-gray));
  height: 20.27px;
  width: 20.27px;
}
.style_overlay__HSSMV {
  min-width: 10px;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_selector__nOtVP {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  border-radius: 7px;
  color: RGB(var(--dark-gray));
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.style_selectorIsSelected__4VsbB {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_basebox__h7DZf, .style_boxAdd__LzVl2, .style_box__JnUzS {
  width: fit-content;
  max-width: 100%;
}

.style_box__JnUzS {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid RGB(var(--borders-gray));
}

.style_borderTop__M7sYH {
  border-top-width: 2px;
}

.style_label__IM-jh {
  padding-right: 8px;
}

.style_leftBorder__ZUXn2 {
  border-left: 2px solid RGB(var(--borders-gray));
}

.style_rightBorder__mho5Q {
  border-right: 2px solid RGB(var(--borders-gray));
}

.style_iconBox__uxPAI {
  padding: 8px;
}
.style_iconBox__uxPAI :hover {
  cursor: pointer;
}
/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_animated__Y1aUf {
  transition: width 0.4s, height 0.4s;
}

.style_dmt-button__UMKXW {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  display: inline-flex;
  user-select: none;
  position: relative;
  font-size: 14px;
  background-color: white;
}
@media (hover: hover) {
  .style_dmt-button__UMKXW:hover {
    cursor: pointer;
    border-color: transparent; /* remove the border's colour */
  }
}
.style_dmt-button__UMKXW > * {
  flex-shrink: 0;
}

.style_dmt-button__hidden-content__xA-Z5 {
  opacity: 0;
}

.style_dmt-button__content-wrapper--single-child__fnIa3 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--multiple-child__6CPaL {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--no-fit__mqW05 {
  width: 100%;
}

.style_dmt-button__loading-wrapper__EEihD {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.style_dmt-button--positive__MfUm- {
  color: RGB(var(--light-blue));
  fill: RGB(var(--light-blue));
}
.style_dmt-button--positive__MfUm-:active, .style_dmt-button--positive__MfUm-.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
.style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--light-blue));
}
@media (hover: hover) {
  .style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
.style_dmt-button--positive__MfUm-:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
@media (hover: hover) {
  .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--negative__maJB1 {
  color: RGB(var(--offline));
  fill: RGB(var(--offline));
}
.style_dmt-button--negative__maJB1:active, .style_dmt-button--negative__maJB1.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
.style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--offline));
}
@media (hover: hover) {
  .style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--offline));
  }
}
.style_dmt-button--negative__maJB1:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
@media (hover: hover) {
  .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:active, .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--neutral__ubSuv {
  color: RGB(var(--medium-gray));
  fill: RGB(var(--medium-gray));
}
.style_dmt-button--neutral__ubSuv:active, .style_dmt-button--neutral__ubSuv.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--medium-gray));
}
@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--medium-gray));
  }
}
.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dark__YCnxt {
  background-color: RGB(var(--dark-blue));
  border: none;
  color: RGB(var(--very-light-gray));
  fill: RGB(var(--very-light-gray));
}
.style_dmt-button--dark__YCnxt:active, .style_dmt-button--dark__YCnxt.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--dark-blue)), RGB(var(--dark-blue)));
}
.style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--dark-night));
}
@media (hover: hover) {
  .style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
@media (hover: hover) {
  .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:active, .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dialog__Loa-5 {
  border-width: 1px;
  border-style: solid;
}

.style_dmt-button--option__esI5O {
  text-decoration: underline;
  background: transparent;
}

.style_dmt-button--width-fit__-fV69 {
  width: fit-content;
}

.style_dmt-button--width-grow__HD41G {
  width: 100%;
}

.style_dmt-button--height-small__0mX6- {
  height: 24px;
  min-width: 24px;
}

.style_dmt-button--height-regular__P8LG3 {
  height: 32px;
  min-width: 32px;
}

.style_dmt-button--height-medium__OjIxo {
  height: 42px;
  min-width: 42px;
}

.style_dmt-button--navigation__PVdiY, .style_dmt-button--action__a5ZsS {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.style_dmt-button--navigation__PVdiY:active, .style_dmt-button--action__a5ZsS:active, .style_dmt-button--navigation__PVdiY.style_dmt-button--selected__s8yVT, .style_dmt-button--selected__s8yVT.style_dmt-button--action__a5ZsS {
  box-shadow: 0 0 0 1px;
}
@media (hover: hover) {
  .style_dmt-button--navigation__PVdiY:hover, .style_dmt-button--action__a5ZsS:hover {
    box-shadow: 0 0 0 2px;
  }
}

.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-small__0mX6- {
  padding: 0 5px;
}
.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-regular__P8LG3 {
  padding: 0 9px;
}
.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-medium__OjIxo {
  padding: 0 14px;
}

.style_dmt-button--action__a5ZsS {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_dmt-button--disabled__lFIPx {
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
  fill: RGB(var(--section-gray));
  border-width: 0;
  box-shadow: 0 0 0 0;
}
@media (hover: hover) {
  .style_dmt-button--disabled__lFIPx:hover {
    border-width: 0;
    cursor: not-allowed;
    box-shadow: 0 0 0 0;
  }
}
.style_dmt-button--disabled__lFIPx:active, .style_dmt-button--disabled__lFIPx.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGB(var(--very-light-gray)), RGB(var(--very-light-gray))), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}
.style_spinnerWrapper__J9L6k {
  position: relative;
  width: 100px;
  overflow: hidden;
}
.style_spinnerWrapper__J9L6k:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.style_spinnerCircular__7vSqD {
  width: 100%;
  height: 100%;
  -webkit-animation: style_rotate__20xze 2s linear infinite;
  animation: style_rotate__20xze 2s linear infinite;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.style_dmtSpinnerPath__a5mEJ {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  -webkit-animation: style_dash__dbesg 1.5s ease-in-out infinite;
  animation: style_dash__dbesg 1.5s ease-in-out infinite;
}

@-webkit-keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.style_container__QWD0Y:not(.style_disabled__I5iT2) :hover {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_strokeStyle__UFBq5 {
  stroke: RGB(var(--light-blue));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__eRoFs {
  width: 20px;
  height: 20px;
}

.style_size-1__QCzEF {
  width: 20px;
  height: 20px;
}

.style_size-small__1Drv9 {
  width: 24px;
  height: 24px;
}

.style_size-2__zEU06 {
  width: 24px;
  height: 24px;
}

.style_size-normal__S0Y-K {
  width: 36px;
  height: 36px;
}

.style_size-3__NeBcC {
  width: 36px;
  height: 36px;
}

.style_iconBox__aZpRK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_modal__sQJV7 {
  width: 600px;
  height: 750px;
  max-height: 90%;
}

@media screen and (max-width: 768px) {
  .style_modal__sQJV7 {
    width: 100%;
  }
}
.style_modalContent__tl5hn {
  background-color: RGB(var(--very-light-gray));
}

.styles_sampleDropZone__qG279 {
  background-color: RGBA(var(--dark-gray), 0.7);
}

.styles_dropAreaOnHover__ThppO {
  display: none;
}

.styles_dropAreaLabel__eeo9R {
  display: none;
}

.styles_active__UdhLy .styles_dropAreaOnHover__ThppO {
  z-index: 1;
  position: absolute;
  top: 0;
  background-color: RGBA(var(--light-blue), 0.9);
  outline: 2px dashed RGB(var(--light-blue));
  outline-offset: 4px;
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}

.styles_active__UdhLy .styles_dropAreaOnHover__ThppO .styles_dropAreaLabel__eeo9R {
  display: block;
  width: 100%;
  text-align: center;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__JWhck {
  max-width: 100%;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__dRit8 {
  position: relative;
  z-index: 9;
  width: 100%;
}

.style_mainContainer__dRit8:hover {
  cursor: pointer;
}

.style_list__agViu {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_buttonPlaceholder__wUJNC {
  max-width: calc(100% - 20px);
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__t-x-J {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--dark-night));
  height: 20px;
  width: fit-content;
  width: -moz-fit-content;
}

.style_container__t-x-J:hover {
  cursor: pointer;
  border-color: transparent; /* remove the border's colour */
}

.style_container__t-x-J:hover.style_counterButton--neutral__yx7ap {
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}

.style_container__t-x-J:hover.style_counterButton--positive__gA1ph {
  box-shadow: 0 0 0 2px RGB(var(--online));
}

.style_container__t-x-J:hover.style_counterButton--negative__M6mbd {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}

.style_container__t-x-J:hover.style_counterButton--favourite__VL-pN {
  box-shadow: 0 0 0 2px RGB(var(--favourites));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__-6LFU {
  position: relative;
  z-index: 9;
}

.style_wrapper__TaRqF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.style_wrapper__TaRqF.style_isActive__NCGQk {
  background-color: RGBA(var(--light-blue), 0.1);
}

.style_wrapper__TaRqF:hover {
  cursor: pointer;
}

.style_wrapper__TaRqF.style_isDisabled__Qy60y {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}

.style_wrapperPaddingText__Rafm- {
  padding: 8px 12px;
}

.style_wrapperPaddingIcon__cjLAo {
  height: 24px;
  width: 24px;
}

.style_list__TFB-Z {
  background-color: RGB(var(--very-light-gray));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px;
  width: 250px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_groupTitle__4uezj {
  color: RGB(var(--medium-gray));
  padding: 5px 10px;
  display: block;
}

.style_item__5Rn2- {
  padding: 10px 5px;
}

.style_group__rDhzv {
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
  margin: 2px;
  padding: 4px;
}

.style_positiveActionType__ULGhZ:hover {
  cursor: pointer;
  background-color: RGBA(var(--light-blue), 0.1);
  color: RGB(var(--light-blue));
}

.style_negativeActionType__7qlLz:hover {
  cursor: pointer;
  background-color: RGBA(var(--offline), 0.1);
  color: RGB(var(--offline));
}

.style_negativeActionType__7qlLz span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.style_disabledAction__HG7cd {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}

.style_label__fNjtT {
  min-width: 20px;
  text-align: center;
}

.style_overlay__IR-6z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.style_lightBackground__mt5ks {
  background-color: RGBA(var(--full-white), 0.7);
}

.style_darkBackground__s2L9f {
  background-color: RGBA(var(--dark-blue), 0.7);
}

.style_noScroll__PPln- {
  overflow: hidden;
}

.style_triggerWrapper__obaTo {
  display: inline-block;
  position: relative;
}

.style_overlayWrapper__0yZn3 {
  position: absolute;
  line-height: 1;
  z-index: 100;
  white-space: nowrap;
  animation: style_fadeIn__9HXES 0.4s;
}

@keyframes style_fadeIn__9HXES {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.style-module_loadingBar__ATzJG {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  background-color: RGB(var(--light-blue));
  color: RGB(var(--light-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_messageBannerContainer__pZdpB {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

.style_messageBannerContainer--negative__K8-lT {
  background-color: RGBA(var(--offline), 0.1);
}

.style_messageBannerContainer--neutral__Q1-N4 {
  background-color: RGBA(var(--dark-gray), 0.1);
}

.style_messageBannerContainer--positive__ZQBVY {
  background-color: RGBA(var(--light-blue), 0.1);
}

.style_messageBannerContainer--notice__7XFvj {
  background: RGBA(var(--notice), 0.1);
}

.style_messageBannerButton__uN7sC {
  background-color: transparent;
}

.style_messageBannerLink--negative__wRUYK {
  color: RGB(var(--offline));
}

.style_messageBannerLink--neutral__EIVsT {
  color: RGB(var(--dark-gray));
}

.style_messageBannerLink--positive__o2ALD {
  color: RGB(var(--light-blue));
}

.style_messageBannerLink--notice__HEqhU {
  color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickableRow__AUqx- {
  cursor: pointer;
}

.style_box__LZRww {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}

.style_iconWrapper__nHXE- {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  background-color: RGB(var(--light-gray));
}

.style_statusBadge__eoNtG {
  max-height: 48px;
  flex-basis: 20px;
  text-align: center;
  line-height: 12px;
  word-spacing: 40px;
  white-space: pre-line;
}

.style_statusWithLastStatus__bQmUT {
  min-width: 26px;
}

.style_rightBlockWrapper__5mxpX {
  text-align: right;
}

.style_rightBlockWithCentralComponent__D9Lne {
  flex: 1 1 140px;
  min-width: 140px;
  max-width: 190px;
}

.style_centralComponent__mMpUD {
  flex: 0 0 184px;
  width: 184px;
}

.style_doubleDash__Crmlz {
  width: 24px;
}

.style_leftBlockText__yHt-3 {
  min-width: 0;
  flex-basis: content;
  flex-grow: 1;
  flex-shrink: 1;
}

.style_rightBlockText__fN5kj {
  min-width: max(20%, 100px);
  text-align: right;
  flex-basis: 40%;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.style_rightBlockSubTitle__5XS1i,
.style_title__uYsT-,
.style_subtitle__ADQFI {
  font-size: 14px;
}

.style_deviceIconContainer__aYueA {
  position: relative;
}

.style_topLeftIconContainer__W6lMs {
  position: absolute;
  top: -7px;
  left: -7px;
}

.style_topRightIconContainer__aHqkz {
  position: absolute;
  top: -7px;
  right: -7px;
}

.style_bottomRightIconContainer__ujUix {
  position: absolute;
  bottom: -7px;
  right: -7px;
}

.style_bottomLeftIconContainer__ydbBp {
  position: absolute;
  bottom: -7px;
  left: -7px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__F6jEw {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 28px;
  min-width: 28px;
  padding: 0 4px;
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
}

.style_box__F6jEw:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}

.style_box__F6jEw.style_selected__73pzU {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}

.style_arrowBox__zrRhL {
  height: 28px;
  width: 28px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.style_arrowBox__zrRhL:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}

.style_arrowBox__zrRhL.style_disabled__UumhZ:hover {
  background: transparent;
  cursor: auto;
}

.style_dotDotDot__PlqF8 {
  height: 28px;
  width: 28px;
  color: RGB(var(--dark-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_labelWrapper__l-ftY {
  width: 55px;
}

.style_externalContainer__gvFFf {
  height: 16px;
  width: 100%;
}

.style_percentageLabel__YB4Nr {
  white-space: nowrap;
}

.style_progressBarContainer__e6sxV {
  width: 100%;
  height: 16px;
  background-color: RGB(var(--very-light-gray));
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 4px;
  box-sizing: border-box;
}

.style_progressBarFiller__KnYT7 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  max-width: 100%;
  -webkit-transition-property: width;
  -khtml-transition-property: width;
  -moz-transition-property: width;
  -ms-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.4s;
  -khtml-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.style_progressBarFillerDisabled__0HTXW {
  background-color: RGB(var(--section-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonWrapper__dnVCE {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0;
  width: 34px;
  height: 34px;
  line-height: 20px;
  background: RGB(var(--full-white));
  cursor: pointer;
  text-align: center;
}

.style_buttonWrapper__dnVCE.style_small__f0bLZ {
  width: 24px;
  height: 24px;
}

.style_buttonWrapper__dnVCE.style_disabled__CpD-B {
  border: 1px solid RGB(var(--borders-gray));
  cursor: auto;
}

.style_buttonWrapper__dnVCE.style_disabled__CpD-B svg {
  fill: RGB(var(--light-gray));
}

.style_buttonWrapper__dnVCE.style_enabled__0L9Ea {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.style_wrapper__Y0T5W {
  position: relative;
  width: fit-content;
  height: fit-content;
  width: -moz-fit-content;
  height: -moz-fit-content;
  max-width: 100%;
  max-height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.style_wrapper__Y0T5W.style_left__wgEjw:hover {
  border-width: 1px;
}

.style_wrapper__Y0T5W:hover .style_actionButton__fGlKg {
  opacity: 1;
}

.style_wrapper__Y0T5W:hover .style_borderToggleBox__RwAa4 {
  opacity: 1;
  border-color: RGB(var(--section-gray));
}

.style_contentWrapper__Fvf79 {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.style_actionButton__fGlKg {
  opacity: 0;
  position: absolute !important;
  z-index: 999;
  transition: opacity 0.4s ease;
}

.style_actionButton__fGlKg.style_top__8uAjm, .style_actionButton__fGlKg.style_bottom__YfVXv {
  left: 50%;
  transform: translateX(-50%);
}

.style_actionButton__fGlKg.style_right__re3Dx, .style_actionButton__fGlKg.style_left__wgEjw {
  top: 50px;
}

.style_actionButton__fGlKg.style_top__8uAjm {
  top: -12px;
}

.style_actionButton__fGlKg.style_bottom__YfVXv {
  bottom: -12px;
}

.style_actionButton__fGlKg.style_left__wgEjw {
  left: -12px;
}

.style_actionButton__fGlKg.style_right__re3Dx {
  right: -12px;
}

.style_actionButton__fGlKg:hover {
  opacity: 1;
}

.style_borderToggleBox__RwAa4 {
  opacity: 0;
  border-width: 0;
  transition: opacity 0.4s ease;
  z-index: 999;
  position: absolute;
  border-style: solid;
  border-color: transparent;
}

.style_borderToggleBox__RwAa4:hover {
  opacity: 1;
}

.style_borderToggleBox__RwAa4.style_left__wgEjw, .style_borderToggleBox__RwAa4.style_right__re3Dx {
  height: 100%;
  width: 10px;
  top: 0;
  cursor: col-resize;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm, .style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  width: 100%;
  height: 10px;
  left: 0;
  cursor: row-resize;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm {
  top: 0;
  border-top-width: 3px;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  bottom: 0;
  border-bottom-width: 3px;
}

.style_borderToggleBox__RwAa4.style_bottom__YfVXv:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_left__wgEjw {
  left: 0;
  border-left-width: 3px;
}

.style_borderToggleBox__RwAa4.style_left__wgEjw:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_right__re3Dx {
  right: 0;
  border-right-width: 3px;
}

.style_borderToggleBox__RwAa4.style_right__re3Dx:hover {
  border-color: RGB(var(--light-blue));
}

.style_section__-8sBe {
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}

.style_section__-8sBe:not(:last-child) {
  margin-bottom: 4px;
}

.style_sectionRow__ArUv0:not(:last-child) {
  border-bottom: 1px solid RGB(var(--light-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__1Qhih {
  position: relative;
  z-index: 9;
  width: 100%;
}

.style_mainContainer__1Qhih:hover {
  cursor: pointer;
}

.style_list__bGlft {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 300px;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  max-height: 300px;
  min-height: 100px;
}

.style_scrollableContent__lkbj4 {
  overflow-y: auto;
  height: 100%;
}

.style_scrollableContent__lkbj4.style_withFilter__UO81t {
  height: calc(100% - 45px);
}

.style_noResultsMessage__wqIjU {
  width: 100%;
  height: 150px;
}

.style_roundIcon__PC7uY {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--light-gray));
  min-height: 26px;
  min-width: 26px;
}

.style_mobileSelect__7Mdlj {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  bottom: 0;
  width: calc(100% - 36px);
  height: 28px;
  border: 1px solid RGB(var(--light-gray));
  padding: 5px;
}

.style_mobileSelect__7Mdlj select {
  color: RGB(var(--medium-gray));
  font-size: 12px;
  width: 100%;
}

.style_mobileSelect__7Mdlj select:hover {
  cursor: pointer;
}

.style_mobileSelect__7Mdlj input {
  height: 100%;
  width: 100%;
  color: RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj:hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj.style_active__EBWrs {
  border-color: RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj.style_active__EBWrs select {
  color: RGB(var(--light-blue));
}

.style-module_border__r6FCz {
  border-bottom: 2px solid RGB(var(--sad-sky));
}

.style_status-banner__outer-content__n6A5L {
  color: RGB(var(--full-white));
  min-height: 18px;
  margin-bottom: 2px;
}

.style_status-banner__outer-content__n6A5L .style_status-banner__inner-content__BIZOY {
  max-width: 100%;
}

.style_status-banner_positive__fokkx {
  background-color: RGB(var(--light-blue));
}

.style_status-banner_positive-faded__3Djd4 {
  background-color: RGBA(var(--light-blue), 0.1);
  border: 1px solid RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_status-banner_negative__3pif6 {
  background-color: RGB(var(--offline));
}

.style_status-banner_negative-faded__UFVbU {
  background-color: RGBA(var(--offline), 0.1);
  border: 1px solid RGB(var(--offline));
  color: RGB(var(--offline));
}

.style_status-banner_notice__bVPb- {
  background-color: RGB(var(--notice));
}

.style_status-banner_notice-faded__k2VDi {
  background-color: RGBA(var(--notice), 0.1);
  border: 1px solid RGB(var(--notice));
  color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__EkPMF {
  width: 24px;
  height: 24px;
}

.style_size-1__Lrsef {
  width: 24px;
  height: 24px;
}

.style_size-small__Oc2-- {
  width: 24px;
  height: 24px;
}

.style_size-2__bQkgK {
  width: 24px;
  height: 24px;
}

.style_size-normal__QYDID {
  width: 36px;
  height: 36px;
}

.style_size-3__Ctkp7 {
  width: 36px;
  height: 36px;
}

.style_iconBox__lplY- {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_barContainer__m2rHo {
  width: 100%;
  height: 26px;
  color: RGB(var(--full-white));
}

.style_barNeutral__6NqRr {
  background-color: RGB(var(--dark-gray));
}

.style_barPositive__y7bme {
  background-color: RGB(var(--light-blue));
}

.style_barSuccess__8mDmo {
  background-color: RGB(var(--online));
}

.style_barNegative__1XFw7 {
  background-color: RGB(var(--offline));
}

.style_barWarning__7tuoL {
  background-color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__fgsU5 {
  padding: 12px 8px;
  background-color: RGB(var(--full-white));
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  user-select: none;
}

.style_wrapper__fgsU5:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}

@media screen and (max-width: 1023px) {
  .style_wrapper__fgsU5 {
    flex: 50%;
  }
}
.style_wrapper__fgsU5:active {
  background-color: RGB(var(--very-light-gray));
}

.style_defaultWidth__r9EA7 {
  width: 130px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__uoVaw {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  color: RGB(var(--full-white));
  background-color: RGB(var(--dark-night));
  width: fit-content;
  width: -moz-fit-content;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_button__PnX5c {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.style_button__PnX5c:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}

.style_borderColor__6UEYx {
  border-color: RGB(var(--sad-sky)) !important;
  color: RGB(var(--dark-gray)) !important;
}

.style_tabContent__B7Y3O {
  width: 100%;
}

.style_tabContent__B7Y3O > div {
  flex-grow: 1;
}

.style-module_border__ysdFv {
  border-right: 2px solid RGB(var(--sad-sky));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__yAa6u {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
  padding: 12px;
}

.style_dmt-tab__wrapper__1NsLS {
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.style_dmt-tab__alignment--horizontal__Pt18A > div {
  flex: 1;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_detailsRow__4P5T6 {
  font-size: 12px;
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: 300 !important;
  color: RGB(var(--medium-gray));
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: RGB(var(--full-white));
  padding: 12px 8px;
  margin-bottom: 1px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__yshO3 {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 5px;
  position: relative;
}

.style_clickArea__yshO3 input {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.style_clickArea__yshO3 input:hover {
  cursor: pointer;
}

.style_clickArea__yshO3 input:hover + div:not(.style_radioDisabled__8Ee8-) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_radioDisabled__8Ee8- input:hover {
  cursor: auto;
}

.style_radioDisabled__8Ee8- input:hover + div {
  border-color: RGB(var(--sad-sky));
}

.style_radioChecked__YspMQ {
  border-color: RGB(var(--light-blue));
}

.style_radioChecked__YspMQ.style_radioDisabled__8Ee8- {
  border-color: RGB(var(--sad-sky));
}

.style_radioNotChecked__QDhls {
  border-color: RGB(var(--sad-sky));
}

.style_box__BxUKo {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.style_box__EjNb0 {
  width: auto;
  left: 0;
  right: 0;
}

.styles_setupRow__cv1kw {
  background-color: RGB(var(--full-white));
  word-break: break-word;
}

.styles_setupRow__cv1kw .styles_titleAndDescription__1Z62X {
  min-width: 30%;
}

.styles_setupRow__cv1kw .styles_valueAndAction__xlbYy {
  text-align: end;
}

.styles_disabledSetupRow__zjnix [role=button]:hover {
  cursor: not-allowed;
}

.styles_disabledSetupRow__zjnix:hover {
  cursor: not-allowed;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__83wsf {
  position: relative;
  padding: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.style_clickArea__83wsf input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.style_clickArea__83wsf input:hover {
  cursor: pointer;
}

.style_clickArea__83wsf input:hover + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_clickArea__83wsf.style_hovered__d3AG3 input + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  -webkit-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -khtml-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -moz-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -ms-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -o-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_box__J3HOZ {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.style_checkboxBoxChecked__pS-nu {
  background-color: RGB(var(--light-blue));
  border-color: RGB(var(--light-blue));
}

.style_checkboxBoxChecked__pS-nu.style_checkboxDisabled__WvUGU {
  background-color: RGB(var(--sad-sky));
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxIndeterminate__N6lyK,
.style_checkboxBoxNotChecked__a2Fw3 {
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxDisabled__srjbW input:hover {
  cursor: auto;
}

.style_checkboxBoxDisabled__srjbW input:hover + div {
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxDisabled__srjbW.style_notAllowedCursor__FAHm- input:hover {
  cursor: not-allowed;
}

.style_checkboxBoxLoading__iHNgd {
  background-color: RGB(var(--full-white));
  border-color: RGB(var(--sad-sky));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_error__lwU6B {
  visibility: hidden;
}

.style_outerWrapper__HwocD {
  width: 100%;
}

.style_outerWrapper__HwocD:has(input:invalid) .style_error__lwU6B {
  visibility: visible;
}

.style_wrapper__580P4 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid RGB(var(--borders-gray));
  margin: 0 auto 5px auto;
}

.style_wrapper__580P4:has(input:invalid) {
  border-bottom: 1px solid RGB(var(--offline));
}

.style_wrapper__580P4:hover {
  border-color: transparent;
  /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue));
  /* emulate the border */
  cursor: pointer;
}

.style_wrapper__580P4:hover:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline));
  /* emulate the border */
}

.style_wrapper__580P4:hover.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
}

.style_wrapper__580P4.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
  cursor: not-allowed;
}

.style_wrapper__580P4.style_disabled__UHO4W input {
  user-select: none;
  cursor: not-allowed;
}

.style_focused__3Bs7O {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue)); /* emulate the border */
}

.style_focused__3Bs7O:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_input__0FU8G {
  margin-right: 10px;
  width: 100%;
  color: RGB(var(--dark-gray)) !important;
}

.style_input__0FU8G::placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}

.style_clearIcon__VMhYK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--medium-gray));
}

.style_clearIcon__VMhYK:hover {
  cursor: pointer;
}

.style_leftIcon__GU3a9 {
  width: 20px;
  overflow: hidden;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__N3QjA {
  position: relative;
  background: transparent;
  width: 100%;
  border-bottom: 1px solid RGB(var(--sad-sky));
  margin: 0 auto 5px auto;
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:focus,
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:not(:placeholder-shown),
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:hover {
  border-color: transparent; /* remove the border's colour */
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 1px 0 0 RGB(var(--light-blue)); /* emulate the border */
  cursor: pointer;
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover.style_error__Szrhd {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_wrapper__N3QjA input[type=number] {
  color: RGB(var(--light-blue));
  height: unset;
  line-height: unset;
}

.style_hiddenArrows__MgjWL input::-webkit-outer-spin-button,
.style_hiddenArrows__MgjWL input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.style_hiddenArrows__MgjWL input[type=number] {
  -moz-appearance: textfield;
}

.style_input__QNc9b {
  width: 100%;
  line-height: unset;
}

.style_input__QNc9b::placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b[type=number], .style_input__QNc9b[type=text], .style_input__QNc9b[type=password] {
  height: unset;
  line-height: unset;
}

.style_input__QNc9b::placeholder {
  color: RGB(var(--sad-sky));
}

.style_input__QNc9b:not(.style_disabled__fAKJm) {
  color: RGB(var(--light-blue));
}

.style_error__Szrhd {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_error__Szrhd .style_input__QNc9b {
  color: RGB(var(--offline));
}

.style_disabled__fAKJm:not(.style_outlined__p0S-v) .style_input__QNc9b {
  color: RGB(var(--section-gray));
  border-bottom: 1px solid RGB(var(--section-gray));
}

.style_disabled__fAKJm.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--section-gray));
}

.style_disabled__fAKJm:hover {
  box-shadow: 0 0 0 0 RGB(var(--section-gray));
}

.style_disabled__fAKJm:hover input {
  cursor: not-allowed;
}

.style_outlined__p0S-v {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 36px);
  bottom: 0;
  border: 1px solid RGB(var(--light-gray));
  padding-left: 4px;
  padding-right: 4px;
  height: 28px;
  background-color: RGB(var(--full-white));
}

.style_outlined__p0S-v:hover:not(.style_disabled__fAKJm) {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--light-blue));
  width: 100%;
  height: 100%;
  font-size: 12px;
}

.style_outlined__p0S-v .style_input__QNc9b::placeholder {
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b::-moz-placeholder {
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
  font-style: normal;
}

.style_active__ondlk {
  border-color: RGB(var(--light-blue));
}

.style_clearIcon__5K6E4 {
  position: relative;
  top: 1px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_clearIcon__5K6E4:hover {
  cursor: pointer;
}

.style_clearIcon__5K6E4.style_disabled__fAKJm {
  cursor: not-allowed;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputContainerWrapper__jNVIF {
  min-height: 40px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__Lt0VZ {
  position: relative;
  background: transparent;
  width: 100%;
  margin: 0 auto;
}

.style_inputLabel__I-1A- {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  -khtml-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition-property: all;
  -khtml-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -khtml-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  white-space: nowrap;
  line-height: 40px;
  font-size: 14px;
  color: RGB(var(--medium-gray));
}

.style_focused__tf3Xp .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  color: RGB(var(--light-blue));
}

.style_disabled__w-sBA .style_inputLabel__I-1A- {
  z-index: 1;
  color: RGB(var(--section-gray));
}

.style_error__vzbyq .style_inputLabel__I-1A- {
  color: RGB(var(--offline));
}

.style_withPlaceholder__rryu6 .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
}

.style_formInput__hQDWW {
  flex-grow: 1;
}

.style_notAllowed__dBnHP {
  cursor: not-allowed !important;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputError__ENyj7 {
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  width: 100%;
  height: 18px;
  position: relative;
  top: 2px;
  overflow: hidden;
  animation: 0.1s ease-out 0s 1 style_appear__g-O90;
}

@keyframes style_appear__g-O90 {
  0% {
    height: 0;
  }
  100% {
    height: 18px;
  }
}
.style_dropdownValuesContainer__u9v1p {
  max-height: 188px;
  overflow: auto;
}

.style_dropdownPlaceholderContainer__dPhzo {
  height: 188px;
}

.style_radioLabelsContainer__nuAFT {
  max-width: calc(100% - 52px);
}

.style_inputContainer__pispB {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_modal__s1KXq {
  width: 768px;
  height: 90%;
  top: 50%;
  left: 50%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

@media screen and (min-width: 1441px) {
  .style_modal__s1KXq {
    width: 900px;
  }
}
@media screen and (max-width: 768px) {
  .style_modal__s1KXq {
    width: 100%;
    transform: translateX(0);
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
    top: 0;
  }
}
.style_modal__heightFitContent__ivAuj {
  height: auto;
}

.style_modal__external-wrapper__5V4Mm {
  height: 100%;
  background-color: RGB(var(--full-white));
}

.style_modal__backdrop__qxTqV {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_modal__title-bar__B8GsA {
  background-color: RGB(var(--dark-night));
  border: 0;
  position: relative;
  min-height: 45px;
}

.style_modal__titleBar__close-button__yVc1t {
  position: absolute;
  left: 8px;
  background-color: RGB(var(--dark-blue));
  color: RGB(var(--light-gray));
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_modal__titleBar__close-button__yVc1t:before {
  font-size: 16px;
}

.style_modal__titleBar__close-button__yVc1t.style_icon-close__--RUf {
  color: RGB(var(--offline));
}

.style_modal__wrapper__cizMc {
  height: calc(100% - 45px);
  min-height: 500px;
}

.style_modal__footer__nKFFf {
  min-height: 60px;
  justify-content: center;
  align-items: center;
}

.style_modal__footer__nKFFf > div {
  width: 340px;
}

.style_modal__footer--multiple-child__QhCaH > div {
  width: 230px;
}

@media screen and (max-width: 768px) {
  .style_modal__footer__nKFFf > div {
    width: 100%;
  }
  .style_modal__footer--multiple-child__QhCaH > div {
    width: 100%;
  }
}
.style_modal__fixed-block__UosM4 {
  margin-top: 20px;
}

.style_modal__content__17Dgz {
  flex-grow: 1;
}

.style_slide-in-up__BZZi8 {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__onRCV {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@media screen and (max-width: 768px) {
  .style_slide-in-up-active__onRCV {
    -webkit-transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    -webkit-transform: translate3d(-50%, env(safe-area-inset-top), 0);
    transform: translate3d(-50%, env(safe-area-inset-top), 0);
  }
}
.style_slide-in-up-leave__vNxxY {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__0MUW8 {
  position: relative;
  pointer-events: auto;
}

.style_clickArea__0MUW8 input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.style_clickArea__0MUW8 input:hover {
  cursor: pointer;
}

.style_box__cXRHB {
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  min-width: 65px;
  width: 65px;
  min-height: 31px;
  height: 31px;
  vertical-align: middle;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  -khtml-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  -khtml-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -ms-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  transition-property: background-color, border;
}

.style_toggleBoxChecked__ol08I {
  background-color: RGBA(var(--online), 0.7);
  border-color: RGB(var(--online));
}

.style_toggleBoxNotChecked__Yxm6T {
  background-color: RGBA(var(--offline), 0.7);
  border-color: RGB(var(--offline));
}

.style_toggleBoxDisabled__vnvwK input:hover {
  cursor: not-allowed;
}

.style_toggleDisabled__S77Py {
  background-color: RGB(var(--very-light-gray));
  border-color: RGB(var(--light-gray));
}

.style_handle__7rRu3 {
  position: relative;
  background-color: RGB(var(--full-white));
  border: 1px solid RGB(var(--sad-sky));
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transition: left 0.3s ease-out;
  height: 25px;
  width: 25px;
  left: 1px;
}

.style_handle__7rRu3.style_handleChecked__WWiXp {
  left: 36px;
}

.style_handle__7rRu3.style_handleDisabled__KyRGS {
  border: 1px solid RGB(var(--light-gray));
}

.style_toggleText__8jw34 {
  position: relative;
  right: 10px;
  transition: left 0.3s ease-out;
}

.style_toggleBoxLoading__Fbrww {
  background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(255, 255, 255, 0.5) 8px, rgba(255, 255, 255, 0.5) 15px);
  -webkit-transition-timing-function: linear;
  -khtml-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 60000ms;
  -khtml-transition-duration: 60000ms;
  -moz-transition-duration: 60000ms;
  -ms-transition-duration: 60000ms;
  -o-transition-duration: 60000ms;
  transition-duration: 60000ms;
  -webkit-transition-property: background-position;
  -khtml-transition-property: background-position;
  -moz-transition-property: background-position;
  -ms-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
  background-position: 2400px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__qrIGZ {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}

.style_container__qrIGZ:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_right-column__5TBxd {
  max-width: calc(35% - 8px);
  width: fit-content;
  align-items: flex-end;
}

.style_containerHeight__l-RVk {
  height: auto;
}

.style_containerHeightWithDescription__K0BXp {
  height: auto;
}

.style_title__8oYMF {
  width: calc(100% - 8px);
}

@supports (-webkit-line-clamp: 1) {
  .style_description__8DXwE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.style_titleAndTagRow__SmL0f {
  width: calc(100% - 48px);
}

.style_logo__LpQyi {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}

.style_wrapper__gvy8Y {
  position: relative;
}

.style_childrenContainer__-d-Zn {
  visibility: hidden;
}

.style_overlay__UiQIi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__r2fa4 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 172px;
  background-color: RGB(var(--full-white));
  overflow: hidden;
}

.style_container__r2fa4:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_tag__A0H3u {
  max-width: 70%;
}

.style_title__4SJ2K {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

@supports (-webkit-line-clamp: 2) {
  .style_title__4SJ2K {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.style_containerHeight__Qlbhw {
  height: 80px;
}

.style_containerHeightWithDescription__qu-Vm {
  height: 120px;
}

@supports (-webkit-line-clamp: 2) {
  .style_description__GvenK {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.style_logo__LmG57 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_popup__UvJnK {
  width: 500px;
  top: 50%;
  left: 50%;
  max-height: 90%;
  min-height: 200px;
  overflow: hidden;
  position: fixed;
  z-index: 100;
}

@media screen and (min-width: 1441px) {
  .style_popup__UvJnK {
    width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .style_popup__UvJnK {
    width: 80%;
  }
}
.style_popup__external-wrapper__lJM-Z {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  min-height: 150px;
  background-color: RGB(var(--full-white));
}

.style_popup__content__RC-sh {
  flex-grow: 1;
  min-height: 70px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.style_popup__footer__j0aA2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.style_popup__footer__j0aA2.style_twoButtons__WQn55 > * {
  display: block;
  width: 50%;
}

.style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .style_popup__footer__j0aA2 {
    flex-direction: column-reverse;
  }
  .style_popup__footer__j0aA2.style_twoButtons__WQn55 > *, .style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
    width: 100%;
  }
}
.style_popup__footer_alert__zLeJ0 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.style_popup__footer_alert__zLeJ0 > div {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .style_popup__footer_alert__zLeJ0 > div {
    width: 100%;
  }
}
.style_modal__backdrop__VhDU9 {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_popup__title__owH4B {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: bold !important;
  font-size: 18px;
  line-height: 22px;
  position: relative;
}

.style_popup__message__afU77 {
  line-height: 20px;
  white-space: break-spaces;
}

.style_popup__subTitle__zskYN {
  font-size: 14px;
  line-height: 18px;
  color: RGB(var(--dark-gray));
}

.style_popup__subTitle__zskYN a {
  color: RGB(var(--light-blue));
}

.style_popup_iconWrapper__INYWa {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  padding: 8px;
  margin-right: 12px;
  align-self: flex-start;
}

.style_popup_iconWrapper__INYWa.style_light-blue__N8pX- {
  background-color: RGBA(var(--light-blue), 0.1);
  border-color: RGB(var(--light-blue));
}

.style_popup_iconWrapper__INYWa.style_offline__890Xm {
  background-color: RGBA(var(--offline), 0.1);
  border-color: RGB(var(--offline));
}

.style_popup_iconWrapper__INYWa.style_medium-gray__VdCZo {
  background-color: RGBA(var(--medium-gray), 0.1);
  border-color: RGB(var(--medium-gray));
}

.style_slide-in-up__IZzyL {
  -webkit-transform: scale(0.2) translateX(-100%) translateY(-50%);
  transform: scale(0.2) translateX(-100%) translateY(-50%);
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__Sqcmk {
  -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
  transform: scale(1) translateX(-50%) translateY(-50%);
  opacity: 1;
}

.style_slide-in-up-leave__58G04 {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}

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

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_scrollableContent__NzK7p {
  overflow-y: auto;
  height: 100%;
}

.style_scrollableContent__NzK7p.style_withFilter__zRMwh {
  height: calc(100% - 45px);
}

.style_roundIcon__tRE6e {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  min-height: 26px;
  min-width: 26px;
}

.style_iconBackGround__2TSyK {
  background-color: RGB(var(--light-gray));
}

.style_group__-HpDb:not(:last-child) {
  border-bottom: 1px solid RGB(var(--sad-sky));
}

.style_group__-HpDb:last-child {
  margin-bottom: 0;
}

.style_panelDarkBackground__MUUUZ {
  background: RGB(var(--dark-night));
  box-shadow: 0 2px 10px RGB(var(--darkest-night));
}

.style_panelDarkBackground__MUUUZ span {
  color: RGB(var(--very-light-gray)) !important;
}

.style_panelDarkBackground__MUUUZ [data-testid=searchOption] ::placeholder {
  color: RGB(var(--very-light-gray));
}

.style_selectAllBox__Ca1hd {
  min-width: 120px;
}

.style_firstRowContainer__68KIQ {
  height: 24px;
}

.style_iconWithPrimaryContainer__6t9r5 {
  min-width: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonContainer__OsB4j {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: "36px";
  min-height: "36px";
}

.style_nodePrimary__L6esi {
  color: RGB(var(--dark-blue));
}

.style_nodeSecondary__EeYKj {
  color: RGB(var(--medium-gray));
}

.style_nodeHoverAction__6NgcQ {
  display: none !important;
}

.style_nodeContainer__Ejw0u:hover .style_nodeHoverAction__6NgcQ {
  display: flex !important;
}

.style_nodeWithExpanderContainer__7cEAt * {
  cursor: pointer;
  user-select: none;
}

.style_nodeWithExpanderContainer__7cEAt:hover .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer__7cEAt:hover .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
  font-weight: bold;
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq *,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ * {
  fill: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq .style_nodeIcon__eUT5t,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--hidesSelectedNodes__AtbpK .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_showMore__e0LbR {
  transform: translateX(-4px);
}

.style_container__P0pEl,
.style_nodeContainer__Ejw0u,
.style_nodeWithExpanderContainer__7cEAt {
  min-width: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker__aria-live {
  display: none;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__input-container span {
  display: none;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.style_iconContainer__vf5-t {
  width: 18px;
  flex-shrink: 0;
  fill: RGB(var(--medium-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_formInputContainer__VQKVF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
  height: 30px;
  padding: 0 8px 0 8px;
  font-size: 12px;
  font-style: normal;
  align-items: center;
}

.style_formInputContainer__VQKVF.style_enabled__nZ90x {
  box-shadow: 0 0 0 1px RGB(var(--sad-sky));
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_enabled__nZ90x input, .style_formInputContainer__VQKVF.style_enabled__nZ90x ::placeholder {
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_disabled__EgetO {
  box-shadow: 0 0 0 1px RGB(var(--very-light-gray));
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
}

.style_formInputContainer__VQKVF.style_disabled__EgetO input, .style_formInputContainer__VQKVF.style_disabled__EgetO ::placeholder {
  color: RGB(var(--section-gray));
}

.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 input, .style_formInputContainer__VQKVF.style_hoverOn__s3XV7 ::placeholder {
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_focusOn__wcozg {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_focusOn__wcozg input, .style_formInputContainer__VQKVF.style_focusOn__wcozg ::placeholder {
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO input, .style_formInputContainer__VQKVF.style_activeOn__sxSpO ::placeholder {
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_error__NJAwE {
  box-shadow: 0 0 0 1px RGB(var(--offline));
  color: RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_error__NJAwE input, .style_formInputContainer__VQKVF.style_error__NJAwE ::placeholder {
  color: RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_error__NJAwE.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_innerButton__18ax3 {
  padding: 0 4px 0 8px;
}

.style_pointer__yhnxW {
  cursor: pointer;
}

.style_notAllowed__bQxgM {
  cursor: not-allowed;
}

.style_buttonContainer__mj28B {
  width: 24px;
  flex-shrink: 0;
  align-self: baseline;
}

.style_buttonContainer__mj28B .style_buttonIcon__nK2mt {
  background-color: RGB(var(--medium-gray));
}

.style_buttonContainer__mj28B:hover .style_buttonIcon__nK2mt {
  background-color: RGB(var(--light-blue));
}

.style_groupRowLabel__KxCHt {
  flex-shrink: 0;
}

.styles_badgeContainer__eI0-v {
  flex-wrap: wrap;
  min-width: 0px;
  white-space: nowrap;
}

.styles_badgeContainer__eI0-v .styles_plusNButton__t0ljY:hover {
  cursor: pointer;
  border-color: transparent;
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}

.style_legend-item__icons-container__sM6BB {
  display: block !important;
  height: 32px;
  position: relative;
  width: 32px;
}

.style_legend-item__icons-container__sM6BB .style_legend-item__icons__eIuXg {
  cursor: pointer;
  position: absolute;
}

.style_legend-item__icons-container__sM6BB .style_legend-item__inner-icon__9q7Aa {
  left: 4px;
  top: 9px;
}

.style_missingValuesItem__j-NoP {
  background-color: RGB(var(--sad-sky));
  border: 1px solid RGB(var(--dark-gray));
  height: 20.27px;
  width: 20.27px;
}

.style_overlay__HSSMV {
  min-width: 10px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_selector__nOtVP {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  border-radius: 7px;
  color: RGB(var(--dark-gray));
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.style_selectorIsSelected__4VsbB {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_basebox__h7DZf, .style_boxAdd__LzVl2, .style_box__JnUzS {
  width: fit-content;
  max-width: 100%;
}

.style_box__JnUzS {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid RGB(var(--borders-gray));
}

.style_borderTop__M7sYH {
  border-top-width: 2px;
}

.style_label__IM-jh {
  padding-right: 8px;
}

.style_leftBorder__ZUXn2 {
  border-left: 2px solid RGB(var(--borders-gray));
}

.style_rightBorder__mho5Q {
  border-right: 2px solid RGB(var(--borders-gray));
}

.style_iconBox__uxPAI {
  padding: 8px;
}

.style_iconBox__uxPAI :hover {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_animated__Y1aUf {
  transition: width 0.4s, height 0.4s;
}

.style_dmt-button__UMKXW {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  display: inline-flex;
  user-select: none;
  position: relative;
  font-size: 14px;
  background-color: white;
}

@media (hover: hover) {
  .style_dmt-button__UMKXW:hover {
    cursor: pointer;
    border-color: transparent; /* remove the border's colour */
  }
}
.style_dmt-button__UMKXW > * {
  flex-shrink: 0;
}

.style_dmt-button__hidden-content__xA-Z5 {
  opacity: 0;
}

.style_dmt-button__content-wrapper--single-child__fnIa3 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--multiple-child__6CPaL {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--no-fit__mqW05 {
  width: 100%;
}

.style_dmt-button__loading-wrapper__EEihD {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.style_dmt-button--positive__MfUm- {
  color: RGB(var(--light-blue));
  fill: RGB(var(--light-blue));
}

.style_dmt-button--positive__MfUm-:active, .style_dmt-button--positive__MfUm-.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--light-blue));
}

@media (hover: hover) {
  .style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
.style_dmt-button--positive__MfUm-:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--negative__maJB1 {
  color: RGB(var(--offline));
  fill: RGB(var(--offline));
}

.style_dmt-button--negative__maJB1:active, .style_dmt-button--negative__maJB1.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--offline));
}

@media (hover: hover) {
  .style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--offline));
  }
}
.style_dmt-button--negative__maJB1:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:active, .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--neutral__ubSuv {
  color: RGB(var(--medium-gray));
  fill: RGB(var(--medium-gray));
}

.style_dmt-button--neutral__ubSuv:active, .style_dmt-button--neutral__ubSuv.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--medium-gray));
}

@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--medium-gray));
  }
}
.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dark__YCnxt {
  background-color: RGB(var(--dark-blue));
  border: none;
  color: RGB(var(--very-light-gray));
  fill: RGB(var(--very-light-gray));
}

.style_dmt-button--dark__YCnxt:active, .style_dmt-button--dark__YCnxt.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--dark-blue)), RGB(var(--dark-blue)));
}

.style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--dark-night));
}

@media (hover: hover) {
  .style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
@media (hover: hover) {
  .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:active, .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dialog__Loa-5 {
  border-width: 1px;
  border-style: solid;
}

.style_dmt-button--option__esI5O {
  text-decoration: underline;
  background: transparent;
}

.style_dmt-button--width-fit__-fV69 {
  width: fit-content;
}

.style_dmt-button--width-grow__HD41G {
  width: 100%;
}

.style_dmt-button--height-small__0mX6- {
  height: 24px;
  min-width: 24px;
}

.style_dmt-button--height-regular__P8LG3 {
  height: 32px;
  min-width: 32px;
}

.style_dmt-button--height-medium__OjIxo {
  height: 42px;
  min-width: 42px;
}

.style_dmt-button--navigation__PVdiY, .style_dmt-button--action__a5ZsS {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.style_dmt-button--navigation__PVdiY:active, .style_dmt-button--action__a5ZsS:active, .style_dmt-button--navigation__PVdiY.style_dmt-button--selected__s8yVT, .style_dmt-button--selected__s8yVT.style_dmt-button--action__a5ZsS {
  box-shadow: 0 0 0 1px;
}

@media (hover: hover) {
  .style_dmt-button--navigation__PVdiY:hover, .style_dmt-button--action__a5ZsS:hover {
    box-shadow: 0 0 0 2px;
  }
}
.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-small__0mX6- {
  padding: 0 5px;
}

.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-regular__P8LG3 {
  padding: 0 9px;
}

.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-medium__OjIxo {
  padding: 0 14px;
}

.style_dmt-button--action__a5ZsS {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_dmt-button--disabled__lFIPx {
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
  fill: RGB(var(--section-gray));
  border-width: 0;
  box-shadow: 0 0 0 0;
}

@media (hover: hover) {
  .style_dmt-button--disabled__lFIPx:hover {
    border-width: 0;
    cursor: not-allowed;
    box-shadow: 0 0 0 0;
  }
}
.style_dmt-button--disabled__lFIPx:active, .style_dmt-button--disabled__lFIPx.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGB(var(--very-light-gray)), RGB(var(--very-light-gray))), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_spinnerWrapper__J9L6k {
  position: relative;
  width: 100px;
  overflow: hidden;
}

.style_spinnerWrapper__J9L6k:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.style_spinnerCircular__7vSqD {
  width: 100%;
  height: 100%;
  -webkit-animation: style_rotate__20xze 2s linear infinite;
  animation: style_rotate__20xze 2s linear infinite;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.style_dmtSpinnerPath__a5mEJ {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  -webkit-animation: style_dash__dbesg 1.5s ease-in-out infinite;
  animation: style_dash__dbesg 1.5s ease-in-out infinite;
}

@-webkit-keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
html {
  background-color: rgb(0, 30, 172);
}

a {
  color: RGB(var(--light-blue));
  text-decoration: none;
}

.curveBottom {
  position: fixed;
  bottom: 10vh;
  right: 5vw;
}

.curveTop {
  position: fixed;
  top: 15vh;
  left: 5vw;
}

.logo {
  height: 50px;
  width: 180px;
  position: fixed;
  left: 20px;
  top: 20px;
}

@media only screen and (max-width: 1300px) {
  .logo {
    position: fixed;
    left: 10px;
    top: 10px;
  }
}
.style_container__QWD0Y:not(.style_disabled__I5iT2) :hover {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_strokeStyle__UFBq5 {
  stroke: RGB(var(--light-blue));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__eRoFs {
  width: 20px;
  height: 20px;
}

.style_size-1__QCzEF {
  width: 20px;
  height: 20px;
}

.style_size-small__1Drv9 {
  width: 24px;
  height: 24px;
}

.style_size-2__zEU06 {
  width: 24px;
  height: 24px;
}

.style_size-normal__S0Y-K {
  width: 36px;
  height: 36px;
}

.style_size-3__NeBcC {
  width: 36px;
  height: 36px;
}

.style_iconBox__aZpRK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_modal__sQJV7 {
  width: 600px;
  height: 750px;
  max-height: 90%;
}

@media screen and (max-width: 768px) {
  .style_modal__sQJV7 {
    width: 100%;
  }
}
.style_modalContent__tl5hn {
  background-color: RGB(var(--very-light-gray));
}

.styles_sampleDropZone__qG279 {
  background-color: RGBA(var(--dark-gray), 0.7);
}

.styles_dropAreaOnHover__ThppO {
  display: none;
}

.styles_dropAreaLabel__eeo9R {
  display: none;
}

.styles_active__UdhLy .styles_dropAreaOnHover__ThppO {
  z-index: 1;
  position: absolute;
  top: 0;
  background-color: RGBA(var(--light-blue), 0.9);
  outline: 2px dashed RGB(var(--light-blue));
  outline-offset: 4px;
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}

.styles_active__UdhLy .styles_dropAreaOnHover__ThppO .styles_dropAreaLabel__eeo9R {
  display: block;
  width: 100%;
  text-align: center;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__JWhck {
  max-width: 100%;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__dRit8 {
  position: relative;
  z-index: 9;
  width: 100%;
}

.style_mainContainer__dRit8:hover {
  cursor: pointer;
}

.style_list__agViu {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_buttonPlaceholder__wUJNC {
  max-width: calc(100% - 20px);
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__t-x-J {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--dark-night));
  height: 20px;
  width: fit-content;
  width: -moz-fit-content;
}

.style_container__t-x-J:hover {
  cursor: pointer;
  border-color: transparent; /* remove the border's colour */
}

.style_container__t-x-J:hover.style_counterButton--neutral__yx7ap {
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}

.style_container__t-x-J:hover.style_counterButton--positive__gA1ph {
  box-shadow: 0 0 0 2px RGB(var(--online));
}

.style_container__t-x-J:hover.style_counterButton--negative__M6mbd {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}

.style_container__t-x-J:hover.style_counterButton--favourite__VL-pN {
  box-shadow: 0 0 0 2px RGB(var(--favourites));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__-6LFU {
  position: relative;
  z-index: 9;
}

.style_wrapper__TaRqF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.style_wrapper__TaRqF.style_isActive__NCGQk {
  background-color: RGBA(var(--light-blue), 0.1);
}

.style_wrapper__TaRqF:hover {
  cursor: pointer;
}

.style_wrapper__TaRqF.style_isDisabled__Qy60y {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}

.style_wrapperPaddingText__Rafm- {
  padding: 8px 12px;
}

.style_wrapperPaddingIcon__cjLAo {
  height: 24px;
  width: 24px;
}

.style_list__TFB-Z {
  background-color: RGB(var(--very-light-gray));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px;
  width: 250px;
  /* Position the tooltip */
  position: absolute;
  z-index: 200;
}

.style_groupTitle__4uezj {
  color: RGB(var(--medium-gray));
  padding: 5px 10px;
  display: block;
}

.style_item__5Rn2- {
  padding: 10px 5px;
}

.style_group__rDhzv {
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
  margin: 2px;
  padding: 4px;
}

.style_positiveActionType__ULGhZ:hover {
  cursor: pointer;
  background-color: RGBA(var(--light-blue), 0.1);
  color: RGB(var(--light-blue));
}

.style_negativeActionType__7qlLz:hover {
  cursor: pointer;
  background-color: RGBA(var(--offline), 0.1);
  color: RGB(var(--offline));
}

.style_negativeActionType__7qlLz span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.style_disabledAction__HG7cd {
  cursor: default;
  background-color: RGBA(var(--sad-sky), 0.1);
  color: RGB(var(--sad-sky));
}

.style_label__fNjtT {
  min-width: 20px;
  text-align: center;
}

.style_overlay__IR-6z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.style_lightBackground__mt5ks {
  background-color: RGBA(var(--full-white), 0.7);
}

.style_darkBackground__s2L9f {
  background-color: RGBA(var(--dark-blue), 0.7);
}

.style_noScroll__PPln- {
  overflow: hidden;
}

.style_triggerWrapper__obaTo {
  display: inline-block;
  position: relative;
}

.style_overlayWrapper__0yZn3 {
  position: absolute;
  line-height: 1;
  z-index: 100;
  white-space: nowrap;
  animation: style_fadeIn__9HXES 0.4s;
}

@keyframes style_fadeIn__9HXES {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.style-module_loadingBar__ATzJG {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  background-color: RGB(var(--light-blue));
  color: RGB(var(--light-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_messageBannerContainer__pZdpB {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

.style_messageBannerContainer--negative__K8-lT {
  background-color: RGBA(var(--offline), 0.1);
}

.style_messageBannerContainer--neutral__Q1-N4 {
  background-color: RGBA(var(--dark-gray), 0.1);
}

.style_messageBannerContainer--positive__ZQBVY {
  background-color: RGBA(var(--light-blue), 0.1);
}

.style_messageBannerContainer--notice__7XFvj {
  background: RGBA(var(--notice), 0.1);
}

.style_messageBannerButton__uN7sC {
  background-color: transparent;
}

.style_messageBannerLink--negative__wRUYK {
  color: RGB(var(--offline));
}

.style_messageBannerLink--neutral__EIVsT {
  color: RGB(var(--dark-gray));
}

.style_messageBannerLink--positive__o2ALD {
  color: RGB(var(--light-blue));
}

.style_messageBannerLink--notice__HEqhU {
  color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickableRow__AUqx- {
  cursor: pointer;
}

.style_box__LZRww {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
}

.style_iconWrapper__nHXE- {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  background-color: RGB(var(--light-gray));
}

.style_statusBadge__eoNtG {
  max-height: 48px;
  flex-basis: 20px;
  text-align: center;
  line-height: 12px;
  word-spacing: 40px;
  white-space: pre-line;
}

.style_statusWithLastStatus__bQmUT {
  min-width: 26px;
}

.style_rightBlockWrapper__5mxpX {
  text-align: right;
}

.style_rightBlockWithCentralComponent__D9Lne {
  flex: 1 1 140px;
  min-width: 140px;
  max-width: 190px;
}

.style_centralComponent__mMpUD {
  flex: 0 0 184px;
  width: 184px;
}

.style_doubleDash__Crmlz {
  width: 24px;
}

.style_leftBlockText__yHt-3 {
  min-width: 0;
  flex-basis: content;
  flex-grow: 1;
  flex-shrink: 1;
}

.style_rightBlockText__fN5kj {
  min-width: max(20%, 100px);
  text-align: right;
  flex-basis: 40%;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.style_rightBlockSubTitle__5XS1i,
.style_title__uYsT-,
.style_subtitle__ADQFI {
  font-size: 14px;
}

.style_deviceIconContainer__aYueA {
  position: relative;
}

.style_topLeftIconContainer__W6lMs {
  position: absolute;
  top: -7px;
  left: -7px;
}

.style_topRightIconContainer__aHqkz {
  position: absolute;
  top: -7px;
  right: -7px;
}

.style_bottomRightIconContainer__ujUix {
  position: absolute;
  bottom: -7px;
  right: -7px;
}

.style_bottomLeftIconContainer__ydbBp {
  position: absolute;
  bottom: -7px;
  left: -7px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_box__F6jEw {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 28px;
  min-width: 28px;
  padding: 0 4px;
  background-color: RGB(var(--full-white));
  color: RGB(var(--dark-gray));
}

.style_box__F6jEw:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}

.style_box__F6jEw.style_selected__73pzU {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}

.style_arrowBox__zrRhL {
  height: 28px;
  width: 28px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.style_arrowBox__zrRhL:hover {
  background-color: RGBA(var(--dark-gray), 0.1);
  cursor: pointer;
}

.style_arrowBox__zrRhL.style_disabled__UumhZ:hover {
  background: transparent;
  cursor: auto;
}

.style_dotDotDot__PlqF8 {
  height: 28px;
  width: 28px;
  color: RGB(var(--dark-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_labelWrapper__l-ftY {
  width: 55px;
}

.style_externalContainer__gvFFf {
  height: 16px;
  width: 100%;
}

.style_percentageLabel__YB4Nr {
  white-space: nowrap;
}

.style_progressBarContainer__e6sxV {
  width: 100%;
  height: 16px;
  background-color: RGB(var(--very-light-gray));
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 4px;
  box-sizing: border-box;
}

.style_progressBarFiller__KnYT7 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  max-width: 100%;
  -webkit-transition-property: width;
  -khtml-transition-property: width;
  -moz-transition-property: width;
  -ms-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.4s;
  -khtml-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.style_progressBarFillerDisabled__0HTXW {
  background-color: RGB(var(--section-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonWrapper__dnVCE {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0;
  width: 34px;
  height: 34px;
  line-height: 20px;
  background: RGB(var(--full-white));
  cursor: pointer;
  text-align: center;
}

.style_buttonWrapper__dnVCE.style_small__f0bLZ {
  width: 24px;
  height: 24px;
}

.style_buttonWrapper__dnVCE.style_disabled__CpD-B {
  border: 1px solid RGB(var(--borders-gray));
  cursor: auto;
}

.style_buttonWrapper__dnVCE.style_disabled__CpD-B svg {
  fill: RGB(var(--light-gray));
}

.style_buttonWrapper__dnVCE.style_enabled__0L9Ea {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.style_wrapper__Y0T5W {
  position: relative;
  width: fit-content;
  height: fit-content;
  width: -moz-fit-content;
  height: -moz-fit-content;
  max-width: 100%;
  max-height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.style_wrapper__Y0T5W.style_left__wgEjw:hover {
  border-width: 1px;
}

.style_wrapper__Y0T5W:hover .style_actionButton__fGlKg {
  opacity: 1;
}

.style_wrapper__Y0T5W:hover .style_borderToggleBox__RwAa4 {
  opacity: 1;
  border-color: RGB(var(--section-gray));
}

.style_contentWrapper__Fvf79 {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
  transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.style_actionButton__fGlKg {
  opacity: 0;
  position: absolute !important;
  z-index: 999;
  transition: opacity 0.4s ease;
}

.style_actionButton__fGlKg.style_top__8uAjm, .style_actionButton__fGlKg.style_bottom__YfVXv {
  left: 50%;
  transform: translateX(-50%);
}

.style_actionButton__fGlKg.style_right__re3Dx, .style_actionButton__fGlKg.style_left__wgEjw {
  top: 50px;
}

.style_actionButton__fGlKg.style_top__8uAjm {
  top: -12px;
}

.style_actionButton__fGlKg.style_bottom__YfVXv {
  bottom: -12px;
}

.style_actionButton__fGlKg.style_left__wgEjw {
  left: -12px;
}

.style_actionButton__fGlKg.style_right__re3Dx {
  right: -12px;
}

.style_actionButton__fGlKg:hover {
  opacity: 1;
}

.style_borderToggleBox__RwAa4 {
  opacity: 0;
  border-width: 0;
  transition: opacity 0.4s ease;
  z-index: 999;
  position: absolute;
  border-style: solid;
  border-color: transparent;
}

.style_borderToggleBox__RwAa4:hover {
  opacity: 1;
}

.style_borderToggleBox__RwAa4.style_left__wgEjw, .style_borderToggleBox__RwAa4.style_right__re3Dx {
  height: 100%;
  width: 10px;
  top: 0;
  cursor: col-resize;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm, .style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  width: 100%;
  height: 10px;
  left: 0;
  cursor: row-resize;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm {
  top: 0;
  border-top-width: 3px;
}

.style_borderToggleBox__RwAa4.style_top__8uAjm:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_bottom__YfVXv {
  bottom: 0;
  border-bottom-width: 3px;
}

.style_borderToggleBox__RwAa4.style_bottom__YfVXv:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_left__wgEjw {
  left: 0;
  border-left-width: 3px;
}

.style_borderToggleBox__RwAa4.style_left__wgEjw:hover {
  border-color: RGB(var(--light-blue));
}

.style_borderToggleBox__RwAa4.style_right__re3Dx {
  right: 0;
  border-right-width: 3px;
}

.style_borderToggleBox__RwAa4.style_right__re3Dx:hover {
  border-color: RGB(var(--light-blue));
}

.style_section__-8sBe {
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}

.style_section__-8sBe:not(:last-child) {
  margin-bottom: 4px;
}

.style_sectionRow__ArUv0:not(:last-child) {
  border-bottom: 1px solid RGB(var(--light-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_mainContainer__1Qhih {
  position: relative;
  z-index: 9;
  width: 100%;
}

.style_mainContainer__1Qhih:hover {
  cursor: pointer;
}

.style_list__bGlft {
  background-color: RGB(var(--full-white));
  -webkit-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -khtml-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -moz-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -ms-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -o-box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  box-shadow: 0 1px 12px 3px RGBA(var(--dark-blue), 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 300px;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  max-height: 300px;
  min-height: 100px;
}

.style_scrollableContent__lkbj4 {
  overflow-y: auto;
  height: 100%;
}

.style_scrollableContent__lkbj4.style_withFilter__UO81t {
  height: calc(100% - 45px);
}

.style_noResultsMessage__wqIjU {
  width: 100%;
  height: 150px;
}

.style_roundIcon__PC7uY {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--light-gray));
  min-height: 26px;
  min-width: 26px;
}

.style_mobileSelect__7Mdlj {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  bottom: 0;
  width: calc(100% - 36px);
  height: 28px;
  border: 1px solid RGB(var(--light-gray));
  padding: 5px;
}

.style_mobileSelect__7Mdlj select {
  color: RGB(var(--medium-gray));
  font-size: 12px;
  width: 100%;
}

.style_mobileSelect__7Mdlj select:hover {
  cursor: pointer;
}

.style_mobileSelect__7Mdlj input {
  height: 100%;
  width: 100%;
  color: RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj:hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj.style_active__EBWrs {
  border-color: RGB(var(--light-blue));
}

.style_mobileSelect__7Mdlj.style_active__EBWrs select {
  color: RGB(var(--light-blue));
}

.style-module_border__r6FCz {
  border-bottom: 2px solid RGB(var(--sad-sky));
}

.style_status-banner__outer-content__n6A5L {
  color: RGB(var(--full-white));
  min-height: 18px;
  margin-bottom: 2px;
}

.style_status-banner__outer-content__n6A5L .style_status-banner__inner-content__BIZOY {
  max-width: 100%;
}

.style_status-banner_positive__fokkx {
  background-color: RGB(var(--light-blue));
}

.style_status-banner_positive-faded__3Djd4 {
  background-color: RGBA(var(--light-blue), 0.1);
  border: 1px solid RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_status-banner_negative__3pif6 {
  background-color: RGB(var(--offline));
}

.style_status-banner_negative-faded__UFVbU {
  background-color: RGBA(var(--offline), 0.1);
  border: 1px solid RGB(var(--offline));
  color: RGB(var(--offline));
}

.style_status-banner_notice__bVPb- {
  background-color: RGB(var(--notice));
}

.style_status-banner_notice-faded__k2VDi {
  background-color: RGBA(var(--notice), 0.1);
  border: 1px solid RGB(var(--notice));
  color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_size-tiny__EkPMF {
  width: 24px;
  height: 24px;
}

.style_size-1__Lrsef {
  width: 24px;
  height: 24px;
}

.style_size-small__Oc2-- {
  width: 24px;
  height: 24px;
}

.style_size-2__bQkgK {
  width: 24px;
  height: 24px;
}

.style_size-normal__QYDID {
  width: 36px;
  height: 36px;
}

.style_size-3__Ctkp7 {
  width: 36px;
  height: 36px;
}

.style_iconBox__lplY- {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_barContainer__m2rHo {
  width: 100%;
  height: 26px;
  color: RGB(var(--full-white));
}

.style_barNeutral__6NqRr {
  background-color: RGB(var(--dark-gray));
}

.style_barPositive__y7bme {
  background-color: RGB(var(--light-blue));
}

.style_barSuccess__8mDmo {
  background-color: RGB(var(--online));
}

.style_barNegative__1XFw7 {
  background-color: RGB(var(--offline));
}

.style_barWarning__7tuoL {
  background-color: RGB(var(--notice));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__fgsU5 {
  padding: 12px 8px;
  background-color: RGB(var(--full-white));
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  user-select: none;
}

.style_wrapper__fgsU5:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}

@media screen and (max-width: 1023px) {
  .style_wrapper__fgsU5 {
    flex: 50%;
  }
}
.style_wrapper__fgsU5:active {
  background-color: RGB(var(--very-light-gray));
}

.style_defaultWidth__r9EA7 {
  width: 130px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__uoVaw {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  color: RGB(var(--full-white));
  background-color: RGB(var(--dark-night));
  width: fit-content;
  width: -moz-fit-content;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_button__PnX5c {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.style_button__PnX5c:hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px RGB(var(--light-blue)) !important;
}

.style_borderColor__6UEYx {
  border-color: RGB(var(--sad-sky)) !important;
  color: RGB(var(--dark-gray)) !important;
}

.style_tabContent__B7Y3O {
  width: 100%;
}

.style_tabContent__B7Y3O > div {
  flex-grow: 1;
}

.style-module_border__ysdFv {
  border-right: 2px solid RGB(var(--sad-sky));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__yAa6u {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
  padding: 12px;
}

.style_dmt-tab__wrapper__1NsLS {
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.style_dmt-tab__alignment--horizontal__Pt18A > div {
  flex: 1;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_detailsRow__4P5T6 {
  font-size: 12px;
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: 300 !important;
  color: RGB(var(--medium-gray));
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: RGB(var(--full-white));
  padding: 12px 8px;
  margin-bottom: 1px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__yshO3 {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 5px;
  position: relative;
}

.style_clickArea__yshO3 input {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.style_clickArea__yshO3 input:hover {
  cursor: pointer;
}

.style_clickArea__yshO3 input:hover + div:not(.style_radioDisabled__8Ee8-) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_radioDisabled__8Ee8- input:hover {
  cursor: auto;
}

.style_radioDisabled__8Ee8- input:hover + div {
  border-color: RGB(var(--sad-sky));
}

.style_radioChecked__YspMQ {
  border-color: RGB(var(--light-blue));
}

.style_radioChecked__YspMQ.style_radioDisabled__8Ee8- {
  border-color: RGB(var(--sad-sky));
}

.style_radioNotChecked__QDhls {
  border-color: RGB(var(--sad-sky));
}

.style_box__BxUKo {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.style_box__EjNb0 {
  width: auto;
  left: 0;
  right: 0;
}

.styles_setupRow__cv1kw {
  background-color: RGB(var(--full-white));
  word-break: break-word;
}

.styles_setupRow__cv1kw .styles_titleAndDescription__1Z62X {
  min-width: 30%;
}

.styles_setupRow__cv1kw .styles_valueAndAction__xlbYy {
  text-align: end;
}

.styles_disabledSetupRow__zjnix [role=button]:hover {
  cursor: not-allowed;
}

.styles_disabledSetupRow__zjnix:hover {
  cursor: not-allowed;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__83wsf {
  position: relative;
  padding: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.style_clickArea__83wsf input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.style_clickArea__83wsf input:hover {
  cursor: pointer;
}

.style_clickArea__83wsf input:hover + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_clickArea__83wsf.style_hovered__d3AG3 input + div:not(.style_checkboxDisabled__WvUGU) {
  border-color: RGB(var(--light-blue));
  -webkit-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -khtml-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -moz-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -ms-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  -o-box-shadow: 0 0 0 2px RGB(var(--light-blue));
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_box__J3HOZ {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.style_checkboxBoxChecked__pS-nu {
  background-color: RGB(var(--light-blue));
  border-color: RGB(var(--light-blue));
}

.style_checkboxBoxChecked__pS-nu.style_checkboxDisabled__WvUGU {
  background-color: RGB(var(--sad-sky));
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxIndeterminate__N6lyK,
.style_checkboxBoxNotChecked__a2Fw3 {
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxDisabled__srjbW input:hover {
  cursor: auto;
}

.style_checkboxBoxDisabled__srjbW input:hover + div {
  border-color: RGB(var(--sad-sky));
}

.style_checkboxBoxDisabled__srjbW.style_notAllowedCursor__FAHm- input:hover {
  cursor: not-allowed;
}

.style_checkboxBoxLoading__iHNgd {
  background-color: RGB(var(--full-white));
  border-color: RGB(var(--sad-sky));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_error__lwU6B {
  visibility: hidden;
}

.style_outerWrapper__HwocD {
  width: 100%;
}

.style_outerWrapper__HwocD:has(input:invalid) .style_error__lwU6B {
  visibility: visible;
}

.style_wrapper__580P4 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid RGB(var(--borders-gray));
  margin: 0 auto 5px auto;
}

.style_wrapper__580P4:has(input:invalid) {
  border-bottom: 1px solid RGB(var(--offline));
}

.style_wrapper__580P4:hover {
  border-color: transparent;
  /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue));
  /* emulate the border */
  cursor: pointer;
}

.style_wrapper__580P4:hover:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline));
  /* emulate the border */
}

.style_wrapper__580P4:hover.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
}

.style_wrapper__580P4.style_disabled__UHO4W {
  box-shadow: 0 2px 0 0 RGB(var(--borders-gray)); /* emulate the border */
  cursor: not-allowed;
}

.style_wrapper__580P4.style_disabled__UHO4W input {
  user-select: none;
  cursor: not-allowed;
}

.style_focused__3Bs7O {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--light-blue)); /* emulate the border */
}

.style_focused__3Bs7O:has(input:invalid) {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_input__0FU8G {
  margin-right: 10px;
  width: 100%;
  color: RGB(var(--dark-gray)) !important;
}

.style_input__0FU8G::placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}

.style_input__0FU8G :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}

.style_clearIcon__VMhYK {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: RGB(var(--medium-gray));
}

.style_clearIcon__VMhYK:hover {
  cursor: pointer;
}

.style_leftIcon__GU3a9 {
  width: 20px;
  overflow: hidden;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__N3QjA {
  position: relative;
  background: transparent;
  width: 100%;
  border-bottom: 1px solid RGB(var(--sad-sky));
  margin: 0 auto 5px auto;
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:focus,
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:not(:placeholder-shown),
.style_wrapper__N3QjA:not(.style_disabled__fAKJm) input:hover {
  border-color: transparent; /* remove the border's colour */
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 1px 0 0 RGB(var(--light-blue)); /* emulate the border */
  cursor: pointer;
}

.style_wrapper__N3QjA:not(.style_disabled__fAKJm):hover.style_error__Szrhd {
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_wrapper__N3QjA input[type=number] {
  color: RGB(var(--light-blue));
  height: unset;
  line-height: unset;
}

.style_hiddenArrows__MgjWL input::-webkit-outer-spin-button,
.style_hiddenArrows__MgjWL input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.style_hiddenArrows__MgjWL input[type=number] {
  -moz-appearance: textfield;
}

.style_input__QNc9b {
  width: 100%;
  line-height: unset;
}

.style_input__QNc9b::placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  font-style: italic;
}

.style_input__QNc9b[type=number], .style_input__QNc9b[type=text], .style_input__QNc9b[type=password] {
  height: unset;
  line-height: unset;
}

.style_input__QNc9b::placeholder {
  color: RGB(var(--sad-sky));
}

.style_input__QNc9b:not(.style_disabled__fAKJm) {
  color: RGB(var(--light-blue));
}

.style_error__Szrhd {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 2px 0 0 RGB(var(--offline)); /* emulate the border */
}

.style_error__Szrhd .style_input__QNc9b {
  color: RGB(var(--offline));
}

.style_disabled__fAKJm:not(.style_outlined__p0S-v) .style_input__QNc9b {
  color: RGB(var(--section-gray));
  border-bottom: 1px solid RGB(var(--section-gray));
}

.style_disabled__fAKJm.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--section-gray));
}

.style_disabled__fAKJm:hover {
  box-shadow: 0 0 0 0 RGB(var(--section-gray));
}

.style_disabled__fAKJm:hover input {
  cursor: not-allowed;
}

.style_outlined__p0S-v {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 36px);
  bottom: 0;
  border: 1px solid RGB(var(--light-gray));
  padding-left: 4px;
  padding-right: 4px;
  height: 28px;
  background-color: RGB(var(--full-white));
}

.style_outlined__p0S-v:hover:not(.style_disabled__fAKJm) {
  border-color: transparent; /* remove the border's colour */
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_outlined__p0S-v .style_input__QNc9b {
  color: RGB(var(--light-blue));
  width: 100%;
  height: 100%;
  font-size: 12px;
}

.style_outlined__p0S-v .style_input__QNc9b::placeholder {
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b::-moz-placeholder {
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b:-ms-input-placeholder { /* Firefox 18- */
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
  font-style: normal;
}

.style_outlined__p0S-v .style_input__QNc9b :-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
  font-style: normal;
}

.style_active__ondlk {
  border-color: RGB(var(--light-blue));
}

.style_clearIcon__5K6E4 {
  position: relative;
  top: 1px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_clearIcon__5K6E4:hover {
  cursor: pointer;
}

.style_clearIcon__5K6E4.style_disabled__fAKJm {
  cursor: not-allowed;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputContainerWrapper__jNVIF {
  min-height: 40px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_wrapper__Lt0VZ {
  position: relative;
  background: transparent;
  width: 100%;
  margin: 0 auto;
}

.style_inputLabel__I-1A- {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  -khtml-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition-property: all;
  -khtml-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -khtml-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  white-space: nowrap;
  line-height: 40px;
  font-size: 14px;
  color: RGB(var(--medium-gray));
}

.style_focused__tf3Xp .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  color: RGB(var(--light-blue));
}

.style_disabled__w-sBA .style_inputLabel__I-1A- {
  z-index: 1;
  color: RGB(var(--section-gray));
}

.style_error__vzbyq .style_inputLabel__I-1A- {
  color: RGB(var(--offline));
}

.style_withPlaceholder__rryu6 .style_inputLabel__I-1A- {
  -webkit-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -khtml-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -moz-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -ms-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  -o-transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
  transform: translate3d(1px, -12px, 0) scale3d(0.8, 0.8, 1);
}

.style_formInput__hQDWW {
  flex-grow: 1;
}

.style_notAllowed__dBnHP {
  cursor: not-allowed !important;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_inputError__ENyj7 {
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  width: 100%;
  height: 18px;
  position: relative;
  top: 2px;
  overflow: hidden;
  animation: 0.1s ease-out 0s 1 style_appear__g-O90;
}

@keyframes style_appear__g-O90 {
  0% {
    height: 0;
  }
  100% {
    height: 18px;
  }
}
.style_dropdownValuesContainer__u9v1p {
  max-height: 188px;
  overflow: auto;
}

.style_dropdownPlaceholderContainer__dPhzo {
  height: 188px;
}

.style_radioLabelsContainer__nuAFT {
  max-width: calc(100% - 52px);
}

.style_inputContainer__pispB {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_modal__s1KXq {
  width: 768px;
  height: 90%;
  top: 50%;
  left: 50%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

@media screen and (min-width: 1441px) {
  .style_modal__s1KXq {
    width: 900px;
  }
}
@media screen and (max-width: 768px) {
  .style_modal__s1KXq {
    width: 100%;
    transform: translateX(0);
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
    top: 0;
  }
}
.style_modal__heightFitContent__ivAuj {
  height: auto;
}

.style_modal__external-wrapper__5V4Mm {
  height: 100%;
  background-color: RGB(var(--full-white));
}

.style_modal__backdrop__qxTqV {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_modal__title-bar__B8GsA {
  background-color: RGB(var(--dark-night));
  border: 0;
  position: relative;
  min-height: 45px;
}

.style_modal__titleBar__close-button__yVc1t {
  position: absolute;
  left: 8px;
  background-color: RGB(var(--dark-blue));
  color: RGB(var(--light-gray));
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_modal__titleBar__close-button__yVc1t:before {
  font-size: 16px;
}

.style_modal__titleBar__close-button__yVc1t.style_icon-close__--RUf {
  color: RGB(var(--offline));
}

.style_modal__wrapper__cizMc {
  height: calc(100% - 45px);
  min-height: 500px;
}

.style_modal__footer__nKFFf {
  min-height: 60px;
  justify-content: center;
  align-items: center;
}

.style_modal__footer__nKFFf > div {
  width: 340px;
}

.style_modal__footer--multiple-child__QhCaH > div {
  width: 230px;
}

@media screen and (max-width: 768px) {
  .style_modal__footer__nKFFf > div {
    width: 100%;
  }
  .style_modal__footer--multiple-child__QhCaH > div {
    width: 100%;
  }
}
.style_modal__fixed-block__UosM4 {
  margin-top: 20px;
}

.style_modal__content__17Dgz {
  flex-grow: 1;
}

.style_slide-in-up__BZZi8 {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__onRCV {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@media screen and (max-width: 768px) {
  .style_slide-in-up-active__onRCV {
    -webkit-transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    transform: translate3d(-50%, constant(safe-area-inset-top), 0);
    -webkit-transform: translate3d(-50%, env(safe-area-inset-top), 0);
    transform: translate3d(-50%, env(safe-area-inset-top), 0);
  }
}
.style_slide-in-up-leave__vNxxY {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_clickArea__0MUW8 {
  position: relative;
  pointer-events: auto;
}

.style_clickArea__0MUW8 input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.style_clickArea__0MUW8 input:hover {
  cursor: pointer;
}

.style_box__cXRHB {
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  min-width: 65px;
  width: 65px;
  min-height: 31px;
  height: 31px;
  vertical-align: middle;
  -webkit-transition-timing-function: ease-out;
  -khtml-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  -khtml-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  -khtml-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -ms-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  transition-property: background-color, border;
}

.style_toggleBoxChecked__ol08I {
  background-color: RGBA(var(--online), 0.7);
  border-color: RGB(var(--online));
}

.style_toggleBoxNotChecked__Yxm6T {
  background-color: RGBA(var(--offline), 0.7);
  border-color: RGB(var(--offline));
}

.style_toggleBoxDisabled__vnvwK input:hover {
  cursor: not-allowed;
}

.style_toggleDisabled__S77Py {
  background-color: RGB(var(--very-light-gray));
  border-color: RGB(var(--light-gray));
}

.style_handle__7rRu3 {
  position: relative;
  background-color: RGB(var(--full-white));
  border: 1px solid RGB(var(--sad-sky));
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transition: left 0.3s ease-out;
  height: 25px;
  width: 25px;
  left: 1px;
}

.style_handle__7rRu3.style_handleChecked__WWiXp {
  left: 36px;
}

.style_handle__7rRu3.style_handleDisabled__KyRGS {
  border: 1px solid RGB(var(--light-gray));
}

.style_toggleText__8jw34 {
  position: relative;
  right: 10px;
  transition: left 0.3s ease-out;
}

.style_toggleBoxLoading__Fbrww {
  background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(255, 255, 255, 0.5) 8px, rgba(255, 255, 255, 0.5) 15px);
  -webkit-transition-timing-function: linear;
  -khtml-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 60000ms;
  -khtml-transition-duration: 60000ms;
  -moz-transition-duration: 60000ms;
  -ms-transition-duration: 60000ms;
  -o-transition-duration: 60000ms;
  transition-duration: 60000ms;
  -webkit-transition-property: background-position;
  -khtml-transition-property: background-position;
  -moz-transition-property: background-position;
  -ms-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
  background-position: 2400px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__qrIGZ {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: RGB(var(--full-white));
}

.style_container__qrIGZ:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_right-column__5TBxd {
  max-width: calc(35% - 8px);
  width: fit-content;
  align-items: flex-end;
}

.style_containerHeight__l-RVk {
  height: auto;
}

.style_containerHeightWithDescription__K0BXp {
  height: auto;
}

.style_title__8oYMF {
  width: calc(100% - 8px);
}

@supports (-webkit-line-clamp: 1) {
  .style_description__8DXwE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.style_titleAndTagRow__SmL0f {
  width: calc(100% - 48px);
}

.style_logo__LpQyi {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}

.style_wrapper__gvy8Y {
  position: relative;
}

.style_childrenContainer__-d-Zn {
  visibility: hidden;
}

.style_overlay__UiQIi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_container__r2fa4 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 172px;
  background-color: RGB(var(--full-white));
  overflow: hidden;
}

.style_container__r2fa4:hover {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  cursor: pointer;
}

.style_tag__A0H3u {
  max-width: 70%;
}

.style_title__4SJ2K {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

@supports (-webkit-line-clamp: 2) {
  .style_title__4SJ2K {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.style_containerHeight__Qlbhw {
  height: 80px;
}

.style_containerHeightWithDescription__qu-Vm {
  height: 120px;
}

@supports (-webkit-line-clamp: 2) {
  .style_description__GvenK {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.style_logo__LmG57 {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_popup__UvJnK {
  width: 500px;
  top: 50%;
  left: 50%;
  max-height: 90%;
  min-height: 200px;
  overflow: hidden;
  position: fixed;
  z-index: 100;
}

@media screen and (min-width: 1441px) {
  .style_popup__UvJnK {
    width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .style_popup__UvJnK {
    width: 80%;
  }
}
.style_popup__external-wrapper__lJM-Z {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  min-height: 150px;
  background-color: RGB(var(--full-white));
}

.style_popup__content__RC-sh {
  flex-grow: 1;
  min-height: 70px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.style_popup__footer__j0aA2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.style_popup__footer__j0aA2.style_twoButtons__WQn55 > * {
  display: block;
  width: 50%;
}

.style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .style_popup__footer__j0aA2 {
    flex-direction: column-reverse;
  }
  .style_popup__footer__j0aA2.style_twoButtons__WQn55 > *, .style_popup__footer__j0aA2.style_oneButton__bm-I9 > * {
    width: 100%;
  }
}
.style_popup__footer_alert__zLeJ0 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.style_popup__footer_alert__zLeJ0 > div {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .style_popup__footer_alert__zLeJ0 > div {
    width: 100%;
  }
}
.style_modal__backdrop__VhDU9 {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
}

.style_popup__title__owH4B {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
  font-weight: bold !important;
  font-size: 18px;
  line-height: 22px;
  position: relative;
}

.style_popup__message__afU77 {
  line-height: 20px;
  white-space: break-spaces;
}

.style_popup__subTitle__zskYN {
  font-size: 14px;
  line-height: 18px;
  color: RGB(var(--dark-gray));
}

.style_popup__subTitle__zskYN a {
  color: RGB(var(--light-blue));
}

.style_popup_iconWrapper__INYWa {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  padding: 8px;
  margin-right: 12px;
  align-self: flex-start;
}

.style_popup_iconWrapper__INYWa.style_light-blue__N8pX- {
  background-color: RGBA(var(--light-blue), 0.1);
  border-color: RGB(var(--light-blue));
}

.style_popup_iconWrapper__INYWa.style_offline__890Xm {
  background-color: RGBA(var(--offline), 0.1);
  border-color: RGB(var(--offline));
}

.style_popup_iconWrapper__INYWa.style_medium-gray__VdCZo {
  background-color: RGBA(var(--medium-gray), 0.1);
  border-color: RGB(var(--medium-gray));
}

.style_slide-in-up__IZzyL {
  -webkit-transform: scale(0.2) translateX(-100%) translateY(-50%);
  transform: scale(0.2) translateX(-100%) translateY(-50%);
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.style_slide-in-up-active__Sqcmk {
  -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
  transform: scale(1) translateX(-50%) translateY(-50%);
  opacity: 1;
}

.style_slide-in-up-leave__58G04 {
  opacity: 0;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}

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

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_scrollableContent__NzK7p {
  overflow-y: auto;
  height: 100%;
}

.style_scrollableContent__NzK7p.style_withFilter__zRMwh {
  height: calc(100% - 45px);
}

.style_roundIcon__tRE6e {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  min-height: 26px;
  min-width: 26px;
}

.style_iconBackGround__2TSyK {
  background-color: RGB(var(--light-gray));
}

.style_group__-HpDb:not(:last-child) {
  border-bottom: 1px solid RGB(var(--sad-sky));
}

.style_group__-HpDb:last-child {
  margin-bottom: 0;
}

.style_panelDarkBackground__MUUUZ {
  background: RGB(var(--dark-night));
  box-shadow: 0 2px 10px RGB(var(--darkest-night));
}

.style_panelDarkBackground__MUUUZ span {
  color: RGB(var(--very-light-gray)) !important;
}

.style_panelDarkBackground__MUUUZ [data-testid=searchOption] ::placeholder {
  color: RGB(var(--very-light-gray));
}

.style_selectAllBox__Ca1hd {
  min-width: 120px;
}

.style_firstRowContainer__68KIQ {
  height: 24px;
}

.style_iconWithPrimaryContainer__6t9r5 {
  min-width: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_buttonContainer__OsB4j {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: "36px";
  min-height: "36px";
}

.style_nodePrimary__L6esi {
  color: RGB(var(--dark-blue));
}

.style_nodeSecondary__EeYKj {
  color: RGB(var(--medium-gray));
}

.style_nodeHoverAction__6NgcQ {
  display: none !important;
}

.style_nodeContainer__Ejw0u:hover .style_nodeHoverAction__6NgcQ {
  display: flex !important;
}

.style_nodeWithExpanderContainer__7cEAt * {
  cursor: pointer;
  user-select: none;
}

.style_nodeWithExpanderContainer__7cEAt:hover .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer__7cEAt:hover .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodePrimary__L6esi {
  color: RGB(var(--light-blue));
  font-weight: bold;
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq *,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ * {
  fill: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeAction__5vUTq .style_nodeIcon__eUT5t,
.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeHoverAction__6NgcQ .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--selected__WYPtc .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_nodeWithExpanderContainer--hidesSelectedNodes__AtbpK .style_nodeIcon__eUT5t {
  background-color: RGB(var(--light-blue));
}

.style_showMore__e0LbR {
  transform: translateX(-4px);
}

.style_container__P0pEl,
.style_nodeContainer__Ejw0u,
.style_nodeWithExpanderContainer__7cEAt {
  min-width: 0;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker__aria-live {
  display: none;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__input-container span {
  display: none;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.style_iconContainer__vf5-t {
  width: 18px;
  flex-shrink: 0;
  fill: RGB(var(--medium-gray));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_formInputContainer__VQKVF {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: RGB(var(--full-white));
  height: 30px;
  padding: 0 8px 0 8px;
  font-size: 12px;
  font-style: normal;
  align-items: center;
}

.style_formInputContainer__VQKVF.style_enabled__nZ90x {
  box-shadow: 0 0 0 1px RGB(var(--sad-sky));
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_enabled__nZ90x input, .style_formInputContainer__VQKVF.style_enabled__nZ90x ::placeholder {
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_disabled__EgetO {
  box-shadow: 0 0 0 1px RGB(var(--very-light-gray));
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
}

.style_formInputContainer__VQKVF.style_disabled__EgetO input, .style_formInputContainer__VQKVF.style_disabled__EgetO ::placeholder {
  color: RGB(var(--section-gray));
}

.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_hoverOn__s3XV7 input, .style_formInputContainer__VQKVF.style_hoverOn__s3XV7 ::placeholder {
  color: RGB(var(--medium-gray));
}

.style_formInputContainer__VQKVF.style_focusOn__wcozg {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_focusOn__wcozg input, .style_formInputContainer__VQKVF.style_focusOn__wcozg ::placeholder {
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO input, .style_formInputContainer__VQKVF.style_activeOn__sxSpO ::placeholder {
  color: RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_activeOn__sxSpO.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--light-blue));
}

.style_formInputContainer__VQKVF.style_error__NJAwE {
  box-shadow: 0 0 0 1px RGB(var(--offline));
  color: RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_error__NJAwE input, .style_formInputContainer__VQKVF.style_error__NJAwE ::placeholder {
  color: RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_error__NJAwE.style_hoverOn__s3XV7 {
  box-shadow: 0 0 0 2px RGB(var(--offline));
}

.style_formInputContainer__VQKVF.style_innerButton__18ax3 {
  padding: 0 4px 0 8px;
}

.style_pointer__yhnxW {
  cursor: pointer;
}

.style_notAllowed__bQxgM {
  cursor: not-allowed;
}

.style_buttonContainer__mj28B {
  width: 24px;
  flex-shrink: 0;
  align-self: baseline;
}

.style_buttonContainer__mj28B .style_buttonIcon__nK2mt {
  background-color: RGB(var(--medium-gray));
}

.style_buttonContainer__mj28B:hover .style_buttonIcon__nK2mt {
  background-color: RGB(var(--light-blue));
}

.style_groupRowLabel__KxCHt {
  flex-shrink: 0;
}

.styles_badgeContainer__eI0-v {
  flex-wrap: wrap;
  min-width: 0px;
  white-space: nowrap;
}

.styles_badgeContainer__eI0-v .styles_plusNButton__t0ljY:hover {
  cursor: pointer;
  border-color: transparent;
  box-shadow: 0 0 0 2px RGB(var(--dark-gray));
}

.style_legend-item__icons-container__sM6BB {
  display: block !important;
  height: 32px;
  position: relative;
  width: 32px;
}

.style_legend-item__icons-container__sM6BB .style_legend-item__icons__eIuXg {
  cursor: pointer;
  position: absolute;
}

.style_legend-item__icons-container__sM6BB .style_legend-item__inner-icon__9q7Aa {
  left: 4px;
  top: 9px;
}

.style_missingValuesItem__j-NoP {
  background-color: RGB(var(--sad-sky));
  border: 1px solid RGB(var(--dark-gray));
  height: 20.27px;
  width: 20.27px;
}

.style_overlay__HSSMV {
  min-width: 10px;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_selector__nOtVP {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  border-radius: 7px;
  color: RGB(var(--dark-gray));
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.style_selectorIsSelected__4VsbB {
  background-color: RGB(var(--light-blue));
  color: RGB(var(--full-white));
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_basebox__h7DZf, .style_boxAdd__LzVl2, .style_box__JnUzS {
  width: fit-content;
  max-width: 100%;
}

.style_box__JnUzS {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid RGB(var(--borders-gray));
}

.style_borderTop__M7sYH {
  border-top-width: 2px;
}

.style_label__IM-jh {
  padding-right: 8px;
}

.style_leftBorder__ZUXn2 {
  border-left: 2px solid RGB(var(--borders-gray));
}

.style_rightBorder__mho5Q {
  border-right: 2px solid RGB(var(--borders-gray));
}

.style_iconBox__uxPAI {
  padding: 8px;
}

.style_iconBox__uxPAI :hover {
  cursor: pointer;
}

/* has issues on Android
@mixin helvetica-neue-medium() {
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 500;
}
*/
.style_animated__Y1aUf {
  transition: width 0.4s, height 0.4s;
}

.style_dmt-button__UMKXW {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  display: inline-flex;
  user-select: none;
  position: relative;
  font-size: 14px;
  background-color: white;
}

@media (hover: hover) {
  .style_dmt-button__UMKXW:hover {
    cursor: pointer;
    border-color: transparent; /* remove the border's colour */
  }
}
.style_dmt-button__UMKXW > * {
  flex-shrink: 0;
}

.style_dmt-button__hidden-content__xA-Z5 {
  opacity: 0;
}

.style_dmt-button__content-wrapper--single-child__fnIa3 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--multiple-child__6CPaL {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

.style_dmt-button__content-wrapper--no-fit__mqW05 {
  width: 100%;
}

.style_dmt-button__loading-wrapper__EEihD {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.style_dmt-button--positive__MfUm- {
  color: RGB(var(--light-blue));
  fill: RGB(var(--light-blue));
}

.style_dmt-button--positive__MfUm-:active, .style_dmt-button--positive__MfUm-.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--light-blue));
}

@media (hover: hover) {
  .style_dmt-button--positive__MfUm-:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
.style_dmt-button--positive__MfUm-:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--positive__MfUm-.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--negative__maJB1 {
  color: RGB(var(--offline));
  fill: RGB(var(--offline));
}

.style_dmt-button--negative__maJB1:active, .style_dmt-button--negative__maJB1.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--offline));
}

@media (hover: hover) {
  .style_dmt-button--negative__maJB1:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--offline));
  }
}
.style_dmt-button--negative__maJB1:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--offline), 0.1), RGBA(var(--offline), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O:active, .style_dmt-button--negative__maJB1.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--offline), 0.2), RGBA(var(--offline), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--neutral__ubSuv {
  color: RGB(var(--medium-gray));
  fill: RGB(var(--medium-gray));
}

.style_dmt-button--neutral__ubSuv:active, .style_dmt-button--neutral__ubSuv.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--medium-gray));
}

@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--medium-gray));
  }
}
.style_dmt-button--neutral__ubSuv:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--hover__nxarP {
  background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

@media (hover: hover) {
  .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):hover {
    background: linear-gradient(RGBA(var(--medium-gray), 0.1), RGBA(var(--medium-gray), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx):active, .style_dmt-button--neutral__ubSuv.style_dmt-button--option__esI5O:not(.style_dmt-button--disabled__lFIPx).style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--medium-gray), 0.2), RGBA(var(--medium-gray), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dark__YCnxt {
  background-color: RGB(var(--dark-blue));
  border: none;
  color: RGB(var(--very-light-gray));
  fill: RGB(var(--very-light-gray));
}

.style_dmt-button--dark__YCnxt:active, .style_dmt-button--dark__YCnxt.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--dark-blue)), RGB(var(--dark-blue)));
}

.style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx) {
  border-color: RGB(var(--dark-night));
}

@media (hover: hover) {
  .style_dmt-button--dark__YCnxt:not(.style_dmt-button--option__esI5O):not(.style_dmt-button--disabled__lFIPx):hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px RGB(var(--light-blue));
  }
}
@media (hover: hover) {
  .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:hover {
    background: linear-gradient(RGBA(var(--light-blue), 0.1), RGBA(var(--light-blue), 0.1)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
  }
}
.style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O:active, .style_dmt-button--dark__YCnxt.style_dmt-button--option__esI5O.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGBA(var(--light-blue), 0.2), RGBA(var(--light-blue), 0.2)), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_dmt-button--dialog__Loa-5 {
  border-width: 1px;
  border-style: solid;
}

.style_dmt-button--option__esI5O {
  text-decoration: underline;
  background: transparent;
}

.style_dmt-button--width-fit__-fV69 {
  width: fit-content;
}

.style_dmt-button--width-grow__HD41G {
  width: 100%;
}

.style_dmt-button--height-small__0mX6- {
  height: 24px;
  min-width: 24px;
}

.style_dmt-button--height-regular__P8LG3 {
  height: 32px;
  min-width: 32px;
}

.style_dmt-button--height-medium__OjIxo {
  height: 42px;
  min-width: 42px;
}

.style_dmt-button--navigation__PVdiY, .style_dmt-button--action__a5ZsS {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.style_dmt-button--navigation__PVdiY:active, .style_dmt-button--action__a5ZsS:active, .style_dmt-button--navigation__PVdiY.style_dmt-button--selected__s8yVT, .style_dmt-button--selected__s8yVT.style_dmt-button--action__a5ZsS {
  box-shadow: 0 0 0 1px;
}

@media (hover: hover) {
  .style_dmt-button--navigation__PVdiY:hover, .style_dmt-button--action__a5ZsS:hover {
    box-shadow: 0 0 0 2px;
  }
}
.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-small__0mX6- {
  padding: 0 5px;
}

.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-regular__P8LG3 {
  padding: 0 9px;
}

.style_dmt-button--iconOnly__ZjlkH.style_dmt-button--height-medium__OjIxo {
  padding: 0 14px;
}

.style_dmt-button--action__a5ZsS {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.style_dmt-button--disabled__lFIPx {
  background-color: RGB(var(--very-light-gray));
  color: RGB(var(--section-gray));
  fill: RGB(var(--section-gray));
  border-width: 0;
  box-shadow: 0 0 0 0;
}

@media (hover: hover) {
  .style_dmt-button--disabled__lFIPx:hover {
    border-width: 0;
    cursor: not-allowed;
    box-shadow: 0 0 0 0;
  }
}
.style_dmt-button--disabled__lFIPx:active, .style_dmt-button--disabled__lFIPx.style_dmt-button--selected__s8yVT {
  background: linear-gradient(RGB(var(--very-light-gray)), RGB(var(--very-light-gray))), linear-gradient(RGB(var(--full-white)), RGB(var(--full-white)));
}

.style_spinnerWrapper__J9L6k {
  position: relative;
  width: 100px;
  overflow: hidden;
}

.style_spinnerWrapper__J9L6k:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.style_spinnerCircular__7vSqD {
  width: 100%;
  height: 100%;
  -webkit-animation: style_rotate__20xze 2s linear infinite;
  animation: style_rotate__20xze 2s linear infinite;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.style_dmtSpinnerPath__a5mEJ {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  -webkit-animation: style_dash__dbesg 1.5s ease-in-out infinite;
  animation: style_dash__dbesg 1.5s ease-in-out infinite;
}

@-webkit-keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes style_rotate__20xze {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes style_dash__dbesg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
html {
  background-color: rgb(0, 30, 172);
}

a {
  color: RGB(var(--light-blue));
  text-decoration: none;
}

.curveBottom {
  position: fixed;
  bottom: 10vh;
  right: 5vw;
}

.curveTop {
  position: fixed;
  top: 15vh;
  left: 5vw;
}

.logo {
  height: 50px;
  width: 180px;
  position: fixed;
  left: 20px;
  top: 20px;
}

@media only screen and (max-width: 1300px) {
  .logo {
    position: fixed;
    left: 10px;
    top: 10px;
  }
}
#root {
  margin: 0 auto;
  background-color: rgb(0, 30, 172);
  min-height: 100vh;
  height: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.formContainer {
  width: 653px;
  height: fit-content;
  background-color: #ffffff;
  padding: 40px;
  margin: 5vh 0;
  box-sizing: border-box;
  color: RGB(var(--dark-blue));
  border-radius: 20px;
  font-size: 12px;
  z-index: 1;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), min-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1300px) {
  .formContainer {
    margin: 130px 0;
  }
}
@media only screen and (max-width: 600px) {
  .formContainer {
    max-height: none;
    width: 100%;
    border-radius: 0;
  }
}
.rowMarginTextInput {
  margin-top: 24px;
}

.submitButton {
  display: block;
  height: 40px;
  border-radius: 12px;
  border: none;
  background-color: rgb(0, 30, 172);
  transition: background-color 0.3s ease-in-out;
}

.submitButton:hover {
  background-color: rgba(0, 30, 172, 0.7);
  box-shadow: none !important;
}

.fullWidth {
  width: 100%;
}

.inputLabelMargin {
  margin-bottom: 8px;
  display: inline-block;
}

/* Smooth height transitions for form sections */
.animate-height-content {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: visible;
}

/* Apply to form elements that change dynamically */
.smooth-content-transition {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.height-transition-enter {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
}

.height-transition-enter-active {
  max-height: 1000px;
  opacity: 1;
  transform: translateY(0);
}

.height-transition-exit {
  max-height: 1000px;
  opacity: 1;
  transform: translateY(0);
}

.height-transition-exit-active {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
}._backButton_1ef9k_1 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s ease;
}
._backButton_1ef9k_1:hover, ._backButton_1ef9k_1:focus {
  color: #333333;
}
._backButton_1ef9k_1:hover ._arrow_1ef9k_13, ._backButton_1ef9k_1:focus ._arrow_1ef9k_13 {
  transform: translateX(-5px);
}

._arrow_1ef9k_13 {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
  filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);
}

._backButton_1ef9k_1:hover ._arrow_1ef9k_13,
._backButton_1ef9k_1:focus ._arrow_1ef9k_13 {
  filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(85%) contrast(95%);
}._progress_xob0z_1 {
  width: 24px;
  height: 6px;
  border-radius: 4px;
  margin-right: 4px;
}

._headerLabel_xob0z_8, ._headerLabelLarge_xob0z_8 {
  color: RGB(var(--dark-blue));
  font-size: 20px;
  margin-top: 16px;
  display: block;
}

._headerLabelLarge_xob0z_8 {
  font-size: 24px;
}

._description_xob0z_19, ._descriptionLarge_xob0z_19 {
  color: RGB(var(--dark-blue));
  font-size: 14px;
  margin-top: 6px;
  word-spacing: 2px;
  line-height: 18px;
  display: block;
  text-align: center;
}

._descriptionLarge_xob0z_19 {
  font-size: 20px;
  line-height: 24px;
}

._step--active_xob0z_34 {
  background-color: #0179FE;
}

._step--inactive_xob0z_38 {
  background-color: rgba(0, 30, 172, 0.1019607843);
}

._stepLabel_xob0z_42 {
  color: RGB(var(--medium-gray));
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}._submitButton_z9noq_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 12px;
  background-color: rgb(0, 30, 172);
  color: white;
  font-size: 14px;
  transition: background-color 0.3s ease-in-out;
}
._submitButton_z9noq_1:hover:not(:disabled) {
  background-color: rgba(0, 30, 172, 0.7);
  box-shadow: none;
}
._submitButton_z9noq_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._submitButton_z9noq_1:focus {
  outline: 2px solid RGB(var(--light-blue));
}._successIconContainer_1cgn8_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._successIcon_1cgn8_1 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: RGBA(var(--online), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  /* Initial state for animation */
  transform: scale(0.8);
  opacity: 0;
  /* Animation */
  animation: _scaleIn_1cgn8_1 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
._successIcon_1cgn8_1 svg {
  width: 48px;
  height: 48px;
  color: #22C55E;
}

@keyframes _scaleIn_1cgn8_1 {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}._errorBanner_lx812_1 {
  width: 100%;
  background-color: RGBA(var(--offline), 0.1);
  border-radius: 8px;
  align-items: center;
  color: RGB(var(--offline));
  padding: 8px;
  box-sizing: border-box;
}._errorBanner_1m9w5_1, ._errorLabel_1m9w5_1 {
  width: 100%;
  background-color: RGBA(var(--offline), 0.1);
  border-radius: 8px;
  align-items: center;
  color: RGB(var(--offline));
  padding: 8px;
  box-sizing: border-box;
}

input[type=text]._inlined_1m9w5_11 {
  border-radius: 0 12px 12px 0;
  border-left: 0;
  margin-top: 0;
}

label {
  pointer-events: none;
}

._disabledLabel_1m9w5_21 {
  color: #666666;
}

._errColor_1m9w5_25 {
  border-color: RGB(var(--dark-gray)) !important;
}

._errorLabel_1m9w5_1 {
  margin-top: 8px;
  box-sizing: border-box;
  color: RGB(var(--offline-border));
  font-size: 12px;
  line-height: 14px;
}

._errorIcon_1m9w5_37 {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}

._eyeIcon_1m9w5_43 {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

._inputContainer_1m9w5_50 {
  position: relative;
}
._inputContainer_1m9w5_50 ._dmtInput_1m9w5_53 {
  border: 1px solid RGB(var(--dark-blue));
  color: RGB(var(--dark-blue));
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
}
._inputContainer_1m9w5_50 ._dmtInput_1m9w5_53:hover {
  border-color: RGB(var(--light-blue));
}
._inputContainer_1m9w5_50 ._dmtInput_1m9w5_53:focus {
  box-shadow: 0 0 0 1px RGB(var(--light-blue));
  border-color: RGB(var(--light-blue));
  outline: none;
}
._inputContainer_1m9w5_50 ._dmtInput_1m9w5_53:disabled {
  background-color: RGB(var(--very-light-gray));
  color: #666666;
  border: none;
  cursor: not-allowed;
}
._inputContainer_1m9w5_50 ._dmtInput_1m9w5_53:disabled:hover {
  border-color: RGB(var(--light-gray));
}._subtitle_ilyec_1 {
  color: RGB(var(--medium-gray));
  font-size: 16px;
  margin-bottom: 32px;
  text-align: center;
}

._industryGrid_ilyec_8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

._industryBox_ilyec_15 {
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px 16px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
._industryBox_ilyec_15:hover {
  border-color: #93c5fd;
  background: #f8fafc;
}
._industryBox_ilyec_15._selected_ilyec_32 {
  border-color: #3b82f6;
  background: RGBA(var(--light-blue), 0.1);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

._iconContainer_ilyec_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: RGB(var(--very-light-gray));
  border-radius: 50%;
  margin-bottom: 12px;
}

._icon_ilyec_38 {
  line-height: 1;
}

._industryTitle_ilyec_53 {
  font-size: 16px;
  font-weight: 600;
  color: RGB(var(--dark-gray));
  margin: 0 0 8px 0;
  line-height: 1.3;
}

._industryDescription_ilyec_61 {
  font-size: 14px;
  color: RGB(var(--medium-gray));
  margin: 0;
  line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._industryGrid_ilyec_8 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ._industryBox_ilyec_15 {
    padding: 20px 16px;
    min-height: 120px;
  }
  ._subtitle_ilyec_1 {
    font-size: 14px;
    margin-bottom: 24px;
  }
}._toast_bcdjg_1 {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #ffffff;
  border: 1px solid RGB(var(--borders-gray));
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 300px;
  max-width: 400px;
  animation: _slideIn_bcdjg_1 0.3s ease-out;
}

._toast--success_bcdjg_20 {
  border-left: 4px solid RGB(var(--online));
}

._toast--error_bcdjg_24 {
  border-left: 4px solid RGB(var(--offline));
}

._toast--info_bcdjg_28 {
  border-left: 4px solid RGB(var(--light-blue));
}

._message_bcdjg_32 {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 1.4;
}

._closeButton_bcdjg_40 {
  background: none;
  border: none;
  font-size: 20px;
  font-weight: bold;
  color: RGB(var(--dark-gray));
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._closeButton_bcdjg_40:hover {
  color: #666666;
}

@keyframes _slideIn_bcdjg_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}._checkboxContainer_16f80_1 {
  display: inline-flex;
  align-items: center;
  position: relative;
}

._checkboxInput_16f80_7 {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: block !important;
  width: 20px;
  height: 20px;
  border: 1px solid RGB(var(--dark-blue));
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
  margin: 0;
  position: relative;
  transition: all 0.2s ease;
}
._checkboxInput_16f80_7:hover {
  border-color: RGB(var(--light-blue));
}
._checkboxInput_16f80_7:checked {
  background-color: RGB(var(--light-blue));
  border-color: RGB(var(--light-blue));
}
._checkboxInput_16f80_7:disabled {
  background-color: RGB(var(--medium-gray));
  border: none;
  cursor: not-allowed;
}

._checkboxIcon_16f80_35 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

._label_16f80_43, ._labelLarge_16f80_43 {
  color: RGB(var(--dark-blue));
  font-size: 12px;
  margin-left: 8px;
}

._labelLarge_16f80_43 {
  font-size: 14px;
}

._labelDisabled_16f80_53 {
  color: #666666;
}

._label_16f80_43 a, ._labelLarge_16f80_43 a {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}._codeInputContainer_1xoxw_1 {
  margin: 16px 0;
}

input[type=text]._codeInput_1xoxw_1 {
  width: 50px;
  height: 60px;
  border: 1px solid RGB(var(--medium-gray));
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #ffffff;
  color: #333333;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
input[type=text]._codeInput_1xoxw_1:focus {
  outline: none;
  border-color: RGB(var(--light-blue));
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2), 0 2px 8px rgba(0, 0, 0, 0.15);
  background-color: RGBA(var(--light-blue), 0.1);
}
input[type=text]._codeInput_1xoxw_1:hover {
  border-color: RGB(var(--light-blue));
  background-color: RGBA(var(--light-blue), 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
input[type=text]._codeInput_1xoxw_1._error_1xoxw_29 {
  border-color: RGB(var(--offline));
  background-color: RGBA(var(--offline), 0.1);
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
}
input[type=text]._codeInput_1xoxw_1._error_1xoxw_29:focus {
  border-color: RGB(var(--offline));
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2), 0 2px 8px rgba(220, 53, 69, 0.15);
  background-color: RGBA(var(--offline), 0.1);
}
input[type=text]._codeInput_1xoxw_1._error_1xoxw_29:hover {
  border-color: RGB(var(--offline));
  background-color: RGBA(var(--offline), 0.1);
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.15);
}
input[type=text]._codeInput_1xoxw_1._small_1xoxw_44 {
  width: 40px;
  height: 50px;
  font-size: 18px;
}

._instructionLabel_1xoxw_50 {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
  text-align: center;
}

._errorMessage_1xoxw_58 {
  font-size: 12px;
  color: RGB(var(--offline));
  text-align: center;
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 500;
}

._alternativeText_1xoxw_67 {
  font-size: 12px;
  text-align: center;
  margin: 5px 0;
}

._resendLink_1xoxw_73 {
  font-size: 12px;
  color: RGB(var(--light-blue));
  cursor: pointer;
  text-decoration: underline;
}
._resendLink_1xoxw_73:hover {
  color: #0056b3;
}
._resendLink_1xoxw_73:disabled {
  color: #666666;
  cursor: not-allowed;
  text-decoration: none;
}

._timerText_1xoxw_88 {
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}

._linkVerificationContainer_1xoxw_94 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._spinner_1xoxw_101 {
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 50%;
  animation: _spin_1xoxw_101 1s linear infinite;
}

@keyframes _spin_1xoxw_101 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._fadeIn_1xoxw_117 {
  animation: _fadeInUp_1xoxw_1 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
  transform: translateY(20px);
}

._fadeOut_1xoxw_123 {
  animation: _fadeOutDown_1xoxw_1 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 1;
  transform: translateY(0);
}

@keyframes _fadeInUp_1xoxw_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
    max-height: 0;
  }
  50% {
    opacity: 0.5;
    transform: translateY(10px);
    max-height: 300px;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px;
  }
}
@keyframes _fadeOutDown_1xoxw_1 {
  0% {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px;
  }
  50% {
    opacity: 0.5;
    transform: translateY(10px);
    max-height: 300px;
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
    max-height: 0;
  }
}._selectWrapper_jx9jj_1 {
  position: relative;
  width: 100%;
}

._selector_jx9jj_6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  height: 100%;
  border-radius: inherit;
}
._selector_jx9jj_6._standalone_jx9jj_14 {
  border: 1px solid RGB(var(--dark-blue));
  border-radius: 12px;
  width: 100%;
  justify-content: space-between;
  height: 34px;
  box-sizing: border-box;
}

._selector_jx9jj_6:hover {
  border-color: RGB(var(--light-blue));
}

._selector_jx9jj_6._disabled_jx9jj_27 {
  background-color: RGB(var(--very-light-gray));
  color: #666666;
  border: none;
  cursor: not-allowed;
}
._selector_jx9jj_6._disabled_jx9jj_27:hover {
  border-color: RGB(var(--dark-blue));
}

._dropdownContent_jx9jj_37 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  width: auto;
  background: #ffffff;
  border: 1px solid #888888;
  border-radius: 12px;
  margin-top: 4px;
  max-height: 300px;
  overflow-y: scroll;
}
._dropdownContent_jx9jj_37 ._dropdownInput_jx9jj_51 {
  width: 100%;
  height: 40px;
  margin: 0;
  padding-left: 10px;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid RGBA(var(--dark-blue), 0.4);
  border-radius: 0;
}

._dropdownList_jx9jj_62 {
  list-style: none;
  margin: 0;
  padding: 0;
}
._dropdownList_jx9jj_62 ._dropdownItem_jx9jj_67 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid RGBA(var(--dark-blue), 0.4);
}
._dropdownList_jx9jj_62 ._dropdownItem_jx9jj_67:hover {
  background-color: RGB(var(--light-gray));
}
._dropdownList_jx9jj_62 ._dropdownItem_jx9jj_67._selected_jx9jj_78 {
  background-color: #eef6ff;
  font-weight: bold;
}
._dropdownList_jx9jj_62 ._dropdownItem_jx9jj_67 ._tick_jx9jj_82 {
  margin-left: auto;
}._phoneInputWrapper_it524_1 {
  display: flex;
  align-items: start;
  width: 100%;
}

._countryWrapper_it524_7:hover {
  border-color: RGB(var(--light-blue));
}

._countryWrapper_it524_7 {
  flex: 0 0 fit-content;
  border: 1px solid RGB(var(--dark-blue));
  border-radius: 5px 0 0 5px;
  height: 32px;
}

._countryInfo_it524_18 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}
._countryInfo_it524_18 img {
  min-width: 20px;
}

._name_it524_28, ._code_it524_28 {
  flex: 0;
  flex-basis: fit-content;
  margin-left: 8px;
}

._code_it524_28 {
  color: RGBA(var(--dark-blue), 0.4);
}._passwordValidationSection_170yr_1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: rgba(0, 30, 172, 0.0509803922);
  padding: 16px;
  border-radius: 5px;
  font-size: 12px;
  margin-top: 20px;
}

._passwordValidationRow_170yr_12 {
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 50%;
}

._itemHalfRow_170yr_20 {
  flex-basis: calc(50% - 12px);
  position: relative;
}

._twoColumns_170yr_25 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
  ._twoColumns_170yr_25 {
    flex-direction: column;
  }
}
._criterionIconSize_170yr_36 {
  width: 8px !important;
  height: 8px !important;
}

@media only screen and (max-width: 600px) {
  ._repeatPwdMobileMargin_170yr_42 {
    margin-top: 36px;
  }
  ._passwordValidationRow_170yr_12 {
    width: 100%;
  }
}._animateHeightContent_1bhgd_1 {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: visible;
}

._heightTransitionExitActive_1bhgd_6 {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
}._fieldRow_ntbpj_1 {
  display: flex;
  gap: 20px;
  margin-top: 24px;
}

._fieldHalf_ntbpj_7 {
  flex: 1;
  min-width: 0; /* Allows flex items to shrink below their content width */
}

._fieldFull_ntbpj_12 {
  margin-top: 24px;
}