@adaptabletools/adaptable 10.0.0-canary.0

package/index.css

@@ -0,0 +1,3375 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/**
+ * These variables are not component specific.
+ */
+
+:root {
+  --it-space-0: 0rem;
+  /* 0px when 1rem=16px */
+  --it-space-1: 0.125rem;
+  /* 2px when 1rem=16px */
+  --it-space-2: 0.25rem;
+  /* 4px when 1rem=16px */
+  --it-space-3: 0.5rem;
+  /* 8px when 1rem=16px */
+  --it-space-4: 0.75rem;
+  /* 12px when 1rem=16px */
+  --it-space-5: 1rem;
+  --it-space-6: 1.25rem;
+  /* 20px when 1rem=16px */
+  --it-space-7: 1.5rem;
+  /* 24px when 1rem=16px */
+  --it-space-8: 2.25rem;
+  /* 36px when 1rem=16px */
+  --it-space-9: 3rem;
+  /* 48px when 1rem=16px */
+  --it-space-10: 4rem;
+  /* 64px when 1rem=16px */
+  --it-font-size-0: 0.5rem;
+  /* 8px when 1rem=16px */
+  --it-font-size-1: 0.625rem;
+  /* 10px when 1rem=16px */
+  --it-font-size-2: 0.75rem;
+  /* 12px when 1rem=16px */
+  --it-font-size-3: 0.875rem;
+  /* 14px when 1rem=16px */
+  --it-font-size-4: 1rem;
+  --it-font-size-5: 1.25rem;
+  /* 20px when 1rem=16px */
+  --it-font-size-6: 1.5rem;
+  /* 24px when 1rem=16px */
+  --it-font-size-7: 2.25rem;
+  /* 36px when 1rem=16px */
+  --it__border-radius: var(--it-space-2);
+  --it-color-brand: #133048;
+  --it-color-neutral-100: #f7fafc;
+  --it-color-neutral-200: #edf2f7;
+  --it-color-neutral-300: #e2e8f0;
+  --it-color-neutral-400: #cbd5e0;
+  --it-color-neutral-500: #a0aec0;
+  --it-color-neutral-600: #718096;
+  --it-color-neutral-700: #4a5568;
+  --it-color-neutral-800: #2d3748;
+  --it-color-neutral-900: #1a202c;
+}
+
+.it__align-items\=center {
+  align-items: center;
+}
+
+.it__align-items\=stretch {
+  align-items: stretch;
+}
+
+.it__justify-content\=flex-start {
+  justify-content: flex-start;
+}
+
+.it__justify-content\=flex-end {
+  justify-content: flex-end;
+}
+
+.it__justify-content\=center {
+  justify-content: center;
+}
+
+.it__cursor\=pointer {
+  cursor: pointer;
+}
+
+.it__overflow\=hidden {
+  overflow: hidden;
+}
+
+.it__overflow\=visible {
+  overflow: visible;
+}
+
+.it__overflow\=auto {
+  overflow: auto;
+}
+
+.it__overflow-x\=hidden {
+  overflow-x: hidden;
+}
+
+.it__overflow-x\=visible {
+  overflow-x: visible;
+}
+
+.it__overflow-x\=auto {
+  overflow-x: auto;
+}
+
+.it__overflow-y\=hidden {
+  overflow-y: hidden;
+}
+
+.it__overflow-y\=visible {
+  overflow-y: visible;
+}
+
+.it__overflow-y\=auto {
+  overflow-y: auto;
+}
+
+.it__height\=0 {
+  height: 0;
+}
+
+.it__height\=100\% {
+  height: 100%;
+}
+
+.it__width\=0 {
+  width: 0;
+}
+
+.it__width\=100\% {
+  width: 100%;
+}
+
+.it__top\=0 {
+  top: 0;
+}
+
+.it__top\=100\% {
+  top: 100%;
+}
+
+.it__left\=0 {
+  left: 0;
+}
+
+.it__left\=100\% {
+  left: 100%;
+}
+
+.it__transform\=translate3D000 {
+  transform: translate3d(0, 0, 0);
+}
+
+.it__will-change\=transform {
+  will-change: transform;
+}
+
+.it__position\=relative {
+  position: relative;
+}
+
+.it__position\=absolute {
+  position: absolute;
+}
+
+.it__position\=fixed {
+  position: fixed;
+}
+
+.it__display\=flex {
+  display: flex;
+}
+
+.it__flex-flow\=row {
+  flex-flow: row;
+}
+
+.it__flex-flow\=column {
+  flex-flow: column;
+}
+
+.it__white-space\=nowrap {
+  white-space: nowrap;
+}
+
+.it__text-overflow\=ellipsis {
+  text-overflow: ellipsis;
+}
+
+.it__user-select\=none {
+  user-select: none;
+}
+
+.IT-VirtualScrollContainer {
+  backface-visibility: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.IT-VirtualScrollContainer, .IT-VirtualScrollContainer:before, .IT-VirtualScrollContainer:after, .IT-VirtualScrollContainer *, .IT-VirtualScrollContainer *:before, .IT-VirtualScrollContainer *:after {
+  box-sizing: border-box;
+}
+
+.IT-VirtualScrollContainer > :first-child {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  left: 0;
+}
+
+.IList, .IList:before, .IList:after, .IList *, .IList *:before, .IList *:after {
+  box-sizing: border-box;
+}
+
+.IList--vertical {
+  display: inline-block;
+}
+
+.IListItemRoot > :first-child {
+  height: inherit;
+}
+
+:root {
+  --ITable__font-family: inherit;
+  --ITable__color: #484848;
+  --ITable__background: white;
+  --ITable__min-height: 100px;
+  --ITableCell__border-radius: var(--it-space-2);
+  --ITableHeader__color: #6f6f6f;
+  --ITableHeaderCell__background: #ededed;
+  --ITableHeader__background: var(--ITableHeaderCell__background);
+  --ITableHeaderCell--dragging__background: #d4d3d3;
+  --ITableHeaderCell-icon-size: 16px;
+  --ITableCell__border-width: 1px;
+  --ITableCell__border: var(--ITableCell__border-width) solid #c6c6c6;
+  --ITableCell__padding: var(--it-space-2) var(--it-space-3);
+  --ITableHeaderCell__padding: var(--it-space-3) var(--it-space-3);
+  --ITableRow__color: inherit;
+  --ITableRow__background: var(--ITable__background, transparent);
+  --ITableRow--odd__background: #f6f6f6;
+  --ITableRow-group-row__background: #cbc5c5;
+  --ITableRow-group-column-nesting: 30px;
+  --ITableRow--hover__background: #dbdbdb;
+  --ITable--theme: light;
+  --ITableHeader__height: 30px;
+  --ITable-accent__color: #ff7043;
+}
+
+.it--theme-dark {
+  --ITable__background: #101419;
+  --ITableHeader__color: #c3c3c3;
+  --ITableHeaderCell__background: black;
+  --ITableHeader__background: var(--ITableHeaderCell__background);
+  --ITableRow--hover__background: #3b4754;
+  --ITableRow__background: var(--ITable__background, transparent);
+  --ITableRow--odd__background: #242a31;
+  --ITableRow__color: #c3c3c3;
+}
+
+.ITable {
+  position: relative;
+  font-family: var(--ITable__font-family);
+  color: var(--ITable__color);
+  background: var(--ITable__background);
+  min-height: var(--ITable__min-height);
+  display: flex;
+  flex-flow: column;
+}
+
+.ITable, .ITable:before, .ITable:after, .ITable *, .ITable *:before, .ITable *:after {
+  box-sizing: border-box;
+}
+
+.ITable--shifting {
+  user-select: none;
+}
+
+.ITable-Portal {
+  z-index: 1000;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.ITableBody {
+  flex: 1;
+}
+
+.ITableFooter {
+  padding: var(--it-space-2);
+}
+
+.ITableCell {
+  padding: var(--ITableCell__padding);
+  white-space: nowrap;
+  will-change: transform;
+  position: absolute;
+}
+
+.ITableCell--shifting {
+  transition: left 300ms;
+}
+
+.ITableCell--dragging {
+  transition: none;
+}
+
+.ITableHeaderCell {
+  background: var(--ITableHeaderCell__background);
+  padding: var(--ITableHeaderCell__padding);
+}
+
+.ITableHeaderCell--first,
+.ITableColumnCell--first {
+  border-top-left-radius: var(--ITableCell__border-radius);
+  border-bottom-left-radius: var(--ITableCell__border-radius);
+}
+
+.ITableHeaderCell--last,
+.ITableColumnCell--last {
+  border-top-right-radius: var(--ITableCell__border-radius);
+  border-bottom-right-radius: var(--ITableCell__border-radius);
+}
+
+.ITableHeaderCell,
+.ITableColumnCell {
+  border-left: var(--ITableCell__border-width) solid transparent;
+  border-right: var(--ITableCell__border-width) solid transparent;
+}
+
+.ITableHeaderCell--pinned-start.ITableCell--last-in-category,
+.ITableColumnCell--pinned-start.ITableCell--last-in-category {
+  border-right: var(--ITableCell__border);
+}
+
+.ITableHeaderCell--pinned-end.ITableCell--first-in-category,
+.ITableColumnCell--pinned-end.ITableCell--first-in-category {
+  border-left: var(--ITableCell__border);
+}
+
+.ITableRow--group-row.ITableRow--odd .ITableCell::before,
+.ITableRow--group-row.ITableRow--even .ITableCell::before {
+  content: "";
+  background: var(--ITable-accent__color);
+  position: absolute;
+  top: 0;
+  left: calc(0px - var(--ITableCell__border-width));
+  right: calc(0px - var(--ITableCell__border-width));
+  bottom: 0;
+  z-index: -1;
+  opacity: 0.05;
+  pointer-events: none;
+}
+
+.ITableIcon {
+  fill: currentColor;
+  flex: none;
+}
+
+.ITableIcon-expander {
+  cursor: pointer;
+  user-select: none;
+}
+
+.ITableIcon-expander--expanded {
+  fill: var(--ITable-accent__color);
+}
+
+.ITableRow {
+  color: var(--ITableRow__color);
+  will-change: transform;
+}
+
+.ITableRow--hover {
+  --ITableRow__background: var(--ITableRow--hover__background);
+  --ITableRow--odd__background: var(--ITableRow--hover__background);
+}
+
+.ITable--scrolling .ITableRow {
+  pointer-events: none;
+}
+
+.ITableRow--even {
+  background: var(--ITableRow__background);
+}
+
+.ITableRow--odd {
+  background: var(--ITableRow--odd__background);
+}
+
+.ITableHeader {
+  background: var(--ITableHeader__background);
+  color: var(--ITableHeader__color);
+}
+
+.ITableHeader--unvirtualized {
+  position: relative;
+  align-items: stretch;
+}
+
+.ITableHeaderCell {
+  border-right: var(--ITableCell__border);
+}
+
+.ITableHeaderCell--dragging {
+  z-index: 100;
+  opacity: 0.8;
+  background: var(--ITableHeaderCell--dragging__background);
+}
+
+.ITableHeaderCell--pinned-start {
+  z-index: 10;
+}
+
+.ITableHeaderCellProxy {
+  background: var(--ITableHeader__background);
+  opacity: 0.9;
+  padding: var(--ITableCell__padding);
+  padding-left: 20px;
+  z-index: 200;
+}
+
+.ITableHeaderCell__sort-icon {
+  margin-left: 10px;
+  position: relative;
+}
+
+.ITableHeaderCell__sort-icon [data-name=index] {
+  line-height: 0;
+  font-size: 10px;
+  border-radius: 50%;
+  padding: 1px;
+}
+
+.ITableHeaderGroup__header {
+  padding: var(--ITableCell__padding);
+  border-bottom: var(--ITableCell__border);
+  border-right: var(--ITableCell__border);
+}
+
+.ITableHeaderGroup__children {
+  flex: 1;
+}
+
+/**********************************
+ ** ADAPTABLE BASE STYLES **
+ **********************************/
+
+:root {
+  --rdp-cell-size: 40px;
+  --rdp-accent-color: #0000ff;
+  --rdp-background-color: #e7edff;
+  /* Switch to dark colors for dark themes */
+  --rdp-accent-color-dark: #3003e1;
+  --rdp-background-color-dark: #180270;
+  /* Outline border for focused elements */
+  --rdp-outline: 2px solid var(--rdp-accent-color);
+}
+
+.rdp {
+  display: inline-block;
+  font-size: 1rem;
+  margin: 1em;
+}
+
+/* Hide elements for devices that are not screen readers */
+
+.rdp-vhidden {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+
+/* Buttons */
+
+.rdp-button_reset {
+  appearance: none;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  cursor: default;
+  color: inherit;
+  outline: none;
+  background: none;
+  font: inherit;
+
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+
+.rdp-button {
+  border: 2px solid transparent;
+}
+
+.rdp-button[disabled] {
+  opacity: 0.25;
+}
+
+.rdp-button:not([disabled]) {
+  cursor: pointer;
+}
+
+.rdp-button:focus:not([disabled]),
+.rdp-button:active:not([disabled]) {
+  color: inherit;
+  border: var(--rdp-outline);
+  background-color: var(--rdp-background-color);
+}
+
+.rdp-button:hover:not([disabled]) {
+  background-color: var(--rdp-background-color);
+}
+
+.rdp-months {
+  display: flex;
+}
+
+.rdp-month {
+  margin: 0 1em;
+}
+
+.rdp-month:first-child {
+  margin-left: 0;
+}
+
+.rdp-month:last-child {
+  margin-right: 0;
+}
+
+.rdp-table {
+  margin: 0;
+  max-width: calc(var(--rdp-cell-size) * 7);
+  border-collapse: collapse;
+}
+
+.rdp-with_weeknumber .rdp-table {
+  max-width: calc(var(--rdp-cell-size) * 8);
+  border-collapse: collapse;
+}
+
+.rdp-caption {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0;
+  text-align: left;
+}
+
+.rdp-multiple_months .rdp-caption {
+  position: relative;
+  display: block;
+  text-align: center;
+}
+
+.rdp-caption_dropdowns {
+  position: relative;
+  display: inline-flex;
+}
+
+.rdp-caption_label {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  margin: 0;
+  padding: 0 0.25em;
+  white-space: nowrap;
+  color: currentColor;
+  border: 0;
+  border: 2px solid transparent;
+  font-family: inherit;
+  font-size: 140%;
+  font-weight: bold;
+}
+
+.rdp-nav {
+  white-space: nowrap;
+}
+
+.rdp-multiple_months .rdp-caption_first .rdp-nav {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+}
+
+.rdp-multiple_months .rdp-caption_last .rdp-nav {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.rdp-nav_button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rdp-cell-size);
+  height: var(--rdp-cell-size);
+  padding: 0.25em;
+  border-radius: 100%;
+}
+
+/* ---------- */
+
+/* Dropdowns  */
+
+/* ---------- */
+
+.rdp-dropdown_year,
+.rdp-dropdown_month {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+.rdp-dropdown {
+  appearance: none;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: inherit;
+  opacity: 0;
+  border: none;
+  background-color: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.rdp-dropdown[disabled] {
+  opacity: unset;
+  color: unset;
+}
+
+.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,
+.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
+  border: var(--rdp-outline);
+  border-radius: 6px;
+  background-color: var(--rdp-background-color);
+}
+
+.rdp-dropdown_icon {
+  margin: 0 0 0 5px;
+}
+
+.rdp-head {
+  border: 0;
+}
+
+.rdp-head_row,
+.rdp-row {
+  height: 100%;
+}
+
+.rdp-head_cell {
+  vertical-align: middle;
+  text-transform: uppercase;
+  font-size: 0.75em;
+  font-weight: 700;
+  text-align: center;
+  height: 100%;
+  height: var(--rdp-cell-size);
+  padding: 0;
+}
+
+.rdp-tbody {
+  border: 0;
+}
+
+.rdp-foot {
+  margin: 0.5em;
+}
+
+.rdp-cell {
+  width: var(--rdp-cell-size);
+  height: 100%;
+  height: var(--rdp-cell-size);
+  padding: 0;
+  text-align: center;
+}
+
+.rdp-weeknumber {
+  font-size: 0.75em;
+}
+
+.rdp-weeknumber,
+.rdp-day {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--rdp-cell-size);
+  max-width: var(--rdp-cell-size);
+  height: var(--rdp-cell-size);
+  margin: 0;
+  border: 2px solid transparent;
+  border-radius: 100%;
+}
+
+.rdp-day_today:not(.rdp-day_outside) {
+  font-weight: bold;
+}
+
+.rdp-day_selected:not([disabled]),
+.rdp-day_selected:focus:not([disabled]),
+.rdp-day_selected:active:not([disabled]),
+.rdp-day_selected:hover:not([disabled]) {
+  color: white;
+  background-color: var(--rdp-accent-color);
+}
+
+.rdp-day_range_start {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.rdp-day_range_end {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.rdp-day_range_end.rdp-day_range_start {
+  border-radius: 100%;
+}
+
+.rdp-day_range_middle {
+  border-radius: 0;
+}
+
+.Toastify__toast-container {
+  z-index: 9999;
+  -webkit-transform: translate3d(0, 0, 9999px);
+  position: fixed;
+  padding: 4px;
+  width: 320px;
+  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: 64px;
+  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: 800px;
+  overflow: hidden;
+  font-family: sans-serif;
+  cursor: pointer;
+  direction: ltr;
+}
+
+.Toastify__toast--rtl {
+  direction: rtl;
+}
+
+.Toastify__toast--dark {
+  background: #121212;
+  color: #fff;
+}
+
+.Toastify__toast--default {
+  background: #fff;
+  color: #aaa;
+}
+
+.Toastify__toast--info {
+  background: #3498db;
+}
+
+.Toastify__toast--success {
+  background: #07bc0c;
+}
+
+.Toastify__toast--warning {
+  background: #f1c40f;
+}
+
+.Toastify__toast--error {
+  background: #e74c3c;
+}
+
+.Toastify__toast-body {
+  margin: auto 0;
+  -ms-flex: 1 1 auto;
+      flex: 1 1 auto;
+  padding: 6px;
+}
+
+.Toastify--animate {
+  animation-fill-mode: both;
+  animation-duration: 0.7s;
+}
+
+@media only screen and (max-width : 480px) {
+  .Toastify__toast {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+}
+
+.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--default {
+  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: 9999;
+  opacity: 0.7;
+  background-color: rgba(255, 255, 255, 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__progress-bar--default {
+  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
+}
+
+.Toastify__progress-bar--dark {
+  background: #bb86fc;
+}
+
+@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;
+}
+
+: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: 40px;
+  --ab-loaded: 777; }
+
+:root {
+  --ITableHeader__color:var(--ab-color-text-on-primary);
+  --ITableHeaderCell__background: var(--ab-color-primary);
+  --ITableHeader__background: var(--ITableHeaderCell__background);
+  --ITableRow__color:var(--ab-color-text-on-primary);
+  --ITable__background: var(--ab-color-primarylight);
+  --ITableRow__background: var(--ab-color-defaultbackground);
+  --ITableRow--odd__background: var(--ab-color-primarylight); }
+
+.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); }
+
+: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--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); }
+
+: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-text-on-primary);
+  --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-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__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, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(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-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-2);
+  --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: inherit;
+  --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-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-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__selected-color: var(--ab-color-primarydark);
+  --ab-cmp-datepicker__selected-text-color: var(--ab-color-text-on-primarydark);
+  --ab-cmp-datepicker__selected-border-radius: 50%;
+  --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-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); }
+
+.ab-LayoutEditor {
+  overflow: auto;
+  display: grid;
+  padding: var(--ab-space-2);
+  grid-template-rows: 1fr  1fr;
+  grid-template-columns: 28rem 1fr 1fr;
+  row-gap: var(--ab-space-2);
+  column-gap: var(--ab-space-2);
+  grid-gap: var(--ab-space-2); }
+
+.ab-LayoutEditor, .ab-LayoutEditor * {
+    box-sizing: border-box; }
+
+.ab-LayoutEditor__ColumnList {
+  overflow: auto; }
+
+.ab-LayoutEditor__ColumnListPanel {
+  grid-row: 1 /3;
+  grid-column: 1 /1;
+  max-height: initial; }
+
+.ab-LayoutEditor__ColumnSortListPanel {
+  grid-row: 1 /1;
+  grid-column: 2 /2; }
+
+.ab-LayoutEditor__RowGroupsListPanel {
+  grid-row: 2 / 2;
+  grid-column: 2 /2; }
+
+.ab-LayoutEditor__PivotListPanel {
+  grid-row: 2 / 2;
+  grid-column: 3 /3; }
+
+.ab-LayoutEditor__PivotList--empty,
+.ab-LayoutEditor__RowGroupsList--empty,
+.ab-LayoutEditor__ColumnSortList--empty {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center; }
+
+.ab-LayoutEditor__PivotList,
+.ab-LayoutEditor__RowGroupsList,
+.ab-LayoutEditor__ColumnSortList {
+  padding-top: var(--ab-space-2); }
+
+.ab-LayoutEditor__PivotList__column,
+.ab-LayoutEditor__RowGroupsList__column,
+.ab-LayoutEditor__ColumnSortList__column,
+.ab-LayoutEditor__ColumnList__column {
+  background: var(--ab-color-primary);
+  color: var(--ab-color-text-on-primary);
+  margin: 0 0 var(--ab-space-2) 0; }
+
+.ab-LayoutEditor__PivotList__column,
+.ab-LayoutEditor__RowGroupsList__column,
+.ab-LayoutEditor__ColumnSortList__column {
+  padding-top: var(--ab-space-2);
+  padding-bottom: var(--ab-space-2); }
+
+: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-Radio-input:focus + svg rect {
+  stroke: var(--ab-color-accent);
+  stroke-width: 2; }
+
+.ab-Radio-input:focus + svg {
+  outline: 2px solid var(--ab-color-accent); }
+
+.ab-Radio-input:checked + svg rect,
+.ab-Radio-input:checked + svg polyline {
+  stroke: currentColor; }
+
+.ab-Radio-input:checked + svg polyline {
+  animation: abRadioCheckAnimation 0.5s ease forwards;
+  stroke-dasharray: 50;
+  stroke-dashoffset: 50; }
+
+.ab-Radio-input input:focus {
+  box-shadow: var(--ab-focus__box-shadow);
+  outline: var(--ab-focus__outline); }
+
+@keyframes abRadioCheckAnimation {
+  100% {
+    stroke-dashoffset: 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--checked {
+  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
+
+.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);
+  height: var(--ab-cmp-checkbox--check-size);
+  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; }
+
+.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);
+  min-height: var(--ab-cmp-dialog__min-height);
+  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 > * {
+    flex: 1; }
+
+.ab-Dialog__close-button {
+    position: absolute;
+    right: 0.7rem;
+    top: 0;
+    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;
+  --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); }
+
+.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 {
+  text-align: center; }
+
+.ab-EmptyContent p {
+    color: var(--ab-color-text-on-primary); }
+
+.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-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; }
+
+.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-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);
+  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;
+  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 > * {
+    z-index: 1; }
+
+.ab-SimpleButton.ab-SimpleButton svg {
+    vertical-align: middle; }
+
+.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 rgba(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-ChartContainer canvas {
+  left: 0; }
+
+.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); }
+
+.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-top: var(--ab-dashboard-gap-size);
+    padding-bottom: 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__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-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; }
+
+: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); }
+
+.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); }
+
+.ab-Datepicker-Overlay .rdp {
+    font-size: var(--ab-cmp-datepicker__font-size);
+    font-family: var(--ab-cmp-datepicker__font-family); }
+
+.ab-Datepicker-Overlay .rdp .rdp-weeknumber,
+    .ab-Datepicker-Overlay .rdp .rdp-day {
+      border-radius: var(--ab-cmp-datepicker__day-border-radius); }
+
+.ab-Datepicker-Overlay .rdp .rdp-day_selected:not([disabled]),
+    .ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
+    .ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
+    .ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
+      color: var(--ab-cmp-datepicker__selected-text-color);
+      border-radius: var(--ab-cmp-datepicker__selected-border-radius); }
+
+.ab-Datepicker-Overlay .rdp .rdp-caption_label {
+      font-size: 120%; }
+
+.ab-Datepicker-Overlay .rdp .rdp-nav_button {
+      color: var(--ab-color-text-on-primary); }
+
+.ab-Datepicker-Overlay .rdp .rdp-table {
+      width: 100%;
+      max-width: none; }
+
+.ab-Datepicker-Overlay .rdp .rdp-day_outside {
+      opacity: 0.4; }
+
+.ab-Datepicker-Overlay .rdp .rdp-day_today {
+      border: var(--rdp-outline); }
+
+.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(8),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
+    .ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
+      display: none; }
+
+.ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
+      display: table-cell; }
+
+:root {
+  --ab-cmp-toggle-button__background: #ccc;
+  --ab-cmp-toggle-button--active__background: var(--ab-color-success); }
+
+.ab-ToggleButton {
+  position: relative;
+  display: inline-block;
+  min-width: 40px;
+  width: 40px;
+  height: 25px; }
+
+.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: 19px;
+  height: 19px;
+  left: 3px;
+  top: 3px;
+  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(15px); }
+
+.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-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 {
+  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-ListBoxFilterForm {
+  overflow-y: auto;
+  overflow-x: hidden;
+  --ab-grid-row-height: 26px;
+  margin-Bottom: 0; }
+
+.ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
+    overflow-x: hidden; }
+
+.ag-theme-balham-dark .ab-ListBoxFilterForm--vendor-style,
+.ag-theme-balham .ab-ListBoxFilterForm--vendor-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--vendor-style .ab-FieldWrap,
+  .ag-theme-balham .ab-ListBoxFilterForm--vendor-style .ab-FieldWrap {
+    border-radius: 0; }
+
+html.ab--theme-dark .ab-ListBoxFilterForm--vendor-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-nocode-wizard {
+  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-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
+    box-sizing: border-box; }
+
+.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-FilterFormPanel {
+  --ab-cmp-panel_body__background: var(--ag-control-panel-background-color); }
+
+.ab-Dashboard__application-icon {
+  margin-right: var(--ab-space-2); }
+
+.ab-ToolPanel {
+  min-width: calc(var(--ab-cmp-toolpanel__width) - 1px); }
+
+.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-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: 12p;
+  z-index: 100; }
+
+.ab_div-colour-render-div {
+  display: inline-block;
+  height: 100%;
+  width: 100%; }
+
+.ab-ActionColumn {
+  position: relative;
+  height: 100%; }
+
+.ab-ActionColumn > button.ab-SimpleButton {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.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__toast-body {
+  padding: 0; }
+
+.Toastify__toast--info {
+  --ab-toast-cmp__shadow-color: var(--ab-color-info);
+  color: var(--ab-color-text-on-primary); }
+
+.Toastify__toast--success {
+  --ab-toast-cmp__shadow-color: var(--ab-color-success);
+  color: var(--ab-color-text-on-primary); }
+
+.Toastify__toast--warning {
+  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
+  color: var(--ab-color-text-on-primary); }
+
+.Toastify__toast--error {
+  --ab-toast-cmp__shadow-color: var(--ab-color-error);
+  color: var(--ab-color-text-on-primary); }
+
+.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; }
+
+div.ab-progress-indicator-wrapper {
+  align-items: center;
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 9999;
+  opacity: 0;
+  transition-delay: 0.5s;
+  transition-property: opacity;
+  transition-duration: 0.3s; }
+
+div.ab-progress-indicator-wrapper--visible {
+    opacity: 1; }
+
+div.ab-progress-indicator-wrapper .ab-progress-indicator-text {
+    padding: var(--ab-space-3);
+    background: var(--ab-color-primary);
+    color: var(--ab-color-text-on-primary);
+    border-style: none;
+    border-width: 0px;
+    border-radius: var(--ab__border-radius);
+    box-shadow: var(--ab-focus__box-shadow);
+    font-size: var(--ab-font-size-3);
+    font-family: var(--ab__font-family); }
+
+html.ab--theme-light {
+  --ab-theme-loaded: light; }
+
+/*# sourceMappingURL=index.css.map */