@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,600;0,700;1,300;1,600;1,700&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap");
:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.ui-menu__bar__wrapper .ui-divider, .ui-panel__header__actions > .ui-divider {
  align-self: stretch;
  opacity: 0.25;
  transform: scaleX(0.5); }

a {
  text-decoration: none; }

html {
  line-height: 1.5; }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 768px) {
    html {
      font-size: 14.5px; } }
  @media only screen and (min-width: 1024px) {
    html {
      font-size: 15px; } }

.ui-font--normal.ui-font--normal.ui-font--normal {
  font-size: 14px; }

.ui-font--xs.ui-font--xs.ui-font--xs {
  font-size: 0.6em; }

.ui-font--sm.ui-font--sm.ui-font--sm {
  font-size: 0.8em; }

.ui-font--md.ui-font--md.ui-font--md {
  font-size: 1.15em; }

.ui-font--lg.ui-font--lg.ui-font--lg {
  font-size: 1.5em; }

.ui-font--xl.ui-font--xl.ui-font--xl {
  font-size: 1.8em; }

.ui-font--xxl.ui-font--xxl.ui-font--xxl {
  font-size: 2.2em; }

.ui-font--xxxl.ui-font--xxxl.ui-font--xxxl {
  font-size: 3.5em; }

.ui-font--xxxxl.ui-font--xxxxl.ui-font--xxxxl {
  font-size: 5.5em; }

.ui-font--sans-serif.ui-font--sans-serif.ui-font--sans-serif {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; }

.ui-font--serif.ui-font--serif.ui-font--serif {
  font-family: Trirong, Palatino, Georgia, serif; }

.ui-font--mono.ui-font--mono.ui-font--mono {
  font-family: "Source Code Pro", mono; }

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

.ui-text--lower {
  text-transform: lowercase; }

.ui-text--title {
  text-transform: capitalize; }

.ui-text--small-caps {
  font-variant: small-caps; }

.ui-text--underline {
  text-decoration: underline; }

.ui-text--drop-caps::first-letter {
  float: left;
  font-size: 3.8em;
  font-weight: 500;
  line-height: 1;
  padding-right: 0.25em; }

[dir="rtl"] .ui-text--drop-caps::first-letter {
  float: right;
  padding-left: 0.25em; }

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

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

.ui-align--end.ui-align--end.ui-align--end, .ui-sidebar[data-position="end"] .ui-sidebar__titlebar {
  text-align: end; }

.ui-align--justify.ui-align--justify.ui-align--justify {
  text-align: justify; }

.ui-weight--bolder.ui-weight--bolder.ui-weight--bolder {
  font-weight: 700; }

.ui-weight--bold.ui-weight--bold.ui-weight--bold {
  font-weight: 600; }

.ui-weight--medium.ui-weight--medium.ui-weight--medium {
  font-weight: 500; }

.ui-weight--normal.ui-weight--normal.ui-weight--normal {
  font-weight: 400; }

.ui-weight--light.ui-weight--light.ui-weight--light {
  font-weight: 300; }

.ui-weight--thin.ui-weight--thin.ui-weight--thin {
  font-weight: 200; }

.ui-text--indent-1 {
  text-indent: 14px; }
  .ui-text--indent-1.ui-text--dropcaps {
    text-indent: 0; }
    .ui-text--indent-1.ui-text--dropcaps::first-letter {
      -webkit-margin-start: 14px;
      -moz-margin-start: 14px;
      -ms-margin-start: 14px;
      -o-margin-start: 14px;
      margin-start: 14px; }

.ui-text--indent-2 {
  text-indent: 28px; }
  .ui-text--indent-2.ui-text--dropcaps {
    text-indent: 0; }
    .ui-text--indent-2.ui-text--dropcaps::first-letter {
      -webkit-margin-start: 28px;
      -moz-margin-start: 28px;
      -ms-margin-start: 28px;
      -o-margin-start: 28px;
      margin-start: 28px; }

.ui-text--indent-3 {
  text-indent: 42px; }
  .ui-text--indent-3.ui-text--dropcaps {
    text-indent: 0; }
    .ui-text--indent-3.ui-text--dropcaps::first-letter {
      -webkit-margin-start: 42px;
      -moz-margin-start: 42px;
      -ms-margin-start: 42px;
      -o-margin-start: 42px;
      margin-start: 42px; }

.ui-text--indent-4 {
  text-indent: 56px; }
  .ui-text--indent-4.ui-text--dropcaps {
    text-indent: 0; }
    .ui-text--indent-4.ui-text--dropcaps::first-letter {
      -webkit-margin-start: 56px;
      -moz-margin-start: 56px;
      -ms-margin-start: 56px;
      -o-margin-start: 56px;
      margin-start: 56px; }

.ui-link {
  cursor: pointer;
  position: relative; }
  .ui-link::before {
    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0; }
  .ui-link:hover::before {
    width: 100%; }

.ui-btn {
  align-items: center;
  display: grid;
  grid-template-areas: "icon label badge caret";
  grid-template-columns: auto auto 0 auto auto;
  justify-content: center;
  pointer-events: all;
  position: relative;
  text-decoration: none; }
  .ui-btn .ui-badge {
    align-self: center;
    grid-area: badge;
    line-height: 1rem;
    text-align: center;
    font-weight: 600;
    border-radius: 0.6rem;
    height: 1rem;
    min-width: 1rem;
    margin: 0 auto;
    padding: 0 0.15rem;
    position: relative;
    right: 1rem; }
    .ui-btn .ui-badge__top {
      top: -8px; }
    .ui-btn .ui-badge__bottom {
      bottom: -8px; }
  .ui-btn__inner {
    display: grid;
    grid-template-areas: "button divider caret";
    grid-template-columns: 1fr auto auto;
    height: 100%;
    overflow: hidden; }
  .ui-btn__wrapper {
    display: inline-block;
    margin: 2px;
    pointer-events: none;
    position: relative;
    vertical-align: middle; }
    .ui-btn__wrapper[data-busy="true"] .ui-btn {
      pointer-events: none; }
      .ui-btn__wrapper[data-busy="true"] .ui-btn__inner {
        cursor: wait;
        pointer-events: all; }
    .ui-btn__group[data-disabled="true"] .ui-btn, .ui-btn__wrapper[data-disabled="true"] .ui-btn {
      pointer-events: none; }
      .ui-btn__group[data-disabled="true"] .ui-btn__inner, .ui-btn__wrapper[data-disabled="true"] .ui-btn__inner {
        box-shadow: none;
        cursor: not-allowed;
        opacity: 0.5;
        pointer-events: all; }
    .ui-btn__group[data-size="xs"] .ui-btn__inner, .ui-btn__wrapper[data-size="xs"] .ui-btn__inner {
      font-size: 0.6em; }
    .ui-btn__group[data-size="sm"] .ui-btn__inner, .ui-btn__wrapper[data-size="sm"] .ui-btn__inner {
      font-size: 0.8em; }
    .ui-btn__group[data-size="md"] .ui-btn__inner, .ui-btn__wrapper[data-size="md"] .ui-btn__inner {
      font-size: 1.15em; }
    .ui-btn__group[data-size="lg"] .ui-btn__inner, .ui-btn__wrapper[data-size="lg"] .ui-btn__inner {
      font-size: 1.5em; }
  .ui-btn__icon {
    grid-area: icon;
    line-height: 0.75;
    padding: 0.5em;
    display: grid; }
  .ui-btn .ui-svg-icon {
    font-size: 1.5em; }
  .ui-btn__label {
    font-weight: 500;
    grid-area: label;
    line-height: 2;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-btn__label:empty {
      display: none; }
    .ui-btn__label:not(:empty):first-child {
      -webkit-padding-start: 0.5em;
      -moz-padding-start: 0.5em;
      -ms-padding-start: 0.5em;
      -o-padding-start: 0.5em;
      padding-start: 0.5em; }
    .ui-btn__label:not(:empty):last-child {
      -webkit-padding-end: 0.5em;
      -moz-padding-end: 0.5em;
      -ms-padding-end: 0.5em;
      -o-padding-end: 0.5em;
      padding-end: 0.5em; }
  .ui-btn__caret {
    grid-area: caret; }
  .ui-btn__split {
    grid-area: caret; }
  .ui-btn__caret--hide .ui-btn__caret {
    display: none; }
  .ui-btn--block {
    max-width: none;
    width: 100%; }
  .ui-btn__icon--end .ui-btn {
    grid-template-areas: "label badge caret icon"; }
    .ui-btn__icon--end .ui-btn__label {
      padding: 0; }
      .ui-btn__icon--end .ui-btn__label:first-child {
        -webkit-padding-end: 0.5em;
        -moz-padding-end: 0.5em;
        -ms-padding-end: 0.5em;
        -o-padding-end: 0.5em;
        padding-end: 0.5em; }
      .ui-btn__icon--end .ui-btn__label:last-child {
        -webkit-padding-start: 0.5em;
        -moz-padding-start: 0.5em;
        -ms-padding-start: 0.5em;
        -o-padding-start: 0.5em;
        padding-start: 0.5em; }
  .ui-btn__icon--hilight .ui-btn__label {
    padding: 0 0.5em; }
  .ui-btn__icon--top .ui-btn {
    grid-template-areas: "icon icon caret" "label badge caret"; }
    .ui-btn__icon--top .ui-btn__icon {
      justify-self: stretch;
      margin: 0;
      text-align: center; }
    .ui-btn__icon--top .ui-btn__label {
      -webkit-padding-start: 1em;
      -moz-padding-start: 1em;
      -ms-padding-start: 1em;
      -o-padding-start: 1em;
      padding-start: 1em; }
      .ui-btn__icon--top .ui-btn__label:last-child {
        -webkit-padding-end: 1em;
        -moz-padding-end: 1em;
        -ms-padding-end: 1em;
        -o-padding-end: 1em;
        padding-end: 1em; }
  .ui-btn__divider {
    grid-area: divider;
    margin: 0;
    width: 1px; }
  .ui-btn__ag-grid .ui-btn__icon {
    padding: 0.1em; }

ui-button {
  border-radius: 0.3rem;
  transition: all 0.25s ease; }

.ui-btn__group {
  display: inline-grid;
  margin: 2px;
  vertical-align: text-top; }
  .ui-btn__group .ui-btn__wrapper {
    margin: 0; }
    .ui-btn__group .ui-btn__wrapper[data-active="true"] .ui-btn {
      pointer-events: none; }
  .ui-btn__group .ui-btn__inner {
    box-shadow: none; }
  .ui-btn__group--equal {
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr; }
  .ui-btn__group:not(.ui-btn__group--vertical) {
    grid-auto-flow: column; }
    .ui-btn__group:not(.ui-btn__group--vertical) .ui-btn__wrapper:not(:first-child) {
      margin-left: -1px; }
    .ui-btn__group:not(.ui-btn__group--vertical) .ui-btn__wrapper:not(:first-child) .ui-btn__inner {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .ui-btn__group:not(.ui-btn__group--vertical) .ui-btn__wrapper:not(:last-child) .ui-btn__inner {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .ui-btn__group:not(.ui-btn__group--vertical).ui-btn__group--with-separator .ui-btn__wrapper:not(:first-child) .ui-btn__inner .ui-btn {
      -webkit-padding-start: 0.5em;
      -moz-padding-start: 0.5em;
      -ms-padding-start: 0.5em;
      -o-padding-start: 0.5em;
      padding-start: 0.5em; }
    .ui-btn__group:not(.ui-btn__group--vertical).ui-btn__group--with-separator .ui-btn__wrapper:not(:last-child) .ui-btn__inner .ui-btn {
      -webkit-padding-end: 0.5em;
      -moz-padding-end: 0.5em;
      -ms-padding-end: 0.5em;
      -o-padding-end: 0.5em;
      padding-end: 0.5em; }
    .ui-btn__group:not(.ui-btn__group--vertical).ui-btn__group--with-separator .ui-btn__wrapper:not(:last-child)::after {
      border-radius: 1em;
      content: attr(data-separator);
      font-size: 0.8em;
      font-variant: small-caps;
      line-height: 1.25;
      padding: 0.125em 0.15em 0.15em;
      position: absolute;
      right: 0;
      top: 0.6em;
      transform: translateX(50%);
      z-index: 5; }
    [dir="rtl"] .ui-btn__group:not(.ui-btn__group--vertical).ui-btn__group--with-separator .ui-btn__wrapper:not(:last-child)::after {
      left: 0;
      right: unset;
      transform: translateX(-50%); }
  .ui-btn__group--vertical {
    grid-auto-flow: row; }
    .ui-btn__group--vertical .ui-btn__wrapper:not(:first-child) .ui-btn__inner {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .ui-btn__group--vertical .ui-btn__wrapper:not(:last-child) .ui-btn__inner {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }

.ui-tag {
  align-items: center;
  border-radius: 1.5em;
  display: inline-grid;
  font-size: 0.8em;
  grid-template-areas: "avatar label value close";
  line-height: 1;
  margin: 0.25rem;
  overflow: hidden;
  vertical-align: middle; }
  .ui-tag__icon, .ui-tag__label, .ui-tag__avatar {
    vertical-align: middle; }
  .ui-tag__icon {
    grid-area: avatar;
    padding-left: 0.25rem; }
    .ui-tag__icon:empty {
      display: none; }
    .ui-tag__icon img {
      border-radius: 50%;
      height: 1.5em;
      margin: 0.15em;
      overflow: hidden;
      width: 1.5em; }
    .ui-tag__icon .ui-icon {
      border-radius: 1em;
      font-size: 1.5em;
      margin: 0;
      overflow: hidden;
      padding: 0.125em; }
    .ui-tag__icon .ui-flag {
      border-radius: 1em;
      box-shadow: none;
      font-size: 1.5em;
      height: 1em;
      margin: 0.125em;
      max-height: 1em;
      overflow: hidden;
      width: 1em; }
  .ui-tag__label {
    grid-area: label;
    padding: 0.42em 0.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-tag__label:empty {
      display: none; }
    .ui-tag__label:not(:empty) ~ .ui-tag__label__value {
      padding: 0.42em 0.5em; }
    .ui-tag__label:not(:empty) + .ui-tag__label__icon {
      border-radius: 0; }
  .ui-tag__value {
    grid-area: value;
    padding: 0.42em 1em; }
    .ui-tag__value:empty {
      display: none; }
  .ui-tag__close {
    align-self: center;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 300;
    grid-area: close;
    line-height: 1;
    opacity: 0.75;
    padding: 0 0.2em; }
    .ui-tag__close:hover {
      opacity: 0.9; }
  .ui-tag--md {
    font-size: 1em; }
  .ui-tag--lg {
    font-size: 1.2em; }

.file-previewer-container {
  z-index: 5000 !important; }
  .file-previewer-container div.file-previewer {
    display: grid;
    justify-content: center;
    grid-template-areas: "header"
 "content"
 "footer";
    grid-template-rows: 50px auto 70px;
    width: 100vw;
    height: 100vh;
    justify-items: center;
    align-items: center; }
    .file-previewer-container div.file-previewer > .file-previewer__header {
      grid-area: header; }
      .file-previewer-container div.file-previewer > .file-previewer__header > .file-previewer__header__close-button {
        position: absolute;
        top: 5px;
        right: 5px; }
        .file-previewer-container div.file-previewer > .file-previewer__header > .file-previewer__header__close-button ui-icon {
          color: var(--white, #ffffff); }
      .file-previewer-container div.file-previewer > .file-previewer__header > .file-previewer__header__file-name {
        display: flex;
        justify-content: center;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        padding: 20px 0px; }
    .file-previewer-container div.file-previewer > .file-previewer__content {
      width: 100vw;
      display: grid;
      grid-template-areas: "left center right";
      grid-template-columns: 100px auto 100px;
      column-gap: 50px;
      justify-items: center;
      align-items: center;
      height: 100%; }
      .file-previewer-container div.file-previewer > .file-previewer__content > .file-previewer__content__iframe {
        grid-area: center;
        width: 100%;
        height: 100%; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .file-previewer__content__iframe > .preview-file-img {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .file-previewer-container div.file-previewer > .file-previewer__content > .file-previewer__content__iframe > .preview-file-img > img {
            background-color: var(--white, #ffffff);
            max-width: 100%;
            max-height: calc(100vh - 120px);
            width: auto; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .file-previewer__content__iframe > .preview-file-frame {
          width: 100%;
          height: inherit; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .file-previewer__content__iframe > div.lds-ring {
          background-color: #ffffff;
          height: 100%; }
      .file-previewer-container div.file-previewer > .file-previewer__content > .preview-file__content__not-supported {
        background-color: var(--white, #ffffff);
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 6px;
        grid-area: center;
        height: fit-content;
        width: fit-content; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .preview-file__content__not-supported > ui-icon {
          padding: 30px; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .preview-file__content__not-supported > .preview-file__content__not-supported__title {
          font-size: 38px;
          padding: 10px 100px; }
        .file-previewer-container div.file-previewer > .file-previewer__content > .preview-file__content__not-supported > .preview-file__content__not-supported__subtitle {
          font-size: 24px;
          padding: 0 100px;
          padding-bottom: 50px;
          color: var(--gray, #8a9ba8); }
    .file-previewer-container div.file-previewer > div.file-previewer__download-button {
      grid-area: footer; }
      .file-previewer-container div.file-previewer > div.file-previewer__download-button > ui-button {
        margin: 30px 0px; }

flow-uploader .flow_uploader__loader {
  position: absolute;
  z-index: 10;
  width: 100%;
  display: flex;
  justify-items: center;
  align-items: center; }

.ui-tooltip {
  border-radius: 0.3rem;
  font-size: 0.8em;
  margin-top: -0.5em;
  min-width: 2em;
  opacity: 0;
  padding: 0.5em 1rem;
  visibility: hidden;
  white-space: pre-wrap;
  z-index: 5000;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms; }
  .ui-tooltip::after {
    border: 1em solid transparent;
    content: "";
    display: block;
    height: 1em;
    margin: auto;
    position: absolute;
    width: 1em;
    position: absolute;
    bottom: -0.75em;
    left: -0.75em;
    right: -0.75em;
    top: -0.75em; }
  .ui-tooltip[data-pos="top"] {
    margin-bottom: 1em; }
    .ui-tooltip[data-pos="top"]::after {
      border-bottom-width: 0;
      border-top-color: currentColor;
      bottom: -0.5em;
      top: unset; }
  .ui-tooltip[data-pos="bottom"] {
    margin-top: 1em; }
    .ui-tooltip[data-pos="bottom"]::after {
      border-bottom-color: currentColor;
      border-top-width: 0;
      bottom: unset; }
  [dir="rtl"] .ui-tooltip[data-pos="left"], .ui-tooltip[data-pos="right"] {
    margin-left: 1em; }
    [dir="rtl"] .ui-tooltip[data-pos="left"]::after, .ui-tooltip[data-pos="right"]::after {
      border-left-width: 0;
      border-right-color: currentColor;
      border-right-width: 1em;
      left: -0.75em;
      right: unset; }
  [dir="rtl"] .ui-tooltip[data-pos="right"], .ui-tooltip[data-pos="left"] {
    margin-left: -1em; }
    [dir="rtl"] .ui-tooltip[data-pos="right"]::after, .ui-tooltip[data-pos="left"]::after {
      border-left-color: currentColor;
      border-left-width: 1em;
      border-right-width: 0;
      left: unset;
      right: -0.75em; }
  .ui-tooltip[data-open="true"] {
    opacity: 1;
    visibility: visible; }

ui-viewport {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  font-family: "Nunito Sans", sans-serif; }
  ui-viewport .ui-viewport__leftpart {
    transition: width 0.3s ease-in-out; }
    ui-viewport .ui-viewport__leftpart ~ .ui-viewport__header {
      width: calc(100% -$left-part-width);
      margin-left: 280px; }
    ui-viewport .ui-viewport__leftpart.condensed ~ .ui-viewport__header {
      width: calc(100% -$left-part-condensed-width);
      margin-left: 60px; }
  ui-viewport .ui-viewport__header {
    flex-grow: 0;
    flex-shrink: 0; }
    ui-viewport .ui-viewport__header > .container-nav {
      height: 60px;
      line-height: initial; }
    ui-viewport .ui-viewport__header header {
      z-index: 999; }
  ui-viewport aside {
    margin-top: -60px;
    height: 100vh; }
  ui-viewport .ui-viewport__body {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    height: calc(100% - 60px);
    margin-left: 280px;
    transition: margin-left 0.3s ease-in-out; }
    ui-viewport .ui-viewport__body .ui-router-view {
      flex-grow: 1;
      flex-shrink: 1; }
    .condensed ui-viewport .ui-viewport__body {
      margin-left: 60px; }
  ui-viewport.show-footer .ui-viewport__body {
    height: calc(100% - 60px - 20px); }
  ui-viewport section[role="tablist"] {
    display: none; }
  ui-viewport .ui-viewport__footer {
    flex-shrink: 0;
    flex-grow: 0;
    height: 20px;
    padding-left: 280px;
    font-size: smaller;
    align-self: flex-end;
    margin-right: 10px; }
    .condensed ui-viewport .ui-viewport__footer {
      padding-left: 60px; }
  ui-viewport aside.ui-viewport__leftpart {
    background: #ffffff;
    padding: 0;
    vertical-align: top;
    width: 280px;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    flex-wrap: 0;
    flex-shrink: 0;
    overflow: visible;
    z-index: 100;
    left: 0;
    position: fixed; }
  .condensed.ui-navbar-menu-hover ui-viewport .ui-viewport__body {
    margin-left: 60px; }
  .condensed.ui-navbar-menu-hover ui-viewport aside.ui-viewport__leftpart {
    width: 280px;
    position: fixed;
    left: 0; }
  .small-device ui-viewport .ui-viewport__body {
    margin-left: 60px; }
  .condensed ui-viewport aside.ui-viewport__leftpart {
    width: 60px; }

.ui-icon {
  background-size: contain;
  box-sizing: content-box;
  display: inline-block;
  fill: currentColor;
  font-size: 1em;
  height: 1em;
  line-height: 1;
  pointer-events: none;
  text-align: center;
  vertical-align: middle;
  width: 1em; }
  .ui-icon img {
    background-size: contain;
    height: 1em;
    overflow: hidden;
    width: 1em; }
  .ui-icon path,
  .ui-icon ::before {
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0; }
  .ui-icon--round {
    border-radius: 1em;
    height: 1em;
    max-height: 1em;
    overflow: hidden;
    width: 1em; }
  [dir="rtl"] .ui-icon.flip-on-rtl {
    transform: scaleX(-1); }

.ui-loader {
  cursor: wait;
  display: block;
  z-index: 99999;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }
  .ui-loader > div {
    border-radius: 2px;
    font-size: 2rem;
    height: 3rem;
    line-height: 0;
    margin: auto;
    padding: 0.5rem;
    width: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; }

.ui-drop {
  display: none; }
  .ui-drop__body {
    position: fixed;
    left: 0;
    top: 0;
    cursor: default;
    max-height: 75vh;
    max-width: 50vw;
    min-width: 4rem;
    overflow: auto;
    pointer-events: all;
    transform: translate(0, 0);
    z-index: 1000; }
    .ui-drop__body[data-show="false"] {
      visibility: hidden; }
  .ui-drop[data-open="true"] {
    display: block; }

nav > .nav-wrapper > .brand-logo {
  margin-left: calc(280px + 0.25em); }

.condensed nav > .nav-wrapper > .brand-logo {
  margin-left: calc(60px + 0.25em); }

ui-tab-router-view #router-tabs-list, .navbar {
  -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }

ui-tab-router-view {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  ui-tab-router-view #router-tabs-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: auto;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    min-height: calc(2em + 50px);
    align-items: center; }
    ui-tab-router-view #router-tabs-list li {
      min-width: 50px;
      height: 50px;
      background: transparent;
      color: initial;
      border: 1px solid transparent;
      border-radius: 0px;
      margin: 0;
      padding: 0 1em;
      cursor: pointer;
      transition: all 0.2s ease-in;
      position: relative;
      display: flex;
      align-items: center; }
      ui-tab-router-view #router-tabs-list li > div {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      ui-tab-router-view #router-tabs-list li > span {
        display: inline-flex;
        margin-left: 0.6em;
        font-weight: 100;
        color: initial; }
        ui-tab-router-view #router-tabs-list li > span > i {
          font-size: 1.5em; }
      ui-tab-router-view #router-tabs-list li:hover {
        background: transparent;
        color: initial;
        border: 1px solid transparent;
        transition: all 0.2s ease-in; }
        ui-tab-router-view #router-tabs-list li:hover > span {
          color: initial; }
      ui-tab-router-view #router-tabs-list li.active {
        background: transparent;
        color: initial;
        border: 1px solid transparent;
        transition: all 0.2s ease-in; }
        ui-tab-router-view #router-tabs-list li.active > span {
          color: initial; }
      ui-tab-router-view #router-tabs-list li:not(:first-child) {
        margin-left: calc(0px * -2);
        padding-left: calc(1em + (0px * 2)); }
      ui-tab-router-view #router-tabs-list li.first, ui-tab-router-view #router-tabs-list li.last {
        min-width: fit-content; }
  ui-tab-router-view router-view {
    overflow: hidden; }

.ui-tree__panel {
  display: grid;
  grid-area: content;
  grid-template-rows: auto 1fr;
  line-height: 1;
  overflow: hidden; }

.ui-tree__container {
  padding: 0.25rem; }

.ui-tree__node {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.25rem;
  place-content: start; }

.ui-tree__search {
  margin: 0;
  min-width: unset; }
  .ui-tree__search .ui-input {
    box-shadow: none; }

.ui-tree__content {
  -webkit-padding-start: 1rem;
  -moz-padding-start: 1rem;
  -ms-padding-start: 1rem;
  -o-padding-start: 1rem;
  padding-start: 1rem; }

.ui-tree__spacer {
  padding: 0 0.5rem; }
  .ui-tree__spacer__lines {
    border-bottom: 1px dashed black;
    border-left: 1px dashed black;
    height: 2rem;
    position: relative;
    top: -1rem;
    left: 0.45rem;
    margin-bottom: auto; }
  .ui-tree__spacer__vertical {
    border-left: 1px dashed black;
    height: 100%;
    position: relative;
    bottom: 1rem;
    left: 0.45rem; }

.ui-tree__expander {
  padding: 0.25rem 0;
  z-index: 1; }
  .ui-tree__expander :not(.disabled) {
    cursor: pointer; }

.ui-tree__checkbox {
  cursor: pointer;
  opacity: 0.95;
  padding: 0.25rem 0; }

.ui-tree__icon {
  z-index: 1; }

.ui-tree__label {
  padding: 0.25rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently*/
  z-index: 1;
  white-space: normal;
  line-height: 1.125rem; }
  .ui-tree__label.ui-tree__selectable {
    cursor: pointer; }

.ui-tree__show-more {
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.25rem; }

.ui-tree__no-children {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.25rem; }

.ui-tree__action {
  height: 100%; }
  .ui-tree__action .ui-btn__inner {
    box-shadow: none !important; }
  .ui-tree__action .dropdown-content li > a > i {
    margin: 0; }

ux-dialog-body .ui-tree__panel > .row:first-child {
  width: 100%; }

.select2-container {
  /* DISABLED */
  /* READONLY */ }
  .select2-container--classic {
    /* SINGLE */
    /* MULTIPLE */
    /* RTL */ }
    .select2-container--classic .select2-selection--single {
      outline: 0; }
      .select2-container--classic .select2-selection--single .select2-selection__rendered {
        line-height: 28px; }
      .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        margin-right: 10px; }
      .select2-container--classic .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px; }
        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
          height: 0;
          left: 50%;
          margin-left: -4px;
          margin-top: -2px;
          position: absolute;
          top: 50%;
          width: 0; }
    .select2-container--classic .select2-selection--multiple {
      cursor: text;
      outline: 0; }
      .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px; }
      .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none; }
      .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px; }
      .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px; }
    .select2-container--classic .select2-search--dropdown .select2-search__field {
      outline: 0; }
    .select2-container--classic .select2-search--inline .select2-search__field {
      outline: 0; }
    .select2-container--classic .select2-results > .select2-results__options {
      max-height: 200px;
      overflow-y: auto; }
    .select2-container--classic .select2-results__option[role="group"] {
      padding: 0; }
    .select2-container--classic .select2-results__group {
      cursor: default;
      display: block;
      padding: 6px; }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
      float: left; }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
      left: 1px;
      right: auto; }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
      float: right;
      margin-left: 5px;
      margin-right: auto; }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
      margin-left: 2px;
      margin-right: auto; }
  .select2-container--default {
    /* SELECT SINGLE */
    /* SELECT MULTIPLE */
    /* SEARCH DROPDOWN */
    /* CONTENT DROPDOWN SELECT */
    /* SELECT FOCUS */ }
    .select2-container--default .select2-selection--single {
      outline: 0;
      /* CROSS */
      /* ARROW */ }
      .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 28px;
        line-height: 40px;
        padding-left: 0; }
      .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0 25px 0 0; }
        .select2-container--default .select2-selection--single .select2-selection__clear:hover {
          background-color: transparent !important; }
        .select2-container--default .select2-selection--single .select2-selection__clear .ui-btn__inner {
          box-shadow: none !important; }
          .select2-container--default .select2-selection--single .select2-selection__clear .ui-btn__inner .ui-btn__icon {
            padding: 0; }
            .select2-container--default .select2-selection--single .select2-selection__clear .ui-btn__inner .ui-btn__icon .ui-icon {
              font-size: 12px; }
      .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        height: 2rem; }
        .select2-container--default .select2-selection--single .select2-selection__arrow b {
          height: 0;
          left: 50%;
          margin-left: -4px;
          margin-top: -2px;
          position: absolute;
          top: 50%; }
    .select2-container--default .select2-selection--multiple {
      cursor: text;
      outline: 0;
      /* TAG LIST */ }
      .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        margin-top: 5px;
        float: left; }
      .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px; }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
          cursor: default;
          float: left;
          margin-right: 5px;
          margin-top: 5px;
          padding: 0 5px;
          margin-top: 8px;
          padding: 3px 10px; }
          .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__display {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
            cursor: pointer;
            display: inline-block;
            margin-right: 2px; }
      .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        /* CROSS*/ }
        .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-selection__clear {
          cursor: pointer;
          float: right;
          margin-top: 5px;
          margin-right: 10px; }
          .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-selection__clear .ui-btn__inner {
            box-shadow: none !important; }
            .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-selection__clear .ui-btn__inner .ui-btn__icon {
              padding: 0; }
              .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-selection__clear .ui-btn__inner .ui-btn__icon .ui-icon {
                font-size: 10px; }
      .select2-container--default .select2-selection--multiple input {
        margin: 0; }
      .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
        display: none; }
    .select2-container--default .select2-search--dropdown .select2-search__field {
      border-top: none;
      border-right: none;
      border-left: none; }
    .select2-container--default .select2-search--inline .select2-search__field {
      height: 15px;
      margin-top: 0;
      margin-bottom: 0;
      outline: 0;
      -webkit-appearance: textfield; }
    .select2-container--default .select2-results > .select2-results__options {
      max-height: 200px;
      overflow-y: auto; }
      .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option {
        padding-left: 1em; }
        .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__group {
          padding-left: 0; }
        .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -1em;
          padding-left: 2em; }
          .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em; }
            .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -3em;
              padding-left: 4em; }
              .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -4em;
                padding-left: 5em; }
                .select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                  margin-left: -5em;
                  padding-left: 6em; }
    .select2-container--default .select2-results__option[role="group"] {
      padding: 0; }
    .select2-container--default .select2-results__group {
      cursor: default;
      display: block;
      padding: 6px; }
    .select2-container--default.select2-container--focus .select2-selection--multiple {
      outline: 0; }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
      float: left; }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
      left: 1px;
      right: auto; }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
      float: right;
      margin-left: 5px;
      margin-right: auto; }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
      float: right; }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
      float: right; }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
      margin-left: 2px;
      margin-right: auto; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }
  .select2-container .select2-dropdown {
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 2100;
    min-width: 200px; }
    .select2-container .select2-dropdown .select2-results {
      display: block; }
      .select2-container .select2-dropdown .select2-results .select2-results__options {
        list-style: none;
        margin: 0;
        padding: 0; }
        .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
          padding: 6px;
          user-select: none;
          -webkit-user-select: none;
          padding: 10px; }
          .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected] {
            cursor: pointer; }
            .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected] .ui-tag {
              margin-top: 0;
              margin-bottom: 0; }
  .select2-container .select2-search.select2-search--dropdown {
    padding: 0;
    position: relative; }
    .select2-container .select2-search.select2-search--dropdown::after {
      font-family: "DigiWall-Icons";
      font-weight: normal;
      font-style: normal;
      content: "\e936";
      position: absolute;
      left: 5px;
      font-size: 1.5rem;
      line-height: 2rem; }
    .select2-container .select2-search.select2-search--dropdown input.select2-search__field {
      height: 2rem;
      padding-left: 2rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      margin-bottom: 0;
      border: none; }
      .select2-container .select2-search.select2-search--dropdown input.select2-search__field:focus-visible {
        border: none; }
  .select2-container .ui-input--disabled > .select2-container.select2-container--disabled .select2-selection--single.select2-selection--clearable {
    cursor: default; }
    .select2-container .ui-input--disabled > .select2-container.select2-container--disabled .select2-selection--single.select2-selection--clearable > ui-button.select2-selection__clear {
      display: none; }
  .select2-container .ui-input--disabled > .select2-container.select2-container--disabled .select2-selection--multiple {
    cursor: default; }
  .select2-container .ui-input--disabled > .select2-container.select2-container--disabled .select2-selection__choice__remove {
    display: none; }
  .select2-container .ui-input--readonly {
    padding: 3px 10px; }
    .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single,
    .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple {
      cursor: default; }
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__arrow,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__arrow {
        display: none; }
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__rendered,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__rendered {
        cursor: default; }
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__rendered > .select2-selection__clear,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__clear,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__rendered > .select2-selection__clear,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__clear {
        display: none !important; }
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__choice,
      .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__choice {
        grid-template-columns: 1fr; }
        .select2-container .ui-input--readonly .select2-container--default span.select2-selection--single .select2-selection__choice .select2-selection__choice__remove,
        .select2-container .ui-input--readonly .select2-container--default span.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
          display: none; }

.select2-close-mask {
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  z-index: 99; }

.select2-hidden-accessible {
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.ui-select .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: auto !important; }
  .ui-select .select2-container.select2-container--default {
    border: none;
    margin-bottom: 0;
    grid-area: input;
    min-height: 2rem; }
  .ui-select .select2-container span.select2-selection--single, .ui-select .select2-container span.select2-selection--multiple {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: auto;
    -webkit-user-select: auto;
    min-height: unset; }
  .ui-select .select2-container span.select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2rem;
    padding-right: 10px;
    letter-spacing: 0.01em; }
  .ui-select .select2-container span.select2-selection--single .select2-selection__clear {
    font-size: 1.4rem;
    font-weight: normal;
    opacity: 0.5;
    display: grid;
    place-content: center;
    border: none;
    background: none; }
  .ui-select .select2-container span.select2-selection--single .select2-selection__arrow {
    width: 10px;
    display: grid;
    place-content: center; }
    .ui-select .select2-container span.select2-selection--single .select2-selection__arrow [role="presentation"] {
      position: relative;
      margin: auto;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto; }
  .ui-select .select2-container span.select2-selection--multiple {
    height: 100%;
    display: flex;
    align-items: center; }
    .ui-select .select2-container span.select2-selection--multiple .select2-selection__rendered {
      padding: 2px 0;
      display: inline-flex;
      flex-wrap: wrap;
      gap: 3px; }
    .ui-select .select2-container span.select2-selection--multiple .select2-selection__clear {
      font-size: 1.4rem;
      font-weight: normal;
      opacity: 0.5;
      display: grid;
      margin-right: 0; }
  .ui-select .select2-container span.select2-selection .select2-selection__choice {
    display: grid;
    grid-template-columns: 1fr 15px;
    grid-template-areas: "label remove";
    padding-left: 5px;
    padding-right: 5px;
    align-items: center;
    margin: 0;
    line-height: 1.3;
    border-radius: 1rem; }
    .ui-select .select2-container span.select2-selection .select2-selection__choice .select2-selection__choice__remove {
      margin: 0;
      border-radius: 30px;
      line-height: 14px;
      width: 14px;
      text-align: center;
      font-size: 16px;
      grid-area: remove;
      position: relative;
      display: flex;
      align-items: center;
      padding: 0;
      height: 14px;
      box-shadow: none;
      border: none;
      justify-content: center; }
      .ui-select .select2-container span.select2-selection .select2-selection__choice .select2-selection__choice__remove span {
        margin-top: -3px; }
      .ui-select .select2-container span.select2-selection .select2-selection__choice .select2-selection__choice__remove > div > a > div.ui-btn__icon {
        padding: 0; }
    .ui-select .select2-container span.select2-selection .select2-selection__choice .select2-selection__choice__display {
      grid-area: label; }
  .ui-select .select2-container span.select2-selection > ui-button + ul + .select2-search--inline {
    display: none; }
  .ui-select .select2-container--disabled span.select2-selection--single, .ui-select .select2-container--disabled span.select2-selection--multiple {
    cursor: not-allowed; }

.select2-container--open .select2-dropdown {
  left: -1px; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.ui-tag-select,
.ui-tag-input {
  min-height: 38px; }
  .ui-tag-select__container,
  .ui-tag-input__container {
    display: inline-block;
    width: 100%; }
    .ui-tag-select__container > ui-tag,
    .ui-tag-select__container > a.ui-tag,
    .ui-tag-select__container > ui-button,
    .ui-tag-select__container > ui-select,
    .ui-tag-input__container > ui-tag,
    .ui-tag-input__container > a.ui-tag,
    .ui-tag-input__container > ui-button,
    .ui-tag-input__container > ui-select {
      float: left; }
    .ui-tag-select__container > ui-select,
    .ui-tag-select__container > ui-input,
    .ui-tag-input__container > ui-select,
    .ui-tag-input__container > ui-input {
      max-width: 200px;
      min-width: 150px;
      margin-top: 1px; }

.ui-table .ui-align--start {
  justify-content: start; }

.ui-table .ui-align--center {
  justify-content: center; }

.ui-table .ui-align--end, .ui-table .ui-sidebar[data-position="end"] .ui-sidebar__titlebar, .ui-sidebar[data-position="end"] .ui-table .ui-sidebar__titlebar {
  justify-content: end; }

.ui-table .ui-align--justify {
  justify-content: space-between; }

.ui-table tbody tr {
  position: relative; }

@media screen and (min-width: 769px) {
  .span1 {
    grid-column: span 1; }
  .span2 {
    grid-column: span 2; }
  .span3 {
    grid-column: span 3; }
  .span4 {
    grid-column: span 4; }
  .span5 {
    grid-column: span 5; }
  .span6 {
    grid-column: span 6; }
  .span7 {
    grid-column: span 7; }
  .span8 {
    grid-column: span 8; }
  .span9 {
    grid-column: span 9; }
  .span10 {
    grid-column: span 10; }
  .span11 {
    grid-column: span 11; }
  .span12 {
    grid-column: span 12; }
  .span13 {
    grid-column: span 13; }
  .span14 {
    grid-column: span 14; }
  .span15 {
    grid-column: span 15; }
  .span16 {
    grid-column: span 16; }
  .span17 {
    grid-column: span 17; }
  .span18 {
    grid-column: span 18; }
  .span19 {
    grid-column: span 19; }
  .span20 {
    grid-column: span 20; }
  .span21 {
    grid-column: span 21; }
  .span22 {
    grid-column: span 22; }
  .span23 {
    grid-column: span 23; }
  .span24 {
    grid-column: span 24; }
  .ui-table > thead {
    position: sticky;
    top: 0;
    z-index: 1; }
    .ui-table > thead > tr:last-child {
      border-bottom: none; }
  .ui-table__header__cell {
    cursor: pointer;
    user-select: none; }
    .ui-table__header__cell__checkable, .ui-table__header__cell__drang-and-drop, .ui-table__header__cell__counter {
      align-items: center;
      text-align: center; }
    .ui-table__header__cell__checkable > div > ui-checkbox > label {
      grid-template-columns: auto; }
    .ui-table__header__cell__action, .ui-table__header__cell__sorter {
      width: auto !important; }
    .ui-table__header__cell > div {
      padding: 0 0.5rem;
      display: flex;
      flex-direction: row;
      gap: 5px;
      align-items: center; }
    .ui-table__header__cell > div > div {
      font-weight: 600;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 0; }
    .ui-table__header__cell__label {
      flex-grow: 1;
      padding-right: 0.2em; }
    .ui-table__header__cell ui-button > div > a {
      width: max-content; }
    .ui-table__header__cell__sorter {
      flex-grow: 0;
      width: auto;
      display: grid;
      grid-gap: 3px;
      margin-right: 0.5rem;
      justify-content: end; }
      .ui-table__header__cell__sorter ui-icon {
        background-position: center;
        display: block;
        opacity: 0.25; }
        .ui-table__header__cell__sorter ui-icon:first-child {
          border-top: 0; }
        .ui-table__header__cell__sorter ui-icon:last-child {
          border-bottom: 0; }
      .ui-table__header__cell__sorter[data-sort="asc"] ui-icon:first-child {
        opacity: 0.8; }
      .ui-table__header__cell__sorter[data-sort="desc"] ui-icon:last-child {
        opacity: 0.8; }
  .ui-table__cell {
    padding: 0.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .ui-table__cell.draggable:hover,
    .ui-table__cell .draggable-handle:hover {
      cursor: grab; }
    .ui-table__cell > div,
    .ui-table__cell > a {
      width: 0;
      min-width: 100%;
      min-height: 1.5rem;
      overflow: hidden;
      text-overflow: ellipsis; }
    .ui-table__cell___counter, .ui-table__cell__action {
      width: auto !important; }
    .ui-table__cell > div {
      padding: 0.5em;
      padding-block: 0px;
      line-height: initial; }
  .ui-table__cell__checkable label, .ui-table__header__cell__checkable label {
    grid-template-columns: auto; }
  .ui-table .draggable {
    position: relative;
    overflow: visible; }
  .ui-table__draggable-handle {
    width: auto !important;
    display: flex;
    align-items: center; }
    .ui-table__draggable-handle > div {
      display: none; }
    .ui-table__draggable-handle.gu-transit {
      font-size: 0.8em;
      position: absolute;
      left: 0;
      height: 20px;
      overflow: visible;
      opacity: 1;
      text-indent: -9999px; }
    .ui-table__draggable-handle.gu-transit::before {
      content: "\25ba";
      display: block;
      position: absolute;
      opacity: 1;
      top: 0;
      left: 0;
      text-indent: 0px; }
  .ui-table-with-border > tbody > tr > .ui-table__cell {
    border: solid 1px #eaeaea;
    padding: 0;
    border-radius: 0; }
    .ui-table-with-border > tbody > tr > .ui-table__cell > div {
      padding: 0; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > span {
        padding: 0 10px; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > ui-date-picker {
        flex-grow: 1; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > .ui-input,
      .ui-table-with-border > tbody > tr > .ui-table__cell > div ui-date-picker > .ui-field__wrapper,
      .ui-table-with-border > tbody > tr > .ui-table__cell > div .ui-select {
        border: none;
        height: inherit;
        border-radius: 0;
        margin: 0; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > .ui-input.ui-input--invalid {
        position: inherit; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > .ui-select > .select2 > .selection > .select2-selection > .select2-selection__clear {
        align-items: center; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > ui-date-picker > .ui-field__wrapper > div .ui-dropdown__link {
        padding: 5px; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > ui-date-picker > .ui-field__wrapper > .ui-input {
        border-right: none; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > ui-button {
        margin: 0;
        width: 100%; }
        .ui-table-with-border > tbody > tr > .ui-table__cell > div > ui-button .ui-btn__inner {
          border-radius: 0;
          height: inherit; }
      .ui-table-with-border > tbody > tr > .ui-table__cell > div > .digi-dragdrop {
        padding: 0 5px; }
  .ui-table-compact .ui-table__header__cell {
    padding: 0; }
  .ui-table-compact .ui-table__header__cell > div,
  .ui-table-compact .ui-table__cell > div {
    padding: 0; } }

@media screen and (max-width: 768px) {
  .span2 {
    grid-column: span 2; }
  .span3 {
    grid-column: span 2; }
  .span4 {
    grid-column: span 2; }
  .span5 {
    grid-column: span 2; }
  .span6 {
    grid-column: span 2; }
  .span7 {
    grid-column: span 2; }
  .span8 {
    grid-column: span 2; }
  .span9 {
    grid-column: span 2; }
  .span10 {
    grid-column: span 2; }
  .span11 {
    grid-column: span 2; }
  .span12 {
    grid-column: span 2; }
  .span13 {
    grid-column: span 2; }
  .span14 {
    grid-column: span 2; }
  .span15 {
    grid-column: span 2; }
  .span16 {
    grid-column: span 2; }
  .span17 {
    grid-column: span 2; }
  .span18 {
    grid-column: span 2; }
  .span19 {
    grid-column: span 2; }
  .span20 {
    grid-column: span 2; }
  .span21 {
    grid-column: span 2; }
  .span22 {
    grid-column: span 2; }
  .span23 {
    grid-column: span 2; }
  .span24 {
    grid-column: span 2; }
  .ui-table {
    display: grid;
    row-gap: 5vh; }
    .ui-table__row {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .ui-table__sorter {
      display: none; }
    .ui-table__container {
      display: grid;
      text-align: center; }
    .ui-table__header {
      align-items: center;
      display: grid; }
      .ui-table__header__checkable {
        grid-auto-flow: column;
        grid-template-columns: auto 1fr;
        align-content: center; }
    .ui-table__header, .ui-table__header__checkable {
      padding: 5px;
      text-transform: uppercase; }
      .ui-table__header div, .ui-table__header__checkable div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .ui-table__header div:first-child, .ui-table__header__checkable div:first-child {
          text-align: center !important; }
    .ui-table__cell {
      display: grid;
      min-height: 3vh; }
      .ui-table__cell div,
      .ui-table__cell a {
        padding: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; } }

ui-entity-history {
  margin: 0;
  padding: 0;
  /* TIMELINE 2 */ }
  ui-entity-history p {
    margin: 0;
    font-size: 12px; }
  ui-entity-history ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  ui-entity-history .ui-tag__close .digi-cross {
    font-size: 10px; }
  ui-entity-history .body__historique {
    margin: 5px; }
    ui-entity-history .body__historique .date {
      margin: 5px;
      font-size: 12px; }
    ui-entity-history .body__historique--timeline {
      position: relative;
      width: 100%;
      margin-bottom: 10px; }
      ui-entity-history .body__historique--timeline:before {
        position: absolute;
        content: " ";
        display: block;
        width: 2px;
        height: 100%;
        left: 8px; }
      ui-entity-history .body__historique--timeline .body__historique--timeline-round {
        position: relative;
        left: 40px;
        font-size: 12px;
        width: fit-content; }
        ui-entity-history .body__historique--timeline .body__historique--timeline-round:before {
          position: absolute;
          left: -40px;
          content: " ";
          display: block;
          width: 18px;
          height: 18px;
          border-radius: 10px;
          z-index: 10; }
      ui-entity-history .body__historique--timeline .body__historique--timeline2 {
        position: relative;
        width: calc(100% - 40px);
        left: 40px;
        margin: 5px 0; }
        ui-entity-history .body__historique--timeline .body__historique--timeline2 > li {
          margin: 10px 0;
          overflow-x: hidden; }
          ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title {
            position: relative;
            left: 40px;
            font-size: 12px;
            padding: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title-svg {
              width: fit-content; }
            ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title-icon {
              font-size: 18px;
              position: absolute;
              left: -40px;
              content: " ";
              height: 100%;
              z-index: 10; }
              ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title-icon:before {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%; }
            ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title .title {
              margin-right: 5px; }
            ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .body__historique--title a .ui-dropdown__icon {
              font-size: 12px; }
          ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel {
            margin: 10px 0; }
            ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box {
              position: relative;
              left: 40px;
              max-width: 70%; }
              ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > p {
                font-size: 10px;
                width: fit-content; }
              ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span {
                display: flex;
                flex-direction: column;
                gap: 5px;
                margin-bottom: 5px; }
                ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el {
                  border: solid 1px #d8d8d8;
                  border-radius: 5px;
                  padding: 10px; }
                  ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .box__el--name {
                    font-size: 12px !important;
                    font-weight: bold; }
                  ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container {
                    padding: 5px 0;
                    display: grid;
                    grid-template-columns: 40% 10% 40%;
                    grid-template-areas: "old icon new";
                    align-content: center;
                    align-items: center;
                    justify-content: space-between; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container__old {
                      grid-area: old;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      width: 100%;
                      max-width: 100%; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container__icon {
                      grid-area: icon;
                      width: 100%;
                      justify-content: center; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container__new {
                      grid-area: new;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      max-width: 100%; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container .overflow_old {
                      grid-column-start: 1; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container .overflow_new {
                      grid-column-start: 3; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container .overflow_old,
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container .overflow_new {
                      max-width: 100%; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file {
                      display: grid;
                      grid-template-columns: 15% 85%;
                      grid-template-areas: "icon name";
                      align-content: center;
                      align-items: center; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file > p {
                        font-size: 12px; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file .history_container_file__icon {
                        grid-area: icon; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file .history_container_file__name {
                        grid-area: name;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 100%;
                        max-width: 100%; }
                        ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file .history_container_file__name a {
                          text-decoration: underline;
                          word-break: break-all; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_file > p {
                        width: 100%; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_picture {
                      display: grid;
                      grid-template-columns: repeat(5, minmax(35px, 35px));
                      gap: 5px 5px;
                      overflow: hidden;
                      max-height: 60px; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_picture.value_overflow_hidden {
                        max-height: 60px; }
                      ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .history_container_picture img {
                        width: 100%;
                        height: 100%;
                        max-width: 35px;
                        max-height: 35px; }
                  ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .comment_header p:last-child {
                    font-size: 10px;
                    display: flex;
                    align-items: center;
                    padding: 5px 0; }
                    ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .comment_header p:last-child ui-icon {
                      font-size: 15px !important;
                      margin-right: 3px; }
                  ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box > span .body__historique--box-el .comment_detail {
                    max-height: 100px;
                    max-width: none; }
              ui-entity-history .body__historique--timeline .body__historique--timeline2 > li .panel .body__historique--box:before {
                position: absolute;
                content: " ";
                display: block;
                width: 2px;
                height: 100%;
                left: -32px; }
  ui-entity-history .comment_detail + p,
  ui-entity-history .comment_detail + p + p,
  ui-entity-history .history_container__old + p,
  ui-entity-history .history_container__old + p + p,
  ui-entity-history .history_container__new + p,
  ui-entity-history .history_container__new + p + p,
  ui-entity-history .history_container_picture + p,
  ui-entity-history .history_container_picture + p + p {
    display: none;
    text-decoration: underline;
    font-size: 10px; }
  ui-entity-history .value_overflow_hidden {
    overflow-x: hidden;
    overflow-y: hidden; }
    ui-entity-history .value_overflow_hidden + p {
      display: block; }
    ui-entity-history .value_overflow_hidden + p + p {
      display: none; }
  ui-entity-history .value_overflow_visible {
    overflow-x: visible;
    overflow-y: visible;
    max-height: none !important; }
    ui-entity-history .value_overflow_visible + p {
      display: none; }
    ui-entity-history .value_overflow_visible + p + p {
      display: block; }
  ui-entity-history .history_save_filter {
    left: 50%;
    transform: translateX(-50%); }
  ui-entity-history .history_filter {
    padding-left: 0.5rem; }
    ui-entity-history .history_filter--title {
      display: flex;
      align-items: center;
      flex-direction: row; }
      ui-entity-history .history_filter--title ui-button .ui-btn__icon {
        padding: 0;
        padding-right: 10px; }
    ui-entity-history .history_filter .history_filter_by__header {
      padding: 10px 0;
      font-size: 16px; }
    ui-entity-history .history_filter .history_filter_user_tag_not_selected {
      filter: opacity(0.5) grayscale(1); }
    ui-entity-history .history_filter ui-tag-list-check .ui-tag {
      padding: 2px 5px;
      font-size: 12px; }
      ui-entity-history .history_filter ui-tag-list-check .ui-tag .ui-tag__icon {
        font-size: 9px; }
  ui-entity-history .history_no_data {
    text-align: center; }
  ui-entity-history .history_filter > .history_filter_user_tag,
  ui-entity-history .history_filter_user_tag_selected {
    display: flex;
    gap: 5px;
    flex-wrap: wrap; }

ui-chat {
  display: flex;
  flex-direction: column;
  height: 100%; }
  ui-chat .container_discussion {
    border: 2px solid;
    height: 95vh;
    width: 50vw;
    position: relative; }
  ui-chat .container_icone {
    width: 25vw; }
  ui-chat .container_header_discussion {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 2px solid; }
  ui-chat .container_messages {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 10px;
    margin-bottom: 80px;
    height: 100%;
    overflow: auto; }
    ui-chat .container_messages .message_info img {
      background-color: #d3d3d3; }
  ui-chat .container_message_info {
    width: 100%;
    margin: 10px; }
  ui-chat .container_textarea {
    height: 100%;
    word-break: break-word; }
  ui-chat .icone {
    width: 20px; }
  ui-chat .name {
    font-weight: bold;
    text-align: left; }
    ui-chat .name_user {
      font-weight: 800; }
  ui-chat .header_element {
    display: flex;
    justify-content: space-between;
    width: 25vw; }
  ui-chat .message {
    padding: 10px;
    border-radius: 10px;
    border-top-left-radius: 0;
    margin-top: 10px; }
    ui-chat .message > span {
      font-weight: bold; }
    ui-chat .message_element {
      display: flex;
      justify-content: space-between; }
    ui-chat .message_info {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center; }
    ui-chat .message_line {
      display: grid;
      margin-left: 35px;
      grid-template-columns: 1fr auto;
      grid-auto-flow: column; }
  ui-chat .photo_user {
    width: 35px;
    margin: auto; }
  ui-chat .body_discussion {
    overflow: hidden; }
  ui-chat .footer_discussion {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    align-items: center;
    margin-top: auto;
    margin-bottom: 0;
    border: 2px solid; }
    ui-chat .footer_discussion > .container_textarea {
      padding: 5px;
      width: 100%; }
    ui-chat .footer_discussion > .button {
      display: flex; }
    ui-chat .footer_discussion .ui-chat--input-text:focus-visible {
      border: solid 1px lightgray !important; }
  ui-chat .footer__footer {
    display: none; }
  ui-chat .button {
    width: 20%; }
  ui-chat .write {
    margin-top: 0; }
  ui-chat .edit_button_group {
    size: 50%;
    margin: auto;
    display: flex;
    justify-content: space-between; }
  ui-chat .first_message_of_day {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center; }
    ui-chat .first_message_of_day > hr {
      width: 33%; }
  ui-chat .ui-chat--input-text {
    background: none;
    color: inherit;
    border: 1px solid lightgray;
    border-radius: 5px;
    min-height: 50px;
    padding: 5px; }
    ui-chat .ui-chat--input-text:empty:not(:focus):before {
      content: attr(data-placeholder); }

floating-box-view.chat-view .header-footer-fixed__content {
  overflow: hidden;
  padding: 0 !important; }
  floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .body_discussion,
  floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion {
    padding: 0 40px; }
  floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion {
    background-color: var(--primary-white-10, #eaf0f6); }
    floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion .ui-chat--input-text {
      background-color: white; }
      floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion .ui-chat--input-text:focus-visible {
        border: solid 1px lightgray !important; }
    floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion ui-button {
      padding: 10px;
      width: 45px;
      height: 45px; }
      floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion ui-button .ui-btn__icon {
        padding-top: 3px; }
      floating-box-view.chat-view .header-footer-fixed__content > ui-chat > .footer_discussion ui-button:hover {
        color: var(--primary, #2b64a9); }

floating-box-view.chat-view .header-footer-fixed__footer {
  display: none; }

/*#region tribute */
/* --- TO DO LATTER --- */
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  overflow: auto;
  display: block;
  z-index: 999999;
  overflow-y: scroll;
  max-height: 40%;
  border-radius: 5px; }

.tribute-container::-webkit-scrollbar {
  border-radius: 5px; }

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none; }

.tribute-container li {
  padding: 8px 5px;
  cursor: pointer; }

.tribute-container li span {
  font-weight: bold; }

.tribute-container li.no-match {
  cursor: default; }

.tribute-container .menu-highlighted {
  font-weight: bold; }

/*#endregion*/
.container_notification {
  display: flex;
  flex-direction: column;
  height: 80vh;
  width: 50vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 15px;
  max-width: 1000px;
  margin: auto; }
  .container_notification > *:nth-child(2) {
    overflow: hidden; }
    .container_notification > *:nth-child(2) > ul {
      list-style: none;
      height: 100%;
      overflow-y: auto;
      margin: 0; }
  .container_notification a[href]:hover {
    text-decoration: underline; }
  .container_notification .notification {
    display: flex;
    justify-content: space-between;
    border-top: solid 2px;
    padding: 4% 2%;
    gap: 10px; }
    .container_notification .notification_text {
      padding-top: 10px; }
      .container_notification .notification_text > span {
        font-weight: bold; }
      .container_notification .notification_text > a[href]:hover {
        text-decoration: underline; }
    .container_notification .notification_subject {
      font-weight: 500;
      width: 100%;
      font-size: 17px; }
      .container_notification .notification_subject > a[href]:hover {
        text-decoration: underline; }
    .container_notification .notification .photo {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      margin: 4px; }
      .container_notification .notification .photo > img.avatar {
        max-width: 50px;
        max-height: 50px;
        width: 50px;
        height: 50px; }
  .container_notification_header_title {
    display: flex;
    justify-content: space-between; }
    .container_notification_header_title .title {
      display: inline-block; }
      .container_notification_header_title .title > div {
        font-weight: 300;
        margin: 0;
        font-size: 25px; }
    .container_notification_header_title .pagination {
      justify-content: right;
      align-items: center;
      display: flex; }
      .container_notification_header_title .pagination > t {
        justify-content: center;
        align-items: center;
        display: flex;
        margin: 10px; }
  .container_notification .contenu {
    border-top: solid 2px;
    padding-top: 1rem; }
    .container_notification .contenu > span {
      font-weight: bold; }
  .container_notification .ui-notification__detail {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%; }
    .container_notification .ui-notification__detail .contenu {
      max-height: 100%;
      overflow: auto; }

.container_croix {
  text-align: right;
  width: 100%; }

.container_arrow_left {
  text-align: left;
  width: 50%; }

.container_header_button {
  display: flex; }

.container_text {
  width: 100%;
  min-width: 0; }
  .container_text > a[href]:hover {
    text-decoration: underline; }

.container_contenu {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr auto auto;
  gap: 5px;
  margin-bottom: 8px; }
  .container_contenu .time {
    text-align: right; }

.container_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 3%; }
  .container_header .time {
    width: 30%;
    text-align: right; }
  .container_header .photo {
    width: 55px;
    border-radius: 60%;
    margin: 4px; }
    .container_header .photo > img.avatar {
      max-width: 50px;
      max-height: 50px;
      width: 50px;
      height: 50px; }

.container_alertes .notification_subject > a[href]:hover {
  text-decoration: underline; }

.alerte {
  border-radius: 15px;
  border: solid 1px;
  box-shadow: 2px 2px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 5%;
  margin: 10px 0; }
  .alerte_position {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    padding: 10px; }
  .alerte_contenu {
    width: 80%; }
  .alerte_croix {
    text-align: right; }
  .alerte .photo {
    width: 55px;
    border-radius: 60%;
    margin: 4px; }
    .alerte .photo > img.avatar {
      max-width: 50px;
      max-height: 50px;
      width: 50px;
      height: 50px; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.metadata {
  height: 100%;
  padding: 1rem !important; }
  .metadata-container {
    display: grid;
    grid-template-columns: 400px auto;
    grid-auto-flow: column;
    height: inherit; }
    .metadata-container .metadata-tree-view {
      display: flex;
      flex-direction: column; }
      .metadata-container .metadata-tree-view .metadata-tree-view__title {
        font-size: 1.5em;
        font-weight: bolder;
        margin-top: calc(15px - 0.5rem);
        margin-bottom: calc(15px + 0.5rem); }
      .metadata-container .metadata-tree-view ui-tree-panel .row {
        width: 100%; }
        .metadata-container .metadata-tree-view ui-tree-panel .row > .col {
          padding: 0; }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__selected .digi-move-line-down {
        color: var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__selected .ui-tree__label {
        color: var(--secondary, #b6246b);
        background-color: transparent; }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__expander .digi-move-line-down {
        color: var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__spacer__lines {
        border-bottom: 1px solid var(--secondary, #b6246b);
        border-left: 1px solid var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__label.ui-tree__selectable:hover {
        background-color: transparent;
        color: var(--secondary, #b6246b); }
    .metadata-container .metadata-detail > .ui-panel {
      height: 100%; }
      .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row {
        display: flex;
        align-items: center; }
        .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el {
          flex-direction: row-reverse;
          justify-content: flex-end;
          padding: 15px 0; }
          .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col {
            margin: 0; }
            .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col:last-child {
              display: flex;
              align-items: center;
              gap: 15px;
              padding: 0;
              margin-right: 20px; }
              .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col:last-child ui-icon {
                font-size: 24px;
                margin-top: 25px; }
        .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row .metadata-detail__title {
          font-size: 25px;
          padding: 0; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.grid-dialog-header {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-areas: "icon title close";
  grid-template-columns: auto 1fr auto;
  align-items: center; }
  .grid-dialog-header__icon {
    grid-area: icon; }
  .grid-dialog-header__title {
    grid-area: title; }
  .grid-dialog-header__close {
    grid-area: close;
    text-align: end; }
  .grid-dialog-header__icon, .grid-dialog-header__title, .grid-dialog-header__close {
    display: flex;
    align-items: center; }

.grid-dialog-footer {
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr; }
  .grid-dialog-footer__left {
    text-align: left; }
  .grid-dialog-footer__right {
    text-align: right; }

ux-dialog {
  padding: 0; }
  ux-dialog-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    right: 0; }
  ux-dialog-container {
    display: block;
    transition: all 0.4s ease-out;
    overflow: hidde;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    ux-dialog-container > div {
      width: 100%;
      height: 100%; }
      ux-dialog-container > div > div {
        height: 100%; }
  ux-dialog {
    width: 80%;
    display: table;
    border-radius: 5px;
    margin: auto;
    border: none; }
    ux-dialog > ux-dialog-header {
      padding: 20px 15px 20px 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: solid 5px var(--primary, #2b64a9);
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom: none; }
      ux-dialog > ux-dialog-header button.dialog-close {
        display: none; }
      ux-dialog > ux-dialog-header h5 {
        margin: 0; }
      ux-dialog > ux-dialog-header .dialog-header-content {
        width: 100%; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__icon {
          color: var(--primary, #2b64a9); }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__title > h5 {
          font-size: 1.5em; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__title > h5 {
          margin: 0; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__close .ui-btn__icon {
          padding: 0; }
          ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__close .ui-btn__icon .ui-icon {
            font-size: 1.5em; }
    ux-dialog > ux-dialog-body {
      display: block;
      padding: 0px 15px;
      flex-grow: 1;
      overflow: auto;
      min-height: 2em;
      margin: 20px 0;
      margin-top: 8px; }
      ux-dialog > ux-dialog-body > .row {
        margin: 0; }
        ux-dialog > ux-dialog-body > .row > .col {
          padding: 0; }
      ux-dialog > ux-dialog-body > .dialog-box-message ul {
        overflow-y: scroll;
        height: 200px;
        margin-bottom: 0; }
    ux-dialog > ux-dialog-footer {
      display: block;
      flex-shrink: 0;
      width: 100%;
      text-align: right;
      background-color: #f4f4f4;
      border-bottom-left-radius: 5px;
      padding: 10px 15px;
      border-bottom-right-radius: 5px; }
  ux-dialog.warningBox ux-dialog-header {
    border-top: solid 5px #d9822b; }
    ux-dialog.warningBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: #d9822b; }
  ux-dialog.warningBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: #d9822b; }
    ux-dialog.warningBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: #e3a160; }
  ux-dialog.warningBox ::-webkit-scrollbar-thumb {
    background-color: #ecc195; }
    ux-dialog.warningBox ::-webkit-scrollbar-thumb:hover {
      background-color: #d9822b; }
  ux-dialog.questionBox ux-dialog-header, ux-dialog.notificationBox ux-dialog-header {
    border-top: solid 5px var(--primary, #2b64a9); }
    ux-dialog.questionBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon, ux-dialog.notificationBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: var(--primary, #2b64a9); }
  ux-dialog.questionBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child, ux-dialog.notificationBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: var(--primary, #2b64a9); }
    ux-dialog.questionBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover, ux-dialog.notificationBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: var(--primary-white-75, #608bbf); }
  ux-dialog.questionBox ::-webkit-scrollbar-thumb, ux-dialog.notificationBox ::-webkit-scrollbar-thumb {
    background-color: var(--primary-white-50, #95b2d4); }
    ux-dialog.questionBox ::-webkit-scrollbar-thumb:hover, ux-dialog.notificationBox ::-webkit-scrollbar-thumb:hover {
      background-color: var(--primary, #2b64a9); }
  ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__icon {
    color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
  ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close {
    color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
    ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close:hover {
      color: #bfbfbf; }
    ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close ui-button {
      color: inherit; }
  ux-dialog.editDialog ux-dialog-header {
    border-top: none; }
    ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__icon {
      color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
    ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close {
      color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
      ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close:hover {
        color: #bfbfbf; }
      ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close ui-button {
        color: inherit; }
  ux-dialog.errorBox ux-dialog-header {
    border-top: solid 5px #db3737; }
    ux-dialog.errorBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: #db3737; }
  ux-dialog.errorBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: #db3737; }
    ux-dialog.errorBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: #e46969; }
  ux-dialog.errorBox ::-webkit-scrollbar-thumb {
    background-color: #ed9b9b; }
    ux-dialog.errorBox ::-webkit-scrollbar-thumb:hover {
      background-color: #db3737; }
  ux-dialog.editBox, ux-dialog.questionBox, ux-dialog.notificationBox, ux-dialog.warningBox, ux-dialog.errorBox {
    margin-top: 8vh; }
    ux-dialog.editBox > ux-dialog-header button.dialog-close, ux-dialog.questionBox > ux-dialog-header button.dialog-close, ux-dialog.notificationBox > ux-dialog-header button.dialog-close, ux-dialog.warningBox > ux-dialog-header button.dialog-close, ux-dialog.errorBox > ux-dialog-header button.dialog-close {
      display: none; }
  ux-dialog.editDialog {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    position: absolute;
    right: 0;
    width: 75%; }
    ux-dialog.editDialog.ui-dialog-right {
      left: auto;
      right: 0; }
    ux-dialog.editDialog.ui-dialog-left {
      left: 0;
      right: auto; }
    ux-dialog.editDialog.ui-dialog-sm {
      width: 30%; }
    ux-dialog.editDialog.ui-dialog-md {
      width: 50%; }
    ux-dialog.editDialog.ui-dialog-lg {
      width: 75%; }
    ux-dialog.editDialog.ui-dialog-xl {
      width: 90%; }
    ux-dialog.editDialog.ui-dialog-all {
      --left-width: 280px;
      width: calc(100% - var(--left-width)); }
    @media only screen and (max-width: 1280px) {
      ux-dialog.editDialog.ui-dialog-sm {
        width: 50%; }
      ux-dialog.editDialog.ui-dialog-md {
        width: 75%; }
      ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }
    @media only screen and (max-width: 768px) {
      ux-dialog.editDialog.ui-dialog-sm {
        width: 75%; }
      ux-dialog.editDialog.ui-dialog-md, ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }
    @media only screen and (max-width: 480px) {
      ux-dialog.editDialog.ui-dialog-sm, ux-dialog.editDialog.ui-dialog-md, ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }

body.condensed ux-dialog.editDialog.ui-dialog-all {
  --left-width-condensed: 60px;
  width: calc(100% - var(--left-width-condensed)); }

.editBox,
.questionBox,
.notificationBox,
.warningBox,
.errorBox {
  min-width: 500px;
  max-width: 500px; }
  .editBox .modal-body .message,
  .questionBox .modal-body .message,
  .notificationBox .modal-body .message,
  .warningBox .modal-body .message,
  .errorBox .modal-body .message {
    vertical-align: top;
    float: right;
    display: table-cell; }
  .editBox .modal-body div,
  .questionBox .modal-body div,
  .notificationBox .modal-body div,
  .warningBox .modal-body div,
  .errorBox .modal-body div {
    margin-top: 5px;
    display: table; }
    .editBox .modal-body div i,
    .questionBox .modal-body div i,
    .notificationBox .modal-body div i,
    .warningBox .modal-body div i,
    .errorBox .modal-body div i {
      font-size: 20px;
      font-style: normal;
      padding-right: 5px;
      display: table-cell;
      vertical-align: baseline; }

.ui-alert {
  padding-left: 15px;
  padding-right: 15px;
  border-left: solid 5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ui-alert--sm {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px; }
  .ui-alert--md {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    font-size: 18px; }
  .ui-alert--lg {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px; }
  .ui-alert--xl {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 22px; }
  .ui-alert > .ui-alert-container {
    display: flex; }

.ag-grid-view-select-user {
  display: flex;
  align-items: center;
  gap: 5px; }

avatar {
  display: flex;
  align-items: center; }

.avatar {
  border-radius: 50%;
  max-height: 32px;
  max-width: 32px; }

ul.timeline {
  list-style-type: none;
  position: relative;
  width: 100%;
  font-size: 12px; }
  ul.timeline:before {
    content: " ";
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400; }
  ul.timeline > li {
    margin: 20px 0;
    padding-left: 50px; }
    ul.timeline > li a {
      display: block; }
    ul.timeline > li > ui-icon {
      margin-left: -30.5px;
      position: absolute;
      z-index: 410;
      transform: scale(0.85);
      line-height: 30px; }
    ul.timeline > li:before {
      content: " ";
      background: white;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      border: 3px solid #22c0e8;
      left: 15px;
      width: 30px;
      height: 30px;
      z-index: 400; }
  ul.timeline table {
    font-size: 10px; }
    ul.timeline table td,
    ul.timeline table th {
      text-align: left;
      padding: 4px; }
    ul.timeline table:hover tr:nth-child(even) {
      background-color: #f2f2f2;
      transition: background-color 0.2s; }

.grid-header-bar {
  margin-top: calc(15px - 0.5rem);
  margin-bottom: calc(15px + 0.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .grid-header-bar > .grid-header-bar__btn {
    grid-area: btn;
    display: flex;
    justify-content: flex-end;
    height: 40px; }
  .grid-header-bar .grid-header-bar__center {
    grid-area: center;
    justify-self: center; }
  .grid-header-bar .btn-view {
    margin-left: 15px;
    padding: 0 5px 0 5px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-radius: 20px; }
  .grid-header-bar .title {
    grid-area: title;
    font-size: 1.5em;
    font-weight: bolder; }
  .grid-header-bar .header-title {
    display: inline-flex;
    align-items: center;
    gap: 1rem; }

.agGridViewClass {
  display: flex;
  align-items: center; }
  .agGridViewClass > ui-button {
    width: 100%; }
    .agGridViewClass > ui-button a {
      display: flex;
      width: 100%; }
      .agGridViewClass > ui-button a .ui-btn__label {
        width: 100%;
        text-align: left; }
        .agGridViewClass > ui-button a .ui-btn__label span:nth-of-type(2) {
          font-size: 13px; }
  .agGridViewClass > span {
    display: flex; }

.grid-menu {
  overflow-x: hidden;
  max-height: calc(100% - 100px) !important;
  min-width: 300px;
  padding-bottom: 10px;
  z-index: 1000; }
  .grid-menu h6 {
    margin-bottom: 15px;
    padding-left: 10px; }
  .grid-menu li:hover:not(.divider) {
    background-color: inherit !important; }
  .grid-menu .btn-flat {
    width: 100%;
    padding: 0; }
  .grid-menu li {
    list-style-type: none;
    min-height: fit-content !important;
    padding: 3px 10px 3px 10px;
    cursor: default; }
  .grid-menu li.divider {
    padding: 0;
    margin-bottom: 10px; }

ag-grid-aurelia .select-all-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  ag-grid-aurelia .select-all-container > ui-checkbox > label {
    display: flex;
    justify-content: center;
    height: 100%;
    grid-column-gap: 0; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-header {
  font-size: 13px;
  z-index: 1;
  border-radius: 5px 5px 0 0;
  border-bottom: solid 1px; }
  ag-grid-aurelia.ag-theme-material.datagrid .ag-header .ag-pinned-left-header,
  ag-grid-aurelia.ag-theme-material.datagrid .ag-header .ag-pinned-right-header {
    border-right: none;
    border-left: none; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-cell.ag-cell-not-inline-editing {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 35px; }
  ag-grid-aurelia.ag-theme-material.datagrid .ag-cell.ag-cell-not-inline-editing .ag-cell-wrapper {
    display: block;
    overflow: hidden;
    height: 100%; }
    ag-grid-aurelia.ag-theme-material.datagrid .ag-cell.ag-cell-not-inline-editing .ag-cell-wrapper .ag-cell-value p {
      margin: 0; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-header-cell {
  padding-left: 5px;
  padding-right: 5px; }
  ag-grid-aurelia.ag-theme-material.datagrid .ag-header-cell .ag-header-cell-comp-wrapper > label > span::after {
    height: 15px;
    width: 15px;
    border: solid 2px; }

ag-grid-aurelia.ag-theme-material.datagrid .right-align-ag-grid .ag-header-cell-label {
  display: inline-block;
  text-align: right;
  float: none;
  width: auto; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-body,
ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-full-body {
  padding: 5px 0 5px 0; }
  ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-body > div .floating-filter__button,
  ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-full-body > div .floating-filter__button {
    width: 100%;
    height: 100%;
    margin: 0; }
    ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-body > div .floating-filter__button > .ui-btn__inner,
    ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-full-body > div .floating-filter__button > .ui-btn__inner {
      box-shadow: none; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-body input,
ag-grid-aurelia.ag-theme-material.datagrid .ag-filter-filter input {
  padding: 0 0 0 5px;
  margin: 0; }

ag-grid-aurelia.ag-theme-material.datagrid .ag-floating-filter-button {
  margin-left: 5px; }

ag-grid-aurelia .ag-theme-material .ag-menu .ag-filter .ag-filter-body {
  margin-bottom: 0; }

ag-grid-aurelia .ag-theme-material .ag-menu .ag-filter .ag-filter-filter,
ag-grid-aurelia .ag-theme-material .ag-menu .ag-filter .ag-filter-select {
  margin: 0 0 8px 0; }

ag-grid-aurelia .ag-theme-material .ag-menu .ag-input-text-wrapper {
  padding: 10px; }

ag-grid-aurelia .ag-theme-material .ag-menu .ag-menu-header {
  display: none; }

ag-grid-aurelia .ag-theme-material .ag-menu .ag-tabs-body.ag-menu-body {
  padding: 0; }

ag-grid-aurelia .ag-theme-material .ag-root-wrapper {
  cursor: pointer; }
  ag-grid-aurelia .ag-theme-material .ag-root-wrapper .ag-pinned-left-cols-container {
    left: -1px; }
    ag-grid-aurelia .ag-theme-material .ag-root-wrapper .ag-pinned-left-cols-container .ag-row {
      border-left-style: solid;
      border-right-style: solid; }
      ag-grid-aurelia .ag-theme-material .ag-root-wrapper .ag-pinned-left-cols-container .ag-row .ag-cell > .ag-cell-wrapper > .ag-cell-value {
        height: inherit; }
        ag-grid-aurelia .ag-theme-material .ag-root-wrapper .ag-pinned-left-cols-container .ag-row .ag-cell > .ag-cell-wrapper > .ag-cell-value ui-checkbox > label {
          grid-template-columns: 1fr; }

ag-grid-aurelia .ag-theme-material .ag-ltr .ag-cell {
  border-right: solid 1px;
  border-left: solid 1px; }

ag-grid-aurelia .ag-theme-material .ag-keyboard-focus .ag-header-cell:focus::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

ag-grid-aurelia .ag-theme-material .ag-row-hover:not(.ag-full-width-row)::before,
ag-grid-aurelia .ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group::before {
  left: 1px; }

ag-grid-aurelia .ag-theme-material .ag-cell-focus {
  border: solid 1px;
  outline: none; }

.ag-theme-material.datagrid .ag-root-wrapper > .ag-root-wrapper-body > .ag-root .ag-body-viewport > .ag-pinned-left-cols-container .ag-cell-value {
  height: inherit; }
  .ag-theme-material.datagrid .ag-root-wrapper > .ag-root-wrapper-body > .ag-root .ag-body-viewport > .ag-pinned-left-cols-container .ag-cell-value ui-checkbox > .ui-option__control {
    display: inherit; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.filter-slot {
  display: grid;
  grid-template-columns: auto auto;
  align-items: start;
  justify-content: start;
  margin: 10px 20px; }
  .filter-slot > .filter {
    display: flex;
    flex-wrap: wrap; }
    .filter-slot > .filter > div.filter-view {
      display: flex;
      gap: 10px;
      align-items: center;
      color: var(--primary, #2b64a9);
      background-color: var(--primary-15, rgba(43, 100, 169, 0.15));
      border-radius: 20px;
      padding: 5px 10px; }
    .filter-slot > .filter > div.filter-filters {
      display: flex;
      flex-direction: row;
      align-items: center;
      border-right: 1px solid #d8e1e8;
      padding: 2px 20px; }
      .filter-slot > .filter > div.filter-filters .filter-label {
        color: var(--primary, #2b64a9);
        margin-right: 10px;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400; }
      .filter-slot > .filter > div.filter-filters .filter-value {
        display: flex;
        gap: 5px; }
        .filter-slot > .filter > div.filter-filters .filter-value .ui-tag {
          background-color: var(--primary-20, rgba(43, 100, 169, 0.2)) !important;
          color: var(--primary, #2b64a9) !important;
          border-radius: 6px;
          font-size: 12px;
          padding: 5px 8px 4px 10px;
          box-shadow: none;
          margin: 0;
          font-weight: 400;
          min-height: 30px; }
          .filter-slot > .filter > div.filter-filters .filter-value .ui-tag .ui-tag__label {
            padding: 0;
            margin-right: 5px; }
          .filter-slot > .filter > div.filter-filters .filter-value .ui-tag .ui-tag__close {
            padding: 0;
            display: flex; }
            .filter-slot > .filter > div.filter-filters .filter-value .ui-tag .ui-tag__close .ui-icon.digi-cross {
              color: grey;
              font-size: 6px; }
          .filter-slot > .filter > div.filter-filters .filter-value .ui-tag > div > .digi-cross {
            font-size: 10px; }
          .filter-slot > .filter > div.filter-filters .filter-value .ui-tag .ui-btn {
            min-height: 25px; }
        .filter-slot > .filter > div.filter-filters .filter-value ui-button {
          height: inherit;
          border-radius: 50%; }
          .filter-slot > .filter > div.filter-filters .filter-value ui-button .ui-btn {
            padding: 0 3px;
            min-width: 25px; }
            .filter-slot > .filter > div.filter-filters .filter-value ui-button .ui-btn .ui-btn__icon {
              padding: 0; }
        .filter-slot > .filter > div.filter-filters .filter-value.display-empty {
          padding: 0 5px; }
  .filter-slot .filter-reset {
    display: flex;
    align-items: center; }
    .filter-slot .filter-reset__result {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #394b59;
      margin-left: 10px; }

.ui-field {
  align-content: start;
  display: grid;
  flex: 1 1 8rem;
  grid-auto-flow: row;
  line-height: 1;
  margin: var(--gutter);
  min-width: 1rem;
  padding: 5px 0; }
  @media screen and (min-width: 766px) {
    .ui-field--inline {
      --min-width: 1rem;
      grid-template-columns: auto minmax(var(--min-width), 100%); }
      .ui-field--inline .ui-field__label {
        justify-self: end;
        padding: 0.75rem 0.25rem 0.25rem; }
      .ui-field--inline .ui-input,
      .ui-field--inline .ui-input__info,
      .ui-field--inline .ui-field__wrapper {
        grid-column: 2; } }
  .ui-field--hint {
    display: inline; }
    .ui-field--hint label {
      display: inline !important; }
      .ui-field--hint label span:last-child {
        padding: 0; }
    .ui-field--hint .ui-field__hint-icon {
      cursor: pointer; }
      .ui-field--hint .ui-field__hint-icon ui-icon {
        color: #949fb3;
        margin-bottom: 2px; }
  .ui-field--required .ui-field__label {
    display: grid;
    grid-template-columns: auto 1fr; }
  .ui-field--nolabel .ui-field__label {
    display: none; }
  .ui-field__label {
    width: 100%;
    display: inline-grid;
    font-size: 14px;
    justify-self: start;
    padding: 0.25rem;
    position: relative; }
    .ui-field__label span:first-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ui-field__label span:last-child {
      padding: 0 2px;
      display: inline-block;
      font-family: serif; }
  .ui-field--label-multi-line .ui-field__label {
    display: block; }
    .ui-field--label-multi-line .ui-field__label > span:first-child {
      width: initial;
      overflow: initial;
      text-overflow: initial;
      white-space: initial; }
  .ui-field__wrapper {
    display: flex;
    flex-flow: row nowrap;
    grid-column: 1;
    min-height: 2rem;
    position: relative;
    transition: width 0.5s;
    border: solid;
    border-width: 1px;
    border-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
    .ui-field__wrapper--readonly {
      border: none !important;
      border-bottom: solid 1px #d3d3d3 !important;
      border-radius: 0; }
      .ui-field__wrapper--readonly > ui-dropdown {
        background-color: #f4f4f4 !important; }
      .ui-field__wrapper--readonly > ui-textarea {
        border-radius: 0; }
    .ui-field__wrapper--disabled > ui-dropdown,
    .ui-field__wrapper--disabled > div {
      background-color: #f4f4f4 !important;
      cursor: not-allowed;
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem; }
    .ui-field__wrapper > .ui-btn__wrapper {
      align-self: stretch;
      font-size: 0.8em;
      margin: 0; }
      .ui-field__wrapper > .ui-btn__wrapper:first-child .ui-btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      .ui-field__wrapper > .ui-btn__wrapper:last-child .ui-btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
    .ui-field__wrapper .ui-input {
      border-top: none;
      border-bottom: none; }
      .ui-field__wrapper .ui-input:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-right: none; }
      .ui-field__wrapper .ui-input:first-child {
        border-left: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
  .ui-field--plain .ui-field__wrapper .ui-input input,
  .ui-field--plain .ui-field__wrapper .ui-input textarea, .ui-field--plain .ui-input input,
  .ui-field--plain .ui-input textarea {
    cursor: default;
    height: auto;
    resize: none; }
  .ui-field--plain .ui-field__wrapper .ui-input::after, .ui-field--plain .ui-input::after {
    display: none; }
  .ui-field--plain .ui-field__wrapper .ui-input__counter, .ui-field--plain .ui-field__wrapper .ui-input__error, .ui-field--plain .ui-field__wrapper .ui-input__clear, .ui-field--plain .ui-input__counter, .ui-field--plain .ui-input__error, .ui-field--plain .ui-input__clear {
    display: none; }
  .ui-field--plain .ui-field__wrapper .ui-dropdown .ui-menu__item__caret, .ui-field--plain .ui-dropdown .ui-menu__item__caret {
    visibility: hidden; }
  .ui-field > .ui-field__wrapper + .ui-field__wrapper,
  .ui-field > .ui-field__wrapper + .ui-input,
  .ui-field > .ui-input + .ui-field__wrapper,
  .ui-field > .ui-input + .ui-input {
    margin-top: 1px; }

ui-field[no-label] > label {
  display: none; }

ui-field-wrapper.readonly {
  padding-left: 0px;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important; }
  ui-field-wrapper.readonly > .ui-input__clear {
    display: none; }
  ui-field-wrapper.readonly::after {
    display: none; }
  ui-field-wrapper.readonly::before {
    content: "";
    cursor: default;
    background-color: transparent !important; }

.ui-input, .ui-input__addon + .ui-input__addon, .ui-input__addon--end {
  border: solid;
  border-width: 1px;
  border-color: gray; }

.ui-input {
  padding: 3px 10px;
  font-size: 14px;
  display: grid;
  flex: 1 1 1rem;
  grid-column: 1;
  grid-template-areas: "addon-start error input counter clear addon-end";
  grid-template-columns: auto auto 1fr auto auto auto auto;
  line-height: 1;
  overflow: hidden;
  position: relative;
  border-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  align-items: center;
  /* Chrome, Safari, Edge, Opera */ }
  .ui-input input::-webkit-outer-spin-button,
  .ui-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .ui-input input[type="number"] {
    text-align: right;
    /* Firefox */
    -moz-appearance: textfield; }
  .ui-input input[type="color"] {
    width: 100%;
    height: 2rem;
    padding-left: 0;
    border-radius: 5px;
    /* Chrome and Edge */ }
    .ui-input input[type="color"]::-webkit-color-swatch {
      border-radius: 5px; }
    .ui-input input[type="color"] input[type="number"] {
      text-align: right;
      /* Firefox */
      -moz-appearance: textfield; }
    @supports (-moz-appearance: none) {
      .ui-input input[type="color"] {
        padding-top: 4px;
        padding-bottom: 4px; } }
  .ui-input.ui-list {
    grid-template-areas: "addon-start error input counter clear addon-end" "list-container . . . . . ."; }
  .ui-input.ui-phone {
    grid-template-areas: "addon-start error flag input counter clear addon-end";
    grid-template-columns: auto auto auto 1fr auto auto auto auto; }
    .ui-input.ui-phone > .ui-flag {
      align-self: center;
      grid-area: flag; }
  .ui-input--textarea {
    grid-template-areas: "addon-start error input clear addon-end" "counter . . . ."; }
    .ui-input--textarea .ui-input__counter {
      grid-column: span 5;
      place-content: start; }
    .ui-input--textarea .ui-input__error {
      align-self: start; }
    .ui-input--textarea .ui-input__clear {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0; }
    .ui-input--textarea textarea {
      height: 24px;
      -webkit-padding-end: 1.5rem;
      -moz-padding-end: 1.5rem;
      -ms-padding-end: 1.5rem;
      -o-padding-end: 1.5rem;
      padding-end: 1.5rem; }
  .ui-input::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.5; }
  .ui-input::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    opacity: 0.75;
    position: absolute;
    right: 0;
    width: 0; }
  .ui-input:focus-within::after {
    transition: width 0.4s; }
  .ui-input--readonly {
    padding: 3px 10px;
    border-radius: 0; }
    .ui-input--readonly input {
      font-family: inherit; }
    .ui-input--readonly > .ui-input__clear {
      display: none; }
    .ui-input--readonly::after {
      display: none; }
    .ui-input--readonly::before {
      cursor: default;
      background-color: transparent !important; }
  .ui-input__addon {
    display: grid;
    font-size: 0.8em;
    grid-area: addon-start;
    padding: 0;
    place-content: center;
    min-width: 40px; }
    .ui-input__addon .ui-icon {
      font-size: 1.3rem; }
    .ui-input__addon .ui-flag {
      font-size: 1rem; }
    .ui-input__addon + .ui-input__addon, .ui-input__addon--end {
      grid-area: addon-end;
      border-left-style: solid; }
  .ui-input > .ui-btn__wrapper {
    align-self: stretch;
    font-size: 0.8em;
    grid-area: addon-end;
    margin: 0; }
  .ui-input__info {
    grid-column: 1;
    padding: 0.25rem 0.5rem; }
    .ui-input__info .ui-row {
      --gutter: 0; }
  .ui-input__counter, .ui-input__error, .ui-input__clear {
    display: grid;
    opacity: 0.5;
    padding: 0.25rem;
    place-content: center; }
  .ui-input__clear {
    cursor: pointer;
    grid-area: clear;
    min-width: 20px; }
    .ui-input__clear:hover {
      opacity: 1; }
  .ui-input--invalid {
    overflow: visible; }
  .ui-input__error {
    display: initial;
    grid-area: error;
    opacity: 1;
    z-index: 5; }
    .ui-input__error > ul {
      position: absolute;
      margin-block-start: auto;
      transform: none;
      font-size: 0.9rem;
      padding: 0.3em;
      display: none;
      list-style: none;
      white-space: nowrap;
      z-index: 10; }
    .ui-input__error:hover > ul {
      display: block; }
  .ui-input__counter {
    font-size: 0.8rem;
    grid-area: counter; }
  .ui-input input,
  .ui-input textarea {
    border: 0;
    grid-area: input;
    letter-spacing: 0.01em;
    line-height: 1.5rem;
    margin: 0;
    outline: none;
    padding: 0 0.5rem;
    padding-left: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    cursor: text;
    height: 2rem;
    width: 100%;
    box-sizing: content-box; }
  .ui-input input {
    font-size: 16px;
    font-weight: inherit;
    font-family: inherit; }
  .ui-input textarea {
    font-size: 1rem;
    font-weight: 300;
    padding: 0;
    min-height: 1.5rem;
    resize: none; }
    .ui-input textarea.resizable {
      resize: vertical; }
  .ui-input input[type="file"] {
    line-height: 1;
    padding: 0.358rem 0.5rem; }
  .ui-input-file__dropzone {
    display: grid;
    font-size: 1.25rem;
    font-weight: 300;
    grid-area: input;
    grid-gap: 0.5rem;
    grid-template-columns: auto auto;
    padding: 3rem 0;
    place-content: center;
    text-align: center; }
    .ui-input-file__dropzone .ui-icon {
      font-size: 3rem; }
    .ui-input-file__dropzone span {
      pointer-events: none; }
  .ui-input-file__list {
    grid-area: 2 / 1 / 2 / 7; }
    .ui-input-file__list > div {
      align-items: start;
      display: grid;
      grid-gap: 8px;
      grid-template-columns: auto auto 1fr;
      line-height: 1.5;
      margin: 4px 0;
      overflow: hidden; }
      .ui-input-file__list > div > label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .ui-input__tags {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    grid-area: input; }
    .ui-input__tags .ui-tag {
      align-items: center;
      border-radius: 2px;
      display: grid;
      font-size: 0.8rem;
      grid-gap: 4px;
      grid-template-columns: auto auto;
      line-height: 1.5rem;
      margin: 0.25rem;
      overflow: hidden;
      padding: 0 0.25rem; }
      .ui-input__tags .ui-tag .ui-badge {
        float: right; }
      .ui-input__tags .ui-tag__close {
        cursor: pointer;
        font-size: 1rem;
        line-height: 1.1;
        opacity: 0.5; }
        .ui-input__tags .ui-tag__close:hover {
          opacity: 0.9; }
    .ui-input__tags input {
      flex: 1 1 4em; }
  .ui-input.bold input {
    font-size: 20px;
    font-weight: bold; }
  .ui-input.italic input {
    font-size: 14px;
    font-style: italic; }

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: box-shadow 0.3s,
 border 0.3s; }

ui-input-phone {
  display: flex;
  gap: 5px;
  align-items: flex-start; }
  ui-input-phone .ui-select {
    width: 75px;
    flex: unset; }
    ui-input-phone .ui-select .select2-selection__rendered .ui-input-phone__option-country > span:not(.ui-input-phone__option-country__flag) {
      display: none; }
  ui-input-phone ui-input {
    flex: 1; }
    ui-input-phone ui-input .ui-input__error {
      margin-right: 5px; }
    ui-input-phone ui-input ui-input-addon.ui-input__addon--end {
      border: none;
      min-width: fit-content; }
    ui-input-phone ui-input ui-input-addon.num-valid {
      color: green; }
    ui-input-phone ui-input ui-input-addon.num-error {
      color: red; }

.ui-input-phone__option-country {
  display: flex;
  gap: 10px;
  align-items: center; }
  .ui-input-phone__option-country__flag {
    width: 30px;
    display: flex;
    align-items: center; }
    .ui-input-phone__option-country__flag .ui-flag {
      height: 20px;
      max-width: 30px;
      font-size: 2em; }
  .ui-input-phone__option-country__dial-code {
    width: 50px; }
  .ui-input-phone__option-country__country {
    flex: 1; }
  .ui-input-phone__option-country__code {
    margin-left: auto;
    font-size: 80%;
    color: lightgrey; }

.ui-slider {
  display: block;
  min-width: 6rem;
  position: relative; }
  .ui-slider__bubble {
    border-radius: 0.3rem;
    display: inline-block;
    font-size: 0.75em;
    left: calc(100% * var(--slider-pos));
    line-height: 1;
    padding: 0.3em 0;
    position: relative;
    text-align: center;
    transform: translateX(calc((-24px * var(--slider-pos)) + 2px));
    width: 24px;
    z-index: 1; }
  .ui-slider__min, .ui-slider__max {
    border: 1px solid transparent;
    font-size: 0.75em;
    padding: 0.3em 0;
    position: absolute;
    text-align: center;
    width: 24px; }
  .ui-slider__min {
    left: 0; }
  .ui-slider__max {
    right: 0; }
  .ui-slider__bar {
    border-radius: 4px;
    height: 4px;
    margin: 3px 0;
    position: relative; }
    .ui-slider__bar::after {
      border-radius: 4px 0 0 4px;
      bottom: 0;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      width: calc(100% * var(--slider-pos));
      z-index: 0; }
    .ui-slider__bar > input {
      -webkit-appearance: none;
      background: none;
      bottom: 0;
      left: 0;
      outline: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 2; }
      .ui-slider__bar > input::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDM1My41NjIgMzUzLjU2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUzLjU2MiAzNTMuNTYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTQxLjA2NCwzNTMuNTYyaDEwOS4wMTRWMEg0MS4wNjRWMzUzLjU2MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6Izg0OUZBNSIgZGF0YS1vbGRfY29sb3I9IiM3NDhGOTYiPjwvcGF0aD4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMDMuNDgyLDB2MzUzLjU2MmgxMDkuMDE3VjBIMjAzLjQ4MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6Izg0OUZBNSIgZGF0YS1vbGRfY29sb3I9IiM3NDhGOTYiPjwvcGF0aD4KCQk8L2c+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 12px 6px;
        border-radius: 2px;
        height: 12px;
        width: 24px; }

ui-files {
  position: relative;
  display: block; }
  ui-files .dropzone {
    padding: 1rem;
    overflow: auto; }
    ui-files .dropzone-content {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      padding: 1rem 0; }
      ui-files .dropzone-content h4 {
        font-size: 1.15em; }
    ui-files .dropzone > div > div {
      display: grid;
      grid-template-areas: "table"
 "dropzone"; }
  ui-files .flow_uploader__loader {
    height: 100%;
    background: rgba(255, 255, 255, 0.5); }
  ui-files .ui-files-actions {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0.8rem 0;
    flex-wrap: wrap;
    gap: 0.5rem; }
  ui-files .ui-files-search {
    max-width: 30rem;
    min-width: 10rem; }
  ui-files .drag-drop-files {
    grid-area: dropzone; }
  ui-files .dropzone-table {
    grid-area: table; }

.editableTable {
  table-layout: fixed;
  width: 100% !important;
  height: 100%; }
  .editableTable thead tr > th > div > .digi-pen {
    padding-left: 5px; }
  .editableTable tbody tr {
    border-bottom: none;
    height: 30px; }
    .editableTable tbody tr:hover {
      background-color: #f5f5f5; }
  .editableTable td,
  .editableTable th {
    padding: 0px 5px !important; }
    .editableTable td .select2,
    .editableTable th .select2 {
      margin: 0px !important; }
    .editableTable td > div > p,
    .editableTable th > div > p {
      margin: 0; }
  .editableTable .editableColumn > div {
    display: flex;
    align-items: center; }
    .editableTable .editableColumn > div i {
      margin-left: 10px;
      font-size: 18px; }
  .editableTable.centered th.editableColumn > div {
    justify-content: center; }

.document-type-key:before {
  content: ""; }

.document-type-png:before {
  content: ""; }

.document-type-pdf:before {
  content: ""; }

.document-type-jpg:before {
  content: ""; }

.document-type-doc:before {
  content: ""; }

.document-type-xls:before {
  content: ""; }

.document-type-docx:before {
  content: ""; }

.document-type-ppt:before {
  content: ""; }

.document-type-xlsx:before {
  content: ""; }

.document-type-txt:before {
  content: ""; }

.document-type-home3:before {
  content: ""; }

.document-type-office:before {
  content: ""; }

.document-type-exit:before {
  content: ""; }

.ui-select {
  padding: 3px 10px;
  font-size: 14px;
  border: solid;
  border-width: 1px;
  border-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  display: grid;
  flex: 1 1 1rem;
  grid-template-areas: "addon-start error input addon-end";
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .ui-select--focus {
    transition: border-color 0.2s; }
  .ui-select > div.ui-input__error,
  .ui-select > div.ui-input__valid {
    grid-area: error;
    display: none;
    align-items: center; }
  .ui-select.ui-input--disabled::before {
    content: "";
    cursor: not-allowed;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.5; }
  .ui-select.ui-input--readonly {
    cursor: default; }
    .ui-select.ui-input--readonly > select {
      color: #000000; }

.ui-select.ui-input--invalid > div.ui-input__error {
  display: block;
  margin: auto; }

.ui-option {
  --var-toogle-height: 1rem;
  display: inline-block; }
  .ui-option__group {
    align-items: center;
    display: grid;
    grid-auto-rows: 2rem;
    grid-column: 1;
    grid-column-gap: 4px;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    justify-items: start; }
  .ui-option__toggle {
    border-radius: var(--var-toogle-height);
    cursor: pointer;
    font-size: 1rem;
    margin: 0 4px;
    opacity: 0.9;
    position: relative;
    height: var(--var-toogle-height);
    width: 2.4em;
    --toggle-on: "";
    --toggle-off: ""; }
    .ui-option__toggle::before {
      content: var(--toggle-off);
      font-size: 0.8em;
      line-height: var(--var-toogle-height);
      margin: auto;
      padding-inline: 4px;
      position: absolute;
      width: 100%;
      -webkit-text-align: end;
      -moz-text-align: end;
      -ms-text-align: end;
      -o-text-align: end;
      text-align: end;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .ui-option__toggle::after {
      border-radius: calc(var(--var-toogle-height) + 4px);
      content: "";
      display: block;
      height: calc(var(--var-toogle-height) + 4px);
      left: -2px;
      top: -2px;
      position: relative;
      transition: left 0.2s;
      width: calc(var(--var-toogle-height) + 4px); }
  .ui-option__control {
    align-items: normal;
    display: grid;
    grid-column-gap: 5px;
    grid-template-columns: auto 1fr auto;
    position: relative;
    cursor: pointer; }
    .ui-option__control.outside {
      grid-template-columns: 1fr auto 1fr; }
    .ui-option__control > span {
      line-height: 1.25rem;
      white-space: normal; }
      .ui-option__control > span:empty {
        display: none; }
    .ui-option__control > .ui-icon {
      font-size: 1.25rem; }
    .ui-option__control > input {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      cursor: pointer;
      opacity: 0;
      z-index: 2; }
      .ui-option__control > input ~ .ui-icon:first-of-type {
        display: block; }
      .ui-option__control > input ~ .ui-icon:last-of-type {
        display: none; }
      .ui-option__control > input ~ .ui-icon:nth-of-type(2) {
        display: none; }
      .ui-option__control > input[data-checked="__2__"] ~ .ui-icon:first-of-type {
        display: none; }
      .ui-option__control > input[data-checked="__2__"] ~ .ui-icon:last-of-type {
        display: none; }
      .ui-option__control > input[data-checked="__2__"] ~ .ui-icon:nth-of-type(2) {
        display: block; }
      .ui-option__control > input:checked ~ .ui-icon:first-of-type {
        display: none; }
      .ui-option__control > input:checked ~ .ui-icon:last-of-type {
        display: block; }
      .ui-option__control > input:checked ~ .ui-option__toggle::before {
        content: var(--toggle-on);
        -webkit-text-align: start;
        -moz-text-align: start;
        -ms-text-align: start;
        -o-text-align: start;
        text-align: start; }
      .ui-option__control > input:checked ~ .ui-option__toggle::after {
        left: calc(100% - var(--var-toogle-height)); }
      [dir="rtl"] .ui-option__control > input:checked ~ .ui-option__toggle::after {
        left: calc(-100% + 1em); }
  .ui-option[data-disabled="true"] {
    cursor: not-allowed; }
    .ui-option[data-disabled="true"] label {
      opacity: 0.4;
      pointer-events: none; }

ui-radio .ui-option__control {
  column-gap: 0; }

.ui-list__container {
  grid-area: list-container;
  grid-column-end: 7;
  max-height: 20rem; }

.ui-list__title {
  font-size: 0.9rem;
  padding: 0.5rem 1rem; }

.ui-list__item {
  text-align: center;
  cursor: pointer;
  padding: 0.5rem 1rem; }
  .ui-list__item > .ui-badge {
    float: right;
    margin: 0; }
    [dir="rtl"] .ui-list__item > .ui-badge {
      float: left; }
  .ui-list__item--selected {
    cursor: default;
    pointer-events: none; }
    .ui-list__item--selected u {
      color: inherit; }
  .ui-list__item--disabled {
    cursor: default;
    opacity: 0.5;
    pointer-events: none; }
    .ui-list__item--disabled u {
      color: inherit; }

.ui-dropdown {
  display: grid; }
  .ui-dropdown__link {
    padding: 0 0.25rem;
    display: flex;
    height: 100%;
    align-items: center; }
    .ui-dropdown__link[data-disabled="true"] {
      opacity: 0.5;
      pointer-events: none; }
  .ui-dropdown__icon {
    font-size: 1.25em;
    grid-area: icon; }
  .ui-dropdown__label {
    grid-area: label;
    line-height: 1;
    padding: 0.5rem 0.25rem; }
  .ui-dropdown__caret {
    grid-area: caret; }

.ui-pictures__gallery {
  display: flex;
  flex-wrap: wrap; }
  .ui-pictures__gallery h4 {
    width: 100%;
    text-align: center; }

.ui-pictures__picturebox {
  flex-grow: 1;
  margin: 2px;
  height: 250px;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .ui-pictures__picturebox img {
    height: 250px;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    vertical-align: bottom;
    will-change: transform; }
  .ui-pictures__picturebox__span {
    position: relative;
    min-height: 100%; }
    .ui-pictures__picturebox__span > .btn {
      width: 40px;
      height: 40px; }
    .ui-pictures__picturebox__span > .top-picture,
    .ui-pictures__picturebox__span > .creation {
      opacity: 1;
      position: absolute;
      left: 2%;
      display: flex;
      align-items: center;
      max-width: calc(100% - 60px);
      font-size: 12px; }
      .ui-pictures__picturebox__span > .top-picture .picture__text,
      .ui-pictures__picturebox__span > .creation .picture__text {
        border-radius: 50px;
        padding: 3.5px;
        display: inline-flex;
        justify-content: center;
        background-color: rgba(105, 105, 105, 0.5); }
        .ui-pictures__picturebox__span > .top-picture .picture__text:empty,
        .ui-pictures__picturebox__span > .creation .picture__text:empty {
          display: none; }
    .ui-pictures__picturebox__span > .creation {
      bottom: 2%; }
      .ui-pictures__picturebox__span > .creation .creation__creator {
        border-radius: 50px;
        padding: 3.5px;
        display: inline-flex;
        justify-content: center;
        margin-right: 5px; }
        .ui-pictures__picturebox__span > .creation .creation__creator:empty {
          display: none; }
    .ui-pictures__picturebox__span > .top-picture {
      top: 2%; }
    .ui-pictures__picturebox__span > .image-type {
      opacity: 1;
      position: absolute;
      left: 2%;
      bottom: 15%;
      display: flex;
      align-items: center;
      max-width: calc(100% - 60px);
      border-radius: 50px;
      font-size: 12px;
      padding: 3.5px; }
    .ui-pictures__picturebox__span > .picture-selected {
      opacity: 1;
      position: absolute;
      left: 2%;
      top: 2%;
      padding: 3.5px; }
    .ui-pictures__picturebox__span > .picture-un-selected {
      opacity: 0;
      position: absolute;
      left: 2%;
      top: 2%;
      padding: 3.5px; }
    .ui-pictures__picturebox__span > .download-btn {
      opacity: 0;
      position: absolute;
      right: 2%;
      top: 2%; }
    .ui-pictures__picturebox__span > .rotate-left-btn {
      opacity: 0;
      position: absolute;
      right: 2%;
      top: 30%; }
    .ui-pictures__picturebox__span > .edit-btn {
      opacity: 0;
      position: absolute;
      right: 2%;
      top: 44%; }
    .ui-pictures__picturebox__span > .rotate-right-btn {
      opacity: 0;
      position: absolute;
      right: 2%;
      bottom: 30%; }
    .ui-pictures__picturebox__span > .delete-btn {
      opacity: 0;
      position: absolute;
      right: 2%;
      bottom: 2%; }
    .ui-pictures__picturebox__span--transparent {
      display: flex;
      justify-content: center;
      position: relative;
      height: 100%; }
      .ui-pictures__picturebox__span--transparent > img {
        position: absolute;
        opacity: 0.2;
        top: 0;
        left: 0; }
      .ui-pictures__picturebox__span--transparent.picture-error {
        display: block;
        padding-top: 20px; }
  .ui-pictures__picturebox:hover span > * {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.2s; }
  .ui-pictures__picturebox ui-circular-progress {
    align-self: center; }

#gallery > h4 {
  grid-column: span 6; }

#gallery > div {
  grid-column: span 1;
  grid-row: span 1;
  max-height: 300px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19); }
  #gallery > div > picture-element,
  #gallery > div > .picture-element {
    min-height: 90px;
    max-height: 300px; }
    #gallery > div > picture-element span img,
    #gallery > div > .picture-element span img {
      max-width: 100%;
      min-height: 50px;
      max-height: 300px;
      object-fit: cover;
      transition: all ease 1s; }

#gallery div,
#gallery h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none; }

/*.add-gallery {
  color: #66bb6a !important;
  font-weight: bold;
  margin-bottom: 5px;

  &:hover {
    color: #43a047 !important;
  }
}*/
.icon-file-button {
  line-height: 35px !important; }

.segmented-control {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  width: fit-content;
  min-width: 50%;
  border-radius: 50px; }
  .segmented-control__control {
    flex: 1;
    display: flex;
    justify-content: space-around;
    height: inherit;
    align-items: center;
    padding: 5px; }
    .segmented-control__control:last-child {
      border: none; }
    .segmented-control__control .segmented-control__label {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      text-align: center; }
  .segmented-control__input {
    display: none; }
    .segmented-control__input[type="radio"]:not(:checked), .segmented-control__input[type="radio"]:checked {
      opacity: 0; }
    .segmented-control__input:not(:checked) + label {
      cursor: pointer; }
    .segmented-control__input:disabled + label {
      cursor: not-allowed; }
  .segmented-control__label {
    height: 100%;
    width: 100%;
    padding: 1px;
    z-index: 2; }
  .segmented-control .selector {
    height: 100%;
    border-radius: 50px;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 50%;
    transform: translate(100%); }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.step-timeline__container {
  display: flex; }
  .step-timeline__container > span {
    display: flex; }
    .step-timeline__container > span.actif > .step-timeline__el > .step-timeline__el__link.step-link-disabled, .step-timeline__container > span.valid > .step-timeline__el > .step-timeline__el__link.step-link-disabled {
      cursor: not-allowed; }
    .step-timeline__container > span.actif > .step-timeline__el > .step-timeline__el__link > .step-timeline__round, .step-timeline__container > span.valid > .step-timeline__el > .step-timeline__el__link > .step-timeline__round {
      background-color: var(--primary, #2b64a9); }
    .step-timeline__container > span.actif > .step-timeline__el > .step-timeline__el__link > p, .step-timeline__container > span.valid > .step-timeline__el > .step-timeline__el__link > p {
      color: #000000; }
    .step-timeline__container > span.actif > .step-timeline__line, .step-timeline__container > span.valid > .step-timeline__line {
      background-color: var(--primary, #2b64a9); }
    .step-timeline__container > span.disabled > .step-timeline__el > .step-timeline__round {
      background-color: #808080; }
    .step-timeline__container > span.disabled > .step-timeline__el > p {
      color: #808080; }
    .step-timeline__container > span.disabled > .step-timeline__line {
      background-color: #808080; }
    .step-timeline__container > span > .step-timeline__el > .step-timeline__el__link > .step-timeline__round {
      display: inline-block;
      color: #ffffff;
      margin-right: 5px;
      text-align: center;
      border-radius: 60px; }
    .step-timeline__container > span > .step-timeline__el > .step-timeline__el__link > p {
      font-size: 15px;
      font-weight: 400;
      margin: 0; }
    .step-timeline__container > span > .step-timeline__line {
      background-color: var(--primary, #2b64a9); }

.step-timeline__container.horizontal {
  flex-direction: row;
  background-color: var(--primary-white-10, #f4f7fb);
  border-radius: 60px; }
  .step-timeline__container.horizontal > span {
    flex-direction: row;
    padding: 5px 15px;
    border-radius: 60px;
    height: 100%;
    flex: auto; }
    .step-timeline__container.horizontal > span.actif {
      border-radius: 60px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 0;
      background-color: var(--primary-white-75, #608bbf); }
      .step-timeline__container.horizontal > span.actif:first-child {
        background-color: transparent; }
      .step-timeline__container.horizontal > span.actif > .step-timeline__el {
        background-color: var(--primary, #2b64a9);
        padding: 5px 15px;
        border-radius: 60px;
        flex: auto; }
        .step-timeline__container.horizontal > span.actif > .step-timeline__el > .step-timeline__el__link {
          display: flex;
          align-items: center;
          text-decoration: none;
          color: #ffffff; }
    .step-timeline__container.horizontal > span.valid {
      background-color: var(--primary-white-75, #608bbf);
      border-radius: 0; }
      .step-timeline__container.horizontal > span.valid:first-child {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px; }
      .step-timeline__container.horizontal > span.valid > .step-timeline__el > .step-timeline__el__link {
        color: #ffffff; }
    .step-timeline__container.horizontal > span.disabled {
      background-color: var(--primary-white-10, #f4f7fb); }
      .step-timeline__container.horizontal > span.disabled > .step-timeline__el > .step-timeline__el__link .step-timeline__round,
      .step-timeline__container.horizontal > span.disabled > .step-timeline__el > .step-timeline__el__link p {
        color: #d8e1e8; }
    .step-timeline__container.horizontal > span > .step-timeline__el {
      display: flex;
      align-items: center; }
      .step-timeline__container.horizontal > span > .step-timeline__el > .step-timeline__el__link {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #ffffff; }
        .step-timeline__container.horizontal > span > .step-timeline__el > .step-timeline__el__link > .step-timeline__round {
          background-color: transparent; }
        .step-timeline__container.horizontal > span > .step-timeline__el > .step-timeline__el__link > p {
          color: #ffffff; }
    .step-timeline__container.horizontal > span > .step-timeline__line {
      width: 50px;
      height: 2px;
      margin-top: 15px;
      display: none; }

.step-timeline__container.vertical {
  display: flex;
  flex-direction: column; }
  .step-timeline__container.vertical > span {
    flex-direction: column; }
    .step-timeline__container.vertical > span > .step-timeline__el {
      display: flex;
      align-items: center; }
      .step-timeline__container.vertical > span > .step-timeline__el > .step-timeline__el__link > p {
        margin-left: 12px; }
    .step-timeline__container.vertical > span > .step-timeline__line {
      width: 2px;
      height: 50px;
      margin-left: 15px; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

ui-content.import-data {
  display: flex;
  flex-direction: column; }
  ui-content.import-data step-timeline {
    flex: 0; }
    ui-content.import-data step-timeline > div {
      margin: 0 40px; }
  ui-content.import-data import-step-1,
  ui-content.import-data import-step-2,
  ui-content.import-data import-step-3,
  ui-content.import-data import-step-4,
  ui-content.import-data import-step-5 {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    ui-content.import-data import-step-1 > div.step_content,
    ui-content.import-data import-step-2 > div.step_content,
    ui-content.import-data import-step-3 > div.step_content,
    ui-content.import-data import-step-4 > div.step_content,
    ui-content.import-data import-step-5 > div.step_content {
      margin: 15px 40px;
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: auto; }
      ui-content.import-data import-step-1 > div.step_content .import-content,
      ui-content.import-data import-step-2 > div.step_content .import-content,
      ui-content.import-data import-step-3 > div.step_content .import-content,
      ui-content.import-data import-step-4 > div.step_content .import-content,
      ui-content.import-data import-step-5 > div.step_content .import-content {
        flex-grow: 1;
        margin-bottom: 40px;
        overflow: auto;
        display: flex;
        flex-direction: column; }
        ui-content.import-data import-step-1 > div.step_content .import-content .import-error,
        ui-content.import-data import-step-2 > div.step_content .import-content .import-error,
        ui-content.import-data import-step-3 > div.step_content .import-content .import-error,
        ui-content.import-data import-step-4 > div.step_content .import-content .import-error,
        ui-content.import-data import-step-5 > div.step_content .import-content .import-error {
          font-weight: 400;
          font-size: 12px;
          line-height: 15px;
          color: #ff0000; }
        ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_value > div:first-child > div:last-child,
        ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_value > div:first-child > div:last-child,
        ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_value > div:first-child > div:last-child,
        ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_value > div:first-child > div:last-child,
        ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_value > div:first-child > div:last-child {
          text-align: center; }
        ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line,
        ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line,
        ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line,
        ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line,
        ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line {
          border-top: none !important;
          font-size: 0.8rem; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:first-child {
            padding-right: 10px; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_value .import-content_step3_default_line > div:last-child {
            border-top: 1px solid #efefef; }
        ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3,
        ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line,
        ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3,
        ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line,
        ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3,
        ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line,
        ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3,
        ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line,
        ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3,
        ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line {
          display: grid;
          align-items: center;
          grid-template-columns: auto 230px;
          grid-template-areas: "label firstValue";
          border: 1px solid #efefef;
          border-bottom: none; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:first-child,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:first-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:first-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:first-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:first-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:first-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:first-child {
            grid-area: label;
            margin-left: 10px; }
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:first-child > div,
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:first-child > div,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:first-child > div,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:first-child > div,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:first-child > div,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:first-child > div,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:first-child > div,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:first-child > div,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:first-child > div,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:first-child > div {
              display: flex;
              align-items: center;
              justify-content: space-between; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child {
            grid-area: firstValue;
            flex: 200px;
            height: 38px;
            width: 100%;
            align-items: center;
            border-left: 1px solid #efefef; }
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default {
              width: 100%;
              padding: 0; }
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-input,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-input {
                border: none; }
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker {
                width: 100%; }
                ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper,
                ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-date-picker ui-field-wrapper {
                  border: none; }
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div:last-child > div.import-step3__default > ui-select,
              ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div:last-child > div.import-step3__default > ui-select {
                border: none; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-date-picker,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-date-picker,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-date-picker,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-date-picker,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-date-picker,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker {
            width: 100%; }
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-date-picker ui-field-wrapper,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-date-picker ui-field-wrapper {
              border: none; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-select,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-select,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-select,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-select,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-select,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-select,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-select,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-select,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-select,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-select {
            border-color: transparent; }
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-select.ui-select--focus,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-select.ui-select--focus {
              border-color: transparent !important; }
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-select > .select2-container span.select2-selection .select2-selection__clear,
            ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-select > .select2-container span.select2-selection .select2-selection__clear {
              margin-top: 4.5px;
              height: 25px; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3 > div > ui-input,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line > div > ui-input,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3 > div > ui-input,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line > div > ui-input,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3 > div > ui-input,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line > div > ui-input,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3 > div > ui-input,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line > div > ui-input,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3 > div > ui-input,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line > div > ui-input {
            height: 42px;
            border: none !important;
            border-radius: 0; }
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3:last-child,
          ui-content.import-data import-step-1 > div.step_content .import-content .import-content_step3_default_line:last-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3:last-child,
          ui-content.import-data import-step-2 > div.step_content .import-content .import-content_step3_default_line:last-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3:last-child,
          ui-content.import-data import-step-3 > div.step_content .import-content .import-content_step3_default_line:last-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3:last-child,
          ui-content.import-data import-step-4 > div.step_content .import-content .import-content_step3_default_line:last-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3:last-child,
          ui-content.import-data import-step-5 > div.step_content .import-content .import-content_step3_default_line:last-child {
            border-bottom: 1px solid #efefef; }
      ui-content.import-data import-step-1 > div.step_content .import-header,
      ui-content.import-data import-step-2 > div.step_content .import-header,
      ui-content.import-data import-step-3 > div.step_content .import-header,
      ui-content.import-data import-step-4 > div.step_content .import-header,
      ui-content.import-data import-step-5 > div.step_content .import-header {
        flex-grow: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 15px;
        margin-bottom: 38px; }
        ui-content.import-data import-step-1 > div.step_content .import-header > .import-header__label,
        ui-content.import-data import-step-2 > div.step_content .import-header > .import-header__label,
        ui-content.import-data import-step-3 > div.step_content .import-header > .import-header__label,
        ui-content.import-data import-step-4 > div.step_content .import-header > .import-header__label,
        ui-content.import-data import-step-5 > div.step_content .import-header > .import-header__label {
          font-weight: 300;
          font-size: 28px;
          line-height: 36px;
          color: #000000; }
        ui-content.import-data import-step-1 > div.step_content .import-header > .import-header__text,
        ui-content.import-data import-step-2 > div.step_content .import-header > .import-header__text,
        ui-content.import-data import-step-3 > div.step_content .import-header > .import-header__text,
        ui-content.import-data import-step-4 > div.step_content .import-header > .import-header__text,
        ui-content.import-data import-step-5 > div.step_content .import-header > .import-header__text {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #000000; }
      ui-content.import-data import-step-1 > div.step_content div.import-content_step3 > div,
      ui-content.import-data import-step-1 > div.step_content div.import-content_step3_default_line > div,
      ui-content.import-data import-step-2 > div.step_content div.import-content_step3 > div,
      ui-content.import-data import-step-2 > div.step_content div.import-content_step3_default_line > div,
      ui-content.import-data import-step-3 > div.step_content div.import-content_step3 > div,
      ui-content.import-data import-step-3 > div.step_content div.import-content_step3_default_line > div,
      ui-content.import-data import-step-4 > div.step_content div.import-content_step3 > div,
      ui-content.import-data import-step-4 > div.step_content div.import-content_step3_default_line > div,
      ui-content.import-data import-step-5 > div.step_content div.import-content_step3 > div,
      ui-content.import-data import-step-5 > div.step_content div.import-content_step3_default_line > div {
        overflow: hidden; }
        ui-content.import-data import-step-1 > div.step_content div.import-content_step3 > div .ui-input,
        ui-content.import-data import-step-1 > div.step_content div.import-content_step3_default_line > div .ui-input,
        ui-content.import-data import-step-2 > div.step_content div.import-content_step3 > div .ui-input,
        ui-content.import-data import-step-2 > div.step_content div.import-content_step3_default_line > div .ui-input,
        ui-content.import-data import-step-3 > div.step_content div.import-content_step3 > div .ui-input,
        ui-content.import-data import-step-3 > div.step_content div.import-content_step3_default_line > div .ui-input,
        ui-content.import-data import-step-4 > div.step_content div.import-content_step3 > div .ui-input,
        ui-content.import-data import-step-4 > div.step_content div.import-content_step3_default_line > div .ui-input,
        ui-content.import-data import-step-5 > div.step_content div.import-content_step3 > div .ui-input,
        ui-content.import-data import-step-5 > div.step_content div.import-content_step3_default_line > div .ui-input {
          padding: 0 10px; }
    ui-content.import-data import-step-1 > div.import-footer,
    ui-content.import-data import-step-2 > div.import-footer,
    ui-content.import-data import-step-3 > div.import-footer,
    ui-content.import-data import-step-4 > div.import-footer,
    ui-content.import-data import-step-5 > div.import-footer {
      flex: 0;
      background: var(--primary-white-10, #f4f7fb);
      width: 100%;
      padding: 10px 20px;
      display: flex;
      justify-content: end;
      gap: 30px; }
      ui-content.import-data import-step-1 > div.import-footer > span,
      ui-content.import-data import-step-2 > div.import-footer > span,
      ui-content.import-data import-step-3 > div.import-footer > span,
      ui-content.import-data import-step-4 > div.import-footer > span,
      ui-content.import-data import-step-5 > div.import-footer > span {
        display: flex;
        align-items: center;
        gap: 10px; }
        ui-content.import-data import-step-1 > div.import-footer > span > div.import-data__error,
        ui-content.import-data import-step-2 > div.import-footer > span > div.import-data__error,
        ui-content.import-data import-step-3 > div.import-footer > span > div.import-data__error,
        ui-content.import-data import-step-4 > div.import-footer > span > div.import-data__error,
        ui-content.import-data import-step-5 > div.import-footer > span > div.import-data__error {
          font-weight: 400;
          font-size: 12px;
          line-height: 15px;
          color: #ff0000; }
    ui-content.import-data import-step-1 .ui-select.ui-input--invalid,
    ui-content.import-data import-step-2 .ui-select.ui-input--invalid,
    ui-content.import-data import-step-3 .ui-select.ui-input--invalid,
    ui-content.import-data import-step-4 .ui-select.ui-input--invalid,
    ui-content.import-data import-step-5 .ui-select.ui-input--invalid {
      margin-bottom: 0; }
      ui-content.import-data import-step-1 .ui-select.ui-input--invalid > div.ui-input__error,
      ui-content.import-data import-step-2 .ui-select.ui-input--invalid > div.ui-input__error,
      ui-content.import-data import-step-3 .ui-select.ui-input--invalid > div.ui-input__error,
      ui-content.import-data import-step-4 .ui-select.ui-input--invalid > div.ui-input__error,
      ui-content.import-data import-step-5 .ui-select.ui-input--invalid > div.ui-input__error {
        display: none; }
  ui-content.import-data import-step-1 > div > ui-files > compose > .ui-files-actions {
    display: none; }
  ui-content.import-data .step_content {
    height: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    ui-content.import-data .step_content .import-metering__header {
      flex-grow: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 15px;
      margin-bottom: 38px; }
      ui-content.import-data .step_content .import-metering__header > .import-metering__header__label {
        font-weight: 300;
        font-size: 28px;
        line-height: 36px;
        color: #000000; }
      ui-content.import-data .step_content .import-metering__header > .import-metering__header__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #000000; }
      ui-content.import-data .step_content .import-metering__header > div {
        display: flex;
        width: 100%;
        justify-content: space-between; }
        ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__text {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #ff0000; }
          ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__text.success {
            color: #15ce1e; }
        ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__warning {
          display: flex;
          flex-direction: row;
          justify-content: center;
          padding: 10px 15px;
          align-items: center;
          gap: 10px;
          background: #feefef;
          border-radius: 8px; }
          ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__warning > ui-icon {
            color: #ff0000; }
        ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__toggle {
          display: flex;
          align-items: center;
          justify-content: flex-end; }
        ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__excel-button {
          display: flex;
          padding-top: 5px; }
          ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__excel-button > div.button-space {
            height: 40px;
            margin-right: 10px;
            border: none; }
            ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__excel-button > div.button-space ui-button {
              border-color: #f4f7fb; }
          ui-content.import-data .step_content .import-metering__header > div > div > .import-metering__step4__header__excel-button > ui-button {
            height: 40px;
            margin: 0px; }
  ui-content.import-data import-step-5 > div.step_content > .import-header {
    margin-bottom: 38px; }
    ui-content.import-data import-step-5 > div.step_content > .import-header > div {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 10px;
      font-size: 28px;
      margin-bottom: 30px; }
      ui-content.import-data import-step-5 > div.step_content > .import-header > div ui-icon {
        background: #84dc88;
        border-radius: 60px;
        color: #ffffff; }
    ui-content.import-data import-step-5 > div.step_content > .import-header > span {
      font-size: 14px; }
  ui-content.import-data import-step-5 > div.step_content > .import-content__step5 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px 40px;
    gap: 20px;
    border: 1px solid #efefef;
    border-radius: 24px; }
    ui-content.import-data import-step-5 > div.step_content > .import-content__step5 > .col {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 20px 30px;
      border-right: 1px solid #efefef; }
      ui-content.import-data import-step-5 > div.step_content > .import-content__step5 > .col:last-child {
        border-right: none; }
      ui-content.import-data import-step-5 > div.step_content > .import-content__step5 > .col > p {
        margin: 0; }
        ui-content.import-data import-step-5 > div.step_content > .import-content__step5 > .col > p:first-child {
          color: #2b64a9;
          font-size: 12px; }
        ui-content.import-data import-step-5 > div.step_content > .import-content__step5 > .col > p:last-child {
          font-size: 36px; }
    ui-content.import-data import-step-5 > div.step_content > .import-content__step5__result {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 10px 0px;
      gap: 5px;
      color: #d8e1e8; }
  ui-content.import-data .row {
    margin-left: 0;
    margin-right: 0; }

.import-step3__select {
  min-width: 200px;
  display: flex;
  border-top: 1px solid #efefef;
  padding: 15px;
  gap: 8px;
  align-items: center; }
  .import-step3__select > ui-field:first-child ui-select > select {
    max-width: 80px; }
  .import-step3__select > ui-field:last-child select {
    height: 2.6rem;
    border: solid 1px #dddddd;
    border-radius: 0.3rem;
    max-width: 100px; }
  .import-step3__select select {
    border: none; }
    .import-step3__select select:focus-visible {
      border: solid 1px #dddddd !important; }

.import-metering-correct-errors-box__old-value {
  display: flex;
  align-items: center;
  gap: 5px; }

table,
th,
td {
  border: none; }

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0; }
  table.striped tr {
    border-bottom: none; }
  table.striped > tbody > tr:nth-child(odd) {
    background-color: rgba(242, 242, 242, 0.5); }
  table.striped > tbody > tr > td {
    border-radius: 0; }
  table.highlight > tbody > tr {
    transition: background-color .25s ease; }
    table.highlight > tbody > tr:hover {
      background-color: rgba(242, 242, 242, 0.5); }
  table.centered thead tr th,
  table.centered tbody tr td {
    text-align: center; }

tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

td,
th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

@media only screen and (max-width: 768px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */ }
    table.responsive-table td:empty:before {
      content: '\00a0'; }
    table.responsive-table th,
    table.responsive-table td {
      margin: 0;
      vertical-align: top; }
    table.responsive-table th {
      text-align: left; }
    table.responsive-table thead {
      display: block;
      float: left; }
      table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0; }
        table.responsive-table thead tr th::before {
          content: "\00a0"; }
    table.responsive-table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap; }
      table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top; }
    table.responsive-table th {
      display: block;
      text-align: right; }
    table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left; }
    table.responsive-table tr {
      border-bottom: none;
      padding: 0 10px; }
    table.responsive-table thead {
      border: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.12); } }

/* animate page transitions */
.au-leave-active:not(.ui-dialog-wrapper) {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: viewLeave 0.15s linear;
  -moz-animation: viewLeave 0.15s linear;
  -ms-animation: viewLeave 0.15s linear;
  -o-animation: viewLeave 0.15s linear;
  animation: viewLeave 0.15s linear; }

.au-enter-active:not(.ui-dialog-wrapper) {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: viewEnter 0.3s linear;
  -moz-animation: viewEnter 0.3s linear;
  -ms-animation: viewEnter 0.3s linear;
  -o-animation: viewEnter 0.3s linear;
  animation: viewEnter 0.3s linear; }

.au-enter-active.ui-dialog-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: dialogWrapper 0.3s ease-in both;
  -moz-animation: dialogWrapper 0.3s ease-in both;
  -ms-animation: dialogWrapper 0.3s ease-in both;
  -o-animation: dialogWrapper 0.3s ease-in both;
  animation: dialogWrapper 0.3s ease-in both; }
  .au-enter-active.ui-dialog-wrapper .ui-dialog {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-animation: dialogEnter 0.3s ease-out both;
    -moz-animation: dialogEnter 0.3s ease-out both;
    -ms-animation: dialogEnter 0.3s ease-out both;
    -o-animation: dialogEnter 0.3s ease-out both;
    animation: dialogEnter 0.3s ease-out both; }

.au-leave-active.ui-dialog-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: dialogWrapper 0.3s ease-in both;
  -moz-animation: dialogWrapper 0.3s ease-in both;
  -ms-animation: dialogWrapper 0.3s ease-in both;
  -o-animation: dialogWrapper 0.3s ease-in both;
  animation: dialogWrapper 0.3s ease-in both; }
  .au-leave-active.ui-dialog-wrapper .ui-dialog {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-animation: dialogLeave 0.3s ease-in both;
    -moz-animation: dialogLeave 0.3s ease-in both;
    -ms-animation: dialogLeave 0.3s ease-in both;
    -o-animation: dialogLeave 0.3s ease-in both;
    animation: dialogLeave 0.3s ease-in both; }

.au-stagger {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms; }

.ui-anim--spin::before,
.ui-anim--spin path {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: spinner 2s linear infinite;
  -moz-animation: spinner 2s linear infinite;
  -ms-animation: spinner 2s linear infinite;
  -o-animation: spinner 2s linear infinite;
  animation: spinner 2s linear infinite; }

.ui-anim--loader::before,
.ui-anim--loader path {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-animation: spinner 1s cubic-bezier(1, -0.5, 1, 0.5) infinite;
  -moz-animation: spinner 1s cubic-bezier(1, -0.5, 1, 0.5) infinite;
  -ms-animation: spinner 1s cubic-bezier(1, -0.5, 1, 0.5) infinite;
  -o-animation: spinner 1s cubic-bezier(1, -0.5, 1, 0.5) infinite;
  animation: spinner 1s cubic-bezier(1, -0.5, 1, 0.5) infinite; }

/* animation definitions */
@-moz-keyframes viewEnter {
  0% {
    opacity: 0; }
  51% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes viewEnter {
  0% {
    opacity: 0; }
  51% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes viewEnter {
  0% {
    opacity: 0; }
  51% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes viewEnter {
  0% {
    opacity: 0; }
  51% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes viewEnter {
  0% {
    opacity: 0; }
  51% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes viewLeave {
  to {
    opacity: 0; } }

@-webkit-keyframes viewLeave {
  to {
    opacity: 0; } }

@-o-keyframes viewLeave {
  to {
    opacity: 0; } }

@-ms-keyframes viewLeave {
  to {
    opacity: 0; } }

@keyframes viewLeave {
  to {
    opacity: 0; } }

/* animation definitions */
@-moz-keyframes dialogEnter {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-webkit-keyframes dialogEnter {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-o-keyframes dialogEnter {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-ms-keyframes dialogEnter {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@keyframes dialogEnter {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-moz-keyframes dialogLeave {
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-webkit-keyframes dialogLeave {
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-o-keyframes dialogLeave {
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-ms-keyframes dialogLeave {
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@keyframes dialogLeave {
  to {
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; } }

@-moz-keyframes dialogWrapper {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@-webkit-keyframes dialogWrapper {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@-o-keyframes dialogWrapper {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@-ms-keyframes dialogWrapper {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@keyframes dialogWrapper {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@-moz-keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-ms-keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.animate-fade-in.au-enter {
  opacity: 0; }

.animate-fade-in.au-enter-active {
  animation: FadeIn 1s; }

.animate-fade-out.au-leave-active {
  animation: FadeOut 1s; }

.animate-fade-out.au-left {
  opacity: 0; }

.no-animation {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.ui-page__body, .ui-section {
  display: grid;
  grid-template-areas: "head head head" "side-start content side-end" "foot foot foot";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  max-height: 100%;
  overflow: hidden; }

.ui-page {
  display: grid;
  grid-area: content;
  grid-template-areas: "title" "alert" "body" "footer";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .ui-page__chat {
    display: inline-block;
    padding: 2px 8px 2px 10px;
    margin-left: 5px;
    border-radius: 4px;
    font-weight: bold;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); }
  .ui-page__body {
    grid-area: body; }
  .ui-page__footer {
    grid-area: footer; }
  .ui-page div[slot="ribbon-content"] {
    margin: 15px 0;
    padding-right: 10px;
    padding-left: 10px; }
    .ui-page div[slot="ribbon-content"] div.row {
      margin-top: 15px; }
    .ui-page div[slot="ribbon-content"] div.row,
    .ui-page div[slot="ribbon-content"] div.row > div {
      list-style-type: none; }
    .ui-page div[slot="ribbon-content"] div.row > div {
      display: inline-block;
      margin-left: 10px; }
      .ui-page div[slot="ribbon-content"] div.row > div:first-child {
        margin-left: 0; }
      .ui-page div[slot="ribbon-content"] div.row > div:last-child {
        margin-right: 0; }
    .ui-page div[slot="ribbon-content"] .page-title {
      font-size: 1.5em; }
    .ui-page div[slot="ribbon-content"] div.row a.btn-floating {
      margin-left: 10px; }
    .ui-page div[slot="ribbon-content"] > .ui-button-detail > ui-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .ui-page div[slot="ribbon-content"] > .ui-button-detail > ui-toolbar .ui-toolbar__left {
        max-width: inherit;
        display: flex;
        gap: 1rem;
        align-items: center; }
    .ui-page div[slot="ribbon-content"] > .ui-button-detail [slot=ui-button-detail__left] {
      display: flex;
      align-items: center; }

.ui-section {
  grid-area: content; }
  .ui-section__head {
    display: block;
    grid-area: head;
    margin-bottom: 1px; }
  .ui-section__foot {
    display: block;
    grid-area: foot;
    margin-top: 1px; }
  .ui-section__content {
    display: block;
    grid-area: content;
    position: relative;
    overflow: auto; }
  .ui-section--centered {
    grid-template-areas: "content";
    grid-template-columns: auto;
    grid-template-rows: auto;
    place-content: center; }

.toast-message {
  word-break: normal; }

.toast {
  top: initial; }

@media only screen and (min-width: 993px) {
  #toast-container.toast-bottom-right {
    top: initial;
    right: 12px;
    bottom: 40px; } }

.ui-block {
  display: block; }

.ui-inline {
  display: inline; }

.ui-inline-block {
  display: inline-block; }

.ui-hide {
  display: none; }

.ui-hidden {
  visibility: hidden; }

.ui-opacity-1 {
  opacity: 1; }

.ui-opacity-0 {
  opacity: 0; }

.ui-selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  cursor: text; }

.ui-fade-in {
  opacity: 0;
  transition: opacity 0.2s; }
  .ui-fade-in--50 {
    opacity: 0.5;
    transition: opacity 0.2s; }
  .ui-fade-in:hover, .ui-fade-in--50:hover {
    opacity: 1; }

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

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

.ui-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-clearfix::after, .ui-clearfix::before {
  clear: both;
  content: "";
  display: table; }

.ui-clip {
  --line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  line-height: 1.5;
  max-height: calc(var(--line-clamp) * 1.5 * 1em);
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: normal; }

.ui-paper {
  border-radius: 0.3rem; }

.ui-text-divider {
  border-width: 1px 0 0;
  margin: 2rem 0;
  padding: 0; }
  .ui-text-divider legend {
    padding: 0 1em;
    text-align: center; }

.ui-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: sticky; }
  .ui-sticky--top {
    top: 0; }
  .ui-sticky--bottom {
    bottom: 0; }

.ui-scroll, .ui-tree__container, .ui-list__container {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .ui-scroll--y {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    transform: translate3d(0, 0, 0); }
  .ui-scroll--no {
    overflow: hidden; }

.ui-border, .ui-border--xy {
  border: 1px solid transparent; }

.ui-border--x {
  -webkit-border-start: 1px solid transparent;
  -moz-border-start: 1px solid transparent;
  -ms-border-start: 1px solid transparent;
  -o-border-start: 1px solid transparent;
  border-start: 1px solid transparent;
  -webkit-border-end: 1px solid transparent;
  -moz-border-end: 1px solid transparent;
  -ms-border-end: 1px solid transparent;
  -o-border-end: 1px solid transparent;
  border-end: 1px solid transparent; }
  .ui-border--x--0 {
    -webkit-border-start: 0;
    -moz-border-start: 0;
    -ms-border-start: 0;
    -o-border-start: 0;
    border-start: 0;
    -webkit-border-end: 0;
    -moz-border-end: 0;
    -ms-border-end: 0;
    -o-border-end: 0;
    border-end: 0; }

.ui-border--s {
  -webkit-border-start: 1px solid transparent;
  -moz-border-start: 1px solid transparent;
  -ms-border-start: 1px solid transparent;
  -o-border-start: 1px solid transparent;
  border-start: 1px solid transparent; }
  .ui-border--s--0 {
    -webkit-border-start: 0;
    -moz-border-start: 0;
    -ms-border-start: 0;
    -o-border-start: 0;
    border-start: 0; }

.ui-border--e {
  -webkit-border-end: 1px solid transparent;
  -moz-border-end: 1px solid transparent;
  -ms-border-end: 1px solid transparent;
  -o-border-end: 1px solid transparent;
  border-end: 1px solid transparent; }
  .ui-border--e--0 {
    -webkit-border-end: 0;
    -moz-border-end: 0;
    -ms-border-end: 0;
    -o-border-end: 0;
    border-end: 0; }

.ui-border--y {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent; }
  .ui-border--y--0 {
    border-bottom: 0;
    border-top: 0; }

.ui-border--t {
  border-top: 1px solid transparent; }
  .ui-border--t--0 {
    border-top: 0; }

.ui-border--b {
  border-bottom: 1px solid transparent; }
  .ui-border--b--0 {
    border-bottom: 0; }

.ui-border--0 {
  border: 0; }

.ui-border--sm {
  border-width: 2px; }

.ui-border--md {
  border-width: 4px; }

.ui-border--lg {
  border-width: 6px; }

.ui-border--xl {
  border-width: 8px; }

.ui-cursor-pointer {
  cursor: pointer; }

.ui-cursor-not-allowed {
  cursor: not-allowed; }

.ui-margin--0.ui-margin--0.ui-margin--0 {
  margin: 0; }

.ui-margin--x--0.ui-margin--x--0.ui-margin--x--0 {
  margin-left: 0;
  margin-right: 0; }

.ui-margin--s--0.ui-margin--s--0.ui-margin--s--0 {
  -webkit-margin-start: 0;
  -moz-margin-start: 0;
  -ms-margin-start: 0;
  -o-margin-start: 0;
  margin-start: 0; }

.ui-margin--e--0.ui-margin--e--0.ui-margin--e--0 {
  -webkit-margin-end: 0;
  -moz-margin-end: 0;
  -ms-margin-end: 0;
  -o-margin-end: 0;
  margin-end: 0; }

.ui-margin--y--0.ui-margin--y--0.ui-margin--y--0 {
  margin-top: 0;
  margin-bottom: 0; }

.ui-margin--t--0.ui-margin--t--0.ui-margin--t--0 {
  margin-top: 0; }

.ui-margin--b--0.ui-margin--b--0.ui-margin--b--0 {
  margin-bottom: 0; }

.ui-margin.ui-margin.ui-margin {
  margin: 1rem; }

.ui-margin--x.ui-margin--x.ui-margin--x {
  margin-left: 1rem;
  margin-right: 1rem; }

.ui-margin--s.ui-margin--s.ui-margin--s {
  -webkit-margin-start: 1rem;
  -moz-margin-start: 1rem;
  -ms-margin-start: 1rem;
  -o-margin-start: 1rem;
  margin-start: 1rem; }

.ui-margin--e.ui-margin--e.ui-margin--e {
  -webkit-margin-end: 1rem;
  -moz-margin-end: 1rem;
  -ms-margin-end: 1rem;
  -o-margin-end: 1rem;
  margin-end: 1rem; }

.ui-margin--y.ui-margin--y.ui-margin--y {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.ui-margin--t.ui-margin--t.ui-margin--t {
  margin-top: 1rem; }

.ui-margin--b.ui-margin--b.ui-margin--b {
  margin-bottom: 1rem; }

.ui-margin--xxs.ui-margin--xxs.ui-margin--xxs {
  margin: 0.25rem; }

.ui-margin--x--xxs.ui-margin--x--xxs.ui-margin--x--xxs {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.ui-margin--s--xxs.ui-margin--s--xxs.ui-margin--s--xxs {
  -webkit-margin-start: 0.25rem;
  -moz-margin-start: 0.25rem;
  -ms-margin-start: 0.25rem;
  -o-margin-start: 0.25rem;
  margin-start: 0.25rem; }

.ui-margin--e--xxs.ui-margin--e--xxs.ui-margin--e--xxs {
  -webkit-margin-end: 0.25rem;
  -moz-margin-end: 0.25rem;
  -ms-margin-end: 0.25rem;
  -o-margin-end: 0.25rem;
  margin-end: 0.25rem; }

.ui-margin--y--xxs.ui-margin--y--xxs.ui-margin--y--xxs {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.ui-margin--t--xxs.ui-margin--t--xxs.ui-margin--t--xxs {
  margin-top: 0.25rem; }

.ui-margin--b--xxs.ui-margin--b--xxs.ui-margin--b--xxs {
  margin-bottom: 0.25rem; }

.ui-margin--xs.ui-margin--xs.ui-margin--xs {
  margin: 0.5rem; }

.ui-margin--x--xs.ui-margin--x--xs.ui-margin--x--xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.ui-margin--s--xs.ui-margin--s--xs.ui-margin--s--xs {
  -webkit-margin-start: 0.5rem;
  -moz-margin-start: 0.5rem;
  -ms-margin-start: 0.5rem;
  -o-margin-start: 0.5rem;
  margin-start: 0.5rem; }

.ui-margin--e--xs.ui-margin--e--xs.ui-margin--e--xs {
  -webkit-margin-end: 0.5rem;
  -moz-margin-end: 0.5rem;
  -ms-margin-end: 0.5rem;
  -o-margin-end: 0.5rem;
  margin-end: 0.5rem; }

.ui-margin--y--xs.ui-margin--y--xs.ui-margin--y--xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.ui-margin--t--xs.ui-margin--t--xs.ui-margin--t--xs {
  margin-top: 0.5rem; }

.ui-margin--b--xs.ui-margin--b--xs.ui-margin--b--xs {
  margin-bottom: 0.5rem; }

.ui-margin--sm.ui-margin--sm.ui-margin--sm {
  margin: 0.75rem; }

.ui-margin--x--sm.ui-margin--x--sm.ui-margin--x--sm {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.ui-margin--s--sm.ui-margin--s--sm.ui-margin--s--sm {
  -webkit-margin-start: 0.75rem;
  -moz-margin-start: 0.75rem;
  -ms-margin-start: 0.75rem;
  -o-margin-start: 0.75rem;
  margin-start: 0.75rem; }

.ui-margin--e--sm.ui-margin--e--sm.ui-margin--e--sm {
  -webkit-margin-end: 0.75rem;
  -moz-margin-end: 0.75rem;
  -ms-margin-end: 0.75rem;
  -o-margin-end: 0.75rem;
  margin-end: 0.75rem; }

.ui-margin--y--sm.ui-margin--y--sm.ui-margin--y--sm {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.ui-margin--t--sm.ui-margin--t--sm.ui-margin--t--sm {
  margin-top: 0.75rem; }

.ui-margin--b--sm.ui-margin--b--sm.ui-margin--b--sm {
  margin-bottom: 0.75rem; }

.ui-margin--md.ui-margin--md.ui-margin--md {
  margin: 1.5rem; }

.ui-margin--x--md.ui-margin--x--md.ui-margin--x--md {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.ui-margin--s--md.ui-margin--s--md.ui-margin--s--md {
  -webkit-margin-start: 1.5rem;
  -moz-margin-start: 1.5rem;
  -ms-margin-start: 1.5rem;
  -o-margin-start: 1.5rem;
  margin-start: 1.5rem; }

.ui-margin--e--md.ui-margin--e--md.ui-margin--e--md {
  -webkit-margin-end: 1.5rem;
  -moz-margin-end: 1.5rem;
  -ms-margin-end: 1.5rem;
  -o-margin-end: 1.5rem;
  margin-end: 1.5rem; }

.ui-margin--y--md.ui-margin--y--md.ui-margin--y--md {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.ui-margin--t--md.ui-margin--t--md.ui-margin--t--md {
  margin-top: 1.5rem; }

.ui-margin--b--md.ui-margin--b--md.ui-margin--b--md {
  margin-bottom: 1.5rem; }

.ui-margin--lg.ui-margin--lg.ui-margin--lg {
  margin: 2rem; }

.ui-margin--x--lg.ui-margin--x--lg.ui-margin--x--lg {
  margin-left: 2rem;
  margin-right: 2rem; }

.ui-margin--s--lg.ui-margin--s--lg.ui-margin--s--lg {
  -webkit-margin-start: 2rem;
  -moz-margin-start: 2rem;
  -ms-margin-start: 2rem;
  -o-margin-start: 2rem;
  margin-start: 2rem; }

.ui-margin--e--lg.ui-margin--e--lg.ui-margin--e--lg {
  -webkit-margin-end: 2rem;
  -moz-margin-end: 2rem;
  -ms-margin-end: 2rem;
  -o-margin-end: 2rem;
  margin-end: 2rem; }

.ui-margin--y--lg.ui-margin--y--lg.ui-margin--y--lg {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.ui-margin--t--lg.ui-margin--t--lg.ui-margin--t--lg {
  margin-top: 2rem; }

.ui-margin--b--lg.ui-margin--b--lg.ui-margin--b--lg {
  margin-bottom: 2rem; }

.ui-margin--xl.ui-margin--xl.ui-margin--xl {
  margin: 3rem; }

.ui-margin--x--xl.ui-margin--x--xl.ui-margin--x--xl {
  margin-left: 3rem;
  margin-right: 3rem; }

.ui-margin--s--xl.ui-margin--s--xl.ui-margin--s--xl {
  -webkit-margin-start: 3rem;
  -moz-margin-start: 3rem;
  -ms-margin-start: 3rem;
  -o-margin-start: 3rem;
  margin-start: 3rem; }

.ui-margin--e--xl.ui-margin--e--xl.ui-margin--e--xl {
  -webkit-margin-end: 3rem;
  -moz-margin-end: 3rem;
  -ms-margin-end: 3rem;
  -o-margin-end: 3rem;
  margin-end: 3rem; }

.ui-margin--y--xl.ui-margin--y--xl.ui-margin--y--xl {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.ui-margin--t--xl.ui-margin--t--xl.ui-margin--t--xl {
  margin-top: 3rem; }

.ui-margin--b--xl.ui-margin--b--xl.ui-margin--b--xl {
  margin-bottom: 3rem; }

.ui-padding--0.ui-padding--0.ui-padding--0 {
  padding: 0; }

.ui-padding--x--0.ui-padding--x--0.ui-padding--x--0 {
  padding-left: 0;
  padding-right: 0; }

.ui-padding--s--0.ui-padding--s--0.ui-padding--s--0 {
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  -ms-padding-start: 0;
  -o-padding-start: 0;
  padding-start: 0; }

.ui-padding--e--0.ui-padding--e--0.ui-padding--e--0 {
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  -ms-padding-end: 0;
  -o-padding-end: 0;
  padding-end: 0; }

.ui-padding--y--0.ui-padding--y--0.ui-padding--y--0 {
  padding-top: 0;
  padding-bottom: 0; }

.ui-padding--t--0.ui-padding--t--0.ui-padding--t--0 {
  padding-top: 0; }

.ui-padding--b--0.ui-padding--b--0.ui-padding--b--0 {
  padding-bottom: 0; }

.ui-padding.ui-padding.ui-padding {
  padding: 1rem; }

.ui-padding--x.ui-padding--x.ui-padding--x {
  padding-left: 1rem;
  padding-right: 1rem; }

.ui-padding--s.ui-padding--s.ui-padding--s {
  -webkit-padding-start: 1rem;
  -moz-padding-start: 1rem;
  -ms-padding-start: 1rem;
  -o-padding-start: 1rem;
  padding-start: 1rem; }

.ui-padding--e.ui-padding--e.ui-padding--e {
  -webkit-padding-end: 1rem;
  -moz-padding-end: 1rem;
  -ms-padding-end: 1rem;
  -o-padding-end: 1rem;
  padding-end: 1rem; }

.ui-padding--y.ui-padding--y.ui-padding--y {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui-padding--t.ui-padding--t.ui-padding--t {
  padding-top: 1rem; }

.ui-padding--b.ui-padding--b.ui-padding--b {
  padding-bottom: 1rem; }

.ui-padding--xxs.ui-padding--xxs.ui-padding--xxs {
  padding: 0.25rem; }

.ui-padding--x--xxs.ui-padding--x--xxs.ui-padding--x--xxs {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.ui-padding--s--xxs.ui-padding--s--xxs.ui-padding--s--xxs {
  -webkit-padding-start: 0.25rem;
  -moz-padding-start: 0.25rem;
  -ms-padding-start: 0.25rem;
  -o-padding-start: 0.25rem;
  padding-start: 0.25rem; }

.ui-padding--e--xxs.ui-padding--e--xxs.ui-padding--e--xxs {
  -webkit-padding-end: 0.25rem;
  -moz-padding-end: 0.25rem;
  -ms-padding-end: 0.25rem;
  -o-padding-end: 0.25rem;
  padding-end: 0.25rem; }

.ui-padding--y--xxs.ui-padding--y--xxs.ui-padding--y--xxs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.ui-padding--t--xxs.ui-padding--t--xxs.ui-padding--t--xxs {
  padding-top: 0.25rem; }

.ui-padding--b--xxs.ui-padding--b--xxs.ui-padding--b--xxs {
  padding-bottom: 0.25rem; }

.ui-padding--xs.ui-padding--xs.ui-padding--xs {
  padding: 0.5rem; }

.ui-padding--x--xs.ui-padding--x--xs.ui-padding--x--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.ui-padding--s--xs.ui-padding--s--xs.ui-padding--s--xs {
  -webkit-padding-start: 0.5rem;
  -moz-padding-start: 0.5rem;
  -ms-padding-start: 0.5rem;
  -o-padding-start: 0.5rem;
  padding-start: 0.5rem; }

.ui-padding--e--xs.ui-padding--e--xs.ui-padding--e--xs {
  -webkit-padding-end: 0.5rem;
  -moz-padding-end: 0.5rem;
  -ms-padding-end: 0.5rem;
  -o-padding-end: 0.5rem;
  padding-end: 0.5rem; }

.ui-padding--y--xs.ui-padding--y--xs.ui-padding--y--xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.ui-padding--t--xs.ui-padding--t--xs.ui-padding--t--xs {
  padding-top: 0.5rem; }

.ui-padding--b--xs.ui-padding--b--xs.ui-padding--b--xs {
  padding-bottom: 0.5rem; }

.ui-padding--sm.ui-padding--sm.ui-padding--sm {
  padding: 0.75rem; }

.ui-padding--x--sm.ui-padding--x--sm.ui-padding--x--sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.ui-padding--s--sm.ui-padding--s--sm.ui-padding--s--sm {
  -webkit-padding-start: 0.75rem;
  -moz-padding-start: 0.75rem;
  -ms-padding-start: 0.75rem;
  -o-padding-start: 0.75rem;
  padding-start: 0.75rem; }

.ui-padding--e--sm.ui-padding--e--sm.ui-padding--e--sm {
  -webkit-padding-end: 0.75rem;
  -moz-padding-end: 0.75rem;
  -ms-padding-end: 0.75rem;
  -o-padding-end: 0.75rem;
  padding-end: 0.75rem; }

.ui-padding--y--sm.ui-padding--y--sm.ui-padding--y--sm {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.ui-padding--t--sm.ui-padding--t--sm.ui-padding--t--sm {
  padding-top: 0.75rem; }

.ui-padding--b--sm.ui-padding--b--sm.ui-padding--b--sm {
  padding-bottom: 0.75rem; }

.ui-padding--md.ui-padding--md.ui-padding--md {
  padding: 1.5rem; }

.ui-padding--x--md.ui-padding--x--md.ui-padding--x--md {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.ui-padding--s--md.ui-padding--s--md.ui-padding--s--md {
  -webkit-padding-start: 1.5rem;
  -moz-padding-start: 1.5rem;
  -ms-padding-start: 1.5rem;
  -o-padding-start: 1.5rem;
  padding-start: 1.5rem; }

.ui-padding--e--md.ui-padding--e--md.ui-padding--e--md {
  -webkit-padding-end: 1.5rem;
  -moz-padding-end: 1.5rem;
  -ms-padding-end: 1.5rem;
  -o-padding-end: 1.5rem;
  padding-end: 1.5rem; }

.ui-padding--y--md.ui-padding--y--md.ui-padding--y--md {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.ui-padding--t--md.ui-padding--t--md.ui-padding--t--md {
  padding-top: 1.5rem; }

.ui-padding--b--md.ui-padding--b--md.ui-padding--b--md {
  padding-bottom: 1.5rem; }

.ui-padding--lg.ui-padding--lg.ui-padding--lg {
  padding: 2rem; }

.ui-padding--x--lg.ui-padding--x--lg.ui-padding--x--lg {
  padding-left: 2rem;
  padding-right: 2rem; }

.ui-padding--s--lg.ui-padding--s--lg.ui-padding--s--lg {
  -webkit-padding-start: 2rem;
  -moz-padding-start: 2rem;
  -ms-padding-start: 2rem;
  -o-padding-start: 2rem;
  padding-start: 2rem; }

.ui-padding--e--lg.ui-padding--e--lg.ui-padding--e--lg {
  -webkit-padding-end: 2rem;
  -moz-padding-end: 2rem;
  -ms-padding-end: 2rem;
  -o-padding-end: 2rem;
  padding-end: 2rem; }

.ui-padding--y--lg.ui-padding--y--lg.ui-padding--y--lg {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.ui-padding--t--lg.ui-padding--t--lg.ui-padding--t--lg {
  padding-top: 2rem; }

.ui-padding--b--lg.ui-padding--b--lg.ui-padding--b--lg {
  padding-bottom: 2rem; }

.ui-padding--xl.ui-padding--xl.ui-padding--xl {
  padding: 3rem; }

.ui-padding--x--xl.ui-padding--x--xl.ui-padding--x--xl {
  padding-left: 3rem;
  padding-right: 3rem; }

.ui-padding--s--xl.ui-padding--s--xl.ui-padding--s--xl {
  -webkit-padding-start: 3rem;
  -moz-padding-start: 3rem;
  -ms-padding-start: 3rem;
  -o-padding-start: 3rem;
  padding-start: 3rem; }

.ui-padding--e--xl.ui-padding--e--xl.ui-padding--e--xl {
  -webkit-padding-end: 3rem;
  -moz-padding-end: 3rem;
  -ms-padding-end: 3rem;
  -o-padding-end: 3rem;
  padding-end: 3rem; }

.ui-padding--y--xl.ui-padding--y--xl.ui-padding--y--xl {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.ui-padding--t--xl.ui-padding--t--xl.ui-padding--t--xl {
  padding-top: 3rem; }

.ui-padding--b--xl.ui-padding--b--xl.ui-padding--b--xl {
  padding-bottom: 3rem; }

@media only screen and (max-width: 320px) {
  .ui-margin--0\@xs.ui-margin--0\@xs.ui-margin--0\@xs {
    margin: 0; }
  .ui-margin--x--0\@xs.ui-margin--x--0\@xs.ui-margin--x--0\@xs {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@xs.ui-margin--s--0\@xs.ui-margin--s--0\@xs {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@xs.ui-margin--e--0\@xs.ui-margin--e--0\@xs {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@xs.ui-margin--y--0\@xs.ui-margin--y--0\@xs {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@xs.ui-margin--t--0\@xs.ui-margin--t--0\@xs {
    margin-top: 0; }
  .ui-margin--b--0\@xs.ui-margin--b--0\@xs.ui-margin--b--0\@xs {
    margin-bottom: 0; }
  .ui-margin\@xs.ui-margin\@xs.ui-margin\@xs {
    margin: 1rem; }
  .ui-margin--x\@xs.ui-margin--x\@xs.ui-margin--x\@xs {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@xs.ui-margin--s\@xs.ui-margin--s\@xs {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@xs.ui-margin--e\@xs.ui-margin--e\@xs {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@xs.ui-margin--y\@xs.ui-margin--y\@xs {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@xs.ui-margin--t\@xs.ui-margin--t\@xs {
    margin-top: 1rem; }
  .ui-margin--b\@xs.ui-margin--b\@xs.ui-margin--b\@xs {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@xs.ui-margin--xxs\@xs.ui-margin--xxs\@xs {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@xs.ui-margin--x--xxs\@xs.ui-margin--x--xxs\@xs {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@xs.ui-margin--s--xxs\@xs.ui-margin--s--xxs\@xs {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@xs.ui-margin--e--xxs\@xs.ui-margin--e--xxs\@xs {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@xs.ui-margin--y--xxs\@xs.ui-margin--y--xxs\@xs {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@xs.ui-margin--t--xxs\@xs.ui-margin--t--xxs\@xs {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@xs.ui-margin--b--xxs\@xs.ui-margin--b--xxs\@xs {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@xs.ui-margin--xs\@xs.ui-margin--xs\@xs {
    margin: 0.5rem; }
  .ui-margin--x--xs\@xs.ui-margin--x--xs\@xs.ui-margin--x--xs\@xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@xs.ui-margin--s--xs\@xs.ui-margin--s--xs\@xs {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@xs.ui-margin--e--xs\@xs.ui-margin--e--xs\@xs {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@xs.ui-margin--y--xs\@xs.ui-margin--y--xs\@xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@xs.ui-margin--t--xs\@xs.ui-margin--t--xs\@xs {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@xs.ui-margin--b--xs\@xs.ui-margin--b--xs\@xs {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@xs.ui-margin--sm\@xs.ui-margin--sm\@xs {
    margin: 0.75rem; }
  .ui-margin--x--sm\@xs.ui-margin--x--sm\@xs.ui-margin--x--sm\@xs {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@xs.ui-margin--s--sm\@xs.ui-margin--s--sm\@xs {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@xs.ui-margin--e--sm\@xs.ui-margin--e--sm\@xs {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@xs.ui-margin--y--sm\@xs.ui-margin--y--sm\@xs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@xs.ui-margin--t--sm\@xs.ui-margin--t--sm\@xs {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@xs.ui-margin--b--sm\@xs.ui-margin--b--sm\@xs {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@xs.ui-margin--md\@xs.ui-margin--md\@xs {
    margin: 1.5rem; }
  .ui-margin--x--md\@xs.ui-margin--x--md\@xs.ui-margin--x--md\@xs {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@xs.ui-margin--s--md\@xs.ui-margin--s--md\@xs {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@xs.ui-margin--e--md\@xs.ui-margin--e--md\@xs {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@xs.ui-margin--y--md\@xs.ui-margin--y--md\@xs {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@xs.ui-margin--t--md\@xs.ui-margin--t--md\@xs {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@xs.ui-margin--b--md\@xs.ui-margin--b--md\@xs {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@xs.ui-margin--lg\@xs.ui-margin--lg\@xs {
    margin: 2rem; }
  .ui-margin--x--lg\@xs.ui-margin--x--lg\@xs.ui-margin--x--lg\@xs {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@xs.ui-margin--s--lg\@xs.ui-margin--s--lg\@xs {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@xs.ui-margin--e--lg\@xs.ui-margin--e--lg\@xs {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@xs.ui-margin--y--lg\@xs.ui-margin--y--lg\@xs {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@xs.ui-margin--t--lg\@xs.ui-margin--t--lg\@xs {
    margin-top: 2rem; }
  .ui-margin--b--lg\@xs.ui-margin--b--lg\@xs.ui-margin--b--lg\@xs {
    margin-bottom: 2rem; }
  .ui-margin--xl\@xs.ui-margin--xl\@xs.ui-margin--xl\@xs {
    margin: 3rem; }
  .ui-margin--x--xl\@xs.ui-margin--x--xl\@xs.ui-margin--x--xl\@xs {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@xs.ui-margin--s--xl\@xs.ui-margin--s--xl\@xs {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@xs.ui-margin--e--xl\@xs.ui-margin--e--xl\@xs {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@xs.ui-margin--y--xl\@xs.ui-margin--y--xl\@xs {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@xs.ui-margin--t--xl\@xs.ui-margin--t--xl\@xs {
    margin-top: 3rem; }
  .ui-margin--b--xl\@xs.ui-margin--b--xl\@xs.ui-margin--b--xl\@xs {
    margin-bottom: 3rem; }
  .ui-padding--0\@xs.ui-padding--0\@xs.ui-padding--0\@xs {
    padding: 0; }
  .ui-padding--x--0\@xs.ui-padding--x--0\@xs.ui-padding--x--0\@xs {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@xs.ui-padding--s--0\@xs.ui-padding--s--0\@xs {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@xs.ui-padding--e--0\@xs.ui-padding--e--0\@xs {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@xs.ui-padding--y--0\@xs.ui-padding--y--0\@xs {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@xs.ui-padding--t--0\@xs.ui-padding--t--0\@xs {
    padding-top: 0; }
  .ui-padding--b--0\@xs.ui-padding--b--0\@xs.ui-padding--b--0\@xs {
    padding-bottom: 0; }
  .ui-padding\@xs.ui-padding\@xs.ui-padding\@xs {
    padding: 1rem; }
  .ui-padding--x\@xs.ui-padding--x\@xs.ui-padding--x\@xs {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@xs.ui-padding--s\@xs.ui-padding--s\@xs {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@xs.ui-padding--e\@xs.ui-padding--e\@xs {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@xs.ui-padding--y\@xs.ui-padding--y\@xs {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@xs.ui-padding--t\@xs.ui-padding--t\@xs {
    padding-top: 1rem; }
  .ui-padding--b\@xs.ui-padding--b\@xs.ui-padding--b\@xs {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@xs.ui-padding--xxs\@xs.ui-padding--xxs\@xs {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@xs.ui-padding--x--xxs\@xs.ui-padding--x--xxs\@xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@xs.ui-padding--s--xxs\@xs.ui-padding--s--xxs\@xs {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@xs.ui-padding--e--xxs\@xs.ui-padding--e--xxs\@xs {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@xs.ui-padding--y--xxs\@xs.ui-padding--y--xxs\@xs {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@xs.ui-padding--t--xxs\@xs.ui-padding--t--xxs\@xs {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@xs.ui-padding--b--xxs\@xs.ui-padding--b--xxs\@xs {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@xs.ui-padding--xs\@xs.ui-padding--xs\@xs {
    padding: 0.5rem; }
  .ui-padding--x--xs\@xs.ui-padding--x--xs\@xs.ui-padding--x--xs\@xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@xs.ui-padding--s--xs\@xs.ui-padding--s--xs\@xs {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@xs.ui-padding--e--xs\@xs.ui-padding--e--xs\@xs {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@xs.ui-padding--y--xs\@xs.ui-padding--y--xs\@xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@xs.ui-padding--t--xs\@xs.ui-padding--t--xs\@xs {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@xs.ui-padding--b--xs\@xs.ui-padding--b--xs\@xs {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@xs.ui-padding--sm\@xs.ui-padding--sm\@xs {
    padding: 0.75rem; }
  .ui-padding--x--sm\@xs.ui-padding--x--sm\@xs.ui-padding--x--sm\@xs {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@xs.ui-padding--s--sm\@xs.ui-padding--s--sm\@xs {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@xs.ui-padding--e--sm\@xs.ui-padding--e--sm\@xs {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@xs.ui-padding--y--sm\@xs.ui-padding--y--sm\@xs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@xs.ui-padding--t--sm\@xs.ui-padding--t--sm\@xs {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@xs.ui-padding--b--sm\@xs.ui-padding--b--sm\@xs {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@xs.ui-padding--md\@xs.ui-padding--md\@xs {
    padding: 1.5rem; }
  .ui-padding--x--md\@xs.ui-padding--x--md\@xs.ui-padding--x--md\@xs {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@xs.ui-padding--s--md\@xs.ui-padding--s--md\@xs {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@xs.ui-padding--e--md\@xs.ui-padding--e--md\@xs {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@xs.ui-padding--y--md\@xs.ui-padding--y--md\@xs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@xs.ui-padding--t--md\@xs.ui-padding--t--md\@xs {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@xs.ui-padding--b--md\@xs.ui-padding--b--md\@xs {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@xs.ui-padding--lg\@xs.ui-padding--lg\@xs {
    padding: 2rem; }
  .ui-padding--x--lg\@xs.ui-padding--x--lg\@xs.ui-padding--x--lg\@xs {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@xs.ui-padding--s--lg\@xs.ui-padding--s--lg\@xs {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@xs.ui-padding--e--lg\@xs.ui-padding--e--lg\@xs {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@xs.ui-padding--y--lg\@xs.ui-padding--y--lg\@xs {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@xs.ui-padding--t--lg\@xs.ui-padding--t--lg\@xs {
    padding-top: 2rem; }
  .ui-padding--b--lg\@xs.ui-padding--b--lg\@xs.ui-padding--b--lg\@xs {
    padding-bottom: 2rem; }
  .ui-padding--xl\@xs.ui-padding--xl\@xs.ui-padding--xl\@xs {
    padding: 3rem; }
  .ui-padding--x--xl\@xs.ui-padding--x--xl\@xs.ui-padding--x--xl\@xs {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@xs.ui-padding--s--xl\@xs.ui-padding--s--xl\@xs {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@xs.ui-padding--e--xl\@xs.ui-padding--e--xl\@xs {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@xs.ui-padding--y--xl\@xs.ui-padding--y--xl\@xs {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@xs.ui-padding--t--xl\@xs.ui-padding--t--xl\@xs {
    padding-top: 3rem; }
  .ui-padding--b--xl\@xs.ui-padding--b--xl\@xs.ui-padding--b--xl\@xs {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 480px) {
  .ui-margin--0\@sm.ui-margin--0\@sm.ui-margin--0\@sm {
    margin: 0; }
  .ui-margin--x--0\@sm.ui-margin--x--0\@sm.ui-margin--x--0\@sm {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@sm.ui-margin--s--0\@sm.ui-margin--s--0\@sm {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@sm.ui-margin--e--0\@sm.ui-margin--e--0\@sm {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@sm.ui-margin--y--0\@sm.ui-margin--y--0\@sm {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@sm.ui-margin--t--0\@sm.ui-margin--t--0\@sm {
    margin-top: 0; }
  .ui-margin--b--0\@sm.ui-margin--b--0\@sm.ui-margin--b--0\@sm {
    margin-bottom: 0; }
  .ui-margin\@sm.ui-margin\@sm.ui-margin\@sm {
    margin: 1rem; }
  .ui-margin--x\@sm.ui-margin--x\@sm.ui-margin--x\@sm {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@sm.ui-margin--s\@sm.ui-margin--s\@sm {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@sm.ui-margin--e\@sm.ui-margin--e\@sm {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@sm.ui-margin--y\@sm.ui-margin--y\@sm {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@sm.ui-margin--t\@sm.ui-margin--t\@sm {
    margin-top: 1rem; }
  .ui-margin--b\@sm.ui-margin--b\@sm.ui-margin--b\@sm {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@sm.ui-margin--xxs\@sm.ui-margin--xxs\@sm {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@sm.ui-margin--x--xxs\@sm.ui-margin--x--xxs\@sm {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@sm.ui-margin--s--xxs\@sm.ui-margin--s--xxs\@sm {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@sm.ui-margin--e--xxs\@sm.ui-margin--e--xxs\@sm {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@sm.ui-margin--y--xxs\@sm.ui-margin--y--xxs\@sm {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@sm.ui-margin--t--xxs\@sm.ui-margin--t--xxs\@sm {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@sm.ui-margin--b--xxs\@sm.ui-margin--b--xxs\@sm {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@sm.ui-margin--xs\@sm.ui-margin--xs\@sm {
    margin: 0.5rem; }
  .ui-margin--x--xs\@sm.ui-margin--x--xs\@sm.ui-margin--x--xs\@sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@sm.ui-margin--s--xs\@sm.ui-margin--s--xs\@sm {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@sm.ui-margin--e--xs\@sm.ui-margin--e--xs\@sm {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@sm.ui-margin--y--xs\@sm.ui-margin--y--xs\@sm {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@sm.ui-margin--t--xs\@sm.ui-margin--t--xs\@sm {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@sm.ui-margin--b--xs\@sm.ui-margin--b--xs\@sm {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@sm.ui-margin--sm\@sm.ui-margin--sm\@sm {
    margin: 0.75rem; }
  .ui-margin--x--sm\@sm.ui-margin--x--sm\@sm.ui-margin--x--sm\@sm {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@sm.ui-margin--s--sm\@sm.ui-margin--s--sm\@sm {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@sm.ui-margin--e--sm\@sm.ui-margin--e--sm\@sm {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@sm.ui-margin--y--sm\@sm.ui-margin--y--sm\@sm {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@sm.ui-margin--t--sm\@sm.ui-margin--t--sm\@sm {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@sm.ui-margin--b--sm\@sm.ui-margin--b--sm\@sm {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@sm.ui-margin--md\@sm.ui-margin--md\@sm {
    margin: 1.5rem; }
  .ui-margin--x--md\@sm.ui-margin--x--md\@sm.ui-margin--x--md\@sm {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@sm.ui-margin--s--md\@sm.ui-margin--s--md\@sm {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@sm.ui-margin--e--md\@sm.ui-margin--e--md\@sm {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@sm.ui-margin--y--md\@sm.ui-margin--y--md\@sm {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@sm.ui-margin--t--md\@sm.ui-margin--t--md\@sm {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@sm.ui-margin--b--md\@sm.ui-margin--b--md\@sm {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@sm.ui-margin--lg\@sm.ui-margin--lg\@sm {
    margin: 2rem; }
  .ui-margin--x--lg\@sm.ui-margin--x--lg\@sm.ui-margin--x--lg\@sm {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@sm.ui-margin--s--lg\@sm.ui-margin--s--lg\@sm {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@sm.ui-margin--e--lg\@sm.ui-margin--e--lg\@sm {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@sm.ui-margin--y--lg\@sm.ui-margin--y--lg\@sm {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@sm.ui-margin--t--lg\@sm.ui-margin--t--lg\@sm {
    margin-top: 2rem; }
  .ui-margin--b--lg\@sm.ui-margin--b--lg\@sm.ui-margin--b--lg\@sm {
    margin-bottom: 2rem; }
  .ui-margin--xl\@sm.ui-margin--xl\@sm.ui-margin--xl\@sm {
    margin: 3rem; }
  .ui-margin--x--xl\@sm.ui-margin--x--xl\@sm.ui-margin--x--xl\@sm {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@sm.ui-margin--s--xl\@sm.ui-margin--s--xl\@sm {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@sm.ui-margin--e--xl\@sm.ui-margin--e--xl\@sm {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@sm.ui-margin--y--xl\@sm.ui-margin--y--xl\@sm {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@sm.ui-margin--t--xl\@sm.ui-margin--t--xl\@sm {
    margin-top: 3rem; }
  .ui-margin--b--xl\@sm.ui-margin--b--xl\@sm.ui-margin--b--xl\@sm {
    margin-bottom: 3rem; }
  .ui-padding--0\@sm.ui-padding--0\@sm.ui-padding--0\@sm {
    padding: 0; }
  .ui-padding--x--0\@sm.ui-padding--x--0\@sm.ui-padding--x--0\@sm {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@sm.ui-padding--s--0\@sm.ui-padding--s--0\@sm {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@sm.ui-padding--e--0\@sm.ui-padding--e--0\@sm {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@sm.ui-padding--y--0\@sm.ui-padding--y--0\@sm {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@sm.ui-padding--t--0\@sm.ui-padding--t--0\@sm {
    padding-top: 0; }
  .ui-padding--b--0\@sm.ui-padding--b--0\@sm.ui-padding--b--0\@sm {
    padding-bottom: 0; }
  .ui-padding\@sm.ui-padding\@sm.ui-padding\@sm {
    padding: 1rem; }
  .ui-padding--x\@sm.ui-padding--x\@sm.ui-padding--x\@sm {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@sm.ui-padding--s\@sm.ui-padding--s\@sm {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@sm.ui-padding--e\@sm.ui-padding--e\@sm {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@sm.ui-padding--y\@sm.ui-padding--y\@sm {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@sm.ui-padding--t\@sm.ui-padding--t\@sm {
    padding-top: 1rem; }
  .ui-padding--b\@sm.ui-padding--b\@sm.ui-padding--b\@sm {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@sm.ui-padding--xxs\@sm.ui-padding--xxs\@sm {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@sm.ui-padding--x--xxs\@sm.ui-padding--x--xxs\@sm {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@sm.ui-padding--s--xxs\@sm.ui-padding--s--xxs\@sm {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@sm.ui-padding--e--xxs\@sm.ui-padding--e--xxs\@sm {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@sm.ui-padding--y--xxs\@sm.ui-padding--y--xxs\@sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@sm.ui-padding--t--xxs\@sm.ui-padding--t--xxs\@sm {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@sm.ui-padding--b--xxs\@sm.ui-padding--b--xxs\@sm {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@sm.ui-padding--xs\@sm.ui-padding--xs\@sm {
    padding: 0.5rem; }
  .ui-padding--x--xs\@sm.ui-padding--x--xs\@sm.ui-padding--x--xs\@sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@sm.ui-padding--s--xs\@sm.ui-padding--s--xs\@sm {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@sm.ui-padding--e--xs\@sm.ui-padding--e--xs\@sm {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@sm.ui-padding--y--xs\@sm.ui-padding--y--xs\@sm {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@sm.ui-padding--t--xs\@sm.ui-padding--t--xs\@sm {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@sm.ui-padding--b--xs\@sm.ui-padding--b--xs\@sm {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@sm.ui-padding--sm\@sm.ui-padding--sm\@sm {
    padding: 0.75rem; }
  .ui-padding--x--sm\@sm.ui-padding--x--sm\@sm.ui-padding--x--sm\@sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@sm.ui-padding--s--sm\@sm.ui-padding--s--sm\@sm {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@sm.ui-padding--e--sm\@sm.ui-padding--e--sm\@sm {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@sm.ui-padding--y--sm\@sm.ui-padding--y--sm\@sm {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@sm.ui-padding--t--sm\@sm.ui-padding--t--sm\@sm {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@sm.ui-padding--b--sm\@sm.ui-padding--b--sm\@sm {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@sm.ui-padding--md\@sm.ui-padding--md\@sm {
    padding: 1.5rem; }
  .ui-padding--x--md\@sm.ui-padding--x--md\@sm.ui-padding--x--md\@sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@sm.ui-padding--s--md\@sm.ui-padding--s--md\@sm {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@sm.ui-padding--e--md\@sm.ui-padding--e--md\@sm {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@sm.ui-padding--y--md\@sm.ui-padding--y--md\@sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@sm.ui-padding--t--md\@sm.ui-padding--t--md\@sm {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@sm.ui-padding--b--md\@sm.ui-padding--b--md\@sm {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@sm.ui-padding--lg\@sm.ui-padding--lg\@sm {
    padding: 2rem; }
  .ui-padding--x--lg\@sm.ui-padding--x--lg\@sm.ui-padding--x--lg\@sm {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@sm.ui-padding--s--lg\@sm.ui-padding--s--lg\@sm {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@sm.ui-padding--e--lg\@sm.ui-padding--e--lg\@sm {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@sm.ui-padding--y--lg\@sm.ui-padding--y--lg\@sm {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@sm.ui-padding--t--lg\@sm.ui-padding--t--lg\@sm {
    padding-top: 2rem; }
  .ui-padding--b--lg\@sm.ui-padding--b--lg\@sm.ui-padding--b--lg\@sm {
    padding-bottom: 2rem; }
  .ui-padding--xl\@sm.ui-padding--xl\@sm.ui-padding--xl\@sm {
    padding: 3rem; }
  .ui-padding--x--xl\@sm.ui-padding--x--xl\@sm.ui-padding--x--xl\@sm {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@sm.ui-padding--s--xl\@sm.ui-padding--s--xl\@sm {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@sm.ui-padding--e--xl\@sm.ui-padding--e--xl\@sm {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@sm.ui-padding--y--xl\@sm.ui-padding--y--xl\@sm {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@sm.ui-padding--t--xl\@sm.ui-padding--t--xl\@sm {
    padding-top: 3rem; }
  .ui-padding--b--xl\@sm.ui-padding--b--xl\@sm.ui-padding--b--xl\@sm {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 768px) {
  .ui-margin--0\@md.ui-margin--0\@md.ui-margin--0\@md {
    margin: 0; }
  .ui-margin--x--0\@md.ui-margin--x--0\@md.ui-margin--x--0\@md {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@md.ui-margin--s--0\@md.ui-margin--s--0\@md {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@md.ui-margin--e--0\@md.ui-margin--e--0\@md {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@md.ui-margin--y--0\@md.ui-margin--y--0\@md {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@md.ui-margin--t--0\@md.ui-margin--t--0\@md {
    margin-top: 0; }
  .ui-margin--b--0\@md.ui-margin--b--0\@md.ui-margin--b--0\@md {
    margin-bottom: 0; }
  .ui-margin\@md.ui-margin\@md.ui-margin\@md {
    margin: 1rem; }
  .ui-margin--x\@md.ui-margin--x\@md.ui-margin--x\@md {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@md.ui-margin--s\@md.ui-margin--s\@md {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@md.ui-margin--e\@md.ui-margin--e\@md {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@md.ui-margin--y\@md.ui-margin--y\@md {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@md.ui-margin--t\@md.ui-margin--t\@md {
    margin-top: 1rem; }
  .ui-margin--b\@md.ui-margin--b\@md.ui-margin--b\@md {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@md.ui-margin--xxs\@md.ui-margin--xxs\@md {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@md.ui-margin--x--xxs\@md.ui-margin--x--xxs\@md {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@md.ui-margin--s--xxs\@md.ui-margin--s--xxs\@md {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@md.ui-margin--e--xxs\@md.ui-margin--e--xxs\@md {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@md.ui-margin--y--xxs\@md.ui-margin--y--xxs\@md {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@md.ui-margin--t--xxs\@md.ui-margin--t--xxs\@md {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@md.ui-margin--b--xxs\@md.ui-margin--b--xxs\@md {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@md.ui-margin--xs\@md.ui-margin--xs\@md {
    margin: 0.5rem; }
  .ui-margin--x--xs\@md.ui-margin--x--xs\@md.ui-margin--x--xs\@md {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@md.ui-margin--s--xs\@md.ui-margin--s--xs\@md {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@md.ui-margin--e--xs\@md.ui-margin--e--xs\@md {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@md.ui-margin--y--xs\@md.ui-margin--y--xs\@md {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@md.ui-margin--t--xs\@md.ui-margin--t--xs\@md {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@md.ui-margin--b--xs\@md.ui-margin--b--xs\@md {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@md.ui-margin--sm\@md.ui-margin--sm\@md {
    margin: 0.75rem; }
  .ui-margin--x--sm\@md.ui-margin--x--sm\@md.ui-margin--x--sm\@md {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@md.ui-margin--s--sm\@md.ui-margin--s--sm\@md {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@md.ui-margin--e--sm\@md.ui-margin--e--sm\@md {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@md.ui-margin--y--sm\@md.ui-margin--y--sm\@md {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@md.ui-margin--t--sm\@md.ui-margin--t--sm\@md {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@md.ui-margin--b--sm\@md.ui-margin--b--sm\@md {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@md.ui-margin--md\@md.ui-margin--md\@md {
    margin: 1.5rem; }
  .ui-margin--x--md\@md.ui-margin--x--md\@md.ui-margin--x--md\@md {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@md.ui-margin--s--md\@md.ui-margin--s--md\@md {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@md.ui-margin--e--md\@md.ui-margin--e--md\@md {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@md.ui-margin--y--md\@md.ui-margin--y--md\@md {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@md.ui-margin--t--md\@md.ui-margin--t--md\@md {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@md.ui-margin--b--md\@md.ui-margin--b--md\@md {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@md.ui-margin--lg\@md.ui-margin--lg\@md {
    margin: 2rem; }
  .ui-margin--x--lg\@md.ui-margin--x--lg\@md.ui-margin--x--lg\@md {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@md.ui-margin--s--lg\@md.ui-margin--s--lg\@md {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@md.ui-margin--e--lg\@md.ui-margin--e--lg\@md {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@md.ui-margin--y--lg\@md.ui-margin--y--lg\@md {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@md.ui-margin--t--lg\@md.ui-margin--t--lg\@md {
    margin-top: 2rem; }
  .ui-margin--b--lg\@md.ui-margin--b--lg\@md.ui-margin--b--lg\@md {
    margin-bottom: 2rem; }
  .ui-margin--xl\@md.ui-margin--xl\@md.ui-margin--xl\@md {
    margin: 3rem; }
  .ui-margin--x--xl\@md.ui-margin--x--xl\@md.ui-margin--x--xl\@md {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@md.ui-margin--s--xl\@md.ui-margin--s--xl\@md {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@md.ui-margin--e--xl\@md.ui-margin--e--xl\@md {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@md.ui-margin--y--xl\@md.ui-margin--y--xl\@md {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@md.ui-margin--t--xl\@md.ui-margin--t--xl\@md {
    margin-top: 3rem; }
  .ui-margin--b--xl\@md.ui-margin--b--xl\@md.ui-margin--b--xl\@md {
    margin-bottom: 3rem; }
  .ui-padding--0\@md.ui-padding--0\@md.ui-padding--0\@md {
    padding: 0; }
  .ui-padding--x--0\@md.ui-padding--x--0\@md.ui-padding--x--0\@md {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@md.ui-padding--s--0\@md.ui-padding--s--0\@md {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@md.ui-padding--e--0\@md.ui-padding--e--0\@md {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@md.ui-padding--y--0\@md.ui-padding--y--0\@md {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@md.ui-padding--t--0\@md.ui-padding--t--0\@md {
    padding-top: 0; }
  .ui-padding--b--0\@md.ui-padding--b--0\@md.ui-padding--b--0\@md {
    padding-bottom: 0; }
  .ui-padding\@md.ui-padding\@md.ui-padding\@md {
    padding: 1rem; }
  .ui-padding--x\@md.ui-padding--x\@md.ui-padding--x\@md {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@md.ui-padding--s\@md.ui-padding--s\@md {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@md.ui-padding--e\@md.ui-padding--e\@md {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@md.ui-padding--y\@md.ui-padding--y\@md {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@md.ui-padding--t\@md.ui-padding--t\@md {
    padding-top: 1rem; }
  .ui-padding--b\@md.ui-padding--b\@md.ui-padding--b\@md {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@md.ui-padding--xxs\@md.ui-padding--xxs\@md {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@md.ui-padding--x--xxs\@md.ui-padding--x--xxs\@md {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@md.ui-padding--s--xxs\@md.ui-padding--s--xxs\@md {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@md.ui-padding--e--xxs\@md.ui-padding--e--xxs\@md {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@md.ui-padding--y--xxs\@md.ui-padding--y--xxs\@md {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@md.ui-padding--t--xxs\@md.ui-padding--t--xxs\@md {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@md.ui-padding--b--xxs\@md.ui-padding--b--xxs\@md {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@md.ui-padding--xs\@md.ui-padding--xs\@md {
    padding: 0.5rem; }
  .ui-padding--x--xs\@md.ui-padding--x--xs\@md.ui-padding--x--xs\@md {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@md.ui-padding--s--xs\@md.ui-padding--s--xs\@md {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@md.ui-padding--e--xs\@md.ui-padding--e--xs\@md {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@md.ui-padding--y--xs\@md.ui-padding--y--xs\@md {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@md.ui-padding--t--xs\@md.ui-padding--t--xs\@md {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@md.ui-padding--b--xs\@md.ui-padding--b--xs\@md {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@md.ui-padding--sm\@md.ui-padding--sm\@md {
    padding: 0.75rem; }
  .ui-padding--x--sm\@md.ui-padding--x--sm\@md.ui-padding--x--sm\@md {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@md.ui-padding--s--sm\@md.ui-padding--s--sm\@md {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@md.ui-padding--e--sm\@md.ui-padding--e--sm\@md {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@md.ui-padding--y--sm\@md.ui-padding--y--sm\@md {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@md.ui-padding--t--sm\@md.ui-padding--t--sm\@md {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@md.ui-padding--b--sm\@md.ui-padding--b--sm\@md {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@md.ui-padding--md\@md.ui-padding--md\@md {
    padding: 1.5rem; }
  .ui-padding--x--md\@md.ui-padding--x--md\@md.ui-padding--x--md\@md {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@md.ui-padding--s--md\@md.ui-padding--s--md\@md {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@md.ui-padding--e--md\@md.ui-padding--e--md\@md {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@md.ui-padding--y--md\@md.ui-padding--y--md\@md {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@md.ui-padding--t--md\@md.ui-padding--t--md\@md {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@md.ui-padding--b--md\@md.ui-padding--b--md\@md {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@md.ui-padding--lg\@md.ui-padding--lg\@md {
    padding: 2rem; }
  .ui-padding--x--lg\@md.ui-padding--x--lg\@md.ui-padding--x--lg\@md {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@md.ui-padding--s--lg\@md.ui-padding--s--lg\@md {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@md.ui-padding--e--lg\@md.ui-padding--e--lg\@md {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@md.ui-padding--y--lg\@md.ui-padding--y--lg\@md {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@md.ui-padding--t--lg\@md.ui-padding--t--lg\@md {
    padding-top: 2rem; }
  .ui-padding--b--lg\@md.ui-padding--b--lg\@md.ui-padding--b--lg\@md {
    padding-bottom: 2rem; }
  .ui-padding--xl\@md.ui-padding--xl\@md.ui-padding--xl\@md {
    padding: 3rem; }
  .ui-padding--x--xl\@md.ui-padding--x--xl\@md.ui-padding--x--xl\@md {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@md.ui-padding--s--xl\@md.ui-padding--s--xl\@md {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@md.ui-padding--e--xl\@md.ui-padding--e--xl\@md {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@md.ui-padding--y--xl\@md.ui-padding--y--xl\@md {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@md.ui-padding--t--xl\@md.ui-padding--t--xl\@md {
    padding-top: 3rem; }
  .ui-padding--b--xl\@md.ui-padding--b--xl\@md.ui-padding--b--xl\@md {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 1024px) {
  .ui-margin--0\@lg.ui-margin--0\@lg.ui-margin--0\@lg {
    margin: 0; }
  .ui-margin--x--0\@lg.ui-margin--x--0\@lg.ui-margin--x--0\@lg {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@lg.ui-margin--s--0\@lg.ui-margin--s--0\@lg {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@lg.ui-margin--e--0\@lg.ui-margin--e--0\@lg {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@lg.ui-margin--y--0\@lg.ui-margin--y--0\@lg {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@lg.ui-margin--t--0\@lg.ui-margin--t--0\@lg {
    margin-top: 0; }
  .ui-margin--b--0\@lg.ui-margin--b--0\@lg.ui-margin--b--0\@lg {
    margin-bottom: 0; }
  .ui-margin\@lg.ui-margin\@lg.ui-margin\@lg {
    margin: 1rem; }
  .ui-margin--x\@lg.ui-margin--x\@lg.ui-margin--x\@lg {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@lg.ui-margin--s\@lg.ui-margin--s\@lg {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@lg.ui-margin--e\@lg.ui-margin--e\@lg {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@lg.ui-margin--y\@lg.ui-margin--y\@lg {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@lg.ui-margin--t\@lg.ui-margin--t\@lg {
    margin-top: 1rem; }
  .ui-margin--b\@lg.ui-margin--b\@lg.ui-margin--b\@lg {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@lg.ui-margin--xxs\@lg.ui-margin--xxs\@lg {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@lg.ui-margin--x--xxs\@lg.ui-margin--x--xxs\@lg {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@lg.ui-margin--s--xxs\@lg.ui-margin--s--xxs\@lg {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@lg.ui-margin--e--xxs\@lg.ui-margin--e--xxs\@lg {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@lg.ui-margin--y--xxs\@lg.ui-margin--y--xxs\@lg {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@lg.ui-margin--t--xxs\@lg.ui-margin--t--xxs\@lg {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@lg.ui-margin--b--xxs\@lg.ui-margin--b--xxs\@lg {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@lg.ui-margin--xs\@lg.ui-margin--xs\@lg {
    margin: 0.5rem; }
  .ui-margin--x--xs\@lg.ui-margin--x--xs\@lg.ui-margin--x--xs\@lg {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@lg.ui-margin--s--xs\@lg.ui-margin--s--xs\@lg {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@lg.ui-margin--e--xs\@lg.ui-margin--e--xs\@lg {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@lg.ui-margin--y--xs\@lg.ui-margin--y--xs\@lg {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@lg.ui-margin--t--xs\@lg.ui-margin--t--xs\@lg {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@lg.ui-margin--b--xs\@lg.ui-margin--b--xs\@lg {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@lg.ui-margin--sm\@lg.ui-margin--sm\@lg {
    margin: 0.75rem; }
  .ui-margin--x--sm\@lg.ui-margin--x--sm\@lg.ui-margin--x--sm\@lg {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@lg.ui-margin--s--sm\@lg.ui-margin--s--sm\@lg {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@lg.ui-margin--e--sm\@lg.ui-margin--e--sm\@lg {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@lg.ui-margin--y--sm\@lg.ui-margin--y--sm\@lg {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@lg.ui-margin--t--sm\@lg.ui-margin--t--sm\@lg {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@lg.ui-margin--b--sm\@lg.ui-margin--b--sm\@lg {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@lg.ui-margin--md\@lg.ui-margin--md\@lg {
    margin: 1.5rem; }
  .ui-margin--x--md\@lg.ui-margin--x--md\@lg.ui-margin--x--md\@lg {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@lg.ui-margin--s--md\@lg.ui-margin--s--md\@lg {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@lg.ui-margin--e--md\@lg.ui-margin--e--md\@lg {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@lg.ui-margin--y--md\@lg.ui-margin--y--md\@lg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@lg.ui-margin--t--md\@lg.ui-margin--t--md\@lg {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@lg.ui-margin--b--md\@lg.ui-margin--b--md\@lg {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@lg.ui-margin--lg\@lg.ui-margin--lg\@lg {
    margin: 2rem; }
  .ui-margin--x--lg\@lg.ui-margin--x--lg\@lg.ui-margin--x--lg\@lg {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@lg.ui-margin--s--lg\@lg.ui-margin--s--lg\@lg {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@lg.ui-margin--e--lg\@lg.ui-margin--e--lg\@lg {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@lg.ui-margin--y--lg\@lg.ui-margin--y--lg\@lg {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@lg.ui-margin--t--lg\@lg.ui-margin--t--lg\@lg {
    margin-top: 2rem; }
  .ui-margin--b--lg\@lg.ui-margin--b--lg\@lg.ui-margin--b--lg\@lg {
    margin-bottom: 2rem; }
  .ui-margin--xl\@lg.ui-margin--xl\@lg.ui-margin--xl\@lg {
    margin: 3rem; }
  .ui-margin--x--xl\@lg.ui-margin--x--xl\@lg.ui-margin--x--xl\@lg {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@lg.ui-margin--s--xl\@lg.ui-margin--s--xl\@lg {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@lg.ui-margin--e--xl\@lg.ui-margin--e--xl\@lg {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@lg.ui-margin--y--xl\@lg.ui-margin--y--xl\@lg {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@lg.ui-margin--t--xl\@lg.ui-margin--t--xl\@lg {
    margin-top: 3rem; }
  .ui-margin--b--xl\@lg.ui-margin--b--xl\@lg.ui-margin--b--xl\@lg {
    margin-bottom: 3rem; }
  .ui-padding--0\@lg.ui-padding--0\@lg.ui-padding--0\@lg {
    padding: 0; }
  .ui-padding--x--0\@lg.ui-padding--x--0\@lg.ui-padding--x--0\@lg {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@lg.ui-padding--s--0\@lg.ui-padding--s--0\@lg {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@lg.ui-padding--e--0\@lg.ui-padding--e--0\@lg {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@lg.ui-padding--y--0\@lg.ui-padding--y--0\@lg {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@lg.ui-padding--t--0\@lg.ui-padding--t--0\@lg {
    padding-top: 0; }
  .ui-padding--b--0\@lg.ui-padding--b--0\@lg.ui-padding--b--0\@lg {
    padding-bottom: 0; }
  .ui-padding\@lg.ui-padding\@lg.ui-padding\@lg {
    padding: 1rem; }
  .ui-padding--x\@lg.ui-padding--x\@lg.ui-padding--x\@lg {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@lg.ui-padding--s\@lg.ui-padding--s\@lg {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@lg.ui-padding--e\@lg.ui-padding--e\@lg {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@lg.ui-padding--y\@lg.ui-padding--y\@lg {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@lg.ui-padding--t\@lg.ui-padding--t\@lg {
    padding-top: 1rem; }
  .ui-padding--b\@lg.ui-padding--b\@lg.ui-padding--b\@lg {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@lg.ui-padding--xxs\@lg.ui-padding--xxs\@lg {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@lg.ui-padding--x--xxs\@lg.ui-padding--x--xxs\@lg {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@lg.ui-padding--s--xxs\@lg.ui-padding--s--xxs\@lg {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@lg.ui-padding--e--xxs\@lg.ui-padding--e--xxs\@lg {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@lg.ui-padding--y--xxs\@lg.ui-padding--y--xxs\@lg {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@lg.ui-padding--t--xxs\@lg.ui-padding--t--xxs\@lg {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@lg.ui-padding--b--xxs\@lg.ui-padding--b--xxs\@lg {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@lg.ui-padding--xs\@lg.ui-padding--xs\@lg {
    padding: 0.5rem; }
  .ui-padding--x--xs\@lg.ui-padding--x--xs\@lg.ui-padding--x--xs\@lg {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@lg.ui-padding--s--xs\@lg.ui-padding--s--xs\@lg {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@lg.ui-padding--e--xs\@lg.ui-padding--e--xs\@lg {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@lg.ui-padding--y--xs\@lg.ui-padding--y--xs\@lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@lg.ui-padding--t--xs\@lg.ui-padding--t--xs\@lg {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@lg.ui-padding--b--xs\@lg.ui-padding--b--xs\@lg {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@lg.ui-padding--sm\@lg.ui-padding--sm\@lg {
    padding: 0.75rem; }
  .ui-padding--x--sm\@lg.ui-padding--x--sm\@lg.ui-padding--x--sm\@lg {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@lg.ui-padding--s--sm\@lg.ui-padding--s--sm\@lg {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@lg.ui-padding--e--sm\@lg.ui-padding--e--sm\@lg {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@lg.ui-padding--y--sm\@lg.ui-padding--y--sm\@lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@lg.ui-padding--t--sm\@lg.ui-padding--t--sm\@lg {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@lg.ui-padding--b--sm\@lg.ui-padding--b--sm\@lg {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@lg.ui-padding--md\@lg.ui-padding--md\@lg {
    padding: 1.5rem; }
  .ui-padding--x--md\@lg.ui-padding--x--md\@lg.ui-padding--x--md\@lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@lg.ui-padding--s--md\@lg.ui-padding--s--md\@lg {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@lg.ui-padding--e--md\@lg.ui-padding--e--md\@lg {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@lg.ui-padding--y--md\@lg.ui-padding--y--md\@lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@lg.ui-padding--t--md\@lg.ui-padding--t--md\@lg {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@lg.ui-padding--b--md\@lg.ui-padding--b--md\@lg {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@lg.ui-padding--lg\@lg.ui-padding--lg\@lg {
    padding: 2rem; }
  .ui-padding--x--lg\@lg.ui-padding--x--lg\@lg.ui-padding--x--lg\@lg {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@lg.ui-padding--s--lg\@lg.ui-padding--s--lg\@lg {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@lg.ui-padding--e--lg\@lg.ui-padding--e--lg\@lg {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@lg.ui-padding--y--lg\@lg.ui-padding--y--lg\@lg {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@lg.ui-padding--t--lg\@lg.ui-padding--t--lg\@lg {
    padding-top: 2rem; }
  .ui-padding--b--lg\@lg.ui-padding--b--lg\@lg.ui-padding--b--lg\@lg {
    padding-bottom: 2rem; }
  .ui-padding--xl\@lg.ui-padding--xl\@lg.ui-padding--xl\@lg {
    padding: 3rem; }
  .ui-padding--x--xl\@lg.ui-padding--x--xl\@lg.ui-padding--x--xl\@lg {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@lg.ui-padding--s--xl\@lg.ui-padding--s--xl\@lg {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@lg.ui-padding--e--xl\@lg.ui-padding--e--xl\@lg {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@lg.ui-padding--y--xl\@lg.ui-padding--y--xl\@lg {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@lg.ui-padding--t--xl\@lg.ui-padding--t--xl\@lg {
    padding-top: 3rem; }
  .ui-padding--b--xl\@lg.ui-padding--b--xl\@lg.ui-padding--b--xl\@lg {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 1280px) {
  .ui-margin--0\@xl.ui-margin--0\@xl.ui-margin--0\@xl {
    margin: 0; }
  .ui-margin--x--0\@xl.ui-margin--x--0\@xl.ui-margin--x--0\@xl {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@xl.ui-margin--s--0\@xl.ui-margin--s--0\@xl {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@xl.ui-margin--e--0\@xl.ui-margin--e--0\@xl {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@xl.ui-margin--y--0\@xl.ui-margin--y--0\@xl {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@xl.ui-margin--t--0\@xl.ui-margin--t--0\@xl {
    margin-top: 0; }
  .ui-margin--b--0\@xl.ui-margin--b--0\@xl.ui-margin--b--0\@xl {
    margin-bottom: 0; }
  .ui-margin\@xl.ui-margin\@xl.ui-margin\@xl {
    margin: 1rem; }
  .ui-margin--x\@xl.ui-margin--x\@xl.ui-margin--x\@xl {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@xl.ui-margin--s\@xl.ui-margin--s\@xl {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@xl.ui-margin--e\@xl.ui-margin--e\@xl {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@xl.ui-margin--y\@xl.ui-margin--y\@xl {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@xl.ui-margin--t\@xl.ui-margin--t\@xl {
    margin-top: 1rem; }
  .ui-margin--b\@xl.ui-margin--b\@xl.ui-margin--b\@xl {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@xl.ui-margin--xxs\@xl.ui-margin--xxs\@xl {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@xl.ui-margin--x--xxs\@xl.ui-margin--x--xxs\@xl {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@xl.ui-margin--s--xxs\@xl.ui-margin--s--xxs\@xl {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@xl.ui-margin--e--xxs\@xl.ui-margin--e--xxs\@xl {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@xl.ui-margin--y--xxs\@xl.ui-margin--y--xxs\@xl {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@xl.ui-margin--t--xxs\@xl.ui-margin--t--xxs\@xl {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@xl.ui-margin--b--xxs\@xl.ui-margin--b--xxs\@xl {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@xl.ui-margin--xs\@xl.ui-margin--xs\@xl {
    margin: 0.5rem; }
  .ui-margin--x--xs\@xl.ui-margin--x--xs\@xl.ui-margin--x--xs\@xl {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@xl.ui-margin--s--xs\@xl.ui-margin--s--xs\@xl {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@xl.ui-margin--e--xs\@xl.ui-margin--e--xs\@xl {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@xl.ui-margin--y--xs\@xl.ui-margin--y--xs\@xl {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@xl.ui-margin--t--xs\@xl.ui-margin--t--xs\@xl {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@xl.ui-margin--b--xs\@xl.ui-margin--b--xs\@xl {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@xl.ui-margin--sm\@xl.ui-margin--sm\@xl {
    margin: 0.75rem; }
  .ui-margin--x--sm\@xl.ui-margin--x--sm\@xl.ui-margin--x--sm\@xl {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@xl.ui-margin--s--sm\@xl.ui-margin--s--sm\@xl {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@xl.ui-margin--e--sm\@xl.ui-margin--e--sm\@xl {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@xl.ui-margin--y--sm\@xl.ui-margin--y--sm\@xl {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@xl.ui-margin--t--sm\@xl.ui-margin--t--sm\@xl {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@xl.ui-margin--b--sm\@xl.ui-margin--b--sm\@xl {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@xl.ui-margin--md\@xl.ui-margin--md\@xl {
    margin: 1.5rem; }
  .ui-margin--x--md\@xl.ui-margin--x--md\@xl.ui-margin--x--md\@xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@xl.ui-margin--s--md\@xl.ui-margin--s--md\@xl {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@xl.ui-margin--e--md\@xl.ui-margin--e--md\@xl {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@xl.ui-margin--y--md\@xl.ui-margin--y--md\@xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@xl.ui-margin--t--md\@xl.ui-margin--t--md\@xl {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@xl.ui-margin--b--md\@xl.ui-margin--b--md\@xl {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@xl.ui-margin--lg\@xl.ui-margin--lg\@xl {
    margin: 2rem; }
  .ui-margin--x--lg\@xl.ui-margin--x--lg\@xl.ui-margin--x--lg\@xl {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@xl.ui-margin--s--lg\@xl.ui-margin--s--lg\@xl {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@xl.ui-margin--e--lg\@xl.ui-margin--e--lg\@xl {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@xl.ui-margin--y--lg\@xl.ui-margin--y--lg\@xl {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@xl.ui-margin--t--lg\@xl.ui-margin--t--lg\@xl {
    margin-top: 2rem; }
  .ui-margin--b--lg\@xl.ui-margin--b--lg\@xl.ui-margin--b--lg\@xl {
    margin-bottom: 2rem; }
  .ui-margin--xl\@xl.ui-margin--xl\@xl.ui-margin--xl\@xl {
    margin: 3rem; }
  .ui-margin--x--xl\@xl.ui-margin--x--xl\@xl.ui-margin--x--xl\@xl {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@xl.ui-margin--s--xl\@xl.ui-margin--s--xl\@xl {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@xl.ui-margin--e--xl\@xl.ui-margin--e--xl\@xl {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@xl.ui-margin--y--xl\@xl.ui-margin--y--xl\@xl {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@xl.ui-margin--t--xl\@xl.ui-margin--t--xl\@xl {
    margin-top: 3rem; }
  .ui-margin--b--xl\@xl.ui-margin--b--xl\@xl.ui-margin--b--xl\@xl {
    margin-bottom: 3rem; }
  .ui-padding--0\@xl.ui-padding--0\@xl.ui-padding--0\@xl {
    padding: 0; }
  .ui-padding--x--0\@xl.ui-padding--x--0\@xl.ui-padding--x--0\@xl {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@xl.ui-padding--s--0\@xl.ui-padding--s--0\@xl {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@xl.ui-padding--e--0\@xl.ui-padding--e--0\@xl {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@xl.ui-padding--y--0\@xl.ui-padding--y--0\@xl {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@xl.ui-padding--t--0\@xl.ui-padding--t--0\@xl {
    padding-top: 0; }
  .ui-padding--b--0\@xl.ui-padding--b--0\@xl.ui-padding--b--0\@xl {
    padding-bottom: 0; }
  .ui-padding\@xl.ui-padding\@xl.ui-padding\@xl {
    padding: 1rem; }
  .ui-padding--x\@xl.ui-padding--x\@xl.ui-padding--x\@xl {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@xl.ui-padding--s\@xl.ui-padding--s\@xl {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@xl.ui-padding--e\@xl.ui-padding--e\@xl {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@xl.ui-padding--y\@xl.ui-padding--y\@xl {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@xl.ui-padding--t\@xl.ui-padding--t\@xl {
    padding-top: 1rem; }
  .ui-padding--b\@xl.ui-padding--b\@xl.ui-padding--b\@xl {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@xl.ui-padding--xxs\@xl.ui-padding--xxs\@xl {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@xl.ui-padding--x--xxs\@xl.ui-padding--x--xxs\@xl {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@xl.ui-padding--s--xxs\@xl.ui-padding--s--xxs\@xl {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@xl.ui-padding--e--xxs\@xl.ui-padding--e--xxs\@xl {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@xl.ui-padding--y--xxs\@xl.ui-padding--y--xxs\@xl {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@xl.ui-padding--t--xxs\@xl.ui-padding--t--xxs\@xl {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@xl.ui-padding--b--xxs\@xl.ui-padding--b--xxs\@xl {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@xl.ui-padding--xs\@xl.ui-padding--xs\@xl {
    padding: 0.5rem; }
  .ui-padding--x--xs\@xl.ui-padding--x--xs\@xl.ui-padding--x--xs\@xl {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@xl.ui-padding--s--xs\@xl.ui-padding--s--xs\@xl {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@xl.ui-padding--e--xs\@xl.ui-padding--e--xs\@xl {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@xl.ui-padding--y--xs\@xl.ui-padding--y--xs\@xl {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@xl.ui-padding--t--xs\@xl.ui-padding--t--xs\@xl {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@xl.ui-padding--b--xs\@xl.ui-padding--b--xs\@xl {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@xl.ui-padding--sm\@xl.ui-padding--sm\@xl {
    padding: 0.75rem; }
  .ui-padding--x--sm\@xl.ui-padding--x--sm\@xl.ui-padding--x--sm\@xl {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@xl.ui-padding--s--sm\@xl.ui-padding--s--sm\@xl {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@xl.ui-padding--e--sm\@xl.ui-padding--e--sm\@xl {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@xl.ui-padding--y--sm\@xl.ui-padding--y--sm\@xl {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@xl.ui-padding--t--sm\@xl.ui-padding--t--sm\@xl {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@xl.ui-padding--b--sm\@xl.ui-padding--b--sm\@xl {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@xl.ui-padding--md\@xl.ui-padding--md\@xl {
    padding: 1.5rem; }
  .ui-padding--x--md\@xl.ui-padding--x--md\@xl.ui-padding--x--md\@xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@xl.ui-padding--s--md\@xl.ui-padding--s--md\@xl {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@xl.ui-padding--e--md\@xl.ui-padding--e--md\@xl {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@xl.ui-padding--y--md\@xl.ui-padding--y--md\@xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@xl.ui-padding--t--md\@xl.ui-padding--t--md\@xl {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@xl.ui-padding--b--md\@xl.ui-padding--b--md\@xl {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@xl.ui-padding--lg\@xl.ui-padding--lg\@xl {
    padding: 2rem; }
  .ui-padding--x--lg\@xl.ui-padding--x--lg\@xl.ui-padding--x--lg\@xl {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@xl.ui-padding--s--lg\@xl.ui-padding--s--lg\@xl {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@xl.ui-padding--e--lg\@xl.ui-padding--e--lg\@xl {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@xl.ui-padding--y--lg\@xl.ui-padding--y--lg\@xl {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@xl.ui-padding--t--lg\@xl.ui-padding--t--lg\@xl {
    padding-top: 2rem; }
  .ui-padding--b--lg\@xl.ui-padding--b--lg\@xl.ui-padding--b--lg\@xl {
    padding-bottom: 2rem; }
  .ui-padding--xl\@xl.ui-padding--xl\@xl.ui-padding--xl\@xl {
    padding: 3rem; }
  .ui-padding--x--xl\@xl.ui-padding--x--xl\@xl.ui-padding--x--xl\@xl {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@xl.ui-padding--s--xl\@xl.ui-padding--s--xl\@xl {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@xl.ui-padding--e--xl\@xl.ui-padding--e--xl\@xl {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@xl.ui-padding--y--xl\@xl.ui-padding--y--xl\@xl {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@xl.ui-padding--t--xl\@xl.ui-padding--t--xl\@xl {
    padding-top: 3rem; }
  .ui-padding--b--xl\@xl.ui-padding--b--xl\@xl.ui-padding--b--xl\@xl {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 1536px) {
  .ui-margin--0\@xxl.ui-margin--0\@xxl.ui-margin--0\@xxl {
    margin: 0; }
  .ui-margin--x--0\@xxl.ui-margin--x--0\@xxl.ui-margin--x--0\@xxl {
    margin-left: 0;
    margin-right: 0; }
  .ui-margin--s--0\@xxl.ui-margin--s--0\@xxl.ui-margin--s--0\@xxl {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -ms-margin-start: 0;
    -o-margin-start: 0;
    margin-start: 0; }
  .ui-margin--e--0\@xxl.ui-margin--e--0\@xxl.ui-margin--e--0\@xxl {
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    -ms-margin-end: 0;
    -o-margin-end: 0;
    margin-end: 0; }
  .ui-margin--y--0\@xxl.ui-margin--y--0\@xxl.ui-margin--y--0\@xxl {
    margin-top: 0;
    margin-bottom: 0; }
  .ui-margin--t--0\@xxl.ui-margin--t--0\@xxl.ui-margin--t--0\@xxl {
    margin-top: 0; }
  .ui-margin--b--0\@xxl.ui-margin--b--0\@xxl.ui-margin--b--0\@xxl {
    margin-bottom: 0; }
  .ui-margin\@xxl.ui-margin\@xxl.ui-margin\@xxl {
    margin: 1rem; }
  .ui-margin--x\@xxl.ui-margin--x\@xxl.ui-margin--x\@xxl {
    margin-left: 1rem;
    margin-right: 1rem; }
  .ui-margin--s\@xxl.ui-margin--s\@xxl.ui-margin--s\@xxl {
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    -ms-margin-start: 1rem;
    -o-margin-start: 1rem;
    margin-start: 1rem; }
  .ui-margin--e\@xxl.ui-margin--e\@xxl.ui-margin--e\@xxl {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    -ms-margin-end: 1rem;
    -o-margin-end: 1rem;
    margin-end: 1rem; }
  .ui-margin--y\@xxl.ui-margin--y\@xxl.ui-margin--y\@xxl {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .ui-margin--t\@xxl.ui-margin--t\@xxl.ui-margin--t\@xxl {
    margin-top: 1rem; }
  .ui-margin--b\@xxl.ui-margin--b\@xxl.ui-margin--b\@xxl {
    margin-bottom: 1rem; }
  .ui-margin--xxs\@xxl.ui-margin--xxs\@xxl.ui-margin--xxs\@xxl {
    margin: 0.25rem; }
  .ui-margin--x--xxs\@xxl.ui-margin--x--xxs\@xxl.ui-margin--x--xxs\@xxl {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .ui-margin--s--xxs\@xxl.ui-margin--s--xxs\@xxl.ui-margin--s--xxs\@xxl {
    -webkit-margin-start: 0.25rem;
    -moz-margin-start: 0.25rem;
    -ms-margin-start: 0.25rem;
    -o-margin-start: 0.25rem;
    margin-start: 0.25rem; }
  .ui-margin--e--xxs\@xxl.ui-margin--e--xxs\@xxl.ui-margin--e--xxs\@xxl {
    -webkit-margin-end: 0.25rem;
    -moz-margin-end: 0.25rem;
    -ms-margin-end: 0.25rem;
    -o-margin-end: 0.25rem;
    margin-end: 0.25rem; }
  .ui-margin--y--xxs\@xxl.ui-margin--y--xxs\@xxl.ui-margin--y--xxs\@xxl {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .ui-margin--t--xxs\@xxl.ui-margin--t--xxs\@xxl.ui-margin--t--xxs\@xxl {
    margin-top: 0.25rem; }
  .ui-margin--b--xxs\@xxl.ui-margin--b--xxs\@xxl.ui-margin--b--xxs\@xxl {
    margin-bottom: 0.25rem; }
  .ui-margin--xs\@xxl.ui-margin--xs\@xxl.ui-margin--xs\@xxl {
    margin: 0.5rem; }
  .ui-margin--x--xs\@xxl.ui-margin--x--xs\@xxl.ui-margin--x--xs\@xxl {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .ui-margin--s--xs\@xxl.ui-margin--s--xs\@xxl.ui-margin--s--xs\@xxl {
    -webkit-margin-start: 0.5rem;
    -moz-margin-start: 0.5rem;
    -ms-margin-start: 0.5rem;
    -o-margin-start: 0.5rem;
    margin-start: 0.5rem; }
  .ui-margin--e--xs\@xxl.ui-margin--e--xs\@xxl.ui-margin--e--xs\@xxl {
    -webkit-margin-end: 0.5rem;
    -moz-margin-end: 0.5rem;
    -ms-margin-end: 0.5rem;
    -o-margin-end: 0.5rem;
    margin-end: 0.5rem; }
  .ui-margin--y--xs\@xxl.ui-margin--y--xs\@xxl.ui-margin--y--xs\@xxl {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .ui-margin--t--xs\@xxl.ui-margin--t--xs\@xxl.ui-margin--t--xs\@xxl {
    margin-top: 0.5rem; }
  .ui-margin--b--xs\@xxl.ui-margin--b--xs\@xxl.ui-margin--b--xs\@xxl {
    margin-bottom: 0.5rem; }
  .ui-margin--sm\@xxl.ui-margin--sm\@xxl.ui-margin--sm\@xxl {
    margin: 0.75rem; }
  .ui-margin--x--sm\@xxl.ui-margin--x--sm\@xxl.ui-margin--x--sm\@xxl {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  .ui-margin--s--sm\@xxl.ui-margin--s--sm\@xxl.ui-margin--s--sm\@xxl {
    -webkit-margin-start: 0.75rem;
    -moz-margin-start: 0.75rem;
    -ms-margin-start: 0.75rem;
    -o-margin-start: 0.75rem;
    margin-start: 0.75rem; }
  .ui-margin--e--sm\@xxl.ui-margin--e--sm\@xxl.ui-margin--e--sm\@xxl {
    -webkit-margin-end: 0.75rem;
    -moz-margin-end: 0.75rem;
    -ms-margin-end: 0.75rem;
    -o-margin-end: 0.75rem;
    margin-end: 0.75rem; }
  .ui-margin--y--sm\@xxl.ui-margin--y--sm\@xxl.ui-margin--y--sm\@xxl {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .ui-margin--t--sm\@xxl.ui-margin--t--sm\@xxl.ui-margin--t--sm\@xxl {
    margin-top: 0.75rem; }
  .ui-margin--b--sm\@xxl.ui-margin--b--sm\@xxl.ui-margin--b--sm\@xxl {
    margin-bottom: 0.75rem; }
  .ui-margin--md\@xxl.ui-margin--md\@xxl.ui-margin--md\@xxl {
    margin: 1.5rem; }
  .ui-margin--x--md\@xxl.ui-margin--x--md\@xxl.ui-margin--x--md\@xxl {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .ui-margin--s--md\@xxl.ui-margin--s--md\@xxl.ui-margin--s--md\@xxl {
    -webkit-margin-start: 1.5rem;
    -moz-margin-start: 1.5rem;
    -ms-margin-start: 1.5rem;
    -o-margin-start: 1.5rem;
    margin-start: 1.5rem; }
  .ui-margin--e--md\@xxl.ui-margin--e--md\@xxl.ui-margin--e--md\@xxl {
    -webkit-margin-end: 1.5rem;
    -moz-margin-end: 1.5rem;
    -ms-margin-end: 1.5rem;
    -o-margin-end: 1.5rem;
    margin-end: 1.5rem; }
  .ui-margin--y--md\@xxl.ui-margin--y--md\@xxl.ui-margin--y--md\@xxl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .ui-margin--t--md\@xxl.ui-margin--t--md\@xxl.ui-margin--t--md\@xxl {
    margin-top: 1.5rem; }
  .ui-margin--b--md\@xxl.ui-margin--b--md\@xxl.ui-margin--b--md\@xxl {
    margin-bottom: 1.5rem; }
  .ui-margin--lg\@xxl.ui-margin--lg\@xxl.ui-margin--lg\@xxl {
    margin: 2rem; }
  .ui-margin--x--lg\@xxl.ui-margin--x--lg\@xxl.ui-margin--x--lg\@xxl {
    margin-left: 2rem;
    margin-right: 2rem; }
  .ui-margin--s--lg\@xxl.ui-margin--s--lg\@xxl.ui-margin--s--lg\@xxl {
    -webkit-margin-start: 2rem;
    -moz-margin-start: 2rem;
    -ms-margin-start: 2rem;
    -o-margin-start: 2rem;
    margin-start: 2rem; }
  .ui-margin--e--lg\@xxl.ui-margin--e--lg\@xxl.ui-margin--e--lg\@xxl {
    -webkit-margin-end: 2rem;
    -moz-margin-end: 2rem;
    -ms-margin-end: 2rem;
    -o-margin-end: 2rem;
    margin-end: 2rem; }
  .ui-margin--y--lg\@xxl.ui-margin--y--lg\@xxl.ui-margin--y--lg\@xxl {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .ui-margin--t--lg\@xxl.ui-margin--t--lg\@xxl.ui-margin--t--lg\@xxl {
    margin-top: 2rem; }
  .ui-margin--b--lg\@xxl.ui-margin--b--lg\@xxl.ui-margin--b--lg\@xxl {
    margin-bottom: 2rem; }
  .ui-margin--xl\@xxl.ui-margin--xl\@xxl.ui-margin--xl\@xxl {
    margin: 3rem; }
  .ui-margin--x--xl\@xxl.ui-margin--x--xl\@xxl.ui-margin--x--xl\@xxl {
    margin-left: 3rem;
    margin-right: 3rem; }
  .ui-margin--s--xl\@xxl.ui-margin--s--xl\@xxl.ui-margin--s--xl\@xxl {
    -webkit-margin-start: 3rem;
    -moz-margin-start: 3rem;
    -ms-margin-start: 3rem;
    -o-margin-start: 3rem;
    margin-start: 3rem; }
  .ui-margin--e--xl\@xxl.ui-margin--e--xl\@xxl.ui-margin--e--xl\@xxl {
    -webkit-margin-end: 3rem;
    -moz-margin-end: 3rem;
    -ms-margin-end: 3rem;
    -o-margin-end: 3rem;
    margin-end: 3rem; }
  .ui-margin--y--xl\@xxl.ui-margin--y--xl\@xxl.ui-margin--y--xl\@xxl {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .ui-margin--t--xl\@xxl.ui-margin--t--xl\@xxl.ui-margin--t--xl\@xxl {
    margin-top: 3rem; }
  .ui-margin--b--xl\@xxl.ui-margin--b--xl\@xxl.ui-margin--b--xl\@xxl {
    margin-bottom: 3rem; }
  .ui-padding--0\@xxl.ui-padding--0\@xxl.ui-padding--0\@xxl {
    padding: 0; }
  .ui-padding--x--0\@xxl.ui-padding--x--0\@xxl.ui-padding--x--0\@xxl {
    padding-left: 0;
    padding-right: 0; }
  .ui-padding--s--0\@xxl.ui-padding--s--0\@xxl.ui-padding--s--0\@xxl {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0; }
  .ui-padding--e--0\@xxl.ui-padding--e--0\@xxl.ui-padding--e--0\@xxl {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    -ms-padding-end: 0;
    -o-padding-end: 0;
    padding-end: 0; }
  .ui-padding--y--0\@xxl.ui-padding--y--0\@xxl.ui-padding--y--0\@xxl {
    padding-top: 0;
    padding-bottom: 0; }
  .ui-padding--t--0\@xxl.ui-padding--t--0\@xxl.ui-padding--t--0\@xxl {
    padding-top: 0; }
  .ui-padding--b--0\@xxl.ui-padding--b--0\@xxl.ui-padding--b--0\@xxl {
    padding-bottom: 0; }
  .ui-padding\@xxl.ui-padding\@xxl.ui-padding\@xxl {
    padding: 1rem; }
  .ui-padding--x\@xxl.ui-padding--x\@xxl.ui-padding--x\@xxl {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ui-padding--s\@xxl.ui-padding--s\@xxl.ui-padding--s\@xxl {
    -webkit-padding-start: 1rem;
    -moz-padding-start: 1rem;
    -ms-padding-start: 1rem;
    -o-padding-start: 1rem;
    padding-start: 1rem; }
  .ui-padding--e\@xxl.ui-padding--e\@xxl.ui-padding--e\@xxl {
    -webkit-padding-end: 1rem;
    -moz-padding-end: 1rem;
    -ms-padding-end: 1rem;
    -o-padding-end: 1rem;
    padding-end: 1rem; }
  .ui-padding--y\@xxl.ui-padding--y\@xxl.ui-padding--y\@xxl {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .ui-padding--t\@xxl.ui-padding--t\@xxl.ui-padding--t\@xxl {
    padding-top: 1rem; }
  .ui-padding--b\@xxl.ui-padding--b\@xxl.ui-padding--b\@xxl {
    padding-bottom: 1rem; }
  .ui-padding--xxs\@xxl.ui-padding--xxs\@xxl.ui-padding--xxs\@xxl {
    padding: 0.25rem; }
  .ui-padding--x--xxs\@xxl.ui-padding--x--xxs\@xxl.ui-padding--x--xxs\@xxl {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui-padding--s--xxs\@xxl.ui-padding--s--xxs\@xxl.ui-padding--s--xxs\@xxl {
    -webkit-padding-start: 0.25rem;
    -moz-padding-start: 0.25rem;
    -ms-padding-start: 0.25rem;
    -o-padding-start: 0.25rem;
    padding-start: 0.25rem; }
  .ui-padding--e--xxs\@xxl.ui-padding--e--xxs\@xxl.ui-padding--e--xxs\@xxl {
    -webkit-padding-end: 0.25rem;
    -moz-padding-end: 0.25rem;
    -ms-padding-end: 0.25rem;
    -o-padding-end: 0.25rem;
    padding-end: 0.25rem; }
  .ui-padding--y--xxs\@xxl.ui-padding--y--xxs\@xxl.ui-padding--y--xxs\@xxl {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .ui-padding--t--xxs\@xxl.ui-padding--t--xxs\@xxl.ui-padding--t--xxs\@xxl {
    padding-top: 0.25rem; }
  .ui-padding--b--xxs\@xxl.ui-padding--b--xxs\@xxl.ui-padding--b--xxs\@xxl {
    padding-bottom: 0.25rem; }
  .ui-padding--xs\@xxl.ui-padding--xs\@xxl.ui-padding--xs\@xxl {
    padding: 0.5rem; }
  .ui-padding--x--xs\@xxl.ui-padding--x--xs\@xxl.ui-padding--x--xs\@xxl {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ui-padding--s--xs\@xxl.ui-padding--s--xs\@xxl.ui-padding--s--xs\@xxl {
    -webkit-padding-start: 0.5rem;
    -moz-padding-start: 0.5rem;
    -ms-padding-start: 0.5rem;
    -o-padding-start: 0.5rem;
    padding-start: 0.5rem; }
  .ui-padding--e--xs\@xxl.ui-padding--e--xs\@xxl.ui-padding--e--xs\@xxl {
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem;
    -ms-padding-end: 0.5rem;
    -o-padding-end: 0.5rem;
    padding-end: 0.5rem; }
  .ui-padding--y--xs\@xxl.ui-padding--y--xs\@xxl.ui-padding--y--xs\@xxl {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .ui-padding--t--xs\@xxl.ui-padding--t--xs\@xxl.ui-padding--t--xs\@xxl {
    padding-top: 0.5rem; }
  .ui-padding--b--xs\@xxl.ui-padding--b--xs\@xxl.ui-padding--b--xs\@xxl {
    padding-bottom: 0.5rem; }
  .ui-padding--sm\@xxl.ui-padding--sm\@xxl.ui-padding--sm\@xxl {
    padding: 0.75rem; }
  .ui-padding--x--sm\@xxl.ui-padding--x--sm\@xxl.ui-padding--x--sm\@xxl {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ui-padding--s--sm\@xxl.ui-padding--s--sm\@xxl.ui-padding--s--sm\@xxl {
    -webkit-padding-start: 0.75rem;
    -moz-padding-start: 0.75rem;
    -ms-padding-start: 0.75rem;
    -o-padding-start: 0.75rem;
    padding-start: 0.75rem; }
  .ui-padding--e--sm\@xxl.ui-padding--e--sm\@xxl.ui-padding--e--sm\@xxl {
    -webkit-padding-end: 0.75rem;
    -moz-padding-end: 0.75rem;
    -ms-padding-end: 0.75rem;
    -o-padding-end: 0.75rem;
    padding-end: 0.75rem; }
  .ui-padding--y--sm\@xxl.ui-padding--y--sm\@xxl.ui-padding--y--sm\@xxl {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .ui-padding--t--sm\@xxl.ui-padding--t--sm\@xxl.ui-padding--t--sm\@xxl {
    padding-top: 0.75rem; }
  .ui-padding--b--sm\@xxl.ui-padding--b--sm\@xxl.ui-padding--b--sm\@xxl {
    padding-bottom: 0.75rem; }
  .ui-padding--md\@xxl.ui-padding--md\@xxl.ui-padding--md\@xxl {
    padding: 1.5rem; }
  .ui-padding--x--md\@xxl.ui-padding--x--md\@xxl.ui-padding--x--md\@xxl {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .ui-padding--s--md\@xxl.ui-padding--s--md\@xxl.ui-padding--s--md\@xxl {
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -ms-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    padding-start: 1.5rem; }
  .ui-padding--e--md\@xxl.ui-padding--e--md\@xxl.ui-padding--e--md\@xxl {
    -webkit-padding-end: 1.5rem;
    -moz-padding-end: 1.5rem;
    -ms-padding-end: 1.5rem;
    -o-padding-end: 1.5rem;
    padding-end: 1.5rem; }
  .ui-padding--y--md\@xxl.ui-padding--y--md\@xxl.ui-padding--y--md\@xxl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .ui-padding--t--md\@xxl.ui-padding--t--md\@xxl.ui-padding--t--md\@xxl {
    padding-top: 1.5rem; }
  .ui-padding--b--md\@xxl.ui-padding--b--md\@xxl.ui-padding--b--md\@xxl {
    padding-bottom: 1.5rem; }
  .ui-padding--lg\@xxl.ui-padding--lg\@xxl.ui-padding--lg\@xxl {
    padding: 2rem; }
  .ui-padding--x--lg\@xxl.ui-padding--x--lg\@xxl.ui-padding--x--lg\@xxl {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ui-padding--s--lg\@xxl.ui-padding--s--lg\@xxl.ui-padding--s--lg\@xxl {
    -webkit-padding-start: 2rem;
    -moz-padding-start: 2rem;
    -ms-padding-start: 2rem;
    -o-padding-start: 2rem;
    padding-start: 2rem; }
  .ui-padding--e--lg\@xxl.ui-padding--e--lg\@xxl.ui-padding--e--lg\@xxl {
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -ms-padding-end: 2rem;
    -o-padding-end: 2rem;
    padding-end: 2rem; }
  .ui-padding--y--lg\@xxl.ui-padding--y--lg\@xxl.ui-padding--y--lg\@xxl {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .ui-padding--t--lg\@xxl.ui-padding--t--lg\@xxl.ui-padding--t--lg\@xxl {
    padding-top: 2rem; }
  .ui-padding--b--lg\@xxl.ui-padding--b--lg\@xxl.ui-padding--b--lg\@xxl {
    padding-bottom: 2rem; }
  .ui-padding--xl\@xxl.ui-padding--xl\@xxl.ui-padding--xl\@xxl {
    padding: 3rem; }
  .ui-padding--x--xl\@xxl.ui-padding--x--xl\@xxl.ui-padding--x--xl\@xxl {
    padding-left: 3rem;
    padding-right: 3rem; }
  .ui-padding--s--xl\@xxl.ui-padding--s--xl\@xxl.ui-padding--s--xl\@xxl {
    -webkit-padding-start: 3rem;
    -moz-padding-start: 3rem;
    -ms-padding-start: 3rem;
    -o-padding-start: 3rem;
    padding-start: 3rem; }
  .ui-padding--e--xl\@xxl.ui-padding--e--xl\@xxl.ui-padding--e--xl\@xxl {
    -webkit-padding-end: 3rem;
    -moz-padding-end: 3rem;
    -ms-padding-end: 3rem;
    -o-padding-end: 3rem;
    padding-end: 3rem; }
  .ui-padding--y--xl\@xxl.ui-padding--y--xl\@xxl.ui-padding--y--xl\@xxl {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .ui-padding--t--xl\@xxl.ui-padding--t--xl\@xxl.ui-padding--t--xl\@xxl {
    padding-top: 3rem; }
  .ui-padding--b--xl\@xxl.ui-padding--b--xl\@xxl.ui-padding--b--xl\@xxl {
    padding-bottom: 3rem; } }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

.no-select {
  user-select: none; }

.circle {
  border-radius: 50%; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

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

.no-padding {
  padding: 0 !important; }

.w-100 {
  width: 100%; }

.ui-grid {
  --gutter: 8px;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  grid-gap: var(--gutter); }
  .ui-grid--auto {
    grid-template-columns: repeat(auto-fill, minmax(2rem, 1fr)); }
  .ui-grid--xs {
    grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr)); }
  .ui-grid--sm {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }
  .ui-grid--md {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
  .ui-grid--lg {
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }
  .ui-grid--xl {
    grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); }

.ui-grid {
  --gutter: 8px;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  grid-gap: var(--gutter); }
  .ui-grid--auto {
    grid-template-columns: repeat(auto-fill, minmax(2rem, 1fr)); }
  .ui-grid--xs {
    grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr)); }
  .ui-grid--sm {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }
  .ui-grid--md {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
  .ui-grid--lg {
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }
  .ui-grid--xl {
    grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); }

.ui-flex, .ui-row, .ui-menu__bar__wrapper, .ui-menu__bar__wrapper .ui-menu__group__container {
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  flex-flow: row wrap; }
  .ui-flex--inline {
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex; }
  .ui-flex--vertical, .ui-row--vertical {
    flex-flow: column wrap; }

.ui-flex {
  align-items: stretch;
  justify-content: stretch; }

.ui-container {
  --gutter: 8px;
  display: block; }
  .ui-container::after, .ui-container::before {
    clear: both;
    content: "";
    display: table; }
  .ui-container--fluid {
    max-width: none;
    padding: var(--gutter); }
  .ui-container:not(.ui-container--fluid) {
    margin-left: auto;
    margin-right: auto; }

.ui-row {
  margin: calc(-0.5 * var(--gutter)); }
  .ui-row + .ui-row {
    margin-top: calc(0.5 * var(--gutter)); }
  .ui-row--reverse {
    flex-direction: row-reverse; }
  .ui-row--vertical--reverse {
    flex-direction: column-reverse; }
  .ui-row--nowrap {
    flex-wrap: nowrap; }
  .ui-row--stretch {
    align-items: stretch; }
  .ui-row--top {
    align-items: flex-start; }
  .ui-row--bottom {
    align-items: flex-end; }
  .ui-row--middle {
    align-items: center; }
  .ui-row--start {
    justify-content: flex-start; }
  .ui-row--end {
    justify-content: flex-end; }
  .ui-row--center {
    justify-content: center; }
  .ui-row--spaced {
    justify-content: space-between; }
  .ui-row--even {
    justify-content: space-evenly; }
  .ui-row--around {
    justify-content: space-around; }

.ui-col {
  flex: 0 0 calc(100% - var(--gutter));
  margin: calc(0.5 * var(--gutter)); }
  .ui-col--auto, .ui-row--auto > .ui-col {
    flex: 0 0 auto; }
  .ui-col--fill {
    flex: 1 1 1rem; }
  .ui-col--auto-fill {
    flex: 1 0 auto; }
  .ui-col--stretch {
    align-self: stretch; }
  .ui-col--top {
    align-self: flex-start; }
  .ui-col--bottom {
    align-self: flex-end; }
  .ui-col--middle {
    align-self: center; }
  .ui-col.content-stretch > :first-child {
    height: calc(100%); }
  .ui-col--1 {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2 {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3 {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4 {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5 {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6 {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7 {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8 {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9 {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10 {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11 {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12 {
    flex: 0 0 calc(100% - var(--gutter)); }

.ui-gutter {
  --gutter: 8px; }
  .ui-gutter--0 {
    --gutter: 0px; }
  .ui-gutter--xs {
    --gutter: 2px; }
  .ui-gutter--sm {
    --gutter: 4px; }
  .ui-gutter--md {
    --gutter: 16px; }
  .ui-gutter--lg {
    --gutter: 24px; }

@media only screen and (min-width: 320px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 100%; }
  .ui-col--1\@xs {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@xs {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@xs {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@xs {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@xs {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@xs {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@xs {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@xs {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@xs {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@xs {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@xs {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@xs {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@xs {
    flex: 0 0 auto; }
  .ui-col--fill\@xs {
    flex: 1 1 1rem; }
  .ui-col--stretch\@xs {
    align-self: stretch; }
  .ui-col--top\@xs {
    align-self: flex-start; }
  .ui-col--bottom\@xs {
    align-self: flex-end; }
  .ui-col--middle\@xs {
    align-self: center; }
  .ui-hide--up\@xs {
    display: none; }
  .ui-show--down\@xs {
    display: none; } }

@media only screen and (max-width: 320px) {
  .ui-hide--down\@xs {
    display: none; }
  .ui-show--up\@xs {
    display: none; } }

@media only screen and (min-width: 480px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 448px; }
  .ui-col--1\@sm {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@sm {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@sm {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@sm {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@sm {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@sm {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@sm {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@sm {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@sm {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@sm {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@sm {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@sm {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@sm {
    flex: 0 0 auto; }
  .ui-col--fill\@sm {
    flex: 1 1 1rem; }
  .ui-col--stretch\@sm {
    align-self: stretch; }
  .ui-col--top\@sm {
    align-self: flex-start; }
  .ui-col--bottom\@sm {
    align-self: flex-end; }
  .ui-col--middle\@sm {
    align-self: center; }
  .ui-hide--up\@sm {
    display: none; }
  .ui-show--down\@sm {
    display: none; } }

@media only screen and (max-width: 480px) {
  .ui-hide--down\@sm {
    display: none; }
  .ui-show--up\@sm {
    display: none; } }

@media only screen and (min-width: 768px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 736px; }
  .ui-col--1\@md {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@md {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@md {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@md {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@md {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@md {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@md {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@md {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@md {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@md {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@md {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@md {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@md {
    flex: 0 0 auto; }
  .ui-col--fill\@md {
    flex: 1 1 1rem; }
  .ui-col--stretch\@md {
    align-self: stretch; }
  .ui-col--top\@md {
    align-self: flex-start; }
  .ui-col--bottom\@md {
    align-self: flex-end; }
  .ui-col--middle\@md {
    align-self: center; }
  .ui-hide--up\@md {
    display: none; }
  .ui-show--down\@md {
    display: none; } }

@media only screen and (max-width: 768px) {
  .ui-hide--down\@md {
    display: none; }
  .ui-show--up\@md {
    display: none; } }

@media only screen and (min-width: 1024px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 992px; }
  .ui-col--1\@lg {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@lg {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@lg {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@lg {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@lg {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@lg {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@lg {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@lg {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@lg {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@lg {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@lg {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@lg {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@lg {
    flex: 0 0 auto; }
  .ui-col--fill\@lg {
    flex: 1 1 1rem; }
  .ui-col--stretch\@lg {
    align-self: stretch; }
  .ui-col--top\@lg {
    align-self: flex-start; }
  .ui-col--bottom\@lg {
    align-self: flex-end; }
  .ui-col--middle\@lg {
    align-self: center; }
  .ui-hide--up\@lg {
    display: none; }
  .ui-show--down\@lg {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .ui-hide--down\@lg {
    display: none; }
  .ui-show--up\@lg {
    display: none; } }

@media only screen and (min-width: 1280px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 1248px; }
  .ui-col--1\@xl {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@xl {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@xl {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@xl {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@xl {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@xl {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@xl {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@xl {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@xl {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@xl {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@xl {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@xl {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@xl {
    flex: 0 0 auto; }
  .ui-col--fill\@xl {
    flex: 1 1 1rem; }
  .ui-col--stretch\@xl {
    align-self: stretch; }
  .ui-col--top\@xl {
    align-self: flex-start; }
  .ui-col--bottom\@xl {
    align-self: flex-end; }
  .ui-col--middle\@xl {
    align-self: center; }
  .ui-hide--up\@xl {
    display: none; }
  .ui-show--down\@xl {
    display: none; } }

@media only screen and (max-width: 1280px) {
  .ui-hide--down\@xl {
    display: none; }
  .ui-show--up\@xl {
    display: none; } }

@media only screen and (min-width: 1536px) {
  .ui-container:not(.ui-container--fluid) {
    max-width: 1504px; }
  .ui-col--1\@xxl {
    flex: 0 0 calc(8.33333% - var(--gutter)); }
  .ui-col--2\@xxl {
    flex: 0 0 calc(16.66667% - var(--gutter)); }
  .ui-col--3\@xxl {
    flex: 0 0 calc(25% - var(--gutter)); }
  .ui-col--4\@xxl {
    flex: 0 0 calc(33.33333% - var(--gutter)); }
  .ui-col--5\@xxl {
    flex: 0 0 calc(41.66667% - var(--gutter)); }
  .ui-col--6\@xxl {
    flex: 0 0 calc(50% - var(--gutter)); }
  .ui-col--7\@xxl {
    flex: 0 0 calc(58.33333% - var(--gutter)); }
  .ui-col--8\@xxl {
    flex: 0 0 calc(66.66667% - var(--gutter)); }
  .ui-col--9\@xxl {
    flex: 0 0 calc(75% - var(--gutter)); }
  .ui-col--10\@xxl {
    flex: 0 0 calc(83.33333% - var(--gutter)); }
  .ui-col--11\@xxl {
    flex: 0 0 calc(91.66667% - var(--gutter)); }
  .ui-col--12\@xxl {
    flex: 0 0 calc(100% - var(--gutter)); }
  .ui-col--auto\@xxl {
    flex: 0 0 auto; }
  .ui-col--fill\@xxl {
    flex: 1 1 1rem; }
  .ui-col--stretch\@xxl {
    align-self: stretch; }
  .ui-col--top\@xxl {
    align-self: flex-start; }
  .ui-col--bottom\@xxl {
    align-self: flex-end; }
  .ui-col--middle\@xxl {
    align-self: center; }
  .ui-hide--up\@xxl {
    display: none; }
  .ui-show--down\@xxl {
    display: none; } }

@media only screen and (max-width: 1536px) {
  .ui-hide--down\@xxl {
    display: none; }
  .ui-show--up\@xxl {
    display: none; } }

.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.row:after {
  content: "";
  display: table;
  clear: both; }

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
  margin-left: auto;
  left: auto;
  right: auto; }
  .row .col.s1 {
    width: calc(100% / 12 * 1); }
  .row .col.s2 {
    width: calc(100% / 12 * 2); }
  .row .col.s3 {
    width: calc(100% / 12 * 3); }
  .row .col.s4 {
    width: calc(100% / 12 * 4); }
  .row .col.s5 {
    width: calc(100% / 12 * 5); }
  .row .col.s6 {
    width: calc(100% / 12 * 6); }
  .row .col.s7 {
    width: calc(100% / 12 * 7); }
  .row .col.s8 {
    width: calc(100% / 12 * 8); }
  .row .col.s9 {
    width: calc(100% / 12 * 9); }
  .row .col.s10 {
    width: calc(100% / 12 * 10); }
  .row .col.s11 {
    width: calc(100% / 12 * 11); }
  .row .col.s12 {
    width: calc(100% / 12 * 12); }
  .row .col.offset-s1 {
    margin-left: 8.33333%; }
  .row .col.pull-s1 {
    right: 8.33333%; }
  .row .col.push-s1 {
    left: 8.33333%; }
  .row .col.offset-m1 {
    margin-left: 8.33333%; }
  .row .col.pull-m1 {
    right: 8.33333%; }
  .row .col.push-m1 {
    left: 8.33333%; }
  .row .col.offset-l1 {
    margin-left: 8.33333%; }
  .row .col.pull-l1 {
    right: 8.33333%; }
  .row .col.push-l1 {
    left: 8.33333%; }
  .row .col.offset-xl1 {
    margin-left: 8.33333%; }
  .row .col.pull-xl1 {
    right: 8.33333%; }
  .row .col.push-xl1 {
    left: 8.33333%; }
  .row .col.offset-s2 {
    margin-left: 16.66667%; }
  .row .col.pull-s2 {
    right: 16.66667%; }
  .row .col.push-s2 {
    left: 16.66667%; }
  .row .col.offset-m2 {
    margin-left: 16.66667%; }
  .row .col.pull-m2 {
    right: 16.66667%; }
  .row .col.push-m2 {
    left: 16.66667%; }
  .row .col.offset-l2 {
    margin-left: 16.66667%; }
  .row .col.pull-l2 {
    right: 16.66667%; }
  .row .col.push-l2 {
    left: 16.66667%; }
  .row .col.offset-xl2 {
    margin-left: 16.66667%; }
  .row .col.pull-xl2 {
    right: 16.66667%; }
  .row .col.push-xl2 {
    left: 16.66667%; }
  .row .col.offset-s3 {
    margin-left: 25%; }
  .row .col.pull-s3 {
    right: 25%; }
  .row .col.push-s3 {
    left: 25%; }
  .row .col.offset-m3 {
    margin-left: 25%; }
  .row .col.pull-m3 {
    right: 25%; }
  .row .col.push-m3 {
    left: 25%; }
  .row .col.offset-l3 {
    margin-left: 25%; }
  .row .col.pull-l3 {
    right: 25%; }
  .row .col.push-l3 {
    left: 25%; }
  .row .col.offset-xl3 {
    margin-left: 25%; }
  .row .col.pull-xl3 {
    right: 25%; }
  .row .col.push-xl3 {
    left: 25%; }
  .row .col.offset-s4 {
    margin-left: 33.33333%; }
  .row .col.pull-s4 {
    right: 33.33333%; }
  .row .col.push-s4 {
    left: 33.33333%; }
  .row .col.offset-m4 {
    margin-left: 33.33333%; }
  .row .col.pull-m4 {
    right: 33.33333%; }
  .row .col.push-m4 {
    left: 33.33333%; }
  .row .col.offset-l4 {
    margin-left: 33.33333%; }
  .row .col.pull-l4 {
    right: 33.33333%; }
  .row .col.push-l4 {
    left: 33.33333%; }
  .row .col.offset-xl4 {
    margin-left: 33.33333%; }
  .row .col.pull-xl4 {
    right: 33.33333%; }
  .row .col.push-xl4 {
    left: 33.33333%; }
  .row .col.offset-s5 {
    margin-left: 41.66667%; }
  .row .col.pull-s5 {
    right: 41.66667%; }
  .row .col.push-s5 {
    left: 41.66667%; }
  .row .col.offset-m5 {
    margin-left: 41.66667%; }
  .row .col.pull-m5 {
    right: 41.66667%; }
  .row .col.push-m5 {
    left: 41.66667%; }
  .row .col.offset-l5 {
    margin-left: 41.66667%; }
  .row .col.pull-l5 {
    right: 41.66667%; }
  .row .col.push-l5 {
    left: 41.66667%; }
  .row .col.offset-xl5 {
    margin-left: 41.66667%; }
  .row .col.pull-xl5 {
    right: 41.66667%; }
  .row .col.push-xl5 {
    left: 41.66667%; }
  .row .col.offset-s6 {
    margin-left: 50%; }
  .row .col.pull-s6 {
    right: 50%; }
  .row .col.push-s6 {
    left: 50%; }
  .row .col.offset-m6 {
    margin-left: 50%; }
  .row .col.pull-m6 {
    right: 50%; }
  .row .col.push-m6 {
    left: 50%; }
  .row .col.offset-l6 {
    margin-left: 50%; }
  .row .col.pull-l6 {
    right: 50%; }
  .row .col.push-l6 {
    left: 50%; }
  .row .col.offset-xl6 {
    margin-left: 50%; }
  .row .col.pull-xl6 {
    right: 50%; }
  .row .col.push-xl6 {
    left: 50%; }
  .row .col.offset-s7 {
    margin-left: 58.33333%; }
  .row .col.pull-s7 {
    right: 58.33333%; }
  .row .col.push-s7 {
    left: 58.33333%; }
  .row .col.offset-m7 {
    margin-left: 58.33333%; }
  .row .col.pull-m7 {
    right: 58.33333%; }
  .row .col.push-m7 {
    left: 58.33333%; }
  .row .col.offset-l7 {
    margin-left: 58.33333%; }
  .row .col.pull-l7 {
    right: 58.33333%; }
  .row .col.push-l7 {
    left: 58.33333%; }
  .row .col.offset-xl7 {
    margin-left: 58.33333%; }
  .row .col.pull-xl7 {
    right: 58.33333%; }
  .row .col.push-xl7 {
    left: 58.33333%; }
  .row .col.offset-s8 {
    margin-left: 66.66667%; }
  .row .col.pull-s8 {
    right: 66.66667%; }
  .row .col.push-s8 {
    left: 66.66667%; }
  .row .col.offset-m8 {
    margin-left: 66.66667%; }
  .row .col.pull-m8 {
    right: 66.66667%; }
  .row .col.push-m8 {
    left: 66.66667%; }
  .row .col.offset-l8 {
    margin-left: 66.66667%; }
  .row .col.pull-l8 {
    right: 66.66667%; }
  .row .col.push-l8 {
    left: 66.66667%; }
  .row .col.offset-xl8 {
    margin-left: 66.66667%; }
  .row .col.pull-xl8 {
    right: 66.66667%; }
  .row .col.push-xl8 {
    left: 66.66667%; }
  .row .col.offset-s9 {
    margin-left: 75%; }
  .row .col.pull-s9 {
    right: 75%; }
  .row .col.push-s9 {
    left: 75%; }
  .row .col.offset-m9 {
    margin-left: 75%; }
  .row .col.pull-m9 {
    right: 75%; }
  .row .col.push-m9 {
    left: 75%; }
  .row .col.offset-l9 {
    margin-left: 75%; }
  .row .col.pull-l9 {
    right: 75%; }
  .row .col.push-l9 {
    left: 75%; }
  .row .col.offset-xl9 {
    margin-left: 75%; }
  .row .col.pull-xl9 {
    right: 75%; }
  .row .col.push-xl9 {
    left: 75%; }
  .row .col.offset-s10 {
    margin-left: 83.33333%; }
  .row .col.pull-s10 {
    right: 83.33333%; }
  .row .col.push-s10 {
    left: 83.33333%; }
  .row .col.offset-m10 {
    margin-left: 83.33333%; }
  .row .col.pull-m10 {
    right: 83.33333%; }
  .row .col.push-m10 {
    left: 83.33333%; }
  .row .col.offset-l10 {
    margin-left: 83.33333%; }
  .row .col.pull-l10 {
    right: 83.33333%; }
  .row .col.push-l10 {
    left: 83.33333%; }
  .row .col.offset-xl10 {
    margin-left: 83.33333%; }
  .row .col.pull-xl10 {
    right: 83.33333%; }
  .row .col.push-xl10 {
    left: 83.33333%; }
  .row .col.offset-s11 {
    margin-left: 91.66667%; }
  .row .col.pull-s11 {
    right: 91.66667%; }
  .row .col.push-s11 {
    left: 91.66667%; }
  .row .col.offset-m11 {
    margin-left: 91.66667%; }
  .row .col.pull-m11 {
    right: 91.66667%; }
  .row .col.push-m11 {
    left: 91.66667%; }
  .row .col.offset-l11 {
    margin-left: 91.66667%; }
  .row .col.pull-l11 {
    right: 91.66667%; }
  .row .col.push-l11 {
    left: 91.66667%; }
  .row .col.offset-xl11 {
    margin-left: 91.66667%; }
  .row .col.pull-xl11 {
    right: 91.66667%; }
  .row .col.push-xl11 {
    left: 91.66667%; }
  .row .col.offset-s12 {
    margin-left: 100%; }
  .row .col.pull-s12 {
    right: 100%; }
  .row .col.push-s12 {
    left: 100%; }
  .row .col.offset-m12 {
    margin-left: 100%; }
  .row .col.pull-m12 {
    right: 100%; }
  .row .col.push-m12 {
    left: 100%; }
  .row .col.offset-l12 {
    margin-left: 100%; }
  .row .col.pull-l12 {
    right: 100%; }
  .row .col.push-l12 {
    left: 100%; }
  .row .col.offset-xl12 {
    margin-left: 100%; }
  .row .col.pull-xl12 {
    right: 100%; }
  .row .col.push-xl12 {
    left: 100%; }

@media only screen and (min-width: 768px) {
  .row .col.m1 {
    width: calc(100% / 12 * 1); }
  .row .col.m2 {
    width: calc(100% / 12 * 2); }
  .row .col.m3 {
    width: calc(100% / 12 * 3); }
  .row .col.m4 {
    width: calc(100% / 12 * 4); }
  .row .col.m5 {
    width: calc(100% / 12 * 5); }
  .row .col.m6 {
    width: calc(100% / 12 * 6); }
  .row .col.m7 {
    width: calc(100% / 12 * 7); }
  .row .col.m8 {
    width: calc(100% / 12 * 8); }
  .row .col.m9 {
    width: calc(100% / 12 * 9); }
  .row .col.m10 {
    width: calc(100% / 12 * 10); }
  .row .col.m11 {
    width: calc(100% / 12 * 11); }
  .row .col.m12 {
    width: calc(100% / 12 * 12); } }

@media only screen and (min-width: 1024px) {
  .row .col.l1 {
    width: calc(100% / 12 * 1); }
  .row .col.l2 {
    width: calc(100% / 12 * 2); }
  .row .col.l3 {
    width: calc(100% / 12 * 3); }
  .row .col.l4 {
    width: calc(100% / 12 * 4); }
  .row .col.l5 {
    width: calc(100% / 12 * 5); }
  .row .col.l6 {
    width: calc(100% / 12 * 6); }
  .row .col.l7 {
    width: calc(100% / 12 * 7); }
  .row .col.l8 {
    width: calc(100% / 12 * 8); }
  .row .col.l9 {
    width: calc(100% / 12 * 9); }
  .row .col.l10 {
    width: calc(100% / 12 * 10); }
  .row .col.l11 {
    width: calc(100% / 12 * 11); }
  .row .col.l12 {
    width: calc(100% / 12 * 12); } }

@media only screen and (min-width: 1280px) {
  .row .col.xl1 {
    width: calc(100% / 12 * 1); }
  .row .col.xl2 {
    width: calc(100% / 12 * 2); }
  .row .col.xl3 {
    width: calc(100% / 12 * 3); }
  .row .col.xl4 {
    width: calc(100% / 12 * 4); }
  .row .col.xl5 {
    width: calc(100% / 12 * 5); }
  .row .col.xl6 {
    width: calc(100% / 12 * 6); }
  .row .col.xl7 {
    width: calc(100% / 12 * 7); }
  .row .col.xl8 {
    width: calc(100% / 12 * 8); }
  .row .col.xl9 {
    width: calc(100% / 12 * 9); }
  .row .col.xl10 {
    width: calc(100% / 12 * 10); }
  .row .col.xl11 {
    width: calc(100% / 12 * 11); }
  .row .col.xl12 {
    width: calc(100% / 12 * 12); } }

@media only screen and (max-width: 480px) {
  .hide-on-small-only,
  .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-on-med-and-down {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .hide-on-med-only {
    display: none !important; } }

@media only screen and (min-width: 1024px) {
  .hide-on-large-only {
    display: none !important; } }

@media only screen and (min-width: 1280px) {
  .hide-on-extra-large-only {
    display: none !important; } }

@media only screen and (min-width: 1280px) {
  .show-on-extra-large {
    display: block !important; } }

@media only screen and (min-width: 1024px) {
  .show-on-large {
    display: block !important; } }

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .show-on-medium {
    display: block !important; } }

@media only screen and (max-width: 480px) {
  .show-on-small {
    display: block !important; } }

@media only screen and (min-width: 768px) {
  .show-on-medium-and-up {
    display: block !important; } }

@media only screen and (max-width: 768px) {
  .show-on-medium-and-down {
    display: block !important; } }

@media only screen and (max-width: 480px) {
  .center-on-small-only {
    text-align: center; } }

.ui-progress-ring__circle {
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%; }

.lds-ring {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 80px; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 4px;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s; }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s; }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

nav {
  box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2) !important;
  height: 60px !important; }
  nav .nav-wrapper .brand-logo {
    height: 60px;
    position: absolute;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    left: unset;
    transform: none; }
    nav .nav-wrapper .brand-logo img {
      height: 50px;
      margin-top: 5px; }
  nav .nav-wrapper .brand-settings {
    height: 60px;
    display: flex;
    align-items: center;
    margin: 0; }
    nav .nav-wrapper .brand-settings > * {
      height: 100%;
      padding-left: 2.5px;
      padding-right: 2.5px; }
      nav .nav-wrapper .brand-settings > *:last-child {
        padding-right: 0; }
      nav .nav-wrapper .brand-settings > * > * {
        height: 100%; }
      nav .nav-wrapper .brand-settings > *:hover {
        background-color: rgba(198, 201, 202, 0.5);
        box-shadow: inset 0 1px 2px rgba(16, 22, 26, 0.2); }
    nav .nav-wrapper .brand-settings__button {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 5px; }
      nav .nav-wrapper .brand-settings__button > i {
        display: flex;
        align-items: center;
        justify-content: center; }

div.profile {
  height: 100%;
  font-size: 16px;
  margin-left: 20px;
  float: left; }
  div.profile > a {
    height: 100%;
    padding: 0 10px; }
    div.profile > a > * {
      height: 100%; }
    div.profile > a > img {
      border-radius: 50%;
      height: 40px; }
    div.profile > a > span {
      display: flex;
      align-items: center;
      margin-left: 10px; }
    div.profile > a > i {
      height: 100%;
      line-height: 60px;
      margin: 0; }

div.help i {
  font-size: 35px; }

div.help a:hover {
  display: block;
  width: auto; }

.navbar li ui-menu-item:hover i,
.navbar li ui-menu-item:hover ui-icon,
.navbar li ui-menu-item:hover span, .navbar li ui-menu-item li.active span,
.navbar li ui-menu-item li.active i,
.navbar li ui-menu-item li.active ui-icon,
.navbar li ui-menu-item a.active span,
.navbar li ui-menu-item a.active i,
.navbar li ui-menu-item a.active ui-icon, .navbar li.active > span,
.navbar li.active > i,
.navbar li.active > ui-icon, .navbar li div.collapsible-header:hover i,
.navbar li div.collapsible-header:hover span {
  color: var(--navbar-active-text-color);
  font-weight: 700; }

ui-tab-router-view #router-tabs-list, .navbar {
  -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }

ui-navbar-menu-item li.active,
ui-navbar-menu-item div.active {
  font-size: medium;
  font-weight: 900; }

.navbar {
  background: var(--navbar-background);
  height: 100%;
  font-family: "Nunito Sans", sans-serif;
  display: flex;
  flex-direction: column; }
  .navbar .navbar__menu {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-around;
    gap: 15px; }
    .navbar .navbar__menu .navbar__menu__top > ul,
    .navbar .navbar__menu .navbar__menu__bottom > ul {
      margin: 0; }
    .navbar .navbar__menu .navbar__btn {
      flex-grow: 0;
      flex-shrink: 0;
      padding-right: 0.5rem;
      margin-bottom: 5px;
      margin-top: 5px; }
      .navbar .navbar__menu .navbar__btn .ui-menu-toggle-btn {
        transition: all 0.25s ease; }
        .navbar .navbar__menu .navbar__btn .ui-menu-toggle-btn i {
          font-size: 30px; }
        .navbar .navbar__menu .navbar__btn .ui-menu-toggle-btn > a > i:first-child {
          width: 7px; }
        .condensed:not(.ui-navbar-menu-hover) .navbar .navbar__menu .navbar__btn .ui-menu-toggle-btn {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
  .navbar li.active > div.collapsible-header:before {
    border-style: none solid solid none;
    border-color: transparent var(--navbar-text-color) var(--navbar-text-color) transparent;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .navbar li.active > div.collapsible-header:not(.no-content):before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  .navbar li.active > div.collapsible-header:hover:before {
    border-style: none solid solid none;
    border-color: transparent var(--navbar-active-text-color) var(--navbar-active-text-color) transparent; }
  .navbar li div.separator.blank {
    height: 45px; }
  .navbar li div.separator.line {
    margin: 0 5px;
    border-bottom: 2px solid var(--navbar-separator-color); }
  .navbar li div.collapsible-header {
    height: 45px;
    border: none;
    font-weight: 600;
    background-color: transparent;
    padding: 12px 32px 12px 22px;
    align-items: center; }
    .navbar li div.collapsible-header ui-icon {
      width: 24px;
      font-size: 18px;
      margin-right: 20px; }
    .navbar li div.collapsible-header:hover:not(.no-content):before {
      border-style: solid solid none none;
      border-color: var(--navbar-active-text-color) var(--navbar-active-text-color) transparent transparent; }
    .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header i,
    .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header ui-icon {
      margin-right: 0; }
      .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header i.right,
      .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header ui-icon.right {
        margin-left: 5px; }
    .navbar li div.collapsible-header:not(.no-content):before {
      content: "";
      position: absolute;
      top: 18px;
      right: 18px;
      width: 8px;
      height: 8px;
      border-style: solid solid none none;
      border-width: 1px;
      border-color: var(--navbar-text-color) var(--navbar-text-color) transparent transparent;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all 0.25s ease; }
    .navbar li div.collapsible-header.no-content > a {
      display: flex;
      justify-content: center;
      align-items: center; }
      .navbar li div.collapsible-header.no-content > a > span {
        vertical-align: middle;
        display: inline-block; }
        .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header.no-content > a > span {
          display: none; }
    .navbar li div.collapsible-header span {
      flex-grow: 1;
      margin-top: auto; }
      .condensed:not(.ui-navbar-menu-hover) .navbar li div.collapsible-header span {
        display: none; }
    .navbar li div.collapsible-header i,
    .navbar li div.collapsible-header span {
      font-weight: 600; }
  .navbar ul.collapsible {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: #607d8b;
    display: inline-block;
    font-size: 14px;
    position: relative;
    width: 100%; }
  .navbar div.collapsible-body {
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 0; }
    .navbar div.collapsible-body ui-navbar-menu-item > li {
      padding-left: 80px; }
      .navbar div.collapsible-body ui-navbar-menu-item > li > a > span {
        line-height: 36px; }
      .navbar div.collapsible-body ui-navbar-menu-item > li.sub-group {
        padding-left: 0; }
        .navbar div.collapsible-body ui-navbar-menu-item > li.sub-group div.collapsible-header {
          padding-left: 60px; }
        .navbar div.collapsible-body ui-navbar-menu-item > li.sub-group > div.collapsible-body li {
          padding-left: 70px; }
      .navbar div.collapsible-body ui-navbar-menu-item > li.sub-group:hover {
        background-color: initial; }

.ui-menu {
  display: block;
  min-width: 4em; }
  .ui-menu__group {
    border: 0;
    flex: 0 0 auto;
    margin: 0 0 4px;
    padding: 0 0 4px;
    position: relative; }
    .ui-menu__group__container > .ui-menu__item {
      border: 0; }
    .ui-menu__group__label {
      font-size: 0.85em;
      padding: 10px;
      width: 100%; }
    .ui-menu__group--collapsible .ui-menu__group__label {
      width: calc(100% - 1em); }
    .ui-menu__group--collapsible .ui-menu__group__label::after {
      content: "\25BE";
      float: right; }
      [dir="rtl"] .ui-menu__group--collapsible .ui-menu__group__label::after {
        float: left; }
    .ui-menu__group--collapsible[data-collapsed="true"] .ui-menu__group__container {
      margin-top: 0.5em;
      max-height: 0;
      overflow: hidden; }
    .ui-menu__group--collapsible[data-collapsed="true"] .ui-menu__group__label::after {
      content: "\25B8"; }
    .ui-menu__group::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .ui-menu__group:last-child::after {
      display: none; }
  .ui-menu__item {
    border-width: 1px 0;
    display: grid;
    flex: 0 0 auto;
    grid-template-areas: "link caret";
    grid-template-columns: 1fr auto;
    min-width: 4em;
    overflow: hidden; }
    .ui-menu__item__link {
      align-items: center;
      display: grid;
      grid-area: link;
      grid-template-areas: "icon label badge caret";
      grid-template-columns: auto 1fr auto auto;
      padding: 0.5rem 1rem;
      font-size: 1em; }
      .ui-menu__item__link:hover .ui-icon {
        color: inherit; }
      .ui-menu__item__link[data-disabled="true"] {
        pointer-events: none; }
    .ui-menu__item .ui-badge {
      grid-area: badge;
      line-height: 1.2em; }
    .ui-menu__item__label {
      grid-area: label;
      padding-left: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ui-menu__item__icon {
      grid-area: icon; }
    .ui-menu__item__caret {
      grid-area: caret; }
      .ui-menu__item__caret--split {
        padding: 0.35em 0.5em; }
        .ui-menu__item__caret--split .ui-icon {
          vertical-align: middle; }
        .ui-menu__item__caret--split[data-open="true"], .ui-menu__item__caret--split:active {
          transition: background-color 0.5s; }
      [dir="rtl"] .ui-menu__item__caret {
        transform: scaleX(-1); }
  .ui-menu__overflow {
    align-self: flex-end; }
  .ui-menu .ui-divider {
    display: block; }
  .ui-menu__bar {
    align-content: space-between;
    display: grid;
    grid-template-columns: 1fr auto;
    position: relative; }
    .ui-menu__bar::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .ui-menu__bar__wrapper {
      align-items: flex-end;
      flex-flow: row nowrap;
      overflow: hidden; }
      .ui-menu__bar__wrapper .ui-divider {
        align-self: stretch; }
      .ui-menu__bar__wrapper .ui-menu__item__label {
        padding: 0.25em; }
      .ui-menu__bar__wrapper .ui-menu__item__caret--split {
        padding: 0.25em 0.5em; }
      .ui-menu__bar__wrapper .ui-menu__group {
        align-items: stretch;
        margin: 0;
        padding: 0; }
        .ui-menu__bar__wrapper .ui-menu__group::after {
          display: none; }
        .ui-menu__bar__wrapper .ui-menu__group__label {
          line-height: 1;
          pointer-events: none; }
          .ui-menu__bar__wrapper .ui-menu__group__label .ui-icon {
            display: none; }
        .ui-menu__bar__wrapper .ui-menu__group__container {
          flex-flow: row nowrap; }
          .ui-menu__bar__wrapper .ui-menu__group__container > .ui-divider {
            font-size: 0.8em;
            margin: -0.5em 0 0; }
  .ui-menu.ui-contextmenu {
    min-width: 10em; }

.condensed:not(.ui-navbar-menu-hover) .navbar__btn {
  padding-left: 0.5em;
  margin-left: 0; }

.condensed:not(.ui-navbar-menu-hover) .navbar__menu__item > div {
  width: max-content;
  padding: 0.5em; }

.condensed:not(.ui-navbar-menu-hover) .navbar__menu__item__content__title > ui-icon {
  margin-right: 0; }

.navbar a {
  display: block;
  text-decoration: none; }

.navbar .navbar_arrow {
  font-size: 14px; }

.navbar__btn {
  margin-left: 12px;
  padding-top: 1em; }
  .navbar__btn__burger {
    display: table;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    padding: 12px; }
    .navbar__btn__burger ui-icon {
      display: table-cell;
      vertical-align: middle; }
    .navbar__btn__burger:hover, .navbar__btn__burger.isSelected {
      transition: all 0.4s ease; }

.navbar__menu__item {
  margin-bottom: 10px; }
  .navbar__menu__item > div,
  .navbar__menu__item > a {
    display: block;
    padding: 10px 12px; }
    .navbar__menu__item > div:hover, .navbar__menu__item > div.isSelected,
    .navbar__menu__item > a:hover,
    .navbar__menu__item > a.isSelected {
      border-radius: 10px;
      font-weight: 600; }
  .navbar__menu__item__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px; }
    .navbar__menu__item__content__title {
      font-size: 16px;
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .navbar__menu__item__content__title ui-icon {
        margin-right: 15px;
        margin-top: 4px;
        margin-bottom: 4px; }

.navbar__menu__level2 {
  margin-left: 2em; }
  .navbar__menu__level2__item__content {
    font-size: 14px;
    display: flex;
    justify-content: space-between; }
  .navbar__menu__level2 > li {
    font-size: 14px;
    font-weight: 300; }

.navbar__menu__level3 {
  margin-left: 1em;
  list-style: none; }
  .navbar__menu__level3 > li {
    font-size: 12px; }

.navbar__menu__level2, .navbar__menu__level3 {
  margin-top: 10px; }
  .navbar__menu__level2 li a.isSelected, .navbar__menu__level3 li a.isSelected {
    font-weight: 600; }
  .navbar__menu__level2 li a > div, .navbar__menu__level3 li a > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: white; }
  .navbar__menu__level2 li.navbar__menu__with__child, .navbar__menu__level3 li.navbar__menu__with__child {
    margin-bottom: 10px; }
    .navbar__menu__level2 li.navbar__menu__with__child a:hover, .navbar__menu__level3 li.navbar__menu__with__child a:hover {
      font-weight: 600; }
  .navbar__menu__level2 li.navbar__menu__no__child:hover, .navbar__menu__level3 li.navbar__menu__no__child:hover {
    font-weight: bold; }
    .navbar__menu__level2 li.navbar__menu__no__child:hover > a > div, .navbar__menu__level3 li.navbar__menu__no__child:hover > a > div {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: white; }
  .navbar__menu__level2 li a, .navbar__menu__level3 li a {
    padding: 10px 12px;
    border-radius: 10px; }

.navbar__menu__top, .navbar__menu__bottom {
  padding: 0 0.5em; }

.navbar__menu li > div {
  cursor: pointer; }

.navbar__footer {
  margin-left: 12px;
  padding-bottom: 1em; }

.down {
  animation-name: down_arrow;
  animation-duration: 0.3s; }

.up {
  animation-name: up_arrow;
  animation-duration: 0.3s; }

@keyframes up_arrow {
  0% {
    transform: rotate(-180deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes down_arrow {
  0% {
    transform: rotate(-180deg); }
  100% {
    transform: rotate(0deg); } }

.navbar__menu ul.navbar__menu__level2 {
  padding-left: 15px; }

.animated_menu_level {
  animation-name: menu_appearance;
  animation-duration: 0.5s; }

@keyframes menu_appearance {
  0% {
    opacity: 0;
    transform: translateY(-25px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

ui-pagination > div {
  display: flex;
  justify-content: center; }
  ui-pagination > div > .ui-pagination {
    display: flex;
    flex-direction: row;
    gap: 8px; }
    ui-pagination > div > .ui-pagination > .ui-pagination-el {
      border-radius: 5px;
      min-width: 30px;
      height: 30px; }
      ui-pagination > div > .ui-pagination > .ui-pagination-el.active {
        border-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px; }
        ui-pagination > div > .ui-pagination > .ui-pagination-el.active > .ui-pagination-el--link {
          font-weight: 600; }
      ui-pagination > div > .ui-pagination > .ui-pagination-el > .ui-pagination-el--link {
        font-weight: 600;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }

.ui-panel-base {
  display: grid;
  grid-template-areas: "header" "body" "footer";
  grid-template-rows: auto 1fr auto;
  max-width: 100%;
  overflow: hidden;
  position: relative; }

.ui-drag-handle {
  cursor: grab;
  grid-area: drag-handle;
  width: 16px;
  -webkit-margin-end: -1rem;
  -moz-margin-end: -1rem;
  -ms-margin-end: -1rem;
  -o-margin-end: -1rem;
  margin-end: -1rem; }

.ui-header {
  align-items: center;
  display: grid;
  font-size: 1rem;
  grid-area: header;
  grid-template-areas: "icon title actions";
  grid-template-columns: auto 1fr auto;
  position: relative; }
  .ui-header__title {
    grid-area: title;
    padding: 0.66667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-header__title:first-child {
      -webkit-padding-start: 1rem;
      -moz-padding-start: 1rem;
      -ms-padding-start: 1rem;
      -o-padding-start: 1rem;
      padding-start: 1rem; }
    .ui-header__title:last-child {
      -webkit-padding-end: 1rem;
      -moz-padding-end: 1rem;
      -ms-padding-end: 1rem;
      -o-padding-end: 1rem;
      padding-end: 1rem; }
  .ui-header__icon {
    align-self: center;
    font-size: 1.5em;
    grid-area: icon;
    padding: 0.16667rem 0.5rem; }
    .ui-header__icon > img,
    .ui-header__icon > svg {
      vertical-align: middle; }
  .ui-header__actions {
    align-items: center;
    display: grid;
    grid-area: actions;
    grid-auto-flow: column;
    grid-gap: 0;
    padding: 0 0.5em; }
    .ui-header__actions > .ui-divider {
      margin: 2px 4px; }
  .ui-header::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: ""; }

.ui-footer {
  grid-area: footer;
  position: relative; }
  .ui-footer::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }

.ui-sidebar {
  display: grid;
  grid-area: side-start;
  grid-template-areas: "titlebar" "body";
  grid-template-rows: auto 1fr;
  overflow: hidden;
  position: relative;
  text-align: start;
  transition: max-width 0.5s;
  z-index: 25;
  transform: translate3d(0, 0, 0); }
  .ui-page .ui-sidebar {
    box-shadow: none; }
  .ui-sidebar__titlebar {
    display: grid;
    grid-area: titlebar;
    grid-template-areas: "title action toggler";
    grid-template-columns: 1fr auto auto;
    position: relative; }
    .ui-sidebar__titlebar::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .ui-sidebar__body {
    display: grid;
    grid-area: body;
    grid-template-areas: "head" "content" "foot";
    grid-template-rows: auto 1fr auto;
    overflow: hidden; }
  .ui-sidebar[data-position="end"] {
    grid-area: side-end; }
    .ui-sidebar[data-position="end"] .ui-sidebar__titlebar {
      grid-template-areas: "toggler title";
      grid-template-columns: auto 1fr; }
    .ui-sidebar[data-position="end"] .ui-sidebar__resizer {
      border-radius: 0 4px 4px 0;
      left: 0;
      right: auto; }
      [dir="rtl"] .ui-sidebar[data-position="end"] .ui-sidebar__resizer {
        border-radius: 4px 0 0 4px;
        left: auto;
        right: 0; }
  .ui-sidebar__title {
    grid-area: title;
    padding: 0.5rem 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-sidebar__title:empty {
      display: none; }
  .ui-sidebar__toggler {
    align-self: center;
    cursor: pointer;
    grid-area: toggler;
    line-height: 1;
    padding: 0.5rem; }
    [dir="rtl"] .ui-sidebar__toggler {
      transform: scaleX(-1); }
  .ui-sidebar__action {
    grid-area: action; }
  .ui-sidebar__resizer {
    border-radius: 4px 0 0 4px;
    cursor: col-resize;
    height: 4em;
    opacity: 0.75;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px; }
    .ui-sidebar__resizer:hover {
      opacity: 1; }
    [dir="rtl"] .ui-sidebar__resizer {
      border-radius: 0 4px 4px 0;
      left: 4px;
      right: unset; }
  .ui-sidebar[data-collapsed="true"] {
    max-width: 2rem;
    overflow: visible; }
    .ui-sidebar[data-collapsed="true"] .ui-sidebar__titlebar {
      max-width: 2rem; }
    .ui-sidebar[data-collapsed="true"] .ui-sidebar__title {
      left: 0;
      line-height: 1;
      position: absolute;
      top: 2em;
      transform: rotate(-90deg) translateX(-100%);
      transform-origin: 0 0 0; }
    .ui-sidebar[data-collapsed="true"] .ui-sidebar__action {
      display: none; }
    .ui-sidebar[data-collapsed="true"] .ui-sidebar__body {
      position: fixed;
      bottom: 0;
      top: 0;
      background: inherit;
      grid-area: unset;
      left: 2rem;
      transform: translateX(calc(-100% - 2rem)); }
    .ui-sidebar[data-collapsed="true"] .ui-sidebar__resizer {
      display: none; }
    .ui-sidebar[data-collapsed="true"][data-position="end"] .ui-sidebar__title {
      transform: rotate(90deg); }
    .ui-sidebar[data-collapsed="true"][data-position="end"] .ui-sidebar__body {
      left: auto;
      right: 2rem;
      transform: translateX(calc(100% + 2rem)); }
    .ui-sidebar[data-collapsed="true"][data-peek="true"] .ui-sidebar__body {
      transform: translateX(0);
      transition: transform 0.5s;
      z-index: 24; }
    [dir="rtl"] .ui-sidebar[data-collapsed="true"] .ui-sidebar__title {
      left: -2em; }
    [dir="rtl"] .ui-sidebar[data-collapsed="true"] .ui-sidebar__body {
      left: auto;
      right: 2rem;
      transform: translateX(calc(100% + 2rem)); }
    [dir="rtl"] .ui-sidebar[data-collapsed="true"][data-position="end"] .ui-sidebar__title {
      left: 2em; }
    [dir="rtl"] .ui-sidebar[data-collapsed="true"][data-position="end"] .ui-sidebar__body {
      left: calc(2rem - 2px);
      right: auto;
      transform: translateX(calc(-100% - 2rem)); }
    [dir="rtl"] .ui-sidebar[data-collapsed="true"][data-peek="true"] .ui-sidebar__body {
      transform: translateX(0); }
  .ui-sidebar[data-align="bottom"] {
    grid-template-areas: "body" "titlebar";
    grid-template-rows: 1fr auto; }
    .ui-sidebar[data-align="bottom"] .ui-sidebar__titlebar::after {
      bottom: auto;
      top: 0; }
    .ui-sidebar[data-align="bottom"][data-collapsed="true"] .ui-sidebar__title {
      top: 0;
      transform: rotate(-90deg); }
    .ui-sidebar[data-align="bottom"][data-collapsed="true"][data-position="end"] .ui-sidebar__title {
      transform: rotate(90deg) translateX(-100%); }

.ui-toolbar__right, .ui-toolbar__center {
  margin-left: auto; }

.ui-toolbar__center {
  margin-right: auto; }

.ui-toolbar ui-field[no-label] > label {
  display: none; }

.ui-panel {
  align-self: start;
  border-radius: 0.3rem;
  display: grid;
  grid-template-areas: "header" "body" "footer";
  grid-template-rows: auto 1fr auto;
  max-width: 100%;
  overflow: hidden;
  position: relative; }
  .ui-panel.ui-table-panel .ui-panel__body {
    padding: 0; }
  .ui-panel__group > .ui-panel {
    border-radius: 0; }
    .ui-panel__group > .ui-panel:first-child {
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
    .ui-panel__group > .ui-panel:last-child {
      border-bottom-left-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem; }
  .ui-panel__body {
    grid-area: body;
    overflow: auto;
    position: relative;
    padding: 1rem;
    transition: max-height 0.3s; }
    .ui-panel__body > compose {
      display: grid;
      grid-area: content;
      grid-template-areas: "content";
      grid-template-columns: 1fr;
      grid-template-rows: 1fr; }
  .ui-panel__header {
    align-items: center;
    display: grid;
    grid-area: header;
    grid-template-areas: "drag-handle header actions";
    grid-template-columns: auto 1fr auto;
    position: relative; }
    .ui-panel__header .ui-header {
      position: static; }
      .ui-panel__header .ui-header::after {
        transition: opacity 0.3s; }
    .ui-panel__header .ui-btn__wrapper {
      font-size: 0.75em; }
    .ui-panel__header__actions {
      align-items: center;
      align-self: stretch;
      display: grid;
      grid-area: actions;
      grid-auto-flow: column;
      grid-gap: 2px; }
      .ui-panel__header__actions > .ui-divider {
        margin: 4px; }
      .ui-panel__header__actions:not(:empty) {
        -webkit-margin-start: -1em;
        -moz-margin-start: -1em;
        -ms-margin-start: -1em;
        -o-margin-start: -1em;
        margin-start: -1em;
        padding: 0 0.5em; }
  .ui-panel[data-collapsed="true"] .ui-footer,
  .ui-panel[data-collapsed="true"] .ui-panel__body {
    display: none; }
  .ui-panel[data-collapsed="true"] .ui-header::after {
    opacity: 0 !important;
    transition: opacity 0.3s; }
  .ui-panel[data-expanded="true"] {
    position: fixed;
    bottom: 1em;
    left: 1em;
    right: 1em;
    top: 1em;
    box-shadow: 0 0 4em rgba(0, 0, 0, 0.9);
    z-index: 5000; }
    .ui-panel[data-expanded="true"] .ui-footer,
    .ui-panel[data-expanded="true"] .ui-panel__body {
      max-height: unset !important;
      min-height: unset; }

.ui-tab[data-active="false"], .ui-tab[data-hide="true"] {
  display: none; }

.ui-tab__panel {
  display: grid;
  grid-area: content;
  grid-template-areas: "tabbar" "body";
  grid-template-rows: auto 1fr; }
  .ui-tab__panel[data-align="top"] .ui-tab__bar__wrapper .ui-tab__button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .ui-tab__panel[data-align="bottom"] {
    grid-template-areas: "body" "tabbar";
    grid-template-rows: 1fr auto; }
    .ui-tab__panel[data-align="bottom"] .ui-tab__bar {
      align-items: start;
      margin: -3px 0 0; }
    .ui-tab__panel[data-align="bottom"] .ui-tab__bar__wrapper .ui-tab__button {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin: 0 2px 3px; }

.ui-tab__bar {
  align-items: end;
  display: grid;
  grid-area: tabbar;
  grid-template-columns: auto 1fr auto auto;
  justify-content: start;
  margin-bottom: -2px; }
  .ui-tab__bar__wrapper {
    height: 100%;
    align-items: flex-end;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden; }
  .ui-tab__bar__start, .ui-tab__bar__end {
    padding: 0 0.25em; }
    .ui-tab__bar__start:empty, .ui-tab__bar__end:empty {
      display: none; }

.ui-tab__button {
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
  display: grid;
  flex: 0 0 auto;
  grid-template-areas: "icon label close";
  grid-template-columns: auto auto auto;
  line-height: 1;
  margin: 3px 2px 0;
  max-width: 15rem;
  padding: 0.5em 0;
  position: relative; }
  .ui-tab__button__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-tab__button__label:first-child {
      -webkit-padding-start: 0.75em;
      -moz-padding-start: 0.75em;
      -ms-padding-start: 0.75em;
      -o-padding-start: 0.75em;
      padding-start: 0.75em; }
    .ui-tab__button__label:last-child {
      -webkit-padding-end: 0.75em;
      -moz-padding-end: 0.75em;
      -ms-padding-end: 0.75em;
      -o-padding-end: 0.75em;
      padding-end: 0.75em; }
  .ui-tab__button__icon:first-child {
    -webkit-padding-start: 0.75em;
    -moz-padding-start: 0.75em;
    -ms-padding-start: 0.75em;
    -o-padding-start: 0.75em;
    padding-start: 0.75em; }
  .ui-tab__button__icon:last-child {
    -webkit-padding-end: 0.75em;
    -moz-padding-end: 0.75em;
    -ms-padding-end: 0.75em;
    -o-padding-end: 0.75em;
    padding-end: 0.75em; }
  .ui-tab__button__icon:not(:last-child)::after {
    content: "\0020";
    display: inline-block; }
  .ui-tab__button__close {
    font-size: 0.8rem;
    line-height: 0.1;
    margin: 0 0.5em;
    opacity: 0.5; }
    .ui-tab__button__close:hover {
      opacity: 0.8; }
  .ui-tab__button[data-active="true"] {
    font-weight: 500;
    z-index: 2; }
  .ui-tab__button[data-disabled="true"] {
    box-shadow: none; }
    .ui-tab__button[data-disabled="true"]::before {
      content: "";
      cursor: not-allowed;
      opacity: 0.25;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0; }

.ui-tab__body {
  display: grid;
  grid-area: body;
  grid-template-areas: "content";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .ui-tab__body > .ui-section,
  .ui-tab__body > .ui-section__content,
  .ui-tab__body > .ui-router-view {
    z-index: 5; }
    .ui-tab__body > .ui-section:empty,
    .ui-tab__body > .ui-section__content:empty,
    .ui-tab__body > .ui-router-view:empty {
      display: none; }

.ui-tab__overflow {
  width: 100%;
  height: 100%; }

.ui-tab__preview {
  height: 50%;
  border: 2px solid var(--primary, #2b64a9);
  border-radius: 1px 1px 0 0; }

.ui-accordeon.ui-accordeon-horizontal {
  display: flex;
  position: relative; }
  .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item {
    padding: 10px; }
    .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header {
      grid-template-areas: "icon title counter right";
      gap: 5px;
      padding: 0;
      padding-right: 15px; }
      .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header .ui-header__title {
        padding: 0; }
      .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header .ui-accordeon-item__header__counter {
        border-radius: 5px;
        font-weight: 400;
        min-width: 30px;
        height: fit-content;
        line-height: initial;
        width: fit-content;
        margin-left: 0; }
      .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header .ui-accordeon-item__header__right ui-button .ui-btn__icon {
        padding: 5px;
        width: auto; }
        .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header .ui-accordeon-item__header__right ui-button .ui-btn__icon ui-icon {
          font-size: 0.8rem; }
      .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__header.expanded > .ui-header__title {
        text-decoration: underline; }
    .ui-accordeon.ui-accordeon-horizontal > .ui-accordeon-item > .ui-accordeon-item__body {
      position: absolute;
      left: 0;
      right: 0;
      top: 40px;
      padding: 10px; }

.ui-accordeon .ui-accordeon-item__header {
  display: grid;
  flex-wrap: wrap;
  align-items: center;
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas: "icon title right counter"; }
  .ui-accordeon .ui-accordeon-item__header .ui-header__icon {
    grid-area: icon; }
  .ui-accordeon .ui-accordeon-item__header .ui-header__title {
    grid-area: title; }
  .ui-accordeon .ui-accordeon-item__header__right {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-area: right;
    justify-content: end; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .ui-accordeon .ui-accordeon-item__header {
      grid-template-columns: auto 1fr auto;
      grid-template-areas: "icon title counter"
 "right right right"; }
    .ui-accordeon .ui-accordeon-item__header__right {
      display: none; } }
  .ui-accordeon .ui-accordeon-item__header.expanded .ui-accordeon-item__header__right {
    display: flex; }
  .ui-accordeon .ui-accordeon-item__header__counter {
    grid-area: counter;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    text-align: center;
    grid-area: counter; }
  .ui-accordeon .ui-accordeon-item__header:hover {
    cursor: pointer; }

.ui-accordeon .ui-accordeon-item__body {
  overflow: visible; }
  .ui-accordeon .ui-accordeon-item__body.aurelia-hide {
    display: none !important;
    max-height: 0;
    overflow: hidden; }
  .ui-accordeon .ui-accordeon-item__body ui-table .ui-table > thead {
    position: initial; }

@keyframes slideright {
  from {
    position: absolute;
    right: 100%; }
  to {
    position: absolute;
    right: 50%; } }

@keyframes slideleft {
  from {
    position: absolute;
    left: 100%; }
  to {
    position: absolute;
    left: 50%; } }

img[ui-lightbox] {
  cursor: pointer;
  transition: 0.3s; }
  img[ui-lightbox]:hover {
    opacity: 0.7; }

.ui-lightbox {
  display: grid;
  justify-content: center;
  grid-template-areas: "header"
 "content"
 "footer";
  grid-template-rows: 50px auto 70px;
  width: 100vw;
  height: 100vh;
  justify-items: center;
  align-items: center; }
  .ui-lightbox .ui-lightbox__content {
    grid-area: content; }
    .ui-lightbox .ui-lightbox__content > div.img-content {
      z-index: -1; }
      .ui-lightbox .ui-lightbox__content > div.img-content > div.img {
        background-color: rgba(255, 255, 255, 0.5);
        display: grid;
        align-items: center;
        justify-content: center; }
        .ui-lightbox .ui-lightbox__content > div.img-content > div.img > img {
          max-width: 85vw;
          max-height: 85vh;
          cursor: pointer; }
          .ui-lightbox .ui-lightbox__content > div.img-content > div.img > img.slide-right {
            animation: slideright 0.25s linear; }
          .ui-lightbox .ui-lightbox__content > div.img-content > div.img > img.slide-left {
            animation: slideleft 0.25s linear; }
    .ui-lightbox .ui-lightbox__content > .previous-picture {
      position: absolute;
      top: 50%;
      left: 5%; }
    .ui-lightbox .ui-lightbox__content > .next-picture {
      position: absolute;
      top: 50%;
      right: 5%; }
    .ui-lightbox .ui-lightbox__content > div.caption {
      margin: auto;
      display: block;
      width: 80%;
      text-align: center;
      color: white;
      padding: 10px 0;
      height: 150px; }
    .ui-lightbox .ui-lightbox__content > div.img-content,
    .ui-lightbox .ui-lightbox__content > div.caption {
      animation-name: zoom;
      animation-duration: 0.6s; }

@keyframes zoom {
  from {
    transform: scale(0.1); }
  to {
    transform: scale(1); } }
  .ui-lightbox .ui-lightbox__header {
    grid-area: header; }
    .ui-lightbox .ui-lightbox__header__file-name {
      display: flex;
      justify-content: center;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #ffffff;
      padding: 20px 0px; }
    .ui-lightbox .ui-lightbox__header__close {
      position: absolute;
      top: 5px;
      right: 5px; }
    .ui-lightbox .ui-lightbox__header__edit {
      position: absolute;
      top: 5px;
      right: 55px; }
  .ui-lightbox .ui-lightbox__header:hover,
  .ui-lightbox .ui-lightbox__header:focus {
    cursor: pointer; }
  .ui-lightbox .ui-lightbox__footer {
    grid-area: footer;
    cursor: pointer; }
  @media only screen and (max-width: 1024px) {
    .ui-lightbox .div.img-content img {
      max-width: 500px; } }
  @media only screen and (max-width: 768px) {
    .ui-lightbox .div.img-content img {
      max-width: 350px; } }

.ui-picture-edit > :first-child {
  max-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px; }
  .ui-picture-edit > :first-child ui-input[type=color] {
    max-width: 50px; }

.ui-picture-edit #image-container {
  border: 1px solid #eee;
  border-radius: 3px;
  overflow: hidden; }

@keyframes cover2 {
  from {
    transform: translateX(-50vw); }
  to {
    transform: translateX(0); } }

.ui-calendar {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: min-content; }
  .ui-calendar.ui-range-picker {
    min-height: 265px; }
  .ui-calendar.ui-range-picker > .ui-calendar__selector, .ui-calendar.ui-date-picker > .ui-calendar__selector {
    min-height: 265px; }
  .ui-calendar.ui-date-picker > .ui-calendar__selector {
    padding: 5px; }
  .ui-calendar__selector {
    display: inline-block;
    overflow: hidden;
    height: fit-content;
    vertical-align: top;
    user-select: none; }
    .ui-calendar__selector.week .ui-calendar__page {
      width: 258px; }
    .ui-calendar__selector > .container-calendar {
      padding: 10px; }
  .ui-calendar__header {
    align-items: center;
    display: grid;
    grid-gap: 5px;
    grid-template-areas: "title prev next";
    grid-template-columns: 1fr auto auto;
    text-align: left; }
  .ui-calendar__presets {
    display: grid;
    height: 100%;
    align-items: center;
    align-content: stretch;
    overflow-y: auto;
    border-right: 1px solid;
    min-height: 265px; }
    .ui-calendar__presets > ul {
      margin: 0;
      display: grid;
      height: 100%; }
  .ui-calendar__preset {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 2rem;
    min-width: 12rem;
    align-items: center;
    font-size: 0.8em;
    padding: 0 0.5em;
    border-bottom: 1px solid;
    cursor: pointer;
    padding: 0 10px; }
    .ui-calendar__preset[data-active="true"] {
      pointer-events: none;
      border-right: 4px solid; }
    .ui-calendar__preset:last-child {
      border-bottom: none; }
  .ui-calendar__title {
    font-weight: 500;
    grid-area: title;
    padding: 0.25em; }
  .ui-calendar__tool {
    border: 1px dotted transparent;
    font-size: 1.5em;
    line-height: 1;
    border-radius: 5px; }
    .ui-calendar__tool.first {
      grid-area: first; }
    .ui-calendar__tool.last {
      grid-area: last; }
    .ui-calendar__tool.prev {
      grid-area: prev; }
    .ui-calendar__tool.next {
      grid-area: next; }
    .ui-calendar__tool[data-disabled="true"] {
      pointer-events: none; }
    .ui-calendar__tool > .ui-icon {
      font-size: 18px;
      padding: 3px; }
  .ui-calendar__clock {
    padding-inline: 25px;
    display: grid;
    grid-template-columns: 30px 10px 30px;
    text-align: center;
    font-size: 1.2rem;
    height: 164px;
    grid-template-rows: 100%;
    position: relative;
    grid-column-gap: 5px; }
    .ui-calendar__clock > div {
      display: flex;
      flex-direction: column;
      height: 100%;
      align-items: center; }
    .ui-calendar__clock__separator > span {
      font-weight: bold;
      display: inline-block;
      vertical-align: middle;
      border-color: transparent;
      position: absolute;
      top: 50%;
      margin-top: -0.6rem; }
    .ui-calendar__clock__hour, .ui-calendar__clock__minute {
      justify-self: stretch;
      overflow: hidden;
      display: grid; }
      .ui-calendar__clock__hour > span, .ui-calendar__clock__minute > span {
        margin: 2px;
        padding-top: 4px;
        padding-bottom: 4px;
        border-block: 2px solid transparent; }
      .ui-calendar__clock__hour .currentMinute,
      .ui-calendar__clock__hour .currentHour, .ui-calendar__clock__minute .currentMinute,
      .ui-calendar__clock__minute .currentHour {
        font-weight: bold; }
  .ui-calendar__page {
    width: 222px; }
    .ui-calendar__page__column {
      display: grid;
      grid-auto-flow: column;
      grid-gap: 2px;
      grid-template-rows: repeat(7, 0.5fr);
      margin: 2px 0;
      text-align: center;
      justify-items: center; }
      .ui-calendar__page__column.week {
        border-right: 1px solid currentColor;
        margin-right: 5px;
        padding-right: 5px; }
    .ui-calendar__page__row {
      display: grid;
      grid-auto-flow: row;
      grid-gap: 2px;
      grid-template-columns: repeat(7, 0.5fr);
      margin: 2px 0;
      text-align: center;
      justify-items: center; }
    .ui-calendar__page[data-page="days"] {
      display: flex; }
    .ui-calendar__page[data-page="months"], .ui-calendar__page[data-page="years"] {
      display: grid; }
    .ui-calendar__page[data-page="months"] .ui-calendar__page__row,
    .ui-calendar__page[data-page="years"] .ui-calendar__page__row {
      display: grid;
      grid-gap: 0.5em;
      grid-template-columns: repeat(3, 1fr);
      line-height: 2em;
      margin: 0.8em 2px; }
    .ui-calendar__page__cell {
      cursor: pointer;
      padding: 0.25em;
      position: relative;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .ui-calendar__page__cell.date {
        height: 30px;
        width: 30px;
        border-radius: 30px; }
      .ui-calendar__page__cell.week {
        height: 30px;
        width: 30px; }
      .ui-calendar__page__cell.month, .ui-calendar__page__cell.year {
        width: 100%; }
      .ui-calendar__page__cell.date-today {
        font-weight: 500; }
        .ui-calendar__page__cell.date-today::before {
          position: absolute;
          left: 0px;
          top: 0px;
          border-color: currentColor transparent transparent currentColor;
          border-style: solid;
          border-width: 3px;
          content: "";
          height: 6px;
          width: 6px; }
      .ui-calendar__page__cell.disabled {
        pointer-events: none; }

.scheduler-content, .scheduler-unplanned-container, .scheduler-unplanned-events, .TimelineWeek .draggable {
  overflow-y: auto; }
  .scheduler-content::-webkit-scrollbar-thumb, .scheduler-unplanned-container::-webkit-scrollbar-thumb, .scheduler-unplanned-events::-webkit-scrollbar-thumb, .TimelineWeek .draggable::-webkit-scrollbar-thumb {
    background-color: transparent; }
    .scheduler-content::-webkit-scrollbar-thumb:hover, .scheduler-unplanned-container::-webkit-scrollbar-thumb:hover, .scheduler-unplanned-events::-webkit-scrollbar-thumb:hover, .TimelineWeek .draggable::-webkit-scrollbar-thumb:hover {
      border-radius: 9px;
      background-clip: initial; }
  .scheduler-content:hover::-webkit-scrollbar-thumb, .scheduler-unplanned-container:hover::-webkit-scrollbar-thumb, .scheduler-unplanned-events:hover::-webkit-scrollbar-thumb, .TimelineWeek .draggable:hover::-webkit-scrollbar-thumb {
    border-radius: 9px;
    border: solid 6px transparent;
    background-clip: content-box;
    background-color: rgba(152, 163, 166, 0.8); }
  .scheduler-content::-webkit-scrollbar, .scheduler-unplanned-container::-webkit-scrollbar, .scheduler-unplanned-events::-webkit-scrollbar, .TimelineWeek .draggable::-webkit-scrollbar {
    width: 16px; }
  .scheduler-content::-webkit-scrollbar-track, .scheduler-unplanned-container::-webkit-scrollbar-track, .scheduler-unplanned-events::-webkit-scrollbar-track, .TimelineWeek .draggable::-webkit-scrollbar-track {
    box-shadow: none !important;
    background-color: transparent; }

ui-scheduler {
  height: 100%;
  display: flex;
  flex-direction: column; }

.scheduler {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .scheduler-layout {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow: hidden; }
  .scheduler-content, .scheduler-header, .scheduler-toolbar-container {
    display: flex;
    flex-grow: 0; }
  .scheduler-content {
    flex-grow: 1;
    overflow-x: visible; }
  .scheduler-container {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .scheduler-column {
    border-width: 0 1px 0 1px;
    border-style: solid;
    overflow-y: visible;
    display: block;
    height: fit-content;
    border-right: none;
    min-width: 25px;
    flex-basis: 25px;
    flex-grow: 1;
    padding: 0;
    margin: 0; }
    [class*="Timeline"] .scheduler-column:first-child {
      display: none; }
    [class*="Timeline"] .scheduler-column-header {
      width: 70px;
      min-width: 70px;
      justify-content: center;
      padding: 0; }
      [class*="Timeline"] .scheduler-column-header:first-child {
        display: none; }
    .scheduler-column:first-child {
      min-width: initial;
      flex-grow: 0; }
    .scheduler-column:nth-last-child(1) {
      margin-right: calc(20px - 16px);
      border-right-width: 1px;
      border-right-style: solid; }
    .scheduler-column-header {
      padding-top: 5px;
      padding-bottom: 5px;
      border-width: 1px 0 1px 1px;
      border-style: solid;
      min-width: 25px;
      flex-basis: 25px;
      flex-grow: 1;
      display: inline-flex;
      align-items: center;
      flex-direction: column; }
      .scheduler-column-header span {
        font-weight: 700; }
      .scheduler-column-header:first-child {
        flex-grow: 0;
        min-width: initial; }
      .scheduler-column-header:nth-last-child(1) {
        margin-right: 20px;
        border-right-width: 1px;
        border-right-style: solid; }
    .scheduler-column.last-day-for-week, .scheduler-column-header.last-day-for-week {
      border-right: 2px solid; }
  .scheduler-cell {
    width: 100%;
    height: 60px;
    border-style: solid;
    border-width: 0px 0 1px 0; }
    [class*="TimelineMonth"] .scheduler-cell,
    [class*="TimelineMonth"] .scheduler-cell:nth-child(odd) {
      border-width: 0 0 0 0; }
    .scheduler-cell:nth-child(odd) {
      border-bottom-style: dotted;
      border-bottom-width: 2px; }
  .scheduler-unplanned-container {
    width: auto;
    min-width: fit-content; }
    .scheduler-unplanned-container ui-sidebar {
      height: 100%; }
      .scheduler-unplanned-container ui-sidebar .ui-sidebar__body {
        padding-top: 15px; }
  .scheduler-unplanned-events {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow-y: auto; }
  .scheduler-event {
    text-align: center;
    display: grid;
    width: 100%;
    height: 60px;
    position: relative;
    border-left: solid 5px;
    margin-bottom: 6px;
    border-radius: 3px;
    padding: 2px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 13px;
    overflow: visible;
    z-index: 1; }
    .scheduler-event > * {
      overflow: hidden; }
    .scheduler-event div.row {
      margin: 0 !important; }
      .scheduler-event div.row div.col {
        padding: 0 !important; }
    .scheduler-event .btn-floating {
      position: absolute;
      top: 3px;
      right: 3px;
      opacity: 0;
      height: 25px;
      width: 25px;
      line-height: 25px;
      border-radius: 25%; }
      .scheduler-event .btn-floating > i {
        line-height: 25px;
        font-size: 25px; }
    .scheduler-event .intervention-menu > li {
      min-height: 30px; }
      .scheduler-event .intervention-menu > li > a {
        padding: 7px 8px; }
    .scheduler-event:last-child {
      margin-bottom: 0; }
    .scheduler-event:hover .btn-floating {
      opacity: 1; }
    .scheduler-event.draggable {
      cursor: grab; }
  .scheduler-draggable {
    position: relative; }
    .scheduler-draggable[data-open="true"] {
      z-index: 2;
      overflow-y: visible;
      max-height: none !important;
      height: fit-content !important; }
      .scheduler-draggable[data-open="true"] .scheduler-show-more {
        position: relative; }
    .scheduler-draggable[data-open="false"] {
      overflow-y: clip; }
      .scheduler-draggable[data-open="false"] .scheduler-show-more {
        position: absolute;
        bottom: 0; }
    .scheduler-draggable .scheduler-show-more {
      height: 20px;
      width: 100%;
      z-index: 1; }
    .scheduler-draggable .scheduler-show-more-btn {
      cursor: pointer;
      border: solid 1px;
      text-align: center;
      border-radius: 3px;
      margin: 2px;
      font-size: small;
      line-height: 14px;
      height: -webkit-fill-available;
      overflow: hidden; }
  .scheduler-toolbar-container {
    border-width: 1px;
    border-style: solid;
    margin-right: 20px;
    padding-right: 10px; }
    .scheduler-toolbar-container ui-toolbar {
      display: flex;
      align-items: center;
      flex-grow: 1; }
      .scheduler-toolbar-container ui-toolbar .toolbar-datepicker-wrapper {
        display: flex; }
        .scheduler-toolbar-container ui-toolbar .toolbar-datepicker-wrapper ui-input {
          min-width: 90px; }
        .scheduler-toolbar-container ui-toolbar .toolbar-datepicker-wrapper ui-button {
          min-width: 110px; }

[class*="Timeline"].scheduler {
  overflow-x: auto; }
  [class*="Timeline"].scheduler .scheduler-column,
  [class*="Timeline"].scheduler .scheduler-column-header {
    min-width: 25px;
    flex-basis: 25px;
    flex-grow: 1; }
    [class*="Timeline"].scheduler .scheduler-column.group,
    [class*="Timeline"].scheduler .scheduler-column-header.group {
      min-width: 200px; }
  [class*="Timeline"].scheduler .scheduler-content {
    overflow: scroll; }
  [class*="Timeline"].scheduler .scheduler-container {
    overflow: hidden;
    min-height: 400px; }
  [class*="Timeline"].scheduler .scheduler-cell {
    height: 100px; }

[class*="TimelineMonth"].scheduler .scheduler-container {
  margin-right: 20px; }

.scheduler-unplanned-events .scheduler-event {
  height: 85px; }

.TimelineWeek .scheduler-content {
  height: 100%; }

.TimelineWeek .draggable {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: inherit; }

.TimelineDay .scheduler-column:not(.group) .scheduler-cell > div {
  display: flex;
  flex-direction: column;
  height: 100%; }

.Week .scheduler-event {
  position: absolute;
  left: 0;
  right: 0; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  cursor: grabbing; }
  .gu-mirror.gu-copy {
    cursor: copy; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  margin-left: 0 !important;
  width: 100% !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.permission-assignment .permissions-table-wrapper {
  max-height: 500px;
  overflow-y: auto; }

.permission-assignment th,
.permission-assignment td {
  text-align: center;
  vertical-align: top;
  padding-top: 7.5px;
  padding-bottom: 7.5px; }
  .permission-assignment th:first-child,
  .permission-assignment td:first-child {
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle; }
    .permission-assignment th:first-child > ui-button,
    .permission-assignment td:first-child > ui-button {
      margin: 0; }
  .permission-assignment th:nth-child(2),
  .permission-assignment td:nth-child(2) {
    text-align: left; }
  .permission-assignment th:nth-child(3),
  .permission-assignment td:nth-child(3) {
    text-align: left; }

.permission-assignment .ui-header__actions > .ui-option:nth-child(1) > .ui-option__control > span:first-child {
  text-align: right; }

.permission-assignment .ui-header__actions > .ui-option:nth-child(2) > .ui-option__control {
  margin-left: 0.5rem; }
  .permission-assignment .ui-header__actions > .ui-option:nth-child(2) > .ui-option__control > span:first-child {
    display: none; }

.permission-assignment .ui-panel__body {
  overflow: hidden; }
  .permission-assignment .ui-panel__body > div:nth-child(2) {
    overflow: hidden;
    overflow-y: overlay; }

.permission-assignment ui-checkbox > label {
  width: 18.75px; }

.permission-assignment a.crud-link {
  color: var(--primary, #2b64a9);
  text-decoration: underline; }
  .permission-assignment a.crud-link:hover {
    color: var(--primary-darken-20, #163458); }

.floating-filter__container {
  min-width: 220px;
  /*max-height: 350px;
        overflow: hidden;
        margin-bottom: 50px;*/ }
  .floating-filter__container .floating-filter__button {
    width: 100%;
    height: 100%;
    margin: 0; }
  .floating-filter__container .floating-filter__header > p {
    display: none;
    margin: 0; }
  .floating-filter__container .floating-filter__body {
    outline: none;
    padding: 15px 10px 15px 10px;
    /*overflow: scroll;
                max-height: 300px;*/ }
    .floating-filter__container .floating-filter__body__boolean {
      display: grid;
      padding-top: 10px; }
      .floating-filter__container .floating-filter__body__boolean > .ui-option {
        padding-bottom: 5px; }
        .floating-filter__container .floating-filter__body__boolean > .ui-option:last-child {
          padding-bottom: 0; }
    .floating-filter__container .floating-filter__body__date__radio, .floating-filter__container .floating-filter__body__date__check {
      display: grid; }
      .floating-filter__container .floating-filter__body__date__radio > .ui-option, .floating-filter__container .floating-filter__body__date__check > .ui-option {
        padding-bottom: 5px; }
        .floating-filter__container .floating-filter__body__date__radio > .ui-option:last-child, .floating-filter__container .floating-filter__body__date__check > .ui-option:last-child {
          padding-bottom: 0; }
    .floating-filter__container .floating-filter__body__date__check {
      padding: 10px 0; }
    .floating-filter__container .floating-filter__body__date__nullable {
      display: grid; }
    .floating-filter__container .floating-filter__body__date__picker .ui-field {
      padding-bottom: 15px; }
      .floating-filter__container .floating-filter__body__date__picker .ui-field .ui-field__label {
        font-size: 16px;
        padding-bottom: 10px; }
    .floating-filter__container .floating-filter__body__enum__list__elem, .floating-filter__container .floating-filter__body__many-to-many__list__elem, .floating-filter__container .floating-filter__body__one-to-many__list__elem, .floating-filter__container .floating-filter__body__user__list__elem {
      margin: 5px 0 5px 0; }
      .floating-filter__container .floating-filter__body__enum__list__elem > ui-checkbox, .floating-filter__container .floating-filter__body__many-to-many__list__elem > ui-checkbox, .floating-filter__container .floating-filter__body__one-to-many__list__elem > ui-checkbox, .floating-filter__container .floating-filter__body__user__list__elem > ui-checkbox {
        margin-top: 0; }
    .floating-filter__container .floating-filter__body__enum .floating-filter__body__search .ui-check__wrapper, .floating-filter__container .floating-filter__body__many-to-many .floating-filter__body__search .ui-check__wrapper, .floating-filter__container .floating-filter__body__one-to-many .floating-filter__body__search .ui-check__wrapper, .floating-filter__container .floating-filter__body__user .floating-filter__body__search .ui-check__wrapper {
      border-bottom: 1px solid #e9e9e9; }
    .floating-filter__container .floating-filter__body__enum .floating-filter__body__search:has(.ui-check__wrapper) + div, .floating-filter__container .floating-filter__body__many-to-many .floating-filter__body__search:has(.ui-check__wrapper) + div, .floating-filter__container .floating-filter__body__one-to-many .floating-filter__body__search:has(.ui-check__wrapper) + div, .floating-filter__container .floating-filter__body__user .floating-filter__body__search:has(.ui-check__wrapper) + div {
      padding-top: 5px; }
    .floating-filter__container .floating-filter__body__enum .floating-filter__body__search > .ui-field > .ui-field__label {
      font-size: 16px;
      padding-bottom: 15px; }
    .floating-filter__container .floating-filter__body__search > ui-input > .ui-input__addon {
      min-width: auto;
      padding-right: 10px; }
    .floating-filter__container .floating-filter__body__search .ui-check__wrapper {
      padding: 5px 0; }
  .floating-filter__container .floating-filter__footer {
    overflow: hidden;
    /*position: fixed;
                bottom: 0;
                width: 100%;*/ }
    .floating-filter__container .floating-filter__footer > ui-button {
      width: 100%;
      margin: 0; }
      .floating-filter__container .floating-filter__footer > ui-button > .ui-btn__inner {
        padding: 15px 10px;
        border-radius: 0; }
        .floating-filter__container .floating-filter__footer > ui-button > .ui-btn__inner > .ui-btn {
          justify-content: start; }
          .floating-filter__container .floating-filter__footer > ui-button > .ui-btn__inner > .ui-btn .ui-btn__icon {
            padding: 0;
            padding-right: 5px; }
          .floating-filter__container .floating-filter__footer > ui-button > .ui-btn__inner > .ui-btn .ui-btn__label {
            line-height: inherit; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

@keyframes floatingAnim {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0%); } }

.floating-box {
  width: 30%;
  margin-left: auto;
  margin-top: auto;
  background-color: white;
  box-shadow: 0px 4px 20px rgba(76, 99, 210, 0.2);
  animation: floatingAnim 0.3s linear;
  transition: opacity 0s; }
  .floating-box.sm {
    width: 30%; }
  .floating-box.md {
    width: 50%; }
  .floating-box.lg {
    width: 75%; }
  .floating-box.xl {
    width: 90%; }
  .floating-box.all {
    --left-width: 280px;
    width: calc(100% - var(--left-width)); }
  @media only screen and (max-width: 1280px) {
    .floating-box.sm {
      width: 50%; }
    .floating-box.md {
      width: 75%; }
    .floating-box.lg, .floating-box.xl, .floating-box.all {
      width: 95%; } }
  @media only screen and (max-width: 768px) {
    .floating-box.sm {
      width: 75%; }
    .floating-box.md, .floating-box.lg, .floating-box.xl, .floating-box.all {
      width: 95%; } }
  @media only screen and (max-width: 480px) {
    .floating-box.sm, .floating-box.md, .floating-box.lg, .floating-box.xl, .floating-box.all {
      width: 95%; } }
  .floating-box > div,
  .floating-box > div > div {
    height: 100%;
    padding: 0; }
  .floating-box > div > div {
    display: block; }
    .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__footer {
      padding: 0.5em; }
      .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header > span, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content > span, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__footer > span {
        display: grid;
        grid-template-columns: auto;
        justify-content: space-between;
        grid-template-areas: "btn1 btn2";
        width: 100%; }
        .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header > span > ui-button:first-child, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content > span > ui-button:first-child, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__footer > span > ui-button:first-child {
          grid-area: btn1; }
        .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header > span > ui-button:last-child, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content > span > ui-button:last-child, .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__footer > span > ui-button:last-child {
          grid-area: btn2; }
    .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__header > .header-footer-fixed__header__title {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px; }
    .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content .col-def-filter {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 5px 0; }
      .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content .col-def-filter .number-filter-input {
        margin-top: 12px; }
    .floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__footer {
      margin-top: auto; }
    .floating-box > div > div floating-box-view.header-footer-fixed.view-parameter-box > .header-footer-fixed__footer {
      display: none; }

body.condensed .floating-box.all {
  --left-width-condensed: 60px;
  width: calc(100% - var(--left-width-condensed)); }

.view-parameter-box > .header-footer-fixed__content,
.ag-grid-view-box > .header-footer-fixed__content,
.filter-view-box > .header-footer-fixed__content {
  padding-right: 30px;
  padding-left: 40px; }

.ag-grid-view-box > .header-footer-fixed__content > .header-footer-fixed > div:first-child {
  margin-bottom: 25px; }
  .ag-grid-view-box > .header-footer-fixed__content > .header-footer-fixed > div:first-child > div {
    margin-top: 15px; }

.view-parameter-box .header-footer-fixed__content > .header-footer-fixed > .header-footer-fixed__content ui-anchor-tab,
.ag-grid-view-box .header-footer-fixed__content > .header-footer-fixed > .header-footer-fixed__content ui-anchor-tab {
  margin-top: 0; }

.floating-box > div > div floating-box-view.header-footer-fixed > .header-footer-fixed__content {
  padding: 10px 15px; }

.range-footer {
  display: flex;
  flex-direction: column; }
  .range-footer > div {
    height: 30px; }
  .range-footer > div > ui-checkbox.ui-option,
  .range-footer > ui-checkbox.ui-option {
    margin: 10px; }
  .range-footer .date-filter-reset {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: none !important;
    background-color: var(--primary-10, rgba(43, 100, 169, 0.1));
    padding: 5px; }

.date-filter {
  min-width: 270px; }

:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

body {
  margin: 0; }

.header-footer-fixed {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .header-footer-fixed__header {
    flex-shrink: 0; }
  .header-footer-fixed__content {
    flex-grow: 1;
    overflow: auto;
    min-height: 2em; }
  .header-footer-fixed__footer {
    flex-shrink: 0; }

.digi-loader {
  animation: rotation 1s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

div.col.check-box,
div.col.button {
  max-height: 35px;
  padding-top: 5px;
  padding-bottom: 35px; }

div.col.check-box {
  margin-top: 30px; }

div.col.button {
  margin-top: 20px; }

html {
  box-sizing: border-box; }

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

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none; }

label > [type="radio"]:not(:checked),
label > [type="radio"]:checked {
  position: static;
  opacity: 1;
  pointer-events: auto; }

label > [type="radio"]:not(:checked) + span,
label > [type="radio"]:checked + span {
  padding-left: 5px;
  padding-right: 5px; }
  label > [type="radio"]:not(:checked) + span:before, label > [type="radio"]:not(:checked) + span:after,
  label > [type="radio"]:checked + span:before,
  label > [type="radio"]:checked + span:after {
    display: none; }

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

label {
  font-size: 0.8rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 110%; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit; }

h1 {
  font-size: 4.2rem;
  margin: 2.8rem 0 1.68rem 0; }

h2 {
  font-size: 3.56rem;
  margin: 2.3733333333rem 0 1.424rem 0; }

h3 {
  font-size: 2.92rem;
  margin: 1.9466666667rem 0 1.168rem 0; }

h4 {
  font-size: 2.28rem;
  margin: 1.52rem 0 0.912rem 0; }

h5 {
  font-size: 1.64rem;
  margin: 1.0933333333rem 0 0.656rem 0; }

h6 {
  font-size: 1.15rem;
  margin: 0.7666666667rem 0 0.46rem 0; }

.left {
  float: left !important; }

.right {
  float: right !important; }

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0; }
  table td,
  table th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px; }
  table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

*:focus-visible {
  outline: none !important;
  border: none !important; }

input {
  border: none; }

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
  position: absolute;
  top: 0;
  z-index: -1; }

tiny-mce .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #ccc; }

.tox-tinymce--disabled {
  filter: invert(0.05); }

.divider {
  height: 1px;
  overflow: hidden;
  background-color: color("grey", "lighten-2"); }

button,
input,
optgroup,
select,
textarea {
  font-family: "Nunito Sans", sans-serif; }

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #ffffff;
  transition: box-shadow 0.25s;
  border-radius: 2px; }
  .card label {
    font-size: 0.8rem;
    color: #9d9d9d; }

.card,
.btn-floating {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.btn-floating {
  display: inline-block;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle; }
  .btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: -20px; }
  .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: inherit;
    font-size: 1.6rem;
    line-height: 40px; }
  .btn-floating.white > .material-icons {
    color: #000000; }
  .btn-floating.transparent:hover, .btn-floating.white:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: 0.3s ease-out; }

.grey-text.text-darken-2 {
  color: #616161; }

.white {
  background-color: #ffffff; }
