._16lm1iw0 {
  box-sizing: border-box;
}

._16lm1iw0:before {
  box-sizing: border-box;
}

._16lm1iw0:after {
  box-sizing: border-box;
}

._16lm1iw0 * {
  box-sizing: border-box;
}

._16lm1iw1 {
  position: relative;
}

._16lm1iw2 {
  position: absolute;
}

._16lm1iw3 {
  position: static;
}

._16lm1iw4 {
  position: sticky;
}

._16lm1iw5 {
  position: fixed;
}

._16lm1iw6 {
  fill: currentColor;
}

._16lm1iw7 {
  fill: var(--infinite-accent-color);
}

._16lm1iw8 {
  margin: 0;
}

._16lm1iw9 {
  vertical-align: middle;
}

._16lm1iwa {
  stroke: currentColor;
}

._16lm1iwb {
  stroke: var(--infinite-accent-color);
}

._16lm1iwc {
  background: inherit;
}

._16lm1iwd {
  outline: none;
}

._16lm1iwe, ._16lm1iwf {
  transform: translateZ(0);
}

._16lm1iwg {
  transform: rotate(90deg);
}

._16lm1iwh {
  transform: rotate(180deg);
}

._16lm1iwi {
  cursor: pointer;
}

._16lm1iwj {
  cursor: default;
}

._16lm1iwk {
  cursor: col-resize;
}

._16lm1iwl {
  pointer-events: none;
}

._16lm1iwm {
  flex: 1;
}

._16lm1iwn {
  flex: none;
}

._16lm1iwo {
  z-index: 1;
}

._16lm1iwp {
  z-index: 10;
}

._16lm1iwq {
  z-index: 100;
}

._16lm1iwr {
  z-index: 1000;
}

._16lm1iws {
  z-index: 10000;
}

._16lm1iwt {
  z-index: 100000;
}

._16lm1iwu {
  z-index: 1000000;
}

._16lm1iwv {
  z-index: 10000000;
}

._16lm1iww {
  z-index: 1000;
}

._16lm1iwx {
  z-index: 10000;
}

._16lm1iwy {
  z-index: 100000;
}

._16lm1iwz {
  display: flex;
}

._16lm1iw10 {
  display: contents;
}

._16lm1iw11 {
  display: none;
}

._16lm1iw12 {
  display: block;
}

._16lm1iw13 {
  display: grid;
}

._16lm1iw14 {
  display: inline-block;
}

._16lm1iw15 {
  display: inline-flex;
}

._16lm1iw16 {
  display: inline-grid;
}

._16lm1iw17 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

._16lm1iw18 {
  height: 0;
}

._16lm1iw19 {
  height: 100%;
}

._16lm1iw1a {
  height: 50%;
}

._16lm1iw1b {
  width: 0;
}

._16lm1iw1c {
  width: 100%;
}

._16lm1iw1d {
  top: 0;
}

._16lm1iw1e {
  top: 100%;
}

._16lm1iw1f {
  left: 0;
}

._16lm1iw1g {
  left: 100%;
}

._16lm1iw1h {
  left: auto;
}

._16lm1iw1i {
  bottom: 0;
}

._16lm1iw1j {
  bottom: 100%;
}

._16lm1iw1k {
  right: 0;
}

._16lm1iw1l {
  right: 100%;
}

._16lm1iw1m {
  right: auto;
}

._16lm1iw1n {
  flex-flow: column;
}

._16lm1iw1o {
  flex-flow: column-reverse;
}

._16lm1iw1p {
  flex-flow: row;
}

._16lm1iw1q {
  flex-flow: row-reverse;
}

._16lm1iw1r {
  align-items: center;
}

._16lm1iw1s {
  align-items: stretch;
}

._16lm1iw1t {
  justify-content: center;
}

._16lm1iw1u {
  justify-content: space-between;
}

._16lm1iw1v {
  justify-content: space-around;
}

._16lm1iw1w {
  justify-content: flex-start;
}

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

._16lm1iw1y {
  overflow: hidden;
}

._16lm1iw1z {
  overflow: auto;
}

._16lm1iw20 {
  overflow: visible;
}

._16lm1iw21 {
  visibility: visible;
}

._16lm1iw22 {
  visibility: hidden;
}

._16lm1iw23 {
  will-change: transform;
}

._16lm1iw24 {
  white-space: nowrap;
}

._16lm1iw25 {
  text-overflow: ellipsis;
}

.mlx2t2 {
  display: inline-block;
}

.mlx2t3 {
  height: 0;
  width: 0;
  will-change: transform;
}

._1ueijco0 {
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  outline: none;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

._1ueijco1 {
  position: sticky;
  will-change: transform;
  transform: translateZ(0);
  contain: size layout;
  top: 0;
  left: 0;
}

._1ueijco2 {
  overflow: auto;
}

._1ueijco3 {
  overflow: hidden;
}

._1ueijco4 {
  overflow: visible;
}

._1ueijco5 {
  overflow: auto;
}

._1ueijco6 {
  overflow: hidden;
}

._1ueijco7 {
  overflow-x: auto;
}

._1ueijco8 {
  overflow-x: hidden;
}

._1ueijco9 {
  overflow-x: visible;
}

._1ueijcoa {
  overflow-x: auto;
}

._1ueijcob {
  overflow-x: hidden;
}

._1ueijcoc {
  overflow-y: auto;
}

._1ueijcod {
  overflow-y: hidden;
}

._1ueijcoe {
  overflow-y: visible;
}

._1ueijcof {
  overflow-y: auto;
}

._1ueijcog {
  overflow-y: hidden;
}

.nxbq1c0 {
  width: var(--_16hkbkcb);
  height: var(--_16hkbkc6);
}

.nxbq1c1 {
  --_16hkbkc7: var(--_16hkbkcc);
  --_16hkbkc8: var(--_16hkbkc4);
  transform: translate3d(var(--_16hkbkc7), var(--_16hkbkc8), 0);
  inset: var(--infinite-active-cell-indicator-inset);
  border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
  background: var(--infinite-active-cell-background-default);
}

.nxbq1c3 {
  display: block;
}

.nxbq1c4 {
  display: none;
}

.j26lrx0 {
  --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
  right: 0;
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
  background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
}

.j26lrx2 {
  display: block;
}

.j26lrx3 {
  display: none;
}

:root {
  --infinite-loaded: true;
  --infinite-theme-name: default;
  --infinite-theme-mode: light;
  --infinite-icon-size: 24px;
  --infinite-space-0: 0rem;
  --infinite-space-1: .125rem;
  --infinite-space-2: .25rem;
  --infinite-space-3: .5rem;
  --infinite-space-4: .75rem;
  --infinite-space-5: 1rem;
  --infinite-space-6: 1.25rem;
  --infinite-space-7: 1.5rem;
  --infinite-space-8: 2.25rem;
  --infinite-space-9: 3rem;
  --infinite-space-10: 4rem;
  --infinite-font-size-0: .5rem;
  --infinite-font-size-1: .625rem;
  --infinite-font-size-2: .75rem;
  --infinite-font-size-3: .875rem;
  --infinite-font-size-4: 1rem;
  --infinite-font-size-5: 1.25rem;
  --infinite-font-size-6: 1.5rem;
  --infinite-font-size-7: 2.25rem;
  --infinite-font-family: inherit;
  --infinite-color: #484848;
  --infinite-accent-color: #0284c7;
  --infinite-success-color: #7aff7a;
  --infinite-error-color: #ff0000;
  --infinite-border-radius: var(--infinite-space-2);
  --infinite-background: white;
  --infinite-min-height: 100px;
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-separator-color: currentColor;
  --infinite-menu-padding: var(--infinite-space-3);
  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: .5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-menu-item-active-opacity: .9;
  --infinite-menu-item-pressed-opacity: 1;
  --infinite-menu-border-radius: var(--infinite-space-2);
  --infinite-menu-shadow-color: rgba(0,0,0,.25);
  --infinite-rowdetail-background: var(--infinite-row-hover-background);
  --infinite-rowdetail-padding: var(--infinite-space-2);
  --infinite-rowdetail-grid-height: 100%;
  --infinite-load-mask-text-background: rgba(255,255,255,.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: .3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-filter-operator-padding-x: var(--infinite-space-1);
  --infinite-filter-editor-padding-x: var(--infinite-space-2);
  --infinite-filter-editor-margin-x: var(--infinite-space-1);
  --infinite-filter-operator-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-margin-y: var(--infinite-space-1);
  --infinite-resize-handle-active-area-width: 16px;
  --infinite-resize-handle-width: 2px;
  --infinite-resize-handle-hover-background: var(--infinite-accent-color);
  --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
  --infinite-header-cell-background: #ededed;
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-color: currentColor;
  --infinite-filter-editor-border-radius: var(--infinite-border-radius);
  --infinite-header-cell-hover-background: #dfdfdf;
  --infinite-header-cell-padding-x: var(--infinite-space-3);
  --infinite-header-cell-padding-y: var(--infinite-space-3);
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
  --infinite-header-cell-icon-size: 16px;
  --infinite-header-cell-menu-icon-line-width: 1px;
  --infinite-header-cell-sort-icon-margin: 16px;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
  --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
  --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
  --infinite-cell-border-invisible: none;
  --infinite-cell-border-radius: var(--infinite-space-2);
  --infinite-column-reorder-effect-duration: .2s;
  --infinite-selected-cell-border-style: solid;
  --infinite-active-cell-border-style: dashed;
  --infinite-active-cell-border-width: 1px;
  --infinite-active-cell-background-alpha: .25;
  --infinite-active-cell-background-alpha--table-unfocused: .1;
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
  --infinite-row-background: var(--infinite-background);
  --infinite-row-odd-background: #f6f6f6;
  --infinite-row-disabled-opacity: .5;
  --infinite-row-disabled-background: #eeeeee;
  --infinite-row-odd-disabled-background: #f9f9f9;
  --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
  --infinite-row-selected-background: #d1e9ff;
  --infinite-row-selected-hover-background: #add8ff;
  --infinite-group-row-background: #cbc5c5;
  --infinite-group-row-column-nesting: 24px;
  --infinite-row-hover-background: #dbdbdb;
  --infinite-row-pointer-events-while-scrolling: auto;
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
}

.infinite-theme-mode--light, .infinite-theme-mode--light:root {
  --infinite-loaded: true;
  --infinite-theme-name: default;
  --infinite-theme-mode: light;
  --infinite-icon-size: 24px;
  --infinite-space-0: 0rem;
  --infinite-space-1: .125rem;
  --infinite-space-2: .25rem;
  --infinite-space-3: .5rem;
  --infinite-space-4: .75rem;
  --infinite-space-5: 1rem;
  --infinite-space-6: 1.25rem;
  --infinite-space-7: 1.5rem;
  --infinite-space-8: 2.25rem;
  --infinite-space-9: 3rem;
  --infinite-space-10: 4rem;
  --infinite-font-size-0: .5rem;
  --infinite-font-size-1: .625rem;
  --infinite-font-size-2: .75rem;
  --infinite-font-size-3: .875rem;
  --infinite-font-size-4: 1rem;
  --infinite-font-size-5: 1.25rem;
  --infinite-font-size-6: 1.5rem;
  --infinite-font-size-7: 2.25rem;
  --infinite-font-family: inherit;
  --infinite-color: #484848;
  --infinite-accent-color: #0284c7;
  --infinite-success-color: #7aff7a;
  --infinite-error-color: #ff0000;
  --infinite-border-radius: var(--infinite-space-2);
  --infinite-background: white;
  --infinite-min-height: 100px;
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-separator-color: currentColor;
  --infinite-menu-padding: var(--infinite-space-3);
  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: .5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-menu-item-active-opacity: .9;
  --infinite-menu-item-pressed-opacity: 1;
  --infinite-menu-border-radius: var(--infinite-space-2);
  --infinite-menu-shadow-color: rgba(0,0,0,.25);
  --infinite-rowdetail-background: var(--infinite-row-hover-background);
  --infinite-rowdetail-padding: var(--infinite-space-2);
  --infinite-rowdetail-grid-height: 100%;
  --infinite-load-mask-text-background: rgba(255,255,255,.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: .3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-filter-operator-padding-x: var(--infinite-space-1);
  --infinite-filter-editor-padding-x: var(--infinite-space-2);
  --infinite-filter-editor-margin-x: var(--infinite-space-1);
  --infinite-filter-operator-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-margin-y: var(--infinite-space-1);
  --infinite-resize-handle-active-area-width: 16px;
  --infinite-resize-handle-width: 2px;
  --infinite-resize-handle-hover-background: var(--infinite-accent-color);
  --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
  --infinite-header-cell-background: #ededed;
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-color: currentColor;
  --infinite-filter-editor-border-radius: var(--infinite-border-radius);
  --infinite-header-cell-hover-background: #dfdfdf;
  --infinite-header-cell-padding-x: var(--infinite-space-3);
  --infinite-header-cell-padding-y: var(--infinite-space-3);
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
  --infinite-header-cell-icon-size: 16px;
  --infinite-header-cell-menu-icon-line-width: 1px;
  --infinite-header-cell-sort-icon-margin: 16px;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
  --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
  --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
  --infinite-cell-border-invisible: none;
  --infinite-cell-border-radius: var(--infinite-space-2);
  --infinite-column-reorder-effect-duration: .2s;
  --infinite-selected-cell-border-style: solid;
  --infinite-active-cell-border-style: dashed;
  --infinite-active-cell-border-width: 1px;
  --infinite-active-cell-background-alpha: .25;
  --infinite-active-cell-background-alpha--table-unfocused: .1;
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
  --infinite-row-background: var(--infinite-background);
  --infinite-row-odd-background: #f6f6f6;
  --infinite-row-disabled-opacity: .5;
  --infinite-row-disabled-background: #eeeeee;
  --infinite-row-odd-disabled-background: #f9f9f9;
  --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
  --infinite-row-selected-background: #d1e9ff;
  --infinite-row-selected-hover-background: #add8ff;
  --infinite-group-row-background: #cbc5c5;
  --infinite-group-row-column-nesting: 24px;
  --infinite-row-hover-background: #dbdbdb;
  --infinite-row-pointer-events-while-scrolling: auto;
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
}

.infinite-theme-mode--dark, .infinite-theme-mode--dark:root {
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
  --infinite-header-color: #c3c3c3;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-cell-color: #c3c3c3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-load-mask-text-background: var(--infinite-background);
  --infinite-load-mask-color: var(--infinite-cell-color);
  --infinite-row-background: var(--infinite-background);
  --infinite-theme-mode: dark;
  --infinite-icon-size: 24px;
  --infinite-background: #101419;
  --infinite-success-color: #008700;
  --infinite-cell-border: 1px solid #2a323d;
  --infinite-header-cell-background: #1b2129;
  --infinite-header-cell-hover-background: #222932;
  --infinite-row-hover-background: #3b4754;
  --infinite-row-selected-background: #0a2e4f;
  --infinite-row-selected-hover-background: #0b243a;
  --infinite-row-odd-background: #242a31;
  --infinite-row-disabled-background: #292a2c;
  --infinite-row-odd-disabled-background: #2d2e30;
  --infinite-menu-shadow-color: rgba(255,255,255,.25);
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
}

.infinite-theme-name--default:root, .infinite-theme-name--default {
  --infinite-loaded: true;
  --infinite-theme-name: default;
  --infinite-theme-mode: light;
  --infinite-icon-size: 24px;
  --infinite-space-0: 0rem;
  --infinite-space-1: .125rem;
  --infinite-space-2: .25rem;
  --infinite-space-3: .5rem;
  --infinite-space-4: .75rem;
  --infinite-space-5: 1rem;
  --infinite-space-6: 1.25rem;
  --infinite-space-7: 1.5rem;
  --infinite-space-8: 2.25rem;
  --infinite-space-9: 3rem;
  --infinite-space-10: 4rem;
  --infinite-font-size-0: .5rem;
  --infinite-font-size-1: .625rem;
  --infinite-font-size-2: .75rem;
  --infinite-font-size-3: .875rem;
  --infinite-font-size-4: 1rem;
  --infinite-font-size-5: 1.25rem;
  --infinite-font-size-6: 1.5rem;
  --infinite-font-size-7: 2.25rem;
  --infinite-font-family: inherit;
  --infinite-color: #484848;
  --infinite-accent-color: #0284c7;
  --infinite-success-color: #7aff7a;
  --infinite-error-color: #ff0000;
  --infinite-border-radius: var(--infinite-space-2);
  --infinite-background: white;
  --infinite-min-height: 100px;
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-separator-color: currentColor;
  --infinite-menu-padding: var(--infinite-space-3);
  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: .5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-menu-item-active-opacity: .9;
  --infinite-menu-item-pressed-opacity: 1;
  --infinite-menu-border-radius: var(--infinite-space-2);
  --infinite-menu-shadow-color: rgba(0,0,0,.25);
  --infinite-rowdetail-background: var(--infinite-row-hover-background);
  --infinite-rowdetail-padding: var(--infinite-space-2);
  --infinite-rowdetail-grid-height: 100%;
  --infinite-load-mask-text-background: rgba(255,255,255,.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: .3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-filter-operator-padding-x: var(--infinite-space-1);
  --infinite-filter-editor-padding-x: var(--infinite-space-2);
  --infinite-filter-editor-margin-x: var(--infinite-space-1);
  --infinite-filter-operator-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-margin-y: var(--infinite-space-1);
  --infinite-resize-handle-active-area-width: 16px;
  --infinite-resize-handle-width: 2px;
  --infinite-resize-handle-hover-background: var(--infinite-accent-color);
  --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
  --infinite-header-cell-background: #ededed;
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-color: currentColor;
  --infinite-filter-editor-border-radius: var(--infinite-border-radius);
  --infinite-header-cell-hover-background: #dfdfdf;
  --infinite-header-cell-padding-x: var(--infinite-space-3);
  --infinite-header-cell-padding-y: var(--infinite-space-3);
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
  --infinite-header-cell-icon-size: 16px;
  --infinite-header-cell-menu-icon-line-width: 1px;
  --infinite-header-cell-sort-icon-margin: 16px;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
  --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
  --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
  --infinite-cell-border-invisible: none;
  --infinite-cell-border-radius: var(--infinite-space-2);
  --infinite-column-reorder-effect-duration: .2s;
  --infinite-selected-cell-border-style: solid;
  --infinite-active-cell-border-style: dashed;
  --infinite-active-cell-border-width: 1px;
  --infinite-active-cell-background-alpha: .25;
  --infinite-active-cell-background-alpha--table-unfocused: .1;
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
  --infinite-row-background: var(--infinite-background);
  --infinite-row-odd-background: #f6f6f6;
  --infinite-row-disabled-opacity: .5;
  --infinite-row-disabled-background: #eeeeee;
  --infinite-row-odd-disabled-background: #f9f9f9;
  --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
  --infinite-row-selected-background: #d1e9ff;
  --infinite-row-selected-hover-background: #add8ff;
  --infinite-group-row-background: #cbc5c5;
  --infinite-group-row-column-nesting: 24px;
  --infinite-row-hover-background: #dbdbdb;
  --infinite-row-pointer-events-while-scrolling: auto;
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
}

.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--light, .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
  --infinite-loaded: true;
  --infinite-theme-name: default;
  --infinite-theme-mode: light;
  --infinite-icon-size: 24px;
  --infinite-space-0: 0rem;
  --infinite-space-1: .125rem;
  --infinite-space-2: .25rem;
  --infinite-space-3: .5rem;
  --infinite-space-4: .75rem;
  --infinite-space-5: 1rem;
  --infinite-space-6: 1.25rem;
  --infinite-space-7: 1.5rem;
  --infinite-space-8: 2.25rem;
  --infinite-space-9: 3rem;
  --infinite-space-10: 4rem;
  --infinite-font-size-0: .5rem;
  --infinite-font-size-1: .625rem;
  --infinite-font-size-2: .75rem;
  --infinite-font-size-3: .875rem;
  --infinite-font-size-4: 1rem;
  --infinite-font-size-5: 1.25rem;
  --infinite-font-size-6: 1.5rem;
  --infinite-font-size-7: 2.25rem;
  --infinite-font-family: inherit;
  --infinite-color: #484848;
  --infinite-accent-color: #0284c7;
  --infinite-success-color: #7aff7a;
  --infinite-error-color: #ff0000;
  --infinite-border-radius: var(--infinite-space-2);
  --infinite-background: white;
  --infinite-min-height: 100px;
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-separator-color: currentColor;
  --infinite-menu-padding: var(--infinite-space-3);
  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: .5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-menu-item-active-opacity: .9;
  --infinite-menu-item-pressed-opacity: 1;
  --infinite-menu-border-radius: var(--infinite-space-2);
  --infinite-menu-shadow-color: rgba(0,0,0,.25);
  --infinite-rowdetail-background: var(--infinite-row-hover-background);
  --infinite-rowdetail-padding: var(--infinite-space-2);
  --infinite-rowdetail-grid-height: 100%;
  --infinite-load-mask-text-background: rgba(255,255,255,.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: .3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-filter-operator-padding-x: var(--infinite-space-1);
  --infinite-filter-editor-padding-x: var(--infinite-space-2);
  --infinite-filter-editor-margin-x: var(--infinite-space-1);
  --infinite-filter-operator-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-padding-y: var(--infinite-space-0);
  --infinite-filter-editor-margin-y: var(--infinite-space-1);
  --infinite-resize-handle-active-area-width: 16px;
  --infinite-resize-handle-width: 2px;
  --infinite-resize-handle-hover-background: var(--infinite-accent-color);
  --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
  --infinite-header-cell-background: #ededed;
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-color: currentColor;
  --infinite-filter-editor-border-radius: var(--infinite-border-radius);
  --infinite-header-cell-hover-background: #dfdfdf;
  --infinite-header-cell-padding-x: var(--infinite-space-3);
  --infinite-header-cell-padding-y: var(--infinite-space-3);
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
  --infinite-header-cell-icon-size: 16px;
  --infinite-header-cell-menu-icon-line-width: 1px;
  --infinite-header-cell-sort-icon-margin: 16px;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
  --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
  --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
  --infinite-cell-border-invisible: none;
  --infinite-cell-border-radius: var(--infinite-space-2);
  --infinite-column-reorder-effect-duration: .2s;
  --infinite-selected-cell-border-style: solid;
  --infinite-active-cell-border-style: dashed;
  --infinite-active-cell-border-width: 1px;
  --infinite-active-cell-background-alpha: .25;
  --infinite-active-cell-background-alpha--table-unfocused: .1;
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
  --infinite-row-background: var(--infinite-background);
  --infinite-row-odd-background: #f6f6f6;
  --infinite-row-disabled-opacity: .5;
  --infinite-row-disabled-background: #eeeeee;
  --infinite-row-odd-disabled-background: #f9f9f9;
  --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
  --infinite-row-selected-background: #d1e9ff;
  --infinite-row-selected-hover-background: #add8ff;
  --infinite-group-row-background: #cbc5c5;
  --infinite-group-row-column-nesting: 24px;
  --infinite-row-hover-background: #dbdbdb;
  --infinite-row-pointer-events-while-scrolling: auto;
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
}

.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--dark .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--dark {
  --infinite-header-cell-border-right: var(--infinite-cell-border);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
  --infinite-header-color: #c3c3c3;
  --infinite-header-background: var(--infinite-header-cell-background);
  --infinite-cell-color: #c3c3c3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-menu-color: var(--infinite-cell-color);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --infinite-load-mask-text-background: var(--infinite-background);
  --infinite-load-mask-color: var(--infinite-cell-color);
  --infinite-row-background: var(--infinite-background);
  --infinite-theme-mode: dark;
  --infinite-icon-size: 24px;
  --infinite-background: #101419;
  --infinite-success-color: #008700;
  --infinite-cell-border: 1px solid #2a323d;
  --infinite-header-cell-background: #1b2129;
  --infinite-header-cell-hover-background: #222932;
  --infinite-row-hover-background: #3b4754;
  --infinite-row-selected-background: #0a2e4f;
  --infinite-row-selected-hover-background: #0b243a;
  --infinite-row-odd-background: #242a31;
  --infinite-row-disabled-background: #292a2c;
  --infinite-row-odd-disabled-background: #2d2e30;
  --infinite-menu-shadow-color: rgba(255,255,255,.25);
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
}

@media (prefers-color-scheme: dark) {
  :root {
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: #c3c3c3;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: #c3c3c3;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: var(--infinite-background);
    --infinite-theme-mode: dark;
    --infinite-icon-size: 24px;
    --infinite-background: #101419;
    --infinite-success-color: #008700;
    --infinite-cell-border: 1px solid #2a323d;
    --infinite-header-cell-background: #1b2129;
    --infinite-header-cell-hover-background: #222932;
    --infinite-row-hover-background: #3b4754;
    --infinite-row-selected-background: #0a2e4f;
    --infinite-row-selected-hover-background: #0b243a;
    --infinite-row-odd-background: #242a31;
    --infinite-row-disabled-background: #292a2c;
    --infinite-row-odd-disabled-background: #2d2e30;
    --infinite-menu-shadow-color: rgba(255,255,255,.25);
    --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
  }
  .infinite-theme-name--default:root, .infinite-theme-name--default {
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: #c3c3c3;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: #c3c3c3;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: var(--infinite-background);
    --infinite-theme-mode: dark;
    --infinite-icon-size: 24px;
    --infinite-background: #101419;
    --infinite-success-color: #008700;
    --infinite-cell-border: 1px solid #2a323d;
    --infinite-header-cell-background: #1b2129;
    --infinite-header-cell-hover-background: #222932;
    --infinite-row-hover-background: #3b4754;
    --infinite-row-selected-background: #0a2e4f;
    --infinite-row-selected-hover-background: #0b243a;
    --infinite-row-odd-background: #242a31;
    --infinite-row-disabled-background: #292a2c;
    --infinite-row-odd-disabled-background: #2d2e30;
    --infinite-menu-shadow-color: rgba(255,255,255,.25);
    --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
  }
}

.evqes20 {
  background: var(--infinite-rowdetail-background);
  padding: var(--infinite-rowdetail-padding);
}

._1yeub2v0 {
  outline: none;
  font-family: var(--infinite-font-family);
  color: var(--infinite-color);
  background: var(--infinite-background);
  min-height: var(--infinite-min-height);
}

.evqes20 ._1yeub2v0 {
  height: var(--infinite-rowdetail-grid-height);
}

._1yeub2v1 {
  --infinite-row-pointer-events-while-scrolling: none;
}

._1yeub2vh {
  --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
  --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
}

._1yeub2vm {
  border-right: var(--infinite-cell-border);
}

._1yeub2vn {
  border-left: var(--infinite-cell-border);
}

._1yeub2vp {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@keyframes _1eexc2a9 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

._1eexc2a0 {
  justify-content: center;
}

._1eexc2a1 {
  justify-content: flex-start;
}

._1eexc2a2 {
  justify-content: flex-start;
  flex-flow: row-reverse;
}

._1eexc2a3 {
  transition: left 0.3s;
}

._1eexc2a4 {
  transition: none;
}

._1eexc2a5 {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateZ(0) !important;
}

._1eexc2a6 {
  display: flex;
  flex-flow: row;
  align-items: center;
  contain: layout size;
  position: absolute;
  will-change: transform;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: var(--infinite-cell-padding);
  border-left: var(--infinite-cell-border-left);
  border-right: var(--infinite-cell-border-right);
}

._1yeub2vp ._1eexc2a7 {
  transition: transform var(--infinite-column-reorder-effect-duration);
}

._1eexc2a8 {
  margin-inline: var(--infinite-selection-checkbox-margin-inline);
}

._1eexc2aa:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  z-index: var(--infinite-flashing-overlay-z-index);
  left: calc(0px - var(--infinite-cell-border-width));
  right: calc(0px - var(--infinite-cell-border-width));
  pointer-events: none;
  animation-name: var(--infinite-flashing-animation-name, _1eexc2a9);
  animation-fill-mode: forwards;
  animation-duration: calc(1ms * var(--_16hkbkc3, var(--infinite-flashing-duration)));
  background: var(--_16hkbkc2, var(--infinite-flashing-background));
}

._1eexc2ab {
  --_16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
}

._1eexc2ac {
  --_16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
}

._1eexc2ad {
  --_16hkbkc2: var(--infinite-flashing-background);
}

._1eexc2ae:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  left: calc(0px - var(--infinite-cell-border-width));
  right: calc(0px - var(--infinite-cell-border-width));
  pointer-events: none;
  background: var(--infinite-selected-cell-background-default);
  border-width: var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width))));
  border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
  border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
}

._1eexc2ag:before {
  border-right-width: 0;
}

._1eexc2ai:before {
  border-left-width: 0;
}

._1eexc2ak:before {
  border-top-width: 0;
}

._1eexc2am:before {
  border-bottom-width: 0;
}

._1eexc2an {
  color: var(--infinite-cell-color);
}

._1eexc2aq {
  opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
}

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

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

._1eexc2a11 {
  align-items: flex-end;
}

._1eexc2a1a {
  --infinite-row-background: var(--infinite-row-disabled-background);
  --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
  --infinite-row-hover-background: var(--infinite-row-disabled-background);
  --infinite-active-row-background: var(--infinite-row-background);
  --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
  opacity: var(--infinite-row-disabled-opacity);
}

._1eexc2a1b, ._1eexc2a1c {
  background: var(--infinite-row-background);
}

._1eexc2a1d {
  background: var(--infinite-row-odd-background);
}

._1eexc2a1e {
  background: var(--infinite-row-selected-background);
}

._1eexc2a1h {
  border-top-left-radius: var(--infinite-cell-border-radius);
  border-bottom-left-radius: var(--infinite-cell-border-radius);
}

._1eexc2a1j {
  border-top-right-radius: var(--infinite-cell-border-radius);
  border-bottom-right-radius: var(--infinite-cell-border-radius);
}

._1eexc2a1q {
  border-top: var(--infinite-cell-border-top);
}

._1eexc2a20 {
  border-top: none;
}

._1eexc2a21 {
  border-right: var(--infinite-pinned-cell-border);
}

._1eexc2a23 {
  border-left: var(--infinite-pinned-cell-border);
}

._1eexc2a25 {
  justify-content: center;
}

._1eexc2a26 {
  --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
}

._12zfob13, ._12zfob14 {
  margin-left: var(--infinite-header-cell-sort-icon-margin);
}

._12zfob15 {
  margin-right: var(--infinite-header-cell-sort-icon-margin);
}

._12zfob16, ._12zfob17 {
  line-height: 0;
  font-size: 10px;
  border-radius: 50%;
  padding: 1px;
  position: absolute;
  transition: top 0.2s;
  top: 0;
  right: 2px;
}

._12zfob18 {
  background: var(--infinite-header-background);
  top: 0;
  right: 0;
  bottom: 0;
}

._12zfob19 {
  background: var(--infinite-header-background);
  color: var(--infinite-header-color);
  transform: translateZ(0);
}

._12zfob1h {
  z-index: 10;
}

._12zfob1j {
  border-right: var(--infinite-pinned-cell-border);
}

._12zfob1l {
  border-left: var(--infinite-pinned-cell-border);
}

._12zfob1n {
  background: var(--infinite-header-cell-hover-background);
  color: var(--infinite-cell-color);
  opacity: 0.8;
  padding: var(--infinite-cell-padding);
  padding-left: 20px;
  z-index: 2000;
}

._12zfob1o {
  border-left: var(--infinite-cell-border-width) solid transparent;
  border-right: var(--infinite-header-cell-border-right);
  background: var(--infinite-header-cell-background);
  padding: 0;
  display: block;
}

._12zfob1o:hover {
  background: var(--infinite-header-cell-hover-background);
}

._12zfob11k {
  opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
}

._12zfob11m {
  border-top-left-radius: var(--infinite-cell-border-radius);
  border-bottom-left-radius: var(--infinite-cell-border-radius);
}

._12zfob11o {
  border-top-right-radius: var(--infinite-cell-border-radius);
  border-bottom-right-radius: var(--infinite-cell-border-radius);
}

._12zfob11w {
  z-index: 10;
}

._12zfob121 {
  border-right: var(--infinite-pinned-cell-border);
}

._1yeub2v2 ._1yeub2vd ._12zfob121 {
  --infinite-cell-border: var(--infinite-cell-border-invisible);
}

._12zfob122 {
  border-left: var(--infinite-pinned-cell-border);
}

._12zfob123 {
  border-right: var(--infinite-cell-border);
}

._12zfob124 {
  cursor: context-menu;
  padding-block-start: 2px;
  padding-block-end: 2px;
  min-width: var(--infinite-header-cell-icon-size);
  height: var(--infinite-header-cell-icon-size);
}

._12zfob124:active {
  top: 1px;
}

._12zfob1o:hover ._12zfob124, ._12zfob125 {
  visibility: visible;
  display: flex;
}

._12zfob127 {
  display: none;
}

._12zfob128 {
  visibility: visible;
  display: flex;
}

._12zfob129 {
  padding: var(--infinite-header-cell-padding);
}

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

._12zfob12d {
  align-items: flex-end;
}

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

._12zfob12h {
  justify-content: center;
}

._12zfob12i {
  background: var(--infinite-header-background);
}

._12zfob12j {
  padding: var(--infinite-cell-padding);
  border-bottom: var(--infinite-cell-border);
  border-right: var(--infinite-cell-border);
  background: var(--infinite-header-cell-background);
}

._12zfob12k {
  border-top: var(--infinite-cell-border);
  padding-block: var(--infinite-filter-editor-margin-y);
}

._12zfob12n {
  padding-inline: var(--infinite-filter-operator-padding-x);
  padding-block: var(--infinite-filter-operator-padding-y);
}

._12zfob12l ._12zfob12n {
  color: var(--infinite-accent-color);
}

._12zfob12n:active {
  top: 1px;
}

._12zfob12p {
  opacity: var(--infinite-menu-item-disabled-opacity);
  cursor: auto;
}

._12zfob12q:active {
  top: 1px;
}

._12zfob12r {
  margin-inline: var(--infinite-filter-editor-margin-x);
  padding-inline: var(--infinite-filter-editor-padding-x);
  padding-block: var(--infinite-filter-editor-padding-y);
  background: var(--infinite-filter-editor-background);
  color: var(--infinite-filter-editor-color);
  border: var(--infinite-filter-editor-border);
  border-radius: var(--infinite-filter-editor-border-radius);
}

._12zfob12r:focus {
  outline: none;
  border-color: var(--infinite-filter-editor-focus-border-color);
}

._12zfob12l ._12zfob12r {
  outline: none;
  border-color: var(--infinite-filter-editor-focus-border-color);
}

._6aunoi0 {
  padding-block-start: 2px;
  padding-block-end: 2px;
  min-width: var(--infinite-header-cell-icon-size);
  height: var(--infinite-header-cell-icon-size);
}

._6rdmyg0 {
  fill: var(--infinite-expand-collapse-icon-color);
  display: inline-block;
  vertical-align: bottom;
}

._6rdmyg6 {
  cursor: auto;
  opacity: 0.4;
}

._7pupv00 {
  --infinite-row-background: var(--infinite-row-hover-background);
  --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
  --infinite-row-odd-background: var(--infinite-row-hover-background);
}

._7pupv02, ._7pupv03 {
  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
}

._7pupv04 {
  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
}

._7pupv06, ._7pupv07 {
  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
}

._7pupv08 {
  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
}

.qz8ht90 {
  accent-color: var(--infinite-accent-color);
  vertical-align: middle;
}

.qz8ht90[disabled] {
  opacity: 0.7;
  cursor: auto;
}

._1ek6mqy0 {
  padding-block-start: 2px;
  padding-block-end: 2px;
  min-width: var(--infinite-header-cell-icon-size);
  height: var(--infinite-header-cell-icon-size);
}

.zneyzh0 {
  transform: translate(50%);
  width: var(--infinite-resize-handle-active-area-width);
}

.zneyzh0:hover {
  overflow: visible;
}

.zneyzh3 {
  transform: translate(-50%);
}

.zneyzh9, .zneyzha, .zneyzhb {
  transform: none;
}

.zneyzhc {
  right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
  width: var(--infinite-resize-handle-width);
}

.zneyzh0:hover .zneyzhc {
  background: var(--infinite-resize-handle-hover-background);
}

.zneyzh0:hover .zneyzhe {
  background: var(--infinite-resize-handle-constrained-hover-background);
}

.zneyzhm {
  right: 0;
}

.zneyzhn {
  right: unset;
}

.qy58ya0 {
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.qy58ya1 {
  display: flex;
}

.qy58ya2 {
  display: none;
}

.qy58ya3 {
  background: var(--infinite-load-mask-overlay-background);
  opacity: var(--infinite-load-mask-overlay-opacity);
}

.qy58ya4 {
  position: relative;
  padding: var(--infinite-load-mask-padding);
  color: var(--infinite-load-mask-color);
  background: var(--infinite-load-mask-text-background);
  border-radius: var(--infinite-load-mask-border-radius);
}

.db3arf0 {
  padding: var(--infinite-menu-padding);
  color: var(--infinite-menu-color);
  background: var(--infinite-menu-background);
  border-radius: var(--infinite-menu-border-radius);
  outline: none;
  box-shadow: 0 6px 12px -2px var(--infinite-menu-shadow-color), 0 3px 7px -3px var(--infinite-menu-background);
}

.db3arf1 {
  display: contents;
}

.db3arf2 {
  padding-block: var(--infinite-menu-cell-padding-vertical);
  padding-inline: var(--infinite-menu-cell-padding-horizontal);
  margin-block: var(--infinite-menu-cell-margin-vertical);
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
  border-color: transparent;
}

.db3arf3 {
  opacity: var(--infinite-menu-item-disabled-opacity);
  background: var(--infinite-menu-item-disabled-background);
}

.db3arf0:focus-within > .db3arf1 > .db3arf9 {
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
}

.db3arf0:focus-within > .db3arf1 > .db3arf9:first-child:last-child {
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
}

.db3arf0:focus-within > .db3arf1 > .db3arf9:first-child {
  border-right-color: transparent;
}

.db3arf0:focus-within > .db3arf1 > .db3arf9:last-child {
  border-left-color: transparent;
}

.db3arf0:focus-within > .db3arf1 > .db3arf9:not(:first-child):not(:last-child) {
  border-left-color: transparent;
  border-right-color: transparent;
}

.db3arfb {
  background: var(--infinite-menu-item-active-background);
  opacity: var(--infinite-menu-item-active-opacity);
}

.db3arfc {
  background: var(--infinite-menu-item-pressed-background);
  opacity: var(--infinite-menu-item-pressed-opacity);
}

.db3arfd {
  border-top: 1px solid var(--infinite-menu-separator-color);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
  margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
}

.yzx0vj0 {
  color: var(--infinite-cell-color);
}

/**********************************
 ** ADAPTABLE BASE STYLES **
 **********************************/

:root {
  --ab-space-0: 0px;
  --ab-space-1: 4px;
  --ab-space-2: 8px;
  --ab-space-3: 16px;
  --ab-space-4: 32px;
  --ab-space-5: 64px;
  --ab-space-6: 128px;
  --ab-space-7: 256px;
  --ab-font-size-0: 0.5rem;
  --ab-font-size-1: 0.625rem;
  --ab-font-size-2: 0.75rem;
  --ab-font-size-3: 0.875rem;
  --ab-font-size-4: 1rem;
  --ab-font-size-5: 1.25rem;
  --ab-font-size-6: 1.5rem;
  --ab-font-size-7: 2.25rem;
  --ab__font-family: inherit;
  --ab__border-radius: var(--ab-space-1);
  --ab-color-inputborder: var(--ab-color-primarydark);
  --ab-color-inputcolor: var(--ab-color-text-on-primary);
  --ab-color-error: #dc3545;
  --ab-color-errorlight: #ffd3d2;
  --ab-color-warn: #eb9316;
  --ab-color-info: #17a2b8;
  --ab-color-success: #419641;
  --ab-color-accent: #07c;
  --ab-color-accentlight: #dbf0ff;
  --ab-color-text-on-success: white;
  --ab-color-text-on-error: white;
  --ab-color-text-on-info: white;
  --ab-color-text-on-warn: white;
  --ab-color-action-add: #2966a8;
  --ab-color-action-edit: #17a2b8;
  --ab-color-action-share: #eb9316;
  --ab-color-action-delete: #dc3545;
  --ab-color-action-clone: #419641;
  --ab-color-text-on-add: white;
  --ab-color-text-on-edit: white;
  --ab-color-text-on-share: white;
  --ab-color-text-on-delete: white;
  --ab-color-text-on-clone: white;
  --ab-color-defaultbackground: white;
  --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
  --ab-color-primary: #e9e9e9;
  --ab-color-primarydark: #b7b7b7;
  --ab-color-primarylight: #f5f5f5;
  --ab-color-text-on-primary: #656565;
  --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
  --ab-color-secondary: #2966a8;
  --ab-color-secondarydark: #015a9a;
  --ab-color-secondarylight: #a9ddff;
  --ab-color-text-on-secondary: #e2e2e2;
  --ab-color-text-on-secondarylight: #000000;
  --ab-color-blue: #419641;
  --ab-color-focus: var(--ab-color-accent);
  --ab-gridheader--filtered__background: var(--ab-color-primary);
  --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
  --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-text-on-primary);
  --ab-focus__outline: none;
  --ab-icon-fill: currentColor;
  --ab-custom-scrollbar-size: 10px;
  --ab-grid-row-height: 35px;
  --ab-loaded: 777;
  --ab_flex-direction: column;
}

.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
  --infinite-cell-border-radius: 0px;
  --infinite-active-cell-border-width: 0px;
  --infinite-background: var(--ab-color-defaultbackground);
  --infinite-row-background: var(--ab-color-defaultbackground);
  --infinite-row-odd-background: var(--ab-color-primarylight);
  --infinite-row-selected-background: var(--ab-color-primary);
  --infinite-row-selected-hover-background: var(--ab-color-primarydark);
  --infinite-row-hover-background: var(--ab-color-primarylight);
  --infinite-header-color: var(--ab-color-text-on-primarydark);
  --infinite-header-cell-background: var(--ab-color-primarydark);
  --infinite-header-cell-hover-background: var(--ab-color-primarydark);
  --infinite-menu-background: var(--infinite-header-cell-background);
  --infinite-menu-color: var(--infinite-header-color);
  --infinite-accent-color: var(--ab-color-accent);
  --infinite-flashing-duration: 1000;
}

.ab-style__list-group-item:nth-child(2n+1) {
  background: var(--ab-color-primarylight);
}

.ab-Grid .ag-header-cell input[type=date i]::-webkit-calendar-picker-indicator {
  margin-inline-start: 0px;
}

.ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
  font-weight: bolder;
  background: var(--ab-gridheader--filtered__background);
}

.ab-Grid .ag-pivot-mode-panel {
  display: none;
}

.ab-QuickSearchFind .ag-find-match {
  background-color: var(--ab-dynamic-background-color, var(--ag-find-match-background-color));
  color: var(--ab-dynamic-color, var(--ag-find-match-color));
  font-weight: var(--ab-dynamic-font-weight);
  font-style: var(--ab-dynamic-font-style);
  font-size: var(--ab-dynamic-font-size);
  text-decoration: var(--ab-dynamic-text-decoration);
  border-radius: var(--ab-dynamic-border-radius);
  border-color: var(--ab-dynamic-border-color);
}

:root {
  --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
  --ab-cmp-checkbox__background: var(--ab-cmp-input__background);
  --ab-cmp-checkbox--checked__background: var(--ab-color-focus);
  --ab-cmp-checkbox--check-size: 16px;
  --ab-cmp-checkbox--check__color: white;
  --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
  --ab-cmp-checkbox--check-indeterminate-radius: 2px;
}

.ab-CheckBox--variant-agGrid {
  --ab-cmp-checkbox--check__color: var(
    --ag-checkbox-checked-color,
    var(--ag-balham-active-color, #0091ea)
  );
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
}

.ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
  --ab-cmp-checkbox--check__color: var(
    --ag-checkbox-checked-color,
    var(--ag-balham-active-color, #0091ea)
  );
}

.ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
  --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
}

.ab-QueryBuilder__expression {
  background-color: var(--ab-cmp-query-builder-expression__background);
  color: var(--ab-cmp-query-builder-expression__color);
  font-size: var(--ab-cmp-query-builder-expression__font-size);
}

.ab-QueryBuilder-predicate-editor {
  position: relative;
}

.ab-QueryBuilder-predicate-editor:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  width: 10px;
  height: 0px;
  border-top: var(--ab-cmp-query-builder__border);
}

.ab-QueryBuilder-predicate-editor--child .ab-QueryBuilder-predicate-editor__children-wrapper {
  margin-left: 25px;
}

.ab-QueryBuilder-predicate-editor__children-wrapper {
  position: relative;
  padding-left: 20px;
}

.ab-QueryBuilder-predicate-editor:after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 0;
  border-left: var(--ab-cmp-query-builder__border);
  left: -12px;
}

.ab-QueryBuilder-predicate-editor--root {
  padding-left: 20px;
}

.ab-QueryBuilder-predicate-editor--root:before {
  left: 10px;
}

.ab-QueryBuilder-predicate-editor--root:after {
  left: 10px;
  top: 20px;
}

.ab-QueryBuilder-predicate-editor__root-actions {
  padding-top: 10px;
}

.ab-QueryBuilder-predicate-editor__root-actions:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: var(--ab-cmp-query-builder__border);
  bottom: 14px;
  left: 9px;
  height: 0px;
  width: 13px;
}

.ab-QueryBuilder-predicate-editor__root-actions:after {
  content: "";
  position: absolute;
  border-left: var(--ab-cmp-query-builder__border);
  height: 21px;
  bottom: 16px;
  left: 8px;
}

:root {
  --ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
  --ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
  --ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
  --ab-cmp-dialog__border-radius: var(--ab__border-radius);
  --ab-cmp-dialog__min-height: 60vh;
}

:root {
  --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
  --ab-cmp-dropdown--empty__color: var(--ab-color-text-on-defaultbackground);
  --ab-cmp-dropdown__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-dropdown__border-radius: var(--ab__border-radius);
  --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
  --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
  --ab-cmp-dropdown__padding: var(--ab-space-2);
}

:root {
  --ab-cmp-select__font-size: var(--ab-font-size-3);
  --ab-cmp-select__font-family: var(--ab__font-family);
  --ab-cmp-select__color: var(--ab-cmp-input__color);
  --ab-cmp-select-focused__box-shadow: var(--ab-focus__box-shadow);
  --ab-cmp-select-focused__outline: var(--ab-focus__outline);
  --ab-cmp-select__border: var(--ab-cmp-input__border);
  --ab-cmp-select__border-radius: var(--ab-cmp-input__border-radius);
  --ab-cmp-select-menu__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
  --ab-cmp-select-menu__min-width: 150px;
  --ab-cmp-select-menu__max-width: 60vw;
  --ab-cmp-select-menu__min-height: 25rem;
  --ab-cmp-select-option-active__background: var(
    --ab-cmp-dropdownbutton-list-item-active__background
  );
  --ab-cmp-select-option-active__color: var(--ab-cmp-dropdownbutton-list-item-active__color);
  --ab-cmp-select-option-focused__background: var(
    --ab-cmp-dropdownbutton-list-item-hover__background
  );
  --ab-cmp-select-multi-value__background: var(--ab-cmp-input__background);
  --ab-cmp-select-loading__background: rgba(0, 0, 0, 0.3);
  --ab-cmp-select-min-height: auto;
  --ab-cmp-select-max-width: 60vw;
}

:root {
  --ab-cmp-dropdownbutton-list__border: none;
  --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
  --ab-cmp-dropdownbutton-list-item__padding: var(--ab-space-2);
  --ab-cmp-dropdownbutton-list-item-hover__background: var(--ab-color-primary);
  --ab-cmp-dropdownbutton-list-item-hover__color: var(--ab-color-text-on-primary);
  --ab-cmp-dropdownbutton-list-item-active__background: var(--ab-color-primarydark);
  --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
  --ab-cmp-dropdownbutton-list__z-index: 1000;
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
    -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
}

:root {
  --ab-cmp-error-box__padding: var(--ab-space-3);
  --ab-cmp-error-box__border-radius: var(--ab__border-radius);
  --ab-cmp-error-box__color: var(--ab-color-text-on-error);
  --ab-cmp-error-box__background: var(--ab-color-error);
}

:root {
  --ab-cmp-warning-box__padding: var(--ab-space-3);
  --ab-cmp-warning-box__border-radius: var(--ab__border-radius);
  --ab-cmp-warning-box__color: var(--ab-color-text-on-warn);
  --ab-cmp-warning-box__background: var(--ab-color-warn);
}

:root {
  --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
  --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
  --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
}

:root {
  --ab-cmp-help-block__padding: var(--ab-space-2);
  --ab-cmp-help-block__border-radius: var(--ab__border-radius);
  --ab-cmp-help-block__color: var(--ab-color-text-on-primary);
  --ab-cmp-help-block__background: var(--ab-color-primarylight);
}

:root {
  --ab-cmp-code-block__padding: var(--ab-space-1);
  --ab-cmp-code-block__border-radius: var(--ab__border-radius);
  --ab-cmp-code-block__color: var(--ab-color-text-on-primary);
  --ab-cmp-code-block__background: var(--ab-color-primary);
}

:root {
  --ab-cmp-input__padding: var(--ab-space-2);
  --ab-cmp-input__color: var(--ab-color-inputcolor);
  --ab-cmp-input__background: var(--ab-color-defaultbackground);
  --ab-cmp-input__border-radius: var(--ab__border-radius);
  --ab-cmp-input__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
  --ab-cmp-input__font-size: var(--ab-font-size-2);
  --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
  --ab-cmp-input__font-family: var(--ab__font-family);
  --ab-cmp-input--placeholder__opacity: 0.6;
}

:root {
  --ab-cmp-listgroup: 1;
}

.ab-ListGroupItem {
  width: var(--ab-cmp-listgroupitem__width);
  vertical-align: middle;
  text-align: start;
  border: none;
  padding: var(--ab-space-2);
  display: flex;
  flex-flow: row;
  align-items: center;
  background: var(--ab-cmp-listgroupitem__background);
  color: var(--ab-cmp-listgroupitem__color);
  border-radius: var(--ab-cmp-listgroupitem__border-radius);
}

.ab-ListGroupItem:nth-child(2n+1) {
  background: var(--ab-cmp-listgroupitem--odd__background);
  color: var(--ab-cmp-listgroupitem--odd__color);
}

.ab-ListGroupItem.ab-ListGroupItem--no-zebra {
  background: var(--ab-color-defaultbackground);
}

.ab-ListGroupItem--active.ab-ListGroupItem {
  background: var(--ab-cmp-listgroupitem--active__background);
  color: var(--ab-cmp-listgroupitem--active__color);
}

.ab-ListGroupItem:focus {
  z-index: 1;
}

:root {
  --ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
}

:root {
  --ab-cmp-tabs__padding: var(--ab-space-2);
  --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
  --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
}

:root {
  --ab-cmp-panel_header__background: var(--ab-color-primary);
  --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
  --ab-cmp-panel__font-size: var(--ab-font-size-3);
  --ab-cmp-panel__border-radius: var(--ab__border-radius);
  --ab-cmp-panel__padding: var(--ab-space-2);
  --ab-cmp-panel__max-height: 80vh;
  --ab-cmp-panel__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
  --ab-cmp-panel_body__background: var(--ab-color-defaultbackground);
  --ab-cmp-panel_body__color: var(--ab-color-text-on-defaultbackground);
  --ab-cmp-panel_header__padding: var(--ab-space-2);
  --ab-cmp-panel_header__color: var(--ab-color-text-on-primary);
  --ab-cmp-panel_header--variant-primary__background: var(--ab-color-secondary);
  --ab-cmp-panel_header--variant-primary__color: var(--ab-color-text-on-secondary);
  --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
  --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
  --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
  --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
}

:root {
  --ab-cmp-simple-button__padding: var(--ab-space-1) var(--ab-space-1);
  --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
  --ab-cmp-simple-button--outlined__background: var(--ab-color-defaultbackground);
  --ab-cmp-simple-button--outlined__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-simple-button__font-size: var(--ab-font-size-2);
  --ab-cmp-simple-button__font-family: var(--ab__font-family);
  --ab-cmp-simple-button__height: 20px;
  --ab-cmp-simple-button__width: 20px;
}

:root {
  --ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
  --ab-cmp-textarea__border-radius: var(--ab__border-radius);
  --ab-cmp-textarea__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-textarea__color: var(--ab-cmp-input__color);
  --ab-cmp-textarea__font-size: var(--ab-font-size-3);
  --ab-cmp-textarea__font-family: var(--ab__font-family);
  --ab-cmp-textarea__background: var(--ab-cmp-input__background);
  --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
}

:root {
  --ab-cmp-tooltip__opacity: 0.96;
  --ab-cmp-tooltip__background: var(--ab-color-primary);
  --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
  --ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
  --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
}

:root {
  --ab-cmp-file-droppable__padding: var(--ab-space-5);
  --ab-cmp-file-droppable__margin: var(--ab-space-1);
  --ab-cmp-file-droppable__background: var(--ab-color-primary);
  --ab-cmp-file-droppable__color: var(--ab-color-text-on-primary);
  --ab-cmp-file-droppable__outline: 2px dashed var(--ab-cmp-file-droppable__color);
  --ab-cmp-file-droppable__outline-offset: -10px;
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
  --ab-cmp-file-droppable--drag-over__outline: 2px dashed
    var(--ab-cmp-file-droppable--drag-over__color);
}

:root {
  --ab-dashboard__background: var(--ab-color-primary);
  --ab-dashboard__font-family: var(--ab__font-family);
  --ab-dashboard-wrap: nowrap;
  --ab-dashboard-gap-size: 3px;
  --ab-dashboard-gap__background: var(--ab-color-primarylight);
  --ab-dashboard__color: var(--ab-color-text-on-primary);
  --ab-dashboard__border: var(--ab-color-primarydark);
  --ab-dashboard-header__background: var(--ab-color-secondary);
  --ab-dashboard-header__color: var(--ab-color-text-on-secondary);
  --ab-dashboard-tab-drop-target__background: skyblue;
  --ab-dashboard-toolbar-drag__background: lightgreen;
}

:root {
  --ab-cmp-listgroup: 1;
}

:root {
  --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
  --ab-cmp-datepicker__active-color: var(--ab-color-primarydark);
  --ab-cmp-datepicker__active-text-color: var(--ab-color-text-on-primarydark);
  --ab-cmp-datepicker__active-border-radius: 100%;
  --ab-cmp-datepicker__active-border: var(--ab-cmp-datepicker__day-border-width) solid
    var(--ab-cmp-datepicker__active-color);
  --ab-cmp-datepicker__selected-color: var(--ab-color-accent);
  --ab-cmp-datepicker__selected-text-color: var(--ab-color-text-on-secondary);
  --ab-cmp-datepicker__selected-border-radius: 100%;
  --ab-cmp-datepicker__selected-border: var(--ab-cmp-datepicker__day-border-width) solid
    var(--ab-cmp-datepicker__selected-color);
  --ab-cmp-datepicker__day-border-width: 2px;
  --ab-cmp-datepicker__day-border-radius: 50%;
  --ab-cmp-datepicker__hover-color: var(--ab-color-primarylight);
  --ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
  --ab-cmp-datepicker__font-family: var(--ab__font-family);
  --ab-cmp-datepicker__cell-size: 30px;
}

:root {
  --ab-cmp-toggle-button__background: #ccc;
  --ab-cmp-toggle-button--active__background: var(--ab-color-success);
  --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
  --ab-cmp-toggle-button__color: #656565;
  --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
}

:root {
  --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
  --ab-cmp-module-module-selector__tab-item__width: 160px;
  --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
  --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
  --ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
  --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
}

:root {
  --ab-cmp-loader__background: var(--ab-color-primarydark);
  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
  --ab-cmp-loader__font-size: var(--ab-font-size-2);
}

:root {
  --ab-cmp-progress-indicator__delay: 1s;
  --ab-cmp-progress-indicator__z-index: 9999;
  --ab-cmp-progress-indicator__font-size: var(--ab-font-size-4);
  --ab-cmp-progress-indicator__font-style: italic;
  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
  --ab-cmp-progress-indicator__padding: var(--ab-space-3);
  --ab-cmp-progress-indicator__background: var(--ab-color-primary);
  --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
}

:root {
  --ab-cmp-badge__padding: 5px;
  --ab-cmp-badge__gap: 3px;
}

:root {
  --ab-cmp-icon-selector__popup__color: var(--ab-color-inputcolor);
  --ab-cmp-icon-selector__popup__background: var(--ab-color-defaultbackground);
  --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-inputborder);
  --ab-cmp-icon-selector__popup__padding: var(--ab-space-2);
  --ab-cmp-icon-selector__popup__border-radius: var(--ab__border-radius);
}

:root {
  --adaptable-quick-search-floating-background-color: var(--ab-color-secondary);
  --adaptable-quick-search-floating-padding: var(--ab-space-1) var(--ab-space-2);
  --adaptable-quick-search-floating-width: 200px;
}

:root {
  --ab-cmp-note-popup-background-color: var(--ab-color-defaultbackground);
  --ab-cmp-note-popup-padding: var(--ab-space-4);
  --ab-cmp-note-popup-border-radius: var(--ab-space-2);
  --ab-cmp-note-popup-border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-note-popup-min-width: 160px;
  --ab-CellNote-triangle-color: var(--ab-color-accent);
}

:root {
  --ab-cmp-icon__fill: var(--ab-icon-fill);
  --ab-cmp-icon__height: 17px;
  --ab-cmp-icon__width: 17px;
}

:root {
  --ab-cmp-listgroupitem__padding: var(--ab-space-2);
  --ab-cmp-listgroupitem__margin: 0;
  --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
}

:root {
  --ab-cmp-wizard__padding: var(--ab-space-5);
  --ab-cmp-wizard__margin: var(--ab-space-1);
  --ab-cmp-wizard__background: var(--ab-color-primary);
  --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
}

:root {
  --ab-cmp-button-border-radius: 0px;
  --ab-cmp-button-disabled-opacity: 0.5;
  --ab-cmp-button-background: var(--ab-color-primary);
  --ab-cmp-button-disabled-background: var(--ab-color-primarydark);
}

:root {
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
  --ab-cmp-dashboardpanel_header__fill: currentColor;
  --ab-cmp-dashboardpanel_header__color: var(--ab-color-text-on-primarydark);
  --ab-cmp-dashboardpanel__fill: var(--ab-color-text-on-primary);
  --ab-cmp-dashboardpanel__color: currentColor;
  --ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
  --ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
  --ab-cmp-dashboardpanel__border: none;
}

:root {
  --ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
  --ab-cmp-toolpanelpanel__fill: var(--ab-cmp-dashboardpanel__fill);
  --ab-cmp-toolpanelpanel__border: var(--ab-cmp-dashboardpanel__border);
  --ab-cmp-toolpanelpanel_header__background: var(--ab-cmp-dashboardpanel_header__background);
  --ab-cmp-toolpanelpanel_header__fill: var(--ab-cmp-dashboardpanel_header__fill);
  --ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
  --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
  --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
}

:root {
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
  --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
  --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
}

:root {
  --ab-cmp-one-page-wizard__background: var(--ab-color-primary);
  --ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
  --ab-cmp-one-page-wizard-section-title__color: var(--ab-color-text-on-secondary);
  --ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
}

.ab-OnePageWizard__section {
  background: var(--ab-cmp-one-page-wizard-content__background);
  overflow: auto;
  border-radius: var(--ab__border-radius);
}

.ab-OnePageWizard__section-title-container {
  background: var(--ab-cmp-one-page-wizard__background);
}

.ab-OnePageWizard__section-container {
  background: var(--ab-cmp-one-page-wizard__background);
  min-height: 100%;
  overflow: hidden;
}

.ab-OnePageWizard__footer {
  background: var(--ab-cmp-one-page-wizard__background);
}

:root {
  --ab-cmp-toolpanel__width: 200px;
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
  --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
  --ab-cmp-toolpanel-header__grid-gap: 3px;
  --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
  --ab-cmp-toolpanel__font-family: var(--ab__font-family);
}

:root {
  --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
}

:root {
  --ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
  --ab-cmp-adaptable-popup--settings__padding: 20px;
  --ab-cmp-adaptable-popup--settings__height: 90vh;
  --ab-cmp-adaptable-popup__height: 90vh;
  --ab-cmp-adaptable-popup__max-height: 1200px;
  --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
    var(--ab-color-defaultbackground);
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
    var(--ab-color-primarydark);
  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
    var(--ab-space-2);
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
    --ab-color-accentlight
  );
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
  --ab-cmp-adaptable-popup-topbar__height: 45px;
  --ab-cmp-adaptable-popup-topbar__color: var(--ab-color-text-on-secondary);
  --ab-cmp-adaptable-popup-topbar__font-weight: 500;
  --ab-cmp-adaptable-popup-topbar__padding: var(--ab-space-3);
  --ab-cmp-adaptable-popup-topbar-icon__margin-right: var(--ab-space-2);
  --ab-cmp-adaptable-popup-topbar-icon__color: var(--ab-color-accentlight);
  --ab-cmp-adaptable-popup-panel__padding: 0 var(--ab-space-2);
  --ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
  --ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
  --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
}

:root {
  --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
}

:root {
  --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
  --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
  --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-defaultbackground);
  --ab-cmp-adaptable-object-list-item__padding: var(--ab-space-3) var(--ab-space-3);
  --ab-cmp-adaptable-object-list-item__margin-bottom: var(--ab-space-3);
  --ab-cmp-adaptable-object-list-item-label__padding-top: var(--ab-space-3);
  --ab-cmp-adaptable-object-list-item-label__width: 130px;
  --ab-cmp-adaptable-object-list-item-tag__padding: 6px 12px;
  --ab-cmp-adaptable-object-compact-list__background: var(--ab-color-primarylight);
  --ab-cmp-adaptable-object-compact-list__padding: var(--ab-space-2);
  --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-defaultbackground);
  --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-space-1);
  --ab-cmp-adaptable-object-compact-list-item__margin-bottom: var(--ab-space-2);
  --ab-cmp-adaptable-object-compact-list__header__padding: var(--ab-space-2);
  --ab-cmp-adaptable-object-compact-list__header__margin-bottom: var(--ab-space-1);
  --ab-cmp-adaptable-object-compact-list__header__font-size: var(--ab-font-size-4);
  --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
  --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
  --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
  --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
}

:root {
  --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
  --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
  --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
}

:root {
  --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
  --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
  --ab-cmp-system-status-list-text__font-weight: bold;
  --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
  --ab-cmp-system-status-list-text__color: var(--ab-color-text-on-secondary);
  --ab-cmp-system-status-list-text__padding: var(--ab-space-2);
}

:root {
  --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
  --ab-cmp-dashboard-pinned-toolbar-border: 1px solid var(--ab-color-primary);
}

html.ab--theme-dark {
  --ab-cmp-dashboard-pinned-toolbar-border: 1px solid #656565;
}

:root {
  --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
  --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
  --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
  --ab-cmp-adaptable-statusbar__font-weight: 400;
  --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
}

:root {
  --ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
  --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
}

:root {
  --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab__border-radius);
  --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
  --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(
    --ab-color-text-on-defaultbackground
  );
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
    --ab-color-defaultbackground
  );
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
    --ab__border-radius
  );
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
  --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
}

:root {
  --cmp-Badge-Definition-Editor__background: var(--ab-color-defaultbackground);
}

:root {
  --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
  --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
  --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
  --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
    var(--ab-color-primarydark);
  --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
  --ab-cmp-expression-editor-input__font-family: monospace;
  --ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
}

:root {
  --ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
  --ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
  --ab-cmp-quickfilter-selected-options-text__font-weight: bold;
}

:root {
  --ab-cmp-column-filter-input__font-size: var(--ab-font-size-1);
  --ab-cmp-column-filter-input__border: 1px solid var(--ab-color-primarydark);
  --ab-cmp-column-filter-input__background: var(--ab-color-defaultbackground);
}

:root {
  --ab-cmp-entity-rules-editor__background-color: var(--ab-color-defaultbackground);
}

.ab-Badge__wrapper {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.ab-Badge {
  display: inline-flex;
  align-items: center;
  gap: var(--ab-cmp-badge__gap);
  padding: var(--ab-cmp-badge__padding);
  line-height: 1;
}

:root {
  --ab-CellComment-triangle-color: var(--ab-color-info);
  --ab-CellComment-CellNote-triangle-color: var(--ab-color-success);
}

.ab-Comment {
  border-bottom: 1px solid var(--ab-color-primarydark);
}

.ab-Cell-Comment:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent var(--ab-CellComment-triangle-color) transparent transparent;
}

.ab-Cell-Comment.ab-Cell-Note:before {
  border-color: transparent var(--ab-CellComment-CellNote-triangle-color) transparent transparent;
}

/* Custom radio button styling */

input.ab-Radio-input {
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid;
  border-color: #767676;
  background-color: white;
  border-radius: 50%;
  margin: 0;
  position: relative;
}

/* Checked state */

input.ab-Radio-input:checked {
  border-color: #4a90e2;
}

input.ab-Radio-input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background-color: #4a90e2;
}

/* Disabled state */

input.ab-Radio-input:disabled {
  border-color: var(--ab-cmp-input__border, #444);
  opacity: 0.7;
}

/* Checked and disabled state */

input.ab-Radio-input:checked:disabled::after {
  background-color: #656565;
}

.ab-Select [data-name=value-container] {
  height: 100%;
  padding: 1px 8px;
  min-height: var(--ab-cmp-select-min-height);
  max-width: var(--ab-cmp-select-max-width);
}

.ab-Select [data-name=value-container] > [data-value] {
  margin: 0px;
}

.ab-Select-Row {
  cursor: pointer;
}

.ab-Select-Row--disabled {
  cursor: default;
}

[data-name=menu-container] .ab-Select-CheckboxColumn .InfiniteCheckBox {
  margin-block: 0px;
  margin-inline: var(--ab-space-1);
}

[data-name=menu-container] .ab-Select-CheckboxColumn .InfiniteCell_content {
  display: flex;
  align-items: center;
}

[data-name=menu-container] .ab-Select-CheckboxColumn .InfiniteCell_content_value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ab-Toggle {
  border: none;
  cursor: pointer;
  background: var(--ab-cmp-toggle__background);
  border-radius: var(--ab-cmp-toggle__border-radius);
  padding: var(--ab-cmp-toggle__padding);
  color: var(--ab-cmp-toggle__color);
  fill: var(--ab-cmp-toggle__color);
}

.ab-Toggle:hover {
  background: var(--ab-cmp-toggle--hover__background);
}

.ab-Toggle--pressed {
  background: var(--ab-cmp-toggle--pressed__background);
}

.ab-Toggle-Group {
  display: inline-flex;
  width: min-content;
  border-radius: var(--ab__border-radius);
  overflow: hidden;
}

.ab-Toggle-Group .ab-Toggle {
  border-radius: 0;
}

.ab-Table td,
.ab-Table th {
  padding: var(--ab-space-2);
}

.ab-Table th {
  border-bottom: 2px solid var(--ab-color-primarydark);
}

.ab-Table tr:not(last-child) td {
  border-bottom: 1px solid var(--ab-color-primarylight);
}

.ab-CheckBox, .ab-CheckBox *,
.ab-CheckBox *:before,
.ab-CheckBox *:after {
  box-sizing: border-box;
}

.ab-CheckBox {
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.ab-CheckBox--checked {
  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
}

.ab-CheckBox--checked .ab-CheckBox__square {
  border-color: var(--ab-cmp-checkbox--checked__border-color);
}

.ab-CheckBox--indeterminate {
  --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
}

.ab-CheckBox:focus-within .ab-CheckBox__square,
.ab-CheckBox:active .ab-CheckBox__square,
.ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
.ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
  box-shadow: var(--ab-focus__box-shadow);
}

.ab-CheckBox__square {
  border-radius: var(--ab__border-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--ab-cmp-checkbox__border-color);
  background: var(--ab-cmp-checkbox__background);
  min-height: var(--ab-cmp-checkbox--check-size);
  min-width: var(--ab-cmp-checkbox--check-size);
  line-height: 0;
  font-size: 0;
  position: relative;
  pointer-events: none;
}

.ab-CheckBox__square:after {
  opacity: 1;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
  transition-property: opacity;
  content: "";
  display: block;
  margin: auto;
  width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
  height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
  border: solid var(--ab-cmp-checkbox--check__color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 1px;
}

.ab-CheckBox__square--unchecked::after {
  opacity: 0;
}

.ab-CheckBox__square--indeterminate:after {
  transform: rotate(0deg);
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 2px;
  left: 2px;
  border: none;
  width: auto;
  height: auto;
  background: var(--ab-cmp-checkbox--check__color);
  border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
}

.ab-CheckBox--disabled {
  opacity: 0.5;
}

.ab-CheckBox--readonly .ab-CheckBox__square {
  opacity: 0.5;
}

.ab-CheckBox-input:not(.ag-checkbox-input) {
  width: 100%;
  height: 100%;
  line-height: 0;
  font-size: 0;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
}

:root {
  --ab-cmp-query-builder__border: 1px dotted var(--ab-color-text-on-defaultbackground);
  --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
  --ab-cmp-query-builder-expression__color: var(--ab-color-text-on-primary);
  --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
}

.ab-Dialog {
  position: relative;
  background: var(--ab-cmp-dialog__background);
  fill: var(--ab-color-text-on-primary);
  color: var(--ab-cmp-dialog__color);
  border-radius: var(--ab-cmp-dialog__border-radius);
  display: flex;
  flex-flow: column;
}

.ab-Dialog:focus-within, .ab-Dialog:focus {
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
}

.ab-Dialog__close-button {
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: var(--ab-font-size-3);
  font-weight: 700;
  line-height: 1;
  color: var(--ab-cmp-dialog-close-button__color);
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
}

.ab-Dialog-fixed-wrapper {
  position: fixed;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ab-Dropdown {
  background: var(--ab-color-defaultbackground);
  border: var(--ab-cmp-dropdown__border);
  border-radius: var(--ab-cmp-dropdown__border-radius);
  position: relative;
  min-width: 120px;
  max-width: 300px;
  font-family: var(--ab-cmp-dropdown__font-family);
  font-size: var(--ab-cmp-dropdown__font-size);
}

.ab-Dropdown--disabled {
  opacity: 0.5;
}

.ab-Dropdown--focused {
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
}

.ab-Dropdown__text {
  color: var(--ab-cmp-dropdown__color);
  padding: var(--ab-cmp-dropdown__padding);
  pointer-events: none;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ab-Dropdown--empty .ab-Dropdown__text {
  color: var(--ab-color-text-on-defaultbackground);
}

.ab-Dropdown select {
  font-family: inherit;
  font-size: inherit;
  position: absolute;
  cursor: pointer;
}

.ab-Dropdown .ab-SimpleButton {
  color: var(--ab-cmp-dropdown__color) !important;
}

.ab-DropdownButton {
  position: relative;
  overflow: visible;
  outline: none;
  --ab-overlay-horizontal-align: left;
}

.ab-DropdownButton__list {
  text-align: start;
  padding: var(--ab-space-1) 0;
  box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
  overflow: auto;
  border: var(--ab-cmp-dropdownbutton-list__border);
  border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
  z-index: var(--ab-cmp-dropdownbutton-list__z-index);
  background: var(--ab-cmp-dropdownbutton-list__background);
}

.ab-DropdownButton__content {
  font-family: var(--ab__font-family);
  font-size: var(--ab-font-size-2);
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
}

.ab-DropdownButton__list-item {
  fill: currentColor;
  color: var(--ab-cmp-dropdownbutton-list-item__color);
}

.ab-DropdownButton__list-item--disabled {
  opacity: 0.5;
}

.ab-DropdownButton__list-item--not-clickable {
  cursor: auto;
}

.ab-DropdownButton__list-item--clickable:hover {
  background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
  color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
  fill: currentColor;
  cursor: pointer;
}

.ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
  color: inherit;
}

.ab-DropdownButton__separator td {
  border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
}

.ab-EmptyContent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: var(--ab-font-size-3);
  text-align: center;
  padding: var(--ab-space-4);
}

.ab-EmptyContent p {
  color: var(--ab-color-text-on-primary);
}

.ab-EmptyContent__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.ab-ErrorBox {
  padding: var(--ab-cmp-error-box__padding);
  border-radius: var(--ab-cmp-error-box__border-radius);
  background: var(--ab-cmp-error-box__background);
  color: var(--ab-cmp-error-box__color);
}

.ab-WarningBox {
  padding: var(--ab-cmp-warning-box__padding);
  border-radius: var(--ab-cmp-warning-box__border-radius);
  background: var(--ab-cmp-warning-box__background);
  color: var(--ab-cmp-warning-box__color);
}

.ab-FieldWrap {
  border: 1px solid var(--ab-color-inputborder);
  color: 1px solid var(--ab-color-inputcolor);
  border-radius: var(--ab-cmp-field-wrap__border-radius);
  background: var(--ab-cmp-field-wrap__background);
  overflow: hidden;
  fill: var(--ab-cmp-field-wrap__fill);
}

.ab-FieldWrap:focus-within {
  box-shadow: var(--ab-focus__box-shadow);
}

.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
  border: none;
  flex: 1;
}

.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
  outline: none !important;
  box-shadow: none !important;
}

.ab-FormLayout {
  display: grid;
  align-items: center;
}

.ab-FormLayout_column--label {
  text-align: end;
}

.ab-HelpBlock {
  padding: var(--ab-cmp-help-block__padding);
  background: var(--ab-cmp-help-block__background);
  border-radius: var(--ab-cmp-help-block__border-radius);
  color: var(--ab-cmp-help-block__color);
}

.ab-CodeBlock {
  padding: var(--ab-cmp-code-block__padding);
  background: var(--ab-cmp-code-block__background);
  border-radius: var(--ab-cmp-code-block__border-radius);
  color: var(--ab-cmp-code-block__color);
}

input.ab-Input {
  background: var(--ab-cmp-input__background);
}

input.ab-Input[disabled] {
  background: var(--ab-cmp-input--disabled__background);
}

.ab-Input {
  position: relative;
  padding: var(--ab-cmp-input__padding);
  color: var(--ab-cmp-input__color);
  border-radius: var(--ab-cmp-input__border-radius);
  border: var(--ab-cmp-input__border);
  font-family: var(--ab-cmp-input__font-family);
  font-size: var(--ab-cmp-input__font-size);
  /* WebKit, Edge */
  /* Firefox 4-18 */
  /* Firefox 19+ */
  /* IE 10-11 */
  /* Edge */
  /* MODERN BROWSER */
}

.ab-Input:focus {
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
}

.ab-Input::-webkit-input-placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

.ab-Input:-moz-placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

.ab-Input::-moz-placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

.ab-Input:-ms-input-placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

.ab-Input::-ms-input-placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

.ab-Input::placeholder {
  color: var(--ab-cmp-input--placeholder__color);
  opacity: var(--ab-cmp-input--placeholder__opacity);
}

/* Spin Buttons modified */

input[type=number].ab-Input::-webkit-outer-spin-button,
input[type=number].ab-Input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  width: 1em;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
}

input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
input[type=number].ab-Input:hover::-webkit-inner-spin-button,
input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
  opacity: 1;
}

input[type=number].ab-Input.ab-Input--no-arrows {
  appearance: textfield;
}

input[type=number].ab-Input.ab-Input--no-arrows::-webkit-outer-spin-button,
input[type=number].ab-Input.ab-Input--no-arrows::-webkit-inner-spin-button {
  display: none;
}

/**
* Need to change the direct variable used. If the referenced variable is changed, the change does not propagate.
* @example
* --var-1: 1;
* --var-2: var(--var-1);
* .class { color: var(--var-2); }
* .class { --var-1: 2; }
* .class { color: var(--var-2); } // color is still 1
*/

.ab-cmp-input-group > :first-child,
.ab-cmp-input-group > :first-child.ab-FieldWrap.ab-Datepicker {
  --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
  --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
  --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
}

.ab-cmp-input-group > :last-child {
  --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
  --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
  --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
}

.ab-cmp-input-group > :not(:first-child):not(:last-child) {
  --ab-cmp-input__border-radius: var(--ab__border-radius);
  --ab-cmp-select__border-radius: var(--ab__border-radius);
  --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
}

.ab-ListGroup {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

:root {
  --ab-cmp-listgroupitem__width: 100%;
  --ab-cmp-listgroupitem__background: var(--ab-color-primary);
  --ab-cmp-listgroupitem__color: var(--ab-color-text-on-primary);
  --ab-cmp-listgroupitem__border-radius: 0px;
  --ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
  --ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
  --ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
  --ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
}

.ab-Modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  font-family: var(--ab__font-family);
}

.ab-Modal.ab-Modal--resizable-and-movable {
  position: relative;
}

.ab-Modal-backdrop {
  background: var(--ab-cmp-modal-backdrop__background);
  z-index: 900;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

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

.ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
.ab-Tabs__Tab--before-active {
  border-bottom-right-radius: var(--ab__border-radius);
}

.ab-Tabs__Strip {
  z-index: 10;
  overflow: visible;
}

.ab-Tabs__Tab {
  cursor: pointer;
  background: var(--ab-cmp-tabs-strip__background);
}

.ab-Tabs__Tab:focus {
  outline: none;
}

.ab-Tabs__Tab:focus:after {
  box-shadow: var(--ab-focus__box-shadow);
}

.ab-Tabs__Filler {
  background: var(--ab-cmp-tabs-strip__background);
}

.ab-Tabs__Tab--active + .ab-Tabs__Filler,
.ab-Tabs__Tab--active + .ab-Tabs__Tab {
  border-bottom-left-radius: var(--ab__border-radius);
}

.ab-Tabs__Tab--active {
  position: relative;
  z-index: 30;
}

.ab-Tabs__Tab--active:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 5px;
  right: 0;
  left: 0;
  z-index: -2;
  border-top-left-radius: var(--ab__border-radius);
  border-top-right-radius: var(--ab__border-radius);
}

.ab-Tabs__Tab--active:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border-top-left-radius: var(--ab__border-radius);
  border-top-right-radius: var(--ab__border-radius);
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--ab-cmp-tabs-active__background);
}

.ab-Tabs__Strip {
  background: var(--ab-cmp-tabs-active__background);
}

.ab-Tabs__Body {
  background: var(--ab-cmp-tabs-active__background);
  border-radius: var(--ab__border-radius);
  flex: 1;
  overflow: auto;
  display: flex;
  flex-flow: column;
}

.ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
  border-top-left-radius: 0;
}

.ab-Panel {
  display: flex;
  flex-flow: column;
  max-height: var(--ab-cmp-panel__max-height);
  overflow: auto;
  font-size: var(--ab-cmp-panel__font-size);
}

.ab-Panel .glyphicon {
  -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
  fill: var(--ab-cmp-panel-icon__fill);
}

.ab-Panel--variant-modern {
  --ab-cmp-panel__border-radius: var(--ab-space-1);
}

.ab-Panel__header {
  flex: none;
  background: var(--ab-cmp-panel_header__background);
  color: var(--ab-cmp-panel_header__color);
  font-size: var(--ab-cmp-panel_header__font-size);
  padding: var(--ab-cmp-panel_header__padding);
  border-top-left-radius: var(--ab-cmp-panel__border-radius);
  border-top-right-radius: var(--ab-cmp-panel__border-radius);
  border: var(--ab-cmp-panel__border);
}

.ab-Panel__header--variant-primary {
  background: var(--ab-cmp-panel_header--variant-primary__background);
  color: var(--ab-cmp-panel_header--variant-primary__color);
  fill: currentColor;
}

.ab-Panel__header--variant-modern {
  border: none;
  background: var(--ab-cmp-panel_header--variant-modern__background);
}

.ab-Panel__body {
  position: relative;
  padding: var(--ab-cmp-panel__padding);
  border: var(--ab-cmp-panel__border);
  background: var(--ab-cmp-panel_body__background);
  color: var(--ab-cmp-panel_body__color);
  flex: 1;
  border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
  border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
}

.ab-Panel__body--scroll-auto {
  overflow: auto;
}

.ab-Panel__body--variant-modern {
  border: none;
  background: var(--ab-cmp-panel_body--variant-modern__background);
}

.ab-Panel--with-header > .ab-Panel__body {
  border-top: none;
}

.ab-Panel--no-header > .ab-Panel__body {
  border-top-left-radius: var(--ab-cmp-panel__border-radius);
  border-top-right-radius: var(--ab-cmp-panel__border-radius);
}

.ab-SimpleButton {
  padding: var(--ab-cmp-simple-button__padding);
  font-family: var(--ab-cmp-simple-button__font-family);
  font-size: var(--ab-cmp-simple-button__font-size);
}

.ab-SimpleButton:focus {
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
}

.ab-SimpleButton.ab-SimpleButton {
  vertical-align: middle;
}

.ab-SimpleButton.ab-SimpleButton > * {
  z-index: 1;
}

.ab-SimpleButton.ab-SimpleButton svg {
  vertical-align: middle;
}

.ab-SimpleButton.ab-SimpleButton {
  border-radius: var(--ab-cmp-simple-button__border-radius);
  color: var(--ab-color-text-on-primary);
  position: relative;
  overflow: hidden;
  display: inline-flex;
  flex-flow: row;
  flex: none;
  align-items: center;
  fill: currentColor;
}

.ab-SimpleButton.ab-SimpleButton--tone-neutral {
  color: var(--ab-color-text-on-primary);
}

.ab-SimpleButton.ab-SimpleButton--tone-none {
  color: inherit;
}

.ab-SimpleButton.ab-SimpleButton--tone-success {
  color: var(--ab-color-success);
}

.ab-SimpleButton.ab-SimpleButton--tone-accent {
  color: var(--ab-color-text-on-secondary);
}

.ab-SimpleButton.ab-SimpleButton--tone-error {
  color: var(--ab-color-error);
}

.ab-SimpleButton.ab-SimpleButton--tone-warning {
  color: var(--ab-color-warn);
}

.ab-SimpleButton.ab-SimpleButton--tone-info {
  color: var(--ab-color-info);
}

.ab-SimpleButton.ab-SimpleButton--disabled {
  opacity: 0.5;
}

.ab-SimpleButton.ab-SimpleButton:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

.ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
  transition: opacity 0.2s;
}

.ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
  content: "";
  opacity: 0;
  transition: opacity 0.2s;
}

.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled), .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled) {
  cursor: pointer;
}

.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled):before, .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled):before {
  opacity: 0.15;
  background-color: currentColor;
}

.ab-SimpleButton.ab-SimpleButton--variant-text {
  background: transparent;
}

.ab-SimpleButton.ab-SimpleButton--variant-outlined {
  background: var(--ab-cmp-simple-button--outlined__background);
  border: var(--ab-cmp-simple-button--outlined__border);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised {
  color: var(--ab-color-text-on-primary);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
  box-shadow: var(--ab-focus__box-shadow);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
  cursor: pointer;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
  background: var(--ab-color-success);
  color: var(--ab-color-text-on-success);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
  background: var(--ab-color-secondary);
  color: var(--ab-color-text-on-secondary);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
  background: transparent;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
  background: var(--ab-color-primary);
  color: var(--ab-color-text-on-primary);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
  background: var(--ab-color-error);
  color: var(--ab-color-text-on-error);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
  background: var(--ab-color-warn);
  color: var(--ab-color-text-on-warn);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
  background: var(--ab-color-info);
  color: var(--ab-color-text-on-info);
}

.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
  opacity: 1;
}

.ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
  font-weight: normal;
}

.ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
.ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
  font-weight: 700;
}

.ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
  font-weight: 800;
}

.ab-Textarea {
  padding: var(--ab-cmp-textarea__padding);
  border-radius: var(--ab-cmp-textarea__border-radius);
  border: var(--ab-cmp-textarea__border);
  color: var(--ab-cmp-textarea__color);
  font-family: var(--ab-cmp-textarea__font-family);
  font-size: var(--ab-cmp-textarea__font-size);
  background: var(--ab-cmp-textarea__background);
}

.ab-Textarea[disabled] {
  background: var(--ab-cmp-textarea--disabled__background);
}

.ab-Textarea:focus {
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
}

.ab-Tooltip {
  pointer-events: none;
  padding: var(--ab-space-1) var(--ab-space-2);
  box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);
  white-space: nowrap;
  font-size: var(--ab-cmp-tooltip__font-size);
  color: var(--ab-cmp-tooltip__color);
}

.ab-Tooltip:before {
  border: var(--ab-cmp-tooltip__border);
  content: "";
  position: absolute;
  border-radius: var(--ab__border-radius);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: var(--ab-cmp-tooltip__opacity);
  background: var(--ab-cmp-tooltip__background);
  z-index: -1;
}

.ab-FileDroppable {
  align-items: center;
  justify-content: center;
  position: relative;
  padding: var(--ab-cmp-file-droppable__padding);
  margin: var(--ab-cmp-file-droppable__margin);
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  outline: var(--ab-cmp-file-droppable__outline);
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
  background: var(--ab-cmp-file-droppable__background);
}

.ab-FileDroppable,
.ab-FileDroppable input,
.ab-FileDroppable button,
.ab-FileDroppable .ab-SimpleButton {
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  fill: currentColor;
}

.ab-FileDroppable,
.ab-FileDroppable input,
.ab-FileDroppable button {
  color: var(--ab-cmp-file-droppable__color);
}

.ab-FileDroppable.ab-FileDroppable--drag-over {
  outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
  outline: var(--ab-cmp-file-droppable--drag-over__outline);
  background: var(--ab-cmp-file-droppable--drag-over__background);
  color: var(--ab-cmp-file-droppable--drag-over__color);
}

.ab-FileDroppable.ab-FileDroppable--drag-over * {
  pointer-events: none;
}

.ab-FileDroppable,
.ab-FileDroppable *,
.ab-FileDroppable *:before,
.ab-FileDroppable *:after {
  box-sizing: border-box;
}

.ab-WizardPanel > .ab-Panel__body {
  display: flex;
  flex-flow: column;
}

.ab-Dashboard {
  z-index: 1000;
  user-select: none;
  background: var(--ab-dashboard-gap__background);
  color: var(--ab-dashboard__color);
  font-family: var(--ab-dashboard__font-family);
}

.ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
  display: flex;
}

.ab-Dashboard__header {
  display: flex;
  align-items: stretch;
  background: var(--ab-dashboard-header__background);
  color: var(--ab-dashboard-header__color);
  height: 40px;
  padding: 0 var(--ab-space-2);
}

.ab-Dashboard__header-left, .ab-Dashboard__header-right {
  display: flex;
  align-items: center;
  flex: 1;
}

.ab-Dashboard__header-left {
  justify-content: flex-start;
}

.ab-Dashboard__header-right {
  justify-content: flex-end;
}

.ab-Dashboard__title {
  display: flex;
  align-items: center;
  padding: 0 var(--ab-space-3);
  font-weight: bold;
  font-size: var(--ab-font-size-4);
}

.ab-Dashboard__tabs {
  align-self: flex-end;
  margin-left: var(--ab-space-2);
}

.ab-Dashboard__tab {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--ab-font-size-3);
  border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
  padding: 8px 12px 12px 12px;
  color: var(--ab-dashboard-header__color);
  background: var(--ab-dashboard-header__background);
}

.ab-Dashboard__tab--active {
  color: var(--ab-dashboard__color);
  background: var(--ab-dashboard__background);
}

.ab-Dashboard__content {
  display: flex;
  grid-gap: var(--ab-dashboard-gap-size);
  flex-flow: var(--ab-dashboard-wrap);
  align-items: stretch;
  flex: 1;
  overflow-x: auto;
  padding: var(--ab-dashboard-gap-size);
}

.ab-Dashboard__container {
  display: flex;
  flex-shrink: 0;
  background: var(--ab-dashboard__background);
}

.ab-Dashboard__content-buttons {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: var(--ab-space-2);
  border-left: 1px solid var(--ab-dashboard__border);
}

.ab-Dashboard__toolbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: var(--ab-font-size-3);
}

.ab-Dashboard__pinned {
  overflow-x: auto;
  font-size: var(--ab-font-size-3);
}

.ab-Dashboard__toolbar-content {
  padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
  display: flex;
}

.ab-Dashboard__toolbar-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ab-font-size-2);
  padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
  opacity: 0.7;
}

.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
  color: var(--ab-dashboard-header__color);
  background: var(--ab-dashboard-header__background);
  padding-top: var(--ab-dashboard-gap-size);
  padding-bottom: var(--ab-dashboard-gap-size);
}

.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
  opacity: 1;
}

.ab-Dashboard .ab-Input {
  border: none;
}

.ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
  padding: var(--ab-space-1);
}

.ab-Dashboard .ab-StateManagement__Clear-Button,
.ab-Dashboard .ab-StateManagement__Load-Button,
.ab-Dashboard .ab-StateManagement__Export-Dropdown {
  margin-left: var(--ab-space-1);
}

.ab-GridList {
  --at-grid__background: transparent;
}

.ab-GridList .AT-GridCell_content,
.ab-GridList .ab-ListGroupItem,
.ab-GridList .AT-GridColumnCell {
  width: 100%;
}

.ab-GridList .AT-GridHeader {
  display: none;
}

.ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
  padding-left: 0;
  padding-right: 0;
}

.ab-GridList .AT-GridRow--odd {
  background: var(--ab-cmp-listgroupitem--odd__background);
  color: var(--ab-cmp-listgroupitem--odd__color);
}

.ab-GridList .AT-GridRow--even {
  background: var(--ab-cmp-listgroupitem__background);
  color: var(--ab-cmp-listgroupitem__color);
}

.ab-GridList .ab-ListGroupItem {
  --ab-cmp-listgroupitem__background: transparent;
  --ab-cmp-listgroupitem--odd__background: transparent;
}

.ab-Datepicker-Overlay {
  border: var(--ab-cmp-datepicker__border);
  background: var(--ab-cmp-datepicker__background);
  z-index: 1000;
  box-shadow: var(--ab-focus__box-shadow);
  outline: var(--ab-focus__outline);
  border-radius: var(--ab__border-radius);
  color: var(--ab-color-text-on-defaultbackground);
  /* Variables declaration */
  /* prettier-ignore */
  /* Root of the component. */
  /* DAY MODIFIERS */
}

.ab-Datepicker-Overlay .rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */
  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */
  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */
  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */
  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
  --rdp-gradient-direction: 90deg;
}

.ab-Datepicker-Overlay .rdp-root[dir=rtl] {
  --rdp-gradient-direction: -90deg;
}

.ab-Datepicker-Overlay .rdp-root[data-broadcast-calendar=true] {
  --rdp-outside-opacity: unset;
}

.ab-Datepicker-Overlay .rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.ab-Datepicker-Overlay .rdp-root * {
  box-sizing: border-box;
}

.ab-Datepicker-Overlay .rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.ab-Datepicker-Overlay .rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.ab-Datepicker-Overlay .rdp-day_button:disabled {
  cursor: revert;
}

.ab-Datepicker-Overlay .rdp-caption_label {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border: 0;
}

.ab-Datepicker-Overlay .rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.ab-Datepicker-Overlay .rdp-button_next,
.ab-Datepicker-Overlay .rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.ab-Datepicker-Overlay .rdp-button_next:disabled,
.ab-Datepicker-Overlay .rdp-button_previous:disabled {
  cursor: revert;
  opacity: var(--rdp-nav_button-disabled-opacity);
}

.ab-Datepicker-Overlay .rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.ab-Datepicker-Overlay .rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
}

.ab-Datepicker-Overlay .rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.ab-Datepicker-Overlay .rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}

.ab-Datepicker-Overlay .rdp-dropdown {
  z-index: 2;
  /* Reset */
  opacity: 0;
  appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.ab-Datepicker-Overlay .rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.ab-Datepicker-Overlay .rdp-dropdown_root[data-disabled=true] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.ab-Datepicker-Overlay .rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.ab-Datepicker-Overlay .rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: fit-content;
}

.ab-Datepicker-Overlay .rdp-month_grid {
  border-collapse: collapse;
}

.ab-Datepicker-Overlay .rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  height: var(--rdp-nav-height);
}

.ab-Datepicker-Overlay .rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.ab-Datepicker-Overlay .rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

.ab-Datepicker-Overlay .rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.ab-Datepicker-Overlay .rdp-selected {
  font-weight: bold;
  font-size: large;
}

.ab-Datepicker-Overlay .rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.ab-Datepicker-Overlay .rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.ab-Datepicker-Overlay .rdp-disabled {
  opacity: var(--rdp-disabled-opacity);
}

.ab-Datepicker-Overlay .rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.ab-Datepicker-Overlay .rdp-range_start {
  background: var(--rdp-range_start-background);
}

.ab-Datepicker-Overlay .rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.ab-Datepicker-Overlay .rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.ab-Datepicker-Overlay .rdp-range_middle .rdp-day_button {
  border-color: transparent;
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.ab-Datepicker-Overlay .rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.ab-Datepicker-Overlay .rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.ab-Datepicker-Overlay .rdp-range_start.rdp-range_end {
  background: revert;
}

.ab-Datepicker-Overlay .rdp-focusable {
  cursor: pointer;
}

.ab-Datepicker-Overlay .rdp-root {
  --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
  --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
  --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
  --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
  --rdp-day_button-height: 30px;
  --rdp-day_button-width: 30px;
  --rdp-day-height: auto;
  margin: 1em;
  font-size: var(--ab-cmp-datepicker__font-size);
  font-family: var(--ab-cmp-datepicker__font-family);
}

.ab-Datepicker-Overlay .rdp-root .rdp-month_grid {
  border-collapse: separate;
}

.ab-Datepicker-Overlay .rdp-root .rdp-weeknumber,
.ab-Datepicker-Overlay .rdp-root .rdp-day {
  border-radius: var(--ab-cmp-datepicker__day-border-radius);
}

.ab-Datepicker-Overlay .rdp-root .rdp-day {
  border: var(--ab-cmp-datepicker__day-border-width) solid transparent;
}

.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:focus:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:active:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:hover:not([disabled]) {
  color: var(--ab-cmp-datepicker__active-text-color);
  background: var(--ab-cmp-datepicker__active-color);
  border-radius: var(--ab-cmp-datepicker__active-border-radius);
  border: var(--ab-cmp-datepicker__active-border);
  border-radius: var(--ab-cmp-datepicker__active-border-radius);
}

.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:not([disabled]) button,
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:focus:not([disabled]) button,
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:active:not([disabled]) button,
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-focused:hover:not([disabled]) button {
  border: none;
  outline: none;
}

.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-selected:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-selected:focus:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-selected:active:not([disabled]),
.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-selected:hover:not([disabled]) {
  color: var(--ab-cmp-datepicker__selected-text-color);
  background: var(--ab-cmp-datepicker__selected-color);
  border-radius: var(--ab-cmp-datepicker__selected-border-radius);
  border: var(--ab-cmp-datepicker__selected-border);
  border-radius: var(--ab-cmp-datepicker__selected-border-radius);
  font-size: inherit;
}

.ab-Datepicker-Overlay .rdp-root .rdp-caption_label {
  font-size: 90%;
}

.ab-Datepicker-Overlay .rdp-root .rdp-nav_button {
  color: var(--ab-color-text-on-primary);
}

.ab-Datepicker-Overlay .rdp-root .rdp-table {
  width: 100%;
  max-width: none;
}

.ab-Datepicker-Overlay .rdp-root .rdp-day.rdp-outside {
  opacity: 0.4;
}

.ab-Datepicker-Overlay .rdp-root .rdp-today {
  border: var(--rdp-outline);
}

.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(8),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(9),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(10),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(11),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(12),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(13),
.ab-Datepicker-Overlay .rdp-root .rdp-row td:nth-child(14) {
  display: none;
}

.ab-Datepicker-Overlay .rdp-root.rdp-with_weeknumber .rdp-row td:nth-child(8) {
  display: table-cell;
}

.ab-ToggleButton {
  user-select: none;
  position: relative;
  display: inline-block;
  min-width: 40px;
  width: 77px;
  height: 32px;
}

.ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
  cursor: pointer;
  opacity: 0.85;
}

.ab-ToggleButton__input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ab-ToggleButton__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ab-cmp-toggle-button__background);
  transition: 0.1s;
  border-radius: var(--ab__border-radius);
}

.ab-ToggleButton__slider:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
  border-radius: var(--ab__border-radius);
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.2s;
}

.ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
  background-color: var(--ab-cmp-toggle-button--active__background);
}

.ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
  transform: translateX(45px);
}

.ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
  box-shadow: var(--ab-focus__box-shadow);
}

.ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
  opacity: 0.5;
}

.ab-ToggleButton .ab-ToggleButton__text {
  font-size: var(--ab-cmp-toggle-button__font-size);
  padding-right: var(--ab-space-2);
  color: var(--ab-cmp-toggle-button__color);
  font-weight: 600;
}

.ab-ToggleButton--checked .ab-ToggleButton__text {
  padding-left: var(--ab-space-2);
  color: var(--ab-cmp-toggle-button--checked__color);
}

.ab-Loader {
  font-size: var(--ab-cmp-loader__font-size);
  margin-top: 8px;
  font-style: italic;
}

.ab-Loader__text,
.ab-Loader__Spinner {
  vertical-align: middle;
}

.ab-Loader .ab-Loader__Spinner {
  margin-right: 5px;
}

.ab-Loader__Spinner {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid var(--ab-cmp-loader__background);
  border-top: 2px solid var(--ab-cmp-loader__border);
  width: 10px;
  height: 10px;
  bottom: 0;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ab-progress-indicator {
  transition-delay: var(--ab-cmp-progress-indicator__delay);
  transition-property: opacity;
  transition-duration: 0.3s;
}

.ab-progress-indicator--visible {
  opacity: 1;
}

.ab-progress-indicator .ab-progress-indicator-body {
  padding: var(--ab-cmp-progress-indicator__padding);
  background: var(--ab-cmp-progress-indicator__background);
  color: var(--ab-cmp-progress-indicator__color);
  border-style: none;
  border-width: 0px;
  border-radius: var(--ab__border-radius);
  box-shadow: var(--ab-focus__box-shadow);
  font-size: var(--ab-cmp-progress-indicator__font-size);
  font-style: var(--ab-cmp-progress-indicator__font-style);
  font-family: var(--ab-cmp-progress-indicator__font-family);
}

:root {
  --ab-cmp-Tag__font-size: var(--ab-font-size-3);
}

.ab-Tag {
  display: inline-flex;
  font-size: var(--ab-cmp-Tag__font-size);
  max-width: 100%;
}

.ab-ModuleSelector__TabItem {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-right: var(--ab-space-2);
  width: var(--ab-cmp-module-module-selector__tab-item__width);
  border: var(--ab-cmp-module-module-selector__tab-item__border);
  border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
}

.ab-ModuleSelector__TabItem__header {
  display: flex;
  align-items: center;
  padding: var(--ab-space-1);
  border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
}

.ab-ModuleSelector__TabItem__header-input {
  flex: 1;
  width: 100%;
  margin-left: var(--ab-space-1);
  margin-right: var(--ab-space-1);
  align-self: stretch;
  background: transparent;
  border: none;
  color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
}

.ab-ModuleSelector__ToolbarList {
  flex: 1;
  padding: 4px;
  padding-bottom: 0;
  min-height: 200px;
}

.ab-ModuleSelector__ToolbarItem {
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
}

.ab-ModuleSelector__UnusedPanel {
  border: var(--ab-cmp-module-selector__unused-panel__border);
  border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
  background-color: var(--ab-cmp-module-selector__unused-panel__background);
}

.ab-ColorPicker-range {
  /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
  how to remove the virtical space around the range & in IE*/
}

.ab-ColorPicker-range[type=range] {
  width: 120px;
  margin: 0px 0;
  height: 20px;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
}

.ab-ColorPicker-range[type=range]:focus {
  outline: none;
}

.ab-ColorPicker-range[type=range]::-webkit-slider-runnable-track {
  background: none;
  border: 0;
  width: 100%;
  height: 20px;
  cursor: pointer;
}

.ab-ColorPicker-range[type=range]::-webkit-slider-thumb {
  margin-top: 0px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 20px;
  cursor: pointer;
  -webkit-appearance: none;
}

.ab-ColorPicker-range[type=range]:focus::-webkit-slider-runnable-track {
  background: none;
}

.ab-ColorPicker-range[type=range]::-moz-range-track {
  background: none;
  border: 0;
  width: 100%;
  height: 20px;
  cursor: pointer;
}

.ab-ColorPicker-range[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 20px;
  cursor: pointer;
}

.ab-ColorPicker-range[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 1px 0;
  color: transparent;
  width: 100%;
  height: 20px;
  cursor: pointer;
}

.ab-ColorPicker-range[type=range]::-ms-fill-lower {
  background: #43429e;
  border: 0;
}

.ab-ColorPicker-range[type=range]::-ms-fill-upper {
  background: none;
  border: 0;
}

.ab-ColorPicker-range[type=range]::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 0px;
  /*Needed to keep the Edge thumb centred*/
}

.ab-ColorPicker-range[type=range]:focus::-ms-fill-lower {
  background: none;
}

.ab-ColorPicker-range[type=range]:focus::-ms-fill-upper {
  background: none;
}

@supports (-ms-ime-align: auto) {
  .ab-ColorPicker-range {
    /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
  }
  .ab-ColorPicker-range[type=range] {
    margin: 0;
    /*Edge starts the margin from the thumb, not the track as other browsers do*/
  }
}

.ab-AdaptableOptions {
  background: var(--ab-cmp-adaptable-options__background-color);
}

.ab-GridOptions {
  background: var(--ab-cmp-grid-options__background-color);
}

.ab-GridSummary {
  background: var(--ab-cmp-grid-summary__background-color);
}

.ab-SystemStatus-Popup-List {
  background: var(--ab-cmp-system-status-list__background-color);
}

.ab-DashboardToolbar__SystemStatus__text {
  border-radius: var(--ab-cmp-system-status-list-text__border-radius);
  font-size: var(--ab-cmp-system-status-list-text__font-size);
  color: var(--ab-cmp-system-status-list-text__color);
  padding: var(--ab-cmp-system-status-list-text__padding);
  margin-right: var(--ab-space-2);
}

.ab-DashboardToolbar__SystemStatus__text--expandable {
  cursor: pointer;
}

.ab-DashboardToolbar__SystemStatus__further-information {
  white-space: normal;
}

.ab-ObjectCollection__list > * {
  background: var(--ab-cmp-listgroupitem__background);
  color: var(--ab-cmp-listgroupitem__color);
}

.ab-ObjectCollection__list > *:nth-child(2n+1) {
  background: var(--ab-cmp-listgroupitem--odd__background);
  color: var(--ab-cmp-listgroupitem--odd__color);
}

.ab-AdaptableObjectRow {
  align-items: center;
  padding: var(--ab-cmp-listgroupitem__padding);
  margin: var(--ab-cmp-listgroupitem__margin);
  background: var(--ab-cmp-listgroupitem__background);
  color: var(--ab-cmp-listgroupitem__color);
  border-radius: var(--ab-cmp-listgroupitem__border-radius);
}

.ab-AdaptableObjectRow:nth-child(2n+1) {
  background: var(--ab-cmp-listgroupitem--odd__background);
  color: var(--ab-cmp-listgroupitem--odd__color);
}

.ab-AdaptableObjectRow--is-suspended {
  text-decoration: line-through;
}

.ab-AdaptableObjectRow__cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--ab-cmp-listgroupitem-cell__font-size);
}

.ab-ListBoxFilterForm {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  --ab-grid-row-height: 26px;
  margin-bottom: 0;
}

.ab-ListBoxFilterForm .ab-GridList {
  flex: 1;
}

.ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
  overflow-x: hidden;
}

.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
  --ab-cmp-dropdown__border-radius: 0;
  --ab-cmp-input__border-radius: 0;
  --ab-cmp-input__padding: 0;
  --ab-cmp-dropdown__padding: 3px;
  --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
}

.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
  border-radius: 0;
}

html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
  --ab-color-inputborder: white;
  --ab-cmp-dropdown__border: 1px solid white;
}

.ab-Popover {
  border-radius: var(--ab-cmp-popover__border-radius);
  border: var(--ab-cmp-popover__border);
  background: var(--ab-cmp-popover__background);
  color: var(--ab-cmp-popover__color);
  box-shadow: var(--ab-cmp-popover__box-shadow);
  font-size: var(--ab-font-size-2);
  font-family: var(--ab__font-family);
}

.ab-Overlay--show-triangle > .ab-Popover:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
  left: 50%;
  top: -10px;
  transform: translate3d(-5px, 0px, 0px);
}

.ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
  border-width: 10px 5px 0 5px;
  border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
  left: 50%;
  bottom: -10px;
  transform: translate3d(-5px, 0px, 0px);
}

.ab-NocodeWizard,
.ab-NocodeWizard *,
.ab-NocodeWizard *:before,
.ab-NocodeWizard *:after {
  box-sizing: border-box;
}

.ab-NocodeWizard {
  padding: var(--ab-cmp-wizard__padding);
  margin: var(--ab-cmp-wizard__margin);
  background: var(--ab-cmp-wizard__background);
  color: var(--ab-cmp-wizard__color);
  height: 100%;
}

.ab-NocodeWizardFormBox {
  border: 1px solid var(--ab-color-primarydark);
  border-radius: var(--ab__border-radius);
  background-color: var(--ab-color-defaultbackground);
}

.ab-AvailableDropZone .placeholder,
.ab-SelectedDropZone .placeholder {
  width: 100%;
}

.ab-AvailableDropZone .placeholder:before,
.ab-SelectedDropZone .placeholder:before {
  content: "DROPS HERE";
}

.ab-Button.ab-Button {
  border-radius: var(--ab-cmp-button-border-radius);
  padding: var(--ab-space-2);
}

.ab-Button.ab-Button--enabled {
  cursor: pointer;
  background: var(--ab-cmp-button-background);
}

.ab-Button.ab-Button--disabled {
  opacity: var(--ab-cmp-button-disabled-opacity);
  background: var(--ab-cmp-button-disabled-background);
}

.ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
.ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
  fill: currentColor;
  color: var(--ab-cmp-dashboardpanel_header__color);
  border-color: currentColor;
}

.ab-DashboardPanel .glyphicon.glyphicon {
  color: var(--ab-cmp-dashboardpanel__fill);
}

.ab-Dashboard__application-icon {
  margin-right: var(--ab-space-2);
}

.ab-Dashboard-Popup__Module-Selector {
  background: var(--ab-cmp-dashboard-module-selector-background);
}

.ab-Dashboard__pinned-container {
  border-right: var(--ab-cmp-dashboard-pinned-toolbar-border);
}

.ab-Dashboard__pinned-container:last-child {
  border-right: 0;
}

.ab-ToolPanel {
  flex: 1 1 0;
  min-width: 0;
  color: var(--ab-cmp-toolpanel__color);
  font-family: var(--ab-cmp-toolpanel__font-family);
}

.ab-ToolPanel .ab-ToolPanel__header {
  background: var(--ab-cmp-toolpanel-header__background);
  color: var(--ab-cmp-toolpanel-header__color);
}

.ab-ToolPanel .ab-ToolPanel__header__buttons {
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
}

.ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
}

.ab-ToolPanel .ab-StateManagement__Clear-Button,
.ab-ToolPanel .ab-StateManagement__Load-Button {
  justify-content: center;
  flex: 1;
}

.ab-ToolPanel .ab-StateManagement__Clear-Button,
.ab-ToolPanel .ab-StateManagement__Load-Button,
.ab-ToolPanel .ab-StateManagement__Export-Dropdown {
  margin-bottom: var(--ab-space-1);
}

.ab-CustomSortWizard__SortOrder .ab-Loader__text {
  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
}

.ab-Adaptable-Popup {
  background: var(--ab-cmp-adaptable-popup__background);
  max-height: var(--ab-cmp-adaptable-popup__max-height);
}

.ab-Adaptable-Popup--window {
  box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
}

.ab-Adaptable-Popup__Navigation {
  padding-top: 10px;
  overflow: auto;
  border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
  font-family: var(--ab__font-family);
}

.ab-Adaptable-Popup__Navigation__List {
  list-style: none;
  padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
  margin: 0;
  font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
}

.ab-Adaptable-Popup__Navigation__List__Item {
  padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
  margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
}

.ab-Adaptable-Popup__Navigation__List__Item__Separator {
  border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
  margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
}

.ab-Adaptable-Popup__Navigation__List__Item__Button {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
  border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
  color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
}

.ab-Adaptable-Popup__Navigation__List__Item__Icon {
  margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
}

.ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
  background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
  color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
}

.ab-Adaptable-Popup__TopBar {
  display: flex;
  align-items: center;
  background: var(--ab-cmp-adaptable-popup-topbar__background);
  height: var(--ab-cmp-adaptable-popup-topbar__height);
  color: var(--ab-cmp-adaptable-popup-topbar__color);
  font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
  padding: var(--ab-cmp-adaptable-popup-topbar__padding);
  box-sizing: border-box;
}

.ab-Adaptable-Popup__TopBar__Icon {
  margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
}

.ab-Adaptable-Popup__TopBar__Close .ab-Icon {
  color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
}

.ab-Adaptable-Popup--settings-popup {
  height: var(--ab-cmp-adaptable-popup--settings__height);
}

.ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
  top: 9px;
}

.ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
  padding: var(--ab-cmp-adaptable-popup--settings__padding);
  min-width: 0;
}

.ab-Adaptable-Popup__Panel {
  width: 100%;
}

.ab-Adaptable-Popup__Panel__Header {
  display: flex;
  padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
  margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
  margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
}

.ab-Adaptable-Popup__Panel__Header__Title {
  font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
}

.ab-Adaptable-Popup__Panel__Body {
  padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
  cursor: move;
}

.ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
  cursor: move;
}

.ab-Window-Modal .ab-Panel__header {
  cursor: move;
}

.ab-Window-Modal {
  max-height: 100%;
  box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
}

.ab-Window-Modal .ab-Dialog__close-button {
  top: 3px;
}

.ab-Window-Modal .ab-Panel {
  max-height: initial;
}

.ab-Adaptable-Object-List {
  list-style: none;
  padding: 0;
}

.ab-Adaptable-Object-List__Item {
  background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
  padding: var(--ab-cmp-adaptable-object-list-item__padding);
  margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
}

.ab-Adaptable-Object-List__Item__edit-property {
  visibility: hidden;
}

.ab-Adaptable-Object-List__Item__values {
  min-width: 0;
  word-break: break-all;
}

.ab-Adaptable-Object-List__Item__buttons {
  padding-left: var(--ab-space-2);
  min-width: 80px;
  text-align: right;
  margin-left: var(--ab-space-3);
}

.ab-Adaptable-Object-List__Item__label {
  padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
  width: var(--ab-cmp-adaptable-object-list-item-label__width);
}

.ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
  visibility: visible;
}

.ab-Adaptable-Object-List__Item .ab-ValueSelector__tag {
  margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
}

.ab-Adaptable-Object-List__Item .ab-Tag {
  margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
  padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
}

.ab-Adaptable-Object-Compact-List {
  padding: var(--ab-cmp-adaptable-object-compact-list__padding);
  background: var(--ab-cmp-adaptable-object-compact-list__background);
  max-height: 70vh;
}

.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
  padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
  margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
}

.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
  font-size: var(--ab-font-size-4);
}

.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
  overflow: auto;
  height: 100%;
}

.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
  padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
  margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
  background: var(--ab-cmp-adaptable-object-compact-list-item__background);
}

.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
  margin-bottom: 0;
}

.ab-Adaptable-Object-Compact-List__Item__Name {
  width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
  padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
  margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
  font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
}

.ab-ValueSelector {
  overflow: hidden;
}

.ab-ValueSelector__option {
  border-radius: "var(--ab__border-radius)";
}

.ab-ValueSelector__show-selected-only-checkbox {
  position: sticky;
  top: 0;
  z-index: 10000;
}

.ab-ValueSelector__show-selected-only-checkbox__text {
  position: absolute;
  top: 2px;
  right: 4px;
  overflow: hidden;
  border-radius: var(--ab__border-radius);
  margin-right: var(--ab-space-1);
  margin-top: var(--ab-space-1);
  padding: 0 var(--ab-space-2);
  font-size: var(--ab-font-size-2);
}

.ab-ReorderDraggable {
  overflow: hidden;
}

.ab-ReorderDraggable__option {
  border-radius: "var(--ab__border-radius)";
}

.ab-StatusBar {
  display: flex;
  border-right: var(--ab-cmp-adaptable-statusbar__border);
  border-left: var(--ab-cmp-adaptable-statusbar__border);
}

.ab-StatusBar__SubPanel {
  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
  border: 0;
  background: none;
  font-weight: 400;
  border-right: var(--ab-cmp-adaptable-statusbar__border);
}

.ab-StatusBar__SubPanel:last-child {
  border-right: 0;
}

.ab-StatusBar__SubPanel,
.ab-StatusBar__SubPanel .ab-SimpleButton {
  color: var(--ab-cmp-adaptable-statusbar__color);
}

button.ab-StatusBar__SubPanel:hover {
  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
  cursor: pointer;
}

.ab-Shared-Entity-Shared-Object {
  border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
}

.ab-Layout-Wizard__ColumnRow__Header {
  cursor: pointer;
}

.ab-Layout-Wizard__ColumnRow__Title {
  border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radius);
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
  color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
}

.ab-Layout-Wizard__ColumnRow__Expanded-Container {
  background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
  border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
}

.ab-Layout-Wizard__ColumnRow__Input {
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
}

.ab-Badge-Definition-Editor {
  background: var(--cmp-Badge-Definition-Editor__background);
}

.ab-FloatinQuickSearch {
  background: var(--adaptable-quick-search-floating-background-color);
  padding: var(--adaptable-quick-search-floating-padding);
  width: var(--adaptable-quick-search-floating-width);
}

.ab-NotePopup {
  background: var(--ab-note-popup-background-color);
  padding: var(--ab-note-popup-padding);
  border-radius: var(--ab-note-popup-border-radius);
  border: var(--ab-note-popup-border);
  min-width: var(--ab-note-popup-min-width);
}

.ab-Cell-Note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
}

:root {
  --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
}

.ab-ExpressionEditor {
  overflow: auto;
}

.ab-ExpressionEditor__sidebar {
  overflow: auto;
  width: 280px;
  height: 100%;
}

.ab-ExpressionEditorInput {
  background: var(--ab-cmp-expression-editor-input__background);
  border-radius: var(--ab-cmp-expression-editor-input__border-radius);
  width: 100%;
  --ab-overlay-horizontal-align: left;
}

.ab-ExpressionEditorInput__info-button {
  margin-right: 5px;
}

.ab-ExpressionEditorInput__dropdown-functions-list-wrapper {
  color: var(--ab-color-text-on-primary);
  font-size: var(--ab-font-size-2);
  border: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border);
  border-radius: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius);
  background: var(--ab-cmp-expression-editor-input__background);
}

.ab-ExpressionEditorInput__dropdown-functions-list {
  font-size: var(--ab-cmp-expression-editor-input-dropdown-functions-list__font-size);
  z-index: 1000;
  max-height: 300;
  overflow: auto;
}

.ab-ExpressionEditorInput__textarea {
  width: 100%;
  min-height: 100px;
  font-family: var(--ab-cmp-expression-editor-input__font-family);
  resize: vertical;
  font-size: 1rem;
  padding: var(--ab-space-2);
}

.ab-ExpressionEditorInput__editor-feedback {
  background: var(--ab-cmp-expression-editor-input__background);
  border-radius: var(--ab-cmp-expression-editor-feedback__border-radius);
}

.ab-QuickFilter {
  overflow-y: auto;
  font-size: var(--ab-cmp-quickfilter__font-size);
  border: var(--ab-cmp-quickfilter__border);
  background: var(--ab-cmp-quickfilter__background);
}

.ab-QuickFilter__dropdown {
  white-space: nowrap;
  max-height: 60vh;
  overflow-y: auto;
}

.ab-FloatingFilter {
  font-size: var(--ab-cmp-column-filter-input__font-size);
  border: var(--ab-cmp-column-filter-input__border);
  background: var(--ab-cmp-column-filter-input__background);
}

.ab-FloatingFilter-label {
  color: var(--ab-color-text-on-primary);
}

.ab-ColumnFilter {
  --ab-cmp-select-min-height: 32px;
}

.ab-EntityRulePredicateEditor {
  background-color: var(--ab-cmp-entity-rules-editor__background-color);
}

.ab-EntityRulePredicateEditor-ScopeTypeSelector {
  background-color: var(--ab-cmp-entity-rules-editor__background-color);
}

.ab-IconSelector__Popup {
  color: var(--ab-cmp-icon-selector__popup__color);
  background: var(--ab-cmp-icon-selector__popup__background);
  border: var(--ab-cmp-icon-selector__popup__border);
  padding: var(--ab-cmp-icon-selector__popup__padding);
  border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
}

:root {
  --ab-cmp-toggle__background: var(--ab-color-defaultbackground);
  --ab-cmp-toggle__padding: var(--ab-space-1) var(--ab-space-2);
  --ab-cmp-toggle--pressed__background: var(--ab-color-primary);
  --ab-cmp-toggle--hover__background: var(--ab-color-primarylight);
  --ab-cmp-toggle__border-radius: var(--ab__border-radius);
  --ab-cmp-toggle__color: var(--ab-color-text-on-primary);
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

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

.ab-alert--error {
  background: var(--ab-color-error);
}

.ab-alert--success {
  background: var(--ab-color-success);
}

.ab-alert--warn,
.ab-alert--warning {
  background: var(--ab-color-warn);
}

.ab-alert--info {
  background: var(--ab-color-info);
}

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

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

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

.popover-content {
  padding: 1px;
}

/* Styles for the coloured cell render
*/

.ab_div-colour-render-bar {
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 0;
}

.ab_div-colour-render-text {
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  z-index: 100;
}

.ab_div-colour-render-div {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.ab-ActionColumn {
  height: 100%;
  display: flex;
  column-gap: var(--ab-space-1);
}

.ab-ActionColumn > button.ab-SimpleButton {
  height: 100%;
}

.Toastify__toast-container {
  border-style: none;
  border-width: 0px;
}

.Toastify__toast {
  padding: 0;
  padding-bottom: 5px;
  color: var(--ab-color-text-on-primary);
  border-style: none;
  --ab-toast-cmp__shadow-color: var(--ab-color-accent);
  box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
  background: var(--ab-toast-cmp__shadow-color);
  --toastify-text-color-info: var(--ab-color-text-on-primary);
  --toastify-text-color-success: var(--ab-color-text-on-primary);
  --toastify-text-color-warning: var(--ab-color-text-on-primary);
  --toastify-text-color-error: var(--ab-color-text-on-primary);
  --toastify-color-info: var(--ab-color-info);
  --toastify-color-success: var(--ab-color-success);
  --toastify-color-warning: var(--ab-color-warn);
  --toastify-color-error: var(--ab-color-error);
}

.Toastify__toast-body {
  padding: 0;
}

.Toastify__toast--info {
  --ab-toast-cmp__shadow-color: var(--ab-color-info);
}

.Toastify__toast--success {
  --ab-toast-cmp__shadow-color: var(--ab-color-success);
}

.Toastify__toast--warning {
  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
}

.Toastify__toast--error {
  --ab-toast-cmp__shadow-color: var(--ab-color-error);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
  width: var(--ab-custom-scrollbar-size);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
  height: var(--ab-custom-scrollbar-size);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
  min-height: var(--ab-custom-scrollbar-size);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--ab-custom-scrollbar-size);
}

.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.61);
  border-radius: 100px;
}

.ag-details-row {
  display: flex;
  flex-flow: column;
}

.ag-details-row .ag-details-grid {
  flex: 1;
}

.ab-wait-for-progress-indicator.ab-Grid {
  pointer-events: none;
}

.ab__ng-wrapper {
  display: flex;
  flex-flow: var(--ab_flex-direction);
}

.ag-floating-filter-body .ag-group-floating-filter.ag-floating-filter-input .ag-input-field-input {
  visibility: hidden;
}

.ag-header-cell:has(.ab-FloatingFilter) {
  padding: var(--ab-space-1);
}

.ag-group-floating-filter:has(.ab-FloatingFilter) {
  height: 100%;
}

.ag-group-floating-filter .ag-react-container {
  width: 100%;
}

/*# sourceMappingURL=base.css.map */