/**
 * Note: Variable fonts disabled for now
 * because it's causing several problems
 *
 * https://issues.folio.org/browse/STCOM-461
 * https://issues.folio.org/browse/STCOM-434
 */

/* @font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 200;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 300;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 400;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 600;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 700;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: normal;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Roman.woff2') format('woff2-variations');
  font-weight: 900;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 200;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 300;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 400;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 600;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 700;
}

@font-face {
  font-family: 'Source Sans Pro Variable';
  font-style: italic;
  src: url('../assets/fonts/SourceSansPro/SourceSansVariable-Italic.woff2') format('woff2-variations');
  font-weight: 900;
} */

/* fallbacks */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-ExtraLight.9eb4856ce41ffe62970c..woff) format('woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-Light.75fa7298fcac982f1782..woff) format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-Regular.19b44c937b3627afb8fc..woff) format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-Semibold.9bca8b9c0d9baeecda11..woff) format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-Bold.fc482576291a6de41ceb..woff) format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  src: url(/fonts/SourceSansPro-Black.545d095c626c72e7e0ec..woff) format('woff');
  font-weight: 900;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-ExtraLight-Italic.367ac513b8df4dee03dd..woff) format('woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-Light-Italic.824f33b78ebe149930b2..woff) format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-Italic.cced88f88a6d7b689ed7..woff) format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-Semibold-Italic.6d8d8e009eebf9644abd..woff) format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-Bold-Italic.09f4642f56c1c837483d..woff) format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  src: url(/fonts/SourceSansPro-Black-Italic.fd4ab128dbebbb55a1ff..woff) format('woff');
  font-weight: 900;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}


* {
  box-sizing: border-box;
}

html {
  font-size: 87.5%;
}

body,
html {
  height: 100%;
  margin: 0;
  font-family:
    'Source Sans Pro',
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Noto,
    DroidSans,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Adobe Arabic",
    "Myriad Arabic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "メイリオ",
    Meiryo,
    "ＭＳ Ｐゴシック",
    "MS PGothic",
    sans-serif;
  color: var(--color-text);
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body,
  html {
    font-family:
      'Source Sans Pro',
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Noto,
      DroidSans,
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      "Open Sans",
      "Helvetica Neue",
      Helvetica,
      Arial,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Adobe Arabic",
      "Myriad Arabic",
      "ヒラギノ角ゴ Pro W3",
      "Hiragino Kaku Gothic Pro",
      "メイリオ",
      Meiryo,
      "ＭＳ Ｐゴシック",
      "MS PGothic",
      sans-serif;
  }
}

/* global "print" styles below was added for solve the problem with extra blank page generating on printing in all modules */
@media print {
  html, body {
    margin: 0 !important;
  }

  @page {
    margin: var(--page-margin-default);
  }
}

a {
  color: var(--color-link);
  text-decoration: none;

  &:visited {
    color: var(--color-link-visited);
  }
}

strong {
  font-weight: var(--text-weight-bold);
}

fieldset {
  border: none;
  padding: 0;
}

ul {
  margin: 0 0 14px;
}

hr {
  border: 1px solid var(--color-border-p2);
  border-width: 0 0 1px;
}

button,
input,
textarea,
select {
  font-size: inherit;
  font-family: inherit;
  letter-spacing: inherit;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;

  &:hover {
    cursor: pointer;
  }
}

/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width : 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width : 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* displays number spinners on non-focused in Chrome */
input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}

.fullWidth {
  width: 100% !important;
}

.marginTop0 {
  margin-top: 0 !important;
}

.marginBottom0 {
  margin-bottom: 0 !important;
}

.marginBottomHalf {
  margin-bottom: 0.5rem !important;
}

.marginTopHalf {
  margin-top: 0.5rem !important;
}

.floatEnd {
  float: right !important;
}

.sr-only {
  position: fixed;
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.tether-element {
  z-index: 9999;
}

.editor-preview * {
  margin: 0;
}

body[dir="rtl"] .floatEnd,
html[dir="rtl"] .floatEnd {
  float: left !important;
}

:root {
  --color-text: #000;
  --color-text-active: #fff;
  --color-text-p2: rgba(0 0 0 / 62%);
  --color-border-form: rgba(0 0 0 / 42%);
  --color-border: color-mix(in oklch, currentcolor 50%, transparent);
  --color-border-p2: color-mix(in oklch, currentcolor 15%, transparent);
  --color-icon: rgba(0 0 0 / 62%);
  --color-link: #2f609f;
  --color-link-current: #fff;
  --color-link-visited: #4f2bbb;
  --color-link-visited-current: #fff;
  --color-fill: rgba(0 0 0 / 3%);
  --color-fill-table-row-odd: rgba(0 0 0 / 8%);
  --color-fill-table-row-even: rgba(0 0 0 / 3%);
  --color-fill-form-element: var(--color-fill);
  --color-fill-current: rgba(0 0 0 / 62%);
  --color-fill-disabled: rgba(0 0 0 / 54%);
  --color-text-disabled: #444;
  --color-fill-form-element-disabled: rgba(0 0 0 / 8%);
  --color-text-placeholder: #444;
  --color-fill-hover: rgba(37 118 195 / 20%);
  --color-fill-focus: rgba(37 118 195 / 20%);
  --color-focus-shadow:  rgba(166 212 255 / 65%);
  --color-focus-shadow-inset: rgba(37 118 195 / 30%);
  --color-fill-focus-current: rgb(116 173 191);
  --color-fill-active: var(--primary);
  --highlighter-fill: #fc0;
  --shadow: 0 4px 32px rgba(0 0 0 / 17.5%);
  --bg: #fff;
  --bg-hover: color-mix(in oklch, oklch(from var(--bg) calc(l - 60) c h) 10%, var(--bg) 90%);
  --checkable-disabled-fill: #808080;
  --primary: #1960a4;
  --secondary: #999;
  --error: #900;
  --error-fill: rgba(149 29 18 / 20%);
  --danger: #900;
  --warn: #943e00;
  --warn-fill: rgba(215 137 88 / 20%);
  --success: #070;
  --success-fill: rgba(51 117 30 / 20%);
  --control-margin-bottom: 1rem;
  --control-min-size-touch: 44px;
  --control-min-size-desktop: 24px;
  --control-label-margin-bottom: 0.25rem;
  --radius: 6px;
  --gutter: 1rem;
  --gutter-static: 15px;
  --gutter-static-one-third: calc(var(--gutter-static) / 3);
  --gutter-static-two-thirds: calc(var(--gutter-static-one-third) * 2);
  --input-horizontal-padding: var(--gutter-static-one-third);
  --input-vertical-padding: 0;
  --container-max-width: 80rem;
  --page-margin-default: 0.4in;

  /**
   * Font-size
   * Size ratios from Fonts Module Level 3
   * https://www.w3.org/TR/css-fonts-3/#propdef-font-size
   */
  --line-height: 1.5;
  --font-size-x-small: 0.8571rem;
  --font-size-small: 0.8571rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.3rem;
  --font-size-x-large: 1.7143rem;
  --font-size-xx-large: 2.2858rem;
  --font-size-form-label: 1.05rem;

  /**
   * Font-weights
   */
  --text-weight-black: 900;
  --text-weight-bold: 700;
  --text-weight-medium: 600;
  --text-weight-regular: 400;
  --text-weights-are-bolder: 0;
  --text-weight-basis: var(--text-weight-regular);
  --text-weight-addition-factor: 200;
  --text-weight-headline-basis: 600;
  --text-weight-headline-addition-factor: 100;
  --text-weight: calc(var(--text-weight-basis) + ( var(--text-weight-addition-factor) * var(--text-weights-are-bolder)));
  --text-weight-headline: var(--text-weight-bold);
  --text-weight-button: var(--text-weight-bold);

  /* Interaction Styles Variables */
  --focus-dot-offset-default: var(--gutter-static-one-third);
  --focus-dot-offset-small: calc(var(--gutter-static-one-third) * -1);
  --focus-dot-offset-medium: calc(var(--gutter-static-two-thirds) * -1);
  --focus-dot-offset-large: calc(var(--gutter-static) * -1);
  --box-offset-small: calc(var(--gutter-static-one-third) * -1);
  --box-offset-medium: calc(var(--gutter-static-two-thirds) * -1);
  --box-offset-large: calc(var(--gutter-static) * -1);
}

/* Lean on min-width queries to create mobile-first CSS. */

/* Use these max-width queries as infrequently as possible. */

/**
 * Universal Interaction Styles
 * @variables-needs-updating
 */

/* stylelint-disable no-descending-specificity  */

.interactionStyles---eaRy_ {
  position: relative;
  outline: none;
  z-index: 1;
}

/**
 * Disabled state
 */
.interactionStylesControl---e1lwD:disabled > .interactionStyles---eaRy_,
.interactionStyles---eaRy_:disabled {
  opacity: 0.65;
  cursor: default;

  &::after,
  &::before {
    display: none;
  }
}

/**
 * Disabled state for elements that should still be focusable.
 */
.interactionStyles---eaRy_[aria-disabled="true"],
.interactionStyles---eaRy_.disabled---IWjmm {
  opacity: 0.65;
  cursor: default;
}


/**
 * Focus/active pseudo element
 */
.interactionStyles---eaRy_::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  border-radius: var(--radius);
  z-index: -1;
  pointer-events: none;
}

/**
 * Focus Dot pseudo element
 */
.interactionStyles---eaRy_::after {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateY(-50%) translateX(-50%) scale(1);
  min-width: 4px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  display: block;
  z-index: 2;
  background-color: rgb(0 0 0);
}

/* Focus dot start */
:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionStart---HHEw7::after {
  left: var(--focus-dot-offset-default);
  top: 50%;
}

[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionStart---HHEw7::after {
  right: var(--focus-dot-offset-default);
  top: 50%;
}

/* Focus dot end */
:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionEnd---uKglX::after {
  right: var(--focus-dot-offset-default);
  top: 50%;
}

[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionEnd---uKglX::after {
  left: var(--focus-dot-offset-default);
  top: 50%;
}

/* Focus dot top */
.interactionStyles---eaRy_.focusDotPositionTop---yn8MT::after {
  top: var(--focus-dot-offset-default);
  transform: translateX(-50%) scale(1);
  left: 50%;
}

/* Focus dot bottom */
.interactionStyles---eaRy_.focusDotPositionBottom---tX31S::after {
  bottom: var(--focus-dot-offset-default);
  transform: translateX(-50%) scale(1);
  left: 50%;
}

/**
 * Focus Dot Offsets
 */

/* small focus dot offset */
:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetSmall---mlguy::after { left: var(--focus-dot-offset-small); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetSmall---mlguy::after { right: var(--focus-dot-offset-small); }

:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetSmall---mlguy::after { right: var(--focus-dot-offset-small); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetSmall---mlguy::after { left: var(--focus-dot-offset-small); }

.interactionStyles---eaRy_.focusDotPositionTop---yn8MT.focusDotOffsetSmall---mlguy::after { top: var(--focus-dot-offset-small); }
.interactionStyles---eaRy_.focusDotPositionBottom---tX31S.focusDotOffsetSmall---mlguy::after { bottom: var(--focus-dot-offset-small); }

/* medium focus dot offset */
:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetMedium---MiChD::after { left: var(--focus-dot-offset-medium); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetMedium---MiChD::after { right: var(--focus-dot-offset-medium); }

:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetMedium---MiChD::after { right: var(--focus-dot-offset-medium); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetMedium---MiChD::after { left: var(--focus-dot-offset-medium); }

.interactionStyles---eaRy_.focusDotPositionTop---yn8MT.focusDotOffsetMedium---MiChD::after { top: var(--focus-dot-offset-medium); }
.interactionStyles---eaRy_.focusDotPositionBottom---tX31S.focusDotOffsetMedium---MiChD::after { bottom: var(--focus-dot-offset-medium); }

/* large focus dot offset */
:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetLarge---GxyWO::after { left: var(--focus-dot-offset-large); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionStart---HHEw7.focusDotOffsetLarge---GxyWO::after { right: var(--focus-dot-offset-large); }

:not([dir="rtl"]) .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetLarge---GxyWO::after { right: var(--focus-dot-offset-large); }
[dir="rtl"] .interactionStyles---eaRy_.focusDotPositionEnd---uKglX.focusDotOffsetLarge---GxyWO::after { left: var(--focus-dot-offset-large); }

.interactionStyles---eaRy_.focusDotPositionTop---yn8MT.focusDotOffsetLarge---GxyWO::after { top: var(--focus-dot-offset-large); }
.interactionStyles---eaRy_.focusDotPositionBottom---tX31S.focusDotOffsetLarge---GxyWO::after { bottom: var(--focus-dot-offset-large); }

/**
 * Hover
 */

.isHovered---NaOoC::before,
.interactionStylesControl---e1lwD:hover > .interactionStyles---eaRy_::before,
.interactionStyles---eaRy_:hover::before {
  background: var(--color-fill-hover);
}

.interactionStyles---eaRy_:hover {
  cursor: pointer;

  &.noPointer---vI4gv {
    cursor: default;
  }
}

/**
 * Focus
 */
.isFocused---EzaMD::before,
.interactionStylesControl---e1lwD:focus > .interactionStyles---eaRy_::before,
.interactionStyles---eaRy_:focus::before {
  background: var(--color-fill-focus);
  border: 1px solid var(--color-border);
  box-shadow: 0 0 0 2px var(--color-focus-shadow);
  z-index: 3;
}

div[class*="Selected---"] {
  .isFocused---EzaMD::before,
  .interactionStylesControl---e1lwD:focus > .interactionStyles---eaRy_::before,
  .interactionStyles---eaRy_:focus::before {
    box-shadow: 0 0 0 1px currentcolor;
  }
}

.isFocused---EzaMD.hasDot---_NNbw::after,
.interactionStylesControl---e1lwD:focus > .interactionStyles---eaRy_.hasDot---_NNbw::after,
.interactionStyles---eaRy_.hasDot---_NNbw:focus::after {
  visibility: visible;
  opacity: 1;
}

/**
 * Active
 */
.isActive---cYT3W,
.interactionStylesControl---e1lwD:active > .interactionStyles---eaRy_,
.interactionStyles---eaRy_:active {
  color: var(--color-text-active);
  & svg { fill: var(--color-text-active); }
}

.isActive---cYT3W::before,
.interactionStylesControl---e1lwD:active > .interactionStyles---eaRy_::before,
.interactionStyles---eaRy_:active::before {
  background: var(--color-fill-active);
  border: 1px solid var(--color-border);
  color: var(--color-text-active);
  z-index: -1; /* keep the active style behind any text etc */
}

.interactionStyles---eaRy_.hasDot---_NNbw.isActive---cYT3W:active::after,
.interactionStylesControl---e1lwD:active > .interactionStyles---eaRy_.hasDot---_NNbw::after,
.interactionStyles---eaRy_.hasDot---_NNbw:active::after {
  background-color: var(--color-text-active);
  visibility: visible;
  opacity: 1;
}

/**
 * Box Offset
 */

/* Apply to all sides */
.interactionStyles---eaRy_.boxOffsetSmall---_Mm5w::before {
  inset: var(--box-offset-small);
}

.interactionStyles---eaRy_.boxOffsetMedium---b4bxO::before {
  inset: var(--box-offset-medium);
}

.interactionStyles---eaRy_.boxOffsetLarge---h9DgA::before {
  inset: var(--box-offset-large);
}

/* Apply to start only */
:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetStartSmall---WhHQK::before { left: var(--box-offset-small); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetStartSmall---WhHQK::before { right: var(--box-offset-small); }

:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetStartMedium---krddO::before { left: var(--box-offset-medium); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetStartMedium---krddO::before { right: var(--box-offset-medium); }

:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetStartLarge---ytL0Z::before { left: var(--box-offset-large); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetStartLarge---ytL0Z::before { right: var(--box-offset-large); }

/* Apply to end only */
:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetEndSmall---TftpI::before { right: var(--box-offset-small); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetEndSmall---TftpI::before { left: var(--box-offset-small); }

:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetEndMedium---Opgf5::before { right: var(--box-offset-medium); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetEndMedium---Opgf5::before { left: var(--box-offset-medium); }

:not([dir="rtl"]) .interactionStyles---eaRy_.boxOffsetEndLarge---QvtOY::before { right: var(--box-offset-large); }
[dir="rtl"] .interactionStyles---eaRy_.boxOffsetEndLarge---QvtOY::before { left: var(--box-offset-large); }

/* Apply to top only */
.interactionStyles---eaRy_.boxOffsetTopSmall---SWlmd::before { top: var(--box-offset-small); }
.interactionStyles---eaRy_.boxOffsetTopMedium---VkCOo::before { top: var(--box-offset-medium); }
.interactionStyles---eaRy_.boxOffsetTopLarge---jyJRX::before { top: var(--box-offset-large); }

/* Apply to bottom only */
.interactionStyles---eaRy_.boxOffsetBottomSmall---p9t15::before { bottom: var(--box-offset-small); }
.interactionStyles---eaRy_.boxOffsetBottomMedium---Etu74::before { bottom: var(--box-offset-medium); }
.interactionStyles---eaRy_.boxOffsetBottomLarge---sxR2q::before { bottom: var(--box-offset-large); }

/**
 * NavListItem
 */



.NavListItem---fokVC {
  align-items: center;
  color: var(--color-text);
  display: flex;
  font-size: var(--font-size-medium);
  font-weight: var(--text-weight-medium);
  line-height: var(--line-height);
  min-height: var(--control-min-size-desktop);
  outline: 0;
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  width: 100%;
  background-color: var(--color-fill-table-row-even);

  &::before {
    border-radius: 0;
  }

  /* for anchor tags */
  &:visited {
    color: var(--color-text);
  }

  &:active {
    color: #fff;
  }

  &.striped---awaF5:nth-child(odd):not(.isActive---iAVDc) {
    background-color: var(--color-fill-table-row-odd);
  }

  &.isActive---iAVDc {
    color: #fff;
    background-color: var(--color-fill-current);

    /* Make sure child elements has
    white text color when item is active */
    & * {
      color: #fff;
    }

    /* Custom universal interaction styling */
    &::after {
      background-color: #fff;
    }
  }
}

/**
 * Component: Headline
 */



/**
 * Root styling
 */
.headline---AluNK {
  margin-top: 0;
  font-weight: var(--text-weight-headline);
  line-height: var(--line-height);

  /* Faded */
  &.isFaded---Tx2pm {
    color: var(--color-text-p2);
  }

  /* Flex */
  &.flex---oex33 {
    display: flex;
  }

  /* Block */
  &.block---nCLSv {
    display: block;
    width: 100%;
  }
}

/**
 * Size
 * Follows HTML5 headline specs
 * https://www.w3.org/TR/html5/rendering.html#sections-and-headings
 */
.size-small---r0TFG { /* default browser h5 proportion */
  font-size: var(--font-size-small);
}

.size-medium---YnUkA { /* default browser h4 proportion */
  font-size: var(--font-size-medium);
}

.size-large---RvQ4l { /* default browser h3 proportion */
  font-size: var(--font-size-large);
}

.size-x-large---bhL4h { /* default browser h2 proportion */
  font-size: var(--font-size-x-large);
}

.size-xx-large---QLQfL { /* default browser h1 proportion */
  font-size: var(--font-size-xx-large);
}

/**
 * Margin
 */

.margin-none---Ovd1U {
  margin-bottom: 0;
}

.margin-xx-small---rxYa2 {
  margin-bottom: 0.67rem;
}

.margin-x-small---Ve5xn {
  margin-bottom: 0.83rem;
}

.margin-small---vL2N6 {
  margin-bottom: 1rem;
}

.margin-medium---cuEaL {
  margin-bottom: 1.33rem;
}

.margin-large---of8XW {
  margin-bottom: 1.67rem;
}

.margin-x-large---EdiO4 {
  margin-bottom: 2rem;
}

.margin-xx-large---Ly9ug {
  margin-bottom: 2.33rem;
}

/**
 * Font weight
 */
.font-weight-regular---lwwCH {
  font-weight: var(--text-weight-regular);
}

.font-weight-medium---IDmSj {
  font-weight: var(--text-weight-medium);
}

.font-weight-bold---nDVMb {
  font-weight: var(--text-weight-bold);
}

.font-weight-black---G2Ynu {
  font-weight: var(--text-weight-black);
}



.icon---Iv6r5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: -0.125em;

  &:focus {
    outline: none;
  }
}

.stripes__icon {
  flex-shrink: 0;
  fill: currentcolor;
  height: 1.1429em;
  width: 1.1429em;
}

/**
 * Sizes
 */

.small---Y9BZW {
  font-size: 0.83em;
}

.medium---jNVX7 {
  font-size: 1em;
}

.large---mAxBy {
  font-size: 1.17em;
}

/**
 * Coloring
 */
.status-error---ow10h {
  color: var(--error);
}

.status-warn---ItgHf {
  color: var(--warn);
}

.status-success---bPRVZ {
  color: var(--success);
}

/**
 * Label
 */

/* Positioning */
.icon-position-start---UBOQV svg {
  order: 0;
}

.icon-position-end---zJPsT svg {
  order: 1;
}

/**
 * Icon styles
 */

/* Action icon style */
.icon---Iv6r5.action---hNZQT svg {
  fill: #fff;
  background-color: var(--color-fill-current);
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  padding: 0.1rem;
}

/**
 * Flippable
 * Icon should flip on dir="rtl"
 */

[dir="rtl"] .icon---Iv6r5.flippable---mtGPj svg {
  transform: rotate(180deg);
}

/**
  Spacing
  Note: Using pseudo elements to add spacing for RTL support
**/

.label---agLJE::before,
.label---agLJE::after {
  content: '';
  display: none;
  width: 0.35em;
}

.icon-position-start---UBOQV .label---agLJE::before,
.icon-position-end---zJPsT .label---agLJE::after {
  display: inline-block;
}



.spinner---ZDlcU {
  display: flex;
  align-items: center;
  width: 2.5em;
  height: 1.25em;

  & .bounce1---az0pL {
    animation-delay: -0.32s;
  }

  & .bounce2---b8u0I {
    animation-delay: -0.16s;
  }

  & > div {
    width: 33%;
    height: 33%;
    margin: 0 8%;
    background-color: var(--color-icon);
    border-radius: 999px;
    display: inline-block;
    animation: sk-bouncedelay---ko6Gy 1.4s infinite ease-in-out both;
  }
}

@keyframes sk-bouncedelay---ko6Gy {
  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

/**
 * focusWithinIndicator
 * Animates a border in the top of the element when something inside is focused
  *
  * Usage:
  * .root {
      position: relative; (or anything else than position: static;)
      composes: focusWithinIndicator from "../sharedStyles/focusWithinIndicator.css";
    }
*/



.focusWithinIndicator---xDG5p {
  &::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    background-color: var(--primary);
    top: -5px;
    opacity: 0;
    transition: height 200ms, top 200ms, opacity 500ms;
    pointer-events: none;
  }

  &:focus-within::after {
    opacity: 1;
    height: 5px;
    top: 0;
  }
}

/* In some cases we want a negative offset for the focus indicator border */
.withNegativeOffset---yEXLY {
  top: 0;

  &:focus-within::after {
    top: -5px;
  }
}

.header---OU3ws {
  padding: 0 var(--gutter-static-two-thirds);
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid var(--color-border-p2);
}

.label---yeEde {
  margin-bottom: var(--gutter-static-two-thirds);
  font-size: var(--font-size-large);
  color: var(--color-text-p2);
  line-height: 1.2;
  transition: color 0.07s;
}

.content---cH_3N {
  position: relative;
}

.root---rzQxN:focus-within {
  & .label---yeEde {
    color: var(--color-text);
  }
}

/*
  Set height of header to add spacing when stacking NavList's
  with one or more NavListSection's as children:

  <NavList>
    <NavListSection>
  </NavList>
  <-- create spacing -->
  <NavList>
    <NavListSection>
  </NavList>

  ...and when NavListSections are stacked in general:
  <NavList>
    <NavListSection>
    <NavListSection>
    <NavListSection>
  </NavList>
 */
.navListSectionControl---u5935 + .navListSectionControl---u5935,
.root---rzQxN + .root---rzQxN {
  & .header---OU3ws {
    min-height: 62px;
  }
}

.pane---M_bJw {
  background: var(--bg);
  border-right: 1px solid var(--color-border-p2);
  height: 100%;
  max-height: calc(100vh - 44px);
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;

  /* transition: all .25s ease-in-out; */
  overflow: hidden;
  position: absolute;
  will-change: transform;

  @media print {
    display: none;
  }

  &:nth-last-of-type(1) {
    @media print {
      overflow: visible !important;
      display: block;
      position: static !important;
    }
  }
}

.focusIndicator---YSu0f {
}

[dir="ltr"] .pane---M_bJw:last-child {
  border-right: none;
}

[dir="rtl"] .pane---M_bJw:first-child {
  border-right: none;
}

[dir="rtl"] .pane---M_bJw:last-child {
  border-left: none;
}

/**
 * Pane Content
 */

.paneContent---S1ltP {
  height: 100%;
  width: 100%;
  overflow: auto;
  outline: 0;
  position: relative;

  &.hasPadding---bUIU9 {
    padding: var(--gutter-static);
  }

  &.noOverflow---d62jK {
    overflow: hidden;
  }

  @media print {
    overflow: visible !important;
    height: auto !important;
    position: static !important;

    /* autosizer for results lists prefers *some height */
    min-height: 1px;
  }
}

.container---FV6Bj {
  max-width: var(--container-max-width);
  margin: auto;
}

@media (min-width: 641px) {
  .pane---M_bJw {
    position: relative;
  }
}

/**
 * Pane Menu Icon
 */



.iconButton---SYX1I {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  transition: opacity 0.4s;
  border-radius: 0;
  background: none;
  color: var(--color-icon);

  & + .iconButton---SYX1I {
    margin-left: 0.25em;
  }

  &:focus {
    color: var(--color-text);
  }
}

.iconButton---SYX1I:disabled,
.iconButton---SYX1I[disabled]{
  pointer-events: none;
}

/* To avoid global :visited color on anchor tags */
a.iconButton---SYX1I {
  color: var(--color-icon);
}

.iconButtonInner---g0m5V {
  display: flex;
  align-items: center;
  pointer-events: none;
  padding: 0.25em;
}

div[class*="Selected--"] {
  .iconButton---SYX1I {
    color: color-contrast(var(--color-fill-current));

    &:focus {
      .iconButtonInner---g0m5V::before {
        border-color: color-contrast(var(--color-fill-current));
      }
    }
  }
}


/**
 * Size
 */

.small---zKdUX {
  font-size: var(--font-size-small);
}

[dir="rtl"] {
  & .iconButton---SYX1I {
    & + .iconButton---SYX1I {
      margin-left: 0;
      margin-right: 0.25em;
    }
  }
}

/**
 * With badge
 */

/* Let the button expand in width if we have a badge */
.iconButton---SYX1I.hasBadge---cBCck {
  width: auto;
}

/* Add spacing between icon and badge */
.hasBadge---cBCck .icon---L3cCS::after {
  content: '';
  width: 0.3em;
  display: inline-block;
}



.badge---YZ61j {
  border-radius: 999px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
}

/**
 * Label
 */
.label---GJyim {
  padding: 0 6px;
  color: #fff;
}

/* Force prevent color from changing on default badge when inside button/anchor with :active styles */
.default---qdfFn .label---GJyim {
  color: var(--color-text-p2) !important;
}

/**
 * Colors
 */
.default---qdfFn {
  background-color: #f2f2f2;
}

.red---we77s {
  background-color: var(--error);
}

.primary---VDD8Y {
  background-color: var(--primary);
}

/**
 * Size
 */

.small---Xcvd7 {
  font-size: var(--font-size-small);
  height: 18px;
  min-width: 18px;
  line-height: 18px;
}

.medium---XiEJC {
  font-size: var(--font-size-small);
  height: 22px;
  min-width: 22px;
  line-height: 22px;
}

/**
 * PaneHeaderIconButton
 */



.PaneHeaderIconButton---D0qX6 {
  /* min-width: var(--control-min-size-touch); */
  padding: 0 var(--gutter-static-one-third);
  min-height: var(--control-min-size-touch);
}

.PaneHeaderIconButton__inner---zHIjh {
  padding: 0;
  min-width: var(--control-min-size-desktop);
  min-height: var(--control-min-size-desktop);
  justify-content: center;
  align-items: center;
}



.paneHeader---dFUll {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0 var(--control-min-size-touch);
  border-bottom: 1px solid var(--color-border-p2);
  position: relative;
  will-change: transform;
  padding: 0 var(--gutter-static);
  background-color: var(--color-fill);
  outline: 0;

  & button {
    z-index: 2;
    position: relative;
  }
}

/**
 * Default Pane Header styling
 */

/* Centered content in pane */
.paneHeaderCenter---rhBpM {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gutter-static-one-third);
}

/* Inner part of pane header
(which can be turned in to a button for toggling a popover in the future) */
.paneHeaderCenterInner---rAw9m {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Add ellipsis to titles */
.paneTitle---JxM63,
.paneSub---YNbMU {
  margin: 0;
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;

  /*  If paneTitle is wrapped in a div
      we add display:flex and vertcially centers the content */
  & div {
    display: flex;
    align-items: center;
  }

  /* Any span within paneTitle will get ellipsis applied to it */
  & span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Pane title */
.paneTitle---JxM63 {
  font-size: var(--font-size-medium);
  font-weight: var(--text-weight-bold);
  align-items: center;
  letter-spacing: 0.04em;
  color: var(--color-text);
}

.paneTitleLabel---MZtJM {
  margin: 0 4px;
  outline: 0;
}

/* Pane sub */
.paneSub---YNbMU {
  color: var(--color-text);
  font-size: var(--font-size-small);
  line-height: 1.5;
}

/* Pane button areas */
.paneHeaderButtonsArea---g99KA {
  position: relative;
  align-items: center;
  display: flex;
  z-index: 1;
}

/* Pane action menu */
button.actionMenuToggle---y9GIi {
  margin: 0 var(--gutter-static-one-third);
}

/* stylelint-disable */
/* Pull last pane icon button to the right/end */
.paneHeaderButtonsArea---g99KA.last---PgcVW .paneHeaderIconButton---iUbKX:last-child,
[dir="rtl"] .paneHeaderButtonsArea---g99KA.first---CLWgD .paneHeaderIconButton---iUbKX:first-child {
  margin-right: calc(var(--gutter-static-two-thirds) * -1);
  margin-left: 0;
}

/* Pull first pane icon button to the left/start */
.paneHeaderButtonsArea---g99KA.first---CLWgD .paneHeaderIconButton---iUbKX:first-child,
[dir="rtl"] .paneHeaderButtonsArea---g99KA.last---PgcVW .paneHeaderIconButton---iUbKX:last-child {
  margin-left: calc(var(--gutter-static-two-thirds) * -1);
  margin-right: 0;
}
/* stylelint-enable */



.paneMenu---DWlKD {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}



.show---aXfKS {
  display: block;
}

.btnGroup---b1xJi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.dropdown---MS9PB {
  display: inline-block;

  &.relative---p2CyQ {
    position: relative;
  }
}

button + .dropdown---MS9PB,
.dropdown---MS9PB + .dropdown---MS9PB {
  padding: 0 0.25rem;
}

.DropdownMenuTether---vBDjm {
  z-index: 1000;
  display: none;
  float: left;
  min-width: 90vw;
  font-size: var(--font-size-medium);
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  pointer-events: all;

  &.hasPadding---cxq_M {
    padding: var(--gutter-static);
  }

  & ul {
    list-style: none;
    padding: 0;
  }
}

@media (min-width: 641px) {
  .DropdownMenuTether---vBDjm {
    min-width: 40vw;
  }
}

@media (min-width: 1025px) {
  .DropdownMenuTether---vBDjm {
    min-width: 20vw;
  }
}

/**
* Default styling
*/
:root {
  --link-color-hover: #23385a;
}

.button---kpbBz {
  padding: 0 var(--gutter-static);
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: var(--color-text);
  border-radius: 999px;
  transition: background-color 0.25s, color 0.25s, opacity 0.07s;
  background-color: transparent;
  border: transparent;
  margin: 0 0 var(--gutter);
  white-space: nowrap;
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  outline: 0;
  opacity: 1;
  font-weight: var(--text-weight-button);
  font-size: var(--font-size-medium);
  min-height: var(--control-min-size-desktop);

  &:visited {
    color: inherit;
  }

  &::before {
    border-radius: 999px;
  }

  &.block---tV6Ip {
    display: flex;
  }

  & + .button---kpbBz {
    margin-left: 0.25rem;
  }

  &.fullWidth---LcYL_ {
    width: 100%;
  }

  &.fieldControl---fntps {
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

  & + .button---kpbBz.fullWidth---LcYL_,
  & + .button---kpbBz.fieldControl---fntps {
    margin-left: 0;
  }

  &:focus {
    text-decoration: underline;
    -webkit-text-decoration-skip: objects;
            text-decoration-skip: objects;
    text-decoration-thickness: 2px;
  }

  /**
  * Button Style: Default
  */

  &.default---E_pLT {
    background-color: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);

    & .stripes__icon {
      fill: var(--primary);
    }

    &[class*="interactionStyles---"]:active {
      color: var(--color-text-active);
    }
  }



  /**
   * Button style primary
   */

  &.primary---xHTjI {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;

    &:hover {
      opacity: 0.9;
    }
  }

  /**
  * Button Style: Success
  */

  &.success---Z2KA9 {
    background-color: var(--success);
    border: 1px solid var(--success);
    color: #fff;
  }

  /**
  * Button Style: Warning
  */

  &.warning---zvkVJ {
    background-color: var(--warn);
    border: 1px solid var(--warn);
    color: #fff;
  }

  /**
  * Button Style: Danger
  */

  &.danger---SRhRh {
    background-color: var(--danger);
    border: 1px solid var(--danger);
    color: #fff;
  }

  &.dropdownActive---fkDXW {
    &[aria-expanded="true"],
    &:focus {
      border: 1px solid var(--danger);
    }

    &:focus {
      outline: none;
    }
  }

  &.textAlignStart---BLP21 {
    text-align: left;
  }

  &.paneHeaderButton---a5QoN {
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0;
    border-radius: 0;
    padding: 8px;

    &.tab---cEn_w {
      font-weight: bold;
      border-width: 0;
      border-bottom: 4px solid transparent;

      &:focus,
      &:hover {
        outline: none;
        border-bottom: 4px solid var(--bg-hover);
      }

      &.selected---AxVu1 {
        font-weight: bold;
        border-width: 0;
        border-bottom: 4px solid var(--primary);

        &:focus {
          border-bottom-color: oklch(from var(--primary) calc(l - 0.03) c h);
        }
      }

      &:hover {
        background: transparent;
      }
    }
  }

  &.paneHeaderNewButton---slciC {
    margin-right: 0.5rem;
  }

  &.noRadius---kEcbm {
    border-radius: 0;
  }

  &.noLeftRadius---Ifpha {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  &.noRightRadius---DRLNP {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  &.lastBorderOnly---pliN6 {
    border-right-color: transparent !important;
  }

  &.link---jC_tD {
    display: inline;
    padding: 0;
    width: auto;
    height: auto;
    min-height: unset;
    border-color: var(--color-link);
    border-style: none;
    box-sizing: content-box;
    font: inherit;
    color: var(--color-link);
    cursor: pointer;
    text-align: start;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-bottom: 0;

    &:hover,
    &:focus {
      outline-style: dotted;
      outline-width: 1px;
      color: var(--link-color-hover);
    }
  }

  &.bottomMargin0---fRS6X,
  &.marginBottom0---nuKj8 {
    margin-bottom: 0;
  }

  &.paddingSide0---CPkSF {
    padding-left: 0;
    padding-right: 0;
  }

  &[disabled], &[aria-disabled="true"] {
    background-color: #ccc;
    border-color: #ccc;
    color: var(--color-text);
    transition: opacity ease-in-out 500ms;
    pointer-events: none;
  }

  &.mega---KcUhP {
    font-size: var(--font-size-large);
  }

  &.slim---rXj58 {
    padding: 0.125rem 0.5rem;
  }
}

[dir="rtl"] {
  & .button---kpbBz {
    & + .button---kpbBz {
      margin-left: 0;
      margin-right: 0.25rem;
    }

    & + .button---kpbBz.fullWidth---LcYL_,
    & + .button---kpbBz.fieldControl---fntps {
      margin-right: 0;
    }

    &.textAlignStart---BLP21 {
      text-align: right;
    }
  }
}

div[class*="Selected--"] {
  .button---kpbBz.default---E_pLT {
    color: currentcolor;
    border-color: currentcolor;
  }
}

.inner---Xcm7F {
  display: flex;
  align-items: center;
}

/**
 * Dropdown Item style
 */

/* No margin on dropdownItem's */
.button---kpbBz.dropdownItem---fEBa8 {
  margin: 0;
}

.dropdownItem---fEBa8 {
  padding: 0.125rem 0;
  background-color: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  &[disabled] {
    background-color: transparent;
    border: 0;
  }

  &:hover,
  &:focus {
    outline: none;
  }
}

/**
 * Alignment
 */

.align-start---jjYeO {
  justify-content: flex-start;
}

.align-center---vinY2 {
  justify-content: center;
}

.align-end---FOcag {
  justify-content: flex-end;
}

.overlay---nTWek {
  z-index: 9999;

  /*  popper-applied element property when the 'anchor' element is hidden
      or scrolled out of the view. This rule effectively hides the overlay if the anchor
      element/dropdown/control is scrolled out of the view.
      'visibility: hidden' is used instead of 'display: none' so that coordinates can still
      be accounted for by Popper.
  */
  &[x-out-of-boundaries] {
    visibility: hidden;
  }
}



.DropdownMenu---lVYxb {
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 90vw;
  padding: 5px 15px;
  margin: 2px 0 0;
  font-size: var(--font-size-medium);
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  pointer-events: all;
  max-height: 80vh;
  overflow: auto;

  & ul {
    list-style: none;
    padding: 0;
  }
}

@media (min-width: 641px) {
  .DropdownMenu---lVYxb {
    min-width: 40vw;
  }
}

@media (min-width: 1025px) {
  .DropdownMenu---lVYxb {
    min-width: 20vw;
  }
}

/**
 * Asterisk
 */



.asterisk---HRzcN {
  color: var(--error);
  font-weight: bold;
  padding: 0 0.1rem;
}

/**
 * Label
 */



.label---Ng7TC {
  display: flex;
  align-items: center;
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-form-label);
  line-height: var(--line-height);
  margin-bottom: var(--control-label-margin-bottom);
  color: var(--color-text);
}



.paneset---gPu3f {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  will-change: transform;
  overflow: hidden;

  & .paneset---gPu3f,
  &.nested---ZefyF {
    position: relative;
  }

  &.static---_ihEK {
    position: static;
  }

  @media print {
    display: block !important;
    overflow: visible;
    height: -moz-fit-content !important;
    height: fit-content !important;

    /* autosizer prefers containers of at least 1px */
    min-height: 1px;
  }
}

@media (min-width: 641px) {
  .paneset---gPu3f {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
  }
}

/* widened hover area to keep mouse cursor from flickering */
.cursorHover---YEk8L {
  position: absolute;
  height: 100%;
  width: 20px;
  pointer-events: all;
  cursor: col-resize;
}

.cursorActive---hzhp5 {
  display: flex;
  justify-content: center;
}

.cursor---ZIYx0 {
  height: 100%;
  width: 1px;
  border-right: 2px dashed rgba(0 0 0 / 20%);
  align-self: stretch;
}

.handle---w0s1b {
  position: absolute;
  height: 100%;
  width: 6px;
  cursor: col-resize;
  pointer-events: all;
  background-color: transparent;
  transition: background-color 0.2s;

  &:hover,
  &.active---cggg2 {
    background-color: rgba(0 0 0 / 10%);
  }
}

.container---Ufywi {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



.buttonGroup---KwUFS {
  display: inline-flex;
  justify-content: space-between;

  &.fullWidth---XSCFU {
    width: 100%;

    & > * {
      width: 100%;
    }
  }

  & > :first-child,
  & > :first-child::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :last-child,
  & > :last-child::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  & > :not(:first-child), & [class^="button"] + [class^="button"] {
    margin-left: -1px;
  }

  & > :not(:first-child, :last-child),
  & > :not(:first-child, :last-child)::before {
    border-radius: 0;
  }
}

[dir="rtl"] {
  & .buttonGroup---KwUFS {
    & > :first-child,
    & > :first-child::before {
      border-radius: 0 var(--radius) var(--radius) 0;
    }

    & > :last-child,
    & > :last-child::before {
      border-radius: var(--radius) 0 0 var(--radius);
    }

    & > :not(:first-child) {
      margin-left: 0;
      margin-right: -1px;
    }
  }
}

/**
 * Padding
 */

.indent---nfjoj {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

/* Gutter padding */
.padding-all-gutter---XyKq2 {
  padding: var(--gutter);
}

.padding-top-gutter---Ihklu {
  padding-top: var(--gutter);
}

.padding-bottom-gutter---Fs9JO {
  padding-bottom: var(--gutter);
}

.padding-start-gutter---uo_Yw {
  padding-left: var(--gutter);
}

.padding-end-gutter---jSerA {
  padding-right: var(--gutter);
}
/**
 * Margin
 */

/** Auto */
.margin-both-auto---oDexV,
.centered---Svsok {
  margin: auto;
}

.margin-start-auto---pNRCJ {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] .margin-start-auto---pNRCJ {
  margin-right: auto;
  margin-left: 0;
}

.margin-end-auto---kEgOo {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .margin-end-auto---kEgOo {
  margin-left: auto;
  margin-right: 0;
}

/* Gutter */
.margin-start-gutter---ZKpuu {
  margin-left: var(--gutter);
}

.margin-end-gutter---Fm0Z1 {
  margin-right: var(--gutter);
}

.margin-both-gutter---Dv_VZ {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
}

.marginTopHalf---RmkLX {
  margin-top: 0.5rem;
}

.marginTop1---PZ5yu {
  margin-top: 1rem;
}

/* class for aligning buttons or other non-labeled elements with labeled text inputs, selects, etc */
.marginTopLabelSpacer---IHGaK {
  margin-top: 1.75rem;
}
/**
 * Flexbox
 */

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

.justified---JgIHg {
  justify-content: space-between;
}

.centerContent---CBL7M {
  justify-content: center;
}

.justify-end---tqxv4 {
  justify-content: flex-end;
}

.display-inline-flex---qbVjO {
  display: inline-flex;
}

.display-flex---ADxL3 {
  display: flex;
}

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

/**
 * Wrap
 */
.flex-wrap--wrap---lPK7w {
  flex-wrap: wrap;
}

/**
 * Alignment
 */
.flex-align-items-center---PXqiQ {
  align-items: center;
}

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

.flex-align-items-end---Pr8k9 {
  align-items: flex-end;
}
/**
 * Sizing
 */



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

.max-width-container---e4P5G {
  max-width: var(--container-max-width);
}
/**
 * Text
 */

/**
 * Alignment
 */
.textLeft---GumFD {
  text-align: left;
}

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

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

.text-start---PZYPR {
  text-align: start;
}

.text-end---IDb2V {
  text-align: end;
}
/**
 * Float
 */

.right---l0P8u {
  float: right;
}

[dir="rtl"] .right---l0P8u {
  float: left;
}

.left---XNCTF {
  float: left;
}

[dir="rtl"] .left---XNCTF {
  float: right;
}



.callout---osWux {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column-reverse wrap;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding: 1.5rem 1rem;
  z-index: 1;
}

.calloutContainer---ZHuXJ {
  display: block;
  overflow: auto;
}

.calloutRow---LJODP {
  width: 100%;
  display: block;
  overflow: hidden;
  max-width: 100%;
}

.calloutBase---VblgV {
  width: 45vw;
  position: relative;
  pointer-events: all;
  background-color: #fff;
  padding: var(--gutter-static);
  opacity: 0;
  transition: left 0.4s, right 0.4s, opacity 0.4s;
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--radius);
  margin-bottom: 4px;

  & .message---BOLVw {
    flex-grow: 2;
    padding: 0 6px;
    font-size: var(--font-size-medium);
    word-break: break-word;
  }

  &.error---HfqAl {
    border-color: var(--error);
    background-color: color-mix(in oklab, var(--error) 25%, var(--bg));
  }

  &.success---LNYWS {
    border-color: var(--success);
    background-color: color-mix(in oklab, var(--success) 25%, var(--bg));
  }

  &.warning---NX2cx {
    border-color: var(--warn);
    background-color: color-mix(in oklab, var(--warn) 20%, var(--bg));
  }

  &.info---kPihD {
    border-color: #4c8eca;
    background-color: var(--bg);
  }

  &.slide-entering---DoT_U {
    left: 100%;
    opacity: 0;
  }

  &.slide-entered---dMZMj {
    left: 50%;
    opacity: 1;
  }

  &.slide-exiting---dETIG {
    left: 100%;
    opacity: 0;
  }

  &.slide-exited---KiqVL {
    left: 50%;
    opacity: 0;
  }
}

[dir="rtl"] {
  & .calloutBase---VblgV {
    &.slide-entering---DoT_U {
      left: 0;
      right: 100%;
      opacity: 0;
    }

    &.slide-entered---dMZMj {
      left: 0;
      right: 50%;
      opacity: 1;
    }

    &.slide-exiting---dETIG {
      left: 0;
      right: 100%;
      opacity: 0;
    }

    &.slide-exited---KiqVL {
      left: 0;
      right: 50%;
      opacity: 0;
    }
  }
}



.modalHeader---Vvnre {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid var(--color-border-p2);
  flex: 0, 0, 42px;
  min-height: var(--control-min-size-touch);
}

.modalRoot---SH7Wt {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 0.3s;
  overflow: visible;
  border: 0;

  &:focus {
    & .modalHeader---Vvnre {
      border-bottom: 1px solid var(--primary);
    }
  }
}

.modal---ey0q6 {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: calc(var(--gutter-static) * 2);
  background-color: #fff;
  max-height: calc(100% - var(--gutter-static) * 3);
  width: calc(100% - (var(--gutter) * 2));
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  outline: 0;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.35s, opacity 0.1s;
  pointer-events: all;
}

.modalFooter---TKyKC {
  border-top: 1px solid var(--color-border-p2);
  padding: var(--gutter-static);
  display: flex;
  align-items: center;
  flex-flow: row-reverse wrap;
}

.modalLabel---k17kM {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  text-align: center;
  word-break: break-all;
  font-size: var(--font-size-medium);
}

.modalContent---kiwOR {
  padding: var(--gutter-static);
  flex: 1 2 auto;
  overflow: auto;
  width: 100%;
  max-height: calc(100% - 44px - 2rem);
  line-height: var(--line-height);
}

.modalControls---QvvbG {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--gutter-static-two-thirds);
  display: flex;
  width: 100%;
  pointer-events: none;
  justify-content: flex-start;
  align-items: center;
}

.closeModal---avfzT {
  background-color: transparent;
  border: 0;
  padding: 0;
  pointer-events: all;
}

.backdrop---sXZsZ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}

@media (min-width: 641px) {
  .small---nVX0a {
    max-width: 550px;
  }
}

@media (min-width: 641px) {
  .medium---GHsbo {
    max-width: 750px;
  }
}

@media (min-width: 1025px) {
  .large---W4SjO {
    max-width: 1100px;
  }
}

/**
 * Move the modal further towards the top
 * when the browser window is a bit smaller in height
 */
@media screen and (height <= 850px) {
  .modal---ey0q6 {
    top: var(--gutter-static);
    max-height: calc(100% - var(--gutter-static) * 2);
  }
}

/**
 * Transitioning
 */

.entered---JdpSI {
  background-color: rgba(0 0 0 / 20%);

  & .modal---ey0q6 {
    transform: translateY(0);
    opacity: 1;
  }
}

.exiting---p8TEM {
  background-color: transparent;
  transition-delay: 0.1s;

  & .modal---ey0q6 {
    transform: translateY(20px);
    opacity: 0;
  }
}



.modalFooterButtons---v9_p4 {
  align-items: center;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  margin: calc((var(--control-margin-bottom) / 4) * -1) 0;
  width: 100%;

  & > * {
    flex: 1 1 auto;
    margin: calc(var(--control-margin-bottom) / 4);

    @media (min-width: 641px) {
      flex: 0 1 auto;
    }
  }
}

/**
 * <EmptyMessage />
 */



.emptyMessage---RtuEZ {
  font-size: var(--font-size-medium);
  color: var(--color-text-p2);
}

/* stylelint-disable no-descending-specificity */

.mclContainer---U3Hmc {
  display: flex;
  flex-direction: column;

  &:focus {
    outline: none;
  }
}


.mclHeightSpacer---KQg6C {
  position: relative;
}

.mclRowContainer---P4nqQ {
  position: absolute;
  min-width: 100%;
  min-height: 100%;

  /* first descendants all display: block for height measurment */
  & > * {
    display: block;
  }
}

/* Row is interactive (clickable, hoverable and focusable etc.) */
.mclIsInteractive---H3oxu {

  &:hover .mclSticky---GTlYd::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--color-fill-hover);
    opacity: 0.7;
  }

  &:active .mclSticky---GTlYd {
    background-color: var(--color-fill-active);
  }
}

.mclRowFormatterContainer---Ry7ic {
  position: absolute;
  width: 100%;
}

.mclRow---e3WhT {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  color: var(--color-text);
  text-decoration: none;
  outline: none;
  background-color: var(--color-fill-table-row-even);

  &:focus-within {
    z-index: 2;
  }

  &:not(:focus-within) {
    z-index: 0;
  }

  &:visited {
    color: var(--color-text);
  }

  /* Different bg on odd rows */
  &.mclIsOdd---V7j2_:not(.mclSelected---SXZ12) {
    background-color: var(--color-fill-table-row-odd);

    & .mclSticky---GTlYd::before {
      content: "";
      background-color: var(--color-fill-table-row-odd);
    }
  }

  &::before {
    border-radius: 0;
  }

  &:focus {
    z-index: 2;
  }

  /* Selected style */
  &.mclSelected---SXZ12 {
    color: #fff;
    background-color: var(--color-fill-current);

    /** For universal interaction styling */
    &::after {
      background-color: #fff;
    }

    & a {
      color: var(--color-link-current);
    }

    & .mclSticky---GTlYd::before {
      background-color: var(--color-fill-current);
    }
  }

  &.mclClickableRow---u9cAH:hover {
    cursor: pointer;

    & .mclSticky---GTlYd::after {
      background-color: var(--color-fill-focus);
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
  }

  &.mclWrappedCells---gVgYL {
    flex-wrap: wrap;
  }

  & .mclSticky---GTlYd {
    position: sticky;
    left: 0;
    top: 0;
    background-color: var(--bg);
    box-shadow: 3px 0 4px rgba(0 0 0 / 5%);
    z-index: 3;

    &::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: var(--color-fill-table-row-even);
    }

    &.mclStickyEnd---r_SxG {
      right: 0;
      left: initial;
      box-shadow: -3px 0 4px rgba(0 0 0 / 5%);
    }
  }
}

.mclRowsBody---nCyr5 {
  padding: 0 6px 3px;

  /* Use monospaced numbers, aka Tabular Numerals (tnum) */
  font-feature-settings: 'tnum';
}

.mclGridBody---o9jXl {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.mclHeaderContainer---GNfio {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  overflow: hidden;
  width: 100%;
}

.mclHeaderRow---tyJ0F {
  display: flex;
  justify-content: flex-start;
  border-bottom: 5px solid var(--primary);

  &.mclHScroll---VqZFw {
    overflow: auto;
  }
}

.mclHeader---KYe1q {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  padding: var(--gutter-static-two-thirds) var(--gutter-static-two-thirds) var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  overflow-wrap: break-word;
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-medium);
  color: var(--color-text);

  &:focus-within {
    box-shadow: inset 0 -6px 0 0 var(--primary) ;
  }

  &.mclClickable---jHGqS {
    cursor: pointer;
  }

  & .mclHeaderInner---XIoCJ {
    display: flex;
    padding: 2px 0;
    align-items: center;

    &::after {
      content: '';
      flex: 1 0 var(--gutter-static);
      width: var(--gutter-static);
      margin: 0 2px;
    }

    &:active,
    &:focus {
      outline: none;
    }
  }

  &.mclSticky---GTlYd {
    position: sticky;
    left: 0;
    background-color: var(--bg);
    z-index: 3;
    box-shadow: 3px 0 4px rgba(0 0 0 / 5%);
    border-right: 1px solid var(--color-border-p2);

    &::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
    }

    &.mclStickyEnd---r_SxG {
      right: 0;
      left: initial;
      box-shadow: -3px 0 4px rgba(0 0 0 / 5%);
      border-left: 1px solid var(--color-border-p2);
      border-right: 0;
    }
  }

  &.mclAscending---XCgTH .mclHeaderInner---XIoCJ::after {
    content: '';
    flex: 1 0 var(--gutter-static);
    height: var(--gutter-static);
    width: var(--gutter-static);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20class%3D%22stripes__icon%22%20d%3D%22M7%202.9l5.77%206.92-1.54%201.28L7%206.02%202.77%2011.1%201.23%209.82%207%202.9z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin: 0 2px;
  }

  &.mclDescending---TP6OM .mclHeaderInner---XIoCJ::after {
    content: '';
    flex: 1 0 var(--gutter-static);
    height: var(--gutter-static);
    width: var(--gutter-static);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20class%3D%22stripes__icon%22%20d%3D%22M7%2011.1L1.23%204.18%202.77%202.9%207%207.98l4.23-5.08%201.54%201.28L7%2011.1z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin: 0 2px;
  }

  &.mclSorted---GyuLO .mclHeaderInner---XIoCJ {
    text-decoration: underline;
  }

  &.mclSortIndicator---LmKOv .mclHeaderInner---XIoCJ::after {
     content: '';
     width: var(--gutter-static);
     height: 18px;
     background:
       url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23888%22%20class%3D%22stripes__icon%22%20d%3D%22M7%202.9l5.77%206.92-1.54%201.28L7%206.02%202.77%2011.1%201.23%209.82%207%202.9z%22/%3E%3C/svg%3E") no-repeat center top,
       url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23888%22%20class%3D%22stripes__icon%22%20d%3D%22M7%2011.1L1.23%204.18%202.77%202.9%207%207.98l4.23-5.08%201.54%201.28L7%2011.1z%22/%3E%3C/svg%3E") no-repeat center 8px;
     background-size: 10px;
  }
}

.mclHeaderOuter---zj7kr:active,
.mclHeaderOuter---zj7kr:focus {
  outline: none;
}

/**
* Functional cell styles
*/
.mclCell---FSW_H {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  overflow: hidden;
  text-align: left;
  word-break: break-word;

  &.showOverflow---m22eB {
    overflow: visible;
  }
}

/**
* Default cell styles
*/
.mclCellStyle---eUByQ {
  line-height: var(--line-height);
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  min-height: var(--control-min-size-desktop);
  border-right: 1px solid var(--color-border-p2);

  &:last-child {
    border-right: 0;
  }
}

[dir="rtl"] .mclCellStyle---eUByQ {
  border-right: 0;
  border-left: 1px solid var(--color-border-p2);

  &:last-child {
    border-left: 0;
  }
}

.mclScrollable---JvHuN {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  width: 100%;
}

.mclContentLoadingRow---dN6XM {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: flex-end;
  padding: 0 20px;
  bottom: 18px;
  pointer-events: none;
}

.mclContentLoading---vfVUf {
  display: flex;
  place-content: center center;
  height: 1.5rem;
  width: 3rem;
  padding: 0.25rem 0.5rem 0 0;
  background-color: rgba(255 255 255 / 50%);
}

.mclEmptyMessage---j7EbJ {
  padding: 1rem;
}

.mclEndOfListContainer---cex29 {
  position: absolute;
  overflow: hidden;
}

.mclCenteredContainer---xAnst {
  position: relative;
  left: 0;
}

.mclEndOfList---JuTid {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
}

/* loader rows */
.mclLoaderRow---zwV1N {
  width: 100%;
  position: absolute;
  top: 100%;
  overflow: hidden;
}

.mclRowPlaceholder---MvrLK {
  content: "&nbsp;";
  border-radius: 2px;
  background-color: var(--color-fill-table-row-odd);
  width: 100%;
  height: 1rem;
}

/**
 * Has margin
 * This is mostly relevant in results lists to achieve
 * the correct spacing inside the pane without having blank areas around the MCL
 */

.hasMargin---zQVaZ {
  & .mclHeaderRow---tyJ0F,
  & .mclRow---e3WhT {
    margin: 0 var(--gutter-static);
  }
}

.mclPaginationRow---a1wOI {
  flex: 0 0 auto;
}

.mclPaginationCenterContainer---VDZ3f {
  display: flex;
  justify-content: space-around;
  position: relative;
}

.mclPrevNextPageInfoContainer---wV2fm {
  font-weight: bold;
  display: flex;
  align-items: center;
  place-content: center center;
}

[dir="rtl"] .mclSticky---GTlYd {
  left: initial;
  right: 0;
  box-shadow: -3px 0 4px rgba(0 0 0 / 5%);
  border-left: 1px solid var(--color-border-p2);

  &.mclStickyEnd---r_SxG {
    left: 0;
    right: initial;
    box-shadow: 3px 0 4px rgba(0 0 0 / 5%);
    border-right: 1px solid var(--color-border-p2);
    border-left: 0;
  }
}

 /* Exposes full content of MCL's for printing. */
 @media print {
  .mclContainer---U3Hmc {
    overflow: visible !important;
  }

  .mclRowContainer---P4nqQ {
    overflow: visible;
  }

  .mclScrollable---JvHuN {
    height: auto !important;
    overflow: visible !important;
  }

  /* hide pagination for printed pages */
  .mclPaginationCenterContainer---VDZ3f {
    display: none;
  }
}

/* stylelint-enable no-descending-specificity */

.spinner---dPL_Q {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;

  & .bounce1---NCwSS {
    animation-delay: -0.32s;
  }

  & .bounce2---TC1Ah {
    animation-delay: -0.16s;
  }

  & > div {
    width: 33%;
    height: 33%;
    margin: 0 8%;
    background-color: rgba(0 0 0 / 62%);
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay---J9ius 1.4s infinite ease-in-out both;
  }
}

@keyframes sk-bouncedelay---J9ius {
  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}



/**
 * AppIcon
 */

/**
 * Icon
 */

.appIcon---m1ayU {
  display: inline-flex;
  align-items: center;
}

/**
 * Label
 */

.label---zHSX1 {
  margin: 0 0 0 0.35em;
}

[dir="rtl"] .label---zHSX1 {
  margin: 0 0.35em 0 0;
}

/**
 * Icon
 */
.icon---VZ8Z6 {
  display: inline-block;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  opacity: 1;
  transition: none;
  border-radius: 25%;
  background-color: var(--color-icon) !important;
  color: var(--bg);

  &::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px rgba(0 0 0 / 20%);
    border-radius: 25%;
  }

  & img {
    width: 100%;
    border-radius: 25%;
    height: auto;
    vertical-align: top;
  }
}

/**
 * Icon alignment
 */
.icon-alignment-center---nDpym {
  align-items: center;
}

.icon-alignment-baseline---BlMgl {
  align-items: baseline;
}

/**
 * Sizes
 */
.appIcon---m1ayU.large---liD2Y {
  min-width: 48px;
}

.large---liD2Y .icon---VZ8Z6 {
  height: 48px;
  min-width: 48px;
  width: 48px;
}

.appIcon---m1ayU.medium---LOjGj {
  min-width: 24px;
}

.medium---LOjGj .icon---VZ8Z6 {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.appIcon---m1ayU.small---gZXwD {
  min-width: 14px;
}

.small---gZXwD .icon---VZ8Z6 {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.titleWrap---YKVrr {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-bottom: 6rem;
}

h1.title---H01j2 {
  font-size: var(--font-size-xx-large);
  text-align: center;
  padding: 15px;
  line-height: 125%;
}

h3.title---H01j2 {
  font-size: var(--font-size-large);
  text-align: center;
}

@media screen and (width <= 900px) {
  h1.title---H01j2 {
    font-size: var(--font-size-large);
  }

  h3.title---H01j2 {
    font-size: var(--font-size-small);
  }
}

.container---VZ45r {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-right: 8px;
  padding-left: 8px;
}

.container-fluid---aKpC1 {
  padding-right: 16px;
  padding-left: 16px;
}

@media only screen and (min-width: 576px) {
  .container---VZ45r {
    width: 560px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .container---VZ45r {
    width: 752px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .container---VZ45r {
    width: 976px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .container---VZ45r {
    width: 1184px;
    max-width: 100%;
  }
}

.row---mewP4 {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

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

.col---cjY0Z.reverse---_e7JC {
  flex-direction: column-reverse;
}

.col-xs---h2D6d,
.col-xs-1---aeYxW,
.col-xs-2---zmNre,
.col-xs-3---mzX95,
.col-xs-4---SuvIc,
.col-xs-5---ghLKg,
.col-xs-6---sU98x,
.col-xs-7---iCUmN,
.col-xs-8---rWzt7,
.col-xs-9---KYDQm,
.col-xs-10---uwpcT,
.col-xs-11---lc5WQ,
.col-xs-12---D2qNT,
.col-xs-offset-0---BFVXI,
.col-xs-offset-1---VGd1r,
.col-xs-offset-2---gTo6T,
.col-xs-offset-3---mZKL6,
.col-xs-offset-4---pmcRB,
.col-xs-offset-5---HOlru,
.col-xs-offset-6---afdzu,
.col-xs-offset-7---h0Kdm,
.col-xs-offset-8---zw5Jp,
.col-xs-offset-9---hzG9b,
.col-xs-offset-10---tSx7u,
.col-xs-offset-11---MP33S,
.col-xs-offset-12---ossPi,
.col-sm---m6FyR,
.col-sm-1---dAN7i,
.col-sm-2---zUSNk,
.col-sm-3---B8erH,
.col-sm-4---OicZB,
.col-sm-5---_71J5,
.col-sm-6---Ku5Ek,
.col-sm-7---DBVu9,
.col-sm-8---caDlC,
.col-sm-9---g7RmW,
.col-sm-10---rWgmc,
.col-sm-11---flw4M,
.col-sm-12---qBHRj,
.col-sm-offset-0---Qz55d,
.col-sm-offset-1---eQK7I,
.col-sm-offset-2---yIxk2,
.col-sm-offset-3---zHn4p,
.col-sm-offset-4---vuStD,
.col-sm-offset-5---GFo56,
.col-sm-offset-6---GumI7,
.col-sm-offset-7---qfIRb,
.col-sm-offset-8---rNRdQ,
.col-sm-offset-9---dfoir,
.col-sm-offset-10---KzKNn,
.col-sm-offset-11---tapVq,
.col-sm-offset-12---u6Y8n,
.col-md---hJdAy,
.col-md-1---GWquW,
.col-md-2---Qsns9,
.col-md-3---euKPd,
.col-md-4---QIs9h,
.col-md-5---MmYY8,
.col-md-6---FPJ_C,
.col-md-7---h7Ooy,
.col-md-8---z_NzB,
.col-md-9---qtmjz,
.col-md-10---WkJDw,
.col-md-11---e_HMP,
.col-md-12---SDVlM,
.col-md-offset-0---yPBYB,
.col-md-offset-1---yXKpq,
.col-md-offset-2---UJ1cQ,
.col-md-offset-3---uz8MA,
.col-md-offset-4---hkUlM,
.col-md-offset-5---oZdEU,
.col-md-offset-6---oWMy8,
.col-md-offset-7---wEhkn,
.col-md-offset-8---Bgd29,
.col-md-offset-9---yw506,
.col-md-offset-10---_VcOi,
.col-md-offset-11---mcuxA,
.col-md-offset-12---oNYCe,
.col-lg---bZ83i,
.col-lg-1---IWS4C,
.col-lg-2---qrMW_,
.col-lg-3---hNWdW,
.col-lg-4---UMjDX,
.col-lg-5---jw5t5,
.col-lg-6---Kj6sz,
.col-lg-7---wdxTg,
.col-lg-8---mF2zz,
.col-lg-9---ahl_A,
.col-lg-10---_laD8,
.col-lg-11---KelYq,
.col-lg-12---H7H6r,
.col-lg-offset-0---hGjDv,
.col-lg-offset-1---GI8AI,
.col-lg-offset-2---Zkr0G,
.col-lg-offset-3---NSsgz,
.col-lg-offset-4---RPhvi,
.col-lg-offset-5---fBTxA,
.col-lg-offset-6---G_KqL,
.col-lg-offset-7---Ofm4J,
.col-lg-offset-8---ZdAHB,
.col-lg-offset-9---fQ5e6,
.col-lg-offset-10---LPbK2,
.col-lg-offset-11---PSNDu,
.col-lg-offset-12---_cp42,
.col-xl---uA_2r,
.col-xl-1---pDO4L,
.col-xl-2---ann6C,
.col-xl-3---DyQen,
.col-xl-4---juEOR,
.col-xl-5---Ajmcn,
.col-xl-6---plkzg,
.col-xl-7---uAQUQ,
.col-xl-8---sh5gs,
.col-xl-9---NyKbP,
.col-xl-10---GMQxs,
.col-xl-11---xeP4r,
.col-xl-12---C_Oju,
.col-xl-offset-0---a6ntD,
.col-xl-offset-1---LEGXq,
.col-xl-offset-2---qaavh,
.col-xl-offset-3---UsoO2,
.col-xl-offset-4---S9FZx,
.col-xl-offset-5---pb5sI,
.col-xl-offset-6---TzQT9,
.col-xl-offset-7---Ed5Nt,
.col-xl-offset-8---IouMR,
.col-xl-offset-9---sTeYc,
.col-xl-offset-10---TThId,
.col-xl-offset-11---N7lDk,
.col-xl-offset-12---ZuuP8 {
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 100%;
  padding-right: 8px;
  padding-left: 8px;
  max-width: 100%;
}

.col-xs---h2D6d {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1---aeYxW {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2---zmNre {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3---mzX95 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4---SuvIc {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5---ghLKg {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6---sU98x {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7---iCUmN {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8---rWzt7 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9---KYDQm {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10---uwpcT {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11---lc5WQ {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12---D2qNT {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0---BFVXI {
  margin-left: 0;
}

.col-xs-offset-1---VGd1r {
  margin-left: 8.33333333%;
}

.col-xs-offset-2---gTo6T {
  margin-left: 16.66666667%;
}

.col-xs-offset-3---mZKL6 {
  margin-left: 25%;
}

.col-xs-offset-4---pmcRB {
  margin-left: 33.33333333%;
}

.col-xs-offset-5---HOlru {
  margin-left: 41.66666667%;
}

.col-xs-offset-6---afdzu {
  margin-left: 50%;
}

.col-xs-offset-7---h0Kdm {
  margin-left: 58.33333333%;
}

.col-xs-offset-8---zw5Jp {
  margin-left: 66.66666667%;
}

.col-xs-offset-9---hzG9b {
  margin-left: 75%;
}

.col-xs-offset-10---tSx7u {
  margin-left: 83.33333333%;
}

.col-xs-offset-11---MP33S {
  margin-left: 91.66666667%;
}

.start-xs---ceR1d {
  justify-content: flex-start;
  text-align: start;
}

.center-xs---UMJFw {
  justify-content: center;
  text-align: center;
}

.end-xs---kvYRT {
  justify-content: flex-end;
  text-align: end;
}

.top-xs---fExt3 {
  align-items: flex-start;
}

.middle-xs---otWx0 {
  align-items: center;
}

.bottom-xs---pb3N8 {
  align-items: flex-end;
}

.around-xs---O6gnt {
  justify-content: space-around;
}

.between-xs---TpBiQ {
  justify-content: space-between;
}

.first-xs---R3BY6 {
  order: -1;
}

.last-xs---wbh5T {
  order: 1;
}

.initial-order-xs---pGO7V {
  order: initial;
}

@media only screen and (min-width: 576px) {
  .col-sm---m6FyR {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1---dAN7i {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2---zUSNk {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3---B8erH {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4---OicZB {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5---_71J5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6---Ku5Ek {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7---DBVu9 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8---caDlC {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9---g7RmW {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10---rWgmc {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11---flw4M {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12---qBHRj {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0---Qz55d {
    margin-left: 0;
  }

  .col-sm-offset-1---eQK7I {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2---yIxk2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3---zHn4p {
    margin-left: 25%;
  }

  .col-sm-offset-4---vuStD {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5---GFo56 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6---GumI7 {
    margin-left: 50%;
  }

  .col-sm-offset-7---qfIRb {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8---rNRdQ {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9---dfoir {
    margin-left: 75%;
  }

  .col-sm-offset-10---KzKNn {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11---tapVq {
    margin-left: 91.66666667%;
  }

  .start-sm---ZDW49 {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm---zWoIH {
    justify-content: center;
    text-align: center;
  }

  .end-sm---ny2rc {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm---sPpGw {
    align-items: flex-start;
  }

  .middle-sm---yHAzY {
    align-items: center;
  }

  .bottom-sm---itDzM {
    align-items: flex-end;
  }

  .around-sm---osaLQ {
    justify-content: space-around;
  }

  .between-sm---N3RCg {
    justify-content: space-between;
  }

  .first-sm---Xfomo {
    order: -1;
  }

  .last-sm---sfB0x {
    order: 1;
  }

  .initial-order-sm---nwg1Q {
    order: initial;
  }
}

@media only screen and (min-width: 768px) {
  .col-md---hJdAy,
  .col-md-1---GWquW,
  .col-md-2---Qsns9,
  .col-md-3---euKPd,
  .col-md-4---QIs9h,
  .col-md-5---MmYY8,
  .col-md-6---FPJ_C,
  .col-md-7---h7Ooy,
  .col-md-8---z_NzB,
  .col-md-9---qtmjz,
  .col-md-10---WkJDw,
  .col-md-11---e_HMP,
  .col-md-12---SDVlM,
  .col-md-offset-0---yPBYB,
  .col-md-offset-1---yXKpq,
  .col-md-offset-2---UJ1cQ,
  .col-md-offset-3---uz8MA,
  .col-md-offset-4---hkUlM,
  .col-md-offset-5---oZdEU,
  .col-md-offset-6---oWMy8,
  .col-md-offset-7---wEhkn,
  .col-md-offset-8---Bgd29,
  .col-md-offset-9---yw506,
  .col-md-offset-10---_VcOi,
  .col-md-offset-11---mcuxA,
  .col-md-offset-12---oNYCe {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .col-md---hJdAy {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1---GWquW {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2---Qsns9 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3---euKPd {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4---QIs9h {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5---MmYY8 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6---FPJ_C {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7---h7Ooy {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8---z_NzB {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9---qtmjz {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10---WkJDw {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11---e_HMP {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12---SDVlM {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0---yPBYB {
    margin-left: 0;
  }

  .col-md-offset-1---yXKpq {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2---UJ1cQ {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3---uz8MA {
    margin-left: 25%;
  }

  .col-md-offset-4---hkUlM {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5---oZdEU {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6---oWMy8 {
    margin-left: 50%;
  }

  .col-md-offset-7---wEhkn {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8---Bgd29 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9---yw506 {
    margin-left: 75%;
  }

  .col-md-offset-10---_VcOi {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11---mcuxA {
    margin-left: 91.66666667%;
  }

  .start-md---gE5vX {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md---Py0Lw {
    justify-content: center;
    text-align: center;
  }

  .end-md---t7tub {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md---d_PS8 {
    align-items: flex-start;
  }

  .middle-md---b5TlP {
    align-items: center;
  }

  .bottom-md---akxvP {
    align-items: flex-end;
  }

  .around-md---VBxsE {
    justify-content: space-around;
  }

  .between-md---mSmQx {
    justify-content: space-between;
  }

  .first-md---eDWGJ {
    order: -1;
  }

  .last-md---wXcaJ {
    order: 1;
  }

  .initial-order-md---_lJbx {
    order: initial;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg---bZ83i,
  .col-lg-1---IWS4C,
  .col-lg-2---qrMW_,
  .col-lg-3---hNWdW,
  .col-lg-4---UMjDX,
  .col-lg-5---jw5t5,
  .col-lg-6---Kj6sz,
  .col-lg-7---wdxTg,
  .col-lg-8---mF2zz,
  .col-lg-9---ahl_A,
  .col-lg-10---_laD8,
  .col-lg-11---KelYq,
  .col-lg-12---H7H6r,
  .col-lg-offset-0---hGjDv,
  .col-lg-offset-1---GI8AI,
  .col-lg-offset-2---Zkr0G,
  .col-lg-offset-3---NSsgz,
  .col-lg-offset-4---RPhvi,
  .col-lg-offset-5---fBTxA,
  .col-lg-offset-6---G_KqL,
  .col-lg-offset-7---Ofm4J,
  .col-lg-offset-8---ZdAHB,
  .col-lg-offset-9---fQ5e6,
  .col-lg-offset-10---LPbK2,
  .col-lg-offset-11---PSNDu,
  .col-lg-offset-12---_cp42 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .col-lg---bZ83i {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1---IWS4C {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2---qrMW_ {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3---hNWdW {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4---UMjDX {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5---jw5t5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6---Kj6sz {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7---wdxTg {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8---mF2zz {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9---ahl_A {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10---_laD8 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11---KelYq {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12---H7H6r {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0---hGjDv {
    margin-left: 0;
  }

  .col-lg-offset-1---GI8AI {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2---Zkr0G {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3---NSsgz {
    margin-left: 25%;
  }

  .col-lg-offset-4---RPhvi {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5---fBTxA {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6---G_KqL {
    margin-left: 50%;
  }

  .col-lg-offset-7---Ofm4J {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8---ZdAHB {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9---fQ5e6 {
    margin-left: 75%;
  }

  .col-lg-offset-10---LPbK2 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11---PSNDu {
    margin-left: 91.66666667%;
  }

  .start-lg---OGxk2 {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg---LlbhA {
    justify-content: center;
    text-align: center;
  }

  .end-lg---gpB_U {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg---XG6in {
    align-items: flex-start;
  }

  .middle-lg---eHaT3 {
    align-items: center;
  }

  .bottom-lg---tp4MN {
    align-items: flex-end;
  }

  .around-lg---QSWZ0 {
    justify-content: space-around;
  }

  .between-lg---WpZFF {
    justify-content: space-between;
  }

  .first-lg---Bg6nI {
    order: -1;
  }

  .last-lg---TRuYg {
    order: 1;
  }

  .initial-order-lg---dsBCv {
    order: initial;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl---uA_2r,
  .col-xl-1---pDO4L,
  .col-xl-2---ann6C,
  .col-xl-3---DyQen,
  .col-xl-4---juEOR,
  .col-xl-5---Ajmcn,
  .col-xl-6---plkzg,
  .col-xl-7---uAQUQ,
  .col-xl-8---sh5gs,
  .col-xl-9---NyKbP,
  .col-xl-10---GMQxs,
  .col-xl-11---xeP4r,
  .col-xl-12---C_Oju,
  .col-xl-offset-0---a6ntD,
  .col-xl-offset-1---LEGXq,
  .col-xl-offset-2---qaavh,
  .col-xl-offset-3---UsoO2,
  .col-xl-offset-4---S9FZx,
  .col-xl-offset-5---pb5sI,
  .col-xl-offset-6---TzQT9,
  .col-xl-offset-7---Ed5Nt,
  .col-xl-offset-8---IouMR,
  .col-xl-offset-9---sTeYc,
  .col-xl-offset-10---TThId,
  .col-xl-offset-11---N7lDk,
  .col-xl-offset-12---ZuuP8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .col-xl---uA_2r {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1---pDO4L {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2---ann6C {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3---DyQen {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4---juEOR {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5---Ajmcn {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6---plkzg {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7---uAQUQ {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8---sh5gs {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9---NyKbP {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10---GMQxs {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11---xeP4r {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12---C_Oju {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-offset-0---a6ntD {
    margin-left: 0;
  }

  .col-xl-offset-1---LEGXq {
    margin-left: 8.33333333%;
  }

  .col-xl-offset-2---qaavh {
    margin-left: 16.66666667%;
  }

  .col-xl-offset-3---UsoO2 {
    margin-left: 25%;
  }

  .col-xl-offset-4---S9FZx {
    margin-left: 33.33333333%;
  }

  .col-xl-offset-5---pb5sI {
    margin-left: 41.66666667%;
  }

  .col-xl-offset-6---TzQT9 {
    margin-left: 50%;
  }

  .col-xl-offset-7---Ed5Nt {
    margin-left: 58.33333333%;
  }

  .col-xl-offset-8---IouMR {
    margin-left: 66.66666667%;
  }

  .col-xl-offset-9---sTeYc {
    margin-left: 75%;
  }

  .col-xl-offset-10---TThId {
    margin-left: 83.33333333%;
  }

  .col-xl-offset-11---N7lDk {
    margin-left: 91.66666667%;
  }

  .start-xl---be7Fa {
    justify-content: flex-start;
    text-align: start;
  }

  .center-xl---QCC7E {
    justify-content: center;
    text-align: center;
  }

  .end-xl---_VkLd {
    justify-content: flex-end;
    text-align: end;
  }

  .top-xl---S_Ig1 {
    align-items: flex-start;
  }

  .middle-xl---Uhh5_ {
    align-items: center;
  }

  .bottom-xl---MfOmL {
    align-items: flex-end;
  }

  .around-xl---zNprl {
    justify-content: space-around;
  }

  .between-xl---X_cRk {
    justify-content: space-between;
  }

  .first-xl---IPSF1 {
    order: -1;
  }

  .last-xl---aqSW4 {
    order: 1;
  }

  .initial-order-xl---_NoXy {
    order: initial;
  }
}

@media only screen and (max-width: 575px) {
  .hidden-xs---BAUJo {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hidden-sm---GCLz9 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-md---AYIiq {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg---vicBY {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .hidden-xl---m8PS0 {
    display: none;
  }
}
.logo---KleUo {
  max-width: 460px;
  margin: 0 auto 10px;
  text-align: center;
  justify-content: center;

  & img {
    max-width: 460px;
    max-height: 300px;
  }
}

@media (height <= 440px) {
  .logo---KleUo {
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .logo---KleUo {
    margin-top: 0;

    & img {
      max-width: 300px;
    }
  }
}

@media (max-width: 640px) {
  .logo---KleUo {
    margin-top: 0;

    & img {
      max-width: 240px;
    }
  }
}

@media only screen and (width >= 1300px) {
  .logo---KleUo {
    margin-bottom: 20px;
  }
}

.wrapper---gu01D {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.container---FQKNI {
  width: 100%;
  max-width: 940px;
  min-height: 330px;
  margin: 12vh 2rem 0;
}

@media (min-width: 641px) {
  .container---FQKNI {
    min-height: initial;
  }
}

@media (min-width: 1025px) {
  .header---piDNy {
    font-size: var(--font-size-xx-large);
  }
}

@media (height <= 440px) {
  .container---FQKNI {
    min-height: 330px;
  }
}

.eventsContainer---CVu9R {
    position: absolute;
    bottom: 0;
    z-index: 100000;
    left: 50%;
    transform: translate(-50%);
    border: none
}

.fixedSessionBanner---JotWR {
    background-color: var(--warn);
}

/**
 * MessageBanner
 */



:root {
  --message-banner-font-size: var(--font-size-medium);
  --message-banner-padding-small: 0.6rem;
  --message-banner-padding-large: 0.75rem;
  --message-banner-stacked-margin-top: var(--gutter-static);
  --message-banner-border-radius: var(--radius);
  --message-banner-min-height: 32px;
  --message-banner-line-height: 1.25;
  --message-banner-default-fill: #000;
  --message-banner-default-color: #fff;
  --message-banner-default-border-color: #000;
  --message-banner-error-fill: var(--error-fill);
  --message-banner-error-color: var(--error);
  --message-banner-error-border-color: var(--error);
  --message-banner-success-fill: var(--success-fill);
  --message-banner-success-color: var(--color-text);
  --message-banner-success-border-color: var(--success);
  --message-banner-warning-fill: var(--warn-fill);
  --message-banner-warning-color: var(--warn);
  --message-banner-warning-border-color: var(--warn);
}

.root---nWXGS + .root---nWXGS {
  margin-top: var(--message-banner-stacked-margin-top);

  &.marginTop0---z_3Ku {
    margin-top: 0;
  }
}

.inner---u5j1s {
  min-height: var(--message-banner-min-height);
  font-size: var(--message-banner-font-size);
  display: flex;
  align-items: center;
  width: 100%;
  line-height: var(--message-banner-line-height);
  text-align: left;
  border-radius: var(--message-banner-border-radius);
  border: 1px solid;
}

/**
 * Content
 */
.content---pxGBi {
  flex: 1;
  align-self: center;
  padding: var(--message-banner-padding-small) var(--message-banner-padding-large);
}

[dir="rtl"] .content---pxGBi {
  text-align: right;
}

/**
 * Icon
 */
.icon---fpuKx {
  margin: 0 0 0 var(--message-banner-padding-large);
  min-height: var(--message-banner-min-height);
  align-self: flex-start;
}

[dir="rtl"] .icon---fpuKx {
  margin: 0 var(--message-banner-padding-large) 0;
}

/**
 * Dismiss button
 */
.dismissButtonWrap---u0bmU {
  margin: 0 var(--message-banner-padding-small) 0 0;
  min-height: var(--message-banner-min-height);
  display: flex;
  align-items: center;
  align-self: flex-start;
}

[dir="rtl"] .dismissButtonWrap---u0bmU {
  margin: 0 0 0 var(--message-banner-padding-small);
}

/**
 * Types
 */
.type-default---dAGXv {
  background-color: var(--message-banner-default-fill);
  color: var(--message-banner-default-color);
  border-color: var(--message-banner-default-border-color);

  & .dismissButton---WtpDg {
    color: #fff;
  }

  & a {
    color: #fff;
    text-decoration: underline;

    &:visited {
      color: #ccc;
      text-decoration-color: #ccc;
    }

    &:focus {
      color: #fff;

      &::before {
        border: 1px solid #ccc;
        z-index: auto;
      }
    }
  }
}

.type-error---j5hhg {
  background-color: var(--message-banner-error-fill);
  color: var(--message-banner-error-color);
  border-color: var(--message-banner-error-border-color);
}

.type-success---cFAaQ {
  background-color: var(--message-banner-success-fill);
  color: var(--message-banner-success-color);
  border-color: var(--message-banner-success-border-color);
}

.type-warning---esK3J {
  background-color: var(--message-banner-warning-fill);
  color: var(--message-banner-warning-color);
  border-color: var(--message-banner-warning-border-color);
}

/**
 * List
 */

.root---nWXGS ul {
  padding: 0;
  margin: 0;
  list-style: none;

  & li:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}

/**
 * Transition
 */

.enter---TwMF8 {
  opacity: 0;
  transform: translateY(-10px);
}

.enterActive---Ln2EI {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 200ms, transform 200ms;
}

.exit---Rv36R {
  opacity: 1;
}

.exitActive---ixJGr {
  transform: translateY(-10px);
  opacity: 0;
  transition: opacity 200ms, transform 200ms;
}

/**
 * StackTraceBoundary -> StackTrace
 */

.message---V7uJK {
  padding: calc(var(--gutter) * 1.5);
}

.message__content---KLk6c {
  overflow: auto;
}

.error---FqwsN {
  margin: 0 0 calc(var(--gutter) * 1.5) 0;
}

.stack---yj1Ut {
  margin: 0;
  line-height: 1.65;
}

/**
 * ErrorBoundary -> ProductionError
 */

.header---Rhrw5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.header__sub---PhvJj {
  font-weight: var(--text-weight-medium);
}

.header__icon---wquZr {
  color: var(--color-text-p2);
  font-size: 6rem;
  margin-bottom: var(--gutter);
}

div.modalContent---J44SQ {
  max-height: 600px;
}

button.viewDetailsButton---b5i92 {
  color: var(--color-text-p2);
  font-weight: var(--text-weight-bold);
}

button.resetButton---zykU8 {
  margin: var(--gutter) auto 0;
  display: block;
  padding: var(--gutter) calc(var(--gutter) * 3);
  font-size: var(--font-size-large);
}

/**
 * TextLink
 */



:root {
  --link-color-default: var(--color-link);
  --link-border-color-default: #d7dfeb;
  --link-color-hover: #23385a;
  --link-color-active: var(--color-text);
  --link-color-visited: var(--color-link-visited);
  --link-border-color-focus: #3b5f9a;
  --link-box-shadow-focus: 0 0 0 3px var(--color-fill-focus);
  --link-box-shadow-current: 0 0 0 1px currentcolor;
}

.root---FBI0e {
  color: var(--link-color-default);
  position: relative;
  outline: 0;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: var(--link-border-color-default);

  /* Focus outline */
  &::before {
    border-radius: var(--radius);
    border: 1px solid var(--link-border-color-focus);
    inset: 0 -2px;
    box-shadow: var(--link-box-shadow-focus);
    content: "";
    display: none;
    position: absolute;
    z-index: -1;
  }

  /* Visited */
  &:visited {
    color: var(--link-color-visited);
    text-decoration-color: var(--link-color-visited);
  }

  /* Hover */
  &:hover {
    color: var(--link-color-hover);
    text-decoration-color: var(--link-color-hover);
  }

  /* Active */
  &:active {
    color: var(--link-color-active);
    text-decoration-color: var(--link-color-active);
    display: inline;

    &::before {
      display: none;
    }
  }

  /* Focus */
  &:focus {
    background-image: none;
    display: inline-block;

    /* Prevents double underline */
    &:not(:hover, :active) {
      text-decoration: none;
    }

    /* Activates focus outline */
    &:not(:hover)::before {
      display: block;
      border: 1px solid #000;
      inset: -3px;
  }
  }
}

div[class*="Selected"] {
  /**
    * :not is the crown prince of pseudo selector specificity.
    * That's causing stylelint grief here since it's more
    * specific than the things above it, but if we invert the
    * hierarchy then we'd have to duplicate most of this code.
    * <sigh>.
    */
  /* stylelint-disable no-descending-specificity */
  & .root---FBI0e {
    color: var(--color-link-current);

    /* Visited */
    &:visited {
      color: var(--color-link-current);
      text-decoration-color: var(--color-link-current);
    }

    /* Focus */
    &:focus {
      /* Activates focus outline */
      &:not(:hover)::before {
        display: block;
        box-shadow: var(--link-box-shadow-current);
        border: 1px solid currentcolor;
        inset: -3px;
      }
    }

    &:hover {
      color: var(--link-color-selected);
      text-decoration-color: var(--link-color-selected);
    }
  }
}

div[class*="interactionStyles"]:active .root---FBI0e {
  color: var(--color-link-current);
  text-decoration-color: var(--color-link-current);
}

/**
 * ErrorBoundary
 */

.root---bbCMZ {
  max-width: 70rem;
  margin: calc(var(--gutter) * 2) auto;
  padding: var(--gutter);
}

.titleWrap---khky3 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-bottom: 6rem;
}

h2.title---Txt1T {
  font-size: var(--font-size-large);
  text-align: center;
}

@media screen and (width <= 900px) {
  h2.title---Txt1T {
    font-size: var(--font-size-small);
  }
}

.wrapper---ozDC7 {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.container---XJUTR {
  width: 100%;
  max-width: 940px;
  min-height: 330px;
  margin: 12vh 2rem 0;
}

.linksWrapper---TWEFY,
.authErrorsWrapper---uNqjh {
  margin-top: 1rem;
}

.link---Jm86j {
  display: block;
  width: 100%;
  font-size: var(--font-size-large);
  font-weight: var(--text-weight-headline-basis);
  margin: 0;
}

@media (min-width: 641px) {
  .container---XJUTR {
    min-height: initial;
  }
}

@media (min-width: 1025px) {
  .header---BR7eI {
    font-size: var(--font-size-xx-large);
  }

  .toggleButtonWrapper---yTx4g {
    justify-content: left;

    & > button {
      margin: 0 0 1rem 1rem;
    }
  }
}

@media (height <= 440px) {
  .container---XJUTR {
    min-height: 330px;
  }
}

.root---lo5W2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}

:root {
  --main-nav-min-height-desktop: 56px;
  --main-nav-min-height-mobile: 48px;
  --main-nav-border-bottom-color: rgba(0 0 0 / 90%);
  --main-nav-background-color: rgba(0 0 0 / 80%);
  --main-nav-text-color: #fff;
}

.navRoot---Zh1Si {
  background-color: var(--main-nav-background-color);
  border-bottom: 1px solid var(--main-nav-border-bottom-color);
  color: var(--main-nav-text-color);
  display: flex;
  place-content: stretch space-between;
  align-items: center;
  width: 100%;
  flex: 0 0 auto;
  padding: 0 var(--gutter-static-one-third);
  min-height: var(--main-nav-min-height-desktop);
  z-index: 99999;
  position: relative;

  & li {
    color: var(--color-text);
  }
}

.nowrap---xw7AE {
  white-space: nowrap;
}

.startSection---XDjvr,
.endSection---dPtOM {
  display: flex;
  align-items: center;
}

.endSection---dPtOM {
  flex: 1;
  justify-content: flex-end;
  min-width: 0;
}

@media (max-width: 1024px) {
  .navRoot---Zh1Si {
    min-height: var(--main-nav-min-height-mobile);
  }
}

:root {
  --main-nav-button-font-size: 1rem;
  --main-nav-button-label-spacing: 6px;
  --main-nav-button-padding: 0.53rem;
  --main-nav-button-min-height: var(--control-min-size-touch);
  --main-nav-button-color: #fff;
}

.navButton---wRwTS,
.inner---bGUpf {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.inner---bGUpf {
  position: relative;
  padding: var(--main-nav-button-padding) 0;
}

.navButton---wRwTS .inner---bGUpf::before {
  left: calc(var(--main-nav-button-padding) * -1);
  right: calc(var(--main-nav-button-padding) * -1);
}

.navButton---wRwTS {  /* stylelint-disable-line */
  padding: 0 var(--gutter-static-one-third);
  min-height: var(--main-nav-button-min-height);
  font-size: var(--main-nav-button-font-size);
  outline: 0;
  opacity: 0.75;

  &::-moz-focus-inner {
    border: 0;
  }

  &:hover,
  &:focus {
    opacity: 1;
  }

  &.selected---gKlL8 {
    opacity: 1;

    & .inner---bGUpf::before {
      background-color: var(--primary);
    }
  }
}

.isInteractive---iwCXQ {  /* stylelint-disable-line */
}

/* To make sure we overwrite default link colors */
a.navButton---wRwTS,
button.navButton---wRwTS {
  color: var(--main-nav-button-color);
}

.icon---D_7At {
  display: flex;

  & svg {
    fill: currentcolor;
  }
}

.icon---D_7At,
.label---Reg83 {
  position: relative;
  z-index: 4;
}

.label---Reg83 {
  font-weight: var(--text-weight-bold);
  display: flex;
  align-items: center;
}

[dir="ltr"] .label---Reg83 {
  margin-left: var(--main-nav-button-label-spacing);
}

[dir="rtl"] .label---Reg83 {
  margin-right: var(--main-nav-button-label-spacing);
}

/**
 * Badge
 */
.navButton---wRwTS .badge---J29CU {
  font-size: var(--font-size-x-small);
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 5;
}

/**
 * AppIcon
 */
.appIcon---VkjNE > span::after {
  box-shadow: inset 0 0 0 1px rgba(255 255 255 / 10%);
}

/**
 * Caret icon
 */
.caretIcon---CiNTu {
  font-size: 1.1rem;
  margin: 0.3rem 0 0 0.35rem;
}

[dir="rtl"] .caretIcon---CiNTu {
  margin: 0.3rem 0.35rem 0 0;
}

.navDivider---w1q2x {
  border-left: 1px solid rgba(255 255 255 / 20%);
  height: 24px;
  margin: 0 5px;
}

@media (max-width: 1024px) {
  .hideMed---L5fU3 {
    display: none;
  }
}



/**
 * CurrentApp
 */

.button---mtWnz {
  opacity: 1 !important;
  padding: 0 var(--gutter-static-two-thirds);
}

.button---mtWnz .button__inner---QdDAh {
  padding: 0;
}

[dir="ltr"] .button---mtWnz .button__label---Y_nu2 {
  margin-left: 0.6rem;
}

[dir="rtl"] .button---mtWnz .button__label---Y_nu2 {
  margin-right: 0.6rem;
}

.button---mtWnz .button__label__inner---vjzEf {
  font-size: 1.86rem;
}

/**
 * Avatar
 */



.avatar---ehsSw {
  background-color: var(--color-fill);
  height: 24px;
  width: 24px;
  border: 1px solid var(--color-border-p2);
  border-radius: 999px;
  overflow: hidden;
  display: inline-block;

  & img,
  & svg {
    width: 100%;
    height: 100%;
    border-radius: 999px;
  }

  &:active {
    border-color: #fff;
  }
}

.placeholder---wIP9w {
  fill: var(--color-icon);
  width: 100%;
  height: auto;
}

/* stylelint-disable no-descending-specificity */

:root {
  --checkbox-size: 12px;
}

.checkbox---fuP9K {
  display: flex;
  flex-direction: column;
  position: relative;
  color: inherit;
  line-height: var(--line-height);
  margin-bottom: 0;

  &.fullWidth---KwDgp {
    width: 100%;
  }
}

/**
 * Label
 */
.label---IyPj4 {
  margin-bottom: 0;
  color: inherit;
}

/**
 * Custom checkbox styling
 */
.checkboxIcon---YBMVT {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: 1px solid currentcolor;
  border-radius: 25%;
  background: var(--color-fill-form-element);
  display: flex;
  overflow: hidden;
  flex-shrink: 0;

  & svg {
    opacity: 0;
  }
}

/**
 * Label Info
 */
.checkBoxLabelInfo---nqXOV {
  margin-left: auto;
  padding: 0 var(--gutter-static-two-thirds);
}

.inner---ZMJKD {
  min-height: var(--control-min-size-desktop);
  display: flex;
  align-items: baseline;
  flex-grow: 2;
  position: relative;
  border-radius: var(--radius);
  font-size: var(--font-size-form-label);
}

/**
 * Label text
 */
.labelText---SQtRl {
  margin: 0 0 0 var(--gutter-static-one-third);
  display: flex;
  align-items: center;
  min-height: var(--control-min-size-desktop);
  word-break: break-word;
}

[dir="rtl"] .labelText---SQtRl {
  margin: 0 var(--gutter-static-one-third) 0 0;
}

/**
 * Input
 */
.input---uK2Ox {
  position: absolute;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.noLabel---w80gk .input---uK2Ox {
  transform: scale(1.9);
}

/**
 * Checkbox feedback
 */
.checkboxFeedback---jACFP {
  font-size: var(--font-size-medium);
}

.hasWarning---PXl3g {
  & .checkboxFeedback---jACFP {
    color: var(--warn);
  }

  & .checkboxIcon---YBMVT {
    border-color: var(--warn);
  }
}

.hasError---CvWeN {
  & .checkboxFeedback---jACFP {
    color: var(--error);
  }

  & .checkboxIcon---YBMVT {
    border-color: var(--error);
  }
}

/**
 * Disabled or read-only
 */
.disabled---ZP8I0,
.readOnly---LSGTN {
  & .inner---ZMJKD,
  & .input---uK2Ox {
    cursor: default;
  }

  & .checkboxIcon---YBMVT,
  & input:checked + .checkboxIcon---YBMVT {
    background-color: var(--checkable-disabled-fill);
    border-color: var(--checkable-disabled-fill);
  }
}

/**
 * Checked state
 */

.input---uK2Ox:checked + .checkboxIcon---YBMVT {
  background-color: #000;

  & svg {
    opacity: 1;
  }

  & svg path {
    stroke: #fff;
  }
}

/**
 * Vertical label alignment
 */
.vertical---e6BeA .label---IyPj4 {
  flex-direction: column;
  align-items: flex-start;

  & .labelText---SQtRl {
    margin: 0 0 var(--control-label-margin-bottom) 0;
    min-height: 0;
  }

  & .inner---ZMJKD {
    align-items: center;
  }
}

/**
 * Inline checkbox
 */
.inline---kcdbc {
  display: inline-flex;

  &.noLabel---w80gk .inner---ZMJKD {
    align-items: center;
  }
}

/* Apply spacing between inline checkboxes when stacked */
.inline---kcdbc + .inline---kcdbc {
  margin-left: var(--gutter-static-two-thirds);
  margin-right: 0;
}

[dir="rtl"] .inline---kcdbc + .inline---kcdbc {
  margin-right: var(--gutter-static-two-thirds);
  margin-left: 0;
}

/**
 * Interaction styles (hover, focus, active)
 */
.checkboxInteractionStylesControl---ryjrP {
}

.checkboxInteractionStyles---NCEAn {
}

.labelFocused---whJOV {
}



.list---GTWpB {
  margin-bottom: 1rem;
  font-size: var(--font-size-medium);

  &.marginBottom0---Qoeuu {
    margin-bottom: 0;
  }
}

/**
 * Is empty message
 */
.isEmptyMessage---s00GM {
  font-size: var(--font-size-medium);
  color: var(--color-text-p2);
}

/**
 * List style
 * Easily change list style by changing the listStyle-prop (defaults to: default)
 */

/**
 * Default
 */
.listStyleDefault---VXvtB {
  padding: 0;

  & li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-static-one-third) 0;
    border-radius: var(--radius);
    margin-bottom: var(--gutter-static-one-third);
  }
}

/**
 * Bullets
 */
ul.listStyleBullets---DdEsj,
ul.listStyleBullets---DdEsj ul {
  list-style-type: disc;
  padding-left: var(--gutter-static);

  & ul {
    margin-top: var(--gutter-static-one-third);
    list-style-type: circle;
    margin-bottom: var(--gutter-static-two-thirds);
  }

  & li {
    margin-bottom: var(--gutter-static-one-third);
  }
}

[dir="rtl"] ul.listStyleBullets---DdEsj,
[dir="rtl"] ul.listStyleBullets---DdEsj ul {
  padding-left: 0;
  padding-right: var(--gutter-static);
}

.listStyleDefault---VXvtB:nth-child(odd) {
  background-color: var(--color-fill);
}



/**
 * My profile
 */

/* Logged in as */
.header---iby47 {
  color: var(--color-text-p2);
}

/* Divider */
.divider---HgHZp {
  border: 1px solid rgba(0 0 0 / 10%);
  border-width: 0 0 1px;
}

/* Avatar */
.button---kDQ2z .avatar---pYbHE {
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(255 255 255 / 10%);
  background-color: rgba(255 255 255 / 40%);
}

.button__label---DiijC {
  margin: 0 0.35rem;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 15rem;

  & span {
    width: 100%;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}



/**
 * App Switcher
 */

:root {
  --padding-for-header: 66px;
}

.appList---Yiexl {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
}

/**
 * Nav dropdown toggle
 **/

.dropdownToggleLabel---W95Md {
  display: none;
}

.dropdownToggleIcon---iyEOw {
  height: var(--control-min-size-desktop);
  width: var(--control-min-size-desktop);
}

/**
 * Nav List
 */
.navItemsList---Ssd4O {
  list-style: none;
  margin: 0;
  padding: 0 var(--gutter-static-two-thirds);
  display: flex;
  justify-content: flex-end;
}

/**
 * Nav Dropdown
 */

.navListDropdownWrap---Jd5fB {
  margin: 0 var(--gutter-static-two-thirds);
}

.navListDropdownWrap---Jd5fB,
.navListDropdown---V00Nc {
  display: block;
}

.navListDropdown---V00Nc {
  z-index: 99999;
}

.navListDropdown---V00Nc > div {
  overflow-y: auto;
}

.dropdownBody---Txm1G {
  width: 100%;
  outline: 0;
  padding: var(--gutter-static) 0;
}

.dropdownList---fzU7y {
  margin: 0;
  max-height: calc(100vh - var(--padding-for-header));
}

.dropdownListItem---Xi5WI {
  display: flex;
  align-items: center;
}

.dropdownListItemLabel---lYrq2 {
  padding: 0 var(--gutter-static-one-third);
  min-width: 200px;
  font-weight: var(--text-weight-bold);
}

[dir="rtl"] .dropdownListItemLabel---lYrq2 {
  text-align: right;
}

/**
 * Nav Item
**/

.navItem---MixS6 {
  display: flex;
  flex-shrink: 0;
  transition: opacity 0.1s, visibility 0.1s, width 0.07s ease-in-out;
  padding: 0 var(--gutter-static-one-third);

  &.hidden---f2Zq3 {
    width: 0 !important;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    padding: 0;
  }
}

/**
 * Responsive
 */

/* A bit of a hack to force tether to 100% width on mobile.. */
@media (max-width: 640px) {
  .navListDropdown---V00Nc,
  .navListDropdown---V00Nc > div {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}

@media (min-width: 641px) {
  .dropdownToggleLabel---W95Md {
    display: flex;
  }
}

/**
 * AppList -> ResizeContainer
 */

.resizeContainerWrapper---C34GO {
  flex: 1;
  display: flex;
  min-width: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.07s;

  &.ready---dkVP2 {
    opacity: 1;
  }
}

.resizeContainerInner---Mimw7 {
  overflow: hidden;
  flex: 1;
}

/**
 * SkipLink
 */

a.skipLink---HhjPQ {
  position: absolute;
  top: -100px;
  transition: top 0.15s linear;

  &:focus {
    position: relative;
    top: 0;
  }
}

.skipLink__icon---CpTWi {
  height: 22px;
  width: 22px;
}

.moduleContainer---EXrF2 {
  z-index: 9;
  position: relative;
  outline: none;
  flex: 1 1 auto;
  overflow-y: auto;
  height: 100%;

  @media print {
    overflow-y: visible;
    position: static;
  }
}

.overlayContainer---PCLop {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
  width: 100%;
  height: 100%;
}



.textField---UtZ60 {
  position: relative;
  width: 100%;

  & input {
    padding: var(--input-vertical-padding) var(--input-horizontal-padding);
    font-size: var(--font-size-medium);
    line-height: var(--line-height);
  }
}

.inputGroup---rDj9v {
  display: flex;

  & input {
    margin: 0;
    height: auto;
    width: 100%;
    flex: 1;
    background: none;
    border: none;
    outline: none;
    min-width: 0; /* keep FF from inserting its own min-width so textfield can get smaller if necessary */
  }
}

.startControls---qXbGf,
.endControls---NuXoF {
  pointer-events: none;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex: 0;
}

.startControls---qXbGf {
  justify-content: flex-start;
  padding: 0 0 0 var(--input-horizontal-padding);
}

[dir="rtl"] .startControls---qXbGf {
  padding: 0 var(--input-horizontal-padding) 0 0;
}

.endControls---NuXoF {
  justify-content: flex-end;
  padding: 0 var(--input-horizontal-padding) 0 0;
}

[dir="rtl"] .endControls---NuXoF {
  padding: 0 0 0 var(--input-horizontal-padding);
}

.controlGroup---nNDsR {
  pointer-events: all;
  display: flex;
  align-items: center;
}

.warningIcon---hqtCs {
  fill: var(--error);
}

.errorIcon---KbpGC {
  fill: var(--error);
}

.successIcon---HNNTn {
  fill: var(--success);
}

.loadingIcon---PQZhn {
  fill: var(--secondary);
}

/**
 * Text Field Icon
 */
.textFieldIcon---Gij5r {
  color: var(--color-icon);
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.25rem;
}

/**
 * Shared form styles
 */



/**
 * Input Group
 */
.inputGroup---dIOQM {
  position: relative;
}

/**
 * Default input, textarea and select styling
 */
.formControl---hjIZv {
  margin-bottom: var(--control-margin-bottom);
  border: 1px solid var(--color-border-form);
  color: var(--color-text);
  background-color: var(--color-fill-form-element);
  width: 100%;
  outline: 0;
  letter-spacing: 0.4px;
  border-radius: 0;
  min-height: var(--control-min-size-desktop);
  display: flex;
  align-items: center;

  &:focus,
  &.isFocused---rrR8p {
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 2px var(--color-focus-shadow-inset);
  }

  &.fullWidth---ydaBa {
    width: 100%;
  }

  &.noBorder---khkEq {
    border: 0;
  }

  &.marginBottom0---ij4Vz {
    margin-bottom: 0;
  }

  &:disabled,
  &.isDisabled---aqUBO {
    background-color: var(--color-fill-form-element-disabled);
    color: var(--color-text-disabled);
    border: 1px solid var(--color-border);
    box-shadow: none;
  }

  & input:disabled {
    color: var(--color-text-disabled);
  }

  & input::-moz-placeholder {
    color: var(--color-text-placeholder);
  }

  & input::placeholder {
    color: var(--color-text-placeholder);
  }

  /**
   * Feedback styles
   */
  &.hasFeedback---KFI3j {
    margin-bottom: 0.4rem;
  }

  &.hasWarning---jQ03v {
    border-color: var(--warn);
    background-color: oklch(from var(--warn) l c h / 5%);
  }

  &.hasError---oX3l0 {
    border-color: var(--error);
    background-color: oklch(from var(--error) l c h / 5%);
  }

  &.isValid---Lofim {
    border-color: var(--success);
    background-color: oklch(from var(--success) l c h / 5%);
  }

  &.isChanged---FcS17 {
    background-color: oklch(from var(--primary) l c h / 20%);
  }

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

/**
 * Feedback block
 */

.feedbackBlock---BS0bv {
  padding: 0 var(--input-vertical-padding);
  font-size: var(--font-size-medium);

  &:last-child {
    margin-bottom: var(--control-margin-bottom);
  }
}

.feedbackError---rULTy {
  color: var(--error);
}

.feedbackWarning---jQySO {
  color: var(--warn);
}



.popover---XqD4A {
  display: inline-block;
  padding: var(--gutter-static);
  border: 1px solid var(--color-border-p2);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  outline: 0;
  pointer-events: all;

  &:focus {
    border: 1px solid var(--color-border);
  }
}

/* No padding on popover */
.noPadding---hruXv {
  padding: 0;
}

/* Transition */
.transition---_PUya {
  opacity: 0;
  transition: opacity 0.07s;
}

.transition-entering---CZpBd {
  opacity: 0;
}

.transition-entered---yaNk2 {
  opacity: 1;
}



.popoverTarget---hv5SK {
  position: static;
  display: inline-block;
}

.popoverPop---_uc1E {
  position: fixed;
  display: inline-block;
  padding: var(--gutter-static);
  border: 1px solid var(--color-border-p2);
  background-color: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  outline: 0;
  pointer-events: all;

  & p {
    padding: 0;
    margin: 0;
  }
}

/* No padding on content */
.popoverPop---_uc1E.noPadding---LmM2P {
  padding: 0;
}

/* Transition */
.transition---x79eW {
  opacity: 0;
  transition: opacity 0.07s;
}

.transition-entering---lJnWA {
  opacity: 0;
}

.transition-entered---DrqHa {
  opacity: 1;
}

/**
 * InfoPopover
 */



.root---n5_z_ {
  max-width: 300px;
}

.content---WySdD {
  line-height: 1.45;
}

.icon---ZzniI:hover svg,
.icon---ZzniI.open---d2JkQ svg {
  fill: var(--primary);
}

.button---Hhda1 {
  margin-top: var(--gutter);
}



.password-strength__label---i1N50 {
  font-size: var(--font-size-small);
}

.password-strength-text__wrapper---foQk9 {
  display: flex;
  align-items: center;
}

.indicator__container---eICUo {
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
  margin-top: 6px;
}

.indicator__item---RB_4U {
  width: 17%;
  height: 15px;
  border-radius: 3px;
  background-color: lightgray;
}

.indicator__container--veryStrong---CNqSo {
  & > .indicator__item---RB_4U:nth-child(-n + 5) {
    background-color: #3b872d;
  }
}

.indicator__container--strong---de4AR {
  & > .indicator__item---RB_4U:nth-child(-n + 4) {
    background-color: #90c128;
  }
}

.indicator__container--reasonable---CVOg_ {
  & > .indicator__item---RB_4U:nth-child(-n + 3) {
    background-color: #efce00;
  }
}

.indicator__container--weak---kqPJ1 {
  & > .indicator__item---RB_4U:nth-child(-n + 2) {
    background-color: #dd8100;
  }
}

.indicator__container--veryWeak---aeQFo {
  & > .indicator__item---RB_4U:nth-child(-n + 1) {
    background-color: #cf261c;
  }
}

.rulesList---ZpuGr {
  list-style: none;
  margin: 15px 0 0 -35px;
}

.AuthErrorsContainer---qJbqn {
  margin-top: var(--gutter-static);
}

.label---Fb7ni {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--font-size-large);
  font-weight: var(--text-weight-headline-basis);
  margin: 1.5rem 0 1rem;
}

body {
  overflow-y: auto;
}

.wrapper---ZPlgF {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.container---RP_IX {
  width: 100%;
  max-width: 940px;
  min-height: 330px;
  margin: 5vh 2rem 0;
}

.header---FdSnn {
  margin: 0;
  font-weight: var(--text-weight-basis);
  font-size: var(--font-size-small);
}

.form---iiGFh {
  width: 100%;
  outline: 0;
  text-align: center;

  & .passResetInput---idUZj {
    height: 44px;
    padding: 8px;
    font-size: var(--font-size-medium);
  }

  & .passResetSubmitButton---XD3ys {
    height: 44px;
    max-height: 100%;
    margin-top: 1.5rem;
    font-size: var(--font-size-medium);
  }
}

.formGroup---kRCMR {
  margin-bottom: 10px;

  &:last-child {
    margin-bottom: 0;
  }
}

.authErrorsWrapper---HBjCJ {
  margin-top: 10px;
}



.toggleButtonWrapper---K0otx {
  display: flex;
  justify-content: center;

  & > button {
    margin: 1.5rem 0 0;
  }
}

.link---A92AI {
  display: block;
  width: 100%;
  text-align: right;
  font-size: var(--font-size-large);
  font-weight: var(--text-weight-headline-basis);
  margin: 0 0 0.25rem;
}

.passwordStrength---wRaVz {
  text-align: start;
  margin-top: 1rem;
}

@media (min-width: 321px) {
  .header---FdSnn {
    font-size: var(--font-size-medium);
  }

  .container---RP_IX {
    margin: 1vh 2rem 0;
  }
}

@media (min-width: 641px) {
  .header---FdSnn {
    font-size: var(--font-size-x-large);
  }

  .container---RP_IX {
    min-height: initial;
  }

  .form---iiGFh {
    & .passResetSubmitButton---XD3ys {
      height: 60px;
      font-size: var(--font-size-large);
    }

    & .passResetInput---idUZj {
      height: 60px;
      padding: 15px;
      font-size: var(--font-size-medium);
    }
  }

  .passwordStrength---wRaVz {
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  .header---FdSnn {
    font-size: var(--font-size-xx-large);
  }

  .toggleButtonWrapper---K0otx {
    justify-content: left;

    & > button {
      margin: 0 0 1rem 1rem;
    }
  }
}

@media only screen and (width >= 1450px) {
  .container---RP_IX {
    margin: 12vh 2rem 0;
  }
}

@media (height <= 440px) {
  .container---RP_IX {
    min-height: 330px;
  }
}

.wrap---GWkJw {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.centered---h0G5w {
  position: relative;
  max-width: 500px;
  width: 100%;
  padding: 30px 15px;
  text-align: center;
}

.wrap---h2T2c {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.centered---DV7j3 {
  position: relative;
  max-width: 500px;
  padding: 30px 15px;
  text-align: center;
}

.submitButton---ttmzl {
  height: 60px;
  max-height: 100%;
  margin-top: 1rem;
  font-size: var(--font-size-large);
}

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



:root {
  --select-icon-width: 1.9rem;
}

.select---RkP0I {
  &.fullWidth---epamZ {
    width: 100%;
  }
}

.selectControl---aDxh0 {
  padding: var(--input-vertical-padding) var(--select-icon-width) var(--input-vertical-padding) var(--input-horizontal-padding);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--font-size-medium);
  line-height: var(--line-height);

  & option {
    background-color: var(--bg);

    &:checked {
      background-color: selecteditem;
      color: selecteditemtext;
    }
  }

  &:disabled {
      opacity: 1;
  }

  & option:not([data-placeholder="true"]) {
    color: var(--color-text);
  }
}

[dir="rtl"] .selectControl---aDxh0 {
  padding: var(--input-vertical-padding) var(--input-horizontal-padding) var(--input-vertical-padding) var(--select-icon-width);
}

.selectControl---aDxh0:has(option[data-placeholder="true"]:checked){
  color: hsl(120deg 2% 34%);

  &:disabled {
    color: hsl(120deg 2% 24%);
  }
}

.selectWrap---EtlaZ {
  position: relative;
}

.selectIcon---EFS3v {
  color: var(--color-icon);
  position: absolute;
  right: 0.4em;
  top: 0.4em;
  pointer-events: none;
}

[dir="rtl"] .selectIcon---EFS3v {
  left: 0.4em;
  right: auto;
}

.wrapper---TOLXU {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.container---VszEc {
  width: 100%;
  max-width: 940px;
  min-height: 330px;
  margin: 12vh 2rem 0;
}

.form---jZAGF {
  width: 100%;
  outline: 0;
  text-align: center;

  & .loginInput---AoAVW {
    height: 44px;
    padding: 8px;
    font-size: var(--font-size-medium);
  }

  & .loginSubmitButton---EGii5 {
    height: 44px;
    max-height: 100%;
    margin-top: 1.5rem;
    font-size: var(--font-size-medium);
  }
}

.formGroup---_65Fp {
  margin-bottom: 1rem;

  &:last-child {
    margin-bottom: 0;
  }
}

.linksWrapper---bGUaS,
.authErrorsWrapper---mkEoS {
  margin-top: 1rem;
}

.link---Q9Ccy {
  display: block;
  width: 100%;
  font-size: var(--font-size-large);
  font-weight: var(--text-weight-headline-basis);
  margin: 0;
}

@media (min-width: 641px) {
  .container---VszEc {
    min-height: initial;
  }

  .form---jZAGF {
    & .loginSubmitButton---EGii5 {
      height: 60px;
      font-size: var(--font-size-large);
    }

    & .loginInput---AoAVW {
      height: 60px;
      padding: 15px;
      font-size: var(--font-size-medium);
    }
  }

}

@media (min-width: 1025px) {
  .header---MCW3J {
    font-size: var(--font-size-xx-large);
  }

  .toggleButtonWrapper---BY2rx {
    justify-content: left;

    & > button {
      margin: 0 0 1rem 1rem;
    }
  }
}

@media (height <= 440px) {
  .container---VszEc {
    min-height: 330px;
  }
}

.wrap---i9otb {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.centered---TzZvX {
  position: relative;
  max-width: 500px;
  width: 100%;
  padding: 30px 15px;
  text-align: center;
}

/**
 * Front
 */

.frontWrap---BLRRZ {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

h1.frontTitle---fRocm {
  font-size: var(--font-size-xx-large);
  text-align: center;
  padding: 15px;
  line-height: 125%;
}

@media screen and (width <= 900px) {
  h1.frontTitle---fRocm {
    font-size: var(--font-size-large);
  }
}

.releaseNotesWrap---c0irX {
  font-size: var(--font-size-large);
  font-weight: var(--text-weight-bold);
  text-align: center;
  color: var(--color-link);
  margin-top: -10px;
}

.ReleaseNotesLink---TQWeV {
  color: inherit;

  & span {
    color: var(--color-link);
    margin-left: 5px;
  };
}

@media (min-width: 1025px) {
  .versionsContainer---GZlaZ {
    display: flex;
  }

  .versionsColumn---T1y3_ {
    flex: 1;
    padding: 0 1em;
  }
}

.isEmptyMessage---I8qEZ {
  color: var(--sub-label-color);
}

.absent---iTyF_ {
  color: red;
  font-weight: bold;
}

.incompatible---qEVZd {
  color: orange;
}

.paddingLeftOfListItems---anIed {
  padding-left: 14px;
}

.panePlaceholder---X2Mwe {
  background-color: var(--color-fill);
  flex: 1;
}

.appIcon---TDnSp {
  margin-top: -1px;
}

.container---r1Dta {
  margin-top: 12vh;
}

button.submitButton---M15A9 {
  height: 44px;
  max-height: 100%;
  margin-top: 1.5rem;
  font-size: var(--font-size-medium);
}




/**
 * System Skeleton
 */

:root {
  --skeleton-bg: rgba(255 255 255 / 8%);
}

.skeleton---Sn2Jy {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.skeletonBar---R7rzO {
  height: 16px;
  width: 100px;
  background-color: var(--skeleton-bg);
  flex-shrink: 0;

  &.marginBottom---Al5aa {
    margin-bottom: 15px;
  }

  &.marginLeft---FIxfg {
    margin-left: 30px;
  }
}

.skeletonAppIcon---sFVzE {
  height: 24px;
  width: 24px;
  margin: 0 7px;
  border-radius: 6px;
  background-color: var(--skeleton-bg);
}

.skeletonCircle---vyuCK {
  height: 24px;
  width: 24px;
  margin: 0 7px;
  border-radius: 999px;
  background-color: var(--skeleton-bg);
}

.skeletonDivider---ZTEWm {
  width: 1px;
  background-color: var(--color-border-p2);
  height: 24px;
  margin: 0 7px;
}

/**
 * Header
 */
.skeletonHeader---L86OT,
.skeletonHeaderStart---pcBot,
.skeletonHeaderEnd---hEgmn {
  display: flex;
  align-items: center;
}

.skeletonHeader---L86OT {
  padding: 0 8px;
  height: 56px;
  background-color: rgba(0 0 0 / 80%);
  border-bottom: 1px solid rgba(0 0 0 / 90%);
  justify-content: space-between;
}

/**
 * Content
 */
.content---Elc2D {
  flex: 1;
  display: flex;
}

@media (max-width: 1024px) {
  .hideOnSmallScreens---C3fls {
    display: none;
  }

  .skeletonHeader---L86OT {
    height: 48px;
  }
}

/* stylelint-disable */
#root {
  height: 100%;
}
/* stylelint-enable */

.whitespacePre---TX7Pr {
    white-space: pre;
}


.paneBackLink---YL9Ak {
  @media (min-width: 641px) {
    display: none;
  }
}

.accordion---ngKZA {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.disabled---EQFDP {
  /* Doing this math since the SAS pane has padding that surrounds Accordions
     and makes the disabled background-color not run to the edges. These rules
     could become an issue if disabled Accordions become used with a parent
     that does not use major-padding. */
  margin-left: calc(0 - var(--gutter));
  padding-left: var(--gutter);
  width: calc(100% + (2 * var(--gutter)));
  background-color: var(--color-fill-disabled);
}

/**
 * Header
 */

.headerWrapper---QHSfe {
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid transparent;

  & button,
  & a,
  & h1,
  & h2,
  & h3,
  & h4,
  & h5,
  & h6 {
    margin: 0;
  }

  &:focus {
    outline: none;
  }
}

.hasSeparator---LfcSF .headerWrapper---QHSfe {
  border-top: 1px solid var(--color-border-p2);
}

.header---WPMmV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.disabled---EQFDP .header---WPMmV {
  opacity: 0.5;
}

/**
 * Label
 */
.labelArea---D_osb {
  display: flex;
  flex-grow: 2;
  font-weight: var(--text-weight-bold);
  justify-content: flex-start;
  color: var(--color-text);
}

/**
 * Inner
 */

.content-wrap---fYKSc {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s;
  flex: 1 1 0%;

  &.expanded---DbEIi {
    /* revert max-height, effectively un-setting the 0-value applied above
     * for when the accordion is closed, which hides it.
     */
    max-height: revert;
    transition: max-height 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    overflow: visible;
  }
}

/**
 * Content - hidden by default
 */

.content-region---j5bgH {
  opacity: 0;
  margin: 0 0 1rem;
  visibility: hidden; /* inputs within will not be focusable */
  transition: transform 0.1s ease 0.5s, opacity 0.1s linear 0.5s, visibility 0.2s linear 0.5s margin 0.1s linear 0.5s;
  height: 100%;

  &.expanded---DbEIi {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.15s ease-in-out 0.2s, opacity 0.15s ease-in-out;
    margin-bottom: 1rem;
  }
}

.separator---IZpe9 {
  width: 100%;
  border-bottom: 1px solid var(--color-border-p2);
  margin: 8px auto;
}

/**
 * Default Accordion Header
 */

.header---WPMmV.default---bPY_2 {
  flex-basis: 100%;
}

.headerDefaultContentRight---s7REW {
  display: flex;
  align-items: center;
  flex-grow: 2;
  flex-shrink: 0;
  padding: 0 0 0 1.2rem;
}

[dir="rtl"] .headerDefaultContentRight---s7REW {
  padding: 0 1.2rem 0 0;
}

.defaultCollapseButton---H3Ylv {
  flex: 1;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  padding: var(--gutter-static-one-third) 0;
  background-color: transparent;
  width: 100%;
  color: var(--color-text);
  font-size: var(--font-size-large);

  &:hover,
  &:focus {
    opacity: 0.85;
  }

  & .labelArea---D_osb {
    color: var(--color-text);
    text-align: left;
  }
}

.headerInner---Wcyqo {
  width: 100%;
  display: flex;
  align-items: center;
}

/**
 * Filter set header
 */
.filterSetHeader---pWlMc {
  border-radius: var(--radius);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: var(--input-vertical-padding) 0;
  width: 100%;
  line-height: var(--line-height);
  font-size: var(--font-size-medium);
  min-height: var(--control-min-size-desktop);

  &:focus {
    outline: none;
  }

  & .labelArea---D_osb {
    padding-left: 0.25em;
    color: var(--color-text);
  }
}

.defaultHeaderIcon---_jmc3 {
  color: var(--color-icon);
  padding: 0.25rem 0.25rem 0.25rem 0;
}

.filterSetHeaderIcon---aXjwK {
  fill: var(--color-icon);
}

.clearButtonVisible---HJj3a {
  width: auto;
}

.filterSetlabel---H5kIs {
  color: var(--color-text);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[dir="rtl"] {
  & .defaultHeaderIcon---_jmc3 {
    padding: 0.25rem 0 0.25rem 0.25rem;
  }

  & .filterSetHeaderIcon---aXjwK {
    margin-left: 0.35em;
  }

  & .defaultCollapseButton---H3Ylv .labelArea---D_osb {
    text-align: right;
    padding-right: 0.25em;
  }

  & .filterSetHeader---pWlMc .labelArea---D_osb {
    padding-right: 0.25em;
  }
}



.container---InAlD {
  position: relative;
  width: 100%;
}

.calendar---qCSQl {
  position: relative;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid #bcbcbc;
  padding: var(--gutter-static);
  box-shadow: var(--shadow);
  z-index: 9999;
  pointer-events: all;

  &.maxWidth---TW5pD {
    max-width: 346px;
  }
}

.calendarHeader---F02_t {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 8px;
}

.calendarInner---TvA4z {
  & td {
    vertical-align: middle;
    width: 46px;
    height: 46px;
  }

  & .dayButton---mkhX0 {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;

    &:focus {
      outline: #000 solid 2px;
    }
  }

  & .dayLabel---Pk_60 {
    color: #333;
    text-decoration: none;
    text-align: center;
    margin: 4px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;

    &:hover {
      background-color: var(--color-focus-shadow);
    }

    &.muted---Fj9bq {
      color: var(--color-fill-disabled);

      &:hover {
        background-color: #eee;
      }
    }

    &.today---Wkeb7 {
      background: color-mix(in oklch, var(--bg) 80%, var(--bg-hover-native) 20%);
    }

    &.excluded---lqmAl {
      color: var(--color-text-p2) !important;
      background: #dedede;
      cursor: default;
      pointer-events: none;
    }

    &.selected---omrUQ {
      background: #106c9e !important;
      color: #fff;
      transition: all 0.2s;

      &:hover {
        background-color: #0c577f;
      }
    }
  }
}

.selectedMonth---HY7j4 {
  display: block;
  text-align: center;
  font-size: var(--font-size-small);
}

.nav---K9Sng {
  display: block;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  text-align: center;
  color: #333;
  border-radius: var(--radius);
  padding: 0.25rem 0;

  &:hover {
    background: #eee;
  }
}

.weekday---Gpmce {
  font-size: var(--font-size-medium);
  text-align: center;
}

.monthSelect---Dj7jI {
  border-style: dashed;
  border-width: 0 0 1px;
  padding: 4px;
}

.yearInput---qzuns {
  border-style: dashed;
  border-width: 0 0 1px;
  min-width: 0;
  flex: 0 1 auto;
  padding: 4px;
  width: 8em;
}

input[type="number"].yearInput---qzuns::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  opacity: 1;
}

.daysOfWeek---nDu28 {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  margin: 1rem 0 0.6rem;
  list-style: none;
  font-weight: bold;
}



.card---ZBQQB {
  width: 100%;
  background-color: color-mix(in oklch, var(--bg) 80%, var(--bg-hover) 20%);
  border: 1px solid var(--color-border-p2);
  margin-bottom: var(--gutter);
  overflow: hidden;
}

.body---aeIjE {
  width: 100%;
  padding: var(--gutter-static);
}

/* Card Styles */
.default---OltCC + .default---OltCC {
  border-top: 0;
}

.positive---QAcRr {
  background-color: var(--bg);
}

.negative---DXlC0 {
  background-color: var(--bg-hover);
}

/* Prop Styles */
.marginBottom0---NFz5G {
  margin-bottom: 0;
}

.roundedBorder---hd3zq {
  border-radius: var(--radius);
}



.header---ynqPZ {
  background-color: var(--bg-hover);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: var(--gutter-static-one-third) var(--gutter-static);
}

.positive---gEh2M {
  background-color: var(--bg);
  border-bottom: 1px solid var(--color-border-p2);
}

.headerStart---BqAIE {
  flex: 1;
}

.card---We9yW p {
    margin: 0;
    line-height: var(--line-height);
}

.card---We9yW button {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}


.autoSuggest---n01lR {
  position: relative;
  top: 100%;
  width: '100%';
  right: 0;
  padding: 0;
  z-index: 1000;
  max-height: 400px;
  overflow: hidden;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  font-size: var(--font-size-medium);
  pointer-events: all;
}

.textFieldDiv---n7H_K {
  position: 'relative';
  width: '100%';
}

.downshift---JlXbV {
  display: 'inline-block';
  position: 'relative';
}

.autoSuggestItem---rHdRV {
  padding: 1rem;
  cursor: default;
  display: flex;
  justify-content: space-between;
  background-color: white;
  font-weight: normal;

  &.cursor---P6s4g {
    background-color: var(--color-fill-hover);
  }

  &.selected---GghoK {
    font-weight: bold;
  }
}



.selectionOuter---AA3Q3 {
  width: 100%;
  position: relative;
}

.selectionRoot---trDHj {
  position: relative;
}

.selectionListRoot---BudkY {
  z-index: 9999;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: var(--shadow);
  pointer-events: all;
}

.selectionListStatus---C5WuB {
  padding: 4px 8px;
  border-bottom: 1px solid #ccc;
}

.selectionList---wGJKb {
  list-style: none;
  padding: 2px 4px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: 0;
  overflow: auto;
  position: relative;
  outline: 0;

  &:focus {
    border-top-color: var(--primary);
    border-bottom-color: var(--primary);
  }
}

.selectListSection---juVTq {
  padding: 4px;
}

.selectionControl---peClJ {
  line-height: var(--line-height);
  padding: var(--input-vertical-padding) var(--input-horizontal-padding);
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--color-fill-form-element);

  &.marginBottom0---hY2dk {
    /* stylelint-disable-next-line length-zero-no-unit */
    margin-bottom: 0;
  }
}

[class*="interactionStyles"] .selectionControl---peClJ {
  background-color: var(--bg);

  &:active {
    color: var(--color-text);
  }
}

[class*="interactionStyles"]:active .selectionControl---peClJ {
  color: var(--color-text);
}

.selectionFilterContainer---BiAQU {
  padding: 0.5rem;
}

.selectionEndControls---kT6zK {
  pointer-events: none;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  padding-right: 2px;
  width: 100%;
  justify-content: flex-end;
}

.selectionFilter---QoZ42 {
  width: 100%;
  padding: 4px 8px;
  border-style: solid;
  border-color: var(--color-border);

  &:focus {
    outline: none;
    border-color: var(--primary);
  }
}

.selectionControlContainer---yP910 {
  position: relative;
  width: 100%;
}

.selectionMobileBackdrop---wtBJf {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0 0 0 / 20%);
  padding-top: 48px;
  align-items: flex-start;
  pointer-events: all;
}

.singleValue---i0xXg {
  display: flex;
  width: 90%;
}

/* Selection List Options */

.option---z2m8C {
  padding: 0.5rem;
  cursor: default;
  display: flex;
  justify-content: space-between;
  color: var(--color-text);

  &.selected---SroN0 {
    background: var(--color-fill-current);
    color: #fff;
    transition: all 0.2s;

    &:hover {
      background-color: var(--color-fill-current);
    }

    &.cursor---b1C8F {
      background-color: var(--color-fill-current);
    }
  }

  &.cursor---b1C8F {
    background-color: var(--color-fill-hover);
  }

  &:hover {
    background-color: var(--color-fill-hover);
  }

  &.optionCentered---_n7CY {
    justify-content: center;
  }

  &.optionStart---gopIT {
    justify-content: flex-start;
  }

  &.optionEnd---PR0hA {
    justify-content: flex-end;
  }

  &.optionOutside---T22Om {
    justify-content: space-between;
  }

  &.groupedOption---nLMCV {
    padding: 0.5rem 1rem;
  }
}

.groupLabel---jVoev {
  padding: 0.5rem 0.2rem;
  font-weight: bold;
  cursor: default;
  display: flex;
  justify-content: space-between;
  color: var(--color-text);
  background-color: var(--color-fill-table-row-odd);
}



.optionSegment---hRZht {
  padding: 0 2px;
  text-align: initial;
  word-break: break-word;
}

.selectionMultiContainer---Qm1JU {
  border: 1px solid var(--color-border);
  padding: 0 4px;
  padding-right: 24px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.selectionFilterInline---Gft_j {
  min-width: 100px;
  width: 100%;
  border-width: 0;
  padding: 2px 4px;
}

.selectionMultiSelected---bHBfr {
  list-style: none;
  flex-wrap: wrap;
  display: flex;
  padding: 0;
  margin-bottom: 0;
}

.selectionMultiSelectedItem---_7nAM {
  display: inline-block;
  margin: 2px;
}

.selectionMultiInputContainer---HIdbw {
  flex: 2 2 auto;
  display: inline-block;
  margin: 3px;
}

.selectionClearAll---ABbJM {
  pointer-events: all;
}

.selectionMultiSelectInputContainer---ahbIA {
  margin: 2px;
  flex: 2 2 auto;
}

.selectionAlertMessage---WtU8c {
  font-weight: bold;
  padding: 6px;
}

.srOnly---pIw5g {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* old IE */
  height: 1px;
  width: 1px;
  overflow: hidden;
}

*[dir="rtl"] {
  & .selectionMultiContainer---Qm1JU {
    padding-left: 24px;
    padding-right: 0;
  }
}

/**
 * Highlighter
 */



.mark---opJNO {
  background-color: var(--highlighter-fill);
}

/* stylelint-disable no-descending-specificity */

:root {
  --radio-button-size: 12px;
}

.radioButton---lmxxm {
  display: flex;
  flex-direction: column;

  &.marginBottom0---rvjNE {
    margin-bottom: 0;
  }
}

.centered---TpwMH {
  align-items: center;
}

.labelText---oNaS_ {
  margin: 0 0 0 var(--gutter-static-one-third);
  display: flex;
  align-items: center;
  min-height: var(--control-min-size-desktop);
}

[dir="rtl"] .labelText---oNaS_ {
  margin: 0 var(--gutter-static-one-third) 0 0;
}

.radioLabel---z70fc {
  position: relative;
  line-height: var(--line-height);
  display: flex;
  align-items: baseline;
  flex-grow: 2;
  border-radius: var(--radius);
  font-size: var(--font-size-form-label);
  margin-bottom: 0;
  min-height: var(--control-min-size-desktop);
  left: -1rem;
  padding-left: 1rem;

  &.error---nj05h {
    color: var(--error);

    &::before {
      border-color: var(--error) !important;
    }
  }
}

[dir="rtl"] .radioLabel---z70fc {
  right: -1rem;
  padding-left: 0;
  padding-right: 1rem;
}

.labelInputContainer---LU5Qe {
  display: flex;
  align-items: center;

  &.noInteractionLabel---bgX11 {
    width: 1rem;
  }
}

.radioFocused---mhlAd {
}

.pseudoButton---otFzQ {
  display: flex;
  position: relative;
  width: var(--radio-button-size);
  height: var(--radio-button-size);
  border: 1px solid var(--color-border-form);
  border-radius: 999px;
  background: #fff;
  flex-shrink: 0;
  top: 1px;
}

.pseudoButton---otFzQ::after {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #000;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 999px;
  transition: all 0.2s ease;
}

/**
 * Disabled or read only
 */
.disabled---pR3Os {
  & .radioLabel---z70fc {
    cursor: default;
  }

  & .pseudoButton---otFzQ,
  & .inputHidden---cUBrj:checked + .pseudoButton---otFzQ {
    background-color: var(--checkable-disabled-fill);
    border-color: var(--checkable-disabled-fill);

    &::after {
      opacity: 0.5;
    }
  }
}

/**
 * Inline radio button
 */
.inline---u40il {
  display: inline-flex;

  & .radioLabel---z70fc {
    align-items: center;
  }

  & .pseudoButton---otFzQ {
    top: 0;
  }

  & + .inline---u40il {
    margin-left: var(--gutter-static-two-thirds);
  }
}

[dir="rtl"] .inline---u40il + .inline---u40il {
  margin-right: var(--gutter-static-two-thirds);
  margin-left: 0;
}

.inputHidden---cUBrj {
  position: absolute;
  z-index: -1;
  clip: rect(1px, 1px, 1px, 1px);
}

.inputHidden---cUBrj:not(:checked) + .pseudoButton---otFzQ::after {
  opacity: 0;
  transform: scale(0);
}

.inputHidden---cUBrj:checked + .pseudoButton---otFzQ {
  background-color: #fff;

  &::after {
    opacity: 1;
    transform: scale(1);
    background-color: #000;
  }
}

/**
 * Feedback
 */
.radioFeedback---nkCdp {
  font-size: var(--font-size-medium);
}

.hasWarning---BuPpm {
  & .radioFeedback---nkCdp {
    color: var(--warn);
  }

  & .pseudoButton---otFzQ {
    border-color: var(--warn);
  }
}

.hasError---YZjDl {
  & .radioFeedback---nkCdp {
    color: var(--error);
  }

  & .pseudoButton---otFzQ {
    border-color: var(--error);
  }
}



.groupRoot---FLKIO {
  margin-bottom: var(--control-margin-bottom);
}

.groupLabel---PTxRz {
  display: block;
  font-size: var(--font-size-small);
  font-weight: var(--text-weight-basis);
  color: var(--color-text);

  &.required---qo1KK::after {
    content: '(required)';
    margin: 0 4px;
    color: var(--color-text-p2);
  }
}

legend.groupLabel---PTxRz {
  border-bottom: 0;
  margin-bottom: 6px;
}

.groupFeedback---s86Rw {
  padding: 0 0.4rem;
  font-size: var(--font-size-small);

  &:last-child {
    margin-bottom: var(--control-margin-bottom);
  }
}

.groupError---pG6_l {
  color: #900;
  font-weight: 700;
}

.groupWarning---L6wi9 {
  color: #e27c3e;
  font-weight: 700;
}



.textArea---lM3gz {
  position: relative;
  max-width: 100%;

  &.fullWidth---k7TOw {
    width: 100%;
  }

  & textarea {
    padding: var(--input-vertical-padding) var(--input-horizontal-padding);
    font-size: var(--font-size-medium);
    line-height: var(--line-height);
    max-width: 100%;
  }
}

.lockWidth---NY0S2 {
  min-width: 100%;
  max-width: 100%;
}

.startControls---MZTqR,
.endControls---NJehA {
  position: absolute;
  inset-inline-end: 8px; /* leave some space for textarea's resize control */
  bottom: 1px; /* makes the controls look more vertically centered in single line textareas */
  pointer-events: none;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex: 0;
}

.startControls---MZTqR {
  justify-content: flex-start;
  padding: 0 0 0 var(--input-horizontal-padding);
}

[dir="rtl"] .startControls---MZTqR {
  padding: 0 var(--input-horizontal-padding) 0 0;
}

.endControls---NJehA {
  justify-content: flex-end;
  padding: 0 var(--input-horizontal-padding) 0 0;
}

[dir="rtl"] .endControls---NJehA {
  padding: 0 0 0 var(--input-horizontal-padding);
}

.controlGroup---FqlWR {
  pointer-events: all;
  display: flex;
  align-items: center;
}



.timepickerContainer---Thfhf {
  position: relative;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid #bcbcbc;
  padding: var(--gutter-static);
  min-width: 290px;
  box-shadow: var(--shadow);
  z-index: 9999;

  /* needed to prevent clicks going behind the dropdown when attached to
  the portal #OverlayContainer */
  pointer-events: all;

  /* WebKit desktop browsers add little up down arrows
  to number inputs called spinners. Here we remove them to preserve space. */
  & input[type="number"]::-webkit-inner-spin-button,
  & input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none;
    margin: 0;
  }

  & input {
    text-align: center;
  }
}

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

.submitButton---YXTlR {
  margin-top: 0.35rem;
}

.colon---yYQ9F {
  height: 100%;
  font-weight: bold;
}

/**
 * FocusLink
 */


.focusLink---So3kg {
  outline: 0;

  &:focus {
    color: var(--color-link);
  }
}

.showOnFocus---xQ6zx {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  transition: max-height 0.2s, max-width 0.2s;

  &:focus {
    position: static;
    max-height: none;
    max-width: none;
    clip: auto;
    overflow: visible;
  }
}

/**
 * Tooltip
 */



.tooltip---Hg7V0 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 36px;
  background-color: rgba(0 0 0 / 85%);
  color: #fff;
  margin: var(--gutter-static-one-third);
  border-radius: 4px;
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  text-align: center;
  opacity: 1;
  animation-name: fadeInOpacity---RGtXC;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.1s;
  font-size: var(--font-size-small);
  pointer-events: all;
}

.text---MKcyO {
  font-weight: 600;
}

.sub---jWb9z {
  margin-top: 0.15em;
  opacity: 0.8;
}

@keyframes fadeInOpacity---RGtXC {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



.editor---tqf4B {
  position: relative;
  max-width: 100%;
  display: flex;
  flex-flow: column nowrap;
  place-content: stretch flex-start;
  align-items: stretch;
}

.multiSelectContainer---HeEGc {
  width: 100%;
}

.multiSelectControlWrapper---Xe930 {
  width: 100%;
  position: relative;
}

.multiSelectControl---IZONm {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.multiSelectFocused---BjoaS {
  border: 1px solid var(--primary);
  box-shadow: inset 0 0 0 2px rgba(37 118 195 / 30%);
}

.multiSelectControlGroup---BaSgq {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.multiSelectSelectedList---YnzaC {
  margin: 2px;
  padding: 0;
  list-style: none;
}

.multiSelectRemoveItem---Qudic {
  cursor: pointer;
}

.multiSelectFilterField---k4hB1 {
  width: 100%;
  flex: 1;
  margin: 2px;
  background-color: transparent;
  padding: 0 4px;
  border-width: 0;
  outline: 0;
}

.multiSelectValueInput---v0oG4 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  color: transparent;
}

.multiSelectValueListContainer---BHqyC {
  display: flex;
  flex: 0 1 auto;
}

.multiSelectValueList---KyBGj {
  padding: 0;
  margin: 0;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
}

.multiSelectLabel---H3f1m {
  color: #333;
  margin-bottom: 2px;
}

.multiSelectMenu---hZu87 {
  margin-top: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid rgba(0 0 0 / 20%);
  pointer-events: all;

  &.untethered---l9Jsq {
    margin-top: -7px;
    position: absolute;
  }
}

.multiSelectOptionList---n4JJA {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.multiSelectToggleButton---cD_fu {
  min-width: 22px;
  min-height: 30px;
}

.multiSelectOption---Y23Jj {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    border-radius: var(--radius);
    z-index: -1;
  }
}

.optionSelected---3Dubz {
}

.optionDisabled---GtOPB {
  background-color: var(--color-fill-disabled);
  pointer-events: none;
}

.optionCursor---Z4Hbv {
  background-color: var(--color-fill-hover);
  box-shadow: inset 0 0 0 3px var(--primary);
}

.multiSelectError---Ay7YK {
}

.multiSelectWarning---Ua_mk {
}

.multiSelectEmptyMessage---C4BCS {
  font-weight: bold;

  &:last-child {
    margin-bottom: 0;
  }
}

.multiSelectFeedback---lzN0Q {
  padding: 4px 0;
}

.mobileBackdrop---nmJ53 {
  background-color: rgba(0 0 0 / 20%);
  width: 100vw;
  height: 100vh;
  position: absolute;
  pointer-events: all;
  top: 0;
  left: 0;
}

.mobileContainer---d6Sh0 {
  width: 80vw;
  margin: 16px auto;
  position: relative;
}

.valueChipRoot---nz9J2 { /* root of ValueChip */
  margin: 2px;
  display: inline-block;
  border: 1px solid var(--color-border);
  background-color: #efefef;
}

.valueChipGroup---WRILa { /* container for remove button and label */
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;

  &.valueChipSelected---mMpaz {
    background-color: var(--primary);
    color: #fff;
    border-color: #00c;

    & svg {
      fill: #fff;
    }
  }
}

.valueChipValue---doI8I {
  display: flex;
  padding: 0 2px;
  align-items: center;
  justify-content: space-between;
}



.repeatableField---Wlq71 {
  padding: 0;
}

.legend---m1Fkw {
  margin-bottom: var(--control-label-margin-bottom);
}

.hasMargin---eAjL_ {
  margin: var(--gutter) 0;
}

.repeatableFieldList---SWiiD {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.repeatableFieldItem---F5CL3,
.repeatableFieldItemLabels---EA87I {
  display: flex;
  align-items: flex-start;
}

.repeatableFieldItemLabelsContent---dbtYF {
  flex-basis: 100%;
}

.repeatableFieldItemLabelsContentWithDelete---pWB1b {
  flex-basis: calc(100% - 3em);
}

.repeatableFieldItemContent---Kcw38 {
  flex: 1;
}

.repeatableFieldRemoveItem---vDnmJ {
  flex: 0 0 3em;
  text-align: center;

  &.hasMargin---eAjL_ {
    margin-top: 1.75em;
  }
}

.repeatableFieldRemoveUnlabeledItem---C_SZ1 {
  margin-top: 0;
}

.emptyMessage---Jj1aG {
  margin-bottom: var(--gutter-static);
}



.kvLabel---B6S8V {
  display: block;
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-form-label);
  margin-bottom: 0.25rem;
  color: var(--color-text);
  line-height: var(--line-height);
  overflow-wrap: break-word;
}

.kvRoot---wWoSB {
  margin-bottom: var(--control-margin-bottom);
  font-size: var(--font-size-medium);
}

.kvValue---kU4It {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.kvSub---AFwy1 {
  font-style: italic;
  display: block;
  margin-top: 0.35rem;
}



.paneCloseLinkArrow---IJa6N,
.paneCloseLinkX---Dbo3u {
  margin: 0 !important;
}

.paneCloseLink---xHSIz {
  display: inline-flex;
}

.paneCloseLinkX---Dbo3u {
  display: none;
}

@media (min-width: 641px) {
  .paneCloseLinkArrow---IJa6N {
    display: none;
  }

  .paneCloseLinkX---Dbo3u {
    display: inline-flex;
  }
}



.paneFooterContent---fcdZ7 {
  max-width: var(--container-max-width);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---v1mj0 {
  flex: 1;
}



.paneFooter---UtoZh {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--color-border);
  box-shadow: var(--shadow);
  min-height: var(--control-min-size-touch);
  padding: var(--gutter-static);
}



.subheader---NXf0B {
  padding: 8px var(--gutter);
  border-bottom: 1px solid rgba(0 0 0 / 10%);
}

.LayerRoot---Kv7zM {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #fff;
}

.fadeEnter---iqWes {
  opacity: 0.01;

  &.fadeEnterActive---RBmUL {
    opacity: 1;
    transition: opacity 0.2s ease-in;
  }
}

.fadeLeave---JonOp {
  opacity: 1;

  &.fadeLeaveActive---ImYqT {
    opacity: 0.01;
    transition: opacity 0.2s ease-in;
  }
}

.slideEnter---rVkWM {
  top: 100%;

  &.slideEnterActive---YtjPd {
    top: 0%;
    transition: top 0.3s ease-in;
  }
}

.slideLeave---wqHnE {
  top: 0%;

  &.slideLeaveActive---GQyZD {
    top: 100%;
    transition: top 0.3s ease-in;
  }
}

.olayEnter---Tie3I {
  opacity: 0.01;

  &.olayEnterActive---QydsW {
    opacity: 1;
    transition: opacity 0.1s linear;
  }
}

.olayLeave---eNHZ5 {
  opacity: 1;

  &.olayLeaveActive---da0Sr {
    opacity: 0.01;
    transition: opacity 0.4s linear;
  }
}

.overlay---UJztz {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0 0 0 / 50%);
}



.sectionBox---vEpnn {
  width: 100%;
  border-color: var(--color-border-p2);
  border-width: 1px 1px 0;
  border-style: solid;

  &:last-of-type {
    border-bottom: 1px solid var(--color-border-p2);
    margin-bottom: 4px;
  }
}



.sectionHeader---eYKBK {
  background-color: var(--bg-hover);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 14px;
  min-height: 34px;

  & h1 {
    font-size: var(--font-size-xx-large);
  }

  & h2 {
    font-size: var(--font-size-x-large);
  }

  & h3 {
    font-size: var(--font-size-large);
  }

  & h4 {
    font-size: var(--font-size-medium);
  }

  & h5 {
    font-size: var(--font-size-small);
  }

  & h6 {
    font-size: var(--font-size-small);
  }
}

.sectionActions---kVFdt {
  margin: 0 0 0 auto; /* align to end of header */
  padding: 4px 0;

  & button {
    & .stripes__icon {
      transition: fill 0.3s;
    }

    &:hover {
      & .stripes__icon {
        fill: #333;
      }
    }
  }
}

/**
 * MenuSection Section
 */



/**
 * Apply margin on stacked menu sections
 **/
.menuSection---AaRgO + .menuSection---AaRgO {
  margin-top: var(--gutter);
}

/**
 * Label
 */
.menuSection__label---x3Cb_ {
  margin-bottom: calc(var(--gutter) / 3);
  display: flex;
}

.metaSectionRoot---bcJQM {
  border-radius: var(--radius);
  margin-bottom: 10px;
  font-size: var(--font-size-small);
  line-height: var(--line-height);
}

.metaSectionRootBGColor---PVi3c {
  background-color: var(--color-fill);
}

.metaSectionContent---d7fPX {
  margin-top: -0.5rem;
  padding: 0.5rem 0 0.5rem 0.33rem;
  color: var(--color-text);
}

.metaSectionContentBlock---YqQ2a {
  margin: 2px 0;
}

.metaSectionGroup---reaij {
  margin-top: 10px;
}

.headerWrapper---R3ES4 {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 24px;
}

.metaHeaderButton---dLg5S {
  flex-shrink: 0;
  padding: 6px;
  width: 100%;
  background-color: transparent;
  border: none;
}

.metaHeader---RIVj1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;

  &:focus {
    outline: none;
  }
}

.metaHeaderLabel---W_s1m {
  color: var(--color-text);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0 4px;
}

.metaSectionInline---fhUli {
  display: flex;
}

/**
 * ConfirmationModal
 */

.message---j0RYs {
  margin: 0;
}

/**
 * SearchField
 */



/**
 * Has searchable indexes
 */

/* Select field */
.searchFieldWrap---T3GjQ .select---czAxP {
  /* To make sure it's position is above
  so the focus style isn't hidden by the input */
  margin-bottom: -1px;

  &:focus {
    z-index: 5;
  }
}

/* Color search icon on focus */
.searchFieldWrap---T3GjQ .isFocused---HKG0g svg.searchIcon---JYbju {
  fill: var(--primary);
}



.container---KWbIG {
  margin-bottom: 10px;
}

.link---GBN0P {
  text-decoration: none;
}

.link---GBN0P:focus {
  outline: none;
}

.link---GBN0P:visited {
  color: var(--color-link-visited);
}

.externalLink---LNfxb {
  vertical-align: unset;
  margin-left: var(--gutter-static-one-third);
}


.AdvancedSearchRow---sN4Kl {
  display: block;
}

.searchInLabelCol---ImCI3 {
  max-width: 20px;
}

.emptyRowErrorMessage---FBD_U {
  color: var(--error);
}



.filterList---WPJji {
  margin: 0;
  padding: 0;
  border-radius: var(--radius);
}

.listTopLabel---ZiRXD {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
  color: #666;
}

.listItem---zIodb {
  display: flex;
}

.validationMessage---ehLZw {
  margin-bottom: 15px;
  display: block;
  color: var(--error);
}

/**
 * Filter Groups
*/

.filterGroupLabel---k7k8j {
  padding: 0 0 0 1.3em;
}

[dir="rtl"] .filterGroupLabel---k7k8j {
  padding: 0 1.3em 0 0;
}



.headerSearchContainer---iJfz9 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
}

.headerSearchInput---WPqlS {
  width: 100%;
  border: none;
  padding: 8px;
  margin-bottom: 0;

  &.halfWidth---r3dXj {
    width: 50%;
  }
}

.headerSearchSelect---JL0Go {
  border-width: 0;
  padding: 0 4px;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.selectWrap---cpTMp {
  position: relative;
  border-width: 0 1px 0 0;
  border-color: #dfdfdf;
  border-style: solid;
}

.iconWrap---sraMa {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
}

.clearIcon---mD6aX {
  fill: var(--color-icon);
  transition: all 0.25s ease;
}

.headerSearchClearButton---QY5ds {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-p2);

  &:hover {
    & .clearIcon---mD6aX {
      fill: #666;
    }
  }
}

[dir="rtl"] {
  & .selectWrap---cpTMp {
    border-width: 0 0 0 1px;
  }
}

.help---Pcanf {
    text-align: left;
    font-size: small;
    color: #404040;
}

.searchIcon---Mhkxn {
  color: var(--color-icon);
  display: flex;
  align-items: center;

  &.isFocused---uD14J {
    fill: var(--primary)
  }
}
.header---yGC1s {
  display: flex;
  justify-content: space-between;
  padding: var(--gutter);
  padding-left: 0;
}

.headerText---r5gOF {
  margin-bottom: 0;
}


/**
 * CustomProperties
 */

.lookupSearchContainer---B3Zrn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lookupSearch---aLx6b {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}
.typedown---uK5Gl {
  margin-bottom: var(--gutter);
}

.fullWidth---QWPSL {
  width: 100%;
}

.dropdown---ianbp {
  margin-bottom: 0;
}

.dropdownMenu---caSsh {
  background-color: var(--bg);
  padding: 0;
  float: left;
  right: 0;
  box-shadow: var(--shadow);
  border: 1px solid #ccc;
  margin-top: 0;
  width: var(--searchWidth);
  min-width: max(var(--searchWidth), 300px);
  pointer-events: all;
  z-index: 1000;
}

.menuButton---HxXQD {
  margin-bottom: 0;
  border: none;
  text-align: left;
}

/* .menuButton[data-selected=true], .selected {
  background-color: var(--primary);
  color: #fff;
} */

.selectedMenuButton---EHjRx {
  background-color: var(--primary);
  color: #fff;
}

/* Ensure dropdown menu has correct border radius when rendered above/below/floating */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: 0 0 var(--radius) var(--radius);
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] {
  border-radius: var(--radius);
}

/* Ensure buttons also follow the proper border radius */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* When floating, last and first buttons need rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* If there is only one element in a floating list, it needs both corners rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child:before {
  border-radius: var(--radius);
}

.menuButton---HxXQD[data-selected=false]:nth-child(even) {
  background-color: var(--color-fill-table-row-odd);
}

.menuButton---HxXQD[data-selected=false]:nth-child(odd) {
  background-color: var(--color-fill-table-row-even);
}

/* Default menu button style is no rounded edges */
.menuButton---HxXQD::before {
  border-radius: 0;
}

.listContainer---ZmlHc {
  border-bottom: 1px solid var(--color-border);
  overflow: auto;
  max-height: 40vh;
}

.listItem---pewIf {
  padding: var(--gutter-static-two-thirds) var(--gutter)
}

.selectedDisplay---bLv2N {
  border-radius: 0 0 var(--radius) var(--radius);
  border: 1px solid #ccc;
  border-top: 0;
  display: flex;
}

.selectedItem---a0b1S {
  flex-grow: 1;
}

.clearItem---H8dqE {
  flex-shrink: 1;
  padding: 0 var(--gutter-static-one-third);
}

.footer---YTnCD {
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}

.header---gaKWs {
    padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}
.fileViewContainer---wRxSI {
  width: 100%;
  border-top: 1px solid var(--color-border);
  padding: var(--gutter-static-one-third) var(--gutter);
  margin-top: var(--gutter);
}
.upload---w2Ukk {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: var(--gutter);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-fill);
}

.uploadTitle---QGpQt {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.activeUpload---DSu9X {
  background-color: var(--color-fill-current);
  color: var(--bg);
  border-style: dashed;
}

.activeUploadTitle---SqGoF {
  font-size: var(--font-size-large);
}

.children---Or1Wh {
  width: 100%;
  display: flex;
}
.searchKeyControlContainer---GpVYR {
    /* Remove this top margin, only here for clarity*/
    margin: var(--gutter-static-two-thirds) 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.searchKeyControlElement---_fEgl {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 var(--gutter-static-two-thirds) 0 0;
}
.addressEditList---HIBNi {
  margin-bottom: 1rem;
}

.legend---_vjvv {
  display: block;
  width: 100%;
  font-size: var(--font-size-large);
  color: #333;
  border: 0;
  margin-bottom: 6px;
  padding-bottom: 2px;
}

.subLegend---gVA2W {
  font-size: var(--font-size-medium);
  color: #777;
}

.indent---NgkUs {
  padding: 0 6px;
}

.removeAddress---y7rGR {
  padding: 0;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: #555;
  border-radius: 6px;
  transition: all 0.25s ease;
  background-color: transparent;
  border: 1px solid transparent;
  width: auto;
  height: auto;
  margin: 0;

  & .stripes__icon {
    fill: #aaa;
    transition: fill 0.25s ease;
  }

  &:hover {
    & .stripes__icon {
      fill: color-mix(in oklch, #900, #aaa);
    }
  }
}

.addressFormList---kLlmk {
  list-style: none;
  padding: 0;
}

.addressFormListItem---EvMky {
  width: 100%;
  border-color: var(--color-border-p2);
  border-width: 1px 1px 0;
  border-style: solid;

  &:last-of-type {
    border-bottom: 1px solid var(--color-border-p2);
    margin-bottom: 4px;
  }
}

.addressFormHeader---m6dXg {
  background-color: var(--bg-hover);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 14px;
}

.addressHeaderActions---OU2bh {
  margin: 0 0 0 auto; /* align to end of header */
  padding: 4px 0;
}

.addressLabel---bFr50 {
  font-weight: var(--text-weight-headline-basis);
}

.addressFormBody---c2N3V {
  padding: 14px;
  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
  width: 100%;
}

.primaryToggle---ND3OM {
  padding: 4px 8px;
  color: #555;
  font-size: var(--font-size-medium);
  cursor: pointer;
  margin-bottom: 0;

  & input[type="radio"] {
    margin: 0 4px;
    vertical-align: text-top;
  }
}

[dir="rtl"] {
  .addressHeaderActions---OU2bh {
    margin: 0 auto 0 0;
  }
}

.emptyNotice---NWU3F {
  font-size: var(--font-size-medium);
  color: var(--color-text-p2);
}

.addressItem---o4khZ {
  border-color: var(--color-border-p2);
  border-width: 1px 1px 0;
  border-style: solid;
  width: 100%;

  &:last-of-type {
    border-bottom: 1px solid var(--color-border-p2);
    margin-bottom: 4px;
  }
}

.addressItemContent---rkV3W {
  padding: 14px;
  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
  width: 100%;
}

.warn---vI9YN {
  color: var(--warn);
}

.success---FBYW_ {
  color: var(--success);
}

.configForm---_tQWG {
  height: 100%;
}


/**
 * EditableList
 */

.editableListFormHeader---aVcps {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.mclRowContainer---QiGau {
  width: -moz-fit-content;
  width: fit-content;
}

.editListRow---QZXNc {
  display: flex;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  border-radius: var(--radius);
  margin-bottom: 4px;
  min-height: 40px;
  background-color: var(--color-fill-table-row-even);

  &.isOdd---eiuiK {
    background-color: var(--color-fill-table-row-odd);
  }
}

.baselineListRow---FgYa3 {
  align-items: baseline;
}

.editListHeaders---eVEjM {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}

.editableListError---lA40m {
  width: 100%;
  padding: 6px;
  color: var(--error);
}

.mclCellStyle---VBtcN {
  position: relative;
  border: 0;

  &::after {
    content: '';
    position: absolute;
    width: 1px;
    right: 0;
    top: var(--gutter-static-one-third);
    bottom: var(--gutter-static-one-third);
    background-color: var(--color-border-p2);
  }

  &:last-child {
    &::after {
      display: none;
    }
  }
}

[dir="rtl"] .mclCellStyle---VBtcN {
  border: 0;

  &::after {
    right: auto;
    left: 0;
  }
}

.lastUpdated---FZQav {
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.lastUpdatedUser---y8ahV {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.label---Jtsvt {
  margin-left: 6px;
}

.error---IGOrk {
  margin-top: 1px;
  margin-left: 24px;
  color: #f00;
  font-size: var(--font-size-small);
}

/**
 * Reset Button
 */

.resetButtonRoot---UI_CR .button---SM2Au {
  padding: 0 6px 0 3px;
}



/**
 * No Results Message
 */

/* Empty Message */
.noResultsMessage---n1nD4 {
  padding: 15px;
  color: var(--color-text-p2);
  position: absolute;
  inset: 0;
  background: var(--color-fill);
  flex-direction: column;
}

.noResultsMessage---n1nD4,
.noResultsMessageLabelWrap---lY2S2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.noResultsMessageLabelWrap---lY2S2 {
  font-size: var(--font-size-large);
}

.noResultsMessageIcon---cfANP,
.noResultsMessageLabel---kmb2T {
  margin: 0 4px;
}

.noResultsMessageButton---itbez {
  margin-top: 15px;
}



/**
 * CollapseFilterPaneButton
 */

.button---tWIKU {
  margin: calc(var(--gutter-static-two-thirds) * -1) !important;
}

/**
 * SearchAndSort
 */

.searchField---A_XAu {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.delimiter---yXz0n {
  & > span:not(:last-child)::after {
    content: "\00a0\B7\00a0";
  }
}

.resetAndAdvancedSearchWrapper---fJQgh {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5em;
}

.resetButton---HM7Fd {
  flex: 1 110px;
}

.advancedSearchButton---rg4E8 {
  flex: 1 140px;
}

.button---P0ZVe {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-medium);
  color: var(--color-text-p2);
}

.badge---KnNdq {
  margin: 0 0 0 0.2rem;
}

[dir="rtl"] .badge---KnNdq {
  margin: 0 0.2rem 0 0;
}

.arrow---m2pQx {
  width: 0.7rem;
  opacity: 1;
  transition: opacity 300ms ease-out;

  &.hidden---q_jM0 {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity 300ms ease-out;
  }
}

.disabled-field---wxVmm {
  background-color: #ebebe4;
}

.referred-record__entity-type---suBGB {
  font-size: 1.1em;
  font-weight: bold;
  color: var(--color-text);
}

.note-form-content---MrFg5 {
  margin: 0 auto;
  max-width: 50rem;
}

.note-view-content---UxA6z {
  margin: 0 auto;
  max-width: 50rem;
}

.note-details-container---c9tsi {
  padding: 0;
}

.NoteDetailsButton---bMJQC {
  color: #024c90; /* blue colour that has good contrast with background for tritanopia */
  padding: 0 10px;

  &:first-child {
    padding-left: 0;
  }
}

.NoteDetailsShowMoreButton---SQuS0 {
  border-right: 1px solid var(--secondary);
}

.NotesListMCLCell---BrHCz {
  justify-content: flex-start;
  align-items: flex-start;
}

div.qlEditor---AosfC {
  padding: 0;
}

.modal-content---yxZ9C {
  padding: 0;
}

.caution-message---RtxA4 {
  margin: 0;
  padding: 1rem;
  color: var(--color-text-p2);
  font-size: var(--font-size-small);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.results-outer---w8ucv {
  height: 100%;
}

.results-list-container---i3tkz {
  flex: 1 0 auto;
}

.notes-paneset-container---GUwJj {
  height: 60vh;
}

/* Increasing specificity to override Button.css */
.new-button---fhGAZ.new-button---fhGAZ.new-button---fhGAZ {
  margin-left: var(--gutter-static);
}

.note-popup-details-container---lVLBT,
.note-popup-details-label---b9YVv {
  margin-bottom: -14px;
}

.note-details-container---qBPeK {
  padding: 15px 0;
}

.hiddenField---XqztQ {
  min-width: 5rem;
}

.addOptionButton---U4VhD {
  display: inline-block;
  margin-right: 0.8rem;
  padding: 0 7.325rem;
}

.optionsLeftMessage---gw_mi {
  display: block;
  margin-bottom: 0.65rem;
  color: #666;
  font-size: 0.7085rem;
}

.heading---CSXiL {
  display: block;
  margin: 0.5rem 0;
  font-weight: bold;
  font-size: 1.2rem;
  color: #666;
}

.optionLabel---NuabT {
  margin-bottom: 0;
  line-height: 0.9rem;
}

.listWrapper---E4pEw {
  margin-bottom: 1rem;
}

.optionInput---mNU_D input {
  background-color: #fff;
}

.maxOptionsNumberReached---cZFVu {
  display: block;
  margin-bottom: 0.9rem;
  color: #666;
  font-size: 0.7085rem;
}

.defaultControl---K5jG6 {
  margin: 0 auto;
}

.hiddenField---i8ZgW {
  min-width: 5rem;
}

.defaultControl---yKJhF {
  margin: 0 auto;
}

.sectionTitle---dRn2_ {
  color: #616161;
  font-weight: bold;
  font-size: 1.8em !important;
}

.accordionsWrapper---QEQVx {
  margin-bottom: 2em;
}

.FieldAccordionDraggableWrapper---c2vRL {
  background-color: #fff;
}

.FieldAccordionDraggableWrapper--dragging---i1jg5 {
  background-color: var(--color-fill-hover);
}

.toggleButton---RG_Y5 {
  display: flex;
  justify-content: center;
  width: 20em;
  text-align: center;
}

.custom-fields-form---zFWni {
  width: 100%;
}

.custom-fields-form-content---ij9xx {
  margin: 0 auto;
  max-width: 63rem;
}

.inputWrapper---lCzg1 {
  display: block;
  margin-bottom: 3em;
}

.accordionNameInput---cn4Mn {
  font-size: 1.8em !important;
  line-height: 1.7em !important;
  font-weight: bold;
  color: #5e5e5e;
}

.accordionNameLabel---np2Xb {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.expandAllWrapper---vHAL7 {
  padding: 0 0 0.7em;
}

/**
 * EditCustomFieldsRecord Styles
 *
 * This file handles word-breaking and text wrapping for all custom field types:
 * - TextField (TEXTBOX_SHORT)
 * - TextArea (TEXTBOX_LONG)
 * - Checkbox (SINGLE_CHECKBOX)
 * - Select (SINGLE_SELECT_DROPDOWN)
 * - MultiSelect (MULTI_SELECT_DROPDOWN)
 * - RadioButtonGroup (RADIO_BUTTON)
 * - DatePicker (DATE_PICKER)
 */

/* Field label with word-breaking for all custom fields */
.fieldLabel---PWfdB {
  position: relative;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.fieldLabel---PWfdB legend {
  margin-bottom: 0;
}

/*
 * Container for all custom fields to scope styles
 * Applied to: TextField, TextArea, Checkbox, Select, MultiSelect, DatePicker
 */
.customFieldContainer---PepRO {
  /* Apply word-breaking to all labels in any field type */
  & label {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Apply word-breaking to Select and MultiSelect options */
  & [class*="multiSelectOption"],
  & [class*="option"],
  & [class*="singleValue"] {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Apply word-breaking to Checkbox labels */
  & [class*="checkbox"] label {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Apply word-breaking to validation error messages */
  & [class*="feedbackError"] {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}

/*
 * RadioButtonGroup container with word-breaking for all child elements
 * Applied to: RadioButtonGroup (RADIO_BUTTON) only
 */
.radioButtonGroupContainer---jrn09 {
  /* Apply word-breaking to radio button labels */
  & label {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Apply word-breaking to legends */
  & legend {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    margin-bottom: 0;
  }

  /* Apply word-breaking to RadioButtonGroup-specific validation error messages */
  & [class*="groupError"] {
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}

/* InfoPopover positioning */
.infoPopover---NhSTv {
  position: absolute;
  right: -2rem;
}

.profilePlaceholder---nPjDM {
  max-width: 100px;
  max-height: 100px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}


 /**
 * No Results Message
 */

 /* Empty Message */
 .noResultsMessage---K1CCQ {
   z-index: -100; /* This ends up in front of anything rendered in the same pane as the MCL otherwise */
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
 }
 
 .noResultsMessage---K1CCQ,
 .noResultsMessageLabelWrap---rhAas {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .noResultsMessageLabelWrap---rhAas {
   font-size: var(--font-size-large);
 }
 
 .noResultsMessageIcon---TqUAI,
 .noResultsMessageLabel---BeLmd {
   margin: 0 4px;
 }
 
 .noResultsMessageButton---EWuXk {
   margin-top: 15px;
 }
.mainPaneContainer---D8qFR {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.controlsContainer---Diw4c {
    padding: var(--gutter);
}

.bodyContainer---LzUOA {
    flex-grow: 1;
}
.buttonStyle---nhpbY {
  border-radius: var(--radius);
}

.buttonStyle---Qepsx {
  border-radius: var(--radius);
}

.triggerButton---pFFaX {
  color: var(--primary);
  border-radius: 0;

  &::before {
    border-radius: var(--radius);
  }
}
.width100---F_Nbo {
  width: 100%;
}

.marginBottom---I3xrO {
  margin-bottom: var(--gutter);
}

.marginBottom0---cDS_X {
  margin-bottom: 0;
}

.buttonGroup---rmdjc {
  display: inline-flex;
  justify-content: space-between;

  &.fullWidth---MfJbd {
    width: 100%;

    & > * {
      width: 100%;
    }
  }

  & > :first-child,
  & > :first-child::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :last-child,
  & > :last-child::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  & > :not(:first-child) {
    margin-left: -1px;
  }

    & > :not(:first-child):not(:last-child),
    & > :not(:first-child):not(:last-child)::before {
      border-radius: 0;
    }
}

.dropdownButtonClass---U4qiS, .dropdownButtonClass---U4qiS::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] {
  & .buttonGroup---rmdjc {
    & > :first-child,
    & > :first-child::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }

    & > :last-child,
    & > :last-child::before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }

    & > :not(:first-child) {
      margin-left: 0;
      margin-right: -1px;
    }
  }

  .dropdownButtonClass---U4qiS, .dropdownButtonClass---U4qiS::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
}

.dropdownClass---Sh4nC {
  padding: 0 !important; /* As always, this sucks but is forced on us by stripes bad css ordering */ 
}

.hidden---C3Sp6 {
  visibility: hidden;
}
.container---Uxdhk {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
}

.header---sXzbw {
  border-bottom: 1px solid var(--color-border);
  z-index: 0;

  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  min-height: var(--control-min-size-touch);
}

.body---pd4y0 {
  flex: 1;
  position: relative;
}

.alignLastColToEnd---KHnJV > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---l_Q7f > div {
  padding-bottom: 0;
}

.resetButton---n7KP9 {
  padding: 0 6px 0 3px;
}

.searchField---g3xgQ {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---JFPxm {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---E_wiP {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---blqsi {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---Jl7ca {
  flex: 1;
}

.renderEnd---ygJhE {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---Nfv9M {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---ZuGNl {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---czwLl {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---GiJwJ {
  margin-bottom: 0.5rem;
}

.showButtonsBar---Y5E9o {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---aZhSc {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---F5uDe {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---lYthS {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---rHkW0 {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---kGllZ {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---suOC9 {
  display: flex;
}

.visibilityControlLabel---yHLTI {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---Saa7J {
    margin-left: unset;
  }
}

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

.mclRowContainer---IwWyP {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---a2bZ1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---Z2xoM {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---XDt0N {
  color: var(--error);
}

.versionCardBody---JmOcG {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---JYWg6 {
  margin-bottom: 0;

  & .changedRecord---FAjzR {
    margin-bottom: 0;
  }
}

.inlineLabel---OQ0w0 {
  display: inline;
}

.searchField---GrTIy {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---ZbXBg {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---wjLYn {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---TEprT {
  margin-bottom: 0.5rem;
}

.showButtonsBar---LWEul {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---pEJg5 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---OvBMV {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---oFpAY {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---F7vmf {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---hos_g {
    margin-bottom: 0;
  }

  &.marginTop0---zEDnw {
    margin-top: 0;
  }
}

.addRoutingListButton---Jiih_ {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---fxoMq {
  margin-top: 8px;
}

.unassignAll---ovBOq {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.center---PxKfW {
  display: flex;
  justify-content: center
}

.left---TCVVV {
  display: flex; 
  align-items: center
}

.right---p_lE0 {
 display: flex; 
  justify-content: flex-end;
}

.searchGroupWrap---WUsSD {
  margin-bottom: .5rem;
}

.searchField---CkSCo {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.inactiveAppIcon---vOiRA {
  filter: grayscale(100%);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---labsE {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---PUFA0 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}


.errorBox---VUcDu {
    color: var(--color-text-p2);
    background: var(--error-fill);
    min-height: 250px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.greyItem---qBfL9 {
    color: #666666; /* Needed for accessibility against grey background in striped list */
}

.boldItem---qnPFM {
    font-weight: var(--text-weight-bold);
}

.itemMargin---WckpG {
    margin-left: var(--gutter-static-one-third);
}
.tooltipIcon---AbFZM {
  color: var(--warn);
}
.error---fe5Ao {
  color: var(--error);
}

.upload---uQPhy {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: var(--gutter);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-fill);
}

.uploadTitle---yUxt0 {
  margin-top: var(--gutter);
  margin-bottom: var(--gutter-static-two-thirds);
  font-weight: 600;
  text-align: center;
}

.activeUpload---ogeqq {
  background-color: var(--color-fill-current);
  color: var(--bg);
  border-style: dashed;
}

.activeUploadTitle---t4erQ {
  font-size: var(--font-size-large);
}

.children---LpyZc {
  flex: 1;
  padding-bottom: var(--gutter-static-one-third);
}

.footer---H1CPq {
  border-top: 1px solid var(--color-border);
  width: 100%;
  padding: var(--gutter-static-one-third) var(--gutter);
}

.errorMessage---oWCY8 {
  margin: var(--gutter);
  color: var(--error);
}

.breakAll---XTshw {
  word-break: break-all;
}

/* Polyfill for proper work of `hidden` attribute */
[hidden] {
  display: none;
}

.error---T6Jx1 {
  color: var(--error);
}

.separator---lfQGL {
  border-bottom: 1px solid var(--color-border-p2);
  margin-bottom: var(--gutter);
}

.moveMoreIdentifiers---kazyg {
  margin-bottom: 1rem;
  padding-left: 40%;
  padding-right: -20%;
}

.fontNormal---iIxH5 {
  font-style: normal
}

.listStyleDefault---QYsba {
  padding: 0;
  & li { padding: 0; }
}

.listStyleDefault---QYsba:nth-child(odd) {
  background-color: #fff;
}

.labelClass---ri_oh {
  font-weight: var(--text-weight-normal);
}

.agreementHeader---l88cI {
  position: sticky;
  top: 0;
  background: var(--bg);
  border-bottom: 1px solid var(--color-border);

  /* AccordionHeaders and other elements that use a
     `interactionStyles` class have a z-index of 2 which
     would render them above this floaty. */
  z-index: 1000;

  /* As content scrolls behind this div and then /above/ it, it
     will be visible due to the padding in ContentPane.
     Add a box-shadow in the same colour as the background and
     with the same size as said ContentPane padding to hide it.
     Additionally, add a margin-bottom on this div to prevent
     hiding any content below it. */
  box-shadow: 0 0 0 calc(var(--gutter) * 2) var(--bg);
  margin-bottom: calc(var(--gutter) * 2);
}

.separator---z5S4b {
  border-bottom: 1px solid var(--color-border-p2);
}
.createAnotherCheckbox---gw63k {
  margin-right: var(--gutter-static-two-thirds);
}
.titleWrap---utWaK {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

h1.title---ZYj7t {
  font-size: var(--font-size-large);
  text-align: center;
  padding: 15px;
  line-height: 125%;
}

h3.title---ZYj7t {
  font-size: var(--font-size-medium);
  text-align: center;
}

@media screen and (width <= 900px) {
  h1.title---ZYj7t {
    font-size: var(--font-size-medium);
  }

  h3.title---ZYj7t {
    font-size: var(--font-size-small);
  }
}

.fadeIcon---q5dQT {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.error---jA5Xx {
  color: var(--error);
}

.separator---uaWks {
  border-bottom: 1px solid var(--color-border-p2);
}

.infoBox---wYAlB {
  border-radius: var(--radius);
  color: #fff;
  font-weight: var(--text-weight-bold);
  margin-left: var(--gutter-static-one-third);
  padding-left: var(--gutter-static-one-third);
  padding-right: var(--gutter-static-one-third);
}

.error---S9jB9 {
  background-color: var(--error);
}

.warn---hxj9y {
  background-color: var(--warn);
}

.success---MOQ_y {
  background-color: var(--success);
}

.default---IHbip {
  background-color: var(--primary);
}
.newBox---BJHS6 {
  text-wrap: nowrap;
}
.infoPopoverContent---MG5yg {
  text-align: left;
}

.button---DHPSR {
  /* We don't want the size of the button to change when
     the text changes based on the number of items in the basket. */
  min-width: 150px;
}
.DynamicTable---wISY9 {
    width: calc(100% + calc (2 * var(--gutter-static-two-thirds)));
    margin: calc(-1 * var(--gutter-static-one-third)) calc(-1 * var(--gutter-static-two-thirds));
    border-collapse: collapse;
    flex-grow: 1;
}

.DynamicTable---wISY9 th {
    white-space: nowrap;
    background-color: #ccc;
}

.DynamicTable---wISY9 th, .DynamicTable---wISY9 td {
    border: 1px solid var(--color-border-p2);
    padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
    vertical-align: top;
    white-space: normal;
    word-wrap: break-word;
}

.DynamicTable---wISY9 th:first-of-type, .DynamicTable---wISY9 td:first-of-type {
    border-left: none;
}

.DynamicTable---wISY9 th:last-of-type, .DynamicTable---wISY9 td:last-of-type {
    border-right: none;
}

.LoaderTitle---IMng5 {
    display: inline;
}

.AccordionHeaderLoading---HN8tb {
    display: inline-flex;
    align-items: center;
}

input.NumberInput---NXxcL::-webkit-outer-spin-button,
input.NumberInput---NXxcL::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.NumberInput---NXxcL[type=number] {
    -moz-appearance: textfield;
}

#results-viewer-table [role="gridcell"] {
    align-items: flex-start;
}

.ResultViewerAccordionHeader---C5Q0A {
  display: flex;
  gap: 0.25em;
  justify-content: space-between;
  width: 100%;

  [dir='rtl'] & {
    /* [show more/less] ...query string [chevron] */
    flex-direction: row-reverse;
  }

  &.truncate---AWNSi {
    --truncate-to: 100%; /* will be overridden by JS */
    max-width: var(--truncate-to);

    & span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  & .showMoreLessButton---E1Ks6 {
    align-self: start; /* anchor vertically to top of header */
    font-size: 1rem;
  }
}

.ResultViewerRowWrapper---uctvZ {
  flex-grow: 1;
  min-height: 200px;
}

.DropdownStickyHeader---BL5zD {
    position: sticky;
    top: 0;
    z-index: 2;
}

.DropdownStickyHeader---BL5zD:before {
    content: "";
    position: absolute;
    left: -15px;
    top: -5px;
    height: 34px;
    width: calc(100% + 30px);
    background: #fff;
}
.repeatable---_dBbf {
    margin: 0;
}

.row---LvZQp {
    background-color: var(--color-fill-table-row-odd);
    line-height: var(--line-height);
    margin: 0;
    box-sizing: border-box;
    justify-content: flex-end;
    border-bottom: 1px solid var(--color-border-p2);
}

.row---LvZQp.even---f8Lnn {
    background-color: var(--color-fill-table-row-even);
}

.rowCell---pAQNm {
    box-sizing: border-box;
    padding: 10px 10px 0;
}

.rowCell---pAQNm:last-child {
    margin-inline-start: auto;
    text-align: center;
}

.rowCell---pAQNm:not(:first-child) {
    border-inline-start: 1px solid var(--color-border-p2);
}

.queryArea---CYzqp {
    width: 100%;
    min-height: var(--control-min-size-desktop);
    max-height: calc(var(--control-min-size-desktop) * 10);
    padding: 0 5px;
    margin: 5px 0 10px;
    background-color: var(--color-fill-form-element-disabled, rgba(0 0 0 / 8%)) ;
    color: var(--color-text-disabled);
    border: 1px solid var(--color-border);
    box-shadow: none;
    resize: vertical;
    overflow-y: auto;
    line-height: 1.5;
}

.regularFont---oqF_5 {
    font-weight: var(--text-weight-regular);
}

.header---t4dFI {
  flex-wrap: nowrap;
  margin: 0;
  border-bottom: 5px solid var(--primary);
}

.headerCell---o85rz {
  padding: 0 10px;
  font-weight: var(--text-weight-bold);
}

.headerCell---o85rz:last-child {
  margin-inline-start: auto;
  text-align: center;
}

.marcFieldControl---Hmraz {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* Top-align so a box showing a validation message below it doesn't drag its neighbours down (matches
   * FOLIO's Bulk Edit MARC form). */
  align-items: flex-start;
  /* Breathing room below the boxes so they don't crowd the next condition in a multi-condition query. */
  margin-bottom: 8px;
}

.tagInput---PsDbc,
.subfieldInput---UoICf {
  width: 5rem;
}

.indicatorInput---a9Ce5 {
  width: 6rem;
}

.list---cCd_h {
  background-color: transparent !important;

  & li {
    display: block;
    padding: var(--gutter-static-one-third);
  }
}

.listContainer---MUtRy {
  margin-bottom: var(--gutter-static-one-third);
}

.delimiter---oeJVL {
  overflow-wrap: break-word;

  & > span:not(:last-child):after {
    content: " \B7 ";
  }
}

.job---ptSo7 {
  border: 1px solid var(--color-border);
  font-size: var(--font-size-small);
  line-height: var(--line-height);

  &:not(:first-child) {
    margin-top: var(--gutter-static-two-thirds);
  }
}

.jobHeader---acOlf {
  font-size: var(--font-size-medium);
  font-weight: var(--text-weight-medium);
}

.progress---naDxx {
  display: flex;
  align-items: center;
}

.progressWrapper---JKfCI {
  flex-grow: 1;
  height: 10px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.progressCurrent---IuTHz {
  height: 100%;
  border-radius: var(--radius);
  background-color: var(--primary);
}

.progressInfo---jUBan {
  margin-left: 5px;
  font-weight: 600;
}

.preloader---I8fLS {
  margin: 0;
}

.upload---vQa3y {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: var(--gutter);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-fill);
}

.uploadTitle---DO1Mx {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.activeUpload---OFozV {
  background-color: var(--color-fill-current);
  color: var(--bg);
  border-style: dashed;
}

.activeUploadTitle---aBUlq {
  font-size: var(--font-size-large);
}

/* Polyfill for proper work of `hidden` attribute */
[hidden] {
  display: none;
}

.searchWrap---QNFUt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.searchFieldWrap---ILCiQ,
.searchButtonWrap---gc2oJ {
  margin: 0.5rem 0.5rem calc(var(--control-margin-bottom) / 2);
}

.searchFieldWrap---ILCiQ {
  flex-grow: 1;
}

.searchButtonWrap---gc2oJ {
  flex-shrink: 0;
}

.profilesLabel---xEeel {
  display: flex;
}
.profilesLabel---xEeel button {
  margin-top: -3px;
}

.profilesPopoverContent---biBlS {
  font-size: var(--font-size-small);
  text-align: left;
}

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

.searchResults---Fx3sT {
  flex-grow: 1;
}

.form---aXr78 {
  height: 100%;
}

.formContent---RR3BE {
  max-width: 50em;
  margin: 0 auto;
}

.viewContent---CLuJ3 {
  max-width: 50em;
  margin: 0 auto;
}

.modifyActionContainer---vnmy2 {
  display: inline-flex;
  align-items: center;
}

.modifyActionIconLabel---jicZq {
  margin: 0 0 0 0.35em;
}

.container---QJX4P {
  width: 100%;
}

.selectableCellButton---Jx10q {
  & label {
    &:before,
    &:after {
      content: none;
    }

    & input {
      margin: 0;
    }

    justify-content: center;
    margin-bottom: 0;
  }
}

.cellAppIcon---qZiSi {
  align-items: baseline;
  flex-shrink: initial;
}

.tags---V8g3D {
  display: inline-flex;
}

.tagsIcon---NqGy8 {
  align-self: baseline;
  margin-top: 0.3rem;
  margin-right: 0.3rem;
}

.editIcon---w9qRk {
  color: var(--success);
}

:root {
    --cellHeight: 36px;
}

.headerCell---_rxLQ, .headerStickyCell---c87Pb {
    display: flex;
    align-items: center;
    height: var(--cellHeight);
    border-bottom: 5px solid var(--primary);
    padding: 5px 8px 0;
}

.headerStickyCell---c87Pb {
    margin-left: auto;
    flex: 0;
}

.column---ENW1F {
    position: relative;
    align-self: flex-start;
    padding: 5px 10px;
}

.column---ENW1F.fallback---KH1ix {
    width: calc(max(5%, 85px) + 140px);
}

.headerCell---_rxLQ.field---kYgHe,
.column---ENW1F.field---kYgHe {
    width: 5%;
    min-width: 85px;
}

.headerCell---_rxLQ.in---DXXZ4,
.column---ENW1F.in---DXXZ4 {
    width: 70px;
}

.headerCell---_rxLQ.subfield---_hA93,
.column---ENW1F.subfield---_hA93 {
    display: flex;
    align-items: flex-start;
    width: 5%;
    min-width: 80px;
}

.headerCell---_rxLQ.actions---LDFU1,
.column---ENW1F.actions---LDFU1 {
    width: 12%;
}

.headerCell---_rxLQ.data---AsDqv,
.column---ENW1F.data---AsDqv {
    width: 13%;
}

.column---ENW1F.margin---JFvp1 {
    margin-left: max(5%, 80px);
}

.headerCell---_rxLQ.fill---I_kfW {
    flex-grow: 1;
}

.splitter---xPptm {
    position: absolute;
    bottom: 0;
    width: 1px;
    height: calc(100% - var(--cellHeight));
    background-color: var(--color-border-p2);
    transform: translateX(-8px);
}

.emptyHeaderCell---ubJDO {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    border-bottom: 5px solid var(--primary);
    margin-left: auto;
    padding-right: 10px;
}

.row---QaY8L, .marcRow---Mqm9V {
    line-height: var(--line-height);
    margin: 0;
    box-sizing: border-box;
    justify-content: flex-end;
}

.subRow---NXZpq {
    background: var(--color-fill-table-row-even);
    margin: 0;
}

.row---QaY8L [class^="repeatableFieldList"],
.marcRow---Mqm9V [class^="repeatableFieldList"] {
    margin: 0;
}

.inAppTitleRow---cdiAn {
    margin: 0;

    &.isNonInteractive---AB6GG .headerCell---_rxLQ:last-child {
        flex: auto;
        max-width: unset;
    }
}

.inAppFieldRow---Vewaw,
.marcFieldRow---yGyQY {
    background: var(--color-fill-table-row-odd);
    margin: 0;
}

.actionButtonsWrapper---KGiCJ {
    margin-left: auto;
    padding: 5px 10px;
    width: 72px;
    border-left: 1px solid var(--color-border-p2);
    text-align: right;
}

.iconButton---XTZgI:has([disabled]) {
    opacity: 0.5;
}

.additionalParameters---T_BzO {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.asterisk---sDLId {
    position: absolute;
    right: 1px;
    top: 0;
    color: var(--error);
    font-weight: bold;
}

.required---aArkX {
    border: 1px solid var(--error) !important;
}

.fullWidth---qWWLo {
    width: 100%;
}

.modalHeader---HH3HV {
    background: transparent;
    border: none;
}

.modalHeader---HH3HV [class^="paneSub"] {
    font-weight: 400;
}

.resetButtonWrapper---PKRe4 {
    border-bottom: 1px solid var(--color-border-p2);
}

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

.profilesList---B2CVS {
  flex: auto;
}

.ActionMenu---XmSJW {
    max-width: 250px;
}

.ActionMenuGroup---eoJhc {
    margin-bottom: 10px;
    margin-top: 5px;
}

.ActionMenuGroupBody---ctVp8 {
    margin-top: -8px;
}

.FileUploaderContainer---rRshm {
  margin: 25px 0;
}

.Centered---L21zB {
  margin: auto;
  width: 50%;
}

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

.previewAccordion---lSAer,
.previewAccordionList---X0nGd,
.errorAccordionList---Bmz8U {
    flex-grow: 1;
}

.previewAccordionList---X0nGd [role="gridcell"] {
    align-items: flex-start;
}

.previewAccordion---lSAer:has([aria-expanded="false"]) {
    flex-grow: 0;
}

.previewAccordion---lSAer > * {
    height: 100%;
}

.loadingPreviewAccordion---fIiKT {
    flex-grow: 1;
    border-top: 1px solid var(--color-border-p2);
}

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

.titleContainer---Ke_FX {
    min-height: 45px; /* 45px is the height of the title + margin bottom */
}

.previewAccordionOuter---xDlfZ,
.errorAccordionOuter---sBPVn {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.errorAccordionOuter---sBPVn {
    height: 100%;
}

.errorLink---x7Id8 {
    position: relative;
    bottom: 2px;
    cursor: pointer;
}

.noResultsMessage---hvp2I {
  padding: 15px;
  color: var(--color-text-p2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-fill);
  flex-direction: column;
}

.noResultsMessage---hvp2I,
.noResultsMessageLabelWrap---jShje {
  display: flex;
  align-items: center;
  justify-content: center;
}

.noResultsMessageLabelWrap---jShje {
  font-size: var(--font-size-large);
}

.noResultsMessageIcon---Mrzg0,
.noResultsMessageLabel---ZdOkC {
  margin: 0 4px;
}

.noResultsMessageButton---Mx33y {
  margin-top: 15px;
}
.progressBar---w9l5i {
    border: 1px solid var(--color-border-p2);
    border-radius: var(--radius);
}

.progressBarTitle---UjLoC {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid var(--color-border-p2);
    font-size: var(--font-size-medium);
    font-weight: var(--text-weight-bold);
    letter-spacing: 0.04em;
    color: var(--color-text);
}

.progressBarTitleText---K1NWU {
    margin-left: 6px;
}

.progressBarBody---NCRTo {
    padding: 20px 12px 16px;
}

.progressBarLine---BnaUs {
    height: 14px;
    border: 1px solid var(--color-border-p2);
    border-radius: 15px;
    overflow: hidden;
}
.progressBarLine---BnaUs div {
    border-radius: 15px;
    background-color: var( --primary);
    height: 100%;
    transition: width .2s linear;
}


.progressBarLineStatus---CUskO {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.progressBarLineStatus---CUskO span {
    margin-right: 6px;
}

.previewModal---WB2jI {
    max-width: 1024px;
}

.previewModalFooter---BNg_B {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.previewModalSubtitle---voosR {
    display: inline-block;
    margin: 20px 0 10px;
}

.hiddenContent---F8fx_ {
  display: none;
}

.qlEditor---h7htR {
  overflow-y: unset !important;
}

.modify-datetime-button---Ahcex {
    padding: 0.5em 0;
}

.timeReturned---TGQZr {
  display: flex;
  align-items: center;
}

.houseIcon---QO90u {
    height: 1.8em;
    width: 4.5em;
}

.footer---gtDZe {
  padding: var(--gutter-static);
  border-top: 1px solid var(--color-border-p2);
}

.error---BA0uh {
  color: var(--error);
}

.content---iBaDc {
  padding: 0;
  margin: 0;
}

.root---oFgi9 {
  max-height: 100px;
  overflow-y: scroll;
}

.alignTop---NDaYZ {
  align-self: flex-start;
}

.error---PIKCA {
  color: var(--error);
}
.section---gmXJi {
  padding: 20px 10px 2px 10px;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 5px;

  &.active---hPrmG {
    background-color: #f8f8f8;
    border-radius: 6px;
    height: 100px;

    @media print {
      height: auto;
      background-color: var(--bg);
    }
  }

  @media print {
    padding: 0;
    margin: 0;
    border: none;

    .tableRowPrintOnly---tJkvd {
      margin: 0;
    }
    .tableCellPrintOnly---jxLjg {
      border-top: 1px solid var(--color-text);
      border-left: 1px solid var(--color-text);
      border-bottom: 1px solid var(--color-text);
      margin: 0 0 -1px;

      &:last-child {
          border-right: 1px solid var(--color-text);
      }
    }
  }
}

.userFullName---idoJ9 {
  margin-right: 10px;

  @media print {
    height: 18px;
    display: block;
  }
}

.userPlaceholder---m2Ep0 {
  width: 60px;
  height: 60px;
}

.warnMessage---F5Q2_ {
  color: var(--danger);
}

.warnIcon---sFX7d {
  margin-left: 7px;
}

.detail---W3xpi {
  padding-top: 15px;

  @media print {
    [class*="margin-medium"] {
      margin: 0;
    }
  }
}

.section---N2JSW {
  padding: 10px 10px 2px 10px;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 5px;

  @media print {
    display: none;
  }
}

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

.label---DC5A5 {
  line-height: 28px;
  font-weight: bold;
  font-size: var(--font-size-medium);
  text-align: right;
  margin-right: 20px;
}

.root---gUAFd {
  padding: 16px;
  border-top: 1px solid #ccc;
}

@media print {
  .root---gUAFd {
    display: none;
  }
}

.content---vIbQR {
    min-height: 350px;
}

.content---Mk4a6 {
  padding: 0;
  margin: 0;
}

.loanDueDate---AHnGE {
  display: flex;
  align-items: center;
}
.tooltipIcon---u2xXH {
  margin-left: 5px;
}
.tooltipIcon---u2xXH:hover {
  cursor: pointer;
}

.titlePrintOnly---JHG9i {
  display: none;

  @media print {
    display: inline-block;

    &::after {
      padding-right: 5px;
      content: ":";
    }
  }
}

@media print {
  [id^="item-details-content"] {
    [class^="mclHeaderContainer"] {
      display: none;
    }

    [class^="mclRowContainer"] [class^="mclRow"] {
      width: 100%;
      display: flex;
      flex-direction: column;
      background-color: var(--bg);

      [role="gridcell"] {
        width: 100% !important;
        padding: 0;
        flex-grow: 1;
        border-color: var(--bg);

        &:first-child {
          display: none;
        }

        &:nth-child(3) {
          order: -1;
          font-weight: bold;
        }

        &:last-child {
          display: none;
        }
      }
    }
  }
}

.root---vjQiV {
  max-height: 100px;
  overflow-y: scroll;
}

.container---aLgms {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media print {
  a {
    color: var(--color-text);

    &:visited {
      color: var(--color-text);
    }
  }

  [class^="kvRoot"] {
    [class^="kvLabel"],
    [class^="kvValue"] {
      margin: 0;
    }
  }

  [id^="root"] {
    header {
      display: none;
    }
  }

  [id^="patron-details"],
  [id^="item-details"] {
    height: auto;
    padding: 0 20px;
    border: none;
  }
  [id^="patron-details"] {
    display: block;

    [id^="patron-details-content"] {
      width: auto;
      padding: 15px 0 25px;
      margin-left: 15px;
      margin-right: 15px;
      border-bottom: 1px solid var(--color-text);
    }
  }

  [id^="patron-form"],
  [id^="section-item"],
  [class^="paneHeader"] {
    display: none;
  }
}

.alignLastColToEnd---mbxUw > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---x4b32 > div {
  padding-bottom: 0;
}

.resetButton---PfuyK {
  padding: 0 6px 0 3px;
}

.searchField---BuXqt {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---A9a66 {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---bA69S {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---KNDU6 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---FltPQ {
  flex: 1;
}

.renderEnd---K2431 {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---ful1Y {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---yG2u4 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---fJyc9 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---ULoR6 {
  margin-bottom: 0.5rem;
}

.showButtonsBar---hivuK {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---_qsMU {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---pcQEu {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---B3aOa {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---Y4OoM {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---x4WMQ {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---roeUm {
  display: flex;
}

.visibilityControlLabel---KfQTT {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---na7Ab {
    margin-left: unset;
  }
}

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

.mclRowContainer---rm7kM {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---DjplK {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---oZ5hF {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---BuqEr {
  color: var(--error);
}

.versionCardBody---jYRiM {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---Y7g_0 {
  margin-bottom: 0;

  & .changedRecord---bUrUl {
    margin-bottom: 0;
  }
}

.inlineLabel---SIm4g {
  display: inline;
}

.searchField---wZOZY {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---pK28s {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---R6Wj7 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---qr_sF {
  margin-bottom: 0.5rem;
}

.showButtonsBar---FjHD9 {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---fT8D6 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---rmRml {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---AJQHq {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---BbkP1 {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---jdqKF {
    margin-bottom: 0;
  }

  &.marginTop0---xQA7B {
    margin-top: 0;
  }
}

.addRoutingListButton---EgNLe {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---ONe_p {
  margin-top: 8px;
}

.unassignAll---M0S1a {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.circulationLogEventItemsFoldToggle---dPpPP {
  color: var(--color-link);
  padding-top: 10px;
}

.cellAlign---Hc6zc {
  align-items: flex-start;
}

.searchControl---vGmgb {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---RcrUZ {
    margin-bottom: 0;
  }

  &.marginTop0---VC0e5 {
    margin-top: 0;
  }
}

.userError---jWiEs {
  color: var(--error);
}

.modalContent---EbAqA {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---IeYWW {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---xQ2RN {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---XjhHn {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---dJZW4 {
  margin-bottom: .5rem;
}

table.instructors---YUUWZ {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

table.instructors---YUUWZ tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}

table.instructors---YUUWZ th {
    text-align: left;
}

table.instructors---YUUWZ th, table.instructors---YUUWZ td {
    padding: 0.4em 1em;
}

table.instructors---YUUWZ td:nth-child(4) {
    text-align: right;
}

 /* Empty Message */
 .errorPage---AQd7j {
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: var(--font-size-large);
 }
 
 .errorMessageLabel---SHS5C {
   margin: 0 4px;
 }

 .errorComponent---NMfJF {
  color: var(--color-text-p2);
  background: var(--error-fill);
  min-height: 250px;
  height: 100%;
  margin-bottom: var(--gutter-static-two-thirds);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
 }
.message---VXD4l {
    padding: calc(var(--gutter) * 1.5);
  }
  
  .message__content---Eg68p {
    overflow: auto;
  }
  
  .error---V1Fpt {
    margin: 0 0 calc(var(--gutter) * 1.5) 0;
  }
  
  .stack---G7VVk {
    margin: 0;
    line-height: 1.65;
  }
button.viewDetailsButton---_4EYy {
    color: var(--color-text-p2);
    font-weight: var(--text-weight-bold);
  }
  
.tableContainer---uKX9d { 
  overflow: auto;
}

.table---p6sa9 {
  role: table;
  border-spacing: 0;
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
}

.oddRow---PJLdZ {
  background-color: var(--color-fill-table-row-even);
}

.evenRow---TCNTW {
  
  background-color: var(--color-fill-table-row-odd);
}

.td---iZC3I {
  margin: 0;
  /*
    Here 5px was a little too small, and 10 too large,
    so we went for eight, but if gutter size changes
    this will adapt in the same ratio
  */
  padding: calc(var(--gutter-static-one-third) * (8/5)) var(--gutter-static-two-thirds);
  border-right: 1px solid var(--color-border-p2);
  /* hopefully unnecessary, but allows data to break if stupidly long*/
  word-wrap: break-word;

  &:last-child {
    border-right: 0;
  }
}

  .headerCell---t7J6V {
    margin: 0;
    padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
    font-weight: var(--text-weight-bold);
    font-size: var(--font-size-medium);
    word-wrap: break-word;
    text-align: start;
  }

.thead---i46ji {
  position: sticky;
  top: 0;
  background-color: var(--bg);
}
.countBadge---XyBg1 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--gutter-static-one-third);
}

.linkText---OlG8K {
  font-weight: var(--text-weight-bold);
}

.spinner---SAp8a {
  position: absolute;
  margin-left: 50%;
  margin-right: -50%;
}
.footer---X6WYe {
  display: flex;
  justify-content: space-between;
  padding: 3px 0px;
  width: 100%;
  background-color: var(--bg);
}

.timestamp---sink2 {
  height: -moz-max-content;
  height: max-content;
  padding: var(--gutter-static-one-third) 0;
  align-self: center;
}

.leftContent---lOggB {
  display: flex;
  color: var(--color-text-p2);
}

.rightContent---GOzEj {
  padding: var(--gutter-static-one-third) 0;
}

.absoluteSelected---HfaKl {
  color: var(--color-text-p2);
}

.orAnd---E5VRM {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--gutter-static-two-thirds);
}
.rowMargin---yRhDE {
  margin-bottom: var(--gutter-static-two-thirds)
}

.selectedOption---W45Q6 {
  color: var(--primary);
  font-weight: bold;
}

.option---NJUjc {
  font-weight: normal;
}
.innerRow---Rx2gJ {
  flex-grow: 1;
}

.resultLine---knPqK {
  width: 50%;
  @media (max-width: 640px) { width: 100%; }
}

.warningBanner---daURv {
  margin-bottom: var(--gutter-static-two-thirds);
}

.dragHandle---dDaud {
  margin-top: 8px;
}

.container---p3XeT {
  display: flex;
}

.handle---ai9ct {
  align-self: center;
}

.content---S_nVj {
  width: 100%;
  padding: 0 var(--gutter-static-one-third);
}

.defaultDraggableBox---k2XMb {
  background-color: var(--bg);
  border: 1px solid var(--color-border-p2);
  margin-bottom: var(--gutter);
  border-radius: var(--radius);
  padding: var(--gutter-static);
  box-shadow: var(--shadow);

  &.pickedUp---iXaiF {
    background-color: var(--primary);
    color: white;
  }
}

.searchIcon---rysnQ {
  color: var(--color-icon);
  display: flex;
  align-items: center;

  &.isFocused---FGuVV {
    fill: var(--primary)
  }
}
.checkbox---rEGVP {
  width: 100%;
  padding: var(--gutter-static-two-thirds);

  @media (min-width: 321px) {
    width: 50%;
  }

  @media (min-width: 641px) {
    width: 25%;
  }
}

.checkboxContainer---oL_Zy {
  display: flex;
  flex-wrap: wrap;
}

.spinner---lifl1 {
    position: absolute;
    margin-left: -50%;
    margin-right: -50%;
  }

/**
 * No Results Message
 */

 /* Empty Message */
 .loadingMessage---_TgvS {
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--font-size-large);
 }
 
 .loadingMessageLabel---jFs4L {
   margin: 0 4px;
 }
button.actionMenuToggle---12EN8 {
  margin: 0 var(--gutter-static-one-third);
}
.header---gojTh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  padding: var(--gutter-static) var(--gutter-static) 0;
  min-height: var(--control-min-size-touch);
  
  z-index: 1;
}

.buttonContainer---GhlcJ {
  width: 33vw;
}

.dashboardContainer---XKBOF {
  background: var(--bg);
  border-right: 1px solid var(--color-border);
  height: 100%;
  max-height: calc(100vh - 44px);
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;

  /* transition: all .25s ease-in-out; */
  overflow: hidden;
  position: absolute;
  will-change: transform;
}

/**
 * Pane Content
 */

.dashboardBannerContainer---Nkmig {
  padding: var(--gutter-static);
}

.dashboardContent---uhzaD {
  height: 100%;
  overflow-y: scroll;
  overflow: auto;
  outline: 0;
  position: relative
}
.widgetsContainer---siF8u {
  display: flex;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

/* .widget {
  min-width: 300px;
  width: 50%;
  padding-bottom: 50%;
  padding: var(--gutter-static-two-thirds);
  @media (--small) { width: 100%; }
  @media (--x-large) { width: 33%; }
  @media (min-width: 1921px) { width: 25%; }
}
 */

.rotate---RyCVU {
  transform: rotate(315deg);
}
.header---NBROx {
  display: flex;
  justify-content: flex-start;
  background-color: var(--bg);
}

.widgetTitle---HHvbu {
  flex: 1;
  margin-bottom: var(--gutter-static-one-third);
  margin-left: var(--gutter-static-one-third);
}
.card---UFQum {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: var(--bg);
  border: 1px solid var(--color-border-p2);
  margin-bottom: var(--gutter);
  overflow: hidden;
  border-radius: var(--radius);
  margin-bottom: 0;
  padding: var(--gutter-static);
  padding-bottom: 0;
  box-shadow: var(--shadow);

  position: relative;
  &::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    background-color: var(--primary);
    top: -5px;
    opacity: 0;
    transition: height 200ms, top 200ms, opacity 500ms;
    pointer-events: none;
  }

  &:focus-within::after {
    opacity: 1;
    height: 5px;
    top: 0;
  }
}

.widgetContainer---wk66Q {
  /* min-width: 300px;
  width: 50%;
  padding-bottom: 50%;
  padding: var(--gutter-static-two-thirds);
  @media (--small) { width: 100%; }
  @media (--x-large) { width: 33%; }
  @media (min-width: 1921px) { width: 25%; } */
  height: 100%;
  width: 100%;
}

.body---cVeTC {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Card Styles */
.default---atq5u + .default---atq5u {
  border-top: 0;
}

.negative---FVNGt {
  background-color: var(--bg-hover);
}

.footerContainer---wqdQE {
  display: flex;
  width: 100%;
  padding-right: var(--gutter-static-two-thirds);
}

/* Come up with better grabbed css later */
.grabbed---Klm1L {
  opacity: 75%;
  cursor: grabbing;
  z-index: 10000;
  position: relative;
}
 /* Empty Message */
 .noResultsMessage---SNu2G {
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--font-size-large);
 }
 
 .noResultsMessageLabel---lkO_C {
   margin: 0 4px;
 }
/* Why isn't this an icon in users??? */
.inactiveAppIcon---IUAMc {
  /* -webkit-filter: grayscale(100%); */
  filter: hue-rotate(196deg) grayscale(100);
}

.error---QKIwB {
  color: var(--error)
}

.warn---y4vql {
  color: var(--warn)
}

.marginBottom0---Sfesy {
  margin-bottom: 0;
}
.colStyles---xOE33 {
  align-self: center;
  height: auto;
  margin-bottom: 0;
}

.colFlexCentre---UlbNM {
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
}

.radioButton---vXhQL {
  align-self: center;
}

.mclHeaderRow---mYa6y {
}

.mclHeaderCell---L0rcI {
}

.mclCell---U0x8k {
}

.mclRow---XT9Ew {
}

.mclIsOdd---i4sVL {
}

.fullScreen---ok4vG {
  width: 100%;
  height: 100%;
}

.fieldGroupWrap---UqYug {
  display: flex;
}

.field---XoN2e {
  width: 100%;

  &:nth-of-type(4) {
    margin-right: calc(var(--font-size-x-small)*2);
  }

  &.indicator---aK1ma {
    width: 100%;
  }

  &.isInvalid---mCGp2 > div > div {
    border-color: var(--error);
  }
}

.icon---Fzy27 {
  margin-left: -2rem;
  color: var(--error);
}

.searchGroupWrap---bf1LY {
  margin-bottom: 0.5rem;
}

.filtersLabel---LSpYt {
  padding-left: 1.3em;
}

.modalContent---E1Dei {
  position: relative;
  min-height: 50vh;
  padding: 0;
}

.modalFooter---lfDnX {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (min-height: 570px) {
  .modalContent---E1Dei {
    min-height: 70vh;
  }
}

.folioRecordTypeContainer---F_Ohm {
  margin-bottom: var(--control-margin-bottom);
}

.error---mgrkA {
  padding: 0 var(--input-vertical-padding);
  font-size: var(--font-size-medium);
  color: var(--error);

  &:last-child {
    margin-bottom: var(--control-margin-bottom);
  }
}

.mappingProfilesFormContent---Rojvv p {
  margin: 0 auto;
  max-width: 50em;
}

.recordTypesList---c2tNl {
  background-color: transparent !important;
}

.jobProfilesFormContent---wncp5 p {
  margin: 0 auto;
  max-width: 50em;
}

.jobProfilesFormContent---wncp5 h2 {
  border-bottom: 1px solid var(--color-border-p2);
}

.profilesLabel---JrW6F {
  display: flex;
}
.profilesLabel---JrW6F button {
  margin-top: -3px;
}


.jobsContainer---w2V3m {
  margin-top: 20px;
  margin-left: var(--input-horizontal-padding);
}

.fileNameBtn---am_YA {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  color: inherit !important;
  padding: 0.25em 10px !important;

  &::before {
    border-radius: 6px;
  }
}

.fileNameBtn---am_YA span {
  white-space: normal;
  width: 100%;
  text-align: left;
  word-break: break-all;
}

.disabledFileName---OYGpD {
  padding: 0.25em 10px !important;
}

.downloadFile---Vu8B8 {
  color: var(--color-link);
}

.message---tzVyI {
  margin: 0;
}

.errorLogsContainer---_CijH {
  font-size: 16px;
  padding: var(--padding-all-gutter);
}

.fullWidthAndHeightContainer---xtWkI {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;

  &:empty {
    display: none;
  }
}

.cellAppIcon---Qt7eB {
  align-items: baseline;
  flex-shrink: initial;
}

/* disable styles for visited links created by react-router-dom Link */
.linkButton---02ecW,
.linkButton---02ecW:visited,
.linkButton---02ecW:hover,
.linkButton---02ecW:active {
  color: inherit;
}

.endOfRecord---FHtoW {
  margin-top: -1rem;
  text-align: left;
}

.checkbox---uge7O {
  &:disabled {
    margin: 0;
  }
}

.cellLink---dziIg {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  color: inherit !important;
}

.modifyActionIcon---Crzcz {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.preloader---K647W {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}

.separatorLine---R4Lmd {
  border-bottom: 5px solid var(--primary);
}

.headline---UrvRh {
  word-break: break-word;
}

.headlineMargins---X8mYL {
  margin: 2.5rem 1rem;
}

.leftMargin---Ver8Q {
  margin-left: 5px;
}

.sideMargins---F92mA {
  margin: 0 20px;
}

hr {
  margin: 0;
}

.baselineCell---PrnNB {
  display: inline-block;
  align-self: baseline;
}

pre {
  & code {
    &.info---bee3O {
      background-color: #f5f8f6;
      color: #000000;
    }
    &.error---Q83F9 {
      outline: 1px solid #bf0000;
      background-color: #e7cdcd;
      color: #000000;
      & .header---pXR2M {
        background: #a61e37;
        color: #ffffff;
      }
    }
    & .key---wzTh6 { color: #dc6900; }
    & .string---LFT5x { color: #145A32  ; }
    & .number---vdg3r { color: #bf0000; }
    & .boolean---OZ5Zy { color: #005b96; }
    & .null---ONQKq { color: #800080; }
  }
}


pre {
  & code {
    &.info---riPf4 {
      background-color: #232b2b;
      color: #ffffff;
    }
    &.error---hys6W {
      outline: 1px solid #bf0000;
      background-color: #400000;
      color: #ffffff;
      & .header---vzIrF {
        background: #a61e37;
        color: #ffffff;
      }
    }
    & .key---TOvkc { color: #ffbf00; }
    & .string---QAs2B { color: #a0d6b4; }
    & .number---c9thW { color: #ff6f69; }
    & .boolean---eRzxP { color: #66ccff; }
    & .null---comWr { color: magenta; }
  }
}

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

.searchResults---P2yAo {
  flex-grow: 1;
}

.searchResultsRow---phExA {
  flex: 1;
}

.searchResultsInnerRow---ApjNI {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

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

.decorator---_AykG {
  display: flex;
  align-items: flex-start;
  & .options-dropdown---R8f4z {
    display: flex;
    height: 100%;
    & button {
      min-width: 143px;
      height: 23px;
      padding: 0 5px 0 10px;
      border-top: 1px solid rgba(0, 0, 0, 0.42);
      border-right: 1px solid rgba(0, 0, 0, 0.42);
      border-bottom: 1px solid rgba(0, 0, 0, 0.42);
      border-left: 0;
      border-radius: 0;
      &::before {
        border-radius: 0;
      }
    }
  }
}

.decoratorWrapper---z2bwl {
}

.decorator---K66_R {
}

.options-dropdown---XqoXf {
}

.container---Zhw_j {
  padding-bottom: var(--gutter);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.message---kNkut {
  margin-bottom: 10px;
  font-size: var(--font-size-xx-large);
  font-weight: var(--text-weight-headline-basis);
  color: var(--color-text);
}

.subMessage---nFppN {
  margin-bottom: 40px;
  font-size: var(--font-size-x-large);
  color: var(--color-text);
}

.buttonsContainer---k7qei {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.submitButton---TyLl9,
.deleteButton---GWOf_ {
  flex-shrink: 0;
  height: 40px;
  margin-left: 0 !important;
  font-size: var(--font-size-large);
}

.delimiter---dKCz4 {
  overflow-wrap: break-word;

  & > span:not(:last-child):after {
    content: " \B7 ";
  }
}

.job---FXxRc {
  padding: .5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  position: relative;

  &:not(:first-child) {
    margin-top: 10px;
  }

  & .delimiter---dKCz4:first-child {
      padding-right: var(--control-min-size-desktop);
  }

  &.deletingInProgress---g6sQJ {
    border-color: var(--danger);
    background-color: oklch(from var(--error) l c h / 10%);

    & .deleteIcon---I4j6u {
      display: none;
    }
  }

  .fileItemDanger---I3Nqu {
    padding-right: 60px;
    border-color: var(--danger);
    background-color: oklch(from var(--error) l c h / 10%);
  }
}

[class*="listStyleDefault"] {
  & .job---FXxRc {
    margin-bottom: 0;
    display: block;
    padding: .5rem;
    border-radius: var(--radius);
  }
}

.jobHeader---R8BA1 {
  font-size: var(--font-size-medium);
  font-weight: 600;
}

.jobPreview---hoQgj {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon---PSW87 {
  position: absolute;
  top: 10px;
  right: 10px;
}

.deleteIcon---I4j6u {
  display: inline-block;
}

.compositeList---XD7oi {
  list-style-type: disc;
  margin-top: 6px;
  & .listItem---kWyVG {
    display: list-item;
    padding: 0;
    margin-bottom: 0;
  }
}
.jobsPane---f9WNK [role=tabpanel] {
  margin-left: var(--input-horizontal-padding);
  margin-right: var(--input-horizontal-padding);
}

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

.tableHeader---ZAJzy {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 5px solid var(--primary);
}

.tableHeaderCell---lTTX7 {
  display: flex;
  align-items: center;
  padding: var(--gutter-static-two-thirds) var(--gutter-static-two-thirds) var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-medium);
  color: var(--color-text);
}

.tableRowContainer---KIBuI {
  background: var(--color-fill-table-row-odd);

  &:nth-child(odd) {
    background: var(--color-fill-table-row-even);
  }
}

.tableRow---htf_E {
  display: flex;
}

.tableCell---zahq3 {
  display: flex;
  align-items: flex-start;
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  min-height: var(--control-min-size-desktop);
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;

  &:last-child {
    border-right: 0;
  }

  &:not(:first-child):not(:last-child) > :first-child {
    flex-grow: 1;
  }
}

.removeButton---QDJYa {
  &:disabled {
    pointer-events: none;
  }
}

.tableDataCell---X3EY7 {
  flex-grow: 1;
  margin-right: 5px;
}

.tableViewLabel---PiI8m {
  padding-right: 3px;
  color: var(--color-text-p2);
  white-space: nowrap;
}

.options-list---nru4C {
  min-width: 142px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.03);
  & ul {
    margin: 0;
    list-style: none;
    & li {
      & [class|="button"] {
        height: 23px;
        margin: 0;
        padding: 0 5px;
        border: solid 1px transparent;
        border-radius: 0;
        &::before {
          border-radius: 0;
        }
      }
    }
  }
}

.dropdownList---jtuR5 {
  max-height: 300px;
  overflow-x: hidden;
  margin: 0 -13px;

  & li {
    padding: 0 13px;
    &:first-child {
      padding-top: 3px;
    }
  }
}

.mappingForm---zvnAU {
  max-width: 100%!important;

  & [class|="kvRoot"] {
    margin-bottom: 0;
  }
}

.colWithTable---oajm6 {
  margin-bottom: 1em;
}

.addFieldButton---N56u0 {
  margin-top: var(--gutter);
}

.noValueAllowed---Zo3c4 {
  padding: 0 8px;
}
.iconContainer---pjUYS {
  display: inline-block;
}

.matchCriteria---opie_ {
  background-color: #616161;

  & > :last-child > :last-child {
    margin-top: 0;
  }

  & [class|="headerInner"] {
    & > span {
        color: #b2b2b2;
    }

    & > div {
      color: var(--bg);
    }
  }

  & .matchCriterion---pMlx1 {
    padding: 0;
    border: none;
    border-radius: 0;

    & .incoming---t89DL {
      background-color: #b2b2b2;

      & label :not(:first-child) {
        color: #616161;
      }

      & .field---op4ON > :first-child {
        color: #616161;
      }
    }

    & .inputContainer---Y6GV6 {
      background-color: #e5e5e5;

      & [class|="content"] [class|="formControl"] {
        margin-bottom: 0;
      }

      & input, & select {
        background-color: #ffffff;
      }
    }

    & .staticSection---izrIw {
      & > div:first-child {
        margin-bottom: -1rem !important;
      }

      & .dateRangeLabel---_2Sei {
        margin: 0 0.7rem;
      }
    }

    & .criterionSection---RCzXj {
      background-color: #b2b2b2;
    }

    & .existing---vt59p {
      background-color: #b2b2b2;

      & label :not(:first-child) {
        color: #616161;
      }

      & .field---op4ON > :first-child {
        color: #616161;
      }
    }
  }
}

.matchCriteria---rO5He {
}

.matchCriterion---dRS2i {
}

.inputContainer---BrFIO {
}

.dateRangeLabel---tvDQr {
}

.criterionSection---CSZwx {
}

.incoming---opDRK {
}

.existing---QJHyq {
}

.field---xg2fI,
.qualifier---GwyAc,
.part---mRKX0 {
}

.staticSection---p7soe {
  & > div:first-child {
    color: var(--color-text);

    & > div:first-child {
      width: auto !important;
    }
  }
}


.matchCriteria---rO5He {
  & > :last-child > :last-child > :first-child {
    border-top: none;
  }

  & .inputContainer---BrFIO > div:last-child:not(:first-child) > :first-child {
    margin-bottom: 0;
  }

  & .fieldValue---QLRpr {
    margin-bottom: 1rem;
  }
}

.matchLabel---EpjZJ {
  color: #ffffff;
  padding-left: 1rem;
}

.details---pZO8w {
  & > :last-child > :last-child section:nth-child(n+2) {
    margin-top: 1rem;

    & > :first-child {
      border-top: none;
    }
  }
}

.matchCriterion---MJbpX {
}

.inputContainer---yhP8g {
}

.staticSection---yINhr {
}

.dateRangeLabel---k4vuk {
}

.incoming---A9pQm {
}

.criterionSection---izcMc {
}

.existing---qjv_Q {
}

.field---uVadR {
}

.matchCriteria---EGxER {
  margin-top: -14px;
  margin-bottom: -14px;
}

.matchLabel---klAoo {
  color: #ffffff;
  padding-left: 1rem;
}

.container---AXR73 {
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  padding: 1rem;
  &:nth-child(n+2) {
    margin-top: 1rem;
  }
  & .content---_if0J {
    margin-top: 1rem;
    &.no-label---Am9Lu {
      margin-top: 0;
    }
    & > :nth-child(n+2) {
      margin-top: 1rem;
    }
    & > :last-child {
      margin-bottom: 0;
    }
  }
}

.list-editable---QZaj2 {
  margin-bottom: 1rem;
}

.button-unlink---u1IVA {
  padding: 2px 10px;
  & span[class|=icon] {
    background: transparent!important;
    border: none;
    border-radius: 0;
    & img, &::after {
      box-shadow: none;
      border: none;
      border-radius: 0;
    }
  }
}

.line---BgEGn {
  border-top: 1px solid grey;
}

.profile-linker---oiJQk {
  min-height: 150px;
}
.linker-caption---HO7C2 {}
.linker-button---oxpok {
  & [class|=button] {
    margin: 0;
    padding: 0 3px;
  }
}
.profile-label---elHfO {
  display: flex;
  justify-content: space-between;
  justify-items: center;
  min-height: 35px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: var(--color-fill);
  & .record-container---KVq2Z {
      padding: 7px;
      & [class|=button] {
          text-align: left;
          white-space: normal;
      }
  }
  & .buttons-container---rIlxx {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    padding: 4px 7px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    & button {height:25px;}
  }
}
.profile-branch---Sw4Ah {
  position: relative;
  &:not(:last-child) {margin-bottom: 10px;}
  & .branch-container---hXlln {
    margin: 10px 0 10px 35px;
    & [class|=accordion] {
      background-color: var(--color-fill);
      &:not(:last-child) {margin-bottom: 10px;}
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 10px;
    }
    & [aria-expanded|=true] {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
    & [class|=defaultCollapseButton] {
      padding: 5px 10px;
      font-size: 1rem;
    }
    & [class|=content] {
      margin: 0;
      padding: 10px;
    }
    & .branch-tree-container---gQqV7 {margin-bottom: 10px;}
  }
}
.profile-tree---KWBZ7 {
  & [class|=overlay] {transform: translate3d(0, 24px, 0px)!important;}
  & [class|=DropdownMenu] {min-width: 20vw;}
  & .profile-tree-container---KMgOB {margin-bottom: 10px;}
}

.fileItem---CPbBo {
  position: relative;
  margin-bottom: 0.7rem;
  padding: 0.5rem 35px 0.5rem 0.5rem;
  border: 2px solid var(--color-border);
  border-radius: var(--radius);
}

.fileItemDanger---ZrJZD {
  padding-right: 60px;
  border-color: var(--danger);
  background-color: oklch(from var(--error) l c h / 10%);
}

.fileItemUploading---XApSK {
  padding-right: 0.5rem;
}

.fileItemFailed---GM3aL {
  color: var(--danger);
}

.fileItemHeader---Q2G14 {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

.fileIcon---_W9Li {
  position: absolute;
}

.fileItemHeaderContent---dA6Se {
  word-break: break-word;
}

.fileItemUploadedHeaderContent---cMiEd {
  color: var(--color-text-p2);
}

.fileItemHeaderName---DFi1w {
  margin-right: 2rem;
  text-indent: 18px;
}

.icon---ylP9p {
  position: absolute;
  right: 10px;
}

.undoIcon---Y0Qso {
  text-decoration: underline;
  color: var(--color-text);
}

.progress---OwQRB {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.progressWrapper---Ujxlq {
  width: 100%;
  height: 10px;
  margin: 0.5rem 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.progressInfo---gq6H9 {
  display: flex;
  align-items: center;
  font-size: var(--font-size-small);
  font-weight: 600;
  color: var(--color-text-p2);
}

.progressMessage---VBy0n {
  margin-top: 0.5rem;
}

.uploadingJobs---CG6GP {
  flex: 0 0 300px;
}

.list---Mw8wj {
  margin-bottom: 0;
}

.rootListContainer---JP4xk {
  position: relative;
}

.rootList---_7IZ0 {
  padding: 0;
}

.listItem---l5G7J {
  list-style-type: none;
}

.container---Gv8RS {
  position: relative;
  width: 100%;
}

:root {
  --cell-padding: 1rem;
  --selected-line-margin: calc(var(--cell-padding) / 2);
  --selected-line-border-width: 2px;
}

.container---PWh0h {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-fill);
}

.chooseRecordContainer---YstKr {
  padding: 1rem 3rem;
}

.message---g5lvr {
  color: var(--color-text-p2);
  text-align: center;
}

.treeViewLTR---lWiwW {
  padding-right: 20px;
}

.treeViewRTL---Dulv3 {
  padding-left: 20px;
}

.item---kvrqt {
  overflow: hidden;
  outline: none;
  border-radius: .5rem;
  padding: .5rem;
  background-color: var(--primary);
  color: #fff;
  font-weight: 700;
}

.clickableItem---thoBH {
  cursor: pointer;
}

.clickableItem---thoBH:hover {
  background-color: hwb(from var(--primary) h 30% b);
}

.disabledItem---sY2S5 {
  background-color: #ccc;
  color: var(--color-text);
  opacity: 0.6;
  pointer-events: none;
}

.headingCell---prdaT {
  border-bottom: 1px solid var(--color-border);
  padding: .5rem;
}

.cell---Q02VR {
  position: relative;
  width: 100%;
  padding: var(--cell-padding);

  & > :first-child {
    width: inherit;
  }
}

.borderLeft---MEfEL {
  border-left: 1px solid var(--color-border);
}

.borderRight---QkJkE {
  border-right: 1px solid var(--color-border);
}

.container---PWh0h .contentContainer---Z44Br {
  flex-wrap: nowrap;
}

.contentContainer---Z44Br {
  position: relative;

  & [class|=overlay] {transform: translate3d(0, 39px, 0px)!important;}
}

.triangle---vqHUC {
  width: 0;
  height: 0;
}

.selectedLine---GUkEl {
  position: absolute;
  left: var(--selected-line-margin);
  right: var(--selected-line-margin);
  transform: translate(0, var(--selected-line-margin));
  border: var(--selected-line-border-width) solid #3986c5;
  border-radius: .5rem;
  background-color: rgba(197, 218, 244, 0.6);
  pointer-events: none;
}

.hint---sRuGP {
  pointer-events: all !important;
}

.hintMessage---SnC9b {
  pointer-events: all !important;
  padding: 4px 8px;
  background-color: #616161;
  border-radius: .5rem;
  color: #fff;
  margin: 4px;
  white-space: pre-line;
  align-self: stretch;
}

.incomingRecord---J6aH0 {
  width: 100%;
  line-height: .9;
  white-space: normal;

  & > :first-child {
    width: 100%;
    justify-content: space-between;
  }

  &:focus::before {
    border: none;
  }
}

.compare---bo3jc {
  position: absolute;
  top: 9px;
  transform: translate(50%);
}

.compareMessage---Q5LXL {
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.decorator---EdBhb {
  & fieldset {
    min-width:100%;
    width: 100%;
    margin: 0;
  }
}

.repeatableActions---v6FB9 {
  display: flex;
}

.toolbar---JDqXH {
  position: sticky;
  left: 0;
  top: 5px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: auto;
  height: auto;
  margin: 5px;
  background-color: #ffffff;
  outline: 1px solid #242725;
  & .header---LmPex, & .filter---kQ1Wm, & .themes---muNDp {
    display: flex;
    margin: 5px;
    padding: 2px;
    align-items: center;
  }
  & .header---LmPex {
    & .recordId---tCa7N {
      color: #145A32
    }
    & .header__entries---OLtnw {
      font-weight: bold;
      color: #005b96;
    }
    & .header__errors---U_EXw {
      font-weight: bold;
      color: #bf0000;
    }
  }
  & .filter---kQ1Wm {
    & .filter__label---ocvZ8 {
      margin-right: 5px;
      font-weight: bold;
    }
    & [class*=buttonGroup---] {
      & button {
        min-width: 130px;
      }
    }
  }
  & .themes---muNDp {
    min-width: 150px;
    & .themes__label---a7QjK {
      margin-right: 5px;
      font-weight: bold;
    }
    & [class*=inputGroup---] {
      min-width: 100px!important;
    }
  }
}

pre {
  overflow: visible;
  margin: 0;
  & code {
    display: block;
    width: auto;
    overflow: auto;
    margin: 5px;
    padding: 5px;
    outline: 1px solid #cccccc;
    font-size: 12px;
  }
}

.checkBoxLabel---FMIkJ {
  margin: 0;
  line-height: 1.5;
  cursor: default;
}

.profilesLabel---gSO6T {
  display: flex;
}

.profilesPopoverContent---6LSIp {
  font-size: var(--font-size-small);
  text-align: left;
}

.eholdings-back-end-error---v2mdM {
  max-width: 60em;
  padding: 2em;
}

.ebsco-connect-link---V4fHA {
  margin-left: 7px;
}

.ebsco-connect-link-icon---woFFZ {
  vertical-align: top;
}

.listSectionHeader---LX8hf {
  cursor: pointer;
}

.listSectionContent---OP8AG {
  padding-left: 1rem;
}

.list---g8_V7 {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;

  & > ul {
    position: relative;
    overflow: hidden;
  }
}

.list-item---NS9e5 {
  position: absolute;
  width: 100%;
}

.list---vrvAR {
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  max-width: calc(var(--container-max-width) - 2rem);
  margin: 0 auto;
  padding: 0;

  &.full-width---vFsLh {
    max-width: none;
  }

  & li {
    border-bottom: 1px solid #eee;
    list-style-type: none;
    margin: 0;

    &:last-child {
      border-bottom: none;
    }

    & a {
      text-decoration: none;
      display: block;
      padding: 0.5rem 1rem 0.5rem 1.5rem;
      color: #666;

      &:hover {
        background-color: var(--color-fill-hover);
      }

      & h3,
      & h4 {
        color: #333;
      }
    }
  }
}

.button-wrapper---Xgc5T {
  max-width: calc(var(--container-max-width) - 2rem);
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #eee;
}

.button-container---UJzNJ {
  display: flex;
  margin: 2rem auto 1rem;
  width: 100%;
  max-width: 500px;
  justify-content: space-around;

  & button[disabled] {
    background-color: transparent;
    color: var(--color-text-p2, rgba(0, 0, 0, 0.62));

    &:hover {
      background-color: var(--color-fill-disabled, rgba(0, 0, 0, 0.15));
    }
  }
}

.prev-next-page-info---qrcQz {
  font-weight: bold;
  display: flex;
  flex-grow: 3;
  flex-shrink: 0;
  flex-basis: 45%;
  align-items: center;
  justify-content: center;
  align-content: middle;
  margin-bottom: 1rem;
}

.error---BMhJH {
  padding: 2rem;
  text-align: center;
  color: var(--error);

  &.not-found---rydBz {
    color: #555;
  }
}

.list-item---M1xpu {
  height: 100%;

  &.is-error---XdaZs {
    color: var(--error);
  }
}

.updatingSpinner---gfZ3J {
  max-width: 78rem;
  margin: 0 auto;
  padding: 1rem;
}

.not-selected---oiWSh img {
  filter: grayscale(1);
}

.item---_NpnH {
  height: 100%;

  & h3,
  & h4,
  & div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &.is-selected---qIdFs {
    background-color: #666;
    color: #fff;

    &:hover {
      background-color: #555;
    }

    & h3,
    & h4 {
      color: #fff;
    }
  }

  & .itemMetadata---oAY0I {
    font-size: var(--font-size-medium);
    display: flex;
    color: var(--color-text);
    padding-top: var(--gutter-static-one-third);

    & > span {
      padding-right: var(--gutter-static);
    }
  }
}

.skeleton---BPltp {
  height: 100%;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem;

  /* skeleton effect */

  /* 1. name  2. selection */
  background-image:
    linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
    linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
  background-size:
    14rem var(--font-size-medium),
    8rem var(--font-size-small);
  background-position:
    0 0.4rem,
    0 1.67rem;

  /* shimmer effect */
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255,0.3) 50%, rgba(255, 255, 255,0));
    background-size: 10em 100%;
    background-position: -10em 0;
    animation: shimmer---AflPz 3s infinite;
  }
}

@keyframes shimmer---AflPz {
  from { background-position: -10em 0; }
  to { background-position: calc(100% + 10em) 0; }
}

.noResultsMessage---Ttn0X {
  padding: 15px;
  color: var(--color-text-p2);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-fill);
}

.noResultsMessage---Ttn0X,
.noResultsMessageLabelWrap---0c2N7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.noResultsMessageLabelWrap---0c2N7 {
  font-size: var(--font-size-large);
}

.noResultsMessageLabel---qKS3r {
  margin-left: 8px;
}

.noResultsMessageButton---jwb_E {
  margin-top: 15px;
}

.item---tSA1v {
  height: 100%;

  & h3,
  & h4,
  & div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &.is-selected---8g42T {
    background-color: #666;
    color: #fff;

    &:hover {
      background-color: #555;
    }

    & h3,
    & h4 {
      color: #fff;
    }
  }

  & .itemMetadata---TNfs5 {
    font-size: var(--font-size-medium);
    display: flex;
    color: var(--color-text);
    padding-top: var(--gutter-static-one-third);

    & > span {
      padding-right: var(--gutter-static);
    }
  }
}

.skeleton---t2qXK {
  height: 100%;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem;

  /* skeleton effect */

  /* 1. name  2. selected */
  background-image:
    linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
    linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
  background-size:
    14rem var(--font-size-medium),
    4rem var(--font-size-small);
  background-position:
    0 0.4rem,
    0 1.67rem;

  &.is-provider-name-visible---qhwiC {
    /* 1. name  2. provider  3. selected */
    background-image:
      linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
      linear-gradient(#eee, #eee 0.8em, transparent 0.8em),
      linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
    background-size:
      14em var(--font-size-medium),
      10em var(--font-size-small),
      5em var(--font-size-small);
    background-position:
      0 0.4rem,
      0 1.67rem,
      0 3.5em;
  }

  &.is-title-count-visible---t39Hs {
    /* 1. name  2. selected */
    background-image:
      linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
      linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
    background-size:
      20em 1.1em,
      5em 1em;
    background-position:
      0 0.1em,
      0 1.75em;
  }

  /* shimmer effect */
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255,0.3) 50%, rgba(255, 255, 255,0));
    background-size: 10em 100%;
    background-position: -10em 0;
    animation: shimmer---QKueO 3s infinite;
  }
}

@keyframes shimmer---QKueO {
  from { background-position: -10em 0; }
  to { background-position: calc(100% + 10em) 0; }
}

.item---q9lmT {
  height: 100%;

  & h3,
  & h4,
  & div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &.is-selected---mA8N_ {
    background-color: #666;
    color: #fff;

    &:hover {
      background-color: #555;
    }

    & h3,
    & h4 {
      color: #fff;
    }
  }

  & .itemMetadata---qQAZy {
    display: flex;
    padding-top: var(--gutter-static-one-third);
    font-size: var(--font-size-medium);
    color: var(--color-text);

    & > span {
      padding-right: var(--gutter-static);
    }
  }
}

.skeleton---bjamA {
  height: 100%;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem;

  /* skeleton effect */

  /* 1. name */
  background-image: linear-gradient(#eee, #eee 0.9em, transparent 0.9em);
  background-size: 20em 1.1em;
  background-position: 0 0.1em;

  &.is-selected-visible---PenT5 {
    /* 1. name  2. selected */
    background-image:
      linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
      linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
    background-size:
      14rem var(--font-size-medium),
      5rem var(--font-size-small);
    background-position:
      0 0.4rem,
      0 1.67rem;
  }

  &.is-publisher-and-type-visible---xCkdM {
    /* 1. name  2. type and publisher */
    background-image:
      linear-gradient(#eee, #eee 0.9em, transparent 0.9em),
      linear-gradient(#eee, #eee 0.8em, transparent 0.8em);
    background-size:
      14em var(--font-size-medium),
      10em var(--font-size-small);
    background-position:
      0 0.4rem,
      0 1.67rem;
  }

  /* shimmer effect */
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255,0.3) 50%, rgba(255, 255, 255,0));
    background-size: 10em 100%;
    background-position: -10em 0;
    animation: shimmer---x756z 3s infinite;
  }
}

@keyframes shimmer---x756z {
  from { background-position: -10em 0; }
  to { background-position: calc(100% + 10em) 0; }
}

.pre-search-pane-content---V4F5I {
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.62);
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f9f9f9;
  flex-direction: column;
}

.pre-search-pane-content-label---oVF0V {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: var(--font-size-large);
}

.search-form-container---qn1JV {
  margin: 0 auto;
  min-width: 200px;
  max-width: 640px;
}

.search-results-list---aZaaD {
  margin: 1em 0;
  padding-left: 0;
}

.search-filter-accordion---rDNuT {
  margin-bottom: 1em;
}

.tags-search-warning---ESoco {
  margin-top: 0.5em;
  display: inline-block;
}

.search-field---AMUPd {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.groupContainer---MzR9y {
  margin-bottom: 1rem;
}

.clearButton---DN8E7 {
  margin-bottom: var(--control-label-margin-bottom);
}

.groupTitle---Pi_qi {
  display: flex;
  align-items: center;
}

.search-warning---WLx5Z {
  margin-top: 0.5em;
  display: inline-block;
}

.headline---X7BWJ {
  display: flex;
  align-items: baseline;
}

.search-filter-accordion---GhvWQ {
  margin-bottom: 1em;
}

.headline---qfZk3 {
  display: flex;
  align-items: baseline;
}

.search-filter-accordion---xJzaZ {
  margin-bottom: 1em;
}

.accordion-list-header---Nmz0Z {
  margin: 0 auto;
  max-width: var(--container-max-width);
  width: 100%;
  padding: 0 1rem;
}

.accordion-list-count---cxncS {
  margin-left: 1.5rem;
}

.container---mq5eD {
  height: calc(100vh - 100px);
  overflow-y: auto;

  &.hasFooter---_YTiX {
    height: calc(100vh - 160px);
  }

  &.locked---PblEi {
    overflow-y: hidden;
  }

  & .list-header---Iidu2 {
    display: flex;
    border-bottom: 1px solid #eee;
    border-top: 1px solid var(--minor-divider-color);
    justify-content: space-between;
    flex-shrink: 0;
    margin: 0 auto;
    max-width: 48rem;
    width: 100%;
  }

  &.locked---PblEi .list-header---Iidu2 {
    border-top: 1px solid #fff;
  }
}

.header---Y9OCD {
  padding: 0 1rem;
  margin: 3rem auto 1rem auto;
  max-width: var(--container-max-width);

  & h1:focus,
  & h2:focus,
  & h3:focus,
  & h4:focus {
    outline: none;
  }

  & button {
    float: right;
  }
}

.body---CG7Bn {
  margin: 0 auto;
  max-width: var(--container-max-width);
  padding: 0 1rem;
}

.container---mq5eD .list-header---Iidu2 p {
  color: var(--secondary);
  margin: 0;
  padding-bottom: 1rem;
}

.sticky---lAsXQ {
  display: flex;
  flex-direction: column;
  max-height: 100%;

  & section {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }

  & [role="tabpanel"] {
    margin-left: 0;
  }

  & .list---zJiJv {
    /* the box-model needs _some_ height that is not 'auto' for flexbox to
       be able to fill this element to fit the remaining space */
    min-height: 0;
    flex: 1;
  }
}

.container---owoiW {
  position: fixed;
  z-index: 13;
  pointer-events: none;
  right: 0;
  padding: 1.5rem 2rem;
  width: 100%;
}

.bottom---lmLAD {
  bottom: 0;
}

.top---be0_X {
  top: 20px;
}

.transitionWrapper---f4T1o {
  pointer-events: none;
}

.toast---aaDPr {
  width: 45vw;
  position: relative;
  pointer-events: all;
  background-color: #fff;
  padding: 1rem;
  transition: left 0.4s, right 0.4s, opacity 0.4s;
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--radius);
  margin-bottom: 4px;

  & .message---ocnyq {
    flex-grow: 2;
    padding: 0 6px;
    font-size: var(--font-size-medium);
  }
}

.slideInBottom---szf2F {
  animation-name: slideInBottom---szf2F;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.slideOutBottom---wSvvi {
  animation-name: slideOutBottom---wSvvi;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.slideInTop---FQYZ9 {
  animation-name: slideInTop---FQYZ9;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.slideOutTop---YvRBs {
  animation-name: slideOutTop---YvRBs;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.isOpen---ojFTi {
  display: flex;
}

.error---qRsrY {
  border-color: var(--error);
  background-color: oklch(from var(--error) 85% calc(c - 0.12) h);
}

.warn---yKCmu {
  background-color: var(--warn);
}

.success---ySM4G {
  border-color: var(--success);
  background-color: oklch(from var(--success) 87% calc(c - 0.12) h);
}

.closeIcon---jsNZH {
  fill: #000;
}

@keyframes slideInBottom---szf2F {
  0% { transform: translate3d(0, 50rem, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes slideOutBottom---wSvvi {
  100% { transform: translate3d(0, 50rem, 0); }
  0% { transform: translate3d(0, 0, 0); }
}

@keyframes slideInTop---FQYZ9 {
  0% { transform: translate3d(0, -50rem, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes slideOutTop---YvRBs {
  100% { transform: translate3d(0, -50rem, 0); }
  0% { transform: translate3d(0, 0, 0); }
}

.error---MSXAw {
  color: var(--error);
}

.packagesListContainer---yTBr4 {
  max-width: calc(var(--container-max-width) - 2rem);
  height: 560px;
  margin: 0 auto;
}

.cellTopAlign---USJkY {
  align-items: flex-start;
}

.headerCell---NAckP {
  padding: var(--gutter-static-two-thirds) 0 var(--gutter-static-one-third) var(--gutter-static-two-thirds);
}

.statusCellWrapper---CLhzh {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.actionMenuToggle---z76WE {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.container---raFlr {
  display: flex;
  gap: 1rem;
}

.details-view-section---FncfX {
  border-top: 1px solid var(--minor-divider-color);
  margin: 0 auto;
  max-width: var(--container-max-width);
  padding: 0.83em 0 1em 0;

  &.hide-separator---oxCW0 {
    border-top: none;
  }
}

.details-view-section-label---sEc_H {
  color: var(--sub-label-color #999);
  font-size: var(--font-size-large);
  font-weight: 600;
  margin: 1em auto;
  max-width: var(--container-max-width);
}


a.new-button---Xn1m_ {
  margin-left: var(--gutter-static);
}

.loadingMessage---pqlTJ {
  padding: 5rem;
  color: var(--color-text-p2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  flex-direction: column;
}

.loadingMessage---pqlTJ,
.loadingMessageLabelWrap---M6865 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loadingMessageLabelWrap---M6865 {
  font-size: var(--font-size-large);
}

.loadingMessageIcon---tOty4,
.loadingMessageLabel---EdFqg {
  margin: 0 4px;
}

/**
 * Shared form styles
 */



/**
 * Input Group
 */
.inputGroup---YtE26 {
  position: relative;
}

/**
 * Default input, textarea and select styling
 */
.formControl---K2dy4 {
  margin-bottom: var(--control-margin-bottom);
  border: 1px solid var(--color-border-form);
  color: var(--color-text);
  background-color: var(--color-fill-form-element);
  width: 100%;
  outline: 0;
  letter-spacing: 0.4px;
  border-radius: 0;
  min-height: var(--control-min-size-desktop);
  display: flex;
  align-items: center;

  &:focus,
  &.isFocused---xvdK6 {
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 2px var(--color-focus-shadow-inset);
  }

  &.fullWidth---_8yx_ {
    width: 100%;
  }

  &.noBorder---uCH9g {
    border: 0;
  }

  &.marginBottom0---lQ_Zu {
    margin-bottom: 0;
  }

  &:disabled,
  &.isDisabled---Fzo6H {
    background-color: var(--color-fill-form-element-disabled);
    color: var(--color-text-disabled);
    border: 1px solid var(--color-border);
    box-shadow: none;
  }

  & input:disabled {
    color: var(--color-text-disabled);
  }

  & input::-moz-placeholder {
    color: var(--color-text-placeholder);
  }

  & input::placeholder {
    color: var(--color-text-placeholder);
  }

  /**
   * Feedback styles
   */
  &.hasFeedback---OTQrP {
    margin-bottom: 0.4rem;
  }

  &.hasWarning---IFjVM {
    border-color: var(--warn);
    background-color: oklch(from var(--warn) l c h / 5%);
  }

  &.hasError---kFlzw {
    border-color: var(--error);
    background-color: oklch(from var(--error) l c h / 5%);
  }

  &.isValid---MGfIW {
    border-color: var(--success);
    background-color: oklch(from var(--success) l c h / 5%);
  }

  &.isChanged---FFtNf {
    background-color: oklch(from var(--primary) l c h / 20%);
  }

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

/**
 * Feedback block
 */

.feedbackBlock---zvdR1 {
  padding: 0 var(--input-vertical-padding);
  font-size: var(--font-size-medium);

  &:last-child {
    margin-bottom: var(--control-margin-bottom);
  }
}

.feedbackError---dXfd_ {
  color: var(--error);
}

.feedbackWarning---bqqfL {
  color: var(--warn);
}

.coverageDatesList---nFtw1 {
  &:nth-child(odd) {
    background-color: transparent;
  }

  & li {
    margin-bottom: 0;
  }
}

.limit-error---hRIiB {
  position: relative;
  top: -0.35rem;
  margin-left: 1.25rem;
  padding: 0 var(--input-vertical-padding);
  font-size: var(--font-size-medium);
  color: var(--error);
}

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

.accordion-usage-consolidation-header---I1XkW {
  display: flex;
  padding-top: 5px;
}

.label---AFbhe {
  font-size: 1.05rem; /* like Label component font-size from `stripes-components` */
  margin-bottom: 0;
}

.titlesListContainer---EXsv2 {
  max-width: calc(var(--container-max-width) - 2rem);
  height: 560px;
  margin: 0 auto;
}

.cellTopAlign---_3dT_ {
  align-items: flex-start;
}

.headerCell---zJrM_ {
  padding: var(--gutter-static-two-thirds) 0 var(--gutter-static-one-third) var(--gutter-static-two-thirds);
}

.statusCellWrapper---vwieK {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.package-create-form-container---grZOB {
  overflow-y: auto;
  padding: 1em;
}

.fieldset---nRgyJ {
  margin-bottom: var(--control-margin-bottom);
}

.label---OwgP7 {
  font-size: 1.05rem; /* like Label component font-size from `stripes-components` */
  margin-bottom: 0;
}

.row---X3qT_ {
  padding: 0 0 20px 0;
}

.content---gxnLc {
  min-height: 20rem;
}

.add-to-custom-package-button---II5qU {
  margin: 1rem 0 0;
}

.addTitleModalContent---ZTnq6 {
  overflow: visible;
}

.peer-reviewed-field---BK9YU {
  margin-top: 0.5em;
}

.peer-reviewed-field---BK9YU label {
  line-height: 1em;
}

.title-create-form-container---CZmwF {
  overflow-y: auto;
  padding: 1em;
}

.custom-labels-show-section---Oz0Jj {
  overflow-wrap: break-word;
}

.external-link-icon---k77mq {
  vertical-align: middle;
}

.coverage-statement-fields-category---vShBW {
  margin: 0.5em 1.75em var(--control-margin-bottom);
}

.custom-embargo-fields---KYQNW {
  align-items: flex-start;
  display: flex;
}

.custom-embargo-text-field---nrLQ1 {
  flex: 1;
  margin-right: 1em;
}

.custom-embargo-select---rMWFp {
  flex: 1;
}

.custom-embargo-clear-row---Acf9g {
  flex: 0 0 3em;
  text-align: center;
}

.coverage-fields-category---VchVd {
  margin: 0.5em 1.75em var(--control-margin-bottom);
}

.SettingsForm---uGZeU {
  width: 100%;
}

.showHidePasswordField---Z_WmY {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;

  & .showHideTextField---pKSFN {
    max-width: 50%;
  }

  & .showHideButton---cBG1Z {
    margin-left: 1rem;
  }
}

.root-proxy-select-field---kCs7g {
  max-width: 50em;
}

.pageTitle---zyJUq {
  font-size: 1.4rem;
  font-weight: bold;
}

.unassignCell---ZbsRm {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pageHeader---Ti_0f {
  margin-bottom: 0.6rem;
}

.emptyMessage---z3hzY {
  margin-top: 1.3rem;
}

.loadingIndicator---tLyk2 {
  margin-top: 1rem;
}

.passwordField---R2xj_ {
  max-width: 50%;
}

.icon-link---pXu4C {
  color: var(--color-link);
}

.error---ZDYVA {
  color: var(--error);
}
.searchControl---LSFQ_ {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---aUBL7 {
    margin-bottom: 0;
  }

  &.marginTop0---_fDOS {
    margin-top: 0;
  }
}

.modalContent---e41Tu {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---tuDkf {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---qW306 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---RiFAZ {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---adTya {
  margin-bottom: .5rem;
}
.nestedMcl---Vh1ze {
  & [role="row"] {
    background: none;

    & div {
      background: none !important;
    }
  }

  & div[role="gridcell"]:empty {
    height: 150px;
  }
}

.borderCell---Tsxbn{
   border-top: 1px solid var(--color-border-p2);
}

/* overlap column coloring classes */
.none---y0lhs {
  background-color: var(--error, #900);
  color: var(--bg);
  border-bottom: 1px solid var(--bg);
}

.partial---QsT7S {
  background-color: #ff6600;
  color: var(--bg);
  border-bottom: 1px solid var(--bg);
}

.full---I4mUG {
  background-color: var(--success, #060);
  color: var(--bg);
  border-bottom: 1px solid var(--bg);
}

/* MCL header classes */
.resourceA---xrRCB {
  font-weight: var(--text-weight-regular);
  justify-content: center;
}

.resourceB---BNy2v {
  font-weight: var(--text-weight-regular);
  justify-content: center;
}

.overlap---cJKyp {
  justify-content: center;
}

.coverage---O5m3x {
  justify-content: center;
}

/* info popover class */
.titleInfoPopoverContent---CcPUP {
  text-align: left;
}

/* Empty Message */
.emptyReportMessage---lwcBw {
  padding: 15px;
  color: var(--color-text-p2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-fill);
  flex-direction: column;
}

.emptyReportMessage---lwcBw,
.emptyReportMessageLabelWrap---A95hv {
  display: flex;
  align-items: center;
  justify-content: center;
}

.emptyReportMessageLabelWrap---A95hv {
  font-size: var(--font-size-large);
}

.emptyReportMessageIcon---d9yJF,
.emptyReportMessageLabel---A18si {
  margin: 0 4px;
}

.alignCentered---c1hjG {
  display: flex;
  align-items: center;
}
.calendar---J2PZx {
  position: relative;
  background: var(--bg);
  border-radius: var(--radius);
  border: 1px solid var(--color-border-p2);
  padding: var(--gutter-static);
  box-shadow: var(--shadow);
  z-index: 9999;
  pointer-events: all;
  width: 300px;
}

.calendarHeader---bqFjB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 14px;
}

.marginBottom---fnRpM {
  margin-bottom: 1rem;
}

.calendarMonths---dGOtT {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  max-width: 300px;

  button {
    font-weight: 600;
    margin-left: 0 !important;
    text-align: center;
    width: 100%;

    &:active,
    &:hover,
    &:focus,
    &:target  {
      text-decoration: none;
    }
  }
}

.messageStyling---fuMTY {
  margin: 0.5rem auto;
  max-width: 540px;
  text-align: center;
}

/**
* Label
*/
.label---Jb01P {
  display: block;
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  margin-bottom: 0.25rem;
  color: var(--color-text);

  &.required---IeSEO::after {
    content: '(required)';
    margin: 0 4px;
    color: #666;
  }
}

.separator---E12TL {
  width: 100%;
  border-bottom: 1px solid var(--color-border-p2);
  margin: 8px auto;
}

.centerNote---Xm722 {
  margin-top: 2em;
}

.marginTop---OQeX_ {
  margin-top: 1em;
}

.centered---BulOg {
  margin: auto;
}

/**
 * Nav Dropdown
 */

 .reportListDropdownWrap---QwE2O,
 .reportListDropdown---RI3n1 {
   display: block;
 }
 
 .reportListDropdown---RI3n1 {
   z-index: 200;
 }
 
 .dropdownBody---QnuJZ {
   width: 100%;
   outline: 0;
 }

/**
 * Focus trap
 */
 .focusTrap---B75nM {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.repeatableFieldRemoveItem---KgHGz {
  flex: 0 0 3em;
  margin-top: 1.75em;
  text-align: center;
}

.serviceUrlInfoPopover---K_zXw {
  max-width: 400px;
}

.UDPFormRoot---Opocu {
  height: 100%;
  overflow: auto;
}

.UDPFormContent---_u4i6 {
  margin: 0 auto;
  max-width: 80rem;
}
.subAccordionSections---mmjUk {
  padding-left: 2rem;
}

.sub2Headings---suVqm {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.startButton---gXTLY {
  margin-top: 1.75rem;
  margin-bottom: 0.25rem;
}
[class*="button---"].yellow---IkX70 {
  background-color: #ff0;
  border: 1px solid #ff0;
  color: #000;
}

.subAccordionSections---ca5A0 {
  padding-left: 2rem;
}

.udpHeader---O9XIx {
  border-bottom: 1px solid var(--color-border);
}

.AggregatorFormRoot---dmNP1 {
  height: 100%;
  overflow: auto;
}

.AggregatorFormContent---OeYzB {
  margin: 0 auto;
  max-width: 50em;
}
.alignLastColToEnd---aszAh > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---qsVRY > div {
  padding-bottom: 0;
}

.resetButton---WyudM {
  padding: 0 6px 0 3px;
}

.searchField---qFxxP {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---BgF7O {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---lrzfs {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---gCn3A {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---L1pIf {
  flex: 1;
}

.renderEnd---DSMtk {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---iydiH {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---yG91C {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---tTWmV {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---sz3AT {
  margin-bottom: 0.5rem;
}

.showButtonsBar---Xajh6 {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---TAIy4 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---JuR_E {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---GBoVA {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---EuzbW {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---liPJG {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---xZ00Y {
  display: flex;
}

.visibilityControlLabel---JJ_1l {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---TkHS9 {
    margin-left: unset;
  }
}

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

.mclRowContainer---fW21C {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---TKLWG {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---F2PHI {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---LCxMu {
  color: var(--error);
}

.versionCardBody---_CUap {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---k_QQV {
  margin-bottom: 0;

  & .changedRecord---RtMM3 {
    margin-bottom: 0;
  }
}

.inlineLabel---I4iOc {
  display: inline;
}

.searchField---Rjwli {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---bEyPp {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---otO8G {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---Ri0Qf {
  margin-bottom: 0.5rem;
}

.showButtonsBar---sE8C6 {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---ZU_KO {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---o71yA {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---RGUgN {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---rtxIW {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---s4bey {
    margin-bottom: 0;
  }

  &.marginTop0---v84c5 {
    margin-top: 0;
  }
}

.addRoutingListButton---C99q6 {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---DWD9R {
  margin-top: 8px;
}

.unassignAll---mAkMO {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.balanceWrapper---OIRIv {
  border-radius: var(--radius);
  background-color: var(--color-fill);
  line-height: var(--line-height);
  padding: 5px 20px;
  margin: 20px 0 20px 0;
  border: 1px solid var(--color-border);
}

.icon---ht5X_ {
  margin-right: 5px;
}

.error---VQuIS {
  color: var(--error);
}

.itemValue---ENge3,
.removeBtn---MNUwe {
  margin: 0 9px;
}

.removeIconRoot---VCger {
  padding: 0 4px;

  & .removeIcon---Xkpus {
      fill: #999;
      transition: fill .2s ease;
    }

  &:hover {
    & .removeIcon---Xkpus{
      fill: #555;
    }
  }
}

.actions---C7V40 {
  display: flex;

  & .unassignAll---GZNlH {
    margin-left: var(--gutter);
  }
}

.isEmptyMessage---xC2pv {
  font-size: var(--font-size-medium);
  color: var(--color-text-p2);
}

.tagsField---LnF3o {
  flex: auto;

  & input {
    background-color: transparent;
  }
}

.form-container---fMdkm {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.form-content---gIYxJ {
  flex: auto;
}

.hoveredLink---DEGFr:hover {
  cursor: pointer;
}

.progressCompleted---BLaID {
  height: 100%;
  border-radius: var(--radius);
  background-color: var(--success);

  &.withErrors---qsGTW {
    background-color: var(--error);
  }
}

.paneFooterEnd---OJGXY {
  display: flex;
  gap: var(--gutter);
}

.rolloverList---N1j5S {
  margin: var(--gutter) 0;
  padding-left: 0;
  list-style-type: none;
  line-height: var(--line-height);
}

.link---YjZB9 {
  cursor: pointer;
}

.flex---R4gXR {
  display: flex;
}

.icon---crJ8R {
  padding: 0 .25rem;
}

.open---WZ5_x {
  fill: var(--primary);
}

.voided---mcW67 {
  text-decoration: line-through;
}

.transaction-modal-content---IWvKL {
  min-height: 19.5rem;
}

.swap---SvMvL {
  align-self: flex-end;
  margin-bottom: 1em;
}

.expenseClassHelper---hBrEi {
  margin-bottom: 15px;
}

.helperText---XUKZU {
  margin-bottom: 15px;
}

.tabularHeaderCol---ZIjXc {
  padding: 10px 15px 0;
  border-bottom: 5px solid var(--primary);
  font-weight: var(--text-weight-bold);
}

.tabularRowOdd---clpSz {
  background: var(--color-fill-table-row-odd);
}

.tabularRowEven---_9Mu7 {
  background: var(--color-fill-table-row-even);
}

.tabularRow---YmlnK div[class^="feedbackError"] {
  margin-bottom: 5px;
}

.tabularCol---GFzAC {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  border-left: 1px solid var(--color-border-p2);
}

.tabularColFirst---phk2L {
  border-left: none;
}

.tabularCol---sctzp { /* stylelint-disable-line value-keyword-case */
  display: block;
  text-align: center;
  padding: 10px;
}

.cursorNone---P5Glj {
  pointer-events: none;
}

.tabularContainer---KNMd9 {
  margin-bottom: 1rem;

  & div[class^="multiSelectControl--"],
  & div[class^="formControl"] {
    margin-bottom: 0;
    border: 1px solid #cacaca;
    background-color: #f7f7f7;
  }
}

.tabularHeaderCol---XFcnd { /* stylelint-disable-line value-keyword-case */
  padding: 0 15px;

  &:first-child {
    flex-basis: 30%;
    max-width: 30%;
  }

  &:nth-child(2) {
    flex-basis: 61.66%;
    max-width: 61.66%;
  }
}

.tabularRowOdd---RVO5y,
.tabularRowEven---W18Hz {
  background: rgba(0, 0, 0, 0.1);
}

.tabularRow---xOYT7 div[class*="feedbackError"] {
  margin-bottom: 5px;
}

.tabularCol---C6l1p { /* stylelint-disable-line value-keyword-case */
  &:first-child {
    flex-basis: 30%;
    max-width: 30%;
  }

  &:nth-child(2) {
    flex-basis: 61.66%;
    max-width: 61.66%;
  }
}

.tabularColFirst---doxR6 { /* stylelint-disable-line value-keyword-case */
}

.instanceForm---kuSyF {
  height: 100%;
}

.generateKeypair---NBf5w {
  margin-top: 1.7rem;
}

.formControl---LcsYo { /* stylelint-disable-line value-keyword-case */
}

.inputGroup---NEt6M input {
  width: 100%;
  padding: 0 5px;
  margin-left: 0;
  border: none;
}

.resetButton---wRI9X {
  padding: 0 6px 0 3px;
}

.searchField---j6j_c {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.insideForm---zP0nE {
  display: flex;
  align-items: center;
  margin: var(--control-margin-bottom);
}

.insideSearch---TvQyf {
  width: calc(var(--container-max-width) * 9);
  margin-right: var(--gutter-static-two-thirds);
}

.insideBtn---_nhlR {
  width: calc(var(--container-max-width) / 5);
  margin: var(--input-vertical-padding);
}

.negativeIndexPosition---N5aig div[class^="noResultsMessage--"] {
  z-index: -1;
}

.separator---MKbH5 {
  border-bottom: 1px solid var(--color-border-p2);
  margin-bottom: 1rem;
}

.actionIcon---tea3h {
  margin-right: 10px;
}

.button---DoavO[disabled] {
  opacity: 0.3;
}

.hiddenContent---EQ4o1 {
  display: none;
}

.qlEditor---QjWJR {
  overflow-y: unset !important;
}

.pageBreakAfter---jZ1I0 {
  page-break-after: always;
}

.actionIcon---dutNS {
  margin-right: 10px;
}

.button---ojS_P[disabled] {
  opacity: 0.3;
}

.modalMessage---oN_9y {
  margin-top: 0;
}

.container---mEuXX {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.footerContent---P6zdj {
  max-width: 100%;
}

.HeadLine---Pdyju {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectControl---R00qR option:disabled {
  background-color: var(--color-fill-disabled);
}

.footer---FTAl5 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.disabled---DT7u5,
.ql-picker.ql-size:has(+ select:disabled) {
  opacity: 0.5;
}

.errorDetail---VaCjG {
  overflow-x: auto;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  white-space: pre;
}

.footer---hdQc2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.preview---OdKL_ {
  justify-content: flex-end;
  padding-right: 5px;
  margin-bottom: 5px;
}

.label---mQK6H {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.required---gCGi1 {
  color: var(--error);
  font-weight: var(--text-weight-medium);
  padding: 0 0.1rem;
}

.errorMessage---JbL0T {
  margin-top: 5px;
  color: #900;
}

.error---tklt5 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-color: #900;
  background-color: rgba(153, 0, 0, 0.050000000000000044);
}

.editor---GQlDN {
  resize: vertical;
  overflow: auto;
}

.disabledWrapper---XEefz .ql-toolbar.ql-snow,
.ql-container.ql-snow.ql-disabled {
  border-color: var(--color-border);
  background-color: #ebebe4;
  color: var(--color-text-disabled);
  pointer-events: none;
}

.categoryHeader---nHURD {
  font-weight: var(--text-weight-bold);
  margin-bottom: 5px;
}

.tokensList---Q0Ija {
  list-style-type: none;
  padding: 0;
}

.tokenLabel---KyLxU {
  font-weight: var(--text-weight-regular);
}

.disabledItem---yC7JI {
  color: gray;
}

.form---Cv7M4 {
  & label[for="editor"] {
    font-weight: bold;
  }
}

.tabularList---sC7ua {
  margin-bottom: 1rem;
}

.tabularListTitle---k626J {
  font-size: 1.15rem;
}

.tabularRowOdd---JlAkm { /* stylelint-disable-line value-keyword-case */
}

.tabularRowEven---xvnQT { /* stylelint-disable-line value-keyword-case */
}

.tabularRow---dRS6C div[class^="feedbackError"] {
  margin-bottom: 5px;
}

.tabularCol---XRGrM { /* stylelint-disable-line value-keyword-case */
  display: initial;
  padding: 10px 15px 5px;
}

.tabularColFirst---p58My { /* stylelint-disable-line value-keyword-case */
}

.tabularRowOdd---pkEme { /* stylelint-disable-line value-keyword-case */
}

.tabularRowEven---tzkOh { /* stylelint-disable-line value-keyword-case */
}

.tabularCol---FhXG_ { /* stylelint-disable-line value-keyword-case */
  display: initial;
}

.tabularColFirst---ggali { /* stylelint-disable-line value-keyword-case */
}

.topFieldWrapper---uHmTt {
  margin-bottom: 10px;
}

.form---lLHls {
  & button[class^="isChanged"] {
    background-color: var(--color-fill);
  }
}

.tabularHeaderCol---t4yix { /* stylelint-disable-line value-keyword-case */
  padding-bottom: 5px;
}

.tabularRow---DQthp {
  background: var(--color-fill-table-row-odd);
}

.tabularCol---SMsvu { /* stylelint-disable-line value-keyword-case */
  display: initial;
}

.tabularColFirst---uqZeB { /* stylelint-disable-line value-keyword-case */
}

.textareaContainer---NiV8U textarea {
  margin-bottom: 0;
}

.tabularContainer---dnOzq {
  margin-bottom: 1rem;
}

.tabularHeaderCol---frK1A { /* stylelint-disable-line value-keyword-case */
  display: flex;
  align-items: flex-end;
  padding: 10px 10px 0;
}

.tabularRowOdd---XkHfQ { /* stylelint-disable-line value-keyword-case */
}

.tabularRowEven---tGDxT { /* stylelint-disable-line value-keyword-case */
}

.tabularRow---xZDC4 div[class^="feedbackError"] {
  margin-bottom: 5px;
}

.tabularCol---dJdMx { /* stylelint-disable-line value-keyword-case */
  display: block;
  padding: 10px;
}

.tabularColFirst---bX1yb { /* stylelint-disable-line value-keyword-case */
}

.customColSmWidth---fyMXo {
  flex-basis: 11.33333333%;
  max-width: 11.33333333%;
  text-align: center;
}

.customColMdWidth---MOLav {
  flex-basis: 47%;
  max-width: 47%;
}

.selectControl---AWVXb option:disabled {
  background-color: var(--color-fill-disabled);
}

.mbSm---VxqI2 {
  margin-bottom: 1rem;
}

.mbMd---rv6_c {
  margin-bottom: 2rem;
}

.tabularRowOdd---ObNGx { /* stylelint-disable-line value-keyword-case */
}

.tabularRowEven---yT3BI { /* stylelint-disable-line value-keyword-case */
}

.tabularRow---rx6zS div[class^="feedbackError"] {
  margin-bottom: 5px;
}

.tabularCol---znPeE { /* stylelint-disable-line value-keyword-case */
  display: initial;
  padding: 10px 15px 5px;
}

.tabularColFirst---YM0gl { /* stylelint-disable-line value-keyword-case */
}

.content---wFlcP {
  padding: 0;
  margin: 0;
}

.container---TSXZz {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.footerContent---fDHt4 {
  max-width: 100%;
}

.facetSearchContainer---yhyh0 {
  max-height: 15.2rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.facetSearch---Khx9K {
  padding-top: var(--gutter-static-one-third);

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

.moreIcon---uDL14 {
  font-size: var(--font-size-x-small);
  margin-right: var(--gutter-static-one-third);
}

.optionLabel---CnQyp {
  display: block;
}

.totalRecordsLabel---a_GfO {
  display: block;
}

/*
  NumberGeneratorModal
*/
.endOfTypedownList---oEiaY {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
  margin-left: 1rem;
}

.greyItem---BPw11 {
  color: #666666; /* Needed for accessibility against grey background in striped list */
}

.boldItem---VWKLJ {
  font-weight: var(--text-weight-bold);
}

.itemMargin---Oqr2P {
  margin-left: var(--gutter-static-one-third);
}

/* Generic */
.warningText---CChAI {
  color: var(--warn)
}

.errorText---paSIR {
  color: var(--error)
}
.customPopoverWidth---a1q22 {
  max-width: 740px;

  @media (max-width: 640px) {
    max-width: 400px;
  }
}

.noMarginLeft---vJKAo {
  margin-left: 0;
}

.resetButton---_g0eH {
  margin-top: var(--gutter-static-two-thirds);
  margin-bottom: var(--gutter-static-two-thirds);
}

.totalCountWrapper---fLzz2 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.enabled---WyZFv {
  display: flex;
  margin-bottom: var(--gutter-static-two-thirds);
}

.holdingsForm---OYIDq {
  height: 100%;
}

.saveAndKeepEditingButton---NPkJj {
  margin-right: 0.8rem;
}

.marginTop---Mwiu1 {
  margin-top: 30px;
}

.poNumberField---Cfp8O {
  min-height: 80px;
};

.spinner---YDQMU {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;

  & .bounce1---ZnlQ3 {
    animation-delay: -0.32s;
  }

  & .bounce2---Z3xEg {
    animation-delay: -0.16s;
  }

  & > div {
    width: 33%;
    height: 33%;
    margin: 0 8%;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay---mf97_ 1.4s infinite ease-in-out both;
  }
}

@keyframes sk-bouncedelay---mf97_ {
  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.fill---AbaEa {
  padding: 3px;
  border: 1px solid var(--error);
  background-color: oklch(from var(--error) l c h / 5%);
}

.iconStart---Xv2n6 {
  margin-right: 0.2em;
  background: none;
}

.iconEnd---m8djy {
  margin-left: 0.2em;
  background: none;
}

.indicators---k9QfW {
  width: 30px;
}

.marcWrapper---Y3jLN {
  margin-left: 20px;
}

.marc---GVV6X {
  table-layout: fixed;
  border: 0;
  font-family: courier;
  white-space: pre-wrap;

  & tr td {
    vertical-align: top;
  }
}

.hidden---wEbYT {
  display: none;
}

.paneTitle---sPone {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: var(--font-size-medium);
  font-weight: var(--text-weight-bold);
  letter-spacing: 0.04em;
  color: var(--color-text);

  & span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.viewSource---bFG3V {
  & table[class*="marc"] {
    & tr td:not(:last-child) {
      white-space: pre;
    }
  }
}

.actionsDropdown---CzLY3 {
  margin-right: var(--gutter);
}

.optionLabel---zhjF0 {
  display: block;
}

.totalRecordsLabel---d6pEu {
  display: block;
}

.missingMatchError---fM90Q {
  margin-left: var(--gutter-static-one-third);
  margin-right: var(--gutter-static-one-third);
  font-weight: var(--text-weight-bold);
  color: var(--error);
}

.missedMatchItemWrapper---ikq6g {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: var(--gutter-static-one-third);
}

.fitContent---QEJ1a {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.cellAlign---h7iP5 {
  align-items: flex-start;
}

.authorityIcon---ndyW3 {
  margin-right: 5px;
  cursor: pointer;
}

.optgroup---sMyZz {
  color: #bababa;
  font-weight: 400;
  background-color: #fff;

  & option {
      color: initial;
    }
}

.tenantAcquisitionAccordion---yfIBK {
  padding-left: 15px;
}

.authorityIcon---KYiRF {
  margin-right: 5px;
}

.cellAlign---ZodBv {
  align-items: flex-start;
}

.hasBorderTop---PXTgv {
    border-top: 1px solid var(--color-border-p2);
}

.hasPaddings---YjHTv {
    padding: var(--gutter-static-one-third) 0;
}

.rowMarginBottom---rtMQH {
  margin-bottom: 0.5em;
}

.multiTitle---Mjwhe {
  color: red;
}

.warnIcon---hxqxV {
  margin-left: var(--gutter-static-one-third);
}

.boundWithIcon---Qe67I {
  background-color: transparent !important;
  margin-left: var(--gutter-static-one-third);
}

/* Reset default behaviour for item hotlink */
.linkWithoutBorder---IpeTt {
  &:hover,
  &:focus {
    outline-style: none !important;
  }
}

.linkWithoutBorder---IpeTt:hover::before {
  background: transparent;
}

.linkWithoutBorder---IpeTt:focus::before {
  border: none;
  background: transparent;
  box-shadow: none;
}

.visited---YLKMc {
  color: #800080;
}

.dropZone---jGy36 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  color: #666;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
}

.customList---Oo74N {
  background-color: #ffffff!important;
}

.memberTenantHoldings---zX9uo {
    padding-left: 15px;
}

.hasMarginBottom---afszH {
    margin-bottom: 1rem;
}

.instanceForm---UUJUq {
  height: 100%;
}

.saveAndKeepEditingButton---Z9F7K {
  margin-right: 0.8rem;
}

.actionIcon---sVbgq {
  margin-right: 10px;
}

.authorityIcon---ubGis {
  margin-right: 5px;
}

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

.sharedIconRoot---chPMC {
  justify-content: start;
}

.sharedIcon---QMlaO {
  stroke: rgb(100, 100, 100);
  fill: rgb(100, 100, 100);
}

.sharedIconLight---jVfTx {
  stroke: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}

.boundWithIcon---kjn3Z {
  background-color: transparent !important;
  margin-left: var(--gutter-static-one-third);
}

.cellAlign---K6U6r {
  align-items: flex-start;
}

.feedbackError---oMktj {
  margin-left: 26px;
  font-weight: var(--text-weight-bold);
  color: var(--error);
}

.errorModalContent---Sm8z_ {
    overflow-wrap: break-word;
    hyphens: auto;
}

.modalContent---kVw50 {
  min-height: 300px;
}

.itemData---NYxNo {
    background-color: color-mix(in oklch, rgb(43, 43, 43) 10%, #fcfcfc);
    border-radius: 6px;
    padding: 10px 30px;
    margin-bottom: 16px;
    font-weight: var(--text-weight-bold);
}
.itemForm---VZYwe {
  height: 100%;
}

.saveAndKeepEditingButton---ejqnR {
  margin-right: 0.8rem;
}

.tenantHoldingOrderLinesAccordion---rjBAT {
  padding-left: 15px;
}

.tenantReceivingsAccordion---NXLEN {
  padding-left: 15px;
}

.asterisk---Mr5jx {
   color: #900;
   font-weight: bold;
   padding: 0 0.1rem;
}

.hasError---PC18G {
  color: var(--error);
}

.form---qd8CT {
   width: 100%;
}

.headline---MFJ9f {
   padding-left: 1rem;
}

.headlineRow---MaEV5 {
   margin-top: 1rem;
}

.checkboxLabel---dABF7 {
  font-weight: var(--text-weight-regular);
}

.inputRow---GCCBl {
   display: flex;
   align-items: center;
   padding-left: 1rem;
}

.inputLabel---E9HE5 {
  width: 9rem;
  padding: 0 0.5rem;
}

.inputField---gsMzT {
  width: 9rem;
}

.descriptionRow---zVkGr {
   margin-bottom: 1rem;
}

.margin0---h0NFi :first-child {
   margin-bottom: 0;
}

.footer---h_lXV {
  max-width: 50em;
  width: 100%;
}

.form---O5li_ {
  height: 100%;
}

.footer---ltdMm {
  max-width: 50em;
}

.cardsPerPageForm---cwVTG {
  width: 100%;
}
.marginBottomGutter---pHO_W {
  margin-bottom: var(--gutter);
}

.greyLabel---abnOt {
  color: var(--checkable-disabled-fill);
}

.row---IK8AT {
    display: flex;
    justify-content: space-between; /* Can be changed in the live sample */
}

.field---afmKs {
    flex: auto;
    padding-right: 1em;
}

.badXML---slGhq {
    color: darkred;
    font-weight: bold;
    margin-top: -0.5em;
    margin-bottom: 1em;
}

.badXSLT---okIiC {
    color: orange;
    font-weight: bold;
    margin-top: -0.5em;
    margin-bottom: 1em;
}

.good---CJR0l {
    color: darkgreen;
    font-weight: bold;
    margin-top: -0.5em;
    margin-bottom: 1em;
}

.searchControl---CTki4 {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---us4aJ {
    margin-bottom: 0;
  }

  &.marginTop0---iwSc7 {
    margin-top: 0;
  }
}

.userError---Y84L3 {
  color: var(--error);
}

.modalContent---gC3JS {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---MoWIi {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---BmuFM {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---Yasib {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---sBWOT {
  margin-bottom: .5rem;
}

.error---CwPwC {
    width: 50%;
    margin: 5em auto;
    border: 4px solid red;
    padding: 2em;
    background: #fff0f0;
}

.errorHeading---PJ8te {
    text-align: center;
    font-size: 200%;
    color: #800;
    margin-bottom: 1em;
}

.errorBody---QYNP3 {
    text-align: center;
    font-size: 150%;
    color: #400;
}

.noDot---poFXT {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.status---zj0zW {
    font-size: 150%;
    font-weight: bold;
}

.status_RUNNING---zPM3T { color: #00a000; }
.status_ERROR---KC2U8, .status_WARN---fGRAc { color: #c00000; }
.status_INTERRUPTED---MLdaj, .status_PAUSED---RQ3vU { color: #c80; }

/* Other statuses do not appear in colour: OK NEW FINISHED KILLED SHUTDOWN */

.container---iAa91 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
}

.header---E75xC {
  border-bottom: 1px solid var(--color-border);
  z-index: 0;

  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  min-height: var(--control-min-size-touch);
}

.body---tOuDR {
  flex: 1;
  position: relative;
}

.alignLastColToEnd---eVMEn > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---Xb54M > div {
  padding-bottom: 0;
}

.resetButton---hOBMJ {
  padding: 0 6px 0 3px;
}

.searchField---YmQoV {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---d7UBI {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---lpPOR {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---RyyZE {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---Tuej6 {
  flex: 1;
}

.renderEnd---jBJq_ {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---y93OH {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---ik09l {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---uGVXN {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---yT3KV {
  margin-bottom: 0.5rem;
}

.showButtonsBar---XEBPa {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---Ug_hy {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---hJ1y5 {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---nspeQ {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---Xc2y9 {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---ZuYC2 {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---qR5X5 {
  display: flex;
}

.visibilityControlLabel---OAZs9 {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---OpsNF {
    margin-left: unset;
  }
}

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

.mclRowContainer---_LRxq {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---xJ_m8 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---uksLn {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---sgon_ {
  color: var(--error);
}

.versionCardBody---YKjmq {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---MsuRq {
  margin-bottom: 0;

  & .changedRecord---oKrsY {
    margin-bottom: 0;
  }
}

.inlineLabel---Uq3Js {
  display: inline;
}

.searchField---CIHPH {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---Wl9sW {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---KNzon {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---bmIfh {
  margin-bottom: 0.5rem;
}

.showButtonsBar---nb9dy {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---t1qLN {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---lkRBK {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---RRHY0 {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---eKhNQ {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---OZRDv {
    margin-bottom: 0;
  }

  &.marginTop0---gHN1y {
    margin-top: 0;
  }
}

.addRoutingListButton---JbYBW {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---E6b5e {
  margin-top: 8px;
}

.unassignAll---orVUZ {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.voucherLineBlock---Hxgnc {
  background: rgba(0, 0, 0, 0.08);
}

.hiddenContent---nlYbL {
  display: none;
}

.message---ESYD_ {
  margin-bottom: 12px;
};

.invoiceDocumentButton---aq5U7 {
  outline: none;
  text-decoration: underline;
}

.toggle---ioEoz {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.addressWrapper---ZqZqL {
  white-space: pre-line;
}

.invoiceLinesTotal---h2ppB {
  font-weight: 600;
  padding: 0 15px;
}

.addressContent---zrvrb {
  padding: 14px;
  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
}

.invoiceLinesCount---xG1Ee {
  background-color: rgba(0, 0, 0, 0.05);
  margin: 0 10px;
  font-size: 14px;
  padding: 3px;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  text-align: center;
}

.invoiceLinesTotal---lrCqx {
  font-weight: 600;
  padding: 0 15px;
}

.invoiceDocumentField---ABM4N {
  display: flex;
  justify-content: space-between;
}

.invoiceDocumentFieldContent---a9YK6 {
  width: 100%;
  padding: 5px;
}

.invoiceDocumentFieldContentEven---XJ30r {
  background-color: rgba(0, 0, 0, 0.08);
}

.invoiceDocumentFieldContentOdd---v48mx {
  background-color: rgba(0, 0, 0, 0.03);
}

.formWrapper---z5JVS {
  width: 100%;

  & > div,
  & > div > form {
    height: 100%;
  }
}

.allowNumberEdit---UHMrU {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 1em;
}

linked-data {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.wrapper---e49jl {
  height: calc(100vh - 56px);
}

@media only screen and (max-width: 1000px) {
  .wrapper---e49jl {
    height: calc(100vh - 48px);
  }
}

.ErrorIcon---UxBnd {
  color: #555;
  font-size: 6rem;
  margin-bottom: 14px;
}

.Subheader---W7G9C {
  font-weight: 600;
}

.QuerySingleTable---rTXS2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}

.ResultsSummary---JwhxP {
  display: flex;
  justify-content: space-between;
  font-size: 1.2em;
  padding-top: 14px;
}

.container---V3k22 {
  height: 100%;
  display: flex;
  flex-direction: column;

  .mclParent---eUHHL {
    height: 100%;
  }

  .mclFlexDescendent---PCitY {
    flex: 1 0 auto;
  }
}

.noJsonError---NdMWu {
    font-size: 125%;
    color: #600;
    background-color: #ffe0e0;
    padding: 1em 3em;
    margin: 2em 6em;
    border: 1px solid #600;
}

.centerContainer---c1fSt { text-align: center; }
.center---z3gEB { display: inline-block; }
.right---UAbBx { float: right; }

.darkHR---kM4Y_ {
  margin-top: 1em;
  border-top: 1px solid #888;
  margin-bottom: 2em;
}

.labelClass---ln8dW {
  font-weight: var(--text-weight-normal);
}

.separator---N0FRn {
  border-bottom: 1px solid var(--color-border-p2);
}
.searchControl---iNq24 {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---uwBM0 {
    margin-bottom: 0;
  }

  &.marginTop0---CmeCS {
    margin-top: 0;
  }
}

.userError---tG3FS {
  color: var(--error);
}

.modalContent---oboLh {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---SIBtl {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---xICG9 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---cAg2_ {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---oAhcg {
  margin-bottom: .5rem;
}
.licenseHeader---Ev31T {
  position: sticky;
  top: 0;
  background: var(--bg);
  border-bottom: 1px solid var(--color-border);

  /* AccordionHeaders and other elements that use a
     `interactionStyles` class have a z-index of 1 which
     would render them above this floaty. */
  z-index: 1000;

  /* As content scrolls behind this div and then /above/ it, it
     will be visible due to the padding in ContentPane.
     Add a box-shadow in the same colour as the background and
     with the same size as said ContentPane padding to hide it.
     Additionally, add a margin-bottom on this div to prevent
     hiding any content below it. */
  box-shadow: 0 0 0 calc(var(--gutter) * 2) var(--bg);
  margin-bottom: calc(var(--gutter) * 2);
}

.titleWrap---d7SDL {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

h1.title---Bf64x {
  font-size: var(--font-size-xx-large);
  text-align: center;
  padding: 15px;
  line-height: 125%;
}

h3.title---Bf64x {
  font-size: var(--font-size-large);
  text-align: center;
}

@media screen and (width <= 900px) {
  h1.title---Bf64x {
    font-size: var(--font-size-large);
  }

  h3.title---Bf64x {
    font-size: var(--font-size-small);
  }
}

.mainFormVisibility---dtymL {
    margin-right: 40px;
}

.recordTypeField---vOMyP {
    width: 205px;
}

.radioLabels---zGeTY {
    font-size: 1.05rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.actionMenuGroup---t8qbr {
    margin-bottom: 14px;
}

.crossTenantIcon---nw4CG {
    color: var(--error);
}

.compilerWrapper---FI4lE {
    display: flex;
    min-width: 85px;
    align-items: center;
}
.errorTitleWrapper---pkbOS {
    padding-top: 35vh;
}
.queryBuilderButton---E7rJy {
    width: 110px;
}


.queryBuilderButton---j2bsi {
    width: 110px;
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---pwa1K {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---mYXPR {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.jobForm---otNBL {
  max-width: 50em;
  margin: 0 auto;
}

.searchControl---kZ8at {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---ogpkB {
    margin-bottom: 0;
  }

  &.marginTop0---UwYxL {
    margin-top: 0;
  }
}

.modalContent---sY9DL {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---vCR2K {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---83Jv5 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---FpERX {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---LEvhu {
  margin-bottom: .5rem;
}
.metaSectionRoot---GQlpF {
  border-radius: var(--radius);
  background-color: var(--color-fill);
  margin-bottom: 10px;
  font-size: var(--font-size-small);
  line-height: var(--line-height);
}

.metaSectionContent---giptV {
  margin-top: -0.5rem;
  padding: 0.5rem 0 0.5rem 0.33rem;
  color: var(--color-text);
}

.metaSectionContentBlock---E7Bu_ {
  margin: 2px 0;
}

.metaSectionGroup---FcJIG {
  margin-top: 10px;
}

.headerWrapper---DMeGE {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 24px;
}

.metaHeaderButton---lX3nX {
  flex-shrink: 0;
  padding: 6px;
  width: 100%;
  background-color: transparent;
  border: none;
}

.metaHeader---Puqyp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.metaHeaderLabel---p2aJb {
  color: var(--color-text);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0 4px;
}

.infoPopoverContent---iVQL4 {
  text-align: left;
}

.anchorLink---RU2dH {
  margin-right: 0.35em;
  font-weight: bold;
  justify-content: start;
}

.noMatchLabelWrapper---SjF88 {
  color: var(--error);
  font-weight: bold;
}

.browseNoMatchText---iA9pu {
  color: var(--color-text);
}

.searchFieldWrap---wQa2q .select---anew6 {
  /* To make sure it's position is above
  so the focus style isn't hidden by the input */
  margin-bottom: -1px;

  &:focus {
    z-index: 5;
  }
}

.optionLabel---UlUoS {
  display: block;
}

.totalRecordsLabel---d_Yvw {
  display: block;
}

.searchGroupWrap---elzEA {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.searchField---xdtg3 {
  margin-bottom: calc(var(--control-margin-bottom) / -2);
}

.resetAndAdvancedSearchWrapper---tDKkH {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5em;
}

.resetButton---bvSQF {
  flex: 1 110px;
}

.advancedSearchButton---s566l {
  flex: 1 140px;
}

.sharedIconRoot---gu4Wb {
  justify-content: start;
  margin-right: var(--gutter-static-one-third);
}

.sharedIcon---hSyy0 {
  stroke: rgb(100, 100, 100);
  fill: rgb(100, 100, 100);
}

.sharedIconLight---MPi71 {
  stroke: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}
.container---iio4E {
  margin: 1rem 0 0.5rem;
}

.icon-link---XY_J8 {
  color: var(--color-link);
}

.dateRangeWrapper---zAHIP {
  display: flex;
  gap: 1em;
}

.reportsModalContent---AIc7b {
  overflow: visible;
}

/**
 * AuthoritiesSearch
 */

 .delimiter---QNURH {
  & > span:not(:last-child)::after {
    content: "\00a0\B7\00a0";
  }
}

.actionsDropdown---aS9Qs {
  margin-right: var(--gutter);
}

.lastUpdated---x0lDE {
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.errorMessage---iM_co {
    margin-left: 0.2rem;
    color: var(--warn);
}
.CorrespondenceEditButton---lP0cP {
    color: #024c90;
    padding: 0 10px;

    &:first-child {
        padding-left: 0;
      }
}

.CorrespondenceExpandButton---ZxrJD {
    color: #024c90;
    padding-right: 10px;
    border-right: 1px solid var(--secondary);
}

.CorrespondenceMCLCell---yDmzM {
    justify-content: flex-start;
    align-items: flex-start;
  }

.agreementEmptyMessage---NFbp_ {
    padding: 1rem;
  }

.checklistContainer---_3Da7 {
  padding: 1rem;
  background-color: #f7f7f7;
  margin-bottom: 0.3rem;
}

.itemLabel---gXcPT {
  font-size: 1.2rem;
}

.meta---g026T {
  font-size: var(--font-size-small);
  color: var(--color-text);
}

.buttonBorder---usWko {
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
}

.metaContainer---YKSNe {
  margin-top: 0.5rem;
}

.yesOptionIcon---SR4Pg {
  color: var(--success);
}

.yesOptionButton---OUihW {
  color: #fff;
  background-color: var(--success);
}

.noOptionIcon---uBEgm {
  color: var(--error);
}

.noOptionButton---eXaTh {
  color: #fff;
  background-color: var(--error);
}

.otherOptionIcon---qy3Tv {
  color: #e05f02;
}

.otherOptionButton---Vb3_s {
  color: #fff;
  background-color: #e05f02;
}

.notesContainer---irXoI {
  padding: 1rem;
}

.notesButton---mLWpG {
  text-align: right;
  padding-left: 1rem;
}

/**
 * Header
 */

.headerWrapper---wt8DK {
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid transparent;
  /* margin-top: -0.5rem; */
  padding-left: 0.75rem;
  padding-right: 1rem;

  & button,
  & a,
  & h1,
  & h2,
  & h3,
  & h4,
  & h5,
  & h6 {
    margin: 0;
  }

  &:focus {
    outline: none;
  }
}

.header---xBWKo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/**
 * Label
 */
.labelArea---hNsYs {
  display: flex;
  flex-grow: 2;
  font-weight: var(--text-weight-bold);
  justify-content: flex-start;
  color: var(--color-text);
}

/**
 * Default Accordion Header
 */

.header---xBWKo.default---Lqkxz {
  flex-basis: 100%;
}

.headerDefaultContentRight---SzWwg {
  display: flex;
  align-items: center;
  flex-grow: 2;
  flex-shrink: 0;
  padding: 0 0 0 1.2rem;
}

[dir='rtl'] .headerDefaultContentRight---SzWwg {
  padding: 0 1.2rem 0 0;
}

.defaultCollapseButton---yay5f {
  flex: 1;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  padding: var(--gutter-static-one-third) 0;
  background-color: transparent;
  width: 100%;
  color: var(--color-text);
  font-size: var(--font-size-large);

  &:hover,
  &:focus {
    opacity: 0.85;
  }

  & .labelArea---hNsYs {
    color: var(--color-text);
    text-align: left;
  }
}

.headerInner---tlZBt {
  width: 100%;
  display: flex;
  align-items: center;
}

.defaultHeaderIcon---gw1OR {
  color: var(--color-icon);
  padding: 0.25rem 0.25rem 0.25rem 0;
}

[dir='rtl'] {
  & .defaultHeaderIcon---gw1OR {
    padding: 0.25rem 0 0.25rem 0.25rem;
  }

  & .filterSetHeaderIcon---fTbkT {
    margin-left: 0.35em;
  }

  & .defaultCollapseButton---yay5f .labelArea---hNsYs {
    text-align: right;
    padding-right: 0.25em;
  }

  & .filterSetHeader---UZOgE .labelArea---hNsYs {
    padding-right: 0.25em;
  }
}

.endOfList---D3jpW {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
  margin-left: 1rem;
}
.partyFormLabel---YFr8Q {
  margin-top: var(--gutter-static-one-third)
}

.endOfList---ZAHie {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
  margin-left: 1rem;
}
.container---pNW3y {
    padding: 1rem;
    border-radius: 1rem;
    background-color: #0000000a;
    margin-bottom: 1rem;
}

.info---j8amg {
    margin-bottom: 0.5rem;
}

.header---kdSa3 {
    margin-bottom: 0.75rem;
}

.feedbackError---Vkzbp {
  color: var(--error);
}
.invoiceEmptyMessage---YVEML {
    padding: 1rem;
  }

.endOfList---Lh4XR {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
  margin-left: 1rem;
}
.endOfList---ACeN7 {
  color: var(--color-text-p2);
  padding: var(--gutter-static-two-thirds) 0;
  margin-left: 1rem;
}
.FieldAssignedToWrapper---G93fL {
  display: flex;
  height: 80px;
}

.FieldAssignedToButtonWrapper---ZrtTf {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.addressWrapper---ywQBR {
  white-space: pre-line;
  overflow-wrap: break-word;
}

.addressWrapper---i24P7 {
  white-space: pre-line;
  overflow-wrap: break-word;
}

.poLineHeader---nkEpy {
  font-weight: 600;
  border-bottom: 5px solid #1960a4;
}

.poLineRow---_5nDH {
  background: rgba(0, 0, 0, 0.08);

  &:nth-child(odd) {
    background: rgba(0, 0, 0, 0.03);
  }
}

.poLineColumn---Rji3H {
  word-break: break-all;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 10px;

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

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

  &.left---H5cV2 {
    text-align: left;
  }
}

.hiddenContent---bTd_u {
  display: none;
}

.icon---ZhDJd:hover svg,
.icon---ZhDJd.open---Wo7kL svg {
  fill: var(--primary);
}

.titleWrapper---YDJBg > label {
  justify-content: space-between;
}

.repeatableFieldRemoveItem---j4unT {
  flex: 0 0 3em;
  text-align: center;
}

.costDiscountTypeWrapper---NHMPT {
  width: 100%;
}

.packagePoLineField---2lKzj {
  width: 100%;
}

.titleLabel---Bczwm {
  margin-bottom: 0;
}

.buttonsLine---vthR4 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.formWrapper---Z9s5T {
  width: 100%;
}

.formWrapper---Z9s5T > div,
.formWrapper---Z9s5T > div > form {
  height: 100%;
}

.marginBottomGutterDouble---Z178V {
  margin-bottom: calc(var(--gutter) * 2);
}

.greyLabel---MiMZj {
  color: var(--checkable-disabled-fill);
}

.orderTemplatesEditor---x0tXL {
  height: 100%;
}

.alignLastColToEnd---jo_7I > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---25vbB > div {
  padding-bottom: 0;
}

.resetButton---MIm0G {
  padding: 0 6px 0 3px;
}

.searchField---nhgbs {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---APHLV {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---ZVgPB {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---NzOII {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---Qjai6 {
  flex: 1;
}

.renderEnd---nEfJ4 {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---yAfHM {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---cE6BI {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---f85Iv {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---H78N7 {
  margin-bottom: 0.5rem;
}

.showButtonsBar---WkX2M {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---aIkCP {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---H_9_S {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---d5v1Z {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---dLNij {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---Ntnzh {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---c3hXH {
  display: flex;
}

.visibilityControlLabel---TAxAO {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---ppNE7 {
    margin-left: unset;
  }
}

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

.mclRowContainer---ok4EY {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---sFkUH {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---YLoAM {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---ocdsE {
  color: var(--error);
}

.versionCardBody---Zs7kB {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---myrm0 {
  margin-bottom: 0;

  & .changedRecord---FsFCL {
    margin-bottom: 0;
  }
}

.inlineLabel---eMxcf {
  display: inline;
}

.searchField---PvDeZ {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---BBddg {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---qhzTS {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---AoTAs {
  margin-bottom: 0.5rem;
}

.showButtonsBar---QKLcj {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---IoagP {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---ygDkm {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---ncYmB {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---c2ExS {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---LMDHr {
    margin-bottom: 0;
  }

  &.marginTop0---IHvd3 {
    margin-top: 0;
  }
}

.addRoutingListButton---gg7Zq {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---eoZVp {
  margin-top: 8px;
}

.unassignAll---W0pav {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.alignLastColToEnd---pDqvv > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---p9qJt > div {
  padding-bottom: 0;
}

.resetButton---QhBra {
  padding: 0 6px 0 3px;
}

.searchField---YrHAX {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---E9gTN {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---RxSmC {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---hcAzn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---wNmWD {
  flex: 1;
}

.renderEnd---jXp_o {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---r0MWn {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---Ke76t {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---GyA9m {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---qAKov {
  margin-bottom: 0.5rem;
}

.showButtonsBar---Y_XBe {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---MCRUy {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---TOBH4 {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---nGmfi {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---ZDncc {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---LJLyK {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---UgVdp {
  display: flex;
}

.visibilityControlLabel---DVpLz {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---ywnxl {
    margin-left: unset;
  }
}

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

.mclRowContainer---o4lVT {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---s1Vuf {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---Np6WB {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---F0YOE {
  color: var(--error);
}

.versionCardBody---NALfN {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---g7oJw {
  margin-bottom: 0;

  & .changedRecord---STzne {
    margin-bottom: 0;
  }
}

.inlineLabel---m3jtb {
  display: inline;
}

.searchField---FHwjn {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---sGrC_ {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---lk_ab {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---ezXjH {
  margin-bottom: 0.5rem;
}

.showButtonsBar---UcEIP {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---xk9No {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---yULlz {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---W0JDV {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---uR9HR {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---cI30s {
    margin-bottom: 0;
  }

  &.marginTop0---IBTm0 {
    margin-top: 0;
  }
}

.addRoutingListButton---_eCzV {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---QX8I5 {
  margin-top: 8px;
}

.unassignAll---SdI3y {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.mark---pJ_Fi {
  &.version-wrapped---ekqYM.version-row-formatted---Rd3mp {
    background-color: mark;
    margin: 0.15rem 0;
  }
}

.contactInfoCard---ae3Nm {
  overflow: visible;
}

.toggle---ravAY {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.text---cY8Nt {
  width: 12em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.entitiesWithCollapsingBtn---CZMrc {
  width: 100%;
}

.entitiesWithCollapsingBtn---CZMrc  [class^="icon--"] {
  margin-right: 3px;
}

.organizationAccount---bABBS:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 13px;
  padding-bottom: 10px;
}

.contactPersonSectionTitle---roUYM {
  margin-top: 0;
  margin-bottom: 5px;
}

.contactPersonItem---jNlk8 {
  border-color: var(--color-border-p2);
  border-width: 1px 1px 0;
  border-style: solid;
  width: 100%;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--color-border-p2);

  &:last-of-type {
    border-bottom: 1px solid var(--color-border-p2);
    margin-bottom: 4px;
  }
}

.contactPersonItemContent---aGUOq {
  padding: 14px;
  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
  width: 100%;
}

.contactPersonItemContent---aGUOq [class^="kvRoot"] {
  overflow-wrap: break-word;
}

.wrapValue---ENKPH {
  overflow-wrap: break-word;
}

.cardHeader---rjbAu {
  margin: 0;
  
  & .mark---XczEZ {
    background-color: mark;
  }
}

.contactInfoCard---MACee {
  overflow: visible;
}

.vendorInfoCheckbox---V8ylL {
  padding-left: 8px;
}

.panels---C5Cly {
  background: var(--panel-bg-color);
  padding: 1.2rem 1.2rem 0;
  border-radius: var(--panel-radius);
  border-bottom: var(--panel-border-bottom);
}

.panels---e2Yg4 {
  background: var(--panel-bg-color);
  padding: 1.2rem 1.2rem 0;
  border-radius: var(--panel-radius);
  border-bottom: var(--panel-border-bottom);
}

.marginBottomGutter---W13_f {
  margin-bottom: var(--gutter);
}

.footer---ey8JL {
  padding: var(--gutter-static);
  border-top: 1px solid var(--color-border-p2);
}

.patronDetailsContainer---fItU9 {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-between; 
}

.borrowerDetails---LBF9B {
  padding: 5px;
  background-color: #f8f8f8;
  border-radius: 6px;
  line-height: var(--line-height);
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.borrowerDetails---LBF9B.borrowerWhenProfilePicConfigActive---bCcd7 {
  width: calc(100% - 100px);
}

.marginTop---GwuEE {
  margin-top : 10px;
}

.access---fp99r {
  padding: 5px;
  border-radius: 6px;
  line-height: var(--line-height);
  display: flex;
  flex-direction : row;
  align-items: flex-start;
  justify-content: flex-start;
}

.allowed---_svBZ {
  background-color: var(--success-fill);
  border: 1px solid var(--success);
}

.notAllowed---gqI2_ {
  background-color: var(--warn-fill);
  border: 1px solid var(--warn);
}

.marginRight---vYVQN{
  margin-right: 5px;
}

.denyIcon---jUprV{
  color: var(--warn);
}

.inactiveBorrower---tg9d9{
  padding: 5px;
  background-color: #f8f8f8;
  border-radius: 6px;
  line-height: var(--line-height);
}

.cellTopAlign---W_jhk {
  align-items: flex-start;
}

.container---SLYap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  position: absolute;
}

.marginLeft---hU39F {
  margin-left: 3px;
}

.noReadingRooms---mBr1J {
  background-color: var(--warn-fill);
  border: 1px solid var(--warn);
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
}

.noUserExists---SVGxU {
  color: var(--error);
}

.noMatch---xG_TI {
  font-family: 'Lucida Console', monospace;
}
.disabled---jeK7Q {
  color: rgba(0, 0, 0, 0.65);
  cursor: default;
  pointer-events: none;
}

.control---sNpTG {
  margin-bottom: var(--control-margin-bottom);
}

.sequenceNumber---ZOZLV {
  display: flex;
  gap: calc(var(--gutter) / 2);

  & .sequenceNumberScope---R25c7 {
    align-self: flex-start;
    margin-top: calc((var(--font-size-form-label) * var(--line-height)) + var(--control-label-margin-bottom));
    min-height: var(--control-min-size-desktop);
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }
}

.dropdownButton---nV1it {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;

  &:dir(rtl) {
    border-bottom-left-radius: 999px;
    border-top-left-radius: 999px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
    margin-right: -1px;

    &::before, &:focus::before {
      border-bottom-left-radius: 999px;
      border-top-left-radius: 999px;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }

  &::before, &:focus::before {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}

.saveButton---ueheT {
  &:dir(rtl) {
    border-bottom-right-radius: 999px !important;
    border-top-right-radius: 999px !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
    margin-right: 0;
  }
}

.accordion-actions---x2IfU {
  display: flex;
  gap: 1rem;
}

.divider---nNjxI {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.openedRequestsModalBody---lxWZ_ {
  list-style: none;
}

.openedRequestsModalItem---qL6OI {
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}

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

.receiveListContent---LAzKv {
  flex: 1;
  min-height: 0;
}

.section---TUtF8 {
  padding: 10px 10px 2px 10px;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 5px;

  &.active---TI8gY {
    background-color: #f8f8f8;
    border-radius: 6px;
  }
}

.requestForm---yljrv {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.footerContent---YWU4J {
  max-width: 50em;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tlrCheckbox---YNjMh {
  margin-bottom: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.spinner---YOrOr {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;

  & .bounce1---NIjug {
    animation-delay: -0.32s;
  }

  & .bounce2---tPwEf {
    animation-delay: -0.16s;
  }

  & > div {
    width: 33%;
    height: 33%;
    margin: 0 8%;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay---Nn4wS 1.4s infinite ease-in-out both;
  }
}

@keyframes sk-bouncedelay---Nn4wS {
  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.DraggableRow---OSzC2 {

  &::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
  }
}

.referred-record__entity-type---cKsKZ {
  font-size: 1.1em;
  font-weight: bold;
  color: var(--color-text);
}

.disabled---TQIx5 {
    pointer-events: none;
    border-radius: 999px;
}

.enabled---eh4KZ {
    pointer-events: auto;
    border-radius: 999px;
}

.hiddenContent---sC8iA {
  display: none;
}

@media print {
  body {
    margin: 30px;
  }
}

.fieldWrapper---x2v5Q {
  display: flex;
  align-items: start;
}

.itemBarcodeField---qYAK2 {
  margin-right: 20px;
}

.enterButton---t87OK {
  margin-top: 25px;
}

.fieldWrapper---mVnpI {
  display: flex;
  align-items: start;
}

.instanceHridField---kI7hN {
  margin-right: 20px;
}

.enterButton---e2vRv {
  margin-top: 25px;
}

.icon---tYzMy { color: green }
.icon---tYzMy .textWithinIcon---Nkdtr { color: black; font-weight: bold }

.fieldWrapper---g96dy {
  display: flex;
  align-items: start;
}

.requesterBarcodeField---Mu6PI {
  margin-right: 20px;
}

.enterButton---hW0zv {
  margin-top: 25px;
}

.rowOfDraggableList---jxQAb {
  min-width: 100%;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.description---pttur {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
  padding: 3px 0;
}

.content---zV5Od {
  padding: 0px;
  margin: 0px;
}

.fieldWrapper---xARMV {
  display: flex;
  align-items: start;
}

.itemBarcodeField---msidp {
  margin-right: 20px;
}

.enterButton---zY2uf {
  margin-top: 25px;
}

.fieldWrapper---A62nD {
  display: flex;
  align-items: start;
}

.instanceHridField---Z2Ll8 {
  margin-right: 20px;
}

.enterButton---KePa9 {
  margin-top: 25px;
}

.content---XvmQs {
  padding: 0px;
  margin: 0px;
}

.requestForm---xXgRU {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.footerContent---AXehY {
  max-width: 50em;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tlrCheckbox---Uc2Y2 {
  margin-bottom: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.separator---WXy0H {
  margin: 15px 0;
}

.searchField---v4871 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}
.searchFieldContainer---zkUvW {
  & .resetButton---FHx3k {
    padding: 0 6px 0 3px;
    margin-left: 0;
  }
}

.referredRecord---G_DF4 {
  font-size: 1.1em;
  font-weight: bold;
  color: var(--color-text);
}

.itemLink---BQaAC {
  margin-right: 2px;
}

.section---yPeGc {
  padding: 10px 10px 2px 10px;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 5px;

  &.active---ax5vs {
    background-color: #f8f8f8;
    border-radius: 6px;
  }
}

.hiddenContent---enZXk {
  display: none;
}

@media print {
  body {
    margin: 30px;
  }
}

.fieldWrapper---ptQfH {
  display: flex;
  align-items: start;
}

.itemBarcodeField---xevOB {
  margin-right: 20px;
}

.fieldWrapper---jlEjZ {
  display: flex;
  align-items: start;
}

.instanceHridField---lHPfw {
  margin-right: 20px;
}

.fieldWrapper---W33fl {
  display: flex;
  align-items: start;
}

.requesterBarcodeField---YvDHq {
  margin-right: 20px;
}

.content---cxEg_ {
  padding: 0;
  margin: 0;
}

.saveAndCloseButton---NQn17 {
  margin-right: 0.8rem;
}

.requestForm---YMbnh {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.tlrCheckbox---FXhPu {
  margin-bottom: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.enterButton---QTKVb {
  margin-top: 25px;
}

.isEmptyMessage---CGklx {
  padding: 1rem;
}
.container---ibi02 {
  background-color: #0000000e;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-top: 10px;
}
.containerHeader---vYNLe {
  background-color: #0000000e;
  border-radius: 0.5rem 0.5rem 0px 0px;
}

.containerTimeUnit---QgVha {
  background-color: #0000000e;
  border-radius: 0px 0px 0px 0.5rem;
}

.containerPeriod---LYeTg {
  background-color: #0000000e;
  border-radius: 0px 0px 0.5rem 0px;
}

.label---jdBwj {
  height: 0.25rem;
  padding-bottom: 1rem;
}

.container---uxhmL {
  background-color: #0000000e;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 15px;
}

.firstRow---Yy4iy {
  padding-left: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
}

.secondRow---yjkcm {
  padding-left: 10px;
}


.label---fdufp {
  color: #444;
  margin-bottom: var(--gutter-static-one-third);
}

.list---G6UJK {
  margin-bottom: var(--gutter-static-two-thirds);
}

.isEmptyMessage---UvFDR {
  color: var(--subLabelColor);
}

.item---dqclC {
  border-color: #999;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  &:last-of-type {
    border-bottom: 1px solid #999;
    margin-bottom: 4px;
  }
}

.content---wJ8yl {
  padding: 14px;
  background-color: #F7F7F7;
  width: 100%;
}

.creationLabel---vJbZo {
  margin-left: var(--gutter-static-two-thirds);
}

:root {
  --top-bottom-indent: 5px;
  --left-right-indent: 10px;
}

.pointerWrapper---MzqXo {
  flex-grow: 1;
  margin: calc(-1 * var(--top-bottom-indent)) calc(-1 * var(--left-right-indent));
  padding: var(--top-bottom-indent) var(--left-right-indent);
  cursor: pointer;
}

.iconAlign---BC6n3 {
  display: flex;
  align-items: center;
}

.additionalInformation---fuFU4 {
  margin-top: var(--gutter-static-two-thirds);
}

.modalContent---h0i9g {
  padding: 0;
  height: 80vh;
  
  & .resetButton---MaHUw {
    padding: 0 3px;
  }
}

.columns---PCw8n {
  -moz-column-count: 2;
       column-count: 2;
}

.primary---aIhXF {
  font-weight: bold;
}

.errorsList---OiNOh {
  margin-top: 16px;
  padding-left: 24px;
}

.lastUpdatedBy---XhQvA {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.rraSearchFieldContainer---Zw7T3 {
    margin-top: 10px;
}

.root---WHJHt {
  background-color: color-mix(in oklch, rgb(43, 43, 43) 10%, #fcfcfc);
  border-radius: 6px;
  padding: 10px 30px;
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-medium);
  line-height: var(--line-height);
}

.userInfoLink---i0n57 {
  margin-right: var(--gutter-static-two-thirds);
}

.labelWrapper---z6R8d {
  font-size: var(--font-size-form-label);
  line-height: var(--line-height);
  padding: 0 .5rem var(--control-label-margin-bottom);

    & span {
        color: var(--error);
    }
}

.nameContainer---LzLhQ {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pronouns---HWJgN {
  font-weight: normal;
  word-wrap: break-word;
}

.patronBlockBannerRow---wy_dM {
  align-items: end;
  margin-bottom: 0.5rem;
}

.textField---qAfKc {
  width: 100%;
  padding: 3px;
}
  
.copyControl---t3vRf {
  margin-top: var(--gutter-static-two-thirds);
}
  
.resetPasswordButton---JG6I3 {
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
  font-size: var(--font-size-small);
  font-weight: var(--text-weight-bold);

  &:focus {
    outline: none;
  }

  &:disabled {
    color: var(--checkable-disabled-fill);
    cursor: not-allowed;
  }
}

.heading---kHAQm {
  font-weight: var(--text-weight-bold);
}

.rowMargin---SxTaC {
  margin-bottom: var(--gutter);
}

.preferencesFieldset---zdwBT {
  margin: 0 0 var(--control-margin-bottom) 0;
}

.infoPopoverButton---NfhRC {
  padding-top: 0;
  padding-bottom: 0;
}

.label---htTS8 {
  margin-top: var(--gutter-static-two-thirds);
  color: #333;
  font-size: calc(var(--gutter-static-two-thirds) * 2);
  font-weight: normal;
  margin-bottom: var(--gutter-static-one-third);
}

.isEmptyMessage---b0qYm {
  color: var(--subLabelColor);
}

.item---tqNqW {
  border-color: #999;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  &:last-of-type {
    border-bottom: 1px solid #999;
    margin-bottom: 4px;
  }
}

.content---_liQ4 {
  padding: 14px;
  background-color: #F7F7F7;
  width: 100%;
}

.creationLabel---fblqP {
  margin-left: var(--gutter-static-two-thirds);
}

.slider---ecahQ, .sliderDisabled---DtMTg {
  -webkit-appearance: none;  /* Override default CSS styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline: none;
}

.slider---ecahQ:hover {
  opacity: 1;
}

.slider---ecahQ::-webkit-slider-thumb, .sliderDisabled---DtMTg::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: #1960A4;
  cursor: pointer;
}

.slider---ecahQ::-moz-range-thumb, .sliderDisabled---DtMTg::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #1960A4;
  cursor: pointer;
}

.sliderDisabled---DtMTg::-webkit-slider-thumb {
  background: gray;
}

.sliderDisabled---DtMTg::-moz-range-thumb {
  background: gray;
}

.cropContainer---xJhRJ {
  position: relative;
  width: 100%;
  height: 300px;
  background: #333;
}

.modalBodyContainer---y7Pxf {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.videoFeedContainer---ZeOXe {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: black;
}

.root---bqTnW {
  padding: 0;
}

.label---cnjmZ {
  display: flex;
  flex-grow: 2;
  color: var(--secondary);
  font-weight: var(--text-weight-medium);
  justify-content: flex-start;
  padding: 0px 0px 10px 22px;
  & h2 {
    font-size: var(--font-size-x-large);
  }
}

.separator---KOvm1 {
  width: 100%;
  border-bottom: 1px solid #cecece;
  margin: auto;
  margin-bottom: 14px;
}

.patronGroup---YHON5 {
  padding-right: 25px;
}

.expiredMessage---SQFj4 {
  color: var(--error);
  position: relative;
  top: -10px;
  font-size: var(--font-size-small);
}

.selectableCellButton---NZsvB {
  & label {
    &:before,
    &:after {
      content: none;
    }

    & input {
      margin: 0;
    }

  justify-content: center;
  margin-bottom: 0;
  }
}

.searchField---Xon1W {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.resetButton---wTqKT {
   padding: 0 3px;
}

.searchGroupWrap---BwI6X {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.modalContent---CoWK2 {
    padding: 0;
    position: relative;
    min-height: 50vh;
  }
  
  .modalHeader---RlrTX {
    background-color: #fff;
  }
  
  .modalFooter---so1DA {
    width: 100%;
    display: flex;
    justify-content: space-between
  }
  
  .searchField---ut28T {
    margin-bottom: calc(var(--control-margin-bottom) / 2);
  }
  
  .resetButtonWrap---XlgmU {
    &.resetButton---LST4c {
       border-color: rgba(0, 0, 0, 0.62);
       color: rgba(0, 0, 0, 0.62);
     }
  }
  
  .searchGroupWrap---x_Kcb {
    margin-bottom: calc(var(--control-margin-bottom) / 2);
  }
  
  .cancelButton---KXcU6 {
    margin-right: auto;
  }
  
  @media (min-height: 570px) {
    .modalContent---CoWK2 {
      min-height: 75vh;
    }
  }
  
.searchField---EpGRU {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.resetButton---b30o2 {
   padding: 0 3px;
}

.searchGroupWrap---vq0qw {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.selectableCellButton---fcRTV {
  & label {
    &:before,
    &:after {
      content: none;
    }

    & input {
      margin: 0;
    }

  justify-content: center;
  margin-bottom: 0;
  }
}

.modalContent---hC1NU {
  padding: 0;
  position: relative;
  min-height: 50vh;
}

.modalHeader---xBFpo {
  background-color: #fff;
}

.modalFooter---MZLyy {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.searchField---nEoWv {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.resetButtonWrap---Z1Dbc {
  &.resetButton---z_jfs {
     border-color: rgba(0, 0, 0, 0.62);
     color: rgba(0, 0, 0, 0.62);
   }
}

.searchGroupWrap---ldz8S {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.cancelButton---YfrXl {
  margin-right: auto;
}

@media (min-height: 570px) {
  .modalContent---hC1NU {
    min-height: 70vh;
  }
}

.removePermissionButton---m7OpB{
& .removePermissionIcon---MDkSL{
    fill: #999;
    transition: fill .2s ease;
  }
&:hover{
& .removePermissionIcon---MDkSL{
    fill: #555;
  }
}
}

.UserFormRoot---u4bNK {
  height: 100%;
  overflow: auto;
}

.UserFormEditIcon---aDCe3 {
  display: inline-block;
}

.nameContainer---hqbkS {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pronouns---j1QEu {
  font-weight: normal;
  word-wrap: break-word;
}

.content---DdDxK {
  min-height: 350px;
}

.searchControl---HuBW4 {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---bOide {
    margin-bottom: 0;
  }

  &.marginTop0---QjzHm {
    margin-top: 0;
  }
}

.userError---n7LiA {
  color: var(--error);
}

.modalContent---GwCLq {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---talVh {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---F26q_ {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---gRScv {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---nlH9X {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.inactiveAppIcon---VtANe {
  /* -webkit-filter: grayscale(100%); */
  filter: hue-rotate(196deg) grayscale(100);
}

.overridePatronBlockHeader---zUaF9 {
  font-weight: bolder;
}

.patronBlock---cMII3 {
  font-weight: bold;
}

.overridePatronBlock---erADZ {
  margin-bottom: var(--control-margin-bottom);
}

.detailsButton---o9SuG {
  margin-left: var(--gutter-static);
}

.feefineButton---H3g0a {
  color: var(--primary) !important;
}

.feefineButton---H3g0a:active {
  outline: none;
}

.cursor---iF5Nu {
  cursor: pointer;
}

.printButtonWrap---BNR3o {
  margin: 0 0.25em;
}


.root---u835K {
  width: 100%;
  height: 100%;
}

/**
 * Actions Bar
 */

.actionsBarEnd---pGP8G,
.actionsBar---u8syr {
  display: flex;
}

.actionsBar---u8syr {
  padding: 15px 15px 0;
  justify-content: space-between;
  align-items: center;
}

.actionsBarEnd---pGP8G {
  justify-content: flex-end;
  margin-left: auto;
}

.columnsDropdown---dVm18 {
  float: right;
  margin-left: var(--gutter-static-two-thirds);
}

.pointer---rgsH3 {
  cursor: pointer;
}

.root---QS_pq {
  display: flex;
  align-items: center;
  height: 2rem;
}

.pointer---oxMY3 {
  cursor: pointer;
}



/**
 * Loans History
 */

/**
 * Segmented Control
 */

.buttonGroupWrap---YYmsl.buttonGroupWrap---YYmsl {
  height: 44px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--minor-divider-color);
}

.rightAlignedButton---kVDgS {
  float: right;
  margin-right: var(--gutter-static-two-thirds);
}

.alertDetails---b3iua {
  color: var(--error);
}

.lastRow---IuB5w {
  padding-top: var(--gutter-static-two-thirds);
}

.customCol---RDFzr {
  & input {
    text-align: right;
    padding: 0px;
  }
}

.commentsWrapper---DgIFd { 
  display: flex; 
  align-items: center;
}

.addCommentBtn---cpVkA {
  float: right;
  margin-left: 50px;
  margin-bottom: 0;
}

.segmentedControlWrap---qe47j {
  height: 44px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--minor-divider-color);
}

.segmentedControl---ncVBi {
  margin-bottom: 0px;
}

.pane---U1YjS {
  background: var(--bg);
  border-right: 1px solid var(--color-border);
  height: 100%;
  max-height: calc(100vh - 44px);
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;

  overflow: hidden;
  position: absolute;
  will-change: transform;
  &:last-child {
    border-right: none;
  }
}

.buttonGroupWrap---SqMR1 {
  display: flex;
  align-items: center;
}

.dropDownStyle---rwkui {
  float: right;
  margin-left: 20px;
}

@media (min-width: 641px) {
  .pane---U1YjS {
    position: relative;
  }
}

.paneContent---ChtiP {
  height: 100%;
  width: 100%;
  overflow: auto;

  &.hasPadding---mi08Z {
    padding: var(--gutter);
  }

  &.noOverflow---DMMMA {
    overflow: hidden;
  }
}

.iconColumn---rGRGu {
    margin-left: 5px;
}

.firstMenuItems---av5sv {
  margin-left: calc(var(--gutter-static-two-thirds) * 2);

  &:last-of-type {
    margin-left: var(--gutter-static-two-thirds);
  }
}

.breakLongText---jDLDq {
  word-break: normal;
  overflow-wrap: anywhere;
}

.longContentInPopover---iSlg5 {
  word-break: normal;
  overflow-wrap: anywhere;
}

.instanceElement---CLnuZ {
  margin-bottom: 10px;
}

.searchField---i359l {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.lostItemsForm---puRMt {
  & .resetButton---AJ_n9 {
    padding: 0 6px 0 3px;
    margin-left: 0;
  }
}

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

.content---ZnhiH {
  text-align: center;
  font-weight: var(--text-weight-medium);
  font-size: var(--font-size-large);
  color: var(--color-fill-current);
}


.AssignUsersWrapper---zRvIJ {
  & [class^="searchControl"] {
    display: inline-block;

    & > button {
      margin-bottom: 0;
    }
  }
}

.permSetForm---Ap_vq {
  height: 100%;
}

.heading---uTpIU{
  font-size: 1.05rem;
}

.customCol---RZKKZ {
  font-weight: var(--text-weight-medium);
  font-size: var(--font-size-medium);
  color: var(--color-icon);
}

.ownerIdField---RSXsc {
  margin-left: var(--gutter-static-two-thirds);
}

.fullWidth---lyw2V {
  width: 100%;
}

.partonBlockForm---TIoZe {
  height: 100%;
}

.partonBlockWrapperHolder---cDyjS {
  display: flex;
  flex: 0 0 30%;
  overflow: hidden;
}

.partonBlockWrapper---ANvXl {
  width: 100%;
}
.BlockTemplateFormRoot---G3Y1u {
  height: 100%;
}

.BlockTemplateFormContent---LShfL {
  margin: 0 auto;
  max-width: 50em;
}

.formWrapper---SpBs4 {
  height: 100%;
}

.indentedSection---lVll_ {
  margin-left: 2rem;
}

.anonymizeWrapper---L4Csm {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.groupLegend---Z59gt {
  font-size: var(--font-size-form-label);
  font-weight: var(--text-weight-bold);
}

.warning---Q2oji:not(:last-child) {
  margin-bottom: 1rem;
}

.container---QgZ8i {
  width: 100%;
}

.alignLastColToEnd---CPTq5 > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---ack25 > div {
  padding-bottom: 0;
}

.resetButton---yHCwT {
  padding: 0 6px 0 3px;
}

.searchField---qOoD2 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---kKZJN {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---lnVea {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---qGT3g {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---zq3VY {
  flex: 1;
}

.renderEnd---igWUR {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---iPHoU {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---j6rxp {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---RIdif {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---rnsIC {
  margin-bottom: 0.5rem;
}

.showButtonsBar---t6glQ {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---Fq0dQ {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---NnoOP {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---o6i8h {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---ineXm {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---dw0Fi {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---Duvns {
  display: flex;
}

.visibilityControlLabel---ArkP2 {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---rGh8O {
    margin-left: unset;
  }
}

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

.mclRowContainer---kY9W_ {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---dYjX6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---buigB {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---QTJa5 {
  color: var(--error);
}

.versionCardBody---GwGpV {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---Kz8MF {
  margin-bottom: 0;

  & .changedRecord---ibITv {
    margin-bottom: 0;
  }
}

.inlineLabel---OeNYF {
  display: inline;
}

.searchField---P9nDS {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---dIrWd {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---Dhy6q {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---qR7l7 {
  margin-bottom: 0.5rem;
}

.showButtonsBar---tIOTW {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---VLORW {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---X06sb {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---Pa9iv {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---fkBNu {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---yr7L_ {
    margin-bottom: 0;
  }

  &.marginTop0---CZOvp {
    margin-top: 0;
  }
}

.addRoutingListButton---GwLGS {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---Z6cI3 {
  margin-top: 8px;
}

.unassignAll---ydU6D {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.AssignAcquisitionUnitMembershipsWrapper---yxOX4 {
  & [class^="searchControl"] {
    display: inline-block;

    & > button {
      margin-bottom: 0;
    }
  }
}

.whitespacePre---jJpYg {
    white-space: pre;
}
.help---dTg9S {
    text-align: left;
    font-size: small;
    color: #404040;
}

.searchIcon---MUCEh {
  color: var(--color-icon);
  display: flex;
  align-items: center;

  &.isFocused---gRaWU {
    fill: var(--primary)
  }
}
.header---SZYFY {
  display: flex;
  justify-content: space-between;
  padding: var(--gutter);
  padding-left: 0;
}

.headerText---SlOal {
  margin-bottom: 0;
}


/**
 * CustomProperties
 */

.lookupSearchContainer---p2XYw {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lookupSearch---PU27a {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}
.typedown---b7lWT {
  margin-bottom: var(--gutter);
}

.fullWidth---plRXb {
  width: 100%;
}

.dropdown---NgEib {
  margin-bottom: 0;
}

.dropdownMenu---GYQy5 {
  background-color: var(--bg);
  padding: 0;
  float: left;
  right: 0;
  box-shadow: var(--shadow);
  border: 1px solid #ccc;
  margin-top: 0;
  width: var(--searchWidth);
  min-width: max(var(--searchWidth), 300px);
  pointer-events: all;
  z-index: 1000;
}

.menuButton---AV05T {
  margin-bottom: 0;
  border: none;
  text-align: left;
}

/* .menuButton[data-selected=true], .selected {
  background-color: var(--primary);
  color: #fff;
} */

.selectedMenuButton---HLTm6 {
  background-color: var(--primary);
  color: #fff;
}

/* Ensure dropdown menu has correct border radius when rendered above/below/floating */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: 0 0 var(--radius) var(--radius);
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] {
  border-radius: var(--radius);
}

/* Ensure buttons also follow the proper border radius */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* When floating, last and first buttons need rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* If there is only one element in a floating list, it needs both corners rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child:before {
  border-radius: var(--radius);
}

.menuButton---AV05T[data-selected=false]:nth-child(even) {
  background-color: var(--color-fill-table-row-odd);
}

.menuButton---AV05T[data-selected=false]:nth-child(odd) {
  background-color: var(--color-fill-table-row-even);
}

/* Default menu button style is no rounded edges */
.menuButton---AV05T::before {
  border-radius: 0;
}

.listContainer---OhMoW {
  border-bottom: 1px solid var(--color-border);
  overflow: auto;
  max-height: 40vh;
}

.listItem---SWUC5 {
  padding: var(--gutter-static-two-thirds) var(--gutter)
}

.selectedDisplay---H3sa1 {
  border-radius: 0 0 var(--radius) var(--radius);
  border: 1px solid #ccc;
  border-top: 0;
  display: flex;
}

.selectedItem---k6FPQ {
  flex-grow: 1;
}

.clearItem---xP5CQ {
  flex-shrink: 1;
  padding: 0 var(--gutter-static-one-third);
}

.footer---a21av {
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}

.header---B7ZAC {
    padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}
.fileViewContainer---GSAZ8 {
  width: 100%;
  border-top: 1px solid var(--color-border);
  padding: var(--gutter-static-one-third) var(--gutter);
  margin-top: var(--gutter);
}
.upload---k8Bvv {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: var(--gutter);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-fill);
}

.uploadTitle---k0BlK {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.activeUpload---zGSD3 {
  background-color: var(--color-fill-current);
  color: var(--bg);
  border-style: dashed;
}

.activeUploadTitle---DFSy8 {
  font-size: var(--font-size-large);
}

.children---qwjQV {
  width: 100%;
  display: flex;
}
.searchKeyControlContainer---pmkcr {
    /* Remove this top margin, only here for clarity*/
    margin: var(--gutter-static-two-thirds) 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.searchKeyControlElement---EUL_j {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 var(--gutter-static-two-thirds) 0 0;
}


 /**
 * No Results Message
 */

 /* Empty Message */
 .noResultsMessage---RRJAc {
   z-index: -100; /* This ends up in front of anything rendered in the same pane as the MCL otherwise */
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
 }
 
 .noResultsMessage---RRJAc,
 .noResultsMessageLabelWrap---U99k0 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .noResultsMessageLabelWrap---U99k0 {
   font-size: var(--font-size-large);
 }
 
 .noResultsMessageIcon---WPSFV,
 .noResultsMessageLabel---V6Xiq {
   margin: 0 4px;
 }
 
 .noResultsMessageButton---_elRd {
   margin-top: 15px;
 }
.mainPaneContainer---yHitl {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.controlsContainer---vgYf5 {
    padding: var(--gutter);
}

.bodyContainer---Rdc93 {
    flex-grow: 1;
}
.buttonStyle---a1rI8 {
  border-radius: var(--radius);
}

.buttonStyle---nieon {
  border-radius: var(--radius);
}

.triggerButton---cLkh9 {
  color: var(--primary);
  border-radius: 0;

  &::before {
    border-radius: var(--radius);
  }
}
.width100---Pi3_n {
  width: 100%;
}

.marginBottom---LciKQ {
  margin-bottom: var(--gutter);
}

.marginBottom0---UIzIT {
  margin-bottom: 0;
}

.buttonGroup---H2MVo {
  display: inline-flex;
  justify-content: space-between;

  &.fullWidth---q9sGV {
    width: 100%;

    & > * {
      width: 100%;
    }
  }

  & > :first-child,
  & > :first-child::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :last-child,
  & > :last-child::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  & > :not(:first-child) {
    margin-left: -1px;
  }

    & > :not(:first-child):not(:last-child),
    & > :not(:first-child):not(:last-child)::before {
      border-radius: 0;
    }
}

.dropdownButtonClass---sfbx_, .dropdownButtonClass---sfbx_::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] {
  & .buttonGroup---H2MVo {
    & > :first-child,
    & > :first-child::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }

    & > :last-child,
    & > :last-child::before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }

    & > :not(:first-child) {
      margin-left: 0;
      margin-right: -1px;
    }
  }

  .dropdownButtonClass---sfbx_, .dropdownButtonClass---sfbx_::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
}

.dropdownClass---fu3wg {
  padding: 0 !important; /* As always, this sucks but is forced on us by stripes bad css ordering */ 
}

.hidden---QvbUr {
  visibility: hidden;
}
.checkbox-wrapper---EcD_4{
    width: 100%;
    display: flex;
    justify-content: center;
}

.checkbox-with-asterisk---yh9t6 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkbox-with-asterisk---yh9t6::after {
    content: "*";
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 14px;
}

.lookupSearchContainer---yv9My {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lookupSearch---kXSUh {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}

.alignRightWrapper---_3xRj{
  display: flex;
  justify-content: flex-end;
}

.gridCheckbox---C3TYb {
  margin-left: 24px;
}

.gutterTop---HXuAi{
  margin-block-start: var(--gutter);
}

.loadingInTitle---Bv5Xi{
  margin-left: 8px;
}

.lookupSearchContainer---HWcxd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lookupSearch---PIaBl {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}

.alignRightWrapper---AP5ap{
    display: flex;
    justify-content: flex-end;
}

.RoleFormRoot---FCIwh {
	height: 100%;
	overflow: auto;
}

.alignRightWrapper---EV0Sx{
	display: flex;
	justify-content: flex-end;
}

.alignRightWrapper---B0M95{
  display: flex;
  justify-content: flex-end;
}

.lookupSearchContainer---lfXFA {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lookupSearch---f67xm {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}

.whitespacePre---rsMH6 {
    white-space: pre;
}
.help---DaJDx {
    text-align: left;
    font-size: small;
    color: #404040;
}

.searchIcon---KhUsr {
  color: var(--color-icon);
  display: flex;
  align-items: center;

  &.isFocused---rt8wo {
    fill: var(--primary)
  }
}
.header---tK949 {
  display: flex;
  justify-content: space-between;
  padding: var(--gutter);
  padding-left: 0;
}

.headerText---FZzPo {
  margin-bottom: 0;
}


/**
 * CustomProperties
 */

.lookupSearchContainer---aCQ0w {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lookupSearch---JDdhH {
  flex-grow: 1;
  margin-right: var(--gutter-static-two-thirds);
  width: unset;
}
.typedown---Dibk2 {
  margin-bottom: var(--gutter);
}

.fullWidth---Wwaf_ {
  width: 100%;
}

.dropdown---NhrcH {
  margin-bottom: 0;
}

.dropdownMenu---iGLX_ {
  background-color: var(--bg);
  padding: 0;
  float: left;
  right: 0;
  box-shadow: var(--shadow);
  border: 1px solid #ccc;
  margin-top: 0;
  width: var(--searchWidth);
  min-width: max(var(--searchWidth), 300px);
  pointer-events: all;
  z-index: 1000;
}

.menuButton---MUj9M {
  margin-bottom: 0;
  border: none;
  text-align: left;
}

/* .menuButton[data-selected=true], .selected {
  background-color: var(--primary);
  color: #fff;
} */

.selectedMenuButton---e_rGm {
  background-color: var(--primary);
  color: #fff;
}

/* Ensure dropdown menu has correct border radius when rendered above/below/floating */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] {
  border-radius: 0 0 var(--radius) var(--radius);
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] {
  border-radius: var(--radius);
}

/* Ensure buttons also follow the proper border radius */
div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-placement="top"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-placement="bottom"]:not([x-out-of-boundaries=""]) > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* When floating, last and first buttons need rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:first-child:before {
  border-radius: var(--radius) var(--radius) 0 0;
}

div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:last-child:before {
  border-radius: 0 0 var(--radius) var(--radius);
}

/* If there is only one element in a floating list, it needs both corners rounding */
div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child, div[class^="overlay"][x-out-of-boundaries=""] > div[class^="dropdownMenu"] > div[class^=listContainer] > button:only-child:before {
  border-radius: var(--radius);
}

.menuButton---MUj9M[data-selected=false]:nth-child(even) {
  background-color: var(--color-fill-table-row-odd);
}

.menuButton---MUj9M[data-selected=false]:nth-child(odd) {
  background-color: var(--color-fill-table-row-even);
}

/* Default menu button style is no rounded edges */
.menuButton---MUj9M::before {
  border-radius: 0;
}

.listContainer---dWzeq {
  border-bottom: 1px solid var(--color-border);
  overflow: auto;
  max-height: 40vh;
}

.listItem---ZJBii {
  padding: var(--gutter-static-two-thirds) var(--gutter)
}

.selectedDisplay---BQKAr {
  border-radius: 0 0 var(--radius) var(--radius);
  border: 1px solid #ccc;
  border-top: 0;
  display: flex;
}

.selectedItem---Hoj1u {
  flex-grow: 1;
}

.clearItem---E8UTU {
  flex-shrink: 1;
  padding: 0 var(--gutter-static-one-third);
}

.footer---CvmKP {
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}

.header---cIdal {
    padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds)
}
.fileViewContainer---QJYRF {
  width: 100%;
  border-top: 1px solid var(--color-border);
  padding: var(--gutter-static-one-third) var(--gutter);
  margin-top: var(--gutter);
}
.upload---Zingy {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: var(--gutter);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius);
  background-color: var(--color-fill);
}

.uploadTitle---KOC7R {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.activeUpload---A1nvu {
  background-color: var(--color-fill-current);
  color: var(--bg);
  border-style: dashed;
}

.activeUploadTitle---OzHmM {
  font-size: var(--font-size-large);
}

.children---bVBKy {
  width: 100%;
  display: flex;
}
.searchKeyControlContainer---j6CWV {
    /* Remove this top margin, only here for clarity*/
    margin: var(--gutter-static-two-thirds) 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.searchKeyControlElement---yTekK {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 var(--gutter-static-two-thirds) 0 0;
}


 /**
 * No Results Message
 */

 /* Empty Message */
 .noResultsMessage---W8__E {
   z-index: -100; /* This ends up in front of anything rendered in the same pane as the MCL otherwise */
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
 }
 
 .noResultsMessage---W8__E,
 .noResultsMessageLabelWrap---pWMuM {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .noResultsMessageLabelWrap---pWMuM {
   font-size: var(--font-size-large);
 }
 
 .noResultsMessageIcon---iY6mA,
 .noResultsMessageLabel---dfnfR {
   margin: 0 4px;
 }
 
 .noResultsMessageButton---sB436 {
   margin-top: 15px;
 }
.mainPaneContainer---y5dgS {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.controlsContainer---rPlzw {
    padding: var(--gutter);
}

.bodyContainer---t96yC {
    flex-grow: 1;
}
.buttonStyle---uRiFI {
  border-radius: var(--radius);
}

.buttonStyle---_DlRa {
  border-radius: var(--radius);
}

.triggerButton---onDBP {
  color: var(--primary);
  border-radius: 0;

  &::before {
    border-radius: var(--radius);
  }
}
.width100---pw9Wp {
  width: 100%;
}

.marginBottom---tzZK4 {
  margin-bottom: var(--gutter);
}

.marginBottom0---hKqYO {
  margin-bottom: 0;
}

.buttonGroup---N8upa {
  display: inline-flex;
  justify-content: space-between;

  &.fullWidth---azG2m {
    width: 100%;

    & > * {
      width: 100%;
    }
  }

  & > :first-child,
  & > :first-child::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :last-child,
  & > :last-child::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  & > :not(:first-child) {
    margin-left: -1px;
  }

    & > :not(:first-child):not(:last-child),
    & > :not(:first-child):not(:last-child)::before {
      border-radius: 0;
    }
}

.dropdownButtonClass---nUL_T, .dropdownButtonClass---nUL_T::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] {
  & .buttonGroup---N8upa {
    & > :first-child,
    & > :first-child::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }

    & > :last-child,
    & > :last-child::before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }

    & > :not(:first-child) {
      margin-left: 0;
      margin-right: -1px;
    }
  }

  .dropdownButtonClass---nUL_T, .dropdownButtonClass---nUL_T::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
}

.dropdownClass---H1lk8 {
  padding: 0 !important; /* As always, this sucks but is forced on us by stripes bad css ordering */ 
}

.hidden---AYYRD {
  visibility: hidden;
}
.noneToDelete---LL55x {
  font-style: italic;
  color: grey;
}

.hiddenErrorFieldWrapper---_Z8qH {
  width: 100%;

  & [role="alert"] div {
    display: none;
    margin-bottom: 0 !important;
  }

  & div {
    margin-bottom: 0 !important;
  }

  & > div > div > div {
    margin-bottom: 0 !important;
  }
}

.cellWrapper---yGKnj {
  align-items: start;
}

.conflictMessage---HP3ls {
  margin: 0.75rem;
  display: flex;
  align-items: center;
  color: var(--error);

  & span {
    margin-right: 0.3rem;
  }
}

.fieldListWrapper---fGdYI {
  gap: 8px;
}

.conflictCell---ooux3 {
  background-color: var(--error-fill);
}

.disabledIconButton---BwHvw {
  color: #ccc;
  pointer-events: none;
}

.wrapper---s_HWX {
  width: 100%;

  & [role='alert'] div {
    display: none;
    margin-bottom: 0 !important;
  }

  & select {
    margin-bottom: 0 !important;
  }
}

.deleteButton---HsQAB {
  color: var(--danger);
}

.dayCell---SyDZM {
  align-items: start;
}

.hoursCell---l3yvm {
  flex-direction: column;
  align-items: stretch;
  padding: 0;

  & p {
    margin: 0;
    padding: 5px 10px;

    &:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
  }
}

.noValue---afQHq {
  font-style: italic;
  color: grey;
}

.hidden---qIm5n {
  display: none;
}

.calendar---ZO0qB {
  --min-row-size: min(
    6rem,
    10vh
  ); /* no more than 1/10 of the total view height */

  --border-color: #999;

  /* take up at least 40% of the screen */
  width: max(100%, 40vw);
  margin-right: 15px; /* ensure right margin shows within overflowed pane */

  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows:
    4.5rem /* top row */
    2.5rem /* weekday labels */
    repeat(var(--num-main-cal-rows), 1fr); /* actual days, num provided by JS */

  /* used for borders */
  grid-gap: 1px;
  background-color: var(--border-color);
  border: 1px solid var(--border-color);

  & > div {
    background-color: #fff;
  }
}

.calendarDay---pv4La {
  min-height: var(--min-row-size);

  /* flex things vertically from the top and left-aligned */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2px 4px;

  &.adjacentMonth---gYRgt {
    background-color: #eee;
  }

  /* show day label in the top right */
  & .dayLabel---WVpcm {
    align-self: flex-end;
  }

  & p {
    margin: 0.25rem;

    &.closed---x18FN {
      font-style: italic;
      color: grey;
    }
  }

  & .icon---h8JNP {
    align-self: flex-end;
    margin-top: auto;
  }
}

.weekdayLabel---AZ0qp {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
}

.headerRow---H6te6 {
  grid-column: 1 / span 7; /* take a full row */

  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;

  & svg {
    width: 2rem;
    height: 2rem;
  }
}

.periodContainer---oBEfw {
  display: flex;
}

.periodContainer---oBEfw [class*="formControl"] {
  margin-bottom: 0;

  & option {
    color: initial;
  }
}

.error---EVBLX {
  color: var(--error);
  display: inline-block;
  margin-top: var(--gutter);
}

.footerContent---cbsx5 {
  max-width: 50em;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.exceptionCard---TKO1q {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  margin: 0 15px 0 0;
  padding: 0 10px 10px 10px;
  width: 500px;
}

.exceptionCard---TKO1q:first-child {
  border-top-width: 1px;
}

.exceptionCardHeader---fvlmv {
  padding-left: 0.5rem;
}

.exceptionSection---yCAnU {
  display: flex;
  align-items: flex-end;
}

.exceptionAddButton---u03Bm {
  margin-bottom: 6rem;
}

.loanHistoryForm---sbWG7 {
  height: 100%;
}

.header---IPJlF {
  margin-top: 0px;
}

.loanPolicyForm---Ulhkq {
  height: inherit;
}

  .accordionSection---F9RWj{
    max-width:1200px;
    margin-left:40px;
  }

  .finePolicyForm---z29vI {
    height: inherit;
  }

  
.lostItemFeePolicyForm---Iv1Hn {
  height: 100%;
}

.codeMirrorFullScreen---da90O {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.codeMirrorFullScreen---da90O .CodeMirror {
  height: 100%;
}

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

.circulationRulesFormBody---rSYa9 {
  flex-grow: 1;
  position: relative;
}

.circulationRulesFormBody---rSYa9[class*="row"] {
  flex-grow: 1;
}

.scheduleItem---QIYNs {
  border-color: #999;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin: -1px -1px 25px;
}

.scheduleHeader---mebl_ {
  background-color: var(--bg-hover);
  padding: 7px;
  min-height: 30px;
  font-weight: var(--text-weight-medium);
}

.scheduleItemContent---jStGO {
  padding: 6px 14px;
  width: 100%;
}
.scheduleItem---YYQDo {
  border-color: #999;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin: -1px -1px 25px;
}

.scheduleHeader---TDYTU {
  background-color: var(--bg-hover);
  padding: 5px;
  min-height: 30px;
  font-weight: var(--text-weight-medium);
}

.scheduleItemContent---iEL2M {
  padding: 6px 14px;
  width: 100%;
}

.headerIcon---sV52P {
  text-align: right;
  color: var(--color-text);
}

.scheduleError---ZkUpR {
  color: var(--error);
  margin-bottom: 5px;
}

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

.adjustDelete---bTqkN {
  margin: 10px 0 10px 0;
}

.footerContent---LeAYi {
  max-width: 50em;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.fixedDueDateScheduleForm---AMbl5 {
  height: inherit;
}

.patronNoticeForm---GXDWf {
  height: inherit;
}
.preview---Oim_h {
  justify-content: flex-end;
  padding-right: 5px;
  margin-bottom: 5px;
}
.staffSlipForm---U_T5J {
  height: inherit;
}

.notice---lRY4P {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 10px;
  width: 100%;
}

.header---RKlm9 {
  padding: 0.15rem;
  font-weight: var(--text-weight-medium);
  background-color: #e6e6e6;
}

.headerTitle---oLRBr {
  padding: 5px 10px;
}

.noticeField---PvZsJ {
  padding: 10px 20px;
}

.cardText---bC4W8 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-top: 20px;
}

.fieldLabel---_DE0o {
  padding-left: 20px;
}

.checkbox---C6LEg {
  margin: 10px 0;
}

.notice---mKXv7 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 10px;
  width: 100%;
}

.noticeContainer---FvN6d {
  padding: 10px 20px;
}

.header---iIy_Z {
  padding: 0.15rem;
  font-weight: var(--text-weight-medium);
  background-color: #e6e6e6;
}

.leftButtons---cgPFD {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 5px 10px;
}

.dragHandleIcon---zaGlI {
  display: flex;
  cursor: grab;
}

.headerIcon---sqrfl {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.noticeField---VjoPm {
  padding-top: 5px;
  padding-bottom: 5px;
}

.cardText---d9RjG {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.cardTextWithotLabel---BLZtD {
  padding-bottom: 20px;
}

.fieldLabel---g8vRY {
  padding-left: 20px;
}

.buttonContainer---aFLId {
  margin-top: 15px;
}

.noticePolicyForm---dkJkc {
  height: inherit;
}
.requestPolicyForm---zVZ1H {
  height: inherit;
}
.titleLevelRequestsForm---pxURD {
  height: 100%;
}

.tlrSettings---XNFHM {
  margin: 1.5em 0 2em;
}

.printHoldRequestsForm---VdK3X {
  height: 100%;
}

.TLRPatronNoticesForm---nUPzb {
  height: 100%;
}

.titleLevelRequestsForm---yA4Iz {
  height: 100%;
}

.tlrSettings---ZrPU4 {
  margin: 1.5em 0 2em;
}

.consortiumTlrForm---q_RnO {
  height: 100%;
  width: 100%;
}

.notification---e6P7U {
  margin: 1em 0;
}

.viewPrintDetailsForm---HLAgk {
  height: 100%;
  width: 100%;
}

.keyValueTable---z385K tbody tr td:first-child {
    font-weight: bold;
    text-align: right;
    padding-right: 1em;
}

.moduleTable---wTO2N th,
.interfaceTable---aOoec th {
    text-align: left;
}

.moduleTable---wTO2N thead tr th:nth-child(2),
.moduleTable---wTO2N tbody tr td:nth-child(2),
.moduleTable---wTO2N tbody tr td:nth-child(3),
.interfaceTable---aOoec thead tr th:nth-child(2),
.interfaceTable---aOoec tbody tr td:nth-child(2),
.interfaceTable---aOoec tbody tr td:nth-child(3) {
    padding-right: 1em;
}

.moduleTable---wTO2N button {
    color: #008;
}

.multipleInterfaces---YLUN1 {
    background-color: #80e080;
    border-radius: 1em;
    padding: 0.25em;
}

.error---B7qQ2 {
    color: #800;
}

.moduleDetail---sVPJR {
    background-color: #eee;
    margin-left: 2em;
    padding: 0em 1em ;
    border: 1px solid #ccc;
}

.moduleDetail---sVPJR h5 {
    font-size: 120%;
}

.moduleDetail---sVPJR h6 {
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.moduleDetail---sVPJR code {
    font-size: 90%;
}

.alignLastColToEnd---YXq7J > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---I8cse > div {
  padding-bottom: 0;
}

.resetButton---m7VeX {
  padding: 0 6px 0 3px;
}

.searchField---FEROZ {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---tXANq {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---Q_iat {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---eQqHL {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---YAn_A {
  flex: 1;
}

.renderEnd---jPlYV {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---MIfjd {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---ObnQ3 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---UgR8l {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---gDjaY {
  margin-bottom: 0.5rem;
}

.showButtonsBar---Nb0Tc {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---vvUeq {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---RZb_9 {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---CkSFJ {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---c9fly {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---xlqaW {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---GrKOv {
  display: flex;
}

.visibilityControlLabel---kkPLu {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---EPKLz {
    margin-left: unset;
  }
}

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

.mclRowContainer---Q8XC2 {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---ZOMs_ {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---UHMPT {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---xL7Kp {
  color: var(--error);
}

.versionCardBody---trJH2 {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---bM8bq {
  margin-bottom: 0;

  & .changedRecord---sOXde {
    margin-bottom: 0;
  }
}

.inlineLabel---uuB2M {
  display: inline;
}

.searchField---_MUI1 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---PdiEw {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---VRuYT {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---HDbUx {
  margin-bottom: 0.5rem;
}

.showButtonsBar---UGCMj {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---DVBdm {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---XywbP {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---IbEc6 {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---GTqb9 {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---BFO2l {
    margin-bottom: 0;
  }

  &.marginTop0---vr8JP {
    margin-top: 0;
  }
}

.addRoutingListButton---IZtdY {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---nScam {
  margin-top: 8px;
}

.unassignAll---oYxzR {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.paneFooterEnd---z2TgE {
  display: flex;
  gap: var(--gutter);
}

.changePasswordForm---G90zl {
  height: 100%;
}

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

.appListContainer---BShyB {
  flex: 1 1 90%;
  max-height: 430px;
}

.draggableList---qu3WC {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 100%;
  padding: 0;
  align-content: flex-start;
}

.reorderListItem---KfWfu {
  margin: 2px 8px;
  background-color: #efefef;
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  display: flex;
  width: 230px;
  outline: 0;

  &:active   {
    margin-left: .5rem;
    cursor: grabbing;
    box-shadow: -5px 10px 18px -1px rgba(78, 79, 76, 0.39);
  }

  .listItemLabel---ToHZI {
    flex: 1 0 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .listItemContent---zV1B9 {
    padding: 8px;
    flex-grow: 2;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    outline: 0;
    border: 1px solid transparent;

    &:focus {
      border: 1px solid var(--color-border);
      box-shadow: 0 0 0 2px var(--color-focus-shadow);
      z-index: 3;
    }

    &.activeItem---ONS8t {
      border-left-width: 5px;
    }
  }
}

.dragIcon---leigL {
  color: rgb(0 0 0 / 38%);
}


.oaiNotification---O1jtA {
  padding: 1rem 0;
}

.form---l_sNZ {
  height: 100%;
}

.header---moA53 {
  margin-bottom: 10px;
}

.headerCell---Ll64Z {
  padding: 10px 10px 5px;
  font-weight: var(--text-weight-bold);
  border-bottom: 5px solid var(--primary);
}

.SetRow---Z0e_2:nth-child(2n +1) {
  background: var(--color-fill-table-row-odd);
}

.SetRow---Z0e_2:nth-child(2n) {
  background: var(--color-fill-table-row-even);
}

.SetCell---bvyM4 {
  height: 65px;
  padding: 15px 15px 20px;
  border-left: 1px solid var(--color-border-p2);
}

.SetCell---bvyM4:first-child {
  border-left: none;
}

.Checkbox---W0y91 {
  align-items: center;
}

.title---ut3Vm {
  font-size: 1.05rem;
  font-weight: var(--text-weight-bold);
  margin-bottom: var(--control-label-margin-bottom);
}

.content---JLrj3 {
  min-height: var(--control-min-size-desktop);
  word-break: break-word;
}

.SetsForm---kgRIL {
  height: 100%;
}

.SetsFormContent---q3rFS {
  width: 70%;
  margin: 0 auto;
}

.actionIcon---iJxvw {
  margin-right: 10px;
}

.missingValue---hQFXS {
  width: 100%;
  color: var(--error);
}

.filteringConditionFieldsTitle---pJkhN {
  font-weight: var(--text-weight-bold);
}

.HeadLine---fNbPN {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addressWrapper---ifSQp {
  white-space: pre-line;
}

.localeForm---UF_6g {
  height: 100%;
}

.pluginForm---XrecL {
  height: 100%;
}

.samlForm---Wb84A {
  height: 100%;
}

.numberOfObjectsWrapper---lytS5 {
    color: #2f609f;
    cursor: pointer;
    text-decoration: none;
}

.primaryToggle---TeMdp {
  padding: 4px 8px;
  color: #555;
  font-size: var(--font-size-medium);
  cursor: pointer;
  margin-bottom: 0;

  & input[type="radio"] {
    margin: 0 4px;
    vertical-align: text-top;
  }
}

.label---HSGnJ {
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  color: var(--color-text);

  &.required---TS7e_::after {
    content: '(required)';
    margin: 0 4px;
    color: #666;
  }
}

.asterisk---VRJsQ {
  color: var(--error);
  font-weight: var(--text-weight-bold);
  padding: 0 0.1rem;
}

.fieldsLayout---Xo6Kp {
  margin-top: 1.6rem;
  margin-bottom: calc(var(--gutter-static) * -2);
}

.selectLayout---lOqNX {
  min-width: 200px;
}

.selectField---O_avM {
  min-width: 180px;
}

.radioButtonLayout---NwoRS {
  min-width: 50px;
  align-self: flex-start;
  padding-top: 7px;
}

.servicePointsLabel---Nef7e {
  min-width: 200px;
}

.primaryLabel---g7CwN {
  min-width: 50px;
}

.emptyMessage---VBF7i {
  color: var(--error);
}

.RFLegend---TbfIF {
  margin-bottom: 6px;
}

.addButton---AQ0hc {
  margin-bottom: 12px;
}

.linkButton---f9wrn {
  padding: var(--input-vertical-padding);
  margin-bottom: 12px;
}

.fullWidth---h57jU {
  width: 100%;
}

.labelRow---U1N2I {
  margin-bottom: 0.25rem;
}

.label---RT8gT {
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  margin-bottom: 0;
}

.servicePointsForm---hgjCd {
  height: 100%;
}

.table---t5bqN {
    border-collapse: collapse;
    width: 100%;
}

.table---t5bqN th,
.table---t5bqN td {
    border: 1px solid #ccc;
    padding: 0.25em 0.75em;
}

.table---t5bqN th,
.total---LgpkO {
    background: #d9e2f1;
}

.total---LgpkO {
    font-weight: bold;
}

/* Higher specificity than `.table th` so the group tint wins on the header. */
.table---t5bqN .totalGroup---s9d1O {
    background: #8fa9db;
}

.table---t5bqN .uniqueGroup---r7F60 {
    background: #f4af84;
}

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

.enabled---_KzZ4 {
}

.disabled---qhwEb {
    pointer-events: none;
    opacity: 0.5;
}

.ongoing---cMXZt {
    width: 100%;
    padding: 5em 0em;
    color: #888;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 200%;
}

.cardClass---DsBDw:last-child,
.cardWithLengthControl---rv8QO {
  margin-bottom: 0;
}

.headerClass---Ze_WM {
  padding: 5px;
  justify-content: space-between;
}

.headerClass---Ze_WM span {
  flex: initial;
}

.emptyBody---XdogX {
  padding: 0;
}

.aggregateCardP---TMG4d, .dryRunCardP---aNcrY {
  margin-bottom: 0;
}

.noMargin---JRN1v {
  margin: 0;
}

.invisible---cqDWW {
  color: gray;
}

.preview---EzM2A {
  padding: 0.5rem;

  font-family: monospace;
  font-size: 1rem;

  overflow-x: auto;
  white-space: pre;
}

.preview---EzM2A.wrap---GQjkT {
  overflow-x: initial;
  white-space: pre-wrap;
  line-break: anywhere;
  word-break: break-all;
}

.evaluationDescription---Scgbv {
  margin: 0;
}

.searchGroupWrap---e5TAf {
  margin-bottom: .5rem;
}

.searchField---iSMpx {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---UOvVx {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---aJkb2 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.modalContent---MgyGF {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.modalContent---cM4GW {
  height: 80vh;
  padding: 0;
}

.authorityLinkSpinner---GL08y {
  min-width: 60px;
}

.link---q81Pm {
  text-align: left;
}

.authorityLinkSpinner---zm5Kl {
  min-height: 23px;
}

.alignLastColToEnd---qJo8G > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---izrYu > div {
  padding-bottom: 0;
}

.resetButton---QEQUw {
  padding: 0 6px 0 3px;
}

.searchField---SCTkq {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---JMuH_ {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---O4rcy {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---qZ2Lz {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---XS4fR {
  flex: 1;
}

.renderEnd---Rum4c {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---Cxltx {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---oW8xM {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---ulVtm {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---gi_1S {
  margin-bottom: 0.5rem;
}

.showButtonsBar---nyLvQ {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---WcFum {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---rLqdy {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---KCp4E {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---uUVLF {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---Qd5mW {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---YTk13 {
  display: flex;
}

.visibilityControlLabel---sH7zd {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---OFfXT {
    margin-left: unset;
  }
}

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

.mclRowContainer---Ehwub {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---dTeku {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---hYz2f {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---rTWAq {
  color: var(--error);
}

.versionCardBody---fZI5g {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---vq_jO {
  margin-bottom: 0;

  & .changedRecord---lp8o1 {
    margin-bottom: 0;
  }
}

.inlineLabel---OwGVs {
  display: inline;
}

.searchField---wIPmq {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---kXu1g {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---Dn9Tg {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---mQR_A {
  margin-bottom: 0.5rem;
}

.showButtonsBar---NwjLV {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---JOSJ0 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---VcSOa {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---gjlTY {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---tdnac {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---HpfG2 {
    margin-bottom: 0;
  }

  &.marginTop0---vskhN {
    margin-top: 0;
  }
}

.addRoutingListButton---jGGcP {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---PC0Hl {
  margin-top: 8px;
}

.unassignAll---qC7HN {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.searchGroupWrap---H9sbi {
  margin-bottom: 0.5rem;
}

.searchField---iJyL5 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---hun4U {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---TLcX6 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.modalContent---Y1ZKI {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.modalContent---t0Z8R {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchGroupWrap---DVeBV {
  margin-bottom: .5rem;
}

.searchField---tKaLj {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---IuNKv {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---Q8zOJ {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.alignLastColToEnd---E8pWS > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---pbR5H > div {
  padding-bottom: 0;
}

.resetButton---ChyFH {
  padding: 0 6px 0 3px;
}

.searchField---yBE1M {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---xPtdu {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---xFUJM {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---HZD24 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---ADirL {
  flex: 1;
}

.renderEnd---h023J {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---VfPIw {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---I4PtG {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---TtMSr {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---A2Ue0 {
  margin-bottom: 0.5rem;
}

.showButtonsBar---t2amB {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---C_pQU {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---znzYL {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---B4qRW {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---gjxzV {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---bpMZ0 {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---E8qM1 {
  display: flex;
}

.visibilityControlLabel---N8igY {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---NG7SR {
    margin-left: unset;
  }
}

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

.mclRowContainer---UCg4R {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---hxnI6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---x5G0Y {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---Ttotg {
  color: var(--error);
}

.versionCardBody---qpupH {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---BTiLg {
  margin-bottom: 0;

  & .changedRecord---yXTCo {
    margin-bottom: 0;
  }
}

.inlineLabel---GNa5v {
  display: inline;
}

.searchField---LW_cD {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---S9KS7 {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---NImx4 {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---UFQkW {
  margin-bottom: 0.5rem;
}

.showButtonsBar---YlZGI {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---WcAdh {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---ktRnz {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---iqXjL {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---QhvbF {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---x5UVQ {
    margin-bottom: 0;
  }

  &.marginTop0---L14Vn {
    margin-top: 0;
  }
}

.addRoutingListButton---V6OF4 {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---I7ddW {
  margin-top: 8px;
}

.unassignAll---fL7Z5 {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.fullWidthAndHeightContainer---WA8ld {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;

  &:empty {
    display: none;
  }
}

.cellAppIcon---KHw07 {
  align-items: baseline;
  flex-shrink: initial;
}

/* disable styles for visited links created by react-router-dom Link */
.linkButton---GBHfU,
.linkButton---GBHfU:visited,
.linkButton---GBHfU:hover,
.linkButton---GBHfU:active {
  color: inherit;
}

.endOfRecord---m6MGk {
  margin-top: -1rem;
  text-align: left;
}

.checkbox---_qPDU {
  &:disabled {
    margin: 0;
  }
}

.cellLink---UQ1hc {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  color: inherit !important;
}

.modifyActionIcon---j8XzC {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.preloader---dzBbN {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}

.separatorLine---okSJE {
  border-bottom: 5px solid var(--primary);
}

.headline---zHhkE {
  word-break: break-word;
}

.headlineMargins---XVzxX {
  margin: 2.5rem 1rem;
}

.leftMargin---ArUM9 {
  margin-left: 5px;
}

.sideMargins---CLLsU {
  margin: 0 20px;
}

hr {
  margin: 0;
}

.baselineCell---Fb8F6 {
  display: inline-block;
  align-self: baseline;
}

pre {
  & code {
    &.info---qH74o {
      background-color: #f5f8f6;
      color: #000000;
    }
    &.error---YAQm4 {
      outline: 1px solid #bf0000;
      background-color: #e7cdcd;
      color: #000000;
      & .header---AQGBY {
        background: #a61e37;
        color: #ffffff;
      }
    }
    & .key---oy_zR { color: #dc6900; }
    & .string---kLPQD { color: #145A32  ; }
    & .number---YtloI { color: #bf0000; }
    & .boolean---Dg9VD { color: #005b96; }
    & .null---OeU7b { color: #800080; }
  }
}


pre {
  & code {
    &.info---CJOub {
      background-color: #232b2b;
      color: #ffffff;
    }
    &.error---uouYA {
      outline: 1px solid #bf0000;
      background-color: #400000;
      color: #ffffff;
      & .header---og2w2 {
        background: #a61e37;
        color: #ffffff;
      }
    }
    & .key---BHgCZ { color: #ffbf00; }
    & .string---g6KNu { color: #a0d6b4; }
    & .number---S8UpL { color: #ff6f69; }
    & .boolean---wo_dr { color: #66ccff; }
    & .null---Nw02k { color: magenta; }
  }
}

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

.searchResults---Ubr4u {
  flex-grow: 1;
}

.searchResultsRow---boHKa {
  flex: 1;
}

.searchResultsInnerRow---rWG7l {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

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

.decorator---BvXTF {
  display: flex;
  align-items: flex-start;
  & .options-dropdown---wuLF6 {
    display: flex;
    height: 100%;
    & button {
      min-width: 143px;
      height: 23px;
      padding: 0 5px 0 10px;
      border-top: 1px solid rgba(0, 0, 0, 0.42);
      border-right: 1px solid rgba(0, 0, 0, 0.42);
      border-bottom: 1px solid rgba(0, 0, 0, 0.42);
      border-left: 0;
      border-radius: 0;
      &::before {
        border-radius: 0;
      }
    }
  }
}

.decoratorWrapper---Erg43 {
}

.decorator---eBMgj {
}

.options-dropdown---iHyhm {
}

.container---GDxX4 {
  padding-bottom: var(--gutter);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.message---c56S7 {
  margin-bottom: 10px;
  font-size: var(--font-size-xx-large);
  font-weight: var(--text-weight-headline-basis);
  color: var(--color-text);
}

.subMessage---gXt2W {
  margin-bottom: 40px;
  font-size: var(--font-size-x-large);
  color: var(--color-text);
}

.buttonsContainer---VnGKm {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.submitButton---oxqhX,
.deleteButton---eRxCK {
  flex-shrink: 0;
  height: 40px;
  margin-left: 0 !important;
  font-size: var(--font-size-large);
}

.delimiter---B3Ztu {
  overflow-wrap: break-word;

  & > span:not(:last-child):after {
    content: " \B7 ";
  }
}

.job---SC2Nd {
  padding: .5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font-size: var(--font-size-small);
  line-height: var(--line-height);
  position: relative;

  &:not(:first-child) {
    margin-top: 10px;
  }

  & .delimiter---B3Ztu:first-child {
      padding-right: var(--control-min-size-desktop);
  }

  &.deletingInProgress---SQaPv {
    border-color: var(--danger);
    background-color: oklch(from var(--error) l c h / 10%);

    & .deleteIcon---DINIq {
      display: none;
    }
  }

  .fileItemDanger---xAiys {
    padding-right: 60px;
    border-color: var(--danger);
    background-color: oklch(from var(--error) l c h / 10%);
  }
}

[class*="listStyleDefault"] {
  & .job---SC2Nd {
    margin-bottom: 0;
    display: block;
    padding: .5rem;
    border-radius: var(--radius);
  }
}

.jobHeader---R5zpL {
  font-size: var(--font-size-medium);
  font-weight: 600;
}

.jobPreview---yIeSh {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon---VOtH0 {
  position: absolute;
  top: 10px;
  right: 10px;
}

.deleteIcon---DINIq {
  display: inline-block;
}

.compositeList---AYioE {
  list-style-type: disc;
  margin-top: 6px;
  & .listItem---MaYbA {
    display: list-item;
    padding: 0;
    margin-bottom: 0;
  }
}
.jobsPane---bwNwS [role=tabpanel] {
  margin-left: var(--input-horizontal-padding);
  margin-right: var(--input-horizontal-padding);
}

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

.tableHeader---_4ZCL {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 5px solid var(--primary);
}

.tableHeaderCell---fprsU {
  display: flex;
  align-items: center;
  padding: var(--gutter-static-two-thirds) var(--gutter-static-two-thirds) var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  font-weight: var(--text-weight-bold);
  font-size: var(--font-size-medium);
  color: var(--color-text);
}

.tableRowContainer---p9FUZ {
  background: var(--color-fill-table-row-odd);

  &:nth-child(odd) {
    background: var(--color-fill-table-row-even);
  }
}

.tableRow---U01k9 {
  display: flex;
}

.tableCell---yKkWf {
  display: flex;
  align-items: flex-start;
  padding: var(--gutter-static-one-third) var(--gutter-static-two-thirds);
  min-height: var(--control-min-size-desktop);
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;

  &:last-child {
    border-right: 0;
  }

  &:not(:first-child):not(:last-child) > :first-child {
    flex-grow: 1;
  }
}

.removeButton---gTmHC {
  &:disabled {
    pointer-events: none;
  }
}

.tableDataCell---GnRsH {
  flex-grow: 1;
  margin-right: 5px;
}

.tableViewLabel---wm864 {
  padding-right: 3px;
  color: var(--color-text-p2);
  white-space: nowrap;
}

.options-list---dh3YS {
  min-width: 142px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.03);
  & ul {
    margin: 0;
    list-style: none;
    & li {
      & [class|="button"] {
        height: 23px;
        margin: 0;
        padding: 0 5px;
        border: solid 1px transparent;
        border-radius: 0;
        &::before {
          border-radius: 0;
        }
      }
    }
  }
}

.dropdownList---_iX_K {
  max-height: 300px;
  overflow-x: hidden;
  margin: 0 -13px;

  & li {
    padding: 0 13px;
    &:first-child {
      padding-top: 3px;
    }
  }
}

.mappingForm---nV3Ei {
  max-width: 100%!important;

  & [class|="kvRoot"] {
    margin-bottom: 0;
  }
}

.colWithTable---h_l9Q {
  margin-bottom: 1em;
}

.addFieldButton---SxIaT {
  margin-top: var(--gutter);
}

.noValueAllowed---qBtsS {
  padding: 0 8px;
}
.iconContainer---DLYMJ {
  display: inline-block;
}

.matchCriteria---Ulj_8 {
  background-color: #616161;

  & > :last-child > :last-child {
    margin-top: 0;
  }

  & [class|="headerInner"] {
    & > span {
        color: #b2b2b2;
    }

    & > div {
      color: var(--bg);
    }
  }

  & .matchCriterion---p2uIZ {
    padding: 0;
    border: none;
    border-radius: 0;

    & .incoming---OLheA {
      background-color: #b2b2b2;

      & label :not(:first-child) {
        color: #616161;
      }

      & .field---luxZk > :first-child {
        color: #616161;
      }
    }

    & .inputContainer---phEna {
      background-color: #e5e5e5;

      & [class|="content"] [class|="formControl"] {
        margin-bottom: 0;
      }

      & input, & select {
        background-color: #ffffff;
      }
    }

    & .staticSection---bLIr5 {
      & > div:first-child {
        margin-bottom: -1rem !important;
      }

      & .dateRangeLabel---ixpRr {
        margin: 0 0.7rem;
      }
    }

    & .criterionSection---ThYXP {
      background-color: #b2b2b2;
    }

    & .existing---dY7fy {
      background-color: #b2b2b2;

      & label :not(:first-child) {
        color: #616161;
      }

      & .field---luxZk > :first-child {
        color: #616161;
      }
    }
  }
}

.matchCriteria---pf80R {
}

.matchCriterion---AmGkV {
}

.inputContainer---ryYmH {
}

.dateRangeLabel---eKNwc {
}

.criterionSection---szW7b {
}

.incoming---k_9wK {
}

.existing---XPbEz {
}

.field---SF4gb,
.qualifier---IVWm4,
.part---moLDa {
}

.staticSection---w7KB9 {
  & > div:first-child {
    color: var(--color-text);

    & > div:first-child {
      width: auto !important;
    }
  }
}


.matchCriteria---pf80R {
  & > :last-child > :last-child > :first-child {
    border-top: none;
  }

  & .inputContainer---ryYmH > div:last-child:not(:first-child) > :first-child {
    margin-bottom: 0;
  }

  & .fieldValue---rPDxk {
    margin-bottom: 1rem;
  }
}

.matchLabel---yaEdr {
  color: #ffffff;
  padding-left: 1rem;
}

.details---nvyW2 {
  & > :last-child > :last-child section:nth-child(n+2) {
    margin-top: 1rem;

    & > :first-child {
      border-top: none;
    }
  }
}

.matchCriterion---D595v {
}

.inputContainer---E6zm0 {
}

.staticSection---lTJqr {
}

.dateRangeLabel---vbfVr {
}

.incoming---tl3Nf {
}

.criterionSection---vcaPr {
}

.existing---tMY7c {
}

.field---pzWwQ {
}

.matchCriteria---sBopp {
  margin-top: -14px;
  margin-bottom: -14px;
}

.matchLabel---TgHoU {
  color: #ffffff;
  padding-left: 1rem;
}

.container---ti47n {
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  padding: 1rem;
  &:nth-child(n+2) {
    margin-top: 1rem;
  }
  & .content---zwQ0h {
    margin-top: 1rem;
    &.no-label---aC4Mo {
      margin-top: 0;
    }
    & > :nth-child(n+2) {
      margin-top: 1rem;
    }
    & > :last-child {
      margin-bottom: 0;
    }
  }
}

.list-editable---Vbgfd {
  margin-bottom: 1rem;
}

.button-unlink---s5X3z {
  padding: 2px 10px;
  & span[class|=icon] {
    background: transparent!important;
    border: none;
    border-radius: 0;
    & img, &::after {
      box-shadow: none;
      border: none;
      border-radius: 0;
    }
  }
}

.line---ixHKV {
  border-top: 1px solid grey;
}

.profile-linker---I4TUE {
  min-height: 150px;
}
.linker-caption---GZZyy {}
.linker-button---CWm2P {
  & [class|=button] {
    margin: 0;
    padding: 0 3px;
  }
}
.profile-label---G_yho {
  display: flex;
  justify-content: space-between;
  justify-items: center;
  min-height: 35px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: var(--color-fill);
  & .record-container---vUAxq {
      padding: 7px;
      & [class|=button] {
          text-align: left;
          white-space: normal;
      }
  }
  & .buttons-container---XGWG9 {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    padding: 4px 7px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    & button {height:25px;}
  }
}
.profile-branch---TK6TU {
  position: relative;
  &:not(:last-child) {margin-bottom: 10px;}
  & .branch-container---AAxLF {
    margin: 10px 0 10px 35px;
    & [class|=accordion] {
      background-color: var(--color-fill);
      &:not(:last-child) {margin-bottom: 10px;}
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 10px;
    }
    & [aria-expanded|=true] {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
    & [class|=defaultCollapseButton] {
      padding: 5px 10px;
      font-size: 1rem;
    }
    & [class|=content] {
      margin: 0;
      padding: 10px;
    }
    & .branch-tree-container---gcFOx {margin-bottom: 10px;}
  }
}
.profile-tree---jofGF {
  & [class|=overlay] {transform: translate3d(0, 24px, 0px)!important;}
  & [class|=DropdownMenu] {min-width: 20vw;}
  & .profile-tree-container---nITk5 {margin-bottom: 10px;}
}

.fileItem---QIh0b {
  position: relative;
  margin-bottom: 0.7rem;
  padding: 0.5rem 35px 0.5rem 0.5rem;
  border: 2px solid var(--color-border);
  border-radius: var(--radius);
}

.fileItemDanger---W6sOj {
  padding-right: 60px;
  border-color: var(--danger);
  background-color: oklch(from var(--error) l c h / 10%);
}

.fileItemUploading---Ktkd4 {
  padding-right: 0.5rem;
}

.fileItemFailed---a9vqb {
  color: var(--danger);
}

.fileItemHeader---nQmcp {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

.fileIcon---m_ar1 {
  position: absolute;
}

.fileItemHeaderContent---p0TiW {
  word-break: break-word;
}

.fileItemUploadedHeaderContent---vF2Uf {
  color: var(--color-text-p2);
}

.fileItemHeaderName---WgMfn {
  margin-right: 2rem;
  text-indent: 18px;
}

.icon---fYMEy {
  position: absolute;
  right: 10px;
}

.undoIcon---Kj99Z {
  text-decoration: underline;
  color: var(--color-text);
}

.progress---wzLbV {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.progressWrapper---aGF9z {
  width: 100%;
  height: 10px;
  margin: 0.5rem 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.progressInfo---aBUPd {
  display: flex;
  align-items: center;
  font-size: var(--font-size-small);
  font-weight: 600;
  color: var(--color-text-p2);
}

.progressMessage---gJNbJ {
  margin-top: 0.5rem;
}

.uploadingJobs---vRNFW {
  flex: 0 0 300px;
}

.list---dPJoP {
  margin-bottom: 0;
}

.rootListContainer---EN7WI {
  position: relative;
}

.rootList---PgZkr {
  padding: 0;
}

.listItem---kjavU {
  list-style-type: none;
}

.container---rOoSi {
  position: relative;
  width: 100%;
}

:root {
  --cell-padding: 1rem;
  --selected-line-margin: calc(var(--cell-padding) / 2);
  --selected-line-border-width: 2px;
}

.container---iSKIM {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-fill);
}

.chooseRecordContainer---lrdvg {
  padding: 1rem 3rem;
}

.message---HD69o {
  color: var(--color-text-p2);
  text-align: center;
}

.treeViewLTR---lp2or {
  padding-right: 20px;
}

.treeViewRTL---wzgRe {
  padding-left: 20px;
}

.item---Vjh1U {
  overflow: hidden;
  outline: none;
  border-radius: .5rem;
  padding: .5rem;
  background-color: var(--primary);
  color: #fff;
  font-weight: 700;
}

.clickableItem---rBtp7 {
  cursor: pointer;
}

.clickableItem---rBtp7:hover {
  background-color: hwb(from var(--primary) h 30% b);
}

.disabledItem---n_SrT {
  background-color: #ccc;
  color: var(--color-text);
  opacity: 0.6;
  pointer-events: none;
}

.headingCell---daHpv {
  border-bottom: 1px solid var(--color-border);
  padding: .5rem;
}

.cell---P2o3l {
  position: relative;
  width: 100%;
  padding: var(--cell-padding);

  & > :first-child {
    width: inherit;
  }
}

.borderLeft---ZOet6 {
  border-left: 1px solid var(--color-border);
}

.borderRight---Vbm09 {
  border-right: 1px solid var(--color-border);
}

.container---iSKIM .contentContainer---P3yNj {
  flex-wrap: nowrap;
}

.contentContainer---P3yNj {
  position: relative;

  & [class|=overlay] {transform: translate3d(0, 39px, 0px)!important;}
}

.triangle---Ubc04 {
  width: 0;
  height: 0;
}

.selectedLine---zik16 {
  position: absolute;
  left: var(--selected-line-margin);
  right: var(--selected-line-margin);
  transform: translate(0, var(--selected-line-margin));
  border: var(--selected-line-border-width) solid #3986c5;
  border-radius: .5rem;
  background-color: rgba(197, 218, 244, 0.6);
  pointer-events: none;
}

.hint---gaVeC {
  pointer-events: all !important;
}

.hintMessage---Dswpc {
  pointer-events: all !important;
  padding: 4px 8px;
  background-color: #616161;
  border-radius: .5rem;
  color: #fff;
  margin: 4px;
  white-space: pre-line;
  align-self: stretch;
}

.incomingRecord---_z3wg {
  width: 100%;
  line-height: .9;
  white-space: normal;

  & > :first-child {
    width: 100%;
    justify-content: space-between;
  }

  &:focus::before {
    border: none;
  }
}

.compare---eoe8u {
  position: absolute;
  top: 9px;
  transform: translate(50%);
}

.compareMessage---rdQdU {
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.decorator---aSsao {
  & fieldset {
    min-width:100%;
    width: 100%;
    margin: 0;
  }
}

.repeatableActions---fSP1p {
  display: flex;
}

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

.sharedIconRoot---NADfR {
  justify-content: start;
  margin-right: var(--gutter-static-one-third);
}

.sharedIcon---a41r1 {
  stroke: rgb(100, 100, 100);
  fill: rgb(100, 100, 100);
}

.sharedIconLight---C5Hpf {
  stroke: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}

.searchField---XEtr5 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---CzPDW {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---kzQIw {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---M_HBH {
  margin-bottom: 0.5rem;
}

.showButtonsBar---Re05_ {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---bt8U_ {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---n9Sii {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---bgYFl {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---QDRpG {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---aufcx {
    margin-bottom: 0;
  }

  &.marginTop0---GV2bP {
    margin-top: 0;
  }
}

.alignLastColToEnd---Y7sNt > div:last-of-type {
  justify-content: flex-end;
}

.noPaddingBottom---iwy8H > div {
  padding-bottom: 0;
}

.resetButton---_qNsD {
  padding: 0 6px 0 3px;
}

.searchField---WUdus {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.prevNextPaginationContainer---lMZaf {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  padding: 10px;
}

.deletedUnit---e3aHW {
  color: var(--error);
  text-decoration: line-through;
}

.modalFooterContent---RayL4 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.renderStart---ZYS0C {
  flex: 1;
}

.renderEnd---knqYf {
  display: flex;

  & > * {
    margin-left: var(--gutter) !important;
  }
}

.searchField---SEBEc {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---zgHlq {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---a_ojJ {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---oH49d {
  margin-bottom: 0.5rem;
}

.showButtonsBar---yhFSC {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---jwt1Y {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---eV8PJ {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 100%;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---Nbrfd {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.vertical---UcaFI {
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toggle---Thk6Q {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.visibilityControlBox---RFi2B {
  display: flex;
}

.visibilityControlLabel---JiaUz {
  width: 16px;
  height: 16px;
  margin-left: -16px;
  z-index: 99;
  cursor: pointer;

  &.detached---Ip5lL {
    margin-left: unset;
  }
}

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

.mclRowContainer---vofg6 {
  width: -moz-fit-content;
  width: fit-content;
}

.fileUploader---XmNxr {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  border: 1px dashed var(--color-border);
  background-color: var(--color-fill);
  border-radius: var(--radius);
}

.fileUploaderTitle---aSC25 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.feedbackError---gAX0n {
  color: var(--error);
}

.versionCardBody---go33b {
  padding: var(--gutter-static-two-thirds);
  display: flex;
  flex-direction: column;

  & > span {
    line-height: var(--line-height);
  }
}

.changedRecordsList---hQBbf {
  margin-bottom: 0;

  & .changedRecord---hv4Cz {
    margin-bottom: 0;
  }
}

.inlineLabel---jONap {
  display: inline;
}

.searchField---S55Un {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---l6O9R {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---HD7BZ {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---aNBZa {
  margin-bottom: 0.5rem;
}

.showButtonsBar---hw3xI {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.pluginModalFooter---vtD3l {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pluginModalContent---dBlA4 {
  min-height: 400px;
  padding: 0;
  position: relative;

  & [class^="paneset--"] {
    height: 390px;
  }

  & [class^="mclRowContainer--"] {
    max-width: 100%;

    & div {
      max-width: 100%;
    }

    & [class^="mclCell--"] {
      word-break: break-word;
    }
  }

  & .pluginModalNewBtnWrapper---m4B9X {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

.searchControl---qggFs {
  margin-top: 8px;
  display: flex;

  &.marginBottom0---p4zfY {
    margin-bottom: 0;
  }

  &.marginTop0---S3iBl {
    margin-top: 0;
  }
}

.addRoutingListButton---RrKix {
  &[disabled] {
    pointer-events: none;
    opacity: 0.65;
    cursor: default;
  }
}

.actions---Mjl2v {
  margin-top: 8px;
}

.unassignAll---tIkKX {
  margin-top: 8px;
  margin-left: var(--gutter);
}

.searchField---cNed2 {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---t0ltt {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---owGHS {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---omXlB {
  margin-bottom: .5rem;
}
.modalContent---NX5Fi {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.search-filters---T1p8b {
  & section {
    margin-bottom: 1em;
  }

  & [role="tabpanel"] {
    padding-left: 1rem;
  }
}
.resetButtonRoot---MxNYe .button---lBx7l {
  padding: 0 6px 0 3px;
}

.multiselectionFilter---QR9pr {
  margin-bottom: 0.8rem;
}

 .noResultsMessage---v3fUj {
   padding: 15px;
   color: var(--color-text-p2);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--color-fill);
   flex-direction: column;
 }
 
 .noResultsMessage---v3fUj,
 .noResultsMessageLabelWrap---Oe0xo {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .noResultsMessageLabelWrap---Oe0xo {
   font-size: var(--font-size-large);
 }
 
 .noResultsMessageIcon---la1nq,
 .noResultsMessageLabel---ivO81 {
   margin: 0 4px;
 }
 
 .noResultsMessageButton---swfJW {
   margin-top: 15px;
 }
 
.selectableCellButton---p8hmB {
  & label {
    &:before,
    &:after {
      content: none;
    }

    & input {
      margin: 0;
    }

  justify-content: center;
  margin-bottom: 0;
  }
}

.modalContent---KO3Z2 {
  padding: 0;
  height: 60vh;
}

.modalFooter---D4j7P {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.searchControl---KlbFn {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0---w3unL {
    margin-bottom: 0;
  }

  &.marginTop0---_Heh9 {
    margin-top: 0;
  }
}

.userError---u0XGB {
  color: var(--error);
}

.modalContent---Ttezd {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField---NcQdS {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap---brQnJ {
  & [disabled] .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton---NOUWG {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap---nSArJ {
  margin-bottom: .5rem;
}

.inactiveAppIcon---IlTn_ {
  filter: grayscale(100%);
}

.UserSearchViewContent---eX1cY {
  & [class^="paneset--"] {
    height: calc(100% - 50px);
  }
}

.UserSearchViewFooter---qHbap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  border-top: 1px solid rgba(0,0,0,.1);
}

.searchField---txmna {
    margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.searchGroupWrap---ZcLWv{
    margin-bottom: 0.5rem;
}

.modalContent---rXkH_ {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.quickMarcRecordInfoWrapper---C70k7 {
  & > span {
    margin: 0 3px;
  }
}

.validationErrorMessage---VYusf {
  display: flex;

  align-content: center;
  margin-top: 0.5rem;
}

.validationIssueError---uekXg {
  color: var(--error);
}

.validationIssueWarn---uH0pW {
  color: var(--warn);
}

.feedbackErrorIcon---Aki7L {
  align-items: flex-start;
  margin-right: 0.4rem;
  max-width: 100%;
}

.helpLinkIcon---kwnNX {
  vertical-align: 0;
}

/**
 * Shared form styles
 */



/**
 * Input Group
 */
.inputGroup---SHWwh {
  position: relative;
}

/**
 * Default input, textarea and select styling
 */
.formControl---Rfb9o {
  margin-bottom: var(--control-margin-bottom);
  border: 1px solid var(--color-border-form);
  color: var(--color-text);
  background-color: var(--color-fill-form-element);
  width: 100%;
  outline: 0;
  letter-spacing: 0.4px;
  border-radius: 0;
  min-height: var(--control-min-size-desktop);
  display: flex;
  align-items: center;

  &:focus,
  &.isFocused---x9xfK {
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 2px var(--color-focus-shadow-inset);
  }

  &.fullWidth---lVE91 {
    width: 100%;
  }

  &.noBorder---_0xXC {
    border: 0;
  }

  &.marginBottom0---OSxrN {
    margin-bottom: 0;
  }

  &:disabled,
  &.isDisabled---JuKO8 {
    background-color: var(--color-fill-form-element-disabled);
    color: var(--color-text-disabled);
    border: 1px solid var(--color-border);
    box-shadow: none;
  }

  & input:disabled {
    color: var(--color-text-disabled);
  }

  & input::-moz-placeholder {
    color: var(--color-text-placeholder);
  }

  & input::placeholder {
    color: var(--color-text-placeholder);
  }

  /**
   * Feedback styles
   */
  &.hasFeedback---yTZLh {
    margin-bottom: 0.4rem;
  }

  &.hasWarning---L4MaM {
    border-color: var(--warn);
    background-color: oklch(from var(--warn) l c h / 5%);
  }

  &.hasError---qOCF0 {
    border-color: var(--error);
    background-color: oklch(from var(--error) l c h / 5%);
  }

  &.isValid---Qf7W1 {
    border-color: var(--success);
    background-color: oklch(from var(--success) l c h / 5%);
  }

  &.isChanged---gwjIB {
    background-color: oklch(from var(--primary) l c h / 20%);
  }

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

/**
 * Feedback block
 */

.feedbackBlock---ccUMt {
  padding: 0 var(--input-vertical-padding);
  font-size: var(--font-size-medium);

  &:last-child {
    margin-bottom: var(--control-margin-bottom);
  }
}

.feedbackError---Mg03V {
  color: var(--error);
}

.feedbackWarning---n8OkY {
  color: var(--warn);
}

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

.bytesFieldSubFieldByte---DsNOx,
.bytesFieldSubFieldBytes---rvdZv,
.bytesFieldSubFieldString---ax9zm,
.bytesFieldSubFieldSelect---ozDJh
{
  margin-right: 5px;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;

  [class^="feedbackError"] {
    margin-bottom: 0;
  }
}

.bytesFieldSubFieldSelects---jyne0 {
  display: flex;
}

.bytesFieldSubFieldByte---DsNOx [class^="formControl"],
.bytesFieldSubFieldBytes---rvdZv [class^="formControl"]
{
  width: 30px;
  display: inline-block;
  margin-right: 3px;
}

.bytesFieldSubFieldBytesList---a5Swx {
  display: flex;
}

.bytesFieldSubFieldString---ax9zm [class^="formControl"] {
  width: 70px;
  display: inline-block;
}

.bytesFieldSubFieldSelect---ozDJh [class^="selectWrap"],
.bytesFieldSubFieldSelects---jyne0 [class^="selectWrap"] {
  width: 50px;
  display: inline-block;
}

.selectInvalidOption---EAc4P option:disabled {
  color: var(--error);
  font-weight: bold;
}

.noLabelField---fQbpj {
  height: 100%;
  justify-content: flex-end;
}

.width40---OWbKR [class^="formControl"] {
  width: 40px;
}

.width46---vKvUj [class^="formControl"] {
  width: 46px;
}

.width48---IddKm [class^="formControl"] {
  width: 48px;
}

.width72---eRCsN [class^="formControl"] {
  width: 72px;
}

.width82---k5R2c [class^="formControl"] {
  width: 82px;
}

.disabledField---IsuL5 input[disabled] {
  margin-left: 0;
}

:root {
  --placeholder-color-text: #ddd;
}

.deletedRowPlaceholder---H7etB {
  display: flex;
  justify-content: center;
  padding: 12px 0;
  color: var(--placeholder-color-text);
  background-color: rgba(0, 0, 0, 0.75);

  & button.deletedRowUndoButton---sDHFY {
    margin: 0 5px;
    font-weight: bold;
    color: var(--placeholder-color-text);

    &:hover,
    &:focus {
      color: var(--placeholder-color-text);
    }

    &:before,
    &:after {
      display: none;
    }
  }
}

.splitFieldWrapper---tOXwh {
  width: auto;
  margin-right: 15px;
  resize: horizontal;
  max-height: 24px;
  overflow: hidden;
  white-space: nowrap;
}

.splitFieldRoot---jIDcL {
  display: inline-block;
}
.quickMarcEditorRow---nNZdr {
  display: flex;
  padding: 8px;

  background: rgba(0, 0, 0, .08);

  &:nth-child(odd) {
    background: rgba(0, 0, 0, .03);
  }
}

.quickMarcEditorRowTag---eCaSY {
  width: 50px;
  margin-right: 10px;
}

.quickMarcEditorRowIndicator---c0lE5 {
  width: 30px;
  margin-right: 10px;
}

.quickMarcEditorRowContent---dnwzE {
  flex: 1;
}

.quickMarcEditorActions---h13zG {
  width: 50px;
  margin-right: 10px;
}

.quickMarcEditorMovingRow---MixeL {
  width: 50px;
  margin-right: 10px;
}

.quickMarcEditorRightSide---sD59q {
  display: flex;
  align-items: flex-start;
  min-width: 50px;
  margin-left: 10px;
}

.marginTopAuto---ipPVC {
  margin-top: auto;
}

.saveContinueBtn---SilG4 {
  margin-right: 0.8rem;
}

.validationModalContent---nXxlV {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list---JCxEC {
  display: grid;
  gap: var(--gutter);
  grid-template-columns: max-content 12rem;

  & .fieldLabel---_226x {
    font-weight: normal;
    margin-bottom: var(--control-margin-bottom);
  }
}

.legend---PTBld {
  font-weight: bold;
  margin-bottom: var(--gutter);
}


/*# sourceMappingURL=style.3e5255c10afbc2f16d4d.css.map*/