@charset "UTF-8";
.select--styled-list, .dropdown, .date-picker, .color-picker, .tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .button-bar--action .button, .button-bar--site-header .button,
.button-bar--site-header .button--primary,
.button-bar--site-header .button--secondary,
.button-bar--site-header .button--tertiary, .button-bar--dialog .button,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .indicator, .binary--uploading, .binary--without-file, .badge, .badge--bold {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.list-app .list-app--header-list-container .list-app--header-list > .button-bar, .list-app .list-app--header-list-container .hxvzdlggroups .list-app--header-list > .hxvzdlggroups--foot, .hxvzdlggroups .list-app--header-list-container .list-app--header-list > .button-bar, .hxvzdlggroups .list-app--header-list-container .list-app--header-list > .hxvzdlggroups--foot, .tooltip, .side-bar--overlay .side-bar .side-bar--body, .side-bar--overlay .side-bar .side-bar--body-container, .pop-up-window--overlay .pop-up .pop-up--body, .pop-up--overlay .pop-up .pop-up--body, .pop-up-window--overlay .pop-up .pop-up--body-container, .pop-up--overlay .pop-up .pop-up--body-container, .header-bar, .hxvzdlggroups .hxvzdlggroups--head, .list-app .list-app--header-bar, .hxvzdlggroups .list-app--header-bar, .footer-bar, .hxvzdlggroups .hxvzdlggroups--foot, .list-app .list-app--footer-bar, .hxvzdlggroups .list-app--footer-bar, .container {
  padding-left: 16px;
  padding-right: 16px;
}

.selector .selector--selected button, .list-selector--search-bar, .list--category .list--category-toggle,
.list--sub-category .list--category-toggle, .dropdown--suggest ul > li > .suggest--result-status, .counter .counter--preview .counter--delete, .card-value, .binary--with-file .binary--file-controls, .right {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: flex-end;
}
.selector .selector--selected button > * + *, .list-selector--search-bar > * + *, .list--category .list--category-toggle > * + *,
.list--sub-category .list--category-toggle > * + *, .dropdown--suggest ul > li > .suggest--result-status > * + *, .counter .counter--preview .counter--delete > * + *, .card-value > * + *, .binary--with-file .binary--file-controls > * + *, .right > * + * {
  margin-left: 8px;
}

.tooltip, .side-bar--overlay .side-bar, .select--styled-list, .pop-up-window--overlay .pop-up, .pop-up--overlay .pop-up, .notification--overlay-app .notification, .notification--overlay .notification, .loading--overlay .loading, .dropdown ul, .date-picker, .color-picker, .shadow {
  box-shadow: 0px 3px 10px rgba(56, 59, 95, 0.3);
}

.list .list--category.list--color-beta.list--alt-color,
.list .list--body.list--color-beta.list--alt-color,
.list .list--sub-category.list--color-beta.list--alt-color,
.list .list--sub-body.list--color-beta.list--alt-color, .list .list--category.list--color-alpha.list--alt-color,
.list .list--body.list--color-alpha.list--alt-color,
.list .list--sub-category.list--color-alpha.list--alt-color,
.list .list--sub-body.list--color-alpha.list--alt-color, .list .list--category.list--color-active,
.list .list--body.list--color-active,
.list .list--sub-category.list--color-active,
.list .list--sub-body.list--color-active, .list .list--category.list--color-beta,
.list .list--body.list--color-beta,
.list .list--sub-category.list--color-beta,
.list .list--sub-body.list--color-beta, .list .list--category.list--color-alpha,
.list .list--body.list--color-alpha,
.list .list--sub-category.list--color-alpha,
.list .list--sub-body.list--color-alpha, .list .list--head-category.list--alt-color,
.list .list--head-body.list--alt-color,
.list .list--row-head.list--alt-color, .list .list--sub-category.list--alt-color,
.list .list--sub-body.list--alt-color,
.list .list--row-sub.list--alt-color, .list .list--odd-category.list--alt-color,
.list .list--odd-body.list--alt-color,
.list .list--row-odd.list--alt-color, .list .list--even-category.list--alt-color,
.list .list--even-body.list--alt-color,
.list .list--row-even.list--alt-color, .list .list--head-category,
.list .list--head-body,
.list .list--row-head, .list-selector--data-new > *, .list .list--sub-category,
.list .list--sub-body,
.list .list--row-sub, .list--row-head .indicator,
.list--row-head-alt .indicator,
.list--row-active .indicator, .list--row-clickable > .list--row.list--row-active:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-head:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-sub:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-odd:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-even:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row.list--row-active:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-head:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-sub:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-odd:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-even:not(.list--row-not-clickable), .list .list--active-category,
.list .list--active-body,
.list .list--row-active, .list-app .list-app--data-container .list-app--row-odd, .hxvzdlggroups .list-app--data-container .list-app--row-odd, .list .list--odd-category,
.list .list--odd-body,
.list .list--row-odd, .row--odd, .list-app .list-app--data-container .list-app--row-even, .hxvzdlggroups .list-app--data-container .list-app--row-even, .list .list--even-category,
.list .list--even-body,
.list .list--row-even, .row--even {
  transition: padding 0.2s ease-in-out, min-height 0.2s ease-in-out, max-height 0.2s ease-in-out;
}

.list-app .list-app--data-container .list-app--row-even, .hxvzdlggroups .list-app--data-container .list-app--row-even, .list .list--even-category,
.list .list--even-body,
.list .list--row-even, .row--even {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #1D1F3E;
}

.list-app .list-app--data-container .list-app--row-odd, .hxvzdlggroups .list-app--data-container .list-app--row-odd, .list .list--odd-category,
.list .list--odd-body,
.list .list--row-odd, .row--odd {
  background-color: #F2F4F8;
  border-color: #F2F4F8;
  color: #1D1F3E;
}

.list--row-head .indicator,
.list--row-head-alt .indicator,
.list--row-active .indicator, .list--row-clickable > .list--row.list--row-active:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-head:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-sub:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-odd:not(.list--row-not-clickable), .list--row-clickable > .list--row-active.list--row-even:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row.list--row-active:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-head:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-sub:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-odd:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-active.list--row-even:not(.list--row-not-clickable), .list .list--active-category,
.list .list--active-body,
.list .list--row-active {
  background-color: #4560E2;
  border-color: #4560E2;
  color: #FFFFFF;
}

.list-selector--data-new > *, .list .list--sub-category,
.list .list--sub-body,
.list .list--row-sub {
  background-color: #D5DAE9;
  border-color: #D5DAE9;
  color: #1D1F3E;
}

.list .list--head-category,
.list .list--head-body,
.list .list--row-head {
  background-color: #383B5F;
  border-color: #383B5F;
  color: #FFFFFF;
}

.list .list--even-category.list--alt-color,
.list .list--even-body.list--alt-color,
.list .list--row-even.list--alt-color {
  background-color: #cdced5;
  border-color: #cdced5;
  color: #1D1F3E;
}

.list .list--odd-category.list--alt-color,
.list .list--odd-body.list--alt-color,
.list .list--row-odd.list--alt-color {
  background-color: #f5f6fa;
  border-color: #f5f6fa;
  color: #1D1F3E;
}

.list .list--sub-category.list--alt-color,
.list .list--sub-body.list--alt-color,
.list .list--row-sub.list--alt-color {
  background-color: #dee2ee;
  border-color: #dee2ee;
  color: #1D1F3E;
}

.list .list--head-category.list--alt-color,
.list .list--head-body.list--alt-color,
.list .list--row-head.list--alt-color {
  background-color: #646682;
  border-color: #646682;
  color: #FFFFFF;
}

.list .list--category.list--color-alpha,
.list .list--body.list--color-alpha,
.list .list--sub-category.list--color-alpha,
.list .list--sub-body.list--color-alpha {
  background-color: #d4e5e8;
  border-color: #d4e5e8;
  color: #1D1F3E;
}

.list .list--category.list--color-beta,
.list .list--body.list--color-beta,
.list .list--sub-category.list--color-beta,
.list .list--sub-body.list--color-beta {
  background-color: #dfdaec;
  border-color: #dfdaec;
  color: #1D1F3E;
}

.list .list--category.list--color-active,
.list .list--body.list--color-active,
.list .list--sub-category.list--color-active,
.list .list--sub-body.list--color-active {
  background-color: #4560E2;
  border-color: #4560E2;
  color: #FFFFFF;
}

.list .list--category.list--color-alpha.list--alt-color,
.list .list--body.list--color-alpha.list--alt-color,
.list .list--sub-category.list--color-alpha.list--alt-color,
.list .list--sub-body.list--color-alpha.list--alt-color {
  background-color: #ddebed;
  border-color: #ddebed;
  color: #1D1F3E;
}

.list .list--category.list--color-beta.list--alt-color,
.list .list--body.list--color-beta.list--alt-color,
.list .list--sub-category.list--color-beta.list--alt-color,
.list .list--sub-body.list--color-beta.list--alt-color {
  background-color: #e6e2f0;
  border-color: #e6e2f0;
  color: #1D1F3E;
}

.notification, .list[data-category-id],
[data-hide-on-category-close], .expandable--vertical {
  transition: padding 0.2s ease-in-out, min-height 0.2s ease-in-out, max-height 0.2s ease-in-out;
  opacity: 1;
}
.closed.notification, .closed.list[data-category-id],
.closed[data-hide-on-category-close], .closed.expandable--vertical {
  max-height: 0px !important;
  min-height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  overflow: hidden !important;
  margin: 0px !important;
}

.label-on-input, .expandable--horizontal {
  transition: padding 0.2s ease-in-out, max-width 0.2s ease-in-out;
  opacity: 1;
}
.closed.label-on-input, .closed.expandable--horizontal {
  max-width: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow: hidden !important;
  margin: 0px !important;
}

.tooltip--indicator, .tooltip {
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.fadeable-hidden.tooltip--indicator, .fadeable-hidden.tooltip {
  opacity: 0;
  pointer-events: none;
}

.selector, .select--styled, select, input[type=file], .input-container, .input--color, .input--search .input--search-icon, .input--search, .input--link .input--link-icon, .input--link, .input--clearable, .textarea--with-editor, :not(.textarea--with-editor) > textarea,
:not(.textarea--with-editor) > div.textarea, .input--time, .input--date, input[type=text],
input[type=number],
input[type=color],
input[type=password], .input, .indicator, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search {
  margin-top: 5px;
  margin-bottom: 5px;
}

.selector .selector--selected span, .input--search > input,
.input--search > div.input--search-icon, .input--link > input,
.input--link > .select--styled,
.input--link > div.input--link-icon, .input--clearable > input, .input--time input[type=text], .input--date input[type=text], .input > input[type=text], .input > input[type=number], .input > input[type=color], .input > input[type=password], .counter .counter--preview span,
.counter .counter--locked span, .counter .counter--preview, .tab-bar .tab > span, .tab-bar .tab-scroll--right > span, .tab-bar .tab-scroll--left > span, .tab-bar .tab-list > span, .button-bar--action .button > span, .button-bar--site-header .button > span,
.button-bar--site-header .button--primary > span,
.button-bar--site-header .button--secondary > span,
.button-bar--site-header .button--tertiary > span, .button-bar--dialog .button > span,
.button-bar--dialog .button--primary > span,
.button-bar--dialog .button--md-primary > span,
.button-bar--dialog .button--lg-primary > span,
.button-bar--dialog .button--secondary > span,
.button-bar--dialog .button--md-secondary > span,
.button-bar--dialog .button--lg-secondary > span, .button > span, .selector .selector--select > span, .counter .counter--preview .counter--delete > span, .counter .counter--generator > span, .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span, .indicator > span, .site-header .site-header--search > *:nth-child(1) {
  margin-top: 0px;
  margin-bottom: 0px;
}

.list-selector--data-list .list-text, .list--row > span,
.list--row-head > span,
.list--row-sub > span,
.list--row-odd > span,
.list--row-even > span,
.list--category > span,
.list--sub-category > span,
.list--col > span,
.list--col-resizeable > span,
.list--body > span,
.list--sub-body > span,
.list--col > .right > span,
.list--col-resizeable > .right > span,
.list--row > .right > span,
.list--row-even > .right > span,
.list--row-odd > .right > span,
.list--row-sub > .right > span,
.list--row-head > .right > span, .input-label, input[type=checkbox]:checked + label,
input[type=checkbox]:not(:checked) + label,
input[type=radio]:checked + label,
input[type=radio]:not(:checked) + label {
  margin-top: 6px;
  margin-bottom: 6px;
}

.button-group, .binary--with-file .binary--file-controls, .control-group {
  display: inline-flex;
  align-items: stretch;
  position: relative;
}
.button-group > *, .binary--with-file .binary--file-controls > *, .control-group > * {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.button-group > *:first-child:not(:last-child), .binary--with-file .binary--file-controls > *:first-child:not(:last-child), .control-group > *:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.button-group > *:last-child:not(:first-child), .binary--with-file .binary--file-controls > *:last-child:not(:first-child), .control-group > *:last-child:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.button-group > * + *, .binary--with-file .binary--file-controls > * + *, .control-group > * + * {
  margin-left: -1px !important;
}
.button-group > *:not(.select--styled):not(.disabled):not([disabled]):active, .binary--with-file .binary--file-controls > *:not(.select--styled):not(.disabled):not([disabled]):active, .control-group > *:not(.select--styled):not(.disabled):not([disabled]):active, .button-group > *:not(.select--styled):not(.disabled):not([disabled]).active, .binary--with-file .binary--file-controls > *:not(.select--styled):not(.disabled):not([disabled]).active, .control-group > *:not(.select--styled):not(.disabled):not([disabled]).active {
  z-index: 500;
}
@media (hover: hover) and (pointer: fine) {
  .button-group > *:not(.select--styled):not(.disabled):not([disabled]):hover, .binary--with-file .binary--file-controls > *:not(.select--styled):not(.disabled):not([disabled]):hover, .control-group > *:not(.select--styled):not(.disabled):not([disabled]):hover {
    z-index: 500;
  }
}
.button-group > *:focus-within, .binary--with-file .binary--file-controls > *:focus-within, .control-group > *:focus-within {
  z-index: 500;
}

.sticky--right, .sticky--left, .sticky--bottom, .sticky--top {
  position: sticky !important;
  z-index: 1;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.markdown-preview {
  /* .highlight pre {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px;
  } */
  /* .poetry pre {
    font-family: Georgia, Garamond, serif !important;
    font-style: italic;
    font-size: 110% !important;
    line-height: 1.6em;
    display: block;
    margin-left: 1em;
  } */
  /* .poetry pre code {
    font-family: Georgia, Garamond, serif !important;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap;
  } */
}
.markdown-preview p {
  margin: 1em 0;
}
.markdown-preview a {
  color: #4183c4;
  text-decoration: none;
}
.markdown-preview *:first-child {
  margin-top: 0 !important;
}
.markdown-preview *:last-child {
  margin-bottom: 0 !important;
}
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5,
.markdown-preview h6 {
  font-weight: 700;
  line-height: 1.7;
  cursor: text;
  position: relative;
  margin: 1em 0 15px;
  padding: 0;
}
.markdown-preview h1 {
  font-size: 2.5em;
  border-bottom: 1px solid #ddd;
}
.markdown-preview h2 {
  font-size: 2em;
  border-bottom: 1px solid #eee;
}
.markdown-preview h3 {
  font-size: 1.5em;
}
.markdown-preview h4 {
  font-size: 1.2em;
}
.markdown-preview h5 {
  font-size: 1em;
}
.markdown-preview h6 {
  color: #777;
  font-size: 1em;
}
.markdown-preview p,
.markdown-preview blockquote,
.markdown-preview table,
.markdown-preview pre {
  margin: 15px 0;
}
.markdown-preview ul {
  padding-left: 30px;
}
.markdown-preview ol {
  padding-left: 30px;
}
.markdown-preview ol li ul:first-of-type {
  margin-top: 0px;
}
.markdown-preview hr {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border: 0 none;
  color: #ccc;
  height: 4px;
  margin: 15px 0;
  padding: 0;
}
.markdown-preview h2:first-child {
  margin-top: 0;
  padding-top: 0;
}
.markdown-preview h1:first-child {
  margin-top: 0;
  padding-top: 0;
}
.markdown-preview h1:first-child + h2 {
  margin-top: 0;
  padding-top: 0;
}
.markdown-preview h3:first-child,
.markdown-preview h4:first-child,
.markdown-preview h5:first-child,
.markdown-preview h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
.markdown-preview a:first-child h1,
.markdown-preview a:first-child h2,
.markdown-preview a:first-child h3,
.markdown-preview a:first-child h4,
.markdown-preview a:first-child h5,
.markdown-preview a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}
.markdown-preview h1 + p,
.markdown-preview h2 + p,
.markdown-preview h3 + p,
.markdown-preview h4 + p,
.markdown-preview h5 + p,
.markdown-preview h6 + p,
.markdown-preview ul li > :first-child,
.markdown-preview ol li > :first-child {
  margin-top: 0;
}
.markdown-preview dl {
  padding: 0;
}
.markdown-preview dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}
.markdown-preview dl dt:first-child {
  padding: 0;
}
.markdown-preview dl dt > :first-child {
  margin-top: 0;
}
.markdown-preview dl dt > :last-child {
  margin-bottom: 0;
}
.markdown-preview dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}
.markdown-preview dl dd > :first-child {
  margin-top: 0;
}
.markdown-preview dl dd > :last-child {
  margin-bottom: 0;
}
.markdown-preview blockquote {
  border-left: 4px solid #DDD;
  padding: 0 15px;
  color: #777;
}
.markdown-preview blockquote > :first-child {
  margin-top: 0;
}
.markdown-preview blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-preview table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font: inherit;
}
.markdown-preview table th {
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 6px 13px;
}
.markdown-preview table td {
  border: 1px solid #ccc;
  padding: 6px 13px;
}
.markdown-preview table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}
.markdown-preview table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.markdown-preview img {
  max-width: 100%;
}
.markdown-preview code,
.markdown-preview tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 12px;
  color: #333333;
}
.markdown-preview pre > code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}
.markdown-preview pre {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
  margin: 26px 0;
}
.markdown-preview pre code,
.markdown-preview pre tt {
  background-color: transparent;
  border: none;
}
.markdown-preview sup,
.markdown-preview sub,
.markdown-preview a.footnote {
  font-size: 1.4ex;
  height: 0;
  line-height: 1;
  vertical-align: super;
  position: relative;
}
.markdown-preview sub {
  vertical-align: sub;
  top: -1px;
}
@media print {
  .markdown-preview img,
  .markdown-preview pre,
  .markdown-preview blockquote,
  .markdown-preview table,
  .markdown-preview figure {
    page-break-inside: avoid;
  }
  .markdown-preview pre code {
    overflow: visible;
  }
}
@media screen {
  .markdown-preview {
    /* body.inverted {
      color: #eee !important;
      border-color: #555;
      box-shadow: none;
    }
    .inverted .markdown_wrapper,
    .inverted hr,
    .inverted p,
    .inverted td,
    .inverted li,
    .inverted h1,
    .inverted h2,
    .inverted h3,
    .inverted h4,
    .inverted h5,
    .inverted h6,
    .inverted th,
    .inverted .math,
    .inverted caption,
    .inverted dd,
    .inverted dt,
    .inverted blockquote {
      color: #eee !important;
      border-color: #555;
      box-shadow: none;
    }
    .inverted td,
    .inverted th {
      background: #333;
    }
    .inverted pre,
    .inverted code,
    .inverted tt {
      background: #eeeeee !important;
      color: #111;
    }
    .inverted h2 {
      border-color: #555555;
    }
    .inverted hr {
      border-color: #777;
      border-width: 1px !important;
    } */
    /* .inverted a::selection {
      background-color: rgba(255, 230, 102, 0.6);
    } */
    /* .inverted {
      background: #252a2a;
    }
    .inverted {
      background: #252a2a;
    }
    .inverted a {
      color: #acd1d5;
    } */
  }
  .markdown-preview ::selection {
    background: rgba(157, 193, 200, 0.5);
  }
  .markdown-preview h1::selection {
    background-color: rgba(45, 156, 208, 0.3);
  }
  .markdown-preview h2::selection {
    background-color: rgba(90, 182, 224, 0.3);
  }
  .markdown-preview h3::selection,
  .markdown-preview h4::selection,
  .markdown-preview h5::selection,
  .markdown-preview h6::selection,
  .markdown-preview li::selection,
  .markdown-preview ol::selection {
    background-color: rgba(133, 201, 232, 0.3);
  }
  .markdown-preview code::selection {
    background-color: rgba(0, 0, 0, 0.7);
    color: #eeeeee;
  }
  .markdown-preview code span::selection {
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #eeeeee !important;
  }
  .markdown-preview a::selection {
    background-color: rgba(255, 230, 102, 0.2);
  }
  .markdown-preview td::selection,
  .markdown-preview th::selection,
  .markdown-preview caption::selection {
    background-color: rgba(180, 237, 95, 0.5);
  }
}

/* class to complete fill parent container with tinymce app */
.tinymce--flex > .mce-tinymce {
  border-width: 0px !important;
  height: 100%;
}

.tinymce--flex .mce-stack-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tinymce--flex .mce-edit-area {
  flex: 1;
}

.tinymce--flex > .mce-tinymce .mce-edit-area > iframe {
  min-height: 100%;
}

.mce-tinymce .mce-panel .mce-widget span {
  margin-top: 0px;
  margin-bottom: 0px;
}

/** color overwrites */
.tinymce--styleguide-colors .mce-tinymce .mce-panel, .tinymce--styleguide-colors .mce-tinymce.mce-panel {
  background-color: #FFFFFF;
}
.tinymce--styleguide-colors .mce-menu-item-normal.mce-active,
.tinymce--styleguide-colors .mce-grid-border a:hover, .tinymce--styleguide-colors .mce-grid-border a.mce-active,
.tinymce--styleguide-colors .mce-menu-item:hover, .tinymce--styleguide-colors .mce-menu-item.mce-selected, .tinymce--styleguide-colors .mce-menu-item:focus {
  background-color: #4560E2 !important;
}
.tinymce--styleguide-colors .mce-textbox:focus, .tinymce--styleguide-colors .mce-textbox.mce-focus,
.tinymce--styleguide-colors .mce-grid a:hover, .tinymce--styleguide-colors .mce-grid a:focus,
.tinymce--styleguide-colors .mce-grid-border a:hover, .tinymce--styleguide-colors .mce-grid-border a.mce-active,
.tinymce--styleguide-colors .mce-grid td.mce-grid-cell div:focus {
  border-color: #4560E2 !important;
}
.tinymce--styleguide-colors .mce-btn {
  color: #9295BE !important;
  background-color: #FFFFFF !important;
}
.tinymce--styleguide-colors .mce-btn:hover, .tinymce--styleguide-colors .mce-btn:focus {
  border-color: #D5DAE9 !important;
  color: #4560E2 !important;
}
.tinymce--styleguide-colors .mce-btn.mce-active, .tinymce--styleguide-colors .mce-btn.mce-active:hover {
  border-color: #C1C8DF !important;
}
.tinymce--styleguide-colors .mce-btn:active {
  border-color: #C1C8DF !important;
}
.tinymce--styleguide-colors .mce-primary {
  color: #FFFFFF !important;
  background-color: #4560E2 !important;
}
.tinymce--styleguide-colors .mce-primary:hover, .tinymce--styleguide-colors .mce-primary:focus {
  background-color: #383B5F !important;
}
.tinymce--styleguide-colors .mce-primary.mce-active, .tinymce--styleguide-colors .mce-primary.mce-active:hover, .tinymce--styleguide-colors .mce-primary:not(.mce-disabled):active {
  background-color: #383B5F !important;
}
.tinymce--styleguide-colors .mce-primary button, .tinymce--styleguide-colors .mce-primary button i {
  color: #FFFFFF !important;
}
.tinymce--styleguide-colors i.mce-i-checkbox {
  background-color: #FFFFFF !important;
  border-color: #D5DAE9 !important;
}

*:focus,
*:focus-within,
*:focus-visible {
  outline-width: 0;
  outline-style: none;
}

ul, li, ol {
  margin: 0;
  padding: 0;
}

/* remove standard-styles */
input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  width: 100%;
}

textarea {
  resize: vertical;
  min-height: 2rem;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input[type=checkbox]:checked,
input[type=checkbox]:not(:checked),
input[type=radio]:checked,
input[type=radio]:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  width: 0px;
  margin: 0;
  padding: 0;
}

input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
}

:-webkit-autofill,
:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #FFFFFF inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #1D1F3E;
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #c3c4cf transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: #c3c4cf;
  border-radius: 20px;
}

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

span {
  margin-left: 1px;
  margin-right: 1px;
}

:root {
  --scrollbar-width: 8px;
}

/**
 * Source Sans Pro for text
 */
@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/SourceSansPro-Regular-c545d2e1.eot?#iefix") format("embedded-opentype"), url("./fonts/SourceSansPro-Regular-b11b8e08.woff2") format("woff2"), url("./fonts/SourceSansPro-Regular-333d22f4.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/**
 * Ubuntu for controls
 */
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-Light-d743bcdc.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-Light-ac032f17.woff2") format("woff2"), url("./fonts/Ubuntu-Light-ea9d9a0e.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-LightItalic-ece2ef02.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-LightItalic-2642d4a9.woff2") format("woff2"), url("./fonts/Ubuntu-LightItalic-4274203a.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-Regular-6801b575.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-Regular-acac8450.woff2") format("woff2"), url("./fonts/Ubuntu-Regular-5294d79a.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-Italic-2c941aec.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-Italic-37f1fcc9.woff2") format("woff2"), url("./fonts/Ubuntu-Italic-ef128ee5.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-Medium-f26327f6.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-Medium-acd761f3.woff2") format("woff2"), url("./fonts/Ubuntu-Medium-0d42ba59.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-MediumItalic-37af60b5.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-MediumItalic-3beb220a.woff2") format("woff2"), url("./fonts/Ubuntu-MediumItalic-6ae201cd.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-Bold-cb6e0b4d.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-Bold-dcf0efd0.woff2") format("woff2"), url("./fonts/Ubuntu-Bold-f98f55ca.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu-BoldItalic-1a08fadf.eot?#iefix") format("embedded-opentype"), url("./fonts/Ubuntu-BoldItalic-22aad91d.woff2") format("woff2"), url("./fonts/Ubuntu-BoldItalic-eacd1c0f.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/**
 * UniplexIcon for icons
 */
@font-face {
  font-family: "UniplexIcon";
  src: url("./fonts/UniplexIcon-Regular-71686cde.eot?#iefix") format("embedded-opentype"), url("./fonts/UniplexIcon-Regular-48fcc71e.woff2") format("woff2"), url("./fonts/UniplexIcon-Regular-c0543709.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/**
 * OpenSans as additional custom font in the list view
 */
@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-Regular-1ff59f3c.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Regular-e78dce53.woff2") format("woff2"), url("./fonts/OpenSans-Regular-86f83cc5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-SemiBold-3f523eef.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBold-e9681ca3.woff2") format("woff2"), url("./fonts/OpenSans-SemiBold-b4f76501.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-SemiBoldItalic-c2500f64.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBoldItalic-101a8c04.woff2") format("woff2"), url("./fonts/OpenSans-SemiBoldItalic-065b68f4.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-Bold-96d5337c.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Bold-96f3835a.woff2") format("woff2"), url("./fonts/OpenSans-Bold-dd482b79.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-BoldItalic-01125f42.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-BoldItalic-eab33cd0.woff2") format("woff2"), url("./fonts/OpenSans-BoldItalic-f569a654.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/**
 * Basic typography style for copy text
 */
body,
input,
select,
optgroup,
textarea {
  color: #1D1F3E;
  font: normal 12px/15px "Source Sans Pro", sans-serif;
}

.header-bar .header-bar--text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--text, .list-app .list-app--header-bar .header-bar--text, .hxvzdlggroups .list-app--header-bar .header-bar--text, .tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .button-bar--action .button, .button-bar--site-header .button,
.button-bar--site-header .button--primary,
.button-bar--site-header .button--secondary,
.button-bar--site-header .button--tertiary, .button-bar--dialog .button,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .indicator,
.header-bar .header-bar--pre-text,
.hxvzdlggroups .hxvzdlggroups--head .header-bar--pre-text,
.list-app .list-app--header-bar .header-bar--pre-text,
.hxvzdlggroups .list-app--header-bar .header-bar--pre-text {
  font: bold 14px/19px "Ubuntu", sans-serif;
}

.header-bar .header-bar--text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--text, .list-app .list-app--header-bar .header-bar--text, .hxvzdlggroups .list-app--header-bar .header-bar--text, .tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .button-bar--action .button, .button-bar--site-header .button,
.button-bar--site-header .button--primary,
.button-bar--site-header .button--secondary,
.button-bar--site-header .button--tertiary, .button-bar--dialog .button,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .indicator {
  color: #4560E2;
}

.header-bar .header-bar--pre-text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--pre-text, .list-app .list-app--header-bar .header-bar--pre-text, .hxvzdlggroups .list-app--header-bar .header-bar--pre-text {
  color: #9295BE;
}

.tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .tab-bar {
  font: bold 12px/16px "Ubuntu", sans-serif;
}

.tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .tab-bar {
  color: #9295BE;
}

.button-bar--site-header .button--tertiary, .button-bar--site-header .button--secondary, .button-bar--site-header .button--primary, .button-bar--dialog .button--lg-secondary, .button-bar--dialog .button--lg-primary, .button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary, .button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary, .button-bar--dialog .button, .indicator, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode,
.badge,
.badge--bold,
.date-picker .date-picker--body-month-head,
.date-picker .date-picker--head,
.color-picker,
.dropdown ul > li,
.footer-bar .footer-bar--text-label,
.hxvzdlggroups .hxvzdlggroups--foot .footer-bar--text-label,
.list-app .list-app--footer-bar .footer-bar--text-label,
.hxvzdlggroups .list-app--footer-bar .footer-bar--text-label,
.footer-bar .footer-bar--text-value,
.hxvzdlggroups .hxvzdlggroups--foot .footer-bar--text-value,
.list-app .list-app--footer-bar .footer-bar--text-value,
.hxvzdlggroups .list-app--footer-bar .footer-bar--text-value {
  font: normal 12px/13px "Ubuntu", sans-serif;
}

.footer-bar .footer-bar--text-label, .hxvzdlggroups .hxvzdlggroups--foot .footer-bar--text-label, .list-app .list-app--footer-bar .footer-bar--text-label, .hxvzdlggroups .list-app--footer-bar .footer-bar--text-label {
  color: #9295BE;
}

.footer-bar .footer-bar--text-value, .hxvzdlggroups .hxvzdlggroups--foot .footer-bar--text-value, .list-app .list-app--footer-bar .footer-bar--text-value, .hxvzdlggroups .list-app--footer-bar .footer-bar--text-value {
  font-weight: 500;
}

.button-bar--tool .button, .button-bar--tool .selector .selector--selected button, .selector .selector--selected .button-bar--tool button, .button-bar--tool .selector .selector--select, .selector .button-bar--tool .selector--select, .button-bar--tool .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--tool .counter--delete, .button-bar--tool .counter .counter--generator, .counter .button-bar--tool .counter--generator, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode {
  font: normal 10px/11px "Ubuntu", sans-serif;
}

.button-bar--dialog .button, .button-bar--dialog .selector .selector--selected button, .selector .selector--selected .button-bar--dialog button, .button-bar--dialog .selector .selector--select, .selector .button-bar--dialog .selector--select, .button-bar--dialog .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--dialog .counter--delete, .button-bar--dialog .counter .counter--generator, .counter .button-bar--dialog .counter--generator, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary,
.site-header .site-header--title .site-header--title-main {
  font: bold 14px/19px "Ubuntu", sans-serif;
}

.pop-up-window--overlay .pop-up .pop-up--body, .pop-up--overlay .pop-up .pop-up--body, .pop-up-window--overlay .pop-up .pop-up--body-container, .pop-up--overlay .pop-up .pop-up--body-container,
.side-bar--overlay .side-bar .side-bar--body,
.side-bar--overlay .side-bar .side-bar--body-container,
.notification--overlay-app .notification .notification--body,
.notification--overlay .notification .notification--body {
  font: normal 12px/18px "Ubuntu", sans-serif;
}

.notification--title {
  font: 600 12px/18px "Ubuntu", sans-serif;
}

.select--styled-list .select--styled-list-item-selected {
  font: 600 12px/15px "Source Sans Pro", sans-serif;
}

.select--styled-list .select--styled-list-opt-group {
  font: 600 12px/16px "Source Sans Pro", sans-serif;
}

.dropdown ul > div.dropdown-header,
.list-selector--head-container,
.list--category,
.list--sub-category,
.binary--without-file .binary--upload-text,
.loading--overlay .loading {
  font: 500 12px/16px "Ubuntu", sans-serif;
}

.list--category.list--category-normal,
.list--sub-category.list--category-normal {
  font: normal 12px/15px "Source Sans Pro", sans-serif;
}

.date-picker .date-picker--body,
.binary--uploading .binary--filename,
.binary--uploading .binary--upload-status,
.binary--without-file .binary--upload-status {
  font: normal 12px/15px "Source Sans Pro", sans-serif;
}

.binary--uploading .binary--filename {
  color: #1D1F3E;
}

.binary--uploading .binary--upload-status {
  color: #C1C8DF;
}

.tooltip {
  font: 400 12px/13px "Ubuntu", sans-serif;
}

.tooltip .tooltip-head {
  font: 600 12px/16px "Source Sans Pro", sans-serif;
  color: #9295BE;
}

.counter,
.selector {
  font: 700 12px/15px "Source Sans Pro", sans-serif;
}

.list-tooltip-head {
  font: 600 12px/16px "Source Sans Pro", sans-serif;
  color: #9295BE;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.container + .container {
  padding-left: 0px !important;
}

.content-container {
  width: calc(100% - 1px);
}

.text-control {
  margin-left: 8px;
}

.pad--left {
  padding-left: 16px;
}

.pad--right {
  padding-right: 16px;
}

.margin-element + .margin-element, .filter--row .filter--data-addon-row > * + *, .filter--row .filter--data-row > * + * {
  margin-left: 8px;
}

.margin-element--left {
  margin-left: 8px;
}

.margin-element--right {
  margin-right: 8px;
}

.margin-control--top-bottom {
  margin: 6px 0px;
}

.control {
  display: inline-flex;
  max-width: 180px;
  width: 100%;
}

.control-xs {
  max-width: 60px;
}

.control-sm {
  max-width: 120px;
}

.control-md {
  max-width: 240px;
}

.control-lg {
  max-width: 360px;
}

.control-full {
  max-width: 100%;
}

.hide,
.hidden,
.list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-list-buttons,
.hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-list-buttons {
  display: none !important;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hidden-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden, .color-picker--native-input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.float--right {
  float: right;
}

.float--left {
  float: left;
}

.invisible {
  visibility: hidden;
}

.text--ellipsis, .selector .selector--selected span, .dropdown--suggest ul > li:not(.dropdown--sub) > a, .dropdown a span, .counter .counter--preview span,
.counter .counter--locked span, .card-label, .card-title,
.card-title--centered, .label-on-input, .text--ellipsis-single-line, .list-script-overview--col > span, .list-app .auto-filter-dialog .auto-filter-result-list .smart-list-entry > div:not(.smart-list-child-container), .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-entry > div:not(.smart-list-child-container),
.list-app .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > div:not(.smart-list-child-container),
.hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > div:not(.smart-list-child-container), .selector .selector--select, .progress-bar span, .binary--filename > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.no-wrap, .card-label, .card-title,
.card-title--centered, .label-on-input, .text--ellipsis-single-line, .list-script-overview--col > span, .list-app .auto-filter-dialog .auto-filter-result-list .smart-list-entry > div:not(.smart-list-child-container), .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-entry > div:not(.smart-list-child-container),
.list-app .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > div:not(.smart-list-child-container),
.hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > div:not(.smart-list-child-container), .selector .selector--select, .progress-bar span, .binary--filename > span:first-child {
  white-space: nowrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
  flex: 0 1 auto;
  display: inline-flex;
}

.flex-row--wrapped {
  width: 100%;
  flex-flow: row wrap;
  display: inline-flex;
  overflow: hidden;
  align-content: flex-start;
  align-items: center;
  gap: 8px 16px;
}

.flex-row--wrapped > * {
  display: inline-flex;
  align-content: flex-start;
  align-items: center;
}

.display-flex {
  display: flex;
}

.flex-0 {
  flex: 0;
}

.inline-flex-grow {
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 100%;
}

.text--align-right {
  text-align: right;
}

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

.bold {
  font-weight: bold;
}

.no-spacing {
  margin: 0px !important;
  padding: 0px !important;
}

.marginless-vertical,
.marginless-vertical label,
.marginless-vertical + label {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.counter--start {
  counter-reset: css-counters 0;
}

.counter--increase:after {
  counter-increment: css-counters;
  content: counters(css-counters, ".") ". ";
}

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

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

.footnote {
  color: #9295BE;
  font-size: 0.85em;
  vertical-align: super;
}
.footnote:before {
  content: "[";
}
.footnote:after {
  content: "]";
}

.footnote--label {
  color: #9295BE;
  font-size: 0.85em;
}

.overlay--background {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(56, 59, 95, 0.2);
}
.overlay--background .overlay {
  position: fixed;
  flex: 1 1 200px;
}

.border--surround {
  border: 1px solid #D5DAE9 !important;
}

.border--left {
  border-left: 1px solid #D5DAE9 !important;
}

.border--top, .filter--row.filter--row-active {
  border-top: 1px solid #D5DAE9 !important;
}

.border--right {
  border-right: 1px solid #D5DAE9 !important;
}

.border--bottom {
  border-bottom: 1px solid #D5DAE9 !important;
}

.border--drop-surround {
  border: 2px dashed #9295BE !important;
}

.border--drop-left {
  border-left: 2px dashed #9295BE !important;
}

.border--drop-top {
  border-top: 2px dashed #9295BE !important;
}

.border--drop-right {
  border-right: 2px dashed #9295BE !important;
}

.border--drop-bottom {
  border-bottom: 2px dashed #9295BE !important;
}

.breakpoint-max-width-full {
  max-width: 100%;
}

.breakpoint-max-width-sm {
  max-width: 576px;
}

.breakpoint-max-width-md {
  max-width: 768px;
}

.breakpoint-max-width-lg {
  max-width: 992px;
}

.breakpoint-max-width-xl {
  max-width: 1200px;
}

.max-height-60 {
  max-height: 60px !important;
}

.max-height-100 {
  max-height: 100px !important;
}

.max-height-120 {
  max-height: 120px !important;
}

.max-height-150 {
  max-height: 150px !important;
}

.max-height-200 {
  max-height: 200px !important;
}

.max-height-240 {
  max-height: 240px !important;
}

.max-height-250 {
  max-height: 250px !important;
}

.max-height-300 {
  max-height: 300px !important;
}

.max-height-350 {
  max-height: 350px !important;
}

.max-height-360 {
  max-height: 360px !important;
}

.max-height-400 {
  max-height: 400px !important;
}

.max-height-450 {
  max-height: 450px !important;
}

.max-height-500 {
  max-height: 500px !important;
}

.max-height-550 {
  max-height: 550px !important;
}

.max-height-600 {
  max-height: 600px !important;
}

.max-height-650 {
  max-height: 650px !important;
}

.max-height-700 {
  max-height: 700px !important;
}

.max-height-5p {
  max-height: 5% !important;
}

.max-height-10p {
  max-height: 10% !important;
}

.max-height-15p {
  max-height: 15% !important;
}

.max-height-20p {
  max-height: 20% !important;
}

.max-height-25p {
  max-height: 25% !important;
}

.max-height-30p {
  max-height: 30% !important;
}

.max-height-33p {
  max-height: 33% !important;
}

.max-height-35p {
  max-height: 35% !important;
}

.max-height-40p {
  max-height: 40% !important;
}

.max-height-45p {
  max-height: 45% !important;
}

.max-height-50p {
  max-height: 50% !important;
}

.max-height-55p {
  max-height: 55% !important;
}

.max-height-60p {
  max-height: 60% !important;
}

.max-height-66p {
  max-height: 66% !important;
}

.max-height-70p {
  max-height: 70% !important;
}

.max-height-75p {
  max-height: 75% !important;
}

.max-height-80p {
  max-height: 80% !important;
}

.max-height-85p {
  max-height: 85% !important;
}

.max-height-90p {
  max-height: 90% !important;
}

.max-height-95p {
  max-height: 95% !important;
}

.max-height-100p {
  max-height: 100% !important;
}

.max-width-60 {
  max-width: 60px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-120 {
  max-width: 120px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.max-width-240 {
  max-width: 240px !important;
}

.max-width-250 {
  max-width: 250px !important;
}

.max-width-300 {
  max-width: 300px !important;
}

.max-width-350 {
  max-width: 350px !important;
}

.max-width-360 {
  max-width: 360px !important;
}

.max-width-400 {
  max-width: 400px !important;
}

.max-width-450 {
  max-width: 450px !important;
}

.max-width-500 {
  max-width: 500px !important;
}

.max-width-550 {
  max-width: 550px !important;
}

.max-width-600 {
  max-width: 600px !important;
}

.max-width-650 {
  max-width: 650px !important;
}

.max-width-700 {
  max-width: 700px !important;
}

.max-width-5p {
  max-width: 5% !important;
}

.max-width-10p {
  max-width: 10% !important;
}

.max-width-15p {
  max-width: 15% !important;
}

.max-width-20p {
  max-width: 20% !important;
}

.max-width-25p {
  max-width: 25% !important;
}

.max-width-30p {
  max-width: 30% !important;
}

.max-width-33p {
  max-width: 33% !important;
}

.max-width-35p {
  max-width: 35% !important;
}

.max-width-40p {
  max-width: 40% !important;
}

.max-width-45p {
  max-width: 45% !important;
}

.max-width-50p {
  max-width: 50% !important;
}

.max-width-55p {
  max-width: 55% !important;
}

.max-width-60p {
  max-width: 60% !important;
}

.max-width-66p {
  max-width: 66% !important;
}

.max-width-70p {
  max-width: 70% !important;
}

.max-width-75p {
  max-width: 75% !important;
}

.max-width-80p {
  max-width: 80% !important;
}

.max-width-85p {
  max-width: 85% !important;
}

.max-width-90p {
  max-width: 90% !important;
}

.max-width-95p {
  max-width: 95% !important;
}

.max-width-100p {
  max-width: 100% !important;
}

.min-height-60 {
  min-height: 60px !important;
}

.min-height-100 {
  min-height: 100px !important;
}

.min-height-120 {
  min-height: 120px !important;
}

.min-height-150 {
  min-height: 150px !important;
}

.min-height-200 {
  min-height: 200px !important;
}

.min-height-240 {
  min-height: 240px !important;
}

.min-height-250 {
  min-height: 250px !important;
}

.min-height-300 {
  min-height: 300px !important;
}

.min-height-350 {
  min-height: 350px !important;
}

.min-height-360 {
  min-height: 360px !important;
}

.min-height-400 {
  min-height: 400px !important;
}

.min-height-450 {
  min-height: 450px !important;
}

.min-height-500 {
  min-height: 500px !important;
}

.min-height-550 {
  min-height: 550px !important;
}

.min-height-600 {
  min-height: 600px !important;
}

.min-height-650 {
  min-height: 650px !important;
}

.min-height-700 {
  min-height: 700px !important;
}

.min-height-5p {
  min-height: 5% !important;
}

.min-height-10p {
  min-height: 10% !important;
}

.min-height-15p {
  min-height: 15% !important;
}

.min-height-20p {
  min-height: 20% !important;
}

.min-height-25p {
  min-height: 25% !important;
}

.min-height-30p {
  min-height: 30% !important;
}

.min-height-33p {
  min-height: 33% !important;
}

.min-height-35p {
  min-height: 35% !important;
}

.min-height-40p {
  min-height: 40% !important;
}

.min-height-45p {
  min-height: 45% !important;
}

.min-height-50p {
  min-height: 50% !important;
}

.min-height-55p {
  min-height: 55% !important;
}

.min-height-60p {
  min-height: 60% !important;
}

.min-height-66p {
  min-height: 66% !important;
}

.min-height-70p {
  min-height: 70% !important;
}

.min-height-75p {
  min-height: 75% !important;
}

.min-height-80p {
  min-height: 80% !important;
}

.min-height-85p {
  min-height: 85% !important;
}

.min-height-90p {
  min-height: 90% !important;
}

.min-height-95p {
  min-height: 95% !important;
}

.min-height-100p {
  min-height: 100% !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-150 {
  min-width: 150px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-240 {
  min-width: 240px !important;
}

.min-width-250 {
  min-width: 250px !important;
}

.min-width-300 {
  min-width: 300px !important;
}

.min-width-350 {
  min-width: 350px !important;
}

.min-width-360 {
  min-width: 360px !important;
}

.min-width-400 {
  min-width: 400px !important;
}

.min-width-450 {
  min-width: 450px !important;
}

.min-width-500 {
  min-width: 500px !important;
}

.min-width-550 {
  min-width: 550px !important;
}

.min-width-600 {
  min-width: 600px !important;
}

.min-width-650 {
  min-width: 650px !important;
}

.min-width-700 {
  min-width: 700px !important;
}

.min-width-5p {
  min-width: 5% !important;
}

.min-width-10p {
  min-width: 10% !important;
}

.min-width-15p {
  min-width: 15% !important;
}

.min-width-20p {
  min-width: 20% !important;
}

.min-width-25p {
  min-width: 25% !important;
}

.min-width-30p {
  min-width: 30% !important;
}

.min-width-33p {
  min-width: 33% !important;
}

.min-width-35p {
  min-width: 35% !important;
}

.min-width-40p {
  min-width: 40% !important;
}

.min-width-45p {
  min-width: 45% !important;
}

.min-width-50p {
  min-width: 50% !important;
}

.min-width-55p {
  min-width: 55% !important;
}

.min-width-60p {
  min-width: 60% !important;
}

.min-width-66p {
  min-width: 66% !important;
}

.min-width-70p {
  min-width: 70% !important;
}

.min-width-75p {
  min-width: 75% !important;
}

.min-width-80p {
  min-width: 80% !important;
}

.min-width-85p {
  min-width: 85% !important;
}

.min-width-90p {
  min-width: 90% !important;
}

.min-width-95p {
  min-width: 95% !important;
}

.min-width-100p {
  min-width: 100% !important;
}

.sticky--top {
  top: 0;
}

.sticky--bottom {
  bottom: 0;
}

.sticky--left {
  left: 0;
}

.sticky--right {
  right: 0;
}

._transition-calculation {
  visibility: hidden !important;
  position: absolute !important;
}

.clickable {
  cursor: pointer;
}

.not-clickable {
  cursor: default;
}

.status--unimportant,
.status--data-missing,
.status--record-missing {
  color: #9295BE !important;
}

.status--link-valid {
  color: #3C81F9 !important;
}

.status--linkfield {
  color: #b8d1fd !important;
}

.status--data-invalid,
.status--link-invalid,
.status--data-incomplete,
.status--record-view-system-record {
  color: #F14F59 !important;
}

.status--success {
  color: #47C0BD !important;
}

.status--warning {
  color: #FCC04F !important;
}

.status--danger {
  color: #F14F59 !important;
}

.status--background-success {
  background-color: #47C0BD !important;
}

.status--background-warning {
  background-color: #FCC04F !important;
}

.status--background-danger {
  background-color: #F14F59 !important;
}

.app {
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
}
.app .app--header {
  position: relative;
}
.app .app--body, .app .app--body-dark {
  position: relative;
  flex: 1;
  flex-basis: 100%;
  overflow-y: auto;
}
.app .app--body-dark {
  background-color: #E9EBEF;
}
.app .app--footer {
  position: relative;
}

.flex-container {
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
}
.flex-container .flex-container--header {
  position: relative;
}
.flex-container .flex-container--body, .flex-container .flex-container--body-dark {
  position: relative;
  flex: 1;
  flex-basis: 100%;
  overflow-y: auto;
}
.flex-container .flex-container--body-dark {
  background-color: #E9EBEF;
}
.flex-container .flex-container--footer {
  position: relative;
}

.grid {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  .grid .grid {
    width: 95%;
    max-width: 1170px;
  }
  .grid .column-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .grid .column-sm-offset-0 {
    margin-left: 0;
  }
  .grid .column-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .column-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .column-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid .column-sm-offset-3 {
    margin-left: 25%;
  }
  .grid .column-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .column-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .column-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid .column-sm-offset-6 {
    margin-left: 50%;
  }
  .grid .column-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .column-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .column-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid .column-sm-offset-9 {
    margin-left: 75%;
  }
  .grid .column-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .column-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .column-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid .column-sm-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .grid .grid {
    width: 95%;
    max-width: 1170px;
  }
  .grid .column-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .grid .column-md-offset-0 {
    margin-left: 0;
  }
  .grid .column-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .column-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .column-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid .column-md-offset-3 {
    margin-left: 25%;
  }
  .grid .column-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .column-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .column-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid .column-md-offset-6 {
    margin-left: 50%;
  }
  .grid .column-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .column-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .column-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid .column-md-offset-9 {
    margin-left: 75%;
  }
  .grid .column-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .column-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .column-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid .column-md-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .grid .grid {
    width: 95%;
    max-width: 1170px;
  }
  .grid .column-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .grid .column-lg-offset-0 {
    margin-left: 0;
  }
  .grid .column-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .column-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .column-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid .column-lg-offset-3 {
    margin-left: 25%;
  }
  .grid .column-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .column-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .column-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid .column-lg-offset-6 {
    margin-left: 50%;
  }
  .grid .column-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .column-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .column-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid .column-lg-offset-9 {
    margin-left: 75%;
  }
  .grid .column-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .column-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .column-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid .column-lg-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .grid .grid {
    width: 95%;
    max-width: 1170px;
  }
  .grid .column-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .grid .column-xl-offset-0 {
    margin-left: 0;
  }
  .grid .column-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid .column-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid .column-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid .column-xl-offset-3 {
    margin-left: 25%;
  }
  .grid .column-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid .column-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid .column-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid .column-xl-offset-6 {
    margin-left: 50%;
  }
  .grid .column-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid .column-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid .column-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid .column-xl-offset-9 {
    margin-left: 75%;
  }
  .grid .column-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid .column-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid .column-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid .column-xl-offset-12 {
    margin-left: 100%;
  }
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 1 auto;
}

.row--direction-reverse {
  flex-direction: row-reverse;
}

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

[class^=column-],
[class*=" column-"] {
  flex: 0 1 100%;
  min-width: 0;
  min-height: 1px;
}

.column-padded {
  padding: 16px;
}

img {
  flex: 1;
  max-width: 100%;
  height: auto !important;
}

.site--side-bar {
  width: 70px;
  background-color: #383B5F;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
}
.site--side-bar > span {
  top: 0px;
  padding: 12px 0px;
  position: sticky;
  background-color: inherit;
  z-index: 1;
}

.customHeaderLogo {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

:root {
  --headerLogoBackgroundColor: #F14F59;
  --headerLogoColor: #FFFFFF;
}

.site-header {
  display: flex;
  flex-direction: row;
  height: 60px;
  background-color: #FFFFFF;
  padding-right: 16px;
}
.site-header > * {
  display: flex;
}
.site-header > *:not(:first-child) {
  margin-left: 16px !important;
}
.site-header > .right {
  align-items: center;
}
.site-header .site-header--icon {
  color: var(--headerLogoColor);
  background-color: var(--headerLogoBackgroundColor);
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-self: stretch;
  width: 70px;
  flex-shrink: 0;
  cursor: pointer;
}
.site-header .site-header--icon:hover {
  background-color: lch(from var(--headerLogoBackgroundColor) calc(l - 20) c h);
}
.site-header .site-header--icon:not(.customHeaderLogo):after {
  content: "\ea21";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 34px !important;
}
.site-header .site-header--icon:not(.customHeaderLogo).inverted {
  color: var(--headerLogoBackgroundColor);
  background-color: var(--headerLogoColor);
}
.site-header .site-header--icon:not(.customHeaderLogo).inverted:after {
  content: "\ea21";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 54px !important;
}
.site-header .site-header--icon:not(.customHeaderLogo).inverted:hover {
  color: lch(from var(--headerLogoBackgroundColor) calc(l - 20) c h);
}
.site-header .site-header--icon.transition {
  transition: color 0.5s, background-color 0.5s;
}
.site-header .site-header--icon.transition::after {
  transition: font-size 0.5s;
}
.site-header .site-header--title {
  align-self: center;
  flex-direction: column;
  text-align: left;
}
.site-header .site-header--title > * {
  white-space: nowrap;
}
.site-header .site-header--title .site-header--title-sub {
  color: #9295BE;
}
.site-header .right > *:not(:first-child) {
  margin-left: 16px !important;
}
.site-header .site-header--logout > i {
  color: #F14F59;
}
.site-header .site-header--list-select {
  color: #9295BE;
  max-width: 116px;
  height: 32px;
}
.site-header .site-header--list-select .select--styled-selected {
  padding-left: 27px;
}
.site-header .site-header--list-select .select--styled-selected:before {
  content: "\ea26";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 6px;
  top: 7px;
}
.site-header .site-header--list-select:hover {
  color: #383B5F;
}
.site-header .site-header--search {
  position: relative;
  width: 80%;
  max-width: 750px;
  display: flex;
  align-items: stretch;
  height: 32px;
}
.site-header .site-header--search > .site-header--search-container {
  border: 1px solid #D5DAE9;
  border-radius: 1px;
}
.site-header .site-header--search > .site-header--search-container > * {
  border: 0px;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode {
  align-self: center;
  align-content: center;
  padding: 2px;
  margin-left: 2px;
  width: 22px;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode + .site-header--search-mode {
  margin-left: 1px;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.active):not(:hover):not(:focus) {
  border-color: transparent;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode:hover {
  background-color: #F2F4F8;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.active):focus {
  border-color: transparent;
}
.site-header .site-header--search > .site-header--search-container .site-header--search-mode.active {
  border-color: #9295BE;
  color: #F2F4F8;
}
.site-header .site-header--search > * {
  align-self: stretch;
}
.site-header .site-header--search > *:nth-child(1) {
  width: 40%;
}
.site-header .site-header--search > *:nth-child(1) .select--styled-selected {
  color: #9295BE;
}
.site-header .site-header--search > *:nth-child(1) .select--styled-selected:hover {
  color: #383B5F;
}
.site-header .site-header--search > *:nth-child(2) {
  display: flex;
  position: relative;
  flex: 1;
}
.site-header .site-header--search > *:nth-child(2) > input {
  margin: 0px;
  margin-top: 1px;
  padding-right: 27px;
  max-width: 100%;
}
.site-header .site-header--search .site-header--search-icon {
  position: absolute;
  top: 7px;
  right: 6px;
  color: #9295BE;
  z-index: 2;
  cursor: pointer;
}
.site-header .site-header--search .site-header--search-icon:after {
  content: "\eaa3";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.site-header .site-header--search .site-header--search-icon:hover {
  color: #4560E2;
}
.site-header .select--styled-selected {
  padding-top: 7px !important;
}

.label-on-input {
  transition: color 0.25s ease-out, padding 0.2s ease-in-out, max-width 0.2s ease-in-out;
  font-size: 0.85em;
  line-height: 1em;
  position: absolute;
  top: -0.5em;
  left: 0.5em;
  padding: 0px 3px;
  color: #C1C8DF;
  overflow: hidden;
  z-index: 5;
  max-width: calc(100% - 16px);
}

.label-on-input:before {
  z-index: -1;
  content: " ";
  position: absolute;
  top: 50%;
  left: 0px;
  height: 1px;
  background-color: #FFFFFF;
  width: 100%;
}

*[showLabel]:not(:disabled, .disabled):hover .label-on-input {
  color: #9295BE;
}
*[showLabel]:not(:disabled, .disabled):focus-within .label-on-input {
  color: #9dabf0;
}

.badge, .badge--bold {
  min-width: 18px;
  min-height: 18px;
  display: inline-block;
  font-weight: normal;
  margin: 0px 4px;
  background-color: #C1C8DF;
  color: #1D1F3E;
  text-align: center;
  border-radius: 16px;
}
.badge--success {
  color: #FFFFFF;
  background-color: #47C0BD;
}
.badge--success:not(.disabled):not([disabled]):active, .badge--success:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #47C0BD;
}
@media (hover: hover) and (pointer: fine) {
  .badge--success:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #47C0BD;
  }
}
.badge--warning {
  color: #383B5F;
  background-color: #FCC04F;
}
.badge--warning:not(.disabled):not([disabled]):active, .badge--warning:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #FCC04F;
}
@media (hover: hover) and (pointer: fine) {
  .badge--warning:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #FCC04F;
  }
}
.badge--danger {
  color: #FFFFFF;
  background-color: #F14F59;
}
.badge--danger:not(.disabled):not([disabled]):active, .badge--danger:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #F14F59;
}
@media (hover: hover) and (pointer: fine) {
  .badge--danger:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #F14F59;
  }
}
.badge span, .badge--bold span {
  padding: 0px 4px;
  vertical-align: middle;
}
.badge i, .badge--bold i {
  vertical-align: middle;
}

.badge--bold {
  font-weight: bold;
}

.binary--uploading, .binary--without-file {
  border: 1px dashed #9295BE;
  border-radius: 1px;
  color: #9295BE;
  background-color: #FFFFFF;
  min-height: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 6px 0px;
  padding: 0px 16px;
  transition: min-height 0.2s ease-in-out;
}

.binary--with-file .file, .binary--with-file, .binary--uploading, .binary--without-file {
  width: 100%;
  max-width: 322px;
  cursor: pointer;
}

.binary--without-file.binary--without-file-drop-hover {
  border-color: #4560E2;
  background-color: rgba(146, 149, 190, 0.2);
}
.binary--without-file.binary--without-file-drop-hover > * {
  pointer-events: none;
}
.binary--without-file.binary--without-file-drop-hover .binary--upload-icon,
.binary--without-file.binary--without-file-drop-hover .binary--upload-text {
  color: #4560E2;
}
.binary--without-file:not(.disabled):not([disabled]):active, .binary--without-file:not(.disabled):not([disabled]).active {
  border-color: #4560E2;
}
.binary--without-file:not(.disabled):not([disabled]):active .binary--upload-icon,
.binary--without-file:not(.disabled):not([disabled]):active .binary--upload-text, .binary--without-file:not(.disabled):not([disabled]).active .binary--upload-icon,
.binary--without-file:not(.disabled):not([disabled]).active .binary--upload-text {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .binary--without-file:not(.disabled):not([disabled]):hover {
    border-color: #4560E2;
  }
  .binary--without-file:not(.disabled):not([disabled]):hover .binary--upload-icon,
  .binary--without-file:not(.disabled):not([disabled]):hover .binary--upload-text {
    color: #4560E2;
  }
}
.binary--without-file .binary--upload-icon {
  margin-top: 16px;
  height: 28px;
  display: flex;
  align-items: center;
}
.binary--without-file .binary--upload-icon > i {
  font-size: 27px;
}
.binary--without-file .binary--upload-text {
  margin-top: 6px;
}
.binary--without-file .binary--upload-status {
  margin: 4px 0px;
  color: #F14F59;
}

.binary--uploading {
  align-items: start;
}
.binary--uploading .binary--filename {
  margin-top: 16px;
}
.binary--uploading .binary--upload-status {
  margin-top: 16px;
}
.binary--uploading .binary--progress-bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -7px;
}
.binary--uploading .binary--progress-bar progress {
  margin-top: 4px;
  position: relative;
  flex: 1 1 100%;
  height: 3px;
  border: none;
}
.binary--uploading .binary--progress-bar progress[value]::-webkit-progress-bar {
  background-color: #F2F4F8;
  border-radius: 1px;
}
.binary--uploading .binary--progress-bar progress[value]::-webkit-progress-value {
  background-color: #4560E2;
  border-radius: 1px;
  transition: width 0.25s ease-out;
}
.binary--uploading .binary--progress-bar progress[value]::-moz-progress-bar {
  background-color: #4560E2;
  border-radius: 1px;
  transition: width 0.25s ease-out;
}
.binary--with-file {
  flex-direction: row;
  margin: 6px 0;
  padding: 0 6px;
  min-height: 0px;
}
.binary--with-file .file {
  line-height: 15px;
}
.binary--with-file .binary--file-controls {
  margin-left: 4px;
}

.binary--filename {
  display: flex;
  flex: 0 1 100%;
  max-width: 100%;
  overflow: hidden;
}
.binary--filename > span {
  align-self: center;
}
.binary--filename > span:first-child {
  flex: 0 1 auto;
}

.binary--filename-rename {
  position: relative;
  flex: 0 1 auto;
}
.binary--filename-rename > input[type=text]:first-child {
  padding: 2px 27px 3px 8px;
  margin: 0px;
}

.binary--filename-save {
  position: absolute;
  top: 2px;
  right: 2px;
  color: #9295BE;
  cursor: pointer;
}
.binary--filename-save:after {
  content: "\eaa0";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.binary--filename-save:hover {
  color: #4560E2;
}

.binary--filesize {
  margin-left: 4px;
}

.binary--filesize:before {
  content: "(";
}

.binary--filesize:after {
  content: ")";
}

.binary--filesize:empty {
  display: none;
}

.tab-bar, .selector, .list--row,
.list--row-even,
.list--row-odd,
.list--row-sub,
.list--row-head,
.list--category,
.list--sub-category, .header-bar, .hxvzdlggroups .hxvzdlggroups--head, .list-app .list-app--header-bar, .hxvzdlggroups .list-app--header-bar, .date-picker .date-picker--head .date-picker--nav, .counter, .button-bar, .hxvzdlggroups .hxvzdlggroups--foot, .site-header, .binary--with-file .file {
  display: flex;
  align-items: center;
}

.button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode {
  border-radius: 2px;
  color: #9295BE;
  background-color: #FFFFFF;
  min-width: 8px;
  vertical-align: top;
  border: 1px solid #D5DAE9;
  height: 22px;
}
.button:not(.disabled):not([disabled]):active, .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--select:not(.disabled):not([disabled]):active, .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--generator:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .button:not(.disabled):not([disabled]).active, .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--select:not(.disabled):not([disabled]).active, .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--generator:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active {
  color: #4560E2;
  border-color: #C1C8DF;
}
@media (hover: hover) and (pointer: fine) {
  .button:not(.disabled):not([disabled]):hover, .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--select:not(.disabled):not([disabled]):hover, .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--generator:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover {
    color: #4560E2;
    border-color: #C1C8DF;
  }
}
.button--success {
  color: #47C0BD;
  background-color: #FFFFFF;
}
.button--success:not(.disabled):not([disabled]):active, .button--success:not(.disabled):not([disabled]).active {
  color: #297876;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button--success:not(.disabled):not([disabled]):hover {
    color: #297876;
    background-color: #FFFFFF;
  }
}
.button--warning {
  color: #FCC04F;
  background-color: #FFFFFF;
}
.button--warning:not(.disabled):not([disabled]):active, .button--warning:not(.disabled):not([disabled]).active {
  color: #e19404;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button--warning:not(.disabled):not([disabled]):hover {
    color: #e19404;
    background-color: #FFFFFF;
  }
}
.button--danger {
  color: #F14F59;
  background-color: #FFFFFF;
}
.button--danger:not(.disabled):not([disabled]):active, .button--danger:not(.disabled):not([disabled]).active {
  color: #ca101c;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button--danger:not(.disabled):not([disabled]):hover {
    color: #ca101c;
    background-color: #FFFFFF;
  }
}

.button-group .button--active, .binary--with-file .binary--file-controls .button--active,
.button-group .selector-select--active,
.binary--with-file .binary--file-controls .selector-select--active {
  color: #383B5F;
}

.button--border-less > .button, .selector .selector--selected .button--border-less > button, .selector .button--border-less > .selector--select, .counter .counter--preview .button--border-less > .counter--delete, .counter .button--border-less > .counter--generator, .site-header .site-header--search > .site-header--search-container .button--border-less > .site-header--search-mode,
.button.button--border-less,
.selector .selector--selected button.button--border-less,
.selector .button--border-less.selector--select,
.counter .counter--preview .button--border-less.counter--delete,
.counter .button--border-less.counter--generator,
.site-header .site-header--search > .site-header--search-container .button--border-less.site-header--search-mode {
  border-width: 0px !important;
}
.button--border-less > .button.disabled, .selector .selector--selected .button--border-less > button.disabled, .selector .button--border-less > .disabled.selector--select, .counter .counter--preview .button--border-less > .disabled.counter--delete, .counter .button--border-less > .disabled.counter--generator, .site-header .site-header--search > .site-header--search-container .button--border-less > .disabled.site-header--search-mode,
.button.button--border-less.disabled,
.selector .selector--selected button.button--border-less.disabled,
.selector .button--border-less.disabled.selector--select,
.counter .counter--preview .button--border-less.disabled.counter--delete,
.counter .button--border-less.disabled.counter--generator,
.site-header .site-header--search > .site-header--search-container .button--border-less.disabled.site-header--search-mode {
  background-color: transparent;
}

.indicator {
  color: #9295BE;
  background-color: #FFFFFF;
  min-width: 8px;
  cursor: pointer !important;
  height: 22px;
  border-width: 0px;
  color: #9295BE;
  background-color: transparent;
}
.indicator:not(.disabled):not([disabled]):active, .indicator:not(.disabled):not([disabled]).active {
  color: #4560E2;
  border-color: #C1C8DF;
}
@media (hover: hover) and (pointer: fine) {
  .indicator:not(.disabled):not([disabled]):hover {
    color: #4560E2;
    border-color: #C1C8DF;
  }
}
.indicator.disabled {
  color: #C1C8DF;
  border-color: #E9EBEF;
  background-color: #F9FAFC;
  cursor: default !important;
}
.indicator:not(.disabled):not([disabled]):active, .indicator:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .indicator:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.indicator--success {
  color: #47C0BD;
  background-color: transparent;
}
.indicator--success:not(.disabled):not([disabled]):active, .indicator--success:not(.disabled):not([disabled]).active {
  color: #297876;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .indicator--success:not(.disabled):not([disabled]):hover {
    color: #297876;
    background-color: transparent;
  }
}
.indicator--warning {
  color: #FCC04F;
  background-color: transparent;
}
.indicator--warning:not(.disabled):not([disabled]):active, .indicator--warning:not(.disabled):not([disabled]).active {
  color: #e19404;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .indicator--warning:not(.disabled):not([disabled]):hover {
    color: #e19404;
    background-color: transparent;
  }
}
.indicator--danger {
  color: #F14F59;
  background-color: transparent;
}
.indicator--danger:not(.disabled):not([disabled]):active, .indicator--danger:not(.disabled):not([disabled]).active {
  color: #ca101c;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .indicator--danger:not(.disabled):not([disabled]):hover {
    color: #ca101c;
    background-color: transparent;
  }
}
.indicator--active {
  color: #383B5F;
}
.indicator.indicator--small > i {
  transform: scale(0.75, 0.75);
}

.tab-bar .tab, .tab-bar .tab-scroll--right, .tab-bar .tab-scroll--left, .tab-bar .tab-list, .button-bar--action .button, .button-bar--site-header .button,
.button-bar--site-header .button--primary,
.button-bar--site-header .button--secondary,
.button-bar--site-header .button--tertiary, .button-bar--dialog .button,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary, .button, .selector .selector--selected button, .selector .selector--select, .counter .counter--preview .counter--delete, .counter .counter--generator, .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .indicator {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0px;
}
.tab-bar .tab:not(.not-clickable), .tab-bar .tab-scroll--right:not(.not-clickable), .tab-bar .tab-scroll--left:not(.not-clickable), .tab-bar .tab-list:not(.not-clickable),
.button-bar--site-header .button--primary:not(.not-clickable),
.button-bar--site-header .button--secondary:not(.not-clickable),
.button-bar--site-header .button--tertiary:not(.not-clickable),
.button-bar--dialog .button--primary:not(.not-clickable),
.button-bar--dialog .button--md-primary:not(.not-clickable),
.button-bar--dialog .button--lg-primary:not(.not-clickable),
.button-bar--dialog .button--secondary:not(.not-clickable),
.button-bar--dialog .button--md-secondary:not(.not-clickable),
.button-bar--dialog .button--lg-secondary:not(.not-clickable), .button:not(.not-clickable), .selector .selector--selected button:not(.not-clickable), .selector .selector--select:not(.not-clickable), .counter .counter--preview .counter--delete:not(.not-clickable), .counter .counter--generator:not(.not-clickable), .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.not-clickable), .indicator:not(.not-clickable) {
  cursor: pointer;
}
.tab-bar .disabled.tab, .tab-bar .disabled.tab-scroll--right, .tab-bar .disabled.tab-scroll--left, .tab-bar .disabled.tab-list,
.button-bar--site-header .disabled.button--primary,
.button-bar--site-header .disabled.button--secondary,
.button-bar--site-header .disabled.button--tertiary,
.button-bar--dialog .disabled.button--primary,
.button-bar--dialog .disabled.button--md-primary,
.button-bar--dialog .disabled.button--lg-primary,
.button-bar--dialog .disabled.button--secondary,
.button-bar--dialog .disabled.button--md-secondary,
.button-bar--dialog .disabled.button--lg-secondary, .disabled.button, .selector .selector--selected button.disabled, .selector .disabled.selector--select, .counter .counter--preview .disabled.counter--delete, .counter .disabled.counter--generator, .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode, .disabled.indicator {
  color: #C1C8DF;
  border-color: #E9EBEF;
  background-color: #F9FAFC;
  cursor: default !important;
}
.tab-bar .tab > span:first-child, .tab-bar .tab-scroll--right > span:first-child, .tab-bar .tab-scroll--left > span:first-child, .tab-bar .tab-list > span:first-child,
.button-bar--site-header .button--primary > span:first-child,
.button-bar--site-header .button--secondary > span:first-child,
.button-bar--site-header .button--tertiary > span:first-child,
.button-bar--dialog .button--primary > span:first-child,
.button-bar--dialog .button--md-primary > span:first-child,
.button-bar--dialog .button--lg-primary > span:first-child,
.button-bar--dialog .button--secondary > span:first-child,
.button-bar--dialog .button--md-secondary > span:first-child,
.button-bar--dialog .button--lg-secondary > span:first-child, .button > span:first-child, .selector .selector--selected button > span:first-child, .selector .selector--select > span:first-child, .counter .counter--preview .counter--delete > span:first-child, .counter .counter--generator > span:first-child, .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span:first-child, .indicator > span:first-child {
  margin-left: 8px;
}
.tab-bar .tab > span, .tab-bar .tab-scroll--right > span, .tab-bar .tab-scroll--left > span, .tab-bar .tab-list > span, .button-bar--action .button > span, .button-bar--site-header .button > span,
.button-bar--site-header .button--primary > span,
.button-bar--site-header .button--secondary > span,
.button-bar--site-header .button--tertiary > span, .button-bar--dialog .button > span,
.button-bar--dialog .button--primary > span,
.button-bar--dialog .button--md-primary > span,
.button-bar--dialog .button--lg-primary > span,
.button-bar--dialog .button--secondary > span,
.button-bar--dialog .button--md-secondary > span,
.button-bar--dialog .button--lg-secondary > span, .button > span, .selector .selector--selected button > span, .selector .selector--select > span, .counter .counter--preview .counter--delete > span, .counter .counter--generator > span, .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span, .indicator > span {
  margin-right: 8px;
}
.tab-bar .tab > i + span, .tab-bar .tab-scroll--right > i + span, .tab-bar .tab-scroll--left > i + span, .tab-bar .tab-list > i + span, .button-bar--action .button > i + span, .button-bar--site-header .button > i + span,
.button-bar--site-header .button--primary > i + span,
.button-bar--site-header .button--secondary > i + span,
.button-bar--site-header .button--tertiary > i + span, .button-bar--dialog .button > i + span,
.button-bar--dialog .button--primary > i + span,
.button-bar--dialog .button--md-primary > i + span,
.button-bar--dialog .button--lg-primary > i + span,
.button-bar--dialog .button--secondary > i + span,
.button-bar--dialog .button--md-secondary > i + span,
.button-bar--dialog .button--lg-secondary > i + span, .button > i + span, .selector .selector--selected button > i + span, .selector .selector--select > i + span, .counter .counter--preview .counter--delete > i + span, .counter .counter--generator > i + span, .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i + span, .indicator > i + span,
.tab-bar .tab > span + i,
.tab-bar .tab-scroll--right > span + i,
.tab-bar .tab-scroll--left > span + i,
.tab-bar .tab-list > span + i,
.button-bar--action .button > span + i,
.button-bar--site-header .button > span + i,
.button-bar--site-header .button--primary > span + i,
.button-bar--site-header .button--secondary > span + i,
.button-bar--site-header .button--tertiary > span + i,
.button-bar--dialog .button > span + i,
.button-bar--dialog .button--primary > span + i,
.button-bar--dialog .button--md-primary > span + i,
.button-bar--dialog .button--lg-primary > span + i,
.button-bar--dialog .button--secondary > span + i,
.button-bar--dialog .button--md-secondary > span + i,
.button-bar--dialog .button--lg-secondary > span + i,
.button > span + i,
.selector .selector--selected button > span + i,
.selector .selector--select > span + i,
.counter .counter--preview .counter--delete > span + i,
.counter .counter--generator > span + i,
.site-header .site-header--search > .site-header--search-container .site-header--search-mode > span + i,
.indicator > span + i {
  margin-left: 4px;
}
.tab-bar .tab > i, .tab-bar .tab-scroll--right > i, .tab-bar .tab-scroll--left > i, .tab-bar .tab-list > i, .button-bar--action .button > i, .button-bar--site-header .button > i,
.button-bar--site-header .button--primary > i,
.button-bar--site-header .button--secondary > i,
.button-bar--site-header .button--tertiary > i, .button-bar--dialog .button > i,
.button-bar--dialog .button--primary > i,
.button-bar--dialog .button--md-primary > i,
.button-bar--dialog .button--lg-primary > i,
.button-bar--dialog .button--secondary > i,
.button-bar--dialog .button--md-secondary > i,
.button-bar--dialog .button--lg-secondary > i, .button > i, .selector .selector--selected button > i, .selector .selector--select > i, .counter .counter--preview .counter--delete > i, .counter .counter--generator > i, .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .indicator > i {
  text-align: center;
  font-style: normal;
  margin: 1px;
}
.tab-bar .tab > i:not(:last-child), .tab-bar .tab-scroll--right > i:not(:last-child), .tab-bar .tab-scroll--left > i:not(:last-child), .tab-bar .tab-list > i:not(:last-child),
.button-bar--site-header .button--primary > i:not(:last-child),
.button-bar--site-header .button--secondary > i:not(:last-child),
.button-bar--site-header .button--tertiary > i:not(:last-child),
.button-bar--dialog .button--primary > i:not(:last-child),
.button-bar--dialog .button--md-primary > i:not(:last-child),
.button-bar--dialog .button--lg-primary > i:not(:last-child),
.button-bar--dialog .button--secondary > i:not(:last-child),
.button-bar--dialog .button--md-secondary > i:not(:last-child),
.button-bar--dialog .button--lg-secondary > i:not(:last-child), .button > i:not(:last-child), .selector .selector--selected button > i:not(:last-child), .selector .selector--select > i:not(:last-child), .counter .counter--preview .counter--delete > i:not(:last-child), .counter .counter--generator > i:not(:last-child), .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i:not(:last-child), .indicator > i:not(:last-child) {
  margin-right: 2px;
}

.button-separator {
  height: 24px;
  width: 2px;
  border: 1px solid #D5DAE9;
  margin-top: auto;
  margin-bottom: auto;
}

.button-bar > * + *, .hxvzdlggroups .hxvzdlggroups--foot > * + * {
  margin-left: 8px;
}
.button-bar > .right, .hxvzdlggroups .hxvzdlggroups--foot > .right {
  min-width: 0px;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
}
.button-bar > .right > * + *, .hxvzdlggroups .hxvzdlggroups--foot > .right > * + * {
  margin-left: 8px;
}

.button-bar > .button-bar, .hxvzdlggroups .hxvzdlggroups--foot > .button-bar, .hxvzdlggroups .button-bar > .hxvzdlggroups--foot, .hxvzdlggroups .hxvzdlggroups--foot > .hxvzdlggroups--foot {
  align-self: stretch;
}

.button--background-white .button, .button--background-white .selector .selector--selected button, .selector .selector--selected .button--background-white button, .button--background-white .selector .selector--select, .selector .button--background-white .selector--select, .button--background-white .counter .counter--preview .counter--delete, .counter .counter--preview .button--background-white .counter--delete, .button--background-white .counter .counter--generator, .counter .button--background-white .counter--generator, .button--background-white .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button--background-white .site-header--search-mode {
  background-color: #FFFFFF !important;
}

.button-bar--dialog .button, .button-bar--dialog .selector .selector--selected button, .selector .selector--selected .button-bar--dialog button, .button-bar--dialog .selector .selector--select, .selector .button-bar--dialog .selector--select, .button-bar--dialog .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--dialog .counter--delete, .button-bar--dialog .counter .counter--generator, .counter .button-bar--dialog .counter--generator, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary,
.button-bar--dialog .button--lg-secondary {
  border-radius: 2px;
  color: #4560E2;
  background-color: #FFFFFF;
  border-width: 0px !important;
}
.button-bar--dialog .button.disabled, .button-bar--dialog .selector .selector--selected button.disabled, .selector .selector--selected .button-bar--dialog button.disabled, .button-bar--dialog .selector .disabled.selector--select, .selector .button-bar--dialog .disabled.selector--select, .button-bar--dialog .counter .counter--preview .disabled.counter--delete, .counter .counter--preview .button-bar--dialog .disabled.counter--delete, .button-bar--dialog .counter .disabled.counter--generator, .counter .button-bar--dialog .disabled.counter--generator, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .disabled.site-header--search-mode,
.button-bar--dialog .button--primary.disabled,
.button-bar--dialog .button--md-primary.disabled,
.button-bar--dialog .button--lg-primary.disabled,
.button-bar--dialog .button--secondary.disabled,
.button-bar--dialog .button--md-secondary.disabled,
.button-bar--dialog .button--lg-secondary.disabled {
  color: #C1C8DF;
  border-color: #E9EBEF;
  background-color: #F9FAFC;
  cursor: default !important;
}
.button-bar--dialog .button:not(.disabled):not([disabled]):active, .button-bar--dialog .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--selected .button-bar--dialog button:not(.disabled):not([disabled]):active, .button-bar--dialog .selector .selector--select:not(.disabled):not([disabled]):active, .selector .button-bar--dialog .selector--select:not(.disabled):not([disabled]):active, .button-bar--dialog .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .button-bar--dialog .counter--delete:not(.disabled):not([disabled]):active, .button-bar--dialog .counter .counter--generator:not(.disabled):not([disabled]):active, .counter .button-bar--dialog .counter--generator:not(.disabled):not([disabled]):active, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode:not(.disabled):not([disabled]):active, .button-bar--dialog .button:not(.disabled):not([disabled]).active, .button-bar--dialog .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--selected .button-bar--dialog button:not(.disabled):not([disabled]).active, .button-bar--dialog .selector .selector--select:not(.disabled):not([disabled]).active, .selector .button-bar--dialog .selector--select:not(.disabled):not([disabled]).active, .button-bar--dialog .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .button-bar--dialog .counter--delete:not(.disabled):not([disabled]).active, .button-bar--dialog .counter .counter--generator:not(.disabled):not([disabled]).active, .counter .button-bar--dialog .counter--generator:not(.disabled):not([disabled]).active, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--primary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--primary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--md-primary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--md-primary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--secondary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--secondary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button:not(.disabled):not([disabled]):hover, .button-bar--dialog .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--selected .button-bar--dialog button:not(.disabled):not([disabled]):hover, .button-bar--dialog .selector .selector--select:not(.disabled):not([disabled]):hover, .selector .button-bar--dialog .selector--select:not(.disabled):not([disabled]):hover, .button-bar--dialog .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .button-bar--dialog .counter--delete:not(.disabled):not([disabled]):hover, .button-bar--dialog .counter .counter--generator:not(.disabled):not([disabled]):hover, .counter .button-bar--dialog .counter--generator:not(.disabled):not([disabled]):hover, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--primary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--md-primary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--secondary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #4560E2;
  }
}
.button-bar--dialog .button > i, .button-bar--dialog .selector .selector--selected button > i, .selector .selector--selected .button-bar--dialog button > i, .button-bar--dialog .selector .selector--select > i, .selector .button-bar--dialog .selector--select > i, .button-bar--dialog .counter .counter--preview .counter--delete > i, .counter .counter--preview .button-bar--dialog .counter--delete > i, .button-bar--dialog .counter .counter--generator > i, .counter .button-bar--dialog .counter--generator > i, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > i,
.button-bar--dialog .button--primary > i,
.button-bar--dialog .button--md-primary > i,
.button-bar--dialog .button--lg-primary > i,
.button-bar--dialog .button--secondary > i,
.button-bar--dialog .button--md-secondary > i,
.button-bar--dialog .button--lg-secondary > i {
  margin-left: 8px;
  margin-right: 8px;
}
.button-bar--dialog .button > i:first-child:last-child, .button-bar--dialog .selector .selector--selected button > i:first-child:last-child, .selector .selector--selected .button-bar--dialog button > i:first-child:last-child, .button-bar--dialog .selector .selector--select > i:first-child:last-child, .selector .button-bar--dialog .selector--select > i:first-child:last-child, .button-bar--dialog .counter .counter--preview .counter--delete > i:first-child:last-child, .counter .counter--preview .button-bar--dialog .counter--delete > i:first-child:last-child, .button-bar--dialog .counter .counter--generator > i:first-child:last-child, .counter .button-bar--dialog .counter--generator > i:first-child:last-child, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i:first-child:last-child, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > i:first-child:last-child,
.button-bar--dialog .button--primary > i:first-child:last-child,
.button-bar--dialog .button--md-primary > i:first-child:last-child,
.button-bar--dialog .button--lg-primary > i:first-child:last-child,
.button-bar--dialog .button--secondary > i:first-child:last-child,
.button-bar--dialog .button--md-secondary > i:first-child:last-child,
.button-bar--dialog .button--lg-secondary > i:first-child:last-child {
  margin-left: 6px;
  margin-right: 6px;
}
.button-bar--dialog .button > i:not(:last-child), .button-bar--dialog .selector .selector--selected button > i:not(:last-child), .selector .selector--selected .button-bar--dialog button > i:not(:last-child), .button-bar--dialog .selector .selector--select > i:not(:last-child), .selector .button-bar--dialog .selector--select > i:not(:last-child), .button-bar--dialog .counter .counter--preview .counter--delete > i:not(:last-child), .counter .counter--preview .button-bar--dialog .counter--delete > i:not(:last-child), .button-bar--dialog .counter .counter--generator > i:not(:last-child), .counter .button-bar--dialog .counter--generator > i:not(:last-child), .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i:not(:last-child), .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > i:not(:last-child),
.button-bar--dialog .button--primary > i:not(:last-child),
.button-bar--dialog .button--md-primary > i:not(:last-child),
.button-bar--dialog .button--lg-primary > i:not(:last-child),
.button-bar--dialog .button--secondary > i:not(:last-child),
.button-bar--dialog .button--md-secondary > i:not(:last-child),
.button-bar--dialog .button--lg-secondary > i:not(:last-child) {
  margin-right: 4px;
}
.button-bar--dialog .button > span:first-child:not(:last-child), .button-bar--dialog .selector .selector--selected button > span:first-child:not(:last-child), .selector .selector--selected .button-bar--dialog button > span:first-child:not(:last-child), .button-bar--dialog .selector .selector--select > span:first-child:not(:last-child), .selector .button-bar--dialog .selector--select > span:first-child:not(:last-child), .button-bar--dialog .counter .counter--preview .counter--delete > span:first-child:not(:last-child), .counter .counter--preview .button-bar--dialog .counter--delete > span:first-child:not(:last-child), .button-bar--dialog .counter .counter--generator > span:first-child:not(:last-child), .counter .button-bar--dialog .counter--generator > span:first-child:not(:last-child), .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span:first-child:not(:last-child), .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > span:first-child:not(:last-child),
.button-bar--dialog .button--primary > span:first-child:not(:last-child),
.button-bar--dialog .button--md-primary > span:first-child:not(:last-child),
.button-bar--dialog .button--lg-primary > span:first-child:not(:last-child),
.button-bar--dialog .button--secondary > span:first-child:not(:last-child),
.button-bar--dialog .button--md-secondary > span:first-child:not(:last-child),
.button-bar--dialog .button--lg-secondary > span:first-child:not(:last-child) {
  margin-left: 16px;
}
.button-bar--dialog .button > span:last-child:not(:first-child), .button-bar--dialog .selector .selector--selected button > span:last-child:not(:first-child), .selector .selector--selected .button-bar--dialog button > span:last-child:not(:first-child), .button-bar--dialog .selector .selector--select > span:last-child:not(:first-child), .selector .button-bar--dialog .selector--select > span:last-child:not(:first-child), .button-bar--dialog .counter .counter--preview .counter--delete > span:last-child:not(:first-child), .counter .counter--preview .button-bar--dialog .counter--delete > span:last-child:not(:first-child), .button-bar--dialog .counter .counter--generator > span:last-child:not(:first-child), .counter .button-bar--dialog .counter--generator > span:last-child:not(:first-child), .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span:last-child:not(:first-child), .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > span:last-child:not(:first-child),
.button-bar--dialog .button--primary > span:last-child:not(:first-child),
.button-bar--dialog .button--md-primary > span:last-child:not(:first-child),
.button-bar--dialog .button--lg-primary > span:last-child:not(:first-child),
.button-bar--dialog .button--secondary > span:last-child:not(:first-child),
.button-bar--dialog .button--md-secondary > span:last-child:not(:first-child),
.button-bar--dialog .button--lg-secondary > span:last-child:not(:first-child) {
  margin-right: 16px;
}
.button-bar--dialog .button > span:first-child:last-child, .button-bar--dialog .selector .selector--selected button > span:first-child:last-child, .selector .selector--selected .button-bar--dialog button > span:first-child:last-child, .button-bar--dialog .selector .selector--select > span:first-child:last-child, .selector .button-bar--dialog .selector--select > span:first-child:last-child, .button-bar--dialog .counter .counter--preview .counter--delete > span:first-child:last-child, .counter .counter--preview .button-bar--dialog .counter--delete > span:first-child:last-child, .button-bar--dialog .counter .counter--generator > span:first-child:last-child, .counter .button-bar--dialog .counter--generator > span:first-child:last-child, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span:first-child:last-child, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > span:first-child:last-child,
.button-bar--dialog .button--primary > span:first-child:last-child,
.button-bar--dialog .button--md-primary > span:first-child:last-child,
.button-bar--dialog .button--lg-primary > span:first-child:last-child,
.button-bar--dialog .button--secondary > span:first-child:last-child,
.button-bar--dialog .button--md-secondary > span:first-child:last-child,
.button-bar--dialog .button--lg-secondary > span:first-child:last-child {
  margin-left: 16px;
  margin-right: 16px;
}
.button-bar--dialog .button > span, .button-bar--dialog .selector .selector--selected button > span, .selector .selector--selected .button-bar--dialog button > span, .button-bar--dialog .selector .selector--select > span, .selector .button-bar--dialog .selector--select > span, .button-bar--dialog .counter .counter--preview .counter--delete > span, .counter .counter--preview .button-bar--dialog .counter--delete > span, .button-bar--dialog .counter .counter--generator > span, .counter .button-bar--dialog .counter--generator > span, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode > span,
.button-bar--dialog .button--primary > span,
.button-bar--dialog .button--md-primary > span,
.button-bar--dialog .button--lg-primary > span,
.button-bar--dialog .button--secondary > span,
.button-bar--dialog .button--md-secondary > span,
.button-bar--dialog .button--lg-secondary > span {
  margin-bottom: 0px;
}
.button-bar--dialog .button, .button-bar--dialog .selector .selector--selected button, .selector .selector--selected .button-bar--dialog button, .button-bar--dialog .selector .selector--select, .selector .button-bar--dialog .selector--select, .button-bar--dialog .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--dialog .counter--delete, .button-bar--dialog .counter .counter--generator, .counter .button-bar--dialog .counter--generator, .button-bar--dialog .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--dialog .site-header--search-mode,
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary,
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary {
  height: 30px;
}
.button-bar--dialog .button--lg-primary,
.button-bar--dialog .button--lg-secondary {
  height: 53px;
  padding: 17px 44px;
  margin-left: 0;
}
.button-bar--dialog .button--success {
  color: #FFFFFF;
  background-color: #47C0BD;
}
.button-bar--dialog .button--success:not(.disabled):not([disabled]):active, .button-bar--dialog .button--success:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #297876;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--success:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #297876;
  }
}
.button-bar--dialog .button--warning {
  color: #383B5F;
  background-color: #FCC04F;
}
.button-bar--dialog .button--warning:not(.disabled):not([disabled]):active, .button-bar--dialog .button--warning:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #e19404;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--warning:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #e19404;
  }
}
.button-bar--dialog .button--danger {
  color: #FFFFFF;
  background-color: #F14F59;
}
.button-bar--dialog .button--danger:not(.disabled):not([disabled]):active, .button-bar--dialog .button--danger:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #ca101c;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--danger:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #ca101c;
  }
}
.button-bar--dialog .button--primary,
.button-bar--dialog .button--md-primary {
  color: #FFFFFF;
  background-color: #4560E2;
}
.button-bar--dialog .button--primary:not(.disabled):not([disabled]):active, .button-bar--dialog .button--primary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--md-primary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--md-primary:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #383B5F;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--primary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--md-primary:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #383B5F;
  }
}
.button-bar--dialog .button--secondary,
.button-bar--dialog .button--md-secondary {
  color: #4560E2;
  background-color: #FFFFFF;
}
.button-bar--dialog .button--secondary:not(.disabled):not([disabled]):active, .button-bar--dialog .button--secondary:not(.disabled):not([disabled]).active,
.button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]):active,
.button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--secondary:not(.disabled):not([disabled]):hover,
  .button-bar--dialog .button--md-secondary:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #FFFFFF;
  }
}
.button-bar--dialog .button--lg-primary {
  color: #FFFFFF;
  background-color: #4560E2;
}
.button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]):active, .button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #383B5F;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--lg-primary:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #383B5F;
  }
}
.button-bar--dialog .button--lg-secondary {
  color: #4560E2;
  background-color: #FFFFFF;
}
.button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]):active, .button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--dialog .button--lg-secondary:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #FFFFFF;
  }
}

.button-bar--site-header .button, .button-bar--site-header .selector .selector--selected button, .selector .selector--selected .button-bar--site-header button, .button-bar--site-header .selector .selector--select, .selector .button-bar--site-header .selector--select, .button-bar--site-header .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--site-header .counter--delete, .button-bar--site-header .counter .counter--generator, .counter .button-bar--site-header .counter--generator, .button-bar--site-header .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--site-header .site-header--search-mode,
.button-bar--site-header .button--primary,
.button-bar--site-header .button--secondary,
.button-bar--site-header .button--tertiary {
  border-width: 0px;
  border-radius: 2px;
  height: auto;
}
.button-bar--site-header .button > i, .button-bar--site-header .selector .selector--selected button > i, .selector .selector--selected .button-bar--site-header button > i, .button-bar--site-header .selector .selector--select > i, .selector .button-bar--site-header .selector--select > i, .button-bar--site-header .counter .counter--preview .counter--delete > i, .counter .counter--preview .button-bar--site-header .counter--delete > i, .button-bar--site-header .counter .counter--generator > i, .counter .button-bar--site-header .counter--generator > i, .button-bar--site-header .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .button-bar--site-header .site-header--search-mode > i,
.button-bar--site-header .button--primary > i,
.button-bar--site-header .button--secondary > i,
.button-bar--site-header .button--tertiary > i {
  margin: 6px;
}
.button-bar--site-header .button--success {
  color: #FFFFFF;
  background-color: #47C0BD;
}
.button-bar--site-header .button--success:not(.disabled):not([disabled]):active, .button-bar--site-header .button--success:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #297876;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--success:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #297876;
  }
}
.button-bar--site-header .button--warning {
  color: #383B5F;
  background-color: #FCC04F;
}
.button-bar--site-header .button--warning:not(.disabled):not([disabled]):active, .button-bar--site-header .button--warning:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #e19404;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--warning:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #e19404;
  }
}
.button-bar--site-header .button--danger {
  color: #FFFFFF;
  background-color: #F14F59;
}
.button-bar--site-header .button--danger:not(.disabled):not([disabled]):active, .button-bar--site-header .button--danger:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #ca101c;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--danger:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #ca101c;
  }
}
.button-bar--site-header .button--primary {
  color: #FFFFFF;
  background-color: #4560E2;
}
.button-bar--site-header .button--primary:not(.disabled):not([disabled]):active, .button-bar--site-header .button--primary:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #383B5F;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--primary:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #383B5F;
  }
}
.button-bar--site-header .button--secondary {
  color: #4560E2;
  background-color: #FFFFFF;
}
.button-bar--site-header .button--secondary:not(.disabled):not([disabled]):active, .button-bar--site-header .button--secondary:not(.disabled):not([disabled]).active {
  color: #383B5F;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--secondary:not(.disabled):not([disabled]):hover {
    color: #383B5F;
    background-color: #FFFFFF;
  }
}
.button-bar--site-header .button--tertiary {
  color: #FFFFFF;
  background-color: #383B5F;
}
.button-bar--site-header .button--tertiary:not(.disabled):not([disabled]):active, .button-bar--site-header .button--tertiary:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
  background-color: #1D1F3E;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--site-header .button--tertiary:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
    background-color: #1D1F3E;
  }
}

.button-bar--action:not(.button--background-white) .button, .button-bar--action:not(.button--background-white) .selector .selector--selected button, .selector .selector--selected .button-bar--action:not(.button--background-white) button, .button-bar--action:not(.button--background-white) .selector .selector--select, .selector .button-bar--action:not(.button--background-white) .selector--select, .button-bar--action:not(.button--background-white) .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--action:not(.button--background-white) .counter--delete, .button-bar--action:not(.button--background-white) .counter .counter--generator, .counter .button-bar--action:not(.button--background-white) .counter--generator, .button-bar--action:not(.button--background-white) .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--action:not(.button--background-white) .site-header--search-mode {
  background-color: transparent !important;
}

.button-bar--action {
  line-height: 0px;
  align-self: center;
}
.button-bar--action .button, .button-bar--action .selector .selector--selected button, .selector .selector--selected .button-bar--action button, .button-bar--action .selector .selector--select, .selector .button-bar--action .selector--select, .button-bar--action .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--action .counter--delete, .button-bar--action .counter .counter--generator, .counter .button-bar--action .counter--generator, .button-bar--action .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--action .site-header--search-mode {
  color: #9295BE;
  border-width: 0px;
  height: 18px;
  width: 18px;
}
.button-bar--action .button:not(.disabled):not([disabled]):active, .button-bar--action .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--selected .button-bar--action button:not(.disabled):not([disabled]):active, .button-bar--action .selector .selector--select:not(.disabled):not([disabled]):active, .selector .button-bar--action .selector--select:not(.disabled):not([disabled]):active, .button-bar--action .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .button-bar--action .counter--delete:not(.disabled):not([disabled]):active, .button-bar--action .counter .counter--generator:not(.disabled):not([disabled]):active, .counter .button-bar--action .counter--generator:not(.disabled):not([disabled]):active, .button-bar--action .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .button-bar--action .site-header--search-mode:not(.disabled):not([disabled]):active, .button-bar--action .button:not(.disabled):not([disabled]).active, .button-bar--action .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--selected .button-bar--action button:not(.disabled):not([disabled]).active, .button-bar--action .selector .selector--select:not(.disabled):not([disabled]).active, .selector .button-bar--action .selector--select:not(.disabled):not([disabled]).active, .button-bar--action .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .button-bar--action .counter--delete:not(.disabled):not([disabled]).active, .button-bar--action .counter .counter--generator:not(.disabled):not([disabled]).active, .counter .button-bar--action .counter--generator:not(.disabled):not([disabled]).active, .button-bar--action .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .button-bar--action .site-header--search-mode:not(.disabled):not([disabled]).active {
  color: #4560E2;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--action .button:not(.disabled):not([disabled]):hover, .button-bar--action .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--selected .button-bar--action button:not(.disabled):not([disabled]):hover, .button-bar--action .selector .selector--select:not(.disabled):not([disabled]):hover, .selector .button-bar--action .selector--select:not(.disabled):not([disabled]):hover, .button-bar--action .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .button-bar--action .counter--delete:not(.disabled):not([disabled]):hover, .button-bar--action .counter .counter--generator:not(.disabled):not([disabled]):hover, .counter .button-bar--action .counter--generator:not(.disabled):not([disabled]):hover, .button-bar--action .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .button-bar--action .site-header--search-mode:not(.disabled):not([disabled]):hover {
    color: #4560E2;
    background-color: transparent;
  }
}
.button-bar--action .button--success {
  color: #47C0BD;
  background-color: #FFFFFF;
}
.button-bar--action .button--success:not(.disabled):not([disabled]):active, .button-bar--action .button--success:not(.disabled):not([disabled]).active {
  color: #297876;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--action .button--success:not(.disabled):not([disabled]):hover {
    color: #297876;
    background-color: #FFFFFF;
  }
}
.button-bar--action .button--warning {
  color: #FCC04F;
  background-color: #FFFFFF;
}
.button-bar--action .button--warning:not(.disabled):not([disabled]):active, .button-bar--action .button--warning:not(.disabled):not([disabled]).active {
  color: #e19404;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--action .button--warning:not(.disabled):not([disabled]):hover {
    color: #e19404;
    background-color: #FFFFFF;
  }
}
.button-bar--action .button--danger {
  color: #F14F59;
  background-color: #FFFFFF;
}
.button-bar--action .button--danger:not(.disabled):not([disabled]):active, .button-bar--action .button--danger:not(.disabled):not([disabled]).active {
  color: #ca101c;
  background-color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--action .button--danger:not(.disabled):not([disabled]):hover {
    color: #ca101c;
    background-color: #FFFFFF;
  }
}
.button-bar--action > * + *.button, .selector .selector--selected .button-bar--action > * + button, .selector .button-bar--action > * + .selector--select, .counter .counter--preview .button-bar--action > * + .counter--delete, .counter .button-bar--action > * + .counter--generator, .site-header .site-header--search > .site-header--search-container .button-bar--action > * + .site-header--search-mode {
  margin-left: 2px;
}
.button-bar--action .right > * + *.button, .button-bar--action .selector .selector--selected .right > * + button, .selector .selector--selected .button-bar--action .right > * + button, .button-bar--action .selector .right > * + .selector--select, .selector .button-bar--action .right > * + .selector--select, .button-bar--action .counter .counter--preview .right > * + .counter--delete, .counter .counter--preview .button-bar--action .right > * + .counter--delete, .button-bar--action .counter .right > * + .counter--generator, .counter .button-bar--action .right > * + .counter--generator, .button-bar--action .site-header .site-header--search > .site-header--search-container .right > * + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--action .right > * + .site-header--search-mode {
  margin-left: 2px;
}

.button-bar--tool {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: stretch;
}
.button-bar--tool .button, .button-bar--tool .selector .selector--selected button, .selector .selector--selected .button-bar--tool button, .button-bar--tool .selector .selector--select, .selector .button-bar--tool .selector--select, .button-bar--tool .counter .counter--preview .counter--delete, .counter .counter--preview .button-bar--tool .counter--delete, .button-bar--tool .counter .counter--generator, .counter .button-bar--tool .counter--generator, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-color: transparent;
  height: 90px;
  width: 96px;
  margin: 4px;
  border-radius: 1px;
}
.button-bar--tool .button:not(.disabled):not([disabled]):active, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):active, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):active, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active, .button-bar--tool .button:not(.disabled):not([disabled]).active, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]).active, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]).active, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active {
  border-color: transparent;
  color: #FFFFFF;
  background-color: #F2F4F8;
}
.button-bar--tool .button:not(.disabled):not([disabled]):active img, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active img, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):active img, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active img, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):active img, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active img, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active img, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active img, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active img, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active img, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active img,
.button-bar--tool .button:not(.disabled):not([disabled]):active i,
.button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active i,
.selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):active i,
.button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active i,
.selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):active i,
.button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active i,
.counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active i,
.button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active i,
.counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active i,
.button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active i,
.site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active i, .button-bar--tool .button:not(.disabled):not([disabled]).active img, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active img, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]).active img, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active img, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]).active img, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active img, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active img, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active img, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active img, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active img, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active img,
.button-bar--tool .button:not(.disabled):not([disabled]).active i,
.button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active i,
.selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]).active i,
.button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active i,
.selector .button-bar--tool .selector--select:not(.disabled):not([disabled]).active i,
.button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active i,
.counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active i,
.button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active i,
.counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active i,
.button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active i,
.site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active i {
  color: #FFFFFF;
  background-color: #4560E2;
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .button-bar--tool .button:not(.disabled):not([disabled]):hover, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):hover, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover {
    border-color: transparent;
    color: #FFFFFF;
    background-color: #F2F4F8;
  }
  .button-bar--tool .button:not(.disabled):not([disabled]):hover img, .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover img, .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):hover img, .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover img, .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover img, .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover img, .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover img, .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover img, .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover img, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover img, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover img,
  .button-bar--tool .button:not(.disabled):not([disabled]):hover i,
  .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover i,
  .selector .selector--selected .button-bar--tool button:not(.disabled):not([disabled]):hover i,
  .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover i,
  .selector .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover i,
  .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover i,
  .counter .counter--preview .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover i,
  .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover i,
  .counter .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover i,
  .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover i,
  .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover i {
    color: #FFFFFF;
    background-color: #4560E2;
    opacity: 1;
  }
}
.button-bar--tool .button > i, .button-bar--tool .selector .selector--selected button > i, .selector .selector--selected .button-bar--tool button > i, .button-bar--tool .selector .selector--select > i, .selector .button-bar--tool .selector--select > i, .button-bar--tool .counter .counter--preview .counter--delete > i, .counter .counter--preview .button-bar--tool .counter--delete > i, .button-bar--tool .counter .counter--generator > i, .counter .button-bar--tool .counter--generator > i, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > i,
.button-bar--tool .button > img,
.button-bar--tool .selector .selector--selected button > img,
.selector .selector--selected .button-bar--tool button > img,
.button-bar--tool .selector .selector--select > img,
.selector .button-bar--tool .selector--select > img,
.button-bar--tool .counter .counter--preview .counter--delete > img,
.counter .counter--preview .button-bar--tool .counter--delete > img,
.button-bar--tool .counter .counter--generator > img,
.counter .button-bar--tool .counter--generator > img,
.button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > img,
.site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 48px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-bottom: 8px;
  opacity: 0.8;
  font-size: 32px;
  transition: opacity 0.2s ease-in-out;
  border-radius: 2px;
}
.button-bar--tool .button > i, .button-bar--tool .selector .selector--selected button > i, .selector .selector--selected .button-bar--tool button > i, .button-bar--tool .selector .selector--select > i, .selector .button-bar--tool .selector--select > i, .button-bar--tool .counter .counter--preview .counter--delete > i, .counter .counter--preview .button-bar--tool .counter--delete > i, .button-bar--tool .counter .counter--generator > i, .counter .button-bar--tool .counter--generator > i, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > i,
.button-bar--tool .button > img,
.button-bar--tool .selector .selector--selected button > img,
.selector .selector--selected .button-bar--tool button > img,
.button-bar--tool .selector .selector--select > img,
.selector .button-bar--tool .selector--select > img,
.button-bar--tool .counter .counter--preview .counter--delete > img,
.counter .counter--preview .button-bar--tool .counter--delete > img,
.button-bar--tool .counter .counter--generator > img,
.counter .button-bar--tool .counter--generator > img,
.button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > img,
.site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > img {
  color: #FFFFFF;
  background-color: #383B5F;
}
.button-bar--tool .button > i:not(:last-child), .button-bar--tool .selector .selector--selected button > i:not(:last-child), .selector .selector--selected .button-bar--tool button > i:not(:last-child), .button-bar--tool .selector .selector--select > i:not(:last-child), .selector .button-bar--tool .selector--select > i:not(:last-child), .button-bar--tool .counter .counter--preview .counter--delete > i:not(:last-child), .counter .counter--preview .button-bar--tool .counter--delete > i:not(:last-child), .button-bar--tool .counter .counter--generator > i:not(:last-child), .counter .button-bar--tool .counter--generator > i:not(:last-child), .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i:not(:last-child), .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > i:not(:last-child),
.button-bar--tool .button > img:not(:last-child),
.button-bar--tool .selector .selector--selected button > img:not(:last-child),
.selector .selector--selected .button-bar--tool button > img:not(:last-child),
.button-bar--tool .selector .selector--select > img:not(:last-child),
.selector .button-bar--tool .selector--select > img:not(:last-child),
.button-bar--tool .counter .counter--preview .counter--delete > img:not(:last-child),
.counter .counter--preview .button-bar--tool .counter--delete > img:not(:last-child),
.button-bar--tool .counter .counter--generator > img:not(:last-child),
.counter .button-bar--tool .counter--generator > img:not(:last-child),
.button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > img:not(:last-child),
.site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > img:not(:last-child) {
  margin-right: 0px;
}
.button-bar--tool .button > span, .button-bar--tool .selector .selector--selected button > span, .selector .selector--selected .button-bar--tool button > span, .button-bar--tool .selector .selector--select > span, .selector .button-bar--tool .selector--select > span, .button-bar--tool .counter .counter--preview .counter--delete > span, .counter .counter--preview .button-bar--tool .counter--delete > span, .button-bar--tool .counter .counter--generator > span, .counter .button-bar--tool .counter--generator > span, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > span {
  color: #1D1F3E;
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-bar--tool .button > span:last-child, .button-bar--tool .selector .selector--selected button > span:last-child, .selector .selector--selected .button-bar--tool button > span:last-child, .button-bar--tool .selector .selector--select > span:last-child, .selector .button-bar--tool .selector--select > span:last-child, .button-bar--tool .counter .counter--preview .counter--delete > span:last-child, .counter .counter--preview .button-bar--tool .counter--delete > span:last-child, .button-bar--tool .counter .counter--generator > span:last-child, .counter .button-bar--tool .counter--generator > span:last-child, .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span:last-child, .site-header .site-header--search > .site-header--search-container .button-bar--tool .site-header--search-mode > span:last-child {
  margin-right: 0px;
}
.button-bar--tool .button.disabled, .button-bar--tool .selector .selector--selected button.disabled, .selector .selector--selected .button-bar--tool button.disabled, .button-bar--tool .selector .disabled.selector--select, .selector .button-bar--tool .disabled.selector--select, .button-bar--tool .counter .counter--preview .disabled.counter--delete, .counter .counter--preview .button-bar--tool .disabled.counter--delete, .button-bar--tool .counter .disabled.counter--generator, .counter .button-bar--tool .disabled.counter--generator, .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode, .site-header .site-header--search > .site-header--search-container .button-bar--tool .disabled.site-header--search-mode {
  background-color: #F9FAFC;
}
.button-bar--tool .button.disabled > i, .button-bar--tool .selector .selector--selected button.disabled > i, .selector .selector--selected .button-bar--tool button.disabled > i, .button-bar--tool .selector .disabled.selector--select > i, .selector .button-bar--tool .disabled.selector--select > i, .button-bar--tool .counter .counter--preview .disabled.counter--delete > i, .counter .counter--preview .button-bar--tool .disabled.counter--delete > i, .button-bar--tool .counter .disabled.counter--generator > i, .counter .button-bar--tool .disabled.counter--generator > i, .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .button-bar--tool .disabled.site-header--search-mode > i {
  background-color: #C1C8DF;
}
.button-bar--tool .button.disabled > img, .button-bar--tool .selector .selector--selected button.disabled > img, .selector .selector--selected .button-bar--tool button.disabled > img, .button-bar--tool .selector .disabled.selector--select > img, .selector .button-bar--tool .disabled.selector--select > img, .button-bar--tool .counter .counter--preview .disabled.counter--delete > img, .counter .counter--preview .button-bar--tool .disabled.counter--delete > img, .button-bar--tool .counter .disabled.counter--generator > img, .counter .button-bar--tool .disabled.counter--generator > img, .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > img, .site-header .site-header--search > .site-header--search-container .button-bar--tool .disabled.site-header--search-mode > img {
  opacity: 0.45;
}
.button-bar--tool .button.disabled > span, .button-bar--tool .selector .selector--selected button.disabled > span, .selector .selector--selected .button-bar--tool button.disabled > span, .button-bar--tool .selector .disabled.selector--select > span, .selector .button-bar--tool .disabled.selector--select > span, .button-bar--tool .counter .counter--preview .disabled.counter--delete > span, .counter .counter--preview .button-bar--tool .disabled.counter--delete > span, .button-bar--tool .counter .disabled.counter--generator > span, .counter .button-bar--tool .disabled.counter--generator > span, .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > span, .site-header .site-header--search > .site-header--search-container .button-bar--tool .disabled.site-header--search-mode > span {
  color: #C1C8DF;
}

.site--side-bar .button-bar--tool {
  margin: -4px 0px;
  flex-direction: column;
  flex-wrap: nowrap;
}
.site--side-bar .button-bar--tool .button, .site--side-bar .button-bar--tool .selector .selector--selected button, .selector .selector--selected .site--side-bar .button-bar--tool button, .site--side-bar .button-bar--tool .selector .selector--select, .selector .site--side-bar .button-bar--tool .selector--select, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete, .site--side-bar .button-bar--tool .counter .counter--generator, .counter .site--side-bar .button-bar--tool .counter--generator, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode {
  margin: 12px 8px;
  width: 54px;
  height: auto;
  background-color: transparent;
}
.site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active {
  border-color: transparent;
  color: #FFFFFF;
  background-color: transparent;
}
.site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):active img, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active img, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):active img, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active img, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):active img, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active img, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active img, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active img, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active img, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active img, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active img,
.site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):active i,
.site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):active i,
.selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):active i,
.site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):active i,
.selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):active i,
.site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active i,
.counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):active i,
.site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):active i,
.counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):active i,
.site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active i,
.site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):active i, .site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]).active img, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active img, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]).active img, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active img, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]).active img, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active img, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active img, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active img, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active img, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active img, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active img,
.site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]).active i,
.site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]).active i,
.selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]).active i,
.site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]).active i,
.selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]).active i,
.site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active i,
.counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]).active i,
.site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]).active i,
.counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]).active i,
.site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active i,
.site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]).active i {
  color: #FFFFFF;
  background-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover {
    border-color: transparent;
    color: #FFFFFF;
    background-color: transparent;
  }
  .site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):hover img, .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover img, .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):hover img, .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover img, .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover img, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover img, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover img, .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover img, .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover img, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover img, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover img,
  .site--side-bar .button-bar--tool .button:not(.disabled):not([disabled]):hover i,
  .site--side-bar .button-bar--tool .selector .selector--selected button:not(.disabled):not([disabled]):hover i,
  .selector .selector--selected .site--side-bar .button-bar--tool button:not(.disabled):not([disabled]):hover i,
  .site--side-bar .button-bar--tool .selector .selector--select:not(.disabled):not([disabled]):hover i,
  .selector .site--side-bar .button-bar--tool .selector--select:not(.disabled):not([disabled]):hover i,
  .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover i,
  .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete:not(.disabled):not([disabled]):hover i,
  .site--side-bar .button-bar--tool .counter .counter--generator:not(.disabled):not([disabled]):hover i,
  .counter .site--side-bar .button-bar--tool .counter--generator:not(.disabled):not([disabled]):hover i,
  .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover i,
  .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode:not(.disabled):not([disabled]):hover i {
    color: #FFFFFF;
    background-color: #4560E2;
  }
}
.site--side-bar .button-bar--tool .button > i, .site--side-bar .button-bar--tool .selector .selector--selected button > i, .selector .selector--selected .site--side-bar .button-bar--tool button > i, .site--side-bar .button-bar--tool .selector .selector--select > i, .selector .site--side-bar .button-bar--tool .selector--select > i, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete > i, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete > i, .site--side-bar .button-bar--tool .counter .counter--generator > i, .counter .site--side-bar .button-bar--tool .counter--generator > i, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode > i,
.site--side-bar .button-bar--tool .button > img,
.site--side-bar .button-bar--tool .selector .selector--selected button > img,
.selector .selector--selected .site--side-bar .button-bar--tool button > img,
.site--side-bar .button-bar--tool .selector .selector--select > img,
.selector .site--side-bar .button-bar--tool .selector--select > img,
.site--side-bar .button-bar--tool .counter .counter--preview .counter--delete > img,
.counter .counter--preview .site--side-bar .button-bar--tool .counter--delete > img,
.site--side-bar .button-bar--tool .counter .counter--generator > img,
.counter .site--side-bar .button-bar--tool .counter--generator > img,
.site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > img,
.site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode > img {
  margin-top: 0px;
  margin-left: 0px;
  font-size: 32px;
  background-color: #9295BE;
}
.site--side-bar .button-bar--tool .button > i:not(:last-child), .site--side-bar .button-bar--tool .selector .selector--selected button > i:not(:last-child), .selector .selector--selected .site--side-bar .button-bar--tool button > i:not(:last-child), .site--side-bar .button-bar--tool .selector .selector--select > i:not(:last-child), .selector .site--side-bar .button-bar--tool .selector--select > i:not(:last-child), .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete > i:not(:last-child), .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete > i:not(:last-child), .site--side-bar .button-bar--tool .counter .counter--generator > i:not(:last-child), .counter .site--side-bar .button-bar--tool .counter--generator > i:not(:last-child), .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > i:not(:last-child), .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode > i:not(:last-child),
.site--side-bar .button-bar--tool .button > img:not(:last-child),
.site--side-bar .button-bar--tool .selector .selector--selected button > img:not(:last-child),
.selector .selector--selected .site--side-bar .button-bar--tool button > img:not(:last-child),
.site--side-bar .button-bar--tool .selector .selector--select > img:not(:last-child),
.selector .site--side-bar .button-bar--tool .selector--select > img:not(:last-child),
.site--side-bar .button-bar--tool .counter .counter--preview .counter--delete > img:not(:last-child),
.counter .counter--preview .site--side-bar .button-bar--tool .counter--delete > img:not(:last-child),
.site--side-bar .button-bar--tool .counter .counter--generator > img:not(:last-child),
.counter .site--side-bar .button-bar--tool .counter--generator > img:not(:last-child),
.site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > img:not(:last-child),
.site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode > img:not(:last-child) {
  margin-right: 0px;
}
.site--side-bar .button-bar--tool .button > span, .site--side-bar .button-bar--tool .selector .selector--selected button > span, .selector .selector--selected .site--side-bar .button-bar--tool button > span, .site--side-bar .button-bar--tool .selector .selector--select > span, .selector .site--side-bar .button-bar--tool .selector--select > span, .site--side-bar .button-bar--tool .counter .counter--preview .counter--delete > span, .counter .counter--preview .site--side-bar .button-bar--tool .counter--delete > span, .site--side-bar .button-bar--tool .counter .counter--generator > span, .counter .site--side-bar .button-bar--tool .counter--generator > span, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .site-header--search-mode > span, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .site-header--search-mode > span {
  color: #FFFFFF;
  width: 100%;
}
.site--side-bar .button-bar--tool .button.disabled, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled, .site--side-bar .button-bar--tool .selector .disabled.selector--select, .selector .site--side-bar .button-bar--tool .disabled.selector--select, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete, .site--side-bar .button-bar--tool .counter .disabled.counter--generator, .counter .site--side-bar .button-bar--tool .disabled.counter--generator, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode {
  border-color: transparent;
}
.site--side-bar .button-bar--tool .button.disabled:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled:not(.disabled):not([disabled]):active, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .selector .disabled.selector--select:not(.disabled):not([disabled]):active, .selector .site--side-bar .button-bar--tool .disabled.selector--select:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .counter .disabled.counter--generator:not(.disabled):not([disabled]):active, .counter .site--side-bar .button-bar--tool .disabled.counter--generator:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode:not(.disabled):not([disabled]):active, .site--side-bar .button-bar--tool .button.disabled:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled:not(.disabled):not([disabled]).active, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .selector .disabled.selector--select:not(.disabled):not([disabled]).active, .selector .site--side-bar .button-bar--tool .disabled.selector--select:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .counter .disabled.counter--generator:not(.disabled):not([disabled]).active, .counter .site--side-bar .button-bar--tool .disabled.counter--generator:not(.disabled):not([disabled]).active, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode:not(.disabled):not([disabled]).active {
  border-color: transparent;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .site--side-bar .button-bar--tool .button.disabled:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled:not(.disabled):not([disabled]):hover, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .selector .disabled.selector--select:not(.disabled):not([disabled]):hover, .selector .site--side-bar .button-bar--tool .disabled.selector--select:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .counter .disabled.counter--generator:not(.disabled):not([disabled]):hover, .counter .site--side-bar .button-bar--tool .disabled.counter--generator:not(.disabled):not([disabled]):hover, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode:not(.disabled):not([disabled]):hover {
    border-color: transparent;
    background-color: transparent;
  }
}
.site--side-bar .button-bar--tool .button.disabled > i, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled > i, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled > i, .site--side-bar .button-bar--tool .selector .disabled.selector--select > i, .selector .site--side-bar .button-bar--tool .disabled.selector--select > i, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete > i, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete > i, .site--side-bar .button-bar--tool .counter .disabled.counter--generator > i, .counter .site--side-bar .button-bar--tool .disabled.counter--generator > i, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > i, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode > i {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(146, 149, 190, 0.25);
}
.site--side-bar .button-bar--tool .button.disabled > img, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled > img, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled > img, .site--side-bar .button-bar--tool .selector .disabled.selector--select > img, .selector .site--side-bar .button-bar--tool .disabled.selector--select > img, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete > img, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete > img, .site--side-bar .button-bar--tool .counter .disabled.counter--generator > img, .counter .site--side-bar .button-bar--tool .disabled.counter--generator > img, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > img, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode > img {
  opacity: 0.45;
  background-color: rgba(146, 149, 190, 0.25);
}
.site--side-bar .button-bar--tool .button.disabled > span, .site--side-bar .button-bar--tool .selector .selector--selected button.disabled > span, .selector .selector--selected .site--side-bar .button-bar--tool button.disabled > span, .site--side-bar .button-bar--tool .selector .disabled.selector--select > span, .selector .site--side-bar .button-bar--tool .disabled.selector--select > span, .site--side-bar .button-bar--tool .counter .counter--preview .disabled.counter--delete > span, .counter .counter--preview .site--side-bar .button-bar--tool .disabled.counter--delete > span, .site--side-bar .button-bar--tool .counter .disabled.counter--generator > span, .counter .site--side-bar .button-bar--tool .disabled.counter--generator > span, .site--side-bar .button-bar--tool .site-header .site-header--search > .site-header--search-container .disabled.site-header--search-mode > span, .site-header .site-header--search > .site-header--search-container .site--side-bar .button-bar--tool .disabled.site-header--search-mode > span {
  color: rgba(255, 255, 255, 0.5);
}
.site--side-bar .button-bar--tool .button-separator {
  height: 2px;
  width: 34px;
  margin: 6px 8px;
}

.button-progress .indicator {
  margin-right: 1px;
}

.indicator.no-margin-right,
.button.no-margin-right,
.selector .selector--selected button.no-margin-right,
.selector .no-margin-right.selector--select,
.counter .counter--preview .no-margin-right.counter--delete,
.counter .no-margin-right.counter--generator,
.site-header .site-header--search > .site-header--search-container .no-margin-right.site-header--search-mode {
  margin-right: 0px;
}

.card-container,
.card-container--dark {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 16px;
  row-gap: 22px;
}

.card,
.card--2fr,
.card--3fr,
.card--4fr,
.card--afr {
  margin: 8px;
  background-color: #F2F4F8;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* span up to 4 fractions wide */
.card--2fr {
  grid-column: span 2;
}

.card--3fr {
  grid-column: span 3;
}

.card--4fr {
  grid-column: span 4;
}

/* span over full width */
.card--afr {
  grid-column: 1/-1;
}

/* optional card title */
.card-title,
.card-title--centered {
  width: 100%;
  height: 32px;
  color: #1D1F3E;
  background-color: #C1C8DF;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.card-title--centered {
  justify-content: center;
}

.card-title > span {
  margin: 8px 0;
}

.card-title .indicator:not(.disabled):not([disabled]):active, .card-title .indicator:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .card-title .indicator:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.card-title .button, .card-title .selector .selector--selected button, .selector .selector--selected .card-title button, .card-title .selector .selector--select, .selector .card-title .selector--select, .card-title .counter .counter--preview .counter--delete, .counter .counter--preview .card-title .counter--delete, .card-title .counter .counter--generator, .counter .card-title .counter--generator, .card-title .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .card-title .site-header--search-mode {
  border-color: #383B5F;
}
.card-title .button:not(.disabled):not([disabled]):active, .card-title .selector .selector--selected button:not(.disabled):not([disabled]):active, .selector .selector--selected .card-title button:not(.disabled):not([disabled]):active, .card-title .selector .selector--select:not(.disabled):not([disabled]):active, .selector .card-title .selector--select:not(.disabled):not([disabled]):active, .card-title .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .card-title .counter--delete:not(.disabled):not([disabled]):active, .card-title .counter .counter--generator:not(.disabled):not([disabled]):active, .counter .card-title .counter--generator:not(.disabled):not([disabled]):active, .card-title .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .card-title .site-header--search-mode:not(.disabled):not([disabled]):active, .card-title .button:not(.disabled):not([disabled]).active, .card-title .selector .selector--selected button:not(.disabled):not([disabled]).active, .selector .selector--selected .card-title button:not(.disabled):not([disabled]).active, .card-title .selector .selector--select:not(.disabled):not([disabled]).active, .selector .card-title .selector--select:not(.disabled):not([disabled]).active, .card-title .counter .counter--preview .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .card-title .counter--delete:not(.disabled):not([disabled]).active, .card-title .counter .counter--generator:not(.disabled):not([disabled]).active, .counter .card-title .counter--generator:not(.disabled):not([disabled]).active, .card-title .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .card-title .site-header--search-mode:not(.disabled):not([disabled]).active {
  color: #4560E2;
  border-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .card-title .button:not(.disabled):not([disabled]):hover, .card-title .selector .selector--selected button:not(.disabled):not([disabled]):hover, .selector .selector--selected .card-title button:not(.disabled):not([disabled]):hover, .card-title .selector .selector--select:not(.disabled):not([disabled]):hover, .selector .card-title .selector--select:not(.disabled):not([disabled]):hover, .card-title .counter .counter--preview .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .card-title .counter--delete:not(.disabled):not([disabled]):hover, .card-title .counter .counter--generator:not(.disabled):not([disabled]):hover, .counter .card-title .counter--generator:not(.disabled):not([disabled]):hover, .card-title .site-header .site-header--search > .site-header--search-container .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .card-title .site-header--search-mode:not(.disabled):not([disabled]):hover {
    color: #4560E2;
    border-color: #4560E2;
  }
}
.card-title .button, .card-title .selector .selector--selected button, .selector .selector--selected .card-title button, .card-title .selector .selector--select, .selector .card-title .selector--select, .card-title .counter .counter--preview .counter--delete, .counter .counter--preview .card-title .counter--delete, .card-title .counter .counter--generator, .counter .card-title .counter--generator, .card-title .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .card-title .site-header--search-mode,
.card-title .indicator {
  color: #383B5F;
  background-color: transparent;
}
.card-title .button--success,
.card-title .indicator--success {
  color: #47C0BD;
  background-color: transparent;
}
.card-title .button--success:not(.disabled):not([disabled]):active, .card-title .button--success:not(.disabled):not([disabled]).active,
.card-title .indicator--success:not(.disabled):not([disabled]):active,
.card-title .indicator--success:not(.disabled):not([disabled]).active {
  color: #297876;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .card-title .button--success:not(.disabled):not([disabled]):hover,
  .card-title .indicator--success:not(.disabled):not([disabled]):hover {
    color: #297876;
    background-color: transparent;
  }
}
.card-title .button--warning,
.card-title .indicator--warning {
  color: #FCC04F;
  background-color: transparent;
}
.card-title .button--warning:not(.disabled):not([disabled]):active, .card-title .button--warning:not(.disabled):not([disabled]).active,
.card-title .indicator--warning:not(.disabled):not([disabled]):active,
.card-title .indicator--warning:not(.disabled):not([disabled]).active {
  color: #e19404;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .card-title .button--warning:not(.disabled):not([disabled]):hover,
  .card-title .indicator--warning:not(.disabled):not([disabled]):hover {
    color: #e19404;
    background-color: transparent;
  }
}
.card-title .button--danger,
.card-title .indicator--danger {
  color: #F14F59;
  background-color: transparent;
}
.card-title .button--danger:not(.disabled):not([disabled]):active, .card-title .button--danger:not(.disabled):not([disabled]).active,
.card-title .indicator--danger:not(.disabled):not([disabled]):active,
.card-title .indicator--danger:not(.disabled):not([disabled]).active {
  color: #ca101c;
  background-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .card-title .button--danger:not(.disabled):not([disabled]):hover,
  .card-title .indicator--danger:not(.disabled):not([disabled]):hover {
    color: #ca101c;
    background-color: transparent;
  }
}

/* card body and a large font variant*/
.card-body,
.card-body--large {
  padding: 16px;
  flex: 0 1 auto;
  margin: auto 0px;
  text-align: center;
}

.card-body--large {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

/* for use with rows of lable : value pairs */
.card-rows {
  padding: 0px 16px;
}

.card-row {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  margin: 8px 0px;
}

.card-label {
  flex: 0 1 100%;
  text-align: left;
}

.card-value {
  margin-left: 8px;
  font-weight: bold;
}

/* dark version */
.card-container--dark .card,
.card-container--dark .card--2fr,
.card-container--dark .card--3fr,
.card-container--dark .card--4fr,
.card-container--dark .card--afr {
  background-color: #C1C8DF;
}
.card-container--dark .card-title {
  color: #FFFFFF;
  background-color: #383B5F;
}

.color-picker--overlay {
  z-index: 500;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  cursor: default;
}

.color-picker {
  border-radius: 2px;
  background-color: #FFFFFF;
  margin-top: 4px;
  position: absolute;
  padding: 8px;
}

.color-picker--native-input {
  position: absolute;
  top: -16px;
  left: 0px;
}

.color-picker--head {
  padding: 4px 12px;
  min-height: 23px;
}

.color-picker--footer {
  padding: 4px 12px;
}

.color-picker--row {
  display: flex;
}
.color-picker--row:not(:first-child) {
  margin-top: 2px;
}

.color-picker--button {
  width: 24px;
  height: 24px;
  border: 1px solid #D5DAE9;
  cursor: pointer;
  transition: 0.2s ease-out;
}
.color-picker--button:not(:first-child) {
  margin-left: 2px;
}
.color-picker--button:not(.disabled):not([disabled]):active, .color-picker--button:not(.disabled):not([disabled]).active {
  border-color: #C1C8DF;
  transform: scale(1.2);
  transform-origin: center;
}
@media (hover: hover) and (pointer: fine) {
  .color-picker--button:not(.disabled):not([disabled]):hover {
    border-color: #C1C8DF;
    transform: scale(1.2);
    transform-origin: center;
  }
}

.counter {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: 180px;
  margin: 6px 0px;
  line-height: 15px;
  vertical-align: baseline;
}
.counter:before {
  content: " ";
  height: 0px;
  line-height: 20px;
}
.counter .counter--generator {
  margin: 0px;
}
.counter .counter--preview {
  color: #1D1F3E;
}
.counter .counter--preview .counter--delete {
  margin: 0px;
  margin-left: 8px;
}
.counter .counter--locked {
  color: #C1C8DF;
}
.counter .counter--locked .counter--delete {
  display: none;
}
.counter .counter--preview,
.counter .counter--locked {
  align-self: stretch;
  white-space: nowrap;
  display: inline-flex;
}
.counter .counter--preview span,
.counter .counter--locked span {
  padding: 2px 0 3px 0;
}

.counter-xs {
  max-width: 60px;
}

.counter-sm {
  max-width: 120px;
}

.counter-md {
  max-width: 240px;
}

.counter-lg {
  max-width: 360px;
}

.counter-full {
  max-width: 100%;
}

.date-picker--overlay {
  z-index: 500;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.date-picker {
  border-radius: 2px;
  min-width: 230px;
  display: inline-block;
  background-color: #FFFFFF;
  position: relative;
  margin-top: 4px;
}
.date-picker .date-picker--head {
  padding: 12px 12px 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.date-picker .date-picker--head .button, .date-picker .date-picker--head .selector .selector--selected button, .selector .selector--selected .date-picker .date-picker--head button, .date-picker .date-picker--head .selector .selector--select, .selector .date-picker .date-picker--head .selector--select, .date-picker .date-picker--head .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .date-picker .date-picker--head .site-header--search-mode, .date-picker .date-picker--head .counter .counter--generator, .counter .date-picker .date-picker--head .counter--generator, .date-picker .date-picker--head .counter .counter--preview .counter--delete, .counter .counter--preview .date-picker .date-picker--head .counter--delete {
  margin: 0px;
}
.date-picker .date-picker--head .date-picker--year-selector {
  margin-left: 8px;
}
.date-picker .date-picker--head > span {
  cursor: pointer;
}
.date-picker .date-picker--head .right > * + * {
  margin-left: 0;
}
.date-picker .date-picker--head .date-picker--nav {
  color: #D5DAE9;
}
.date-picker .date-picker--head .date-picker--nav * {
  cursor: pointer;
}
.date-picker .date-picker--head .date-picker--nav .date-picker--over-max {
  color: #E9EBEF;
  cursor: not-allowed;
}
.date-picker .date-picker--body-month-head {
  border-bottom: 1px solid #D5DAE9;
  margin: 0px -12px;
  padding: 0px 12px;
  padding-bottom: 8px;
}
.date-picker .date-picker--body-month ul li {
  min-height: 20px;
}
.date-picker .date-picker--body-month ul:nth-child(2) {
  margin-top: 12px;
}
.date-picker .date-picker--body-month ul:not(:nth-child(1)):not(:nth-child(2)) {
  margin-top: 1px;
}
.date-picker .date-picker--body.date-picker--body-year ul li {
  min-height: 54px;
  max-width: 44px;
}
.date-picker .date-picker--body.date-picker--body-year ul:nth-child(1) {
  margin-top: 2px;
}
.date-picker .date-picker--body.date-picker--body-year ul:not(:nth-child(1)) {
  margin-top: 1px;
}
.date-picker .date-picker--body.date-picker--body-decade ul li {
  min-height: 40px;
  max-width: 44px;
}
.date-picker .date-picker--body.date-picker--body-decade ul:nth-child(1) {
  margin-top: 3px;
}
.date-picker .date-picker--body.date-picker--body-decade ul:not(:nth-child(1)) {
  margin-top: 1px;
}
.date-picker .date-picker--body {
  padding: 8px;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li {
  cursor: pointer;
  position: relative;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li:hover,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li:hover,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li:hover {
  background-color: #F2F4F8;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--selected,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--selected,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--selected {
  border-color: #4560E2;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--today,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--today,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--today {
  color: #FFFFFF;
  background-color: #4560E2;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--out-of-bounds,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--out-of-bounds,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--out-of-bounds {
  color: #D5DAE9;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--over-max,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--over-max,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--over-max {
  color: #E9EBEF;
  cursor: not-allowed;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--holiday:after,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--holiday:after,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--holiday:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  transform: rotate(225deg);
  border: 4px solid transparent;
  border-top: 4px solid #C1C8DF;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-success:after,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-success:after,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-success:after {
  border-top-color: #47C0BD;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-warning:after,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-warning:after,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-warning:after {
  border-top-color: #FCC04F;
}
.date-picker .date-picker--body-month ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-danger:after,
.date-picker .date-picker--body-year ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-danger:after,
.date-picker .date-picker--body-decade ul:not(.date-picker--body-month-head) li.date-picker--holiday.date-picker--holiday-danger:after {
  border-top-color: #F14F59;
}
.date-picker .date-picker--head ul,
.date-picker .date-picker--body ul {
  display: flex;
  flex-direction: row;
  list-style: none;
}
.date-picker .date-picker--head ul li,
.date-picker .date-picker--body ul li {
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  text-align: center;
  min-width: 20px;
  border-radius: 1px;
}
.date-picker .date-picker--head ul li:not(:first-child),
.date-picker .date-picker--body ul li:not(:first-child) {
  margin-left: 12px;
}

.dropdown {
  display: inline-block;
}
.dropdown.closed {
  display: none;
}
.dropdown.dropdown--overlay {
  z-index: 500;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.dropdown a {
  text-decoration: none;
  overflow: hidden;
}
.dropdown ul {
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #FFFFFF;
  list-style: none;
  width: 240px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 2px;
}
.dropdown ul > .dropdown--separator {
  height: 1px;
  padding: 0px;
  background-color: #D5DAE9;
}
.dropdown ul > li > a,
.dropdown ul > div.dropdown-header {
  padding: 8px 16px 9px 16px;
  display: inline-flex;
  align-items: center;
}
.dropdown ul > li > a i,
.dropdown ul > div.dropdown-header i {
  text-align: center;
  font-style: normal;
  position: relative;
}
.dropdown ul > li > a > i,
.dropdown ul > div.dropdown-header > i {
  margin-right: 8px;
}
.dropdown ul > li {
  position: relative;
  color: #1D1F3E;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.dropdown ul > li > i:last-child:not(:first-child) {
  margin-left: 8px;
}
.dropdown ul > li > a {
  color: inherit;
  flex: 1 1 100%;
  align-self: stretch;
  cursor: pointer;
}
.dropdown ul > li > a > i:last-child:not(:first-child) {
  margin-left: 8px;
}
.dropdown ul > li .right,
.dropdown ul > div.dropdown-header .right {
  margin-right: 16px;
}
.dropdown ul > li > a > div.right {
  margin-right: 0px;
}
.dropdown li:not(.disabled):hover > ul,
.dropdown li:not(.disabled).dropdown--sub-open > ul {
  display: inline-flex;
}
.dropdown:not(.dropdown--suggest).dropdown--openleft li > ul {
  right: 100%;
  left: unset;
}
.dropdown ul.dropdown-sub--decoupled:not(.disabled) {
  position: absolute;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
}

.dropdown--wrapped li:not(.no-wrap):not(.text--ellipsis-single-line):not(.label-on-input):not(.card-title):not(.card-title--centered):not(.card-label) {
  white-space: normal;
}

.dropdown ul > li > i,
.dropdown ul > li > a > i,
.dropdown ul > li:not(.disabled) > a > div.right > i {
  color: #9295BE;
}
.dropdown ul li.dropdown--sub {
  cursor: pointer;
}
.dropdown ul > li.disabled {
  cursor: pointer;
  pointer-events: none;
  color: #C1C8DF !important;
}
.dropdown ul > li.disabled i {
  color: #C1C8DF !important;
}
.dropdown ul > div.dropdown-header {
  cursor: default;
  color: #1D1F3E;
  background-color: #F2F4F8;
}
.dropdown > li:not(.disabled).dropdown--sub:hover:after,
.dropdown > li:not(.disabled).dropdown--sub-open:after {
  color: #FFFFFF;
}

.dropdown:not(.dropdown--suggest) ul li,
.dropdown:not(.dropdown--suggest) ul div.dropdown-header {
  min-height: 40px;
}
.dropdown:not(.dropdown--suggest) ul li > ul {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0px;
  margin-top: 0px;
  left: 100%;
}
.dropdown:not(.dropdown--suggest) ul > li.dropdown--sub:after {
  content: "\ea19";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  position: relative;
  top: 0px;
  right: 2px;
  pointer-events: none;
  cursor: pointer;
  margin: 6px 16px 6px 0px;
}
.dropdown:not(.dropdown--suggest) ul > li:not(.disabled):hover > i,
.dropdown:not(.dropdown--suggest) ul > li:not(.disabled):hover > a > i,
.dropdown:not(.dropdown--suggest) ul > li:not(.disabled):hover > a > div.right > i {
  color: #FFFFFF !important;
  background-color: #4560E2 !important;
}
.dropdown:not(.dropdown--suggest) ul > li:hover,
.dropdown:not(.dropdown--suggest) ul > li.dropdown--active {
  background-color: #4560E2;
  color: #FFFFFF;
}
.dropdown:not(.dropdown--suggest) ul > li.dropdown--sub-open {
  background-color: #4560E2;
  color: #FFFFFF;
}

.dropdown--suggest ul li,
.dropdown--suggest ul div.dropdown-header {
  min-height: 32px;
}
.dropdown--suggest ul li.dropdown--sub {
  flex-direction: column;
  background-color: #F2F4F8;
}
.dropdown--suggest ul > li:not(.dropdown--sub) > a {
  align-self: flex-start;
  padding-right: 0px;
  display: inline-block;
  flex: none;
}
.dropdown--suggest ul > li > a.suggest--result-text {
  flex-shrink: 1;
  min-width: 0px;
  white-space: pre-wrap;
}
.dropdown--suggest ul > li > a.suggest--result-found {
  font-weight: bold;
  flex-shrink: 0;
  white-space: pre-wrap;
}
.dropdown--suggest ul > li > a + a {
  padding-left: 0px;
}
.dropdown--suggest ul > li > .suggest--result-status {
  padding: 8px 16px 9px 16px;
}
.dropdown--suggest ul li > ul {
  margin-top: 0px;
  border-left: 4px solid #F2F4F8;
  border-bottom: 2px solid #F2F4F8;
  box-shadow: none;
}
.dropdown--suggest ul > li:not(.dropdown--sub):not(.disabled):hover > i,
.dropdown--suggest ul > li:not(.dropdown--sub):not(.disabled):hover > a > i,
.dropdown--suggest ul > li:not(.dropdown--sub):not(.disabled):hover > a > div.right > i {
  color: #9295BE !important;
  background-color: #F2F4F8 !important;
}
.dropdown--suggest ul > li:not(.dropdown--sub):hover,
.dropdown--suggest ul > li.dropdown--active {
  color: #1D1F3E;
  background-color: #F2F4F8;
}
.dropdown--suggest ul li.dropdown--sub ~ li.disabled {
  margin-top: 2px;
}

.dropdown--scrollable ul:not(.dropdown-sub--decoupled) {
  overflow-x: visible;
  overflow-y: scroll;
}

filter-control {
  display: inline-block;
  min-height: 32px;
  width: 100%;
  min-width: 580px;
  cursor: pointer;
}

filter-control[readonly]:not([readonly=false]) {
  min-width: unset;
  cursor: default;
}
filter-control[readonly]:not([readonly=false]) .filter--data-row,
filter-control[readonly]:not([readonly=false]) .filter--data-addon-row {
  color: #9295BE;
}
filter-control[readonly]:not([readonly=false]) .indicator {
  pointer-events: none;
}
filter-control[readonly]:not([readonly=false]) .filter--row .filter--data-row > *:nth-child(2) {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 125px;
  flex-basis: 35%;
}
filter-control[readonly]:not([readonly=false]) .filter--row .filter--data-row > *:nth-child(3) {
  flex-basis: 55%;
}

.filter--row {
  overflow: hidden;
}

.filter--row .filter--data-addon-row > * {
  flex-basis: 100%;
}

.filter--row .filter--data-row > *:nth-child(1) {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 65px;
  flex-basis: 10%;
}

.filter--row .filter--data-row > *:nth-child(2) {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 85px;
  flex-basis: 20%;
}

.filter--row .filter--data-row > *:nth-child(3) {
  flex-grow: 1;
  min-width: 180px;
  flex-basis: 20%;
}

.filter--row .filter--data-row > *:nth-child(4) {
  flex-grow: 1;
  min-width: 200px;
  flex-basis: 100%;
}

.filter--row .filter--data-row > *:nth-child(5) {
  flex-grow: 1;
  flex-basis: 0px;
  text-align: right;
  color: #9295BE;
}

.filter--row .filter--data-expansion-row > *:nth-child(1),
.filter--row .filter--data-filter-row > *:nth-child(1) {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 65px;
  flex-basis: 10%;
}

.filter--row .filter--data-expansion-row > *:nth-child(2),
.filter--row .filter--data-filter-row > *:nth-child(2) {
  flex-basis: 85%;
}

.filter--row,
.filter--button-row {
  overflow: hidden;
  position: relative;
}

.filter--data-row.filter--row-active {
  padding-top: 4px;
}

.filter--empty-message {
  overflow: hidden;
  position: relative;
}

.filter--button-row {
  min-height: unset !important;
  background-color: #D5DAE9;
}

.filter--button-row:before {
  background: linear-gradient(90deg, #4560e2 0%, rgba(255, 255, 255, 0) 100%);
}

.filter--row.closed,
.filter--button-row.closed {
  min-height: unset !important;
  max-height: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}

.filter--button-row:before,
.filter--row[data-operator]:before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 10px;
  left: 0px;
  z-index: 1;
}

.filter--row[data-operator=with]:before {
  background: linear-gradient(90deg, #47c0bd 0%, rgba(255, 255, 255, 0) 100%);
}

.filter--row[data-operator=without]:before {
  background: linear-gradient(90deg, #f14f59 0%, rgba(255, 255, 255, 0) 100%);
}

.filter--row[data-operator=or]:before {
  background: linear-gradient(90deg, #c1c8df 0%, rgba(255, 255, 255, 0) 100%);
}

.footer-bar, .hxvzdlggroups .hxvzdlggroups--foot, .list-app .list-app--footer-bar, .hxvzdlggroups .list-app--footer-bar {
  overflow: hidden;
  height: 40px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: white;
  border-top: 1px solid #D5DAE9;
  white-space: nowrap;
}
.footer-bar > .right, .hxvzdlggroups .hxvzdlggroups--foot > .right, .list-app .list-app--footer-bar > .right, .hxvzdlggroups .list-app--footer-bar > .right {
  min-width: 0px;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
}
.footer-bar > .right > * + *, .hxvzdlggroups .hxvzdlggroups--foot > .right > * + *, .list-app .list-app--footer-bar > .right > * + *, .hxvzdlggroups .list-app--footer-bar > .right > * + * {
  margin-left: 8px;
}

.header-bar .header-bar--pre-text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--pre-text, .list-app .list-app--header-bar .header-bar--pre-text, .hxvzdlggroups .list-app--header-bar .header-bar--pre-text, .header-bar .header-bar--text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--text, .list-app .list-app--header-bar .header-bar--text, .hxvzdlggroups .list-app--header-bar .header-bar--text {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
  margin-top: 2px;
}
.header-bar .header-bar--pre-text:not(:empty), .hxvzdlggroups .hxvzdlggroups--head .header-bar--pre-text:not(:empty), .list-app .list-app--header-bar .header-bar--pre-text:not(:empty), .hxvzdlggroups .list-app--header-bar .header-bar--pre-text:not(:empty), .header-bar .header-bar--text:not(:empty), .hxvzdlggroups .hxvzdlggroups--head .header-bar--text:not(:empty), .list-app .list-app--header-bar .header-bar--text:not(:empty), .hxvzdlggroups .list-app--header-bar .header-bar--text:not(:empty) {
  min-width: 30px;
}

.header-bar, .hxvzdlggroups .hxvzdlggroups--head, .list-app .list-app--header-bar, .hxvzdlggroups .list-app--header-bar {
  overflow: hidden;
  height: 40px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: white;
  border-bottom: 1px solid #D5DAE9;
  white-space: nowrap;
}
.header-bar > span, .hxvzdlggroups .hxvzdlggroups--head > span, .list-app .list-app--header-bar > span, .hxvzdlggroups .list-app--header-bar > span {
  margin-top: 2px;
}
.header-bar .header-bar--secondary-text, .hxvzdlggroups .hxvzdlggroups--head .header-bar--secondary-text, .list-app .list-app--header-bar .header-bar--secondary-text, .hxvzdlggroups .list-app--header-bar .header-bar--secondary-text {
  color: #383B5F;
}
.header-bar .header-bar--text:not(:first-child), .hxvzdlggroups .hxvzdlggroups--head .header-bar--text:not(:first-child), .list-app .list-app--header-bar .header-bar--text:not(:first-child), .hxvzdlggroups .list-app--header-bar .header-bar--text:not(:first-child),
.header-bar .header-bar--secondary-text:not(:first-child),
.hxvzdlggroups .hxvzdlggroups--head .header-bar--secondary-text:not(:first-child),
.list-app .list-app--header-bar .header-bar--secondary-text:not(:first-child),
.hxvzdlggroups .list-app--header-bar .header-bar--secondary-text:not(:first-child),
.header-bar .header-bar--pre-text:not(:first-child),
.hxvzdlggroups .hxvzdlggroups--head .header-bar--pre-text:not(:first-child),
.list-app .list-app--header-bar .header-bar--pre-text:not(:first-child),
.hxvzdlggroups .list-app--header-bar .header-bar--pre-text:not(:first-child) {
  margin-left: 8px;
}
.header-bar > .right, .hxvzdlggroups .hxvzdlggroups--head > .right, .list-app .list-app--header-bar > .right, .hxvzdlggroups .list-app--header-bar > .right {
  min-width: 0px;
  flex: 0 0 auto;
  overflow: hidden;
  align-items: center;
  margin-left: auto;
  padding-left: 1px;
}
.header-bar > .right > * + *, .hxvzdlggroups .hxvzdlggroups--head > .right > * + *, .list-app .list-app--header-bar > .right > * + *, .hxvzdlggroups .list-app--header-bar > .right > * + * {
  margin-left: 8px;
}

.header-bar--border-less {
  border-width: 0px;
  padding-bottom: 1px;
}

.page--login:not(.customBackground):after, .tab-bar .tab-scroll--right:after, .tab-bar .tab-scroll--left:after, .tab-bar .tab-list:after, .select--styled-list .select--styled-list-item-selected:before, .select--styled-button-only:after, .select--styled .select--styled-selected:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_stop]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_stop]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_search]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_search]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_question]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_question]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_messages]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_messages]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_info]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_info]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_exit]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_exit]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_confirm]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_confirm]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_close]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_close]:after, .pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_alert]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_alert]:after, .notification[data-notification-icon=notify_stop] .notification--icon:after, .notification[data-notification-icon=notify_search] .notification--icon:after, .notification[data-notification-icon=notify_question] .notification--icon:after, .notification[data-notification-icon=notify_messages] .notification--icon:after, .notification[data-notification-icon=notify_info] .notification--icon:after, .notification[data-notification-icon=notify_exit] .notification--icon:after, .notification[data-notification-icon=notify_confirm] .notification--icon:after, .notification[data-notification-icon=notify_close] .notification--icon:after, .notification[data-notification-icon=notify_alert] .notification--icon:after, .loading--inline:before, .loading--overlay .loading:before, .list--category.list--category-open .list--category-toggle:after,
.list--sub-category.list--category-open .list--category-toggle:after, .list--category .list--category-toggle:after,
.list--sub-category .list--category-toggle:after, .input--color:after, .input--search .input--search-icon:after, .input--link[input-mode=link] .input--link-icon:after, .input--link[input-mode=search] .input--link-icon:after, .input--link .input--link-icon:after, .input--clearable-with-data:after, .input--time .time--icon:before, .input--date .date--icon:before, input[type=checkbox][indeterminate=true] + label:before, input[type=checkbox]:checked + label:before, [class^=ci--],
[class*=" ci--"], .site-header .site-header--icon:not(.customHeaderLogo):after, .site-header .site-header--icon:not(.customHeaderLogo).inverted:after, .site-header .site-header--list-select .select--styled-selected:before, .site-header .site-header--search .site-header--search-icon:after, .binary--filename-save:after, .dropdown:not(.dropdown--suggest) ul > li.dropdown--sub:after {
  font: normal 18px/18px "UniplexIcon";
}

[class^=ci--]:before,
[class*=" ci--"]:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=ci--]:before,
[class*=" ci--"]:before {
  content: "!!!";
}

.ci--add_group:before {
  content: "\ea01";
}

.ci--alert:before {
  content: "\ea02";
}

.ci--analysis:before {
  content: "\ea03";
}

.ci--apply_from_left:before {
  content: "\ea04";
}

.ci--apply_from_right:before {
  content: "\ea05";
}

.ci--appointment:before {
  content: "\ea06";
}

.ci--area_decrease:before {
  content: "\ea07";
}

.ci--area_increase:before {
  content: "\ea08";
}

.ci--arrow_down:before {
  content: "\ea09";
}

.ci--arrow_left:before {
  content: "\ea0a";
}

.ci--arrow_right:before {
  content: "\ea0b";
}

.ci--arrow_up:before {
  content: "\ea0c";
}

.ci--atom:before {
  content: "\ea0d";
}

.ci--autofilter:before {
  content: "\ea0e";
}

.ci--autofilter_off:before {
  content: "\ea0f";
}

.ci--back:before {
  content: "\ea10";
}

.ci--brain:before {
  content: "\ea11";
}

.ci--calculate:before {
  content: "\ea12";
}

.ci--calendar:before {
  content: "\ea13";
}

.ci--cancel:before {
  content: "\ea14";
}

.ci--chart:before {
  content: "\ea15";
}

.ci--check_mark:before {
  content: "\ea16";
}

.ci--chevron_down:before {
  content: "\ea17";
}

.ci--chevron_left:before {
  content: "\ea18";
}

.ci--chevron_right:before {
  content: "\ea19";
}

.ci--chevron_up:before {
  content: "\ea1a";
}

.ci--clipboard:before {
  content: "\ea1b";
}

.ci--close_window:before {
  content: "\ea1c";
}

.ci--combinatoric_search:before {
  content: "\ea1d";
}

.ci--context:before {
  content: "\ea1e";
}

.ci--copy:before {
  content: "\ea1f";
}

.ci--copy_row:before {
  content: "\ea20";
}

.ci--cortex:before {
  content: "\ea21";
}

.ci--cortex_old:before {
  content: "\ea22";
}

.ci--counter_start:before {
  content: "\ea23";
}

.ci--counter_stop:before {
  content: "\ea24";
}

.ci--cursor:before {
  content: "\ea25";
}

.ci--custom_search:before {
  content: "\ea26";
}

.ci--delete:before {
  content: "\ea27";
}

.ci--delete_row:before {
  content: "\ea28";
}

.ci--document:before {
  content: "\ea29";
}

.ci--dot:before {
  content: "\ea2a";
}

.ci--download:before {
  content: "\ea2b";
}

.ci--drag_up_down:before {
  content: "\ea2c";
}

.ci--edit:before {
  content: "\ea2d";
}

.ci--edit_news:before {
  content: "\ea2e";
}

.ci--execute:before {
  content: "\ea2f";
}

.ci--execute_postsort:before {
  content: "\ea30";
}

.ci--execute_presort:before {
  content: "\ea31";
}

.ci--export:before {
  content: "\ea32";
}

.ci--field_index:before {
  content: "\ea33";
}

.ci--field_index_list:before {
  content: "\ea34";
}

.ci--find_records:before {
  content: "\ea35";
}

.ci--forward:before {
  content: "\ea36";
}

.ci--gallery:before {
  content: "\ea37";
}

.ci--global_select_box:before {
  content: "\ea38";
}

.ci--go_to_record:before {
  content: "\ea39";
}

.ci--grab_left:before {
  content: "\ea3a";
}

.ci--grab_right:before {
  content: "\ea3b";
}

.ci--grid_off:before {
  content: "\ea3c";
}

.ci--grid_on:before {
  content: "\ea3d";
}

.ci--has_script:before {
  content: "\ea3e";
}

.ci--hidden_column:before {
  content: "\ea3f";
}

.ci--hide:before {
  content: "\ea40";
}

.ci--hide_data_line:before {
  content: "\ea41";
}

.ci--history0:before {
  content: "\ea42";
}

.ci--history1:before {
  content: "\ea43";
}

.ci--history2:before {
  content: "\ea44";
}

.ci--history3:before {
  content: "\ea45";
}

.ci--home:before {
  content: "\ea46";
}

.ci--import:before {
  content: "\ea47";
}

.ci--info:before {
  content: "\ea48";
}

.ci--info_triangle:before {
  content: "\ea49";
}

.ci--initialize_password_s0:before {
  content: "\ea4a";
}

.ci--initialize_password_s1:before {
  content: "\ea4b";
}

.ci--initialize_password_s2:before {
  content: "\ea4c";
}

.ci--insert_after_row:before {
  content: "\ea4d";
}

.ci--insert_before_row:before {
  content: "\ea4e";
}

.ci--insert_begin:before {
  content: "\ea4f";
}

.ci--insert_end:before {
  content: "\ea50";
}

.ci--in_edit:before {
  content: "\ea51";
}

.ci--link:before {
  content: "\ea52";
}

.ci--list_column_move:before {
  content: "\ea53";
}

.ci--list_divider_move:before {
  content: "\ea54";
}

.ci--list_elements:before {
  content: "\ea55";
}

.ci--list_groups:before {
  content: "\ea56";
}

.ci--list_head_close:before {
  content: "\ea57";
}

.ci--list_head_hide:before {
  content: "\ea58";
}

.ci--list_head_open:before {
  content: "\ea59";
}

.ci--list_insert_column:before {
  content: "\ea5a";
}

.ci--list_insert_row:before {
  content: "\ea5b";
}

.ci--list_view:before {
  content: "\ea5c";
}

.ci--locked:before {
  content: "\ea5d";
}

.ci--log_out:before {
  content: "\ea5e";
}

.ci--mark_all:before {
  content: "\ea5f";
}

.ci--mark_invert:before {
  content: "\ea60";
}

.ci--mark_none:before {
  content: "\ea61";
}

.ci--max:before {
  content: "\ea62";
}

.ci--menu:before {
  content: "\ea63";
}

.ci--menu_down:before {
  content: "\ea64";
}

.ci--messages:before {
  content: "\ea65";
}

.ci--min:before {
  content: "\ea66";
}

.ci--more:before {
  content: "\ea67";
}

.ci--move:before {
  content: "\ea68";
}

.ci--multi_assign:before {
  content: "\ea69";
}

.ci--new:before {
  content: "\ea6a";
}

.ci--news:before {
  content: "\ea6b";
}

.ci--new_row:before {
  content: "\ea6c";
}

.ci--notify_alert:before {
  content: "\ea6d";
}

.ci--notify_close:before {
  content: "\ea6e";
}

.ci--notify_confirm:before {
  content: "\ea6f";
}

.ci--notify_exit:before {
  content: "\ea70";
}

.ci--notify_info:before {
  content: "\ea71";
}

.ci--notify_messages:before {
  content: "\ea72";
}

.ci--notify_question:before {
  content: "\ea73";
}

.ci--notify_search:before {
  content: "\ea74";
}

.ci--notify_stop:before {
  content: "\ea75";
}

.ci--not_applicable:before {
  content: "\ea76";
}

.ci--object_view:before {
  content: "\ea77";
}

.ci--object_view_open_right:before {
  content: "\ea78";
}

.ci--object_view_select:before {
  content: "\ea79";
}

.ci--open:before {
  content: "\ea7a";
}

.ci--open_close_left:before {
  content: "\ea7b";
}

.ci--open_close_right:before {
  content: "\ea7c";
}

.ci--open_in_list:before {
  content: "\ea7d";
}

.ci--password:before {
  content: "\ea7e";
}

.ci--pivot:before {
  content: "\ea7f";
}

.ci--plugin_archive:before {
  content: "\ea80";
}

.ci--plugin_dashboard_admin:before {
  content: "\ea81";
}

.ci--plugin_delete:before {
  content: "\ea82";
}

.ci--plugin_email_reporter:before {
  content: "\ea83";
}

.ci--plugin_implex:before {
  content: "\ea84";
}

.ci--plugin_implex_linker:before {
  content: "\ea85";
}

.ci--plugin_portal_admin:before {
  content: "\ea86";
}

.ci--plugin_progress_report:before {
  content: "\ea87";
}

.ci--point_close:before {
  content: "\ea88";
}

.ci--point_empty:before {
  content: "\ea89";
}

.ci--point_max:before {
  content: "\ea8a";
}

.ci--point_min:before {
  content: "\ea8b";
}

.ci--popup:before {
  content: "\ea8c";
}

.ci--portal:before {
  content: "\ea8d";
}

.ci--portal_active:before {
  content: "\ea8e";
}

.ci--print:before {
  content: "\ea8f";
}

.ci--process_edit:before {
  content: "\ea90";
}

.ci--record_archive:before {
  content: "\ea91";
}

.ci--record_delete:before {
  content: "\ea92";
}

.ci--record_restore:before {
  content: "\ea93";
}

.ci--record_std_view:before {
  content: "\ea94";
}

.ci--record_ts_overview:before {
  content: "\ea95";
}

.ci--record_ts_view:before {
  content: "\ea96";
}

.ci--record_view:before {
  content: "\ea97";
}

.ci--record_view_link:before {
  content: "\ea98";
}

.ci--redo:before {
  content: "\ea99";
}

.ci--refresh:before {
  content: "\ea9a";
}

.ci--regular_expression:before {
  content: "\ea9b";
}

.ci--rename:before {
  content: "\ea9c";
}

.ci--repeat:before {
  content: "\ea9d";
}

.ci--role:before {
  content: "\ea9e";
}

.ci--row_options:before {
  content: "\ea9f";
}

.ci--save:before {
  content: "\eaa0";
}

.ci--save_as:before {
  content: "\eaa1";
}

.ci--save_back:before {
  content: "\eaa2";
}

.ci--search:before {
  content: "\eaa3";
}

.ci--select_criteria:before {
  content: "\eaa4";
}

.ci--select_exclude:before {
  content: "\eaa5";
}

.ci--select_include:before {
  content: "\eaa6";
}

.ci--select_link:before {
  content: "\eaa7";
}

.ci--select_list:before {
  content: "\eaa8";
}

.ci--select_minus:before {
  content: "\eaa9";
}

.ci--select_or:before {
  content: "\eaaa";
}

.ci--select_placeholder:before {
  content: "\eaab";
}

.ci--select_plus:before {
  content: "\eaac";
}

.ci--select_pre:before {
  content: "\eaad";
}

.ci--select_wildcard:before {
  content: "\eaae";
}

.ci--sel_list:before {
  content: "\eaaf";
}

.ci--sel_or:before {
  content: "\eab0";
}

.ci--sel_range:before {
  content: "\eab1";
}

.ci--sel_single:before {
  content: "\eab2";
}

.ci--settings:before {
  content: "\eab3";
}

.ci--set_theory_difference:before {
  content: "\eab4";
}

.ci--set_theory_intersect:before {
  content: "\eab5";
}

.ci--set_theory_symetric_difference:before {
  content: "\eab6";
}

.ci--set_theory_union:before {
  content: "\eab7";
}

.ci--set_time:before {
  content: "\eab8";
}

.ci--show:before {
  content: "\eab9";
}

.ci--sort_all:before {
  content: "\eaba";
}

.ci--sort_content:before {
  content: "\eabb";
}

.ci--sort_down:before {
  content: "\eabc";
}

.ci--sort_none:before {
  content: "\eabd";
}

.ci--sort_up:before {
  content: "\eabe";
}

.ci--start_add_record:before {
  content: "\eabf";
}

.ci--start_dashboard:before {
  content: "\eac0";
}

.ci--start_portal:before {
  content: "\eac1";
}

.ci--start_portal_group:before {
  content: "\eac2";
}

.ci--start_portal_result:before {
  content: "\eac3";
}

.ci--start_portal_result_pivot:before {
  content: "\eac4";
}

.ci--start_portal_single:before {
  content: "\eac5";
}

.ci--start_select:before {
  content: "\eac6";
}

.ci--stop:before {
  content: "\eac7";
}

.ci--sum:before {
  content: "\eac8";
}

.ci--sum_marked:before {
  content: "\eac9";
}

.ci--sum_unmarked:before {
  content: "\eaca";
}

.ci--switch_view:before {
  content: "\eacb";
}

.ci--sync_conflict:before {
  content: "\eacc";
}

.ci--sync_ok:before {
  content: "\eacd";
}

.ci--today:before {
  content: "\eace";
}

.ci--toggle_off:before {
  content: "\eacf";
}

.ci--toggle_on:before {
  content: "\ead0";
}

.ci--to_do:before {
  content: "\ead1";
}

.ci--ts_info:before {
  content: "\ead2";
}

.ci--ts_insert:before {
  content: "\ead3";
}

.ci--universal_search:before {
  content: "\ead4";
}

.ci--unlocked:before {
  content: "\ead5";
}

.ci--upload:before {
  content: "\ead6";
}

.ci--user_filter:before {
  content: "\ead7";
}

.ci--wildcard_search:before {
  content: "\ead8";
}

.ci--wildcard_search_case_sensitive:before {
  content: "\ead9";
}

.ci--wildcard_universal_search:before {
  content: "\eada";
}

.ci--window_detail:before {
  content: "\eadb";
}

.ci--window_elefant:before {
  content: "\eadc";
}

.ci--window_max:before {
  content: "\eadd";
}

.ci--window_min:before {
  content: "\eade";
}

.ci--window_setting:before {
  content: "\eadf";
}

.ci--icon-spacer {
  min-width: 18px;
  min-height: 18px;
  display: inline-flex;
  justify-content: center;
}
.ci--icon-spacer:before {
  content: "";
}

.ci--toggle_on {
  color: #4560E2 !important;
}

.ci--toggle_off {
  color: #D5DAE9 !important;
}

input[type=checkbox]:checked + label,
input[type=checkbox]:not(:checked) + label,
input[type=radio]:checked + label,
input[type=radio]:not(:checked) + label {
  display: inline;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 1px;
  padding-right: 1px;
  line-height: 15px;
  align-items: baseline;
  min-height: 20px;
  position: relative;
  top: -1px;
}

input[type=checkbox]:checked + label::before,
input[type=checkbox]:not(:checked) + label::before,
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  content: " ";
  width: 16px;
  height: 16px;
  border: 1px solid #D5DAE9;
  background: white;
  box-shadow: inset 0 1px 1px 0 rgba(29, 31, 62, 0.1);
  display: inline-flex;
  font-size: 15px;
  line-height: 15px;
  white-space: nowrap;
  position: relative;
  top: 3px;
}

input[type=checkbox]:checked + label:not(:empty)::before,
input[type=checkbox]:not(:checked) + label:not(:empty)::before,
input[type=radio]:checked + label:not(:empty)::before,
input[type=radio]:not(:checked) + label:not(:empty)::before {
  margin-right: 8px;
}

checkbox-styled,
radio-styled {
  position: relative;
  display: inline-flex;
}

checkbox-styled.text--ellipsis-single-line label, .selector checkbox-styled.selector--select label,
radio-styled.text--ellipsis-single-line label,
.selector radio-styled.selector--select label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

input[type=checkbox].input--success:checked + label::before,
input[type=checkbox].input--success:not(:checked) + label::before,
input[type=radio].input--success:checked + label::before,
input[type=radio].input--success:not(:checked) + label::before {
  border-color: #47C0BD;
}
input[type=checkbox].input--warning:checked + label::before,
input[type=checkbox].input--warning:not(:checked) + label::before,
input[type=radio].input--warning:checked + label::before,
input[type=radio].input--warning:not(:checked) + label::before {
  border-color: #FCC04F;
}
input[type=checkbox].input--danger:checked + label::before,
input[type=checkbox].input--danger:not(:checked) + label::before,
input[type=radio].input--danger:checked + label::before,
input[type=radio].input--danger:not(:checked) + label::before {
  border-color: #F14F59;
}
input[type=checkbox]:checked + label::before,
input[type=checkbox]:not(:checked) + label::before {
  border-radius: 1px;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type=radio]:checked + label::before {
  background: #47C0BD;
  box-shadow: inset 0 0 0 3px #FFFFFF;
}

input[type=checkbox]:checked + label:before {
  content: "\ea16";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #47C0BD;
}

.button input[type=checkbox] + label:before, .selector .selector--selected button input[type=checkbox] + label:before, .selector .selector--select input[type=checkbox] + label:before, .site-header .site-header--search > .site-header--search-container .site-header--search-mode input[type=checkbox] + label:before, .counter .counter--generator input[type=checkbox] + label:before, .counter .counter--preview .counter--delete input[type=checkbox] + label:before {
  margin-top: -1px;
}

input[type=checkbox][indeterminate=true] + label:before {
  content: "\eaa9";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #47C0BD;
}

.input {
  display: inline-block;
  width: 100%;
  max-width: 180px;
  margin-left: 1px;
  margin-right: 1px;
}
.input > input[type=text], .input > input[type=number], .input > input[type=color], .input > input[type=password] {
  width: 100%;
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.input > .validation {
  padding-left: 0px;
}

input[type=text],
input[type=number],
input[type=color],
input[type=password] {
  width: 100%;
  max-width: 180px;
  border: 1px solid #D5DAE9;
  padding: 2px 8px 3px 8px;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
  border-radius: 1px;
  transition: border 0.25s ease-out;
}
input[type=text]:not(:disabled):hover,
input[type=number]:not(:disabled):hover,
input[type=color]:not(:disabled):hover,
input[type=password]:not(:disabled):hover {
  border-color: #C1C8DF;
}
input[type=text]:not(:disabled):focus,
input[type=number]:not(:disabled):focus,
input[type=color]:not(:disabled):focus,
input[type=password]:not(:disabled):focus {
  border-color: #9dabf0;
}
input[type=text].input--success,
input[type=number].input--success,
input[type=color].input--success,
input[type=password].input--success {
  border-color: #47C0BD;
}
input[type=text].input--warning,
input[type=number].input--warning,
input[type=color].input--warning,
input[type=password].input--warning {
  border-color: #FCC04F;
}
input[type=text].input--danger,
input[type=number].input--danger,
input[type=color].input--danger,
input[type=password].input--danger {
  border-color: #F14F59;
}
input::placeholder {
  color: #9295BE;
}

.input--date {
  position: relative;
  display: inline-flex;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
}
.input--date input[type=text] {
  width: 86px;
  padding-left: 22px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}
.input--date .date--icon {
  position: absolute;
  display: inline-flex;
  align-items: center;
  height: 100%;
  left: 2px;
}
.input--date .date--icon:hover:before, .input--date .date--icon:active:before {
  cursor: pointer;
  color: #4560E2;
}
.input--date .date--icon:before {
  content: "\ea13";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  pointer-events: none;
  margin: 1px;
}

.input--time {
  position: relative;
  display: inline-flex;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
}
.input--time input[type=text] {
  width: 62px;
  padding-left: 22px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}
.input--time .time--icon {
  position: absolute;
  display: inline-flex;
  align-items: center;
  height: 100%;
  left: 2px;
}
.input--time .time--icon .input--time:not(:disabled):hover:before, .input--time .time--icon .input--time:not(:disabled):active:before {
  cursor: pointer;
  color: #4560E2;
}
.input--time .time--icon:before {
  content: "\eab8";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  pointer-events: none;
  margin: 1px;
}

textarea,
div.textarea {
  border-radius: 1px;
  padding: 2px 8px 3px 8px;
  line-height: 15px;
  background-color: #FFFFFF;
  overflow: auto;
  min-height: 2.5rem;
  max-height: 10rem;
  width: 100%;
  max-width: 540px;
  display: inline-block;
  vertical-align: top;
}

div.textarea *:first-child {
  margin-top: 1px;
}

:not(.textarea--with-editor) > textarea,
:not(.textarea--with-editor) > div.textarea {
  border: 1px solid #D5DAE9;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
  transition: border 0.25s ease-out;
}
:not(.textarea--with-editor) > textarea:not(:disabled):hover,
:not(.textarea--with-editor) > div.textarea:not(:disabled):hover {
  border-color: #C1C8DF;
}
:not(.textarea--with-editor) > textarea:not(:disabled):focus,
:not(.textarea--with-editor) > div.textarea:not(:disabled):focus {
  border-color: #9dabf0;
}
:not(.textarea--with-editor) > textarea.input--success,
:not(.textarea--with-editor) > div.textarea.input--success {
  border-color: #47C0BD;
}
:not(.textarea--with-editor) > textarea.input--warning,
:not(.textarea--with-editor) > div.textarea.input--warning {
  border-color: #FCC04F;
}
:not(.textarea--with-editor) > textarea.input--danger,
:not(.textarea--with-editor) > div.textarea.input--danger {
  border-color: #F14F59;
}
.textarea--with-editor {
  border-radius: 1px;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
  border: 1px solid #D5DAE9;
  width: 100%;
  max-width: 540px;
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
  vertical-align: baseline;
}
.textarea--with-editor.disabled .footer-bar, .textarea--with-editor.disabled .hxvzdlggroups .hxvzdlggroups--foot, .hxvzdlggroups .textarea--with-editor.disabled .hxvzdlggroups--foot, .textarea--with-editor.disabled .list-app .list-app--footer-bar, .textarea--with-editor.disabled .hxvzdlggroups .list-app--footer-bar, .list-app .textarea--with-editor.disabled .list-app--footer-bar, .hxvzdlggroups .textarea--with-editor.disabled .list-app--footer-bar {
  display: none;
}
.textarea--with-editor:before {
  content: " ";
  height: 0px;
}

div.input--suggested,
input[type=text].input--suggested,
input[type=checkbox].input--suggested + label::before,
input[type=radio].input--suggested + label::before,
textarea.input--suggested,
select.input--suggested {
  border-color: #f1515b !important;
  transition: border 0.25s ease-out;
}
div.input--suggested:not(:disabled):hover, div.input--suggested:not(:disabled):focus,
input[type=text].input--suggested:not(:disabled):hover,
input[type=text].input--suggested:not(:disabled):focus,
input[type=checkbox].input--suggested + label::before:not(:disabled):hover,
input[type=checkbox].input--suggested + label::before:not(:disabled):focus,
input[type=radio].input--suggested + label::before:not(:disabled):hover,
input[type=radio].input--suggested + label::before:not(:disabled):focus,
textarea.input--suggested:not(:disabled):hover,
textarea.input--suggested:not(:disabled):focus,
select.input--suggested:not(:disabled):hover,
select.input--suggested:not(:disabled):focus {
  border-color: #f1505a !important;
}

.input--clearable {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  width: 100%;
  max-width: 180px;
  line-height: 15px;
}
.input--clearable > input {
  padding: 2px 8px 3px 8px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
}
.input--clearable > input:placeholder-shown {
  padding-right: 8px;
}
.input--clearable > input:not(:disabled) {
  padding: 2px 27px 3px 8px;
}

.input--clearable-with-data {
  position: absolute;
  top: 2px;
  right: 2px;
  color: #9295BE;
  cursor: pointer;
}
.input--clearable-with-data:after {
  content: "\ea14";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input--clearable-with-data:hover {
  color: #4560E2;
}

input:disabled + .input--clearable-with-data {
  display: none;
}

.input--link {
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  max-width: 180px;
  line-height: 15px;
}
.input--link > input[type=text] {
  padding-right: 22px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
}
.input--link .select--styled {
  max-width: 30%;
}
.input--link .input--link-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  margin-left: 0px;
  margin-right: 0px;
  color: #9295BE;
  cursor: pointer;
}
.input--link .input--link-icon:after {
  content: "\ea0a";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input--link:hover .input--link-icon:after {
  color: #383B5F;
}
.input--link[input-mode=search] .input--link-icon:after {
  content: "\eaa3";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input--link[input-mode=link] .input--link-icon:after {
  content: "\ea0a";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input--link.disabled .input--link-icon {
  cursor: default;
}
.input--link.input--link-valid input {
  color: #3C81F9;
}

.input--search {
  width: 100%;
  max-width: 180px;
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  line-height: 15px;
}
.input--search > input[type=text] {
  padding-right: 22px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
}
.input--search .select--styled {
  max-width: 30%;
}
.input--search:hover .input--search-icon:after {
  color: #383B5F;
}
.input--search .input--search-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  margin-left: 0px;
  margin-right: 0px;
  color: #9295BE;
  cursor: pointer;
}
.input--search .input--search-icon:after {
  content: "\eaa3";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input--search.disabled .input--link-icon {
  cursor: default;
}

.disabled input,
.disabled textarea,
.disabled div.textarea,
.disabled select,
:disabled:not(button.input--color),
.disabled:not(.button) *:before,
.disabled:not(.button) *:after {
  cursor: default !important;
  background-color: #F9FAFC !important;
  border-color: #E9EBEF !important;
  color: #C1C8DF !important;
}

input[type=checkbox]:disabled + label::before,
input[type=checkbox]:checked:disabled + label::before {
  cursor: default !important;
  color: #C1C8DF !important;
  border-color: #E9EBEF !important;
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label,
input[type=radio]:disabled + label::before {
  cursor: default !important;
  color: #C1C8DF !important;
}

input[type=radio]:checked:disabled + label::before {
  cursor: default;
  background-color: #C1C8DF !important;
}

.input--color {
  border-radius: 1px;
  border: 1px solid #D5DAE9;
  position: relative;
  display: inline-flex;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 15px;
  cursor: pointer;
  height: 22px;
  width: 60px;
}
.input--color.color--unset {
  background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)), linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
  background-blend-mode: normal, difference, normal;
  background-size: 16px 16px;
}
.input--color:after {
  content: "\ea17";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  pointer-events: none;
  background-color: #FFFFFF;
}
.input--color.disabled, .input--color[disabled] {
  cursor: default !important;
  border-color: #E9EBEF !important;
  color: #C1C8DF !important;
  pointer-events: none;
}
.input--color.disabled:after, .input--color[disabled]:after {
  color: #C1C8DF !important;
  background-color: #F9FAFC !important;
}
.input--color:not(.disabled):not([disabled]):hover {
  border-color: #C1C8DF;
}
.input--color:not(.disabled):not([disabled]):hover:after {
  color: #383B5F;
}
.input--color:not(.disabled):not([disabled]):focus {
  border-color: #9dabf0;
}

.input-container {
  border-radius: 1px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 2px 8px 3px 8px;
  line-height: 15px;
  border: 1px solid #D5DAE9;
  width: 100%;
  overflow-y: auto;
}

.input--overlayed {
  position: absolute;
  top: -6px;
  width: 100%;
  max-width: 100%;
}

.input-label {
  margin-right: 6px;
}

.input-label:not(:first-child) {
  margin-left: 6px;
}

.textarea-xs {
  max-width: 60px;
}

.textarea-sm {
  max-width: 120px;
}

.textarea-md {
  max-width: 240px;
}

.textarea-lg {
  max-width: 360px;
}

.textarea-full {
  max-width: 100%;
}

.input-xs {
  max-width: 60px;
}

.input-sm {
  max-width: 120px;
}

.input-md {
  max-width: 240px;
}

.input-lg {
  max-width: 360px;
}

.input-full {
  max-width: 100%;
}

.input--link-xs {
  max-width: 60px;
}

.input--link-sm {
  max-width: 120px;
}

.input--link-md {
  max-width: 240px;
}

.input--link-lg {
  max-width: 360px;
}

.input--link-full {
  max-width: 100%;
}

.input--search-xs {
  max-width: 60px;
}

.input--search-sm {
  max-width: 120px;
}

.input--search-md {
  max-width: 240px;
}

.input--search-lg {
  max-width: 360px;
}

.input--search-full {
  max-width: 100%;
}

.input--clearable-xs {
  max-width: 60px;
}

.input--clearable-sm {
  max-width: 120px;
}

.input--clearable-md {
  max-width: 240px;
}

.input--clearable-lg {
  max-width: 360px;
}

.input--clearable-full {
  max-width: 100%;
}

.textarea--with-editor-xs {
  max-width: 60px;
}

.textarea--with-editor-sm {
  max-width: 120px;
}

.textarea--with-editor-md {
  max-width: 240px;
}

.textarea--with-editor-lg {
  max-width: 360px;
}

.textarea--with-editor-full {
  max-width: 100%;
}

.input-container-xs {
  max-width: 60px;
}

.input-container-sm {
  max-width: 120px;
}

.input-container-md {
  max-width: 240px;
}

.input-container-lg {
  max-width: 360px;
}

.input-container-full {
  max-width: 100%;
}

.validation {
  font: 300 12px/18px "Ubuntu", sans-serif;
  color: #F14F59;
  padding-left: 4px;
  margin-left: 1px;
  margin-right: 1px;
}

.validation:empty {
  display: none;
}

input[type=file] {
  font: 300 12px/18px "Ubuntu", sans-serif;
  display: inline-block;
  width: 100%;
  max-width: 240px;
  margin-left: 1px;
  margin-right: 1px;
}

.list {
  transform-origin: center top;
  width: 100%;
  list-style: none;
  background-color: #FFFFFF;
}

.list--row,
.list--row-even,
.list--row-odd,
.list--row-sub,
.list--row-head,
.list--category,
.list--sub-category,
.list--col,
.list--col-resizeable,
.list--body,
.list--sub-body,
.list--col > .right,
.list--col-resizeable > .right,
.list--row > .right,
.list--row-even > .right,
.list--row-odd > .right,
.list--row-sub > .right,
.list--row-head > .right {
  position: relative;
}
.list--row > span,
.list--row-head > span,
.list--row-sub > span,
.list--row-odd > span,
.list--row-even > span,
.list--category > span,
.list--sub-category > span,
.list--col > span,
.list--col-resizeable > span,
.list--body > span,
.list--sub-body > span,
.list--col > .right > span,
.list--col-resizeable > .right > span,
.list--row > .right > span,
.list--row-even > .right > span,
.list--row-odd > .right > span,
.list--row-sub > .right > span,
.list--row-head > .right > span {
  top: 1px;
  position: relative;
}

.list--row,
.list--row-even,
.list--row-odd,
.list--row-sub,
.list--row-head,
.list--category,
.list--sub-category {
  display: flex;
  width: 100%;
  line-height: 20px;
  align-items: stretch;
  padding: 0px 15px 0px 15px;
  min-height: 32px;
}
.list--row.flex-0,
.list--row-head.flex-0,
.list--row-sub.flex-0,
.list--row-odd.flex-0,
.list--row-even.flex-0,
.list--category.flex-0,
.list--sub-category.flex-0 {
  flex: 0;
}
.list--row .button-bar, .list--row .hxvzdlggroups .hxvzdlggroups--foot, .hxvzdlggroups .list--row .hxvzdlggroups--foot,
.list--row-head .button-bar,
.list--row-head .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--row-head .hxvzdlggroups--foot,
.list--row-sub .button-bar,
.list--row-sub .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--row-sub .hxvzdlggroups--foot,
.list--row-odd .button-bar,
.list--row-odd .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--row-odd .hxvzdlggroups--foot,
.list--row-even .button-bar,
.list--row-even .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--row-even .hxvzdlggroups--foot,
.list--category .button-bar,
.list--category .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--category .hxvzdlggroups--foot,
.list--sub-category .button-bar,
.list--sub-category .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .list--sub-category .hxvzdlggroups--foot {
  align-self: baseline;
}

.list--category,
.list--sub-category {
  white-space: nowrap;
  align-items: center;
}
.list--category:not(.not-clickable),
.list--sub-category:not(.not-clickable) {
  cursor: pointer;
}

.list--category *,
.list--sub-category * {
  align-items: center;
}

.list .list--category {
  background-color: #FFFFFF;
}

.list--category > .list--sub-category {
  padding-left: 3px;
}

.list--body-full-width, .list--body {
  position: relative;
  background-color: #FFFFFF;
  padding: 16px;
}

.list--category ~ .list--body-full-width, .list--category ~ .list--body {
  padding-top: 0px;
}

.list--body + .list--body {
  padding-top: 0px;
}

.list--body-container {
  position: relative;
  background-color: unset;
  padding: 0;
}

.list--body-full-width {
  padding-left: 0px;
  padding-right: 0px;
}

.list .list--sub-body {
  position: relative;
  padding: 0px 0px 0px 15px;
  flex-direction: column;
}

.list .list--sub-body:not(:last-child):not(.list--body-no-bottom-border) {
  border-bottom: 1px solid #FFFFFF;
}

.list .list--body:not(:last-child):not(.list--body-no-bottom-border) {
  border-bottom: 1px solid #D5DAE9;
}

.list--category .list--category-toggle,
.list--sub-category .list--category-toggle {
  flex-basis: 18px;
  margin-left: 8px;
  flex-shrink: 1;
}
.list--category .list--category-toggle:after,
.list--sub-category .list--category-toggle:after {
  content: "\ea19";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list--category .right > .list--category-toggle,
.list--category .right ~ .list--category-toggle,
.list--sub-category .right > .list--category-toggle,
.list--sub-category .right ~ .list--category-toggle {
  flex-grow: 0;
}
.list--category.list--category-open .list--category-toggle:after,
.list--sub-category.list--category-open .list--category-toggle:after {
  content: "\ea17";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*[class^=list--]:not(.list--body) > span:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .indicator:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .button:not(.no-margin-right):not(:last-child),
.selector .selector--selected *[class^=list--]:not(.list--body) > button:not(.no-margin-right):not(:last-child),
.selector *[class^=list--]:not(.list--body) > .selector--select:not(.no-margin-right):not(:last-child),
.site-header .site-header--search > .site-header--search-container *[class^=list--]:not(.list--body) > .site-header--search-mode:not(.no-margin-right):not(:last-child),
.counter *[class^=list--]:not(.list--body) > .counter--generator:not(.no-margin-right):not(:last-child),
.counter .counter--preview *[class^=list--]:not(.list--body) > .counter--delete:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .button-group:not(.no-margin-right):not(:last-child),
.binary--with-file *[class^=list--]:not(.list--body) > .binary--file-controls:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .control-group:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .select--styled:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .input--link:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .input--clearable:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .input-container:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > .input--date:not(.no-margin-right):not(:last-child),
*[class^=list--]:not(.list--body) > input[type]:not([type=checkbox]):not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > span:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .indicator:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .button:not(.no-margin-right):not(:last-child),
.selector .selector--selected *[class*=" list--"]:not(.list--body) > button:not(.no-margin-right):not(:last-child),
.selector *[class*=" list--"]:not(.list--body) > .selector--select:not(.no-margin-right):not(:last-child),
.site-header .site-header--search > .site-header--search-container *[class*=" list--"]:not(.list--body) > .site-header--search-mode:not(.no-margin-right):not(:last-child),
.counter *[class*=" list--"]:not(.list--body) > .counter--generator:not(.no-margin-right):not(:last-child),
.counter .counter--preview *[class*=" list--"]:not(.list--body) > .counter--delete:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .button-group:not(.no-margin-right):not(:last-child),
.binary--with-file *[class*=" list--"]:not(.list--body) > .binary--file-controls:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .control-group:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .select--styled:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .input--link:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .input--clearable:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .input-container:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > .input--date:not(.no-margin-right):not(:last-child),
*[class*=" list--"]:not(.list--body) > input[type]:not([type=checkbox]):not(.no-margin-right):not(:last-child) {
  margin-right: 12px;
}
*[class^=list--]:not(.list--body) > .indicator,
*[class*=" list--"]:not(.list--body) > .indicator {
  margin-left: 1px;
  border-width: 0px !important;
  background-color: unset !important;
}
*[class^=list--]:not(.list--body) > .button-bar:not(:last-child), .hxvzdlggroups *[class^=list--]:not(.list--body) > .hxvzdlggroups--foot:not(:last-child),
*[class^=list--]:not(.list--body) > .button-group:not(:last-child),
.binary--with-file *[class^=list--]:not(.list--body) > .binary--file-controls:not(:last-child),
*[class*=" list--"]:not(.list--body) > .button-bar:not(:last-child),
.hxvzdlggroups *[class*=" list--"]:not(.list--body) > .hxvzdlggroups--foot:not(:last-child),
*[class*=" list--"]:not(.list--body) > .button-group:not(:last-child),
.binary--with-file *[class*=" list--"]:not(.list--body) > .binary--file-controls:not(:last-child) {
  margin-right: 12px;
}
*[class^=list--]:not(.list--body) > .right,
*[class*=" list--"]:not(.list--body) > .right {
  margin-left: 8px;
  align-items: inherit;
}

.list--col-center-vertically > .list--col, .list--col-center-vertically > .list--col-resizeable {
  align-items: center;
}

.list--col, .list--col-resizeable {
  display: flex;
  position: relative;
  flex: 1 1 0%;
  align-items: flex-start;
  overflow: hidden;
}
.list--col:not(:last-child), .list--col-resizeable:not(:last-child) {
  padding-right: 16px;
}
.list--col:not(:first-child), .list--col-resizeable:not(:first-child) {
  padding-left: 16px;
}

.list--col-resizeable .list--col-divider {
  position: absolute;
  height: 100%;
  width: 3px;
  right: 0px;
  margin-top: -7px;
  margin-bottom: -8px;
  cursor: e-resize;
}
.list--col-resizeable .list--col-divider:last-child {
  display: none;
}

.list--col-wrap {
  flex-wrap: wrap;
}

.list--col-full-row {
  flex: 1 1 auto !important;
}

.list--col-container {
  padding: 0 !important;
}

.list--col-no-left-padding {
  padding-left: 0 !important;
}

.list--row-container {
  padding: 0 !important;
}

.list--row-no-left-padding {
  padding-left: 0 !important;
}

.list--row-head .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]):active .list--col-divider, .list--row-head .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]).active .list--col-divider {
  background-color: #FCC04F;
}
@media (hover: hover) and (pointer: fine) {
  .list--row-head .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]):hover .list--col-divider {
    background-color: #FCC04F;
  }
}

.list--row-sub .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]):active .list--col-divider, .list--row-sub .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]).active .list--col-divider {
  background-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .list--row-sub .list--col-resizeable:not(:last-child):not(.disabled):not([disabled]):hover .list--col-divider {
    background-color: #4560E2;
  }
}

/** col width settings on list layer **/
.list--col-1st-25 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 25px;
  flex: 0 0 auto;
}

.list--col-1st-50 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 50px;
  flex: 0 0 auto;
}

.list--col-1st-75 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 75px;
  flex: 0 0 auto;
}

.list--col-1st-100 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-100 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-100 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 100px;
  flex: 0 0 auto;
}

.list--col-1st-150 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-150 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-150 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 150px;
  flex: 0 0 auto;
}

.list--col-1st-200 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-200 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-200 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 200px;
  flex: 0 0 auto;
}

.list--col-1st-250 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-250 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-250 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 250px;
  flex: 0 0 auto;
}

.list--col-1st-300 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-300 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-300 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 300px;
  flex: 0 0 auto;
}

.list--col-1st-350 > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-350 > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-350 > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 350px;
  flex: 0 0 auto;
}

.list--col-1st-20p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-20p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-20p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 20%;
  flex: 0 0 auto;
}

.list--col-1st-25p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-25p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-25p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 25%;
  flex: 0 0 auto;
}

.list--col-1st-30p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-30p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-30p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 30%;
  flex: 0 0 auto;
}

.list--col-1st-33p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-33p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-33p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 33%;
  flex: 0 0 auto;
}

.list--col-1st-35p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-35p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-35p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 35%;
  flex: 0 0 auto;
}

.list--col-1st-40p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-40p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-40p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 40%;
  flex: 0 0 auto;
}

.list--col-1st-45p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-45p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-45p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 45%;
  flex: 0 0 auto;
}

.list--col-1st-50p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-50p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-50p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 50%;
  flex: 0 0 auto;
}

.list--col-1st-55p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-55p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-55p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 55%;
  flex: 0 0 auto;
}

.list--col-1st-60p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-60p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-60p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 60%;
  flex: 0 0 auto;
}

.list--col-1st-66p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-66p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-66p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 66%;
  flex: 0 0 auto;
}

.list--col-1st-70p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-70p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-70p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 70%;
  flex: 0 0 auto;
}

.list--col-1st-75p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-75p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-75p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 75%;
  flex: 0 0 auto;
}

.list--col-1st-80p > .list--row > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1), .list--col-1st-80p > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-head > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-sub > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-odd > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-even > .list--col:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-head > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-sub > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-odd > .list--col-resizeable:not(.list--col-width-normal):nth-child(1),
.list--col-1st-80p > *:not(.list) > .list--row-even > .list--col-resizeable:not(.list--col-width-normal):nth-child(1) {
  width: 80%;
  flex: 0 0 auto;
}

/** col width settings on col layer **/
.list .list--row .list--col-25:not(.list--col-width-normal), .list .list--row-head .list--col-25:not(.list--col-width-normal), .list .list--row-sub .list--col-25:not(.list--col-width-normal), .list .list--row-odd .list--col-25:not(.list--col-width-normal), .list .list--row-even .list--col-25:not(.list--col-width-normal),
.list .list--row .list--col-25:not(.list--col-width-normal):nth-child(1) {
  width: 25px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-50:not(.list--col-width-normal), .list .list--row-head .list--col-50:not(.list--col-width-normal), .list .list--row-sub .list--col-50:not(.list--col-width-normal), .list .list--row-odd .list--col-50:not(.list--col-width-normal), .list .list--row-even .list--col-50:not(.list--col-width-normal),
.list .list--row .list--col-50:not(.list--col-width-normal):nth-child(1) {
  width: 50px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-75:not(.list--col-width-normal), .list .list--row-head .list--col-75:not(.list--col-width-normal), .list .list--row-sub .list--col-75:not(.list--col-width-normal), .list .list--row-odd .list--col-75:not(.list--col-width-normal), .list .list--row-even .list--col-75:not(.list--col-width-normal),
.list .list--row .list--col-75:not(.list--col-width-normal):nth-child(1) {
  width: 75px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-100:not(.list--col-width-normal), .list .list--row-head .list--col-100:not(.list--col-width-normal), .list .list--row-sub .list--col-100:not(.list--col-width-normal), .list .list--row-odd .list--col-100:not(.list--col-width-normal), .list .list--row-even .list--col-100:not(.list--col-width-normal),
.list .list--row .list--col-100:not(.list--col-width-normal):nth-child(1) {
  width: 100px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-150:not(.list--col-width-normal), .list .list--row-head .list--col-150:not(.list--col-width-normal), .list .list--row-sub .list--col-150:not(.list--col-width-normal), .list .list--row-odd .list--col-150:not(.list--col-width-normal), .list .list--row-even .list--col-150:not(.list--col-width-normal),
.list .list--row .list--col-150:not(.list--col-width-normal):nth-child(1) {
  width: 150px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-200:not(.list--col-width-normal), .list .list--row-head .list--col-200:not(.list--col-width-normal), .list .list--row-sub .list--col-200:not(.list--col-width-normal), .list .list--row-odd .list--col-200:not(.list--col-width-normal), .list .list--row-even .list--col-200:not(.list--col-width-normal),
.list .list--row .list--col-200:not(.list--col-width-normal):nth-child(1) {
  width: 200px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-250:not(.list--col-width-normal), .list .list--row-head .list--col-250:not(.list--col-width-normal), .list .list--row-sub .list--col-250:not(.list--col-width-normal), .list .list--row-odd .list--col-250:not(.list--col-width-normal), .list .list--row-even .list--col-250:not(.list--col-width-normal),
.list .list--row .list--col-250:not(.list--col-width-normal):nth-child(1) {
  width: 250px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-300:not(.list--col-width-normal), .list .list--row-head .list--col-300:not(.list--col-width-normal), .list .list--row-sub .list--col-300:not(.list--col-width-normal), .list .list--row-odd .list--col-300:not(.list--col-width-normal), .list .list--row-even .list--col-300:not(.list--col-width-normal),
.list .list--row .list--col-300:not(.list--col-width-normal):nth-child(1) {
  width: 300px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-350:not(.list--col-width-normal), .list .list--row-head .list--col-350:not(.list--col-width-normal), .list .list--row-sub .list--col-350:not(.list--col-width-normal), .list .list--row-odd .list--col-350:not(.list--col-width-normal), .list .list--row-even .list--col-350:not(.list--col-width-normal),
.list .list--row .list--col-350:not(.list--col-width-normal):nth-child(1) {
  width: 350px !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-20p:not(.list--col-width-normal), .list .list--row-head .list--col-20p:not(.list--col-width-normal), .list .list--row-sub .list--col-20p:not(.list--col-width-normal), .list .list--row-odd .list--col-20p:not(.list--col-width-normal), .list .list--row-even .list--col-20p:not(.list--col-width-normal),
.list .list--row .list--col-20p:not(.list--col-width-normal):nth-child(1) {
  width: 20% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-25p:not(.list--col-width-normal), .list .list--row-head .list--col-25p:not(.list--col-width-normal), .list .list--row-sub .list--col-25p:not(.list--col-width-normal), .list .list--row-odd .list--col-25p:not(.list--col-width-normal), .list .list--row-even .list--col-25p:not(.list--col-width-normal),
.list .list--row .list--col-25p:not(.list--col-width-normal):nth-child(1) {
  width: 25% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-30p:not(.list--col-width-normal), .list .list--row-head .list--col-30p:not(.list--col-width-normal), .list .list--row-sub .list--col-30p:not(.list--col-width-normal), .list .list--row-odd .list--col-30p:not(.list--col-width-normal), .list .list--row-even .list--col-30p:not(.list--col-width-normal),
.list .list--row .list--col-30p:not(.list--col-width-normal):nth-child(1) {
  width: 30% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-33p:not(.list--col-width-normal), .list .list--row-head .list--col-33p:not(.list--col-width-normal), .list .list--row-sub .list--col-33p:not(.list--col-width-normal), .list .list--row-odd .list--col-33p:not(.list--col-width-normal), .list .list--row-even .list--col-33p:not(.list--col-width-normal),
.list .list--row .list--col-33p:not(.list--col-width-normal):nth-child(1) {
  width: 33% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-35p:not(.list--col-width-normal), .list .list--row-head .list--col-35p:not(.list--col-width-normal), .list .list--row-sub .list--col-35p:not(.list--col-width-normal), .list .list--row-odd .list--col-35p:not(.list--col-width-normal), .list .list--row-even .list--col-35p:not(.list--col-width-normal),
.list .list--row .list--col-35p:not(.list--col-width-normal):nth-child(1) {
  width: 35% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-40p:not(.list--col-width-normal), .list .list--row-head .list--col-40p:not(.list--col-width-normal), .list .list--row-sub .list--col-40p:not(.list--col-width-normal), .list .list--row-odd .list--col-40p:not(.list--col-width-normal), .list .list--row-even .list--col-40p:not(.list--col-width-normal),
.list .list--row .list--col-40p:not(.list--col-width-normal):nth-child(1) {
  width: 40% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-45p:not(.list--col-width-normal), .list .list--row-head .list--col-45p:not(.list--col-width-normal), .list .list--row-sub .list--col-45p:not(.list--col-width-normal), .list .list--row-odd .list--col-45p:not(.list--col-width-normal), .list .list--row-even .list--col-45p:not(.list--col-width-normal),
.list .list--row .list--col-45p:not(.list--col-width-normal):nth-child(1) {
  width: 45% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-50p:not(.list--col-width-normal), .list .list--row-head .list--col-50p:not(.list--col-width-normal), .list .list--row-sub .list--col-50p:not(.list--col-width-normal), .list .list--row-odd .list--col-50p:not(.list--col-width-normal), .list .list--row-even .list--col-50p:not(.list--col-width-normal),
.list .list--row .list--col-50p:not(.list--col-width-normal):nth-child(1) {
  width: 50% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-55p:not(.list--col-width-normal), .list .list--row-head .list--col-55p:not(.list--col-width-normal), .list .list--row-sub .list--col-55p:not(.list--col-width-normal), .list .list--row-odd .list--col-55p:not(.list--col-width-normal), .list .list--row-even .list--col-55p:not(.list--col-width-normal),
.list .list--row .list--col-55p:not(.list--col-width-normal):nth-child(1) {
  width: 55% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-60p:not(.list--col-width-normal), .list .list--row-head .list--col-60p:not(.list--col-width-normal), .list .list--row-sub .list--col-60p:not(.list--col-width-normal), .list .list--row-odd .list--col-60p:not(.list--col-width-normal), .list .list--row-even .list--col-60p:not(.list--col-width-normal),
.list .list--row .list--col-60p:not(.list--col-width-normal):nth-child(1) {
  width: 60% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-66p:not(.list--col-width-normal), .list .list--row-head .list--col-66p:not(.list--col-width-normal), .list .list--row-sub .list--col-66p:not(.list--col-width-normal), .list .list--row-odd .list--col-66p:not(.list--col-width-normal), .list .list--row-even .list--col-66p:not(.list--col-width-normal),
.list .list--row .list--col-66p:not(.list--col-width-normal):nth-child(1) {
  width: 66% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-70p:not(.list--col-width-normal), .list .list--row-head .list--col-70p:not(.list--col-width-normal), .list .list--row-sub .list--col-70p:not(.list--col-width-normal), .list .list--row-odd .list--col-70p:not(.list--col-width-normal), .list .list--row-even .list--col-70p:not(.list--col-width-normal),
.list .list--row .list--col-70p:not(.list--col-width-normal):nth-child(1) {
  width: 70% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-75p:not(.list--col-width-normal), .list .list--row-head .list--col-75p:not(.list--col-width-normal), .list .list--row-sub .list--col-75p:not(.list--col-width-normal), .list .list--row-odd .list--col-75p:not(.list--col-width-normal), .list .list--row-even .list--col-75p:not(.list--col-width-normal),
.list .list--row .list--col-75p:not(.list--col-width-normal):nth-child(1) {
  width: 75% !important;
  flex: 0 0 auto;
}

.list .list--row .list--col-80p:not(.list--col-width-normal), .list .list--row-head .list--col-80p:not(.list--col-width-normal), .list .list--row-sub .list--col-80p:not(.list--col-width-normal), .list .list--row-odd .list--col-80p:not(.list--col-width-normal), .list .list--row-even .list--col-80p:not(.list--col-width-normal),
.list .list--row .list--col-80p:not(.list--col-width-normal):nth-child(1) {
  width: 80% !important;
  flex: 0 0 auto;
}

.list--row-clickable > .list--row:not(.list--row-not-clickable), .list--row-clickable > .list--row-head:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable),
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable),
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable),
.list--row-clickable > .list--row-even:not(.list--row-not-clickable),
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable) {
  cursor: pointer;
}
.list--row-clickable > .list--row:not(.list--row-not-clickable):hover, .list--row-clickable > .list--row-head:not(.list--row-not-clickable):hover, .list--row-clickable > .list--row:not(.list--row-not-clickable).list--row-cursor, .list--row-clickable > .list--row-head:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-even:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-even:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable).list--row-cursor {
  outline: 1px solid #9dabf0;
}
.list--row-clickable > .list--row:not(.list--row-not-clickable).list--row-cursor, .list--row-clickable > .list--row-head:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > .list--row-even:not(.list--row-not-clickable).list--row-cursor,
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable).list--row-cursor {
  z-index: 1;
}
.list--row-clickable > .list--row:not(.list--row-not-clickable):active, .list--row-clickable > .list--row-head:not(.list--row-not-clickable):active,
.list--row-clickable > * > .list--row:not(.list--row-not-clickable):active,
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable):active,
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable):active,
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable):active,
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable):active,
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable):active,
.list--row-clickable > .list--row-even:not(.list--row-not-clickable):active,
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable):active {
  outline: 1px solid #4560E2;
  z-index: 1;
}
.list--row-clickable > .list--row:not(.list--row-not-clickable):hover, .list--row-clickable > .list--row-head:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-head:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-sub:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-sub:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-odd:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-odd:not(.list--row-not-clickable):hover,
.list--row-clickable > .list--row-even:not(.list--row-not-clickable):hover,
.list--row-clickable > * > .list--row-even:not(.list--row-not-clickable):hover {
  z-index: 2;
}

.list-script-overview--col:nth-child(10), .list-script-overview--col:nth-child(9), .list-script-overview--col:nth-child(8), .list-script-overview--col:nth-child(7), .list-script-overview--col:nth-child(6), .list-script-overview--col:nth-child(4), .list--col.list--col-border, .list--col-border.list--col-resizeable, .list.list--col-border > .list--row > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-head > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-sub > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-odd > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-head > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-sub > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-odd > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-head > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-sub > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-odd > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-head > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-sub > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-odd > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-head > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-sub > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-odd > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-head > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-sub > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-odd > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-head > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-sub > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-odd > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-head > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-sub > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-odd > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border) {
  border-left: 2px solid #FFFFFF;
}

.list.list--col-border > .list--row-even > .list--col + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col-resizeable + .list--col:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col + .list--col-resizeable:not(.list--col-no-border), .list.list--col-border > .list--row-even > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col-resizeable + .list--col:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col + .list--col-resizeable:not(.list--col-no-border),
.list.list--col-border > * > .list--row-even > .list--col-resizeable + .list--col-resizeable:not(.list--col-no-border) {
  border-left-color: #fafafa;
}

.list[data-dye-group].list--body.list--border-less + .list[data-dye-group].list--body.list--border-less:not(.list--body-like-first) {
  margin-top: -16px;
  padding-top: 0px;
}

.list--row-head .indicator:not(.disabled):not([disabled]):active, .list--row-head .indicator:not(.disabled):not([disabled]).active,
.list--row-head-alt .indicator:not(.disabled):not([disabled]):active,
.list--row-head-alt .indicator:not(.disabled):not([disabled]).active,
.list--row-active .indicator:not(.disabled):not([disabled]):active,
.list--row-active .indicator:not(.disabled):not([disabled]).active {
  color: #C1C8DF;
}
@media (hover: hover) and (pointer: fine) {
  .list--row-head .indicator:not(.disabled):not([disabled]):hover,
  .list--row-head-alt .indicator:not(.disabled):not([disabled]):hover,
  .list--row-active .indicator:not(.disabled):not([disabled]):hover {
    color: #C1C8DF;
  }
}

.list .gap {
  gap: 8px;
}

.list .column-gap {
  column-gap: 8px;
}

.list .row-gap {
  row-gap: 8px;
}

.list-selector {
  width: 100%;
  height: 301px;
  display: flex;
  flex-direction: row;
  margin: 6px 0px;
  border: 1px solid #D5DAE9;
  border-radius: 1px;
  background-color: #D5DAE9;
}

.list-selector--xs {
  height: 150px;
}

.list-selector--sm {
  height: 190px;
}

.list-selector--md {
  height: 240px;
}

.list-selector--lg {
  height: 320px;
}

.list-selector--container {
  position: relative;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.list-selector--list-available {
  margin-right: 1px;
}

.list-selector--head-container {
  border-bottom: 1px solid #D5DAE9;
  line-height: 22px;
  padding: 7px 15px 8px 15px;
  min-height: 32px;
  align-items: center;
  background-color: #FFFFFF;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.list-selector--head-container > div:last-child {
  margin-left: 8px;
}

.list-selector--label {
  white-space: nowrap;
}

.list-selector--search-bar {
  flex-shrink: 1;
}
.list-selector--search-bar .input--clearable {
  max-width: clamp(100px, 200px, 66%);
  flex-shrink: 1;
}

.list-selector--data-new {
  border: 0px solid #C1C8DF;
  border-bottom-width: 1px;
  flex-shrink: 0;
  transition: height 0.25s;
  -webkit-transition: height 0.25s;
  overflow: hidden;
}

.list-selector--data-container {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  flex: 1 1 100%;
}
.list-selector--data-container .button, .list-selector--data-container .selector .selector--selected button, .selector .selector--selected .list-selector--data-container button, .list-selector--data-container .selector .selector--select, .selector .list-selector--data-container .selector--select, .list-selector--data-container .site-header .site-header--search > .site-header--search-container .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .list-selector--data-container .site-header--search-mode, .list-selector--data-container .counter .counter--generator, .counter .list-selector--data-container .counter--generator, .list-selector--data-container .counter .counter--preview .counter--delete, .counter .counter--preview .list-selector--data-container .counter--delete {
  width: 25px;
}

.list-selector--data-list {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  flex: 1 1 100%;
}
.list-selector--data-list .list-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

@keyframes cortex-style-spin {
  100% {
    transform: rotate(360deg);
  }
}
.loading--overlay.closed {
  display: none;
}

.loading--overlay {
  z-index: 1600;
  position: absolute;
  display: flex;
  padding: 2rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(56, 59, 95, 0.15);
}
.loading--overlay .loading {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  padding: 16px;
  min-width: 98px;
  border-radius: 4px;
}
.loading--overlay .loading.fixed {
  position: fixed;
}
.loading--overlay .loading:before {
  content: "\ea9a";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  pointer-events: none;
  font-size: 50px;
  line-height: 50px;
  height: 50px;
  width: 50px;
  animation: cortex-style-spin 3s linear infinite;
  transform-origin: 46% 51%;
  position: relative;
  margin: 8px auto;
}

.loading--inline:before {
  content: "\ea9a";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  pointer-events: none;
  animation: cortex-style-spin 3s linear infinite;
  transform-origin: 46% 51%;
  display: inline-block;
}
.loading--inline:not(:first-child) {
  margin-left: 8px;
}
.loading--inline:not(:last-child) {
  margin-right: 8px;
}

.notification--overlay {
  z-index: 1100;
  pointer-events: none;
  position: fixed;
  display: flex;
  flex-direction: column;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow-x: visible;
  overflow-y: auto;
  align-items: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.notification--overlay .notification--container {
  margin: 0px;
}
.notification--overlay .notification {
  pointer-events: all;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  max-width: 220px;
  background-color: #FFFFFF;
  padding: 16px;
  border-radius: 4px;
}
.notification--overlay .notification .header-bar, .notification--overlay .notification .hxvzdlggroups .hxvzdlggroups--head, .hxvzdlggroups .notification--overlay .notification .hxvzdlggroups--head, .notification--overlay .notification .list-app .list-app--header-bar, .notification--overlay .notification .hxvzdlggroups .list-app--header-bar, .list-app .notification--overlay .notification .list-app--header-bar, .hxvzdlggroups .notification--overlay .notification .list-app--header-bar,
.notification--overlay .notification .footer-bar,
.notification--overlay .notification .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .notification--overlay .notification .hxvzdlggroups--foot,
.notification--overlay .notification .list-app .list-app--footer-bar,
.notification--overlay .notification .hxvzdlggroups .list-app--footer-bar,
.list-app .notification--overlay .notification .list-app--footer-bar,
.hxvzdlggroups .notification--overlay .notification .list-app--footer-bar {
  flex: 0 0 auto;
}
.notification--overlay .notification .notification--close-button {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: 8px;
  margin-right: 8px;
}
.notification--overlay .notification .notification--icon {
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}
.notification--overlay .notification .notification--close-button > .button, .notification--overlay .notification .selector .selector--selected .notification--close-button > button, .selector .selector--selected .notification--overlay .notification .notification--close-button > button, .notification--overlay .notification .selector .notification--close-button > .selector--select, .selector .notification--overlay .notification .notification--close-button > .selector--select, .notification--overlay .notification .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .notification--overlay .notification .notification--close-button > .site-header--search-mode, .notification--overlay .notification .counter .notification--close-button > .counter--generator, .counter .notification--overlay .notification .notification--close-button > .counter--generator, .notification--overlay .notification .counter .counter--preview .notification--close-button > .counter--delete, .counter .counter--preview .notification--overlay .notification .notification--close-button > .counter--delete {
  width: auto;
  min-width: 18px;
}
.notification--overlay .notification .notification--icon {
  color: #3C81F9;
}
.notification--overlay .notification[data-notification-color=success] .notification--icon {
  color: #47C0BD;
}
.notification--overlay .notification[data-notification-color=warning] .notification--icon {
  color: #FCC04F;
}
.notification--overlay .notification[data-notification-color=danger] .notification--icon {
  color: #F14F59;
}
.notification--overlay .notification .notification--body {
  margin-top: 8px;
}
.notification--overlay .notification .notification--icon + .notification--body {
  text-align: center;
  margin-top: 0px;
}

.notification--overlay-app {
  z-index: 900;
  position: sticky;
  right: 0px;
  top: 0px;
  left: 0px;
  max-height: 25vh;
  overflow-y: auto;
}
.notification--overlay-app .notification {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  color: #FFFFFF;
  background-color: #3C81F9;
}
.notification--overlay-app .notification .header-bar, .notification--overlay-app .notification .hxvzdlggroups .hxvzdlggroups--head, .hxvzdlggroups .notification--overlay-app .notification .hxvzdlggroups--head, .notification--overlay-app .notification .list-app .list-app--header-bar, .notification--overlay-app .notification .hxvzdlggroups .list-app--header-bar, .list-app .notification--overlay-app .notification .list-app--header-bar, .hxvzdlggroups .notification--overlay-app .notification .list-app--header-bar,
.notification--overlay-app .notification .footer-bar,
.notification--overlay-app .notification .hxvzdlggroups .hxvzdlggroups--foot,
.hxvzdlggroups .notification--overlay-app .notification .hxvzdlggroups--foot,
.notification--overlay-app .notification .list-app .list-app--footer-bar,
.notification--overlay-app .notification .hxvzdlggroups .list-app--footer-bar,
.list-app .notification--overlay-app .notification .list-app--footer-bar,
.hxvzdlggroups .notification--overlay-app .notification .list-app--footer-bar {
  flex: 0 0 auto;
}
.notification--overlay-app .notification .notification--icon {
  color: #FFFFFF;
}
.notification--overlay-app .notification .notification--close-button > .button, .notification--overlay-app .notification .selector .selector--selected .notification--close-button > button, .selector .selector--selected .notification--overlay-app .notification .notification--close-button > button, .notification--overlay-app .notification .selector .notification--close-button > .selector--select, .selector .notification--overlay-app .notification .notification--close-button > .selector--select, .notification--overlay-app .notification .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification .notification--close-button > .site-header--search-mode, .notification--overlay-app .notification .counter .notification--close-button > .counter--generator, .counter .notification--overlay-app .notification .notification--close-button > .counter--generator, .notification--overlay-app .notification .counter .counter--preview .notification--close-button > .counter--delete, .counter .counter--preview .notification--overlay-app .notification .notification--close-button > .counter--delete {
  width: auto;
  min-width: 18px;
  color: rgba(56, 59, 95, 0.5);
}
.notification--overlay-app .notification .notification--close-button > .button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):active, .selector .selector--selected .notification--overlay-app .notification .notification--close-button > button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .selector .notification--overlay-app .notification .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .counter .notification--overlay-app .notification .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .notification--overlay-app .notification .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .notification--overlay-app .notification .notification--close-button > .button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]).active, .selector .selector--selected .notification--overlay-app .notification .notification--close-button > button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .selector .notification--overlay-app .notification .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .notification--overlay-app .notification .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .notification--overlay-app .notification .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .counter .notification--overlay-app .notification .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .notification--overlay-app .notification .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .notification--overlay-app .notification .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active {
  color: #383B5F;
}
@media (hover: hover) and (pointer: fine) {
  .notification--overlay-app .notification .notification--close-button > .button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):hover, .selector .selector--selected .notification--overlay-app .notification .notification--close-button > button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .selector .notification--overlay-app .notification .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .counter .notification--overlay-app .notification .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .notification--overlay-app .notification .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover {
    color: #383B5F;
  }
}
.notification--overlay-app .notification[data-notification-color=success] {
  color: #FFFFFF;
  background-color: #47C0BD;
}
.notification--overlay-app .notification[data-notification-color=success] .notification--icon {
  color: #FFFFFF;
}
.notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .button, .notification--overlay-app .notification[data-notification-color=success] .selector .selector--selected .notification--close-button > button, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > button, .notification--overlay-app .notification[data-notification-color=success] .selector .notification--close-button > .selector--select, .selector .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .selector--select, .notification--overlay-app .notification[data-notification-color=success] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .site-header--search-mode, .notification--overlay-app .notification[data-notification-color=success] .counter .notification--close-button > .counter--generator, .counter .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--generator, .notification--overlay-app .notification[data-notification-color=success] .counter .counter--preview .notification--close-button > .counter--delete, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--delete {
  color: rgba(255, 255, 255, 0.5);
}
.notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .selector .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .counter .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=success] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]).active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=success] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .selector .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=success] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=success] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .counter .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=success] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=success] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):hover, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=success] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .selector .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=success] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=success] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .counter .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=success] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=success] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
  }
}
.notification--overlay-app .notification[data-notification-color=warning] {
  color: #383B5F;
  background-color: #FCC04F;
}
.notification--overlay-app .notification[data-notification-color=warning] .notification--icon {
  color: #383B5F;
}
.notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .button, .notification--overlay-app .notification[data-notification-color=warning] .selector .selector--selected .notification--close-button > button, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > button, .notification--overlay-app .notification[data-notification-color=warning] .selector .notification--close-button > .selector--select, .selector .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .selector--select, .notification--overlay-app .notification[data-notification-color=warning] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .site-header--search-mode, .notification--overlay-app .notification[data-notification-color=warning] .counter .notification--close-button > .counter--generator, .counter .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--generator, .notification--overlay-app .notification[data-notification-color=warning] .counter .counter--preview .notification--close-button > .counter--delete, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--delete {
  color: rgba(56, 59, 95, 0.5);
}
.notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .selector .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .counter .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=warning] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]).active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=warning] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .selector .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=warning] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=warning] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .counter .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=warning] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active {
  color: #383B5F;
}
@media (hover: hover) and (pointer: fine) {
  .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=warning] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):hover, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=warning] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .selector .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=warning] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=warning] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .counter .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=warning] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=warning] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover {
    color: #383B5F;
  }
}
.notification--overlay-app .notification[data-notification-color=danger] {
  color: #FFFFFF;
  background-color: #F14F59;
}
.notification--overlay-app .notification[data-notification-color=danger] .notification--icon {
  color: #FFFFFF;
}
.notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .button, .notification--overlay-app .notification[data-notification-color=danger] .selector .selector--selected .notification--close-button > button, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > button, .notification--overlay-app .notification[data-notification-color=danger] .selector .notification--close-button > .selector--select, .selector .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .selector--select, .notification--overlay-app .notification[data-notification-color=danger] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .site-header--search-mode, .notification--overlay-app .notification[data-notification-color=danger] .counter .notification--close-button > .counter--generator, .counter .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--generator, .notification--overlay-app .notification[data-notification-color=danger] .counter .counter--preview .notification--close-button > .counter--delete, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--delete {
  color: rgba(255, 255, 255, 0.5);
}
.notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > button:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .selector .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .selector--select:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .counter .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):active, .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=danger] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]).active, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > button:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=danger] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .selector .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .selector--select:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=danger] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=danger] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .counter .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--generator:not(.disabled):not([disabled]).active, .notification--overlay-app .notification[data-notification-color=danger] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--delete:not(.disabled):not([disabled]).active {
  color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=danger] .selector .selector--selected .notification--close-button > button:not(.disabled):not([disabled]):hover, .selector .selector--selected .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > button:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=danger] .selector .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .selector .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .selector--select:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=danger] .site-header .site-header--search > .site-header--search-container .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .site-header .site-header--search > .site-header--search-container .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .site-header--search-mode:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=danger] .counter .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .counter .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--generator:not(.disabled):not([disabled]):hover, .notification--overlay-app .notification[data-notification-color=danger] .counter .counter--preview .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover, .counter .counter--preview .notification--overlay-app .notification[data-notification-color=danger] .notification--close-button > .counter--delete:not(.disabled):not([disabled]):hover {
    color: #FFFFFF;
  }
}
.notification--overlay-app .notification .notification--close-button {
  float: right;
}
.notification--overlay-app .notification .notification--icon {
  height: 20px;
  width: 20px;
  margin: 16px;
  margin-right: 8px;
}
.notification--overlay-app .notification .notification--icon[data-notification-icon]::after {
  content: "!!!";
  font-size: 20px !important;
  line-height: 20px;
}
.notification--overlay-app .notification .notification--body {
  flex-grow: 1;
  flex-basis: 100%;
  clear: left;
}

.notification[data-notification-icon] .notification--icon::after {
  content: "!!!";
  font-size: 20px !important;
  line-height: 20px;
}
.notification[data-notification-icon=notify_alert] .notification--icon:after {
  content: "\ea6d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_close] .notification--icon:after {
  content: "\ea6e";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_confirm] .notification--icon:after {
  content: "\ea6f";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_exit] .notification--icon:after {
  content: "\ea70";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_info] .notification--icon:after {
  content: "\ea71";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_messages] .notification--icon:after {
  content: "\ea72";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_question] .notification--icon:after {
  content: "\ea73";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_search] .notification--icon:after {
  content: "\ea74";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=notify_stop] .notification--icon:after {
  content: "\ea75";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.notification[data-notification-icon=""] .notification--icon, .notification:not([data-notification-icon]) .notification--icon {
  display: none;
}

.notification--container {
  width: 100%;
  margin: 8px;
  clear: both;
}

.notification--title {
  float: left;
}

.notification--auto-close-timer {
  font-size: 0.6rem;
}

.pop-up-window--overlay.closed, .closed.pop-up--overlay,
.pop-up-overlay--overlay.closed {
  display: none;
}

.pop-up-window--overlay, .pop-up--overlay {
  z-index: 100;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(56, 59, 95, 0.2);
}
.pop-up-window--overlay .pop-up, .pop-up--overlay .pop-up {
  position: fixed;
  background-color: #FFFFFF;
  flex: 1 1 200px;
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
  border-radius: 4px;
}
.pop-up-window--overlay .pop-up .pop-up--body, .pop-up--overlay .pop-up .pop-up--body, .pop-up-window--overlay .pop-up .pop-up--body-container, .pop-up--overlay .pop-up .pop-up--body-container {
  position: relative;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 16px;
  padding-bottom: 40px;
  flex-grow: 1;
}
.pop-up-window--overlay .pop-up .pop-up--body-container, .pop-up--overlay .pop-up .pop-up--body-container {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 24px;
}

.pop-up--overlay {
  z-index: 1500;
}
.pop-up--overlay.pop-up-min-width-300 .pop-up {
  min-width: 300px;
}
.pop-up--overlay.pop-up-min-width-400 .pop-up {
  min-width: 400px;
}
.pop-up--overlay.pop-up-min-width-500 .pop-up {
  min-width: 500px;
}
.pop-up--overlay.pop-up-min-width-600 .pop-up {
  min-width: 600px;
}
.pop-up--overlay.pop-up-min-width-700 .pop-up {
  min-width: 700px;
}
.pop-up--overlay.pop-up-min-width-800 .pop-up {
  min-width: 800px;
}
.pop-up--overlay.pop-up-min-width-900 .pop-up {
  min-width: 900px;
}
.pop-up--overlay.pop-up-min-width-30p .pop-up {
  min-width: 30%;
}
.pop-up--overlay.pop-up-min-width-40p .pop-up {
  min-width: 40%;
}
.pop-up--overlay.pop-up-min-width-50p .pop-up {
  min-width: 50%;
}
.pop-up--overlay.pop-up-min-width-60p .pop-up {
  min-width: 60%;
}
.pop-up--overlay.pop-up-min-width-70p .pop-up {
  min-width: 70%;
}
.pop-up--overlay.pop-up-min-width-80p .pop-up {
  min-width: 80%;
}
.pop-up--overlay.pop-up-min-width-90p .pop-up {
  min-width: 90%;
}
.pop-up--overlay .pop-up .pop-up--body, .pop-up--overlay .pop-up .pop-up--body-container {
  position: relative;
  flex-grow: 1;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon {
  float: left;
  height: 40px;
  width: 40px;
  margin-right: 16px;
  margin-bottom: 8px;
  color: #3C81F9;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon-color=success], .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon-color=success] {
  color: #47C0BD;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon-color=warning], .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon-color=warning] {
  color: #FCC04F;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon-color=danger], .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon-color=danger] {
  color: #F14F59;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon]::after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon]::after {
  content: "!!!";
  font-size: 40px !important;
  line-height: 40px;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_alert]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_alert]:after {
  content: "\ea6d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_close]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_close]:after {
  content: "\ea6e";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_confirm]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_confirm]:after {
  content: "\ea6f";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_exit]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_exit]:after {
  content: "\ea70";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_info]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_info]:after {
  content: "\ea71";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_messages]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_messages]:after {
  content: "\ea72";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_question]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_question]:after {
  content: "\ea73";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_search]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_search]:after {
  content: "\ea74";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pop-up--overlay .pop-up .pop-up--body .pop-up--icon[data-pop-up-icon=notify_stop]:after, .pop-up--overlay .pop-up .pop-up--body-container .pop-up--icon[data-pop-up-icon=notify_stop]:after {
  content: "\ea75";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pop-up {
  min-width: 200px;
}

.pop-up--overlay.position--bias-top .pop-up,
.pop-up-window--overlay.position--bias-top .pop-up {
  top: 12%;
}
.pop-up--overlay.position--bias-bottom .pop-up,
.pop-up-window--overlay.position--bias-bottom .pop-up {
  bottom: 12%;
}

.progress-bar {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
}
.progress-bar span {
  color: #4560E2;
  margin-left: 8px;
  display: inline-block;
  text-align: right;
}
.progress-bar span:not(:empty) {
  width: 30px;
}
.progress-bar progress {
  margin-left: 8px;
  margin-right: 8px;
  appearance: none;
  position: relative;
  width: 40px;
  height: 8px;
  border: none;
}
.progress-bar progress[value]::-webkit-progress-bar {
  background-color: #F2F4F8;
  border-radius: 1px;
}
.progress-bar progress[value]::-webkit-progress-value {
  background-color: #4560E2;
  border-radius: 1px;
  transition: width 0.25s ease-out;
}
.progress-bar progress[value]::-moz-progress-bar {
  background-color: #4560E2;
  border-radius: 1px;
  transition: width 0.25s ease-out;
}
.progress-bar progress:not([value])::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  position: absolute;
  background-image: linear-gradient(-45deg, #F2F4F8 33%, #4560E2 33%, #4560E2 66%, #F2F4F8 66%);
  animation: animate-stripes 2s linear infinite;
  -webkit-animation: animate-stripes 2s linear infinite;
}
.progress-bar progress:not([value])::-moz-progress-bar {
  background-image: linear-gradient(-45deg, #F2F4F8 33%, #4560E2 33%, #4560E2 66%, #F2F4F8 66%);
  animation: animate-stripes 2s linear infinite;
  -moz-animation: animate-stripes 2s linear infinite;
}

.progress-bar--large {
  height: 22px;
  width: 100%;
  min-width: 250px;
  align-self: center;
}
.progress-bar--large progress {
  display: none;
}
.progress-bar--large .progress > div > div, .progress-bar--large .progress > div, .progress-bar--large .progress {
  display: block;
  margin: 0;
  height: 22px;
  line-height: 12pt;
  padding: 3px 0;
}
.progress-bar--large .progress {
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #F2F4F8;
  color: #1D1F3E;
}
.progress-bar--large .progress > div {
  transition: width 0.25s ease-out;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.progress-bar--large .progress > div > div {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #4560E2;
  color: #F2F4F8;
}

.progress-bar.complete span {
  color: #47C0BD;
}

.progress-bar.complete progress[value]::-webkit-progress-value {
  background-color: #47C0BD;
}

.progress-bar.complete progress[value]::-moz-progress-bar {
  background-color: #47C0BD;
}

.progress-bar--large.complete .progress > div,
.progress-bar--large.complete .progress > div > div {
  background-color: #47C0BD;
}

@keyframes animate-stripes {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -40px 0px;
  }
}
.repeatable-container {
  overflow-x: auto;
  overflow-y: hidden;
}

.repeatable-container-group {
  display: flex;
}

.repeatable-container-group.repeatable-container-tablegroup {
  display: table-row;
}

.repeatable-container-group-data {
  flex: 1 1 auto;
}

.repeatable-container-group-number {
  text-align: right;
  margin: 8px;
  color: #9295BE;
}

.repeatable-container-group + .repeatable-container-group {
  border-top: 2px solid #D5DAE9;
}

select {
  width: 100%;
  max-width: 180px;
  border: 1px solid #D5DAE9;
  padding: 2px 27px 3px 8px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
  background-image: url("./images/select_arrow.png");
  background-position-x: calc(100% - 1px);
  background-repeat: no-repeat;
  border-radius: 1px;
}
select:hover {
  background-image: url("./images/select_arrow_hover.png");
  border-color: #C1C8DF;
}
select:focus {
  border-color: #9dabf0;
}

.select--styled {
  width: 100%;
  max-width: 180px;
  display: inline-flex;
  position: relative;
  border-radius: 0;
  border: none;
  color: #1D1F3E;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 15px;
  min-height: 22px;
}
.select--styled > select {
  display: none;
}
.select--styled .select--styled-selected {
  border-radius: 1px;
  cursor: pointer;
  flex: 1 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #D5DAE9;
  padding: 2px 27px 3px 8px;
  background-color: #FFFFFF;
}
.select--styled .select--styled-selected:after {
  content: "\ea17";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  position: absolute;
  right: 2px;
  pointer-events: none;
  margin-top: -1px;
}
.select--styled .select--styled-selected:hover {
  border-color: #C1C8DF;
}
.select--styled .select--styled-selected.select--styled-list-open {
  border-color: #9dabf0;
  z-index: 1;
}
.select--styled .select--styled-selected.select--styled-list-open:after, .select--styled .select--styled-selected:hover:after {
  color: #383B5F;
}
.select--styled .select--styled-selected:focus {
  border-color: #9dabf0;
}

.select--styled-button-only {
  width: 20px;
  min-width: 20px;
  cursor: pointer;
  border: 1px solid #D5DAE9;
  padding: 2px;
  background-color: #FFFFFF;
}
.select--styled-button-only:after {
  content: "\ea17";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9295BE;
  position: absolute;
  right: 0px;
  pointer-events: none;
  margin-top: -1px;
}
.select--styled-button-only:hover {
  border-color: #C1C8DF;
}
.select--styled-button-only.select--styled-list-open {
  border-color: #9dabf0;
  z-index: 1;
}
.select--styled-button-only.select--styled-list-open:after, .select--styled-button-only:hover:after {
  color: #383B5F;
}
.select--styled-button-only:focus {
  border-color: #9dabf0;
}
.select--styled-button-only .select--styled-selected {
  display: none;
}

.select--styled-list .select--styled-list-item.disabled, .disabled .select--styled .select--styled-selected,
.select--styled.disabled .select--styled-selected {
  cursor: default;
  background-color: #F9FAFC;
  border-color: #E9EBEF;
  color: #C1C8DF;
}
.select--styled-list .select--styled-list-item.disabled:after, .disabled .select--styled .select--styled-selected:after,
.select--styled.disabled .select--styled-selected:after {
  color: #C1C8DF;
}
.select--styled-list .select--styled-list-item.disabled:hover:after, .disabled .select--styled .select--styled-selected:hover:after,
.select--styled.disabled .select--styled-selected:hover:after {
  color: #C1C8DF;
}

.select--styled-xs {
  max-width: 60px;
}

.select--styled-sm {
  max-width: 120px;
}

.select--styled-md {
  max-width: 240px;
}

.select--styled-lg {
  max-width: 360px;
}

.select--styled-full {
  max-width: 100%;
}

.select--styled-list {
  position: fixed;
  background-color: #FFFFFF;
  top: 100%;
  overflow-x: auto;
  max-height: 256px;
  margin-top: 4px;
  margin-bottom: 4px;
  z-index: 500;
  border-radius: 2px;
}
.select--styled-list > * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select--styled-list .select--styled-list-item,
.select--styled-list .select--styled-list-item-selected {
  padding: 8px 8px 9px 34px;
  cursor: pointer;
  min-height: 32px;
}
.select--styled-list .select--styled-list-item:hover:not(.disabled), .select--styled-list .select--styled-list-item.select--styled-list-item-active,
.select--styled-list .select--styled-list-item-selected:hover:not(.disabled),
.select--styled-list .select--styled-list-item-selected.select--styled-list-item-active {
  background-color: #F2F4F8;
}
.select--styled-list .select--styled-list-item-selected {
  color: #4560E2;
}
.select--styled-list .select--styled-list-item-selected:before {
  content: "\ea16";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  pointer-events: none;
  margin-left: -26px;
  margin-top: -1px;
}
.select--styled-list .select--styled-list-opt-group {
  background-color: #E9EBEF;
  padding: 8px 8px 9px 8px;
}
.select--styled-list .select--styled-list-opt-group-container > * {
  border-left: 16px solid #E9EBEF;
}

.select--styled-hidden {
  display: none;
}

.selector {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: 180px;
  vertical-align: baseline;
  margin-left: 1px;
  margin-right: 0px;
  line-height: 15px;
}
.selector:before {
  content: " ";
  height: 0px;
  line-height: 20px;
}
.selector .selector--select {
  margin: 0px;
}
.selector > .selector--select:not(:first-child),
.selector > .button-group:not(:first-child),
.binary--with-file .selector > .binary--file-controls:not(:first-child) {
  margin-top: 6px;
}
.selector .selector--selected {
  position: relative;
  color: #1D1F3E;
  align-self: stretch;
  white-space: nowrap;
  display: inline-flex;
}
.selector .selector--selected span {
  margin-left: 8px;
  padding: 2px 0 3px 0;
}
.selector .selector--selected button {
  margin: 0px;
  margin-left: 8px;
}
.selector .selector--selected + .selector--selected {
  margin-top: 6px;
}

.selector[data-multi-value-mode=chain] .selector--selected + .selector--selected:after {
  content: " ";
  width: 2px;
  height: 6px;
  background: #C1C8DF;
  position: absolute;
  right: 10px;
  top: -6px;
}

.selector-xs {
  max-width: 60px;
}

.selector-sm {
  max-width: 120px;
}

.selector-md {
  max-width: 240px;
}

.selector-lg {
  max-width: 360px;
}

.selector-full {
  max-width: 100%;
}

.side-bar--overlay.closed {
  display: none;
}

.side-bar--overlay {
  z-index: 1500;
  position: absolute;
  display: flex;
  padding: 2rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(56, 59, 95, 0.2);
}
.side-bar--overlay .side-bar {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.side-bar--overlay .side-bar .side-bar--body, .side-bar--overlay .side-bar .side-bar--body-container {
  position: relative;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  flex-grow: 1;
}
.side-bar--overlay .side-bar .side-bar--body-container {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.side-bar.side-bar--right {
  right: 0px;
  left: unset;
}

.smart-list {
  position: relative;
  background-color: #FFFFFF;
}

.smart-list--page {
  position: relative;
  margin-right: -15px;
  width: 100%;
}

.smart-list--entry {
  width: 100%;
  display: flex;
  min-width: auto;
}

.smart-list--child-container {
  position: relative;
  left: 16px;
  right: 0px;
}

.smartlist--header-with-scroll-margin {
  padding-right: 24px;
}

.smart-list-xs {
  max-width: 60px;
}

.smart-list-sm {
  max-width: 120px;
}

.smart-list-md {
  max-width: 240px;
}

.smart-list-lg {
  max-width: 360px;
}

.smart-list-full {
  max-width: 100%;
}

.tab-bar:not(:has(.tab-scroll--left.hidden)):not(:has(.tab-scroll--left.disabled)) .tab:not(:has(~ .tab--pinned)):after, .tab-bar .tab-scroll--right:not(.disabled)::before, .tab-bar:not(:has(.tab--pinned)) .tab-scroll--left:not(.hidden)::before {
  content: " ";
  top: 0px;
  height: 38px;
  width: 10px;
  position: absolute;
  pointer-events: none;
}

.tab-bar {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 40px;
  white-space: nowrap;
}
.tab-bar .tab-bar-line {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background-color: #9295BE;
  z-index: 2;
}
.tab-bar * {
  list-style: none;
}
.tab-bar .tab-list {
  border: 1px solid #9295BE;
  background-color: #FFFFFF;
  overflow: visible;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  width: 22px;
  z-index: 3;
}
.tab-bar .tab-list.disabled {
  z-index: 2;
}
.tab-bar .tab-list:after {
  content: "\ea17";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1px;
}
.tab-bar .tab-list:not(.disabled):not([disabled]):active, .tab-bar .tab-list:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar .tab-list:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.tab-bar .tab-scroll--left {
  border: 1px solid #9295BE;
  background-color: #FFFFFF;
  margin-left: 0px !important;
  overflow: visible;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 22px;
  z-index: 4;
  /* display: none; */
}
.tab-bar .tab-scroll--left.disabled {
  z-index: 2;
}
.tab-bar .tab-scroll--left:after {
  content: "\ea18";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1px;
}
.tab-bar .tab-scroll--left:not(.disabled):not([disabled]):active, .tab-bar .tab-scroll--left:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar .tab-scroll--left:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.tab-bar:not(:has(.tab--pinned)) .tab-scroll--left:not(.hidden)::before {
  left: 21px;
  background: linear-gradient(to right, rgb(200, 200, 200) 0%, rgba(255, 255, 255, 0) 100%);
}
.tab-bar:has(.tab--pinned) .tab-scroll--left:not(.disabled) {
  border-right: none;
}
.tab-bar .tab-scroll--right {
  border: 1px solid #9295BE;
  background-color: #FFFFFF;
  overflow: visible;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  width: 22px;
  z-index: 3;
  /* display: none; */
}
.tab-bar .tab-scroll--right.disabled {
  z-index: 2;
}
.tab-bar .tab-scroll--right:after {
  content: "\ea19";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1px;
}
.tab-bar .tab-scroll--right:not(.disabled)::before {
  right: 21px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(200, 200, 200) 100%);
}
.tab-bar .tab-scroll--right:not(.disabled):not([disabled]):active, .tab-bar .tab-scroll--right:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar .tab-scroll--right:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.tab-bar .tab {
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #9295BE;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  z-index: 3;
}
.tab-bar .tab span {
  flex: 1;
}
.tab-bar .tab span:first-child {
  margin-left: 0px;
}
.tab-bar .tab span:last-child {
  margin-right: 0px;
}
.tab-bar .tab:before {
  content: "\a";
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 0px;
  top: 0;
  left: 0%;
  transition: all 0.15s ease-in-out;
}
.tab-bar .tab .tab-bar--button-bar-action {
  display: none;
  margin-left: 16px;
  margin-top: -3px;
  margin-right: -7px;
}
.tab-bar .tab .tab-bar--button-bar-action .button + .button, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + .button, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + .button, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--generator + .button, .counter .tab-bar .tab .tab-bar--button-bar-action .counter--generator + .button, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + .button, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + .button, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--select + .button, .selector .tab-bar .tab .tab-bar--button-bar-action .selector--select + .button, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + .button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + .button, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .button + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .button + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .counter .site-header .site-header--search > .site-header--search-container .counter--generator + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .counter .counter--generator + .site-header--search-mode, .counter .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .counter--generator + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .counter .tab-bar .tab .tab-bar--button-bar-action .counter--generator + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .site-header .site-header--search > .site-header--search-container .counter--delete + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + .site-header--search-mode, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .counter--delete + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .selector .site-header .site-header--search > .site-header--search-container .selector--select + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .selector .selector--select + .site-header--search-mode, .selector .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .selector--select + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .selector .tab-bar .tab .tab-bar--button-bar-action .selector--select + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .site-header .site-header--search > .site-header--search-container button + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + .site-header--search-mode, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container button + .site-header--search-mode, .site-header .site-header--search > .site-header--search-container .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + .site-header--search-mode, .tab-bar .tab .tab-bar--button-bar-action .counter .button + .counter--generator, .counter .tab-bar .tab .tab-bar--button-bar-action .button + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .counter .site-header--search-mode + .counter--generator, .counter .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + .counter--generator, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .counter .site-header--search-mode + .counter--generator, .counter .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--generator + .counter--generator, .counter .tab-bar .tab .tab-bar--button-bar-action .counter--generator + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + .counter--generator, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .selector .counter .selector--select + .counter--generator, .counter .tab-bar .tab .tab-bar--button-bar-action .selector .selector--select + .counter--generator, .selector .tab-bar .tab .tab-bar--button-bar-action .counter .selector--select + .counter--generator, .counter .selector .tab-bar .tab .tab-bar--button-bar-action .selector--select + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .counter button + .counter--generator, .counter .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + .counter--generator, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .counter button + .counter--generator, .counter .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + .counter--generator, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .button + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .button + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .counter .counter--preview .site-header--search-mode + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + .counter--delete, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .site-header--search-mode + .counter--delete, .counter .counter--preview .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--generator + .counter--delete, .counter .tab-bar .tab .tab-bar--button-bar-action .counter--preview .counter--generator + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--generator + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .selector .counter .counter--preview .selector--select + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .selector .selector--select + .counter--delete, .selector .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .selector--select + .counter--delete, .counter .counter--preview .selector .tab-bar .tab .tab-bar--button-bar-action .selector--select + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .counter .counter--preview button + .counter--delete, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + .counter--delete, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview button + .counter--delete, .counter .counter--preview .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + .counter--delete, .tab-bar .tab .tab-bar--button-bar-action .selector .button + .selector--select, .selector .tab-bar .tab .tab-bar--button-bar-action .button + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .selector .site-header--search-mode + .selector--select, .selector .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + .selector--select, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .selector .site-header--search-mode + .selector--select, .selector .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .counter .selector .counter--generator + .selector--select, .selector .tab-bar .tab .tab-bar--button-bar-action .counter .counter--generator + .selector--select, .counter .tab-bar .tab .tab-bar--button-bar-action .selector .counter--generator + .selector--select, .selector .counter .tab-bar .tab .tab-bar--button-bar-action .counter--generator + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .selector .counter--delete + .selector--select, .selector .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + .selector--select, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .selector .counter--delete + .selector--select, .selector .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--select + .selector--select, .selector .tab-bar .tab .tab-bar--button-bar-action .selector--select + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + .selector--select, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + .selector--select, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .button + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .button + button, .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .selector .selector--selected .site-header--search-mode + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .site-header .site-header--search > .site-header--search-container .site-header--search-mode + button, .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .site-header--search-mode + button, .selector .selector--selected .site-header .site-header--search > .site-header--search-container .tab-bar .tab .tab-bar--button-bar-action .site-header--search-mode + button, .tab-bar .tab .tab-bar--button-bar-action .counter .selector .selector--selected .counter--generator + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .counter .counter--generator + button, .counter .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .counter--generator + button, .selector .selector--selected .counter .tab-bar .tab .tab-bar--button-bar-action .counter--generator + button, .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .selector .selector--selected .counter--delete + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .counter .counter--preview .counter--delete + button, .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .counter--delete + button, .selector .selector--selected .counter .counter--preview .tab-bar .tab .tab-bar--button-bar-action .counter--delete + button, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected .selector--select + button, .selector .tab-bar .tab .tab-bar--button-bar-action .selector--selected .selector--select + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action .selector--select + button, .tab-bar .tab .tab-bar--button-bar-action .selector .selector--selected button + button, .selector .selector--selected .tab-bar .tab .tab-bar--button-bar-action button + button {
  margin-left: 0px;
}
.tab-bar .tab:not(.disabled):not([disabled]):active, .tab-bar .tab:not(.disabled):not([disabled]).active {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar .tab:not(.disabled):not([disabled]):hover {
    color: #4560E2;
  }
}
.tab-bar .tab--active {
  color: #1D1F3E;
  border-bottom-color: transparent;
}
.tab-bar .tab--active:before {
  background-color: #4560E2;
  height: 3px;
}
.tab-bar .tab--active:not(.disabled):not([disabled]):active:before, .tab-bar .tab--active:not(.disabled):not([disabled]).active:before {
  background-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar .tab--active:not(.disabled):not([disabled]):hover:before {
    background-color: #4560E2;
  }
}
.tab-bar .tab--active .tab-bar--button-bar-action {
  display: flex;
  margin-right: 4px;
}
.tab-bar .tab.tab--separated:not(:first-child) {
  margin-left: 4px;
}
.tab-bar .tab.tab--pinned {
  position: absolute;
  z-index: 4;
  overflow: visible;
}
.tab-bar .tab.tab--pinned ~ .tab--pinned {
  border-left: none;
}
.tab-bar:not(:has(.tab-scroll--left.hidden)):not(:has(.tab-scroll--left.disabled)) .tab:not(:has(~ .tab--pinned)):after {
  right: -11px;
  background: linear-gradient(to right, rgb(200, 200, 200) 0%, rgba(255, 255, 255, 0) 100%);
}
.tab-bar .tab + .tab:not(.tab--pinned) {
  margin-left: -1px;
}
.tab-bar .tab--separator {
  min-width: 4px;
}
.tab-bar .tab--right-separator {
  width: 100%;
  min-width: 8px;
}

.tab-bar--sub {
  background-color: #FFFFFF;
}
.tab-bar--sub .tab--icon-only {
  padding-left: 11px;
  padding-right: 11px;
}
.tab-bar--sub .tab--active:before {
  background-color: #1D1F3E;
}
.tab-bar--sub .tab--active:not(.disabled):not([disabled]):active:before, .tab-bar--sub .tab--active:not(.disabled):not([disabled]).active:before {
  background-color: #1D1F3E;
}
@media (hover: hover) and (pointer: fine) {
  .tab-bar--sub .tab--active:not(.disabled):not([disabled]):hover:before {
    background-color: #1D1F3E;
  }
}

.tab-bar--sub-stretched {
  margin-left: -1px;
  width: calc(100% + 2px);
}

.tab-indicator--danger:after, .tab-indicator--warning:after, .tab-indicator--success:after {
  content: "\a";
  border-radius: 10px;
  height: 6px;
  width: 6px;
  margin-left: 4px;
}

.tab-indicator--success:after {
  background-color: #47C0BD;
}
.tab-indicator--warning:after {
  background-color: #FCC04F;
}
.tab-indicator--danger:after {
  background-color: #F14F59;
}

.tab-body {
  background-color: #FFFFFF;
  border: 1px solid #9295BE;
  border-top-width: 0px;
}

.tooltip {
  display: inline-block;
  width: auto;
  max-width: 80vw;
  position: absolute;
  z-index: 2000;
  background-color: #FFFFFF;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-top: 9px;
  margin-bottom: 0px;
  word-break: normal;
  border-radius: 2px;
}
.tooltip.hidden, .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .tooltip.list-app--header-list-buttons, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .tooltip.list-app--header-list-buttons {
  transition: opacity 0s !important;
}
.tooltip-bottom {
  margin-top: 0px;
  margin-bottom: 9px;
}

.tooltip--indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2000;
  margin-top: 3px;
  margin-bottom: 0px;
  filter: drop-shadow(0px 3px 10px rgba(56, 59, 95, 0.3));
}
.tooltip--indicator .indicator {
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  transform: rotate(45deg);
  border-radius: 2px;
}
.tooltip--indicator.hidden, .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .tooltip--indicator.list-app--header-list-buttons, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .tooltip--indicator.list-app--header-list-buttons {
  transition: opacity 0s !important;
}

.tooltip--indicator-bottom {
  margin-top: 0px;
  margin-bottom: 3px;
}
.tooltip--indicator-bottom .indicator {
  transform: rotate(225deg);
}

.window-divider {
  width: 3px;
  background: linear-gradient(transparent 0%, #D5DAE9 20%, #C1C8DF 50%, #D5DAE9 80%, transparent 100%);
  cursor: ew-resize;
}

.window-divider:hover,
.window-divider--active {
  background: linear-gradient(transparent 0%, #C1C8DF 10%, #9295BE 50%, #C1C8DF 90%, transparent 100%);
}

.window-divider--moving {
  z-index: 4 !important;
  background-color: rgba(242, 244, 248, 0.5);
}

.adm_field-presets .field-list > li.field-list-head-top > div.template-column {
  flex: 1 0 0px;
  justify-content: flex-end;
}
.adm_field-presets .field-list > li > div.list--col, .adm_field-presets .field-list > li > div.list--col-resizeable {
  padding-right: 0px;
}
.adm_field-presets .field-list > li > div:not(.inline-flex-grow) {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.adm_field-presets .field-list > li > div:nth-child(1),
.adm_field-presets .field-list > li > div:nth-child(2) {
  flex-basis: 46px;
}
.adm_field-presets .field-list > li > div:nth-child(4) {
  flex-basis: 100px;
}
.adm_field-presets .field-list > li > div:nth-child(5) {
  flex-basis: 80px;
}
.adm_field-presets .field-list > li > div:nth-child(6),
.adm_field-presets .field-list > li > div:nth-child(7) {
  flex-basis: 82px;
}
.adm_field-presets .field-list > li > div:nth-child(8) {
  flex-basis: 60px;
}
.adm_field-presets .field-list-body {
  overflow-y: auto;
}
.adm_field-presets .list-body--margin {
  margin-right: calc(-1 * var(--scrollbar-width));
}
.adm_field-presets #col_scroll_margin {
  width: var(--scrollbar-width);
}
.adm_field-presets #filter {
  flex-basis: auto;
}
.adm_field-presets #counter {
  justify-content: end;
}

.page--login > .footer > .footer-content, .page--login .body .input-section {
  background: rgba(255, 255, 255, 0.9);
}

.customBackground {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.customLogo {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
}

.page--login .logo-container > .logo:not(.customLogo), .cortexBranding::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAnCAYAAACIekNNAAANWklEQVR4nO2ce3QVxRnAf7P33iSEhJCEp/hAUKQIWF+gYrUq4gtLPWilWi2KVcFStFVbpKhVW6xSoUqrtiBqFbVqhSoWrU980ypSiwdUysMKaICQB3neu9M/vr1kWWb27g0hhJ78zslJMrOzs3f322++11w17OjptBabXZfTOtQzpdtS0AnQTutMHKtjQ10pF395CDEFHVCtMy/MBsYBVb62QuA14KTWuoi2THxPX8D/OXne78JAe8fWvpC2SiupoHYC6D19AW2FdgFsZ4/SLoDt7FHaBbCdPUq7ALazR2mOF9wdGAT0ADoAdcAG4N/Axha6rjzgbOCbwIHenIWAC5QD64GVwELgrRaaszVxW/h8CugD7Id42ClgC/CZ97vNElUA+wMXAyMR4bPxEfAc8AjwcTOupzfwM2AskBvh+MnAWuC3wP1ATTPm9HMQcApQjDxEm7eaC9R7c6ZjfJcg11/ljdsMfM0yvhcwAcih6RnkAEngj8hLlolC4FzgTOAEoJvhGI0ohr8DTwBLMpzzau8zrPFdVwxRCA957dkwEBgDVNB0L5NAX+ADYG4mATwYmAWMiDjhIO9nMvAi8EPg0wjjYogQXRVxHj8HAHcBtwJXAI+aDtLejyUE3R24D/h2lnM/QZMAXodd4ILsB/zO0vcM4QKYC9wIXIsIbRiKpmfyY+ShXwn8w3J8HJhk6TsOOC3DfEHuA4ZZ+i6BcBtwMvAJ0YUvyAhv/K0gd0IBte5OSqUf8DnNEz4/HRHNO9/U6aCJK1FrAQYBq8he+KD143knApuAG8gsfCaOQLTgTEv/dGCOpW8EMD6LuW7BLnx3Ag+CXQAXAr/KYrIwfq5gsgbQsH+8AUiBViDL3UqgZwvNBTAKWXYKtrfoGAVOA52Vpm5HkclHPuvekJm4DknhFWQ4LgqTkGXZxHjkhTTxe2BAhPMfAUy19H0EXJ/+x7QEv4oY/y3FX4FpW1Iup3eo5fIuK0DnAOoY4KUMY1d445cjxnQC2Bd5s85GBMjEocBi4EhAo2MUxGs5IN7A+vocUNsX4l8gy2FbZwpwW4ZjyoBlNN2n/YHB3t8mhgPPIzakn0Ykf/2aZdw9iOIIw6ZFwVt60wQF8GGiCZ8G1iGGdjFih5m06aNK8b3NKZcjcxqZ3ONfoJPgdixB6QUh538RMQE+sPTfg9hClwK/9K4hyOHAU8BotAOxGvonani3fvvKlQNcEP4xqUU8+7QFkaYQsf38K/p6xIlZ7/2fRCIFJu1a7x3nP28BElFoDBw7mnDhexL4DfCeoa8TcDpiMx5q6D8DWSpvDLS/DkxDnkGQkxFH8XbL9dwEfN3SNwV439+gfNUwlyEeWBjvIYblInYMuXQHTkXU93Fe2xOOYsymlEtPR/NArw/Jj1VDshCU/jNwnmWOC4F5Ga7DTwJYgNxME5cADxKr4u2qPkzevC/FjoOSZeJ9yxiAPyBLVV0W1xLkEeTzBFkCDI0wvheyCpiW3RTwLUSLReF24KeWvqGYPeQPkBc5iEZs5+WB9mOBty1zLEZs2B1Ia61i7BIN8laOBo5BjMdgvO9L5GYPQx7a0wrGbHE1Gril6yry4xVp4RuFXfiOIzvhS1/bmciDMnEH0AkS9M2pIt9R1Ijv0CnknPMQj3pXhK8lmIrd5htBdOED0Vq3WPqut7SPs7Qr4AFDu82zB4sDkxbA64BSy8DNiKf6l5CT+7kbONcFXFfzk6Iy+nVcB8kiUBokNGPiDOCdiHMEiSFBcRNdgctw43SL13BALBl0REyEmQetRX/kJTBxA/BKM855E+bA/WjgMEP7UuzCOQRZUtNMw6wtQZ65MS7sINL8XctAEGN1TUi/8aTlrsvJHeoYVfKJaD7hWO98QWYhy3pzWYzYoTbGoWMop46+iXqUziiBW3fhWlqKsZb2LYRrmkxMs7RfZGm/E7vHfBsSweiBaFgTCwm5Xgc4C4l+m5gKfGgbbEIBZVqTpxQTSj8D7Ur1s3COYUgl4o02BwW8QZPdaWMAqBNRKXrHI62qbSFHbnpRQbRz5S6cdyHmMIvNhgZZPoPOUZqHsZtNFdi1OCA3+lRLXxkwI2ywCRdQrmZi0Ua65myCVCG+eO0Qw5D5SHA1W2KI8B0f8fhTALrF64E2XxHaBwkhmXitBc5vMnUGYFdEq7AL0nDs2wt+BHwRdiFxxBs08RKwLWxwmnQcoVJrkimXwblJRnZeDal8fI86F7FrgjRn6VXAm4hTFJUBoCh2GtGIC9mG9yMMDOnb4P22xUAzUQN8Zek7CLu5NReJvZpWMRN/QrRjKHHstlOkKhOFV6LiuuQpxbD8JOOK/yPxPl2ATwB7IeGaIMuizBNgEdkJH0APtEOekwKlcMMyw3ueAy3tGngcueXNNROS2DM/tnnTjEPMHdNz9LOBiKnVONDZ0rc2ygkaEM03sbCc84pXg1MNJCBZkPZ60xQZhleTfQnXUJqXn5b52/ja62GLSCigZDfOa6qo8VOOFDUYCz58TGDHnYBWwt6irB5VgZMCVQtO0hu5k3YxqRuX7GvjYlke3050ouTEj4pwjK0IYSfiiKQGtw2C5FwzkgOUKMXtFV2YU92FEXnbGFW0lu45W4M2oMlz64S8ddmEPd5GMjJRMgl+vDdyr1CB1ZZ2jYRhNC3vqZcgKcIwLgKuiXCua4F3gaczHRhHcrr7GPqGIgWXoaTvRInjsMXVzKvK59PGvty5z/ugGkFvN/XXI0Ht4PIyECnbyoYRSE1bvyzGfInS1OsYaI2j2kKkxcp6S7tC7LAFNN8JseEQLoC9yC7+OBvxtm2fZfukNidgOBGXu7ROKVKKoniMJfW5vFTRG2LV+FbeGszpsmyLHEG06RCklCsqK8Flq5tA0ebXcVtaESREA3I/W/KnGnusD6ROwLRSlmNewTojCYZQHOwpnf2Q6tmsiAHaUcyq6EVlYwk42/AJoam6ZRTNe5srgKOJVnENXvysLCmV/m3W/xWWYdccYQHj3cVVIfN+H3sW5RzsqVdABPBZpJjAxHSkriwyGuiqFOUpzb2bDwblgkqmu03Vyt2xp3EyUYXEMTNpwjWgX0A7rEvlZTi0TdCIpBdNnEr00v+WYDB2TbYIkZ/nsF/vXUh80YiD1Lw9ZunPA17GXG9nxQWKYg7P1+TzYsXBEK/E0zmvYI7CTyX7uF6aam+sLbgKMAflanQeqxpz9w43JNyAv7XVrkLK70w0IOGWNJd6bUEShIRt0pb4XdhLjw5CbJKoAvIdYGYCWYqnlfdkXe0+EKtIl+HbDNm/kZ1T4Wcrkjo0UQ3MxklS1tiB1ckEOaqNL8DCU9jrFUcjFTG7m18jBSQmrgRW+/5fhb3ecAhSibMTaQH8HHsNP0io5B2k+vYkdt4Qk0C2Bj6O7BSb5MLdXb2Mw81l/WjUBeKUaPUo5lL8zsA/vfNky2zMFb8gn2sjqp6VDUVUuZqOe4cAglR7h/WF9YcxC7lnYXwDeynW00hqLshMpNjBxM0Ynq0/FjEd0UJhnIsso5uQOM8LiGCWIWXc5/uOnejCjNKYw6pGh5s3DgLlgFMLqMuQpT9IoXeeuWSOyoOEY1ZjL5x8FZgJGtw4b9RIEqGNe8B+nsH8oNPcgFQlZ9qjAdAFqWr5L+JUjMPuWOSEzLuZ8N1xEzEvxWBY/YL5+LMQDyxs8zmIoEQJBF+NJrck5kx4sy6HGV8dxjXdl0EquRYdOw8xXk2M9X5eRzYlfYx88ATinR+LLPVhu+nWIB42OLWsbyjm5bqO5Dp7SSi6iUuRWOnRlv4ByIpShiiQpYhTmUSErj+ieUz7NB4EDmHnMMoMZPO4iUnYzR0QhTAe88akgUhseXtlTVAANZJqeYtoKZeMaBivYE1RzLlj/raOdNs0gAtLloPusBDUBYSX4J+IYR9BBNYjZVqS/XAaebW6B42upjTm7G0CCJLaegd7iRZI5ffF3k9UuiGazl/hMoYdnQs/c8mcBwYp1z8H+SaNIJcjiudZMKdzGpC3LWMWJCLzNNyfAFDwcUMeEEsXKjyGCFhL7r1YgmgFqUOL1bKpviuPbSsFR+2NwgcSljkK+XqMluZ139+lyJYKE18g9X1R+QH276WZ480Vmk+8EhGOsKh8GCuQLZ4XAhUuol7znZ0cgMVIKtBmvGbDFMQ0qNjeolLMr+xFVUrTZUfnI8wT2d1eSnPPPxax29bs4vxJ4F4k/+v/loQFiCY1cQX2HLWJjUjljImuiLOasSZzMRL0PBlJQp9A+G6ySm/MTCR+GJVyRF0fg+xBiFrlDKKxH0aEb8dYoFPP1rpSnqvpjHZUsOymCjHIK2lKQcWRN3NXSt79rEMemr8Efl+yz337WYTU7Y1E7LHjafou6jBqkUzUk8gSGSyXOh15eZcj9yP9kvRG0nDNURAPeec8H4m0gOihBKKcRqosvyXfQSLjgxEHII+mr2f7CHFgrOVVWXxLfg/EyRiOGMMlyK43F3mgZd58zyJOijmHGa9hRVVPLt/UhyLHacsV0LtCDmIyHY4UFxcjjn4dEq1Yi3xVyVLCiw0KvP6wfHBLkgBy/gc/5Gi2vg/hEgAAAABJRU5ErkJggg==") no-repeat center center;
  background-size: auto;
  width: 100%;
}

.cortexBranding {
  background-color: rgba(255, 255, 255, 0.95);
  display: inline-block;
  border-radius: 8px;
  height: 46px;
  width: 93px;
  right: 16px;
  position: absolute;
}
.cortexBranding::after {
  display: inline-block;
  background-size: contain;
  background-position: bottom;
  left: 5%;
  bottom: 10%;
  width: 90%;
  height: 100%;
  position: relative;
  content: "powered by";
  font-size: 1rem;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}

.page--login:not(.customBackground):after {
  content: "\ea11";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 50rem;
  line-height: 50rem;
  bottom: 5%;
  right: 5%;
  margin: auto;
  z-index: -1;
  background-color: #F14F59;
  background-image: linear-gradient(90deg, #F14F59, #FFFFFF);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.page--login {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
.page--login .body {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: center;
}
.page--login .body > * {
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}
.page--login .body .input-section {
  padding: 60px;
  border-radius: 15px;
}
.page--login .body .input-section > .logged-in-message {
  font: 300 16px/24px "Ubuntu", sans-serif;
  margin: 16px;
  text-align: center;
}
.page--login .body .input-section > .logged-out-message {
  font: 300 12px/24px "Ubuntu", sans-serif;
  margin-top: 16px;
}
.page--login .body .input-section > .form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page--login .body .input-section > .form .input-group:not(:first-child) {
  margin-top: 16px;
}
.page--login .body .input-section > .form .input-group {
  width: 400px;
}
.page--login .body .input-section > .form .input-group label {
  text-align: left;
  font: 500 12px/16px "Ubuntu", sans-serif;
}
.page--login .body .input-section > .form .input-group input {
  border-radius: 2px;
  margin-top: 6px;
  width: 100%;
  height: 48px;
  font: 300 16px/24px "Ubuntu", sans-serif;
  padding-left: 16px;
  padding-right: 16px;
}
.page--login .body .input-section > .form .input-group .validation {
  margin-left: 8px;
}
.page--login .body .input-section .button-bar--login {
  text-align: center;
  width: auto;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 250px;
}
.page--login .body .input-section .button-bar--login > * + * {
  margin-left: 0px;
  margin-top: 8px;
}
.page--login .logo-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -16px;
  margin-bottom: 32px;
}
.page--login .logo-container > .logo {
  align-self: center;
  height: 100px;
}
.page--login > .footer {
  margin: 16px auto;
  display: flex;
  flex-direction: column;
}
.page--login > .footer > .footer-content {
  font: 300 14px/24px "Ubuntu", sans-serif;
  border-radius: 8px;
  padding: 8px;
  color: #9295BE;
}

.list-app, .hxvzdlggroups {
  z-index: 0;
  background-color: #FFFFFF;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0px;
}
.list-app .list-app--header-bar, .hxvzdlggroups .list-app--header-bar {
  z-index: 2;
  border-bottom-color: #FFFFFF;
}
.list-app .list-app--header-bar .header-bar--text, .hxvzdlggroups .list-app--header-bar .header-bar--text {
  color: #383B5F;
}
.list-app .list-app--header-list-container, .hxvzdlggroups .list-app--header-list-container {
  z-index: 1;
}
.list-app .list-app--header-list-container[data-is-open=true], .hxvzdlggroups .list-app--header-list-container[data-is-open=true] {
  overflow-x: auto;
  max-height: clamp(150px, 50%, 400px);
  flex: 1 0 content;
}
.list-app .list-app--header-list-container .list-app--header-list, .hxvzdlggroups .list-app--header-list-container .list-app--header-list {
  background-color: #FFFFFF;
}
.list-app .list-app--header-list-container .list-app--header-list > .button-bar, .list-app .list-app--header-list-container .hxvzdlggroups .list-app--header-list > .hxvzdlggroups--foot, .hxvzdlggroups .list-app--header-list-container .list-app--header-list > .button-bar, .hxvzdlggroups .list-app--header-list-container .list-app--header-list > .hxvzdlggroups--foot {
  cursor: pointer;
  height: 32px;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-text, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-text, .list-app .list-app--header-list-container .list-app--header-list .list-app--row-indicator, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--row-indicator, .list-app .list-app--header-list-container .list-app--header-list .list-app--list-name, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--list-name {
  font: 400 12px/13px "Ubuntu", sans-serif;
}
.list-app .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]):active .list-app--list-indicator, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]):active .list-app--list-indicator, .list-app .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]).active .list-app--list-indicator, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]).active .list-app--list-indicator {
  color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .list-app .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]):hover .list-app--list-indicator, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not(.disabled):not([disabled]):hover .list-app--list-indicator {
    color: #4560E2;
  }
}
.list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--list-indicator, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--list-indicator {
  color: #1D1F3E;
}
.list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell {
  color: #FFFFFF;
  background-color: #383B5F;
}
.list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):active, .list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]).active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]).active {
  background-color: #1D1F3E;
}
.list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):active .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):active .list-app--header-cell-divider, .list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]).active .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]).active .list-app--header-cell-divider {
  background-color: #FCC04F;
}
@media (hover: hover) and (pointer: fine) {
  .list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):hover, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):hover {
    background-color: #1D1F3E;
  }
  .list-app .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):hover .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list[data-active=true] .list-app--header-cell:not(.disabled):not([disabled]):hover .list-app--header-cell-divider {
    background-color: #FCC04F;
  }
}
.list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell {
  color: #1D1F3E;
  background-color: #D5DAE9;
}
.list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):active, .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]).active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]).active {
  background-color: #C1C8DF;
}
.list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):active .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):active .list-app--header-cell-divider, .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]).active .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]).active .list-app--header-cell-divider {
  background-color: #4560E2;
}
@media (hover: hover) and (pointer: fine) {
  .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):hover, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):hover {
    background-color: #C1C8DF;
  }
  .list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):hover .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell:not(.disabled):not([disabled]):hover .list-app--header-cell-divider {
    background-color: #4560E2;
  }
}
.list-app .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell .status--linkfield, .hxvzdlggroups .list-app--header-list-container .list-app--header-list:not([data-active=true]) .list-app--header-cell .status--linkfield {
  color: #3C81F9 !important;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container {
  position: relative;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container {
  margin-top: 2px;
  display: flex;
  overflow: hidden;
  height: 24px;
  position: relative;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:before, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:before {
  content: " ";
  background-color: #FFFFFF;
  height: 100%;
  width: 16px;
  left: 0px;
  position: absolute;
  z-index: 1;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:first-child, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:first-child {
  margin-top: 4px;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:last-child, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:last-child {
  margin-bottom: 4px;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]):active .list-app--header-line-menu, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]):active .list-app--header-line-menu, .list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]).active .list-app--header-line-menu, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]).active .list-app--header-line-menu {
  color: #4560E2;
  background-color: #F2F4F8;
}
@media (hover: hover) and (pointer: fine) {
  .list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]):hover .list-app--header-line-menu, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container:not(.disabled):not([disabled]):hover .list-app--header-line-menu {
    color: #4560E2;
    background-color: #F2F4F8;
  }
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container .list-app--header-line-container--fixed, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container .list-app--header-line-container--fixed {
  left: 16px;
  position: absolute;
  z-index: 1;
  display: flex;
  overflow: hidden;
  height: 24px;
  background-color: #E9EBEF;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container .list-app--header-line-container--fixed .list-app--header-line, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-container .list-app--header-line-container--fixed .list-app--header-line {
  margin-left: 0px;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu {
  display: flex;
  height: 24px;
  width: 16px;
  align-items: center;
  flex-direction: row;
  color: #C1C8DF;
  background-color: #FFFFFF;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]):active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]):active, .list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]).active, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]).active {
  color: #4560E2 !important;
  background-color: #E9EBEF !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-app .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]):hover, .hxvzdlggroups .list-app--header-list-container .list-app--header-list .list-app--header-lines-container .list-app--header-line-menu:not(.disabled):not([disabled]):hover {
    color: #4560E2 !important;
    background-color: #E9EBEF !important;
  }
}
.list-app .list-app--header-list-container .list-app--header-line, .hxvzdlggroups .list-app--header-list-container .list-app--header-line {
  display: block;
  position: absolute;
  margin-left: 16px;
  left: 0px;
  right: 0px;
  height: 24px;
  background-color: #E9EBEF;
  user-select: none;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  cursor: default !important;
  border-radius: 2px;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell[data-has-data=false], .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell[data-has-data=false] {
  width: 3px;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell[data-has-data=false] .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell[data-has-data=false] .list-app--header-cell-divider {
  border-radius: 2px;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell::before, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell::before {
  content: " ";
  background-color: #FFFFFF;
  width: 2px;
  left: -2px;
  height: 100%;
  position: absolute;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-divider, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-divider {
  cursor: e-resize;
  position: absolute;
  width: 3px;
  height: 100%;
  display: inline-flex;
  z-index: 1;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > .list-app--header-cell-icons, .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > .list-app--header-cell-icons {
  margin-left: 8px;
  display: inline-flex;
  cursor: pointer;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > span:not(:empty), .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > span:not(:empty) {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  margin-right: 8px;
}
.list-app .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > .list-app--header-cell-icons + span:not(:empty), .hxvzdlggroups .list-app--header-list-container .list-app--header-line .list-app--header-cell .list-app--header-cell-text > .list-app--header-cell-icons + span:not(:empty) {
  margin-left: 4px;
}
.list-app .list-app--footer-bar, .hxvzdlggroups .list-app--footer-bar {
  z-index: 1;
}
.list-app .list-app--data-container, .hxvzdlggroups .list-app--data-container {
  z-index: 0;
  flex: 1 1 100%;
  height: 100%;
  overflow: auto;
  margin-left: 16px;
  margin-top: 8px;
}
.list-app .list-app--data-container .list-app--row, .hxvzdlggroups .list-app--data-container .list-app--row {
  position: absolute;
  border: 1px solid transparent;
  display: flex;
  width: 100%;
}
.list-app .list-app--data-container ._active:not(._navigate), .hxvzdlggroups .list-app--data-container ._active:not(._navigate) {
  border-color: #4560E2;
  border-style: dashed;
}
.list-app .list-app--data-container ._navigate, .hxvzdlggroups .list-app--data-container ._navigate {
  border-color: #4560E2;
}
.list-app .list-app--data-container ._selected, .hxvzdlggroups .list-app--data-container ._selected {
  background-color: #4560E2 !important;
  border-color: #4560E2 !important;
}
.list-app .list-app--data-container ._selected._active, .hxvzdlggroups .list-app--data-container ._selected._active,
.list-app .list-app--data-container ._selected._navigate,
.hxvzdlggroups .list-app--data-container ._selected._navigate {
  border-color: #F2F4F8 !important;
}
.list-app .auto-filter-dialog, .hxvzdlggroups .auto-filter-dialog {
  min-width: 440px;
}
.list-app .auto-filter-dialog .auto-filter-dialog-head-line-count::before, .hxvzdlggroups .auto-filter-dialog .auto-filter-dialog-head-line-count::before {
  content: "(";
}
.list-app .auto-filter-dialog .auto-filter-dialog-head-line-count > * + *::before, .hxvzdlggroups .auto-filter-dialog .auto-filter-dialog-head-line-count > * + *::before {
  content: "|";
}
.list-app .auto-filter-dialog .auto-filter-dialog-head-line-count::after, .hxvzdlggroups .auto-filter-dialog .auto-filter-dialog-head-line-count::after {
  content: ")";
}
.list-app .auto-filter-dialog .auto-filter-result-list, .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list {
  flex: 1;
  max-width: 550px;
  min-width: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: pointer;
}
.list-app .auto-filter-dialog .auto-filter-result-list.list.list--body:after, .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list.list.list--body:after {
  content: none;
}
.list-app .auto-filter-dialog .auto-filter-result-list .list--col:nth-last-child(2), .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .list--col:nth-last-child(2), .list-app .auto-filter-dialog .auto-filter-result-list .list--col-resizeable:nth-last-child(2), .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .list--col-resizeable:nth-last-child(2) {
  width: 25px;
  flex: 0 1 auto;
  align-items: center;
}
.list-app .auto-filter-dialog .auto-filter-result-list .smart-list-entry, .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-entry,
.list-app .auto-filter-dialog .auto-filter-result-list .smart-list-child-container,
.hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-child-container {
  left: 0px;
  right: 0px;
}
.list-app .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > .smart-list-entry, .hxvzdlggroups .auto-filter-dialog .auto-filter-result-list .smart-list-child-container > .smart-list-entry {
  left: 16px;
}

.page-div-container {
  flex-grow: 1;
}

.page-div-container,
.page-div {
  position: relative;
}

.helperelem {
  background-color: transparent;
  position: absolute;
  border: 1px dashed transparent;
}

.verticalline {
  display: block;
  background-color: #FFFFFF;
  position: absolute;
  border: 0px;
  z-index: 2;
}

.fake_divider {
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  background-color: transparent;
  position: absolute;
}

#pagediv_vlines {
  position: absolute;
  top: 0px;
}

.splitvisualization {
  position: absolute;
  height: 100%;
}

.list-app--header-list-container .splitvisualization-container {
  margin-left: 15px;
}

.with_fixed_shadow::after {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 10px;
  opacity: 0;
  background: linear-gradient(to right, darkgrey, transparent);
  content: "";
  height: 100%;
  transition: opacity 0.25s;
}

.fixed_shadow::after {
  opacity: 1;
}

#zgblist_lineholder .fixedlistbuttons {
  position: relative;
  z-index: 1;
  background: inherit;
  display: inline-block;
}

#zgblist_lineholder .line-container--fixed,
#zgblist_data .vertical-line-container--fixed,
#zgblist_data .line-container--fixed {
  position: relative;
  z-index: 1;
  background: inherit;
  overflow: visible;
  margin-left: -1px;
}

#zgblist_lineholder .line-container--fixed {
  padding-left: 1px;
  margin-left: 0px;
}

.splitvisualization-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 3;
  pointer-events: none;
  margin-left: -1px;
}

#zgblist_data .vertical-line-container--fixed {
  z-index: 3;
}

#zgblist_lineholder .list-container {
  display: flex;
  background: inherit;
}

#zgblist_lineholder .line-container,
#zgblist_data .vertical-line-container,
#zgblist_data .line-container {
  flex: 1;
  position: relative;
}

#zgblist_body .line {
  position: relative;
  left: 0px;
  top: 0px;
  width: auto;
  height: 20px;
  overflow: hidden;
  /*
    clear:both;
  */
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.dataelem {
  background-color: transparent;
  position: relative;
  border: 0px dashed #5F5F5F;
  border-width: 0px 0px 1px 0px;
}

.rowEnd {
  background: #C1C8DF;
  background: radial-gradient(ellipse at center top, #C1C8DF 0%, #D5DAE9 40%, transparent 75%);
  width: 100%;
  position: absolute;
  z-index: 2;
  border: 0;
}

#zgblist_body .divider_t {
  position: absolute;
  height: 100%;
  margin: 0px;
  padding: 0px;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

#zgblist_lineholder .divider_t:hover {
  cursor: pointer !important;
  background-color: rgba(0, 0, 0, 0.05);
  transition: background-color 0.25s;
  -webkit-transition: background-color 0.25s;
}

#zgblist_lineholder .divider_t {
  padding-top: 1px;
}

#zgblist_data .divider_t {
  padding-left: 3px;
  padding-right: 3px;
  text-overflow: ellipsis;
}

#zgblist_data .divider_t checkbox-styled,
#zgblist_data .divider_t input[type=checkbox] ~ label {
  margin-top: -1px;
}

#zgblist_data .divider_t .button-bar, #zgblist_data .divider_t .hxvzdlggroups .hxvzdlggroups--foot, .hxvzdlggroups #zgblist_data .divider_t .hxvzdlggroups--foot {
  margin-top: -8px;
}

#zgblist_data ._selected .indicator,
#zgblist_data ._selected .divider_t {
  color: #FFFFFF !important;
  background-color: transparent !important;
}

.list-script-overview {
  min-width: 700px;
}

.list-script-overview--col:nth-child(9), .list-script-overview--col:nth-child(8), .list-script-overview--col:nth-child(7), .list-script-overview--col:nth-child(6) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-script-overview--col-head {
  align-self: center;
  flex: 0 0 auto;
}
.list-script-overview--col-head:nth-child(1) {
  /* line number */
  width: 30px;
  padding-right: 8px;
}
.list-script-overview--col-head:nth-child(2) {
  /* column name */
  flex: 1 1 100%;
  min-width: 135px;
}

.list-script-overview--col-head + .list-script-overview--col-head {
  padding-left: 0px;
}

.list-script-overview--col {
  align-self: stretch;
  flex: 0 0 auto;
}
.list-script-overview--col:empty:after {
  content: " ";
}
.list-script-overview--col:nth-child(1) {
  /* line number */
  width: 16px;
  padding-right: 8px;
}
.list-script-overview--col:nth-child(2) {
  /* column name */
  flex: 1 1 100%;
  min-width: 54px;
}
.list-script-overview--col:nth-child(3) {
  /* field name */
  width: clamp(60px, 15%, 20%);
  min-width: 54px;
}
.list-script-overview--col:nth-child(4) {
  /* position */
  width: clamp(60px, 10%, 74px);
}
.list-script-overview--col:nth-child(5) {
  /* width */
  width: clamp(60px, 10%, 74px);
}
.list-script-overview--col:nth-child(6) {
  /* mode */
  width: 50px;
}
.list-script-overview--col:nth-child(7) {
  /* typ */
  width: 36px;
}
.list-script-overview--col:nth-child(8) {
  /* hidden */
  width: clamp(36px, 10%, 74px);
}
.list-script-overview--col:nth-child(9) {
  /* history */
  width: 54px;
  width: clamp(36px, 10%, 54px);
}
.list-script-overview--col:nth-child(10) {
  /* script & button*/
  width: 64px;
}

#pvsublistbtn_title {
  width: 144px;
  justify-content: left;
}

.list-app--pivot-header-list-container {
  display: flex;
  flex-direction: column;
  z-index: 1;
  height: 165px;
}

.pv_column_container {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
}

.pv_column_container .pv_column_head_container {
  flex: 0 0 auto !important;
}

.pv_column_container .pv_column_data_container {
  flex: 1 1 100% !important;
  padding-right: 0px !important;
}

.pv_column_container .pv_column_data_container > *:last-child {
  padding-right: 16px;
}

.pv_column_container .pv_column_data {
  overflow-y: scroll;
}

.pv_column_data > table {
  width: 100%;
}

.pv_column_data > table td {
  height: 28px;
}

.pv_column_data > table td:nth-child(1) {
  width: 25px;
}

.pv_column_data > table td:nth-child(3) {
  width: 30px;
  text-align: right;
}

/* Filterdarstellung*/
#zgblist_body .filter {
  display: table;
}

.filterlistselect {
  width: 100%;
  display: table;
}

.filter > .configline,
.filtertooltip > .configline,
.filterlistselect > .configline {
  display: table-row;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  /*left:10px;*/
  right: 0px;
  margin: 0px;
  /*margin-left:25px;*/
  background-color: #ffffff;
  clear: left;
}

.filter > .configline > .configelem,
.filtertooltip > .configline > .configelem {
  /*float:left;*/
  margin: 0px 3px;
  display: table-cell;
  padding: 0px 2px;
  border: solid 0px #000000;
}

.filterlistselect > .configline > .configelem {
  /*float:left;*/
  margin: 0px 3px;
  display: table-cell;
  padding: 3px 2px;
  border: solid 0px #000000;
  vertical-align: top;
}

/*
.filterlistselect > .configline > .configelem:nth-child(1)
{
  width: 20px;
}
*/
.filterlistselect > .configline > .configelem:nth-child(1) {
  width: 45px;
}

.filterlistselect > .configline > .configelem:nth-child(2) {
  width: 15px;
}

.filterlistselect > .configline > .configelem:nth-child(3) {
  width: 7px;
}

.filterlistselect > .configline > .configelem:nth-child(4) {
  width: calc(100% - 185px);
}

.filterlistselect > .configline > .configelem:nth-child(5) {
  width: 90px;
  color: #808080 !important;
}

.filterinfo {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid;
  cursor: help;
  font-size: 9px;
  font-weight: normal;
  padding: 0px 2px;
  margin-right: 1px;
  text-decoration: none;
}

/* .filterinfo:hover { } */
.filterinfo:hover .filtertooltip {
  display: table;
}

.filtertooltip {
  display: none;
  position: fixed;
  background-color: #FFFFFF;
  border: 1px solid;
  z-index: 5;
  color: #000000;
}

#functionparams_labels > div,
#functionparams_fields > div {
  min-height: 24px;
  line-height: 24px;
  padding-bottom: 3px;
}

.hxvzdlg {
  height: 90vh;
}

.hxvzdlgworkspace {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: auto;
}

.hxvzdlggroups {
  min-width: 205px;
  max-width: 250px;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #D5DAE9;
  /* height: 100%; */
}
.hxvzdlggroups .hxvzdlggroups--list {
  /* @extend .list-app--data-container; */
  overflow: auto;
  flex: 1 1 100%;
}

.hxvzdlglist {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* height: 100%; */
}

/*
.hxvzdlggrouphead
{
  position:absolute;
  left:0px;
  top:0px;
  height:45px;
  width:185px;
  overflow:hidden;
}

.hxvzdlggrouphead2
{
  position:absolute;
  left:0px;
  top:0px;
  height:21px;
  width:185px;
  overflow:hidden;
  background-color: #d2d3d6 !important;
}

.hxvzdlggrouphead2 > div
{
  padding: 4px 0px 0px 4px;
}

.hxvzdlggroup
{
  position:absolute;
  left:0px;
  top:45px;
  bottom:25px;
  width:185px;
}

.hxvzdlggroup2
{
  position:absolute;
  left:0px;
  top:21px;
  bottom:25px;
  width:185px;
}

.hxvzdlggroupfoot
{
  position:absolute;
  left:0px;
  bottom:0px;
  height:25px;
  width:185px;
  overflow:hidden;
}

.hxvzdlglist
{
  position:absolute;
  left: 185px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow:hidden;
}

.hxvzdlglist_nogroup
{
  position:absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow:hidden;
}

.hxvzdlglist_notitle
{
  position:absolute;
  left: 185px;
  top: 0px;
  right: 0px;
  height: 25px;
  overflow:hidden;
}
*/
/*# sourceMappingURL=cortex_style.css.map */