@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
:root {
  --white-color: #ffffff;
  --grui-alert: #c62828;
  --grui-alert-border:#a42121;
  --grui-base-color: #2196f3;
  --grui-base-focused-color:#43a6f5;
  --grui-base-pressed-color:#6ab8f7;
  --grui-base-dark-color:#1976d2;
  --grui-confirm-pressed: #7cb342;
  --grui-confirm-pressed-border:#679537;
  --grui-background-color:#fafafa;
  --grui-focus-light-border-color:#e6e6e6;
  --grui-faded-color:#e1e1e1;
  --grui-header-background-color:#f5f5f5;
  --grui-dark-color:#111111;
  --grui-accent-color:#ff9800;
  --grui-accent-light-color:#ffe0b2;
  --grui-hovered-background-color: #eeeeee;
  --grui-tree-list-background-color: #d4d4d4;
  --grui-tree-list-color: #5e5e5e;
  --grui-tree-list-tool-color: #515151;
  --grui-expandercell-color:#b0b0b0;
  --grui-badge-color:#222;
  --grui-progress-background-color:#bbdefb;
  --grui-toolbar-border-color:#767676;
  --grui-mask-message-color:#333;
  --grui-divider-color:#e2e2e2;
  --grui-toast-background-color:#303030;
  --grui-slider-background-color:#ccc;
  --grui-close-color:#444;
  --grui-selected-background-color:#e0e0e0;
  --grui-message-color:#007de1;
  --grui-caption-color:#3e3e3e;
  --grui-cell-color:#9e9e9e;
  --grui-cell-outside-color:#d0d0d0;
  --grui-cell-disabled-background-color:#aaa;
  --grui-fill-background-color:#64b5f6;
  --grui-checkbox-focus-color:#42a6f5;
  --grui-scrollbar-background-color:#f1f1f1;
  --grui-toolbar-footer-border-color:#7a7a7a;
  --grui-itemheader-color:#757575;
  --grui-titlebar-border-color:#010c14;
  --grui-tooltip-background-color: #eef7fe;
  --grui-gridcolumn-color:#888;
  --grui-sort-color:#b8b8b8;
  --grui-column-options-color:#91e698;
  --grui-viedo-background-color:#000;
  --grui-ripple-background-color:rgba(17, 17, 17, 0.4);
  --grui-treelist-row-background-color:rgba(0, 0, 0, 0.03);
  --grui-mask-inner-background-color:rgba(0, 0, 0, 0.25);
  --grui-check-color:rgba(17, 17, 17, 0.54);
  --grui-loading-background-color:rgba(170, 170, 170, 0.99);
  --grui-loading-after-background-color:rgba(170, 170, 170, 0.9);
  --grui-loading-after-background-color:rgba(170, 170, 170, 0.15);
  --grui-loading-left-before-background-color:rgba(170, 170, 170, 0.8);
  --grui-loading-left-background-color:rgba(170, 170, 170, 0.7);
  --grui-loading-left-background-color:rgba(170, 170, 170, 0.6);
  --grui-loading-bottom-before-background-color:rgba(170, 170, 170, 0.5);
  --grui-loading-bottom-background-color:rgba(170, 170, 170, 0.4);
  --grui-loading-bottom-after-background-color:rgba(170, 170, 170, 0.35);
  --grui-loading-right-before-background-color:rgba(170, 170, 170, 0.3);
  --grui-loading-right-background-color:rgba(170, 170, 170, 0.25);
  --grui-loading-right-after-background-color:rgba(170, 170, 170, 0.2);
  --grui-checkcell-color:rgba(17, 17, 17, 0.38);
  --grui-body-dark-color: #111111; }

[data-theme="dark"] {
  --white-color: #303030;
  --grui-dark-color:#fafafa;
  --grui-background-color:#303030;
  --grui-focus-light-border-color:#303030;
  --grui-faded-color:#303030;
  --grui-header-background-color:#353434;
  --grui-hovered-background-color: #585656;
  --grui-tree-list-background-color: #303030;
  --grui-slider-background-color:#303030;
  --grui-selected-background-color:#303030;
  --grui-cell-outside-color:#303030;
  --grui-scrollbar-background-color:#303030;
  --grui-titlebar-border-color:#fafafa;
  --grui-tooltip-background-color: #303030;
  --grui-sort-color:#303030;
  --grui-viedo-background-color:#fafafa;
  --grui-ripple-background-color:#fafafa;
  --grui-treelist-row-background-color:#fafafa;
  --grui-mask-inner-background-color:#fafafa;
  --grui-check-color:#fafafa;
  --grui-divider-color:#666666; }

.grui-pageNumbers {
  list-style: none;
  display: flex;
  margin-top: 5px;
  padding-left: 0px; }

.grui-pageNumbers li {
  padding: 10px;
  margin: 5px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  font-size: small;
  cursor: pointer;
  text-align: center; }
  .grui-pageNumbers li.active, .grui-pageNumbers li:hover {
    background-color: rgba(0, 0, 0, 0.04);
    color: black; }
  .grui-pageNumbers li button {
    margin-top: -10px;
    margin-left: -8px;
    background-color: transparent;
    border: none; }

.grui-toolbar-chevron-left:before {
  font-family: "Material Icons";
  content: "chevron_left";
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px; }

.grui-toolbar-first-page:before {
  font-family: "Material Icons";
  content: "first_page";
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px; }

.grui-toolbar-chevron-right:before {
  font-family: "Material Icons";
  content: "chevron_right";
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px; }

.grui-toolbar-last-page:before {
  font-family: "Material Icons";
  content: "last_page";
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px; }

.grui-toaster {
  color: #ffffff;
  background-color: #303030;
  font: 400 14px/18px Roboto, sans-serif;
  padding: 8px;
  position: absolute;
  border-color: #e1e1e1;
  left: 274px; }

.grui-filter-wrap-el {
  display: flex;
  flex-direction: row; }

.grui-input-el-container {
  flex: 1; }

@font-face {
  font-family: "ExtJS";
  src: url("./font-ext/fonts/ExtJS.eot");
  src: url("./font-ext/fonts/ExtJS.eot") format("embedded-opentype"), url("./font-ext/fonts/ExtJS.ttf") format("truetype"), url("./font-ext/fonts/ExtJS.woff") format("woff"), url("./font-ext/fonts/ExtJS.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.grui-operatortrigger {
  cursor: pointer;
  width: 24px;
  height: 100%;
  display: flex;
  justify-content: center; }

.grui-operatortrigger.grui-operator-like .grui-icon-el:before,
.grui-menuitem .grui-operator-like:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e900"; }

.grui-operatortrigger.grui-operator-nlike .grui-icon-el:before,
.grui-menuitem .grui-operator-nlike:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e901"; }

.grui-operatortrigger.grui-operator-eq .grui-icon-el:before,
.grui-menuitem .grui-operator-eq:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e902"; }

.grui-operatortrigger.grui-operator-neq .grui-icon-el:before,
.grui-menuitem .grui-operator-neq:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e903"; }

.grui-operatortrigger.grui-operator-gt .grui-icon-el:before,
.grui-menuitem .grui-operator-gt:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e90b"; }

.grui-operatortrigger.grui-operator-gte .grui-icon-el:before,
.grui-menuitem .grui-operator-gte:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e90c"; }

.grui-operatortrigger.grui-operator-lt .grui-icon-el:before,
.grui-menuitem .grui-operator-lt:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e90d"; }

.grui-operatortrigger.grui-operator-lte .grui-icon-el:before,
.grui-menuitem .grui-operator-lte:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e90e"; }

.grui-operatortrigger.grui-operator-in .grui-icon-el:before,
.grui-menuitem .grui-operator-in:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e906"; }

.grui-operatortrigger.grui-operator-nin .grui-icon-el:before,
.grui-menuitem .grui-operator-nin:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e907"; }

.grui-operatortrigger.grui-operator-identical .grui-icon-el:before,
.grui-menuitem .grui-operator-identical:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e908"; }

.grui-operatortrigger.grui-operator-nidentical .grui-icon-el:before,
.grui-menuitem .grui-operator-nidentical:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e909"; }

.grui-operatortrigger.grui-operator-empty .grui-icon-el:before,
.grui-menuitem .grui-operator-empty:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e904"; }

.grui-operatortrigger.grui-operator-exists .grui-icon-el:before,
.grui-menuitem .grui-operator-exists:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e905"; }

.grui-operatortrigger.grui-operator-fn .grui-icon-el:before,
.grui-menuitem .grui-operator-fn:before {
  font-feature-settings: "liga";
  font-size: 12px;
  font-family: ExtJS;
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  content: "\e90a"; }

/*---
title: Test
section: GRUI
---
This is a test **description** css class.
*/
.test {
  display: flex; }

.grui-button.grui-has-icon .grui-icon-el {
  display: flex; }

.grui-tool-type-times:before {
  content: "close" !important; }

.grui-tool-type-check:before {
  content: "check" !important; }

.grui-tool-type-refresh:before {
  content: "refresh" !important; }

.grui-tool-type-undo:before {
  content: "undo" !important; }

.grui-tool-type-edit:before {
  font-family: "Material Icons";
  content: "create"; }

.grui-tool-type-trash:before {
  font-family: "Material Icons";
  content: "delete"; }

.grui-tool-type-print:before {
  font-family: "Material Icons";
  content: "print"; }

.grui-grid-group-column {
  padding: 12px;
  color: var(--grui-body-dark-color);
  background-color: var(--grui-background-color);
  font: 400 13px/16px Roboto, sans-serif;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: var(--grui-divider-color); }

.grui-grid-group-column .grui-body-el {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: center; }

.grui-grid-group-column-btn-image.grui-icon-el:before {
  font-size: 18px; }

.grui-grid-group-column-btn-sort-asc:before {
  content: "arrow_upward";
  font-family: "Material Icons"; }

.grui-headermenu-add-group:before {
  content: "\e910";
  font-family: ExtJS; }

.grui-headermenu-remove-group:before {
  content: "\e911";
  font-family: ExtJS; }

.grui-summaries-icon:before {
  content: "\e912";
  font-family: ExtJS; }

.grui-headermenu-groups:before {
  content: "\e90f";
  font-family: ExtJS; }

.grui-grid-group-header-collapsible .grui-grid-group-icon {
  display: flex;
  margin: 0 6px 0;
  color: #b0b0b0; }

.grui-tool-type-expand:before {
  font-family: "Material Icons";
  content: "expand_more"; }

.grui-tool-type-move:before {
  font-family: "Material Icons";
  content: "open_with"; }

.grui-tool-type-expand-bottom:before,
.grui-tool-type-collapse-bottom:before,
.grui-tool-type-down:before,
.grui-tool-type-scroll-down:before {
  font-family: "Material Icons";
  content: "keyboard_arrow_down"; }

.grui-tool-type-expand-top:before,
.grui-tool-type-collapse-top:before,
.grui-tool-type-up:before,
.grui-tool-type-scroll-up:before {
  font-family: "Material Icons";
  content: "keyboard_arrow_up"; }

.grui-tool-type-expand-left:before,
.grui-tool-type-collapse-left:before,
.grui-tool-type-left:before,
.grui-tool-type-scroll-left:before {
  font-family: "Material Icons";
  content: "keyboard_arrow_left"; }

.grui-tool-type-expand-right:before .grui-tool-type-collapse-right:before,
.grui-tool-type-right:before,
.grui-tool-type-scroll-right:before {
  font-family: "Material Icons";
  content: "keyboard_arrow_right"; }

.grui-tool-type-refresh:before {
  font-family: "Material Icons";
  content: "refresh"; }

.grui-tool-type-plus:before {
  font-family: "Material Icons";
  content: "add"; }

.grui-tool-type-menu:before {
  font-family: "Material Icons";
  content: "menu"; }

.grui-tool-type-search:before {
  font-family: "Material Icons";
  content: "search"; }

.grui-tool-type-save:before {
  font-family: "Material Icons";
  content: "save"; }

.grui-tool-type-help:before {
  font-family: "Material Icons";
  content: "help_outline"; }

.grui-tool-type-prev:before {
  font-family: "Material Icons";
  content: "arrow_back"; }

.grui-tool-type-gear:before {
  font-family: "Material Icons";
  content: "settings"; }

.grui-panel-collapsed .grui-tool-type-toggle:before {
  font-family: "Material Icons";
  content: "arrow_drop_down"; }

.grui-tool-type-toggle:before {
  font-family: "Material Icons";
  content: "arrow_drop_up"; }

.grui-tool-type-restore:before {
  font-family: "Material Icons";
  content: "call_received"; }

.grui-tool-type-maximize:before {
  font-family: "Material Icons";
  content: "call_made"; }

.grui-tool-type-minimize:before,
.grui-tool-type-minus:before {
  font-family: "Material Icons";
  content: "remove"; }

.grui-tool-type-disclosure:before,
.grui-tool-type-next:before {
  font-family: "Material Icons";
  content: "arrow_forward"; }

.grui-tool-type-close:before {
  font-family: "Material Icons";
  content: "close"; }

.grui-font-icon:before,
.grui-fi:before {
  display: flex;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  text-rendering: optimizeLegibility; }

.grui-font-icon,
.grui-fi:before {
  font-family: "Material Icons";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  vertical-align: top; }

.grui-row-drag-indicator:before {
  font-family: "Material Icons";
  content: "drag_handle";
  position: absolute;
  font-size: 26px; }

.grui-proxy-drag-el {
  display: inline-block;
  border: 1px solid var(--grui-faded-color);
  padding: 5px;
  color: var(--grui-dark-color);
  background-color: var(--grui-background-color); }
  .grui-proxy-drag-el:before {
    font-family: "Material Icons";
    vertical-align: text-bottom;
    padding-right: 5px;
    color: var(--grui-alert);
    content: "cancel";
    font-feature-settings: "liga"; }

.grui-header-drop-indicator-before:before {
  font-family: "Material Icons";
  z-index: 1;
  position: absolute;
  color: var(--grui-confirm-pressed);
  font-weight: bold;
  font-size: 14px;
  font-feature-settings: "liga";
  content: "arrow_downward";
  top: -4px;
  left: -7px; }

.grui-header-drop-indicator-before:after {
  font-family: "Material Icons";
  z-index: 1;
  position: absolute;
  color: var(--grui-confirm-pressed);
  font-weight: bold;
  font-size: 14px;
  font-feature-settings: "liga";
  content: "arrow_upward";
  bottom: -4px;
  left: -7px; }

.grui-header-drop-indicator-before:last-child {
  overflow: visible; }

.grui-header-drop-indicator-before:first-child:before {
  left: 0; }

.grui-header-drop-indicator-before:first-child:after {
  left: 0; }

.grui-header-drop-indicator-after:before {
  font-family: "Material Icons";
  z-index: 1;
  position: absolute;
  color: var(--grui-confirm-pressed);
  font-weight: bold;
  font-size: 14px;
  font-feature-settings: "liga";
  content: "arrow_downward";
  top: -4px;
  right: -7px; }

.grui-header-drop-indicator-after:after {
  font-family: "Material Icons";
  z-index: 1;
  position: absolute;
  color: var(--grui-confirm-pressed);
  font-weight: bold;
  font-size: 14px;
  font-feature-settings: "liga";
  content: "arrow_upward";
  bottom: -4px;
  right: -7px; }

.grui-header-drop-indicator-after:last-child:before {
  right: 0; }

.grui-header-drop-indicator-after:last-child:after {
  right: 0; }

.grui-expandercell .grui-icon-el {
  cursor: pointer;
  width: 18px;
  height: 18px;
  color: var(--grui-expandercell-color); }
  .grui-expandercell .grui-icon-el:before {
    font-family: "Material Icons";
    content: "expand_more";
    font-size: 18px; }

.grui-expandercell.grui-expanded .grui-icon-el:before,
.grui-tool-type-collapse:before {
  font-family: "Material Icons";
  content: "expand_less"; }

.grui-pagingtoolbar {
  color: var(--grui-dark-color); }
  .grui-pagingtoolbar .grui-pagingtoolbar-next:before {
    font-family: "Material Icons";
    content: "chevron_right"; }
  .grui-pagingtoolbar .grui-pagingtoolbar-prev:before {
    font-family: "Material Icons";
    content: "chevron_left"; }
  .grui-pagingtoolbar .fa-angle-double-left:before {
    font-family: "Material Icons";
    content: "first_page"; }
  .grui-pagingtoolbar .fa-angle-double-right:before {
    font-family: "Material Icons";
    content: "last_page"; }

.grui-treecell.grui-treecell-checkable .grui-check-el {
  font-family: "Material Icons";
  font-size: 18px;
  height: 18px;
  margin: 0 5px; }

.grui-button {
  display: inline-flex;
  position: relative;
  min-width: 0;
  min-height: 0;
  color: var(--grui-base-color);
  font: 600 14px/16px "Roboto", sans-serif;
  border-radius: 2px; }
  .grui-button .grui-icon-el {
    height: 100%; }
    .grui-button .grui-icon-el.fa-1x, .grui-button .grui-icon-el.fa-3x, .grui-button .grui-icon-el.fa-3x, .grui-button .grui-icon-el.fa-4x, .grui-button .grui-icon-el.fa-5x, .grui-button .grui-icon-el.fa-6x, .grui-button .grui-icon-el.fa-7x, .grui-button .grui-icon-el.fa-8x, .grui-button .grui-icon-el.fa-9x, .grui-button .grui-icon-el.fa-10x, .grui-button .grui-icon-el.fa-lg, .grui-button .grui-icon-el.fa-sm, .grui-button .grui-icon-el.fa-xs {
      width: 100%; }
    .grui-button .grui-icon-el:before {
      font-size: 1em; }
  .grui-button .grui-inner-el {
    overflow: hidden;
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    padding: 8px;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    border-radius: 2px; }
  .grui-button .grui-body-el {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: auto;
    cursor: inherit; }
  .grui-button .grui-icon-el {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
    color: var(--grui-base-color); }
    .grui-button .grui-icon-el:before {
      font-size: 16px; }
  .grui-button .grui-text-el {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: none;
    min-height: 16px;
    text-transform: uppercase; }
  .grui-button .grui-arrow-el {
    width: 16px;
    height: 16px;
    display: none;
    flex-shrink: 0;
    color: var(--grui-base-color); }
    .grui-button .grui-arrow-el:before {
      content: "arrow_drop_down";
      font-size: 22px; }
  .grui-button .grui-badge-el {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: none;
    z-index: 2;
    position: absolute;
    color: var(--grui-badge-color);
    border-color: transparent;
    border-radius: 32px;
    min-width: 24px;
    top: -10px;
    right: -10px;
    padding: 4px;
    max-width: 55%;
    font-size: 12px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    background-color: var(--grui-accent-color);
    background-image: none; }
  .grui-button .grui-button-el {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    outline: none;
    cursor: pointer;
    z-index: 3;
    border: 0;
    margin: 0;
    padding: 0; }
  .grui-button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 2px; }

.grui-size-monitored {
  position: relative; }

.grui-size-monitors {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden; }
  .grui-size-monitors > * {
    width: 100%;
    height: 100%;
    overflow: hidden; }

.grui-size-monitors.scroll > *.shrink::after {
  width: 200%;
  height: 200%;
  content: "";
  display: block;
  min-width: 1px;
  min-height: 1px; }

.grui-size-monitors.scroll > *.expand::after {
  width: 100000px;
  height: 100000px;
  content: "";
  display: block; }

.grui-size-monitors.overflowchanged > *.shrink > * {
  width: 100%;
  height: 100%; }

.grui-size-monitors.overflowchanged > *.expand > * {
  width: 200%;
  height: 200%; }

@-webkit-keyframes grui-paint-monitor-helper {
  from {
    zoom: 1; }
  to {
    zoom: 1; } }

@keyframes grui-paint-monitor-helper {
  from {
    zoom: 1; }
  to {
    zoom: 1; } }

.grui-paint-monitored {
  position: relative; }

.grui-paint-monitor {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden; }

.grui-paint-monitor.cssanimation {
  -webkit-animation-duration: 0.0001ms;
  -webkit-animation-name: grui-paint-monitor-helper;
  animation-duration: 0.0001ms;
  animation-name: grui-paint-monitor-helper; }

.grui-paint-monitor.overflowchange {
  overflow: hidden; }
  .grui-paint-monitor.overflowchange::after {
    width: 1px !important;
    height: 1px !important;
    content: "";
    display: block; }

.grui-unselectable {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: default; }

.grui-hidden-clip {
  position: absolute !important;
  clip: rect(0, 0, 0, 0); }

.grui-hidden-display {
  display: none !important; }

.grui-hidden-offsets {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -10000px !important; }

.grui-hidden-opacity {
  opacity: 0 !important;
  pointer-events: none; }

.grui-hidden-visibility {
  visibility: hidden !important; }

.grui-pressed .grui-ripple-transition,
.grui-pressing .grui-ripple-transition {
  transition: background-color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .grui-pressed .grui-ripple-transition .grui-icon-el,
  .grui-pressing .grui-ripple-transition .grui-icon-el {
    transition: background-color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .grui-pressed .grui-ripple-transition .grui-arrow-el,
  .grui-pressing .grui-ripple-transition .grui-arrow-el {
    transition: background-color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.grui-rippling {
  position: relative; }
  .grui-rippling:not(.grui-rippling-unbound) .grui-ripple {
    -webkit-animation: grui-ripple-animation 0.35s ease-out forwards;
    animation: grui-ripple-animation 0.35s ease-out forwards; }

.grui-rippling.grui-component-confirm .grui-ripple {
  background-color: var(--grui-confirm-pressed); }

.grui-rippling.grui-component-decline .grui-ripple {
  background-color: var(--grui-alert); }

.grui-rippling.grui-rippling-unbound {
  overflow: visible !important; }
  .grui-rippling.grui-rippling-unbound .grui-ripple-container {
    overflow: visible;
    position: absolute; }
  .grui-rippling.grui-rippling-unbound .grui-ripple {
    -webkit-animation: grui-ripple-unbound-animation 0.3s ease-out forwards;
    animation: grui-ripple-unbound-animation 0.3s ease-out forwards; }

.grui-ripple-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none; }

.grui-ripple {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.4;
  position: absolute;
  border-radius: 50%;
  background-color: var(--grui-ripple-background-color);
  pointer-events: none; }

.grui-progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  background-color: var(--grui-progress-background-color);
  min-height: 4px;
  color: var(--white-color);
  font-weight: 600;
  font-size: 13px;
  font-family: Roboto, sans-serif;
  text-align: center;
  line-height: 20px; }

.grui-progress-bar {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.grui-progress-text {
  overflow: hidden; }

.grui-touch-action-pan-y {
  overflow-x: hidden !important; }

.grui-touch-action-pan-x {
  overflow-y: hidden !important; }

.grui-drag-body {
  cursor: default; }
  .grui-drag-body * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.grui-drag-dragging {
  z-index: 1000000 !important;
  pointer-events: none; }

.grui-treelist {
  background-position: 22px 0%;
  overflow: hidden;
  padding: 0 0 0 0; }

.grui-float-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  overflow: visible; }
  .grui-float-wrap > .grui-floated {
    position: absolute;
    pointer-events: all; }
  .grui-float-wrap > .grui-mask {
    z-index: 0;
    pointer-events: all; }

#ext-global-floatWrap {
  z-index: 999999; }

body.grui-chromeios {
  height: 100vh !important; }
  body.grui-chromeios .grui-float-wrap {
    height: 100vh; }

.grui-root,
.grui-root *,
.grui-root :after,
.grui-root :before {
  box-sizing: border-box; }

.grui-root {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font: 400 14px/1.25 Roboto, sans-serif;
  color: var(--grui-dark-color); }

html.grui-has-viewport,
.grui-has-viewport > body {
  width: 100%;
  height: 100%;
  margin: 0; }

html.grui-fixed-viewport,
.grui-fixed-viewport > body {
  position: fixed; }

.grui-user-selectable-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all; }

.grui-user-selectable-auto {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.grui-user-selectable-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.grui-user-selectable-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.grui-focused {
  outline: none; }

.grui-maximized {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  transform: translate3d(0, 0, 0) !important; }

@-ms-viewport {
  width: device-width; }

.grui-shim {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0; }

.grui-shadow,
.grui-floated {
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4); }

.grui-no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.grui-floating {
  position: absolute !important; }

.grui-center {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .grui-center > * {
    position: relative; }
  .grui-center > .grui-floating {
    position: relative !important; }

.grui-fullscreen {
  position: absolute !important; }

.grui-ios-native:not(.grui-phone.grui-landscape) {
  padding-top: 20px; }

.grui-component {
  position: relative; }

.grui-container {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.grui-container-body-el {
  position: relative;
  overflow: hidden;
  flex: 1; }

.grui-has-flexbasis-bug .grui-container-body-el,
.grui-has-flexbasis-bug .grui-panel-body-wrap-el {
  flex-basis: auto; }

.grui-body-sizer-el {
  flex: 1;
  position: relative; }
  .grui-body-sizer-el > .grui-container-body-el {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .grui-body-sizer-el > * > .grui-layout-fit-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.grui-dock,
.grui-dock-body {
  overflow: hidden;
  display: flex;
  flex: 1 1;
  background-color: inherit; }

.grui-dock {
  position: relative; }
  .grui-dock > .grui-component {
    flex-shrink: 0; }

.grui-dock-body,
.grui-max-height-el,
.grui-dock-vertical {
  flex-direction: column; }

.grui-dock-vertical > .grui-component {
  width: auto; }

.grui-dock-horizontal > .grui-component {
  height: auto; }

.grui-component.grui-layout-card-item {
  width: 100%;
  height: 100%;
  position: absolute; }

.grui-viewport-body-el {
  z-index: 0;
  background-color: var(--grui-background-color); }

.grui-orientation-inspector {
  display: none; }

#ext-viewport {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.grui-title {
  max-width: 100%;
  line-height: 1.3; }
  .grui-title .grui-innerhtml {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.grui-layout-box {
  display: flex; }

.grui-layout-box.grui-horizontal {
  flex-direction: row; }

.grui-layout-box.grui-horizontal.grui-reverse {
  flex-direction: row-reverse; }

.grui-layout-box.grui-horizontal.grui-constrain-align > .grui-layout-box-item:not(.grui-heighted) {
  max-height: 100%; }

.grui-layout-box.grui-vertical {
  flex-direction: column; }

.grui-layout-box.grui-vertical.grui-reverse {
  flex-direction: column-reverse; }

.grui-layout-box.grui-vertical.grui-constrain-align > .grui-layout-box-item:not(.grui-widthed) {
  max-width: 100%; }

.grui-layout-box.grui-align-start {
  align-items: flex-start; }

.grui-layout-box.grui-align-center {
  align-items: center; }

.grui-layout-box.grui-align-end {
  align-items: flex-end; }

.grui-layout-box.grui-align-stretch {
  align-items: stretch; }

.grui-layout-box.grui-wrap {
  flex-wrap: wrap; }

.grui-layout-box.grui-wrap-reverse {
  flex-wrap: wrap-reverse; }

.grui-layout-box-item {
  flex-shrink: 0; }

.grui-toolbar {
  z-index: 1;
  position: relative;
  overflow: visible;
  background-color: var(--grui-header-background-color);
  background-image: none;
  border-color: var(--grui-toolbar-border-color);
  font: 600 16px/16px Roboto, sans-serif;
  color: var(--grui-dark-color);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08); }
  .grui-toolbar .grui-title {
    color: var(--grui-dark-color);
    font-weight: 600;
    font-size: 16px;
    font-family: Roboto, sans-serif; }

.grui-navigation-bar .grui-container {
  overflow: visible; }

.grui-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  flex-shrink: 0;
  cursor: pointer; }
  .grui-tool .grui-icon-el {
    width: 18px;
    height: 18px;
    flex: none; }
    .grui-tool .grui-icon-el:before {
      font-size: 18px; }

.grui-max-height-el,
.grui-tool-dock {
  overflow: hidden;
  display: flex;
  flex: 1 1 auto; }

.grui-tool-dock {
  align-items: center;
  background-color: inherit; }

.grui-tool-anchor,
.grui-align-center > .grui-tool-anchor,
.grui-tool-zone.grui-tail {
  margin-right: auto; }

.grui-align-center > .grui-tool-anchor,
.grui-align-right > .grui-tool-anchor,
.grui-align-right > .grui-tool-zone.grui-head,
.grui-align-center > .grui-tool-zone.grui-head {
  margin-left: auto; }

.grui-align-right > .grui-tool-anchor,
.grui-align-right > .grui-tool-zone.grui-tail {
  margin-right: 0; }

.grui-tool-anchor.grui-headed {
  flex: 0 1 auto;
  margin-left: 0; }

.grui-tool-anchor.grui-tailed {
  flex: 0 1 auto;
  margin-right: 0; }

.grui-tool-zone {
  display: flex;
  align-items: center;
  flex: none; }

.grui-panel.grui-header-position-top {
  flex-direction: column; }
  .grui-panel.grui-header-position-top > .grui-max-height-el {
    flex-direction: column; }

.grui-panel.grui-header-position-bottom {
  flex-direction: column-reverse; }
  .grui-panel.grui-header-position-bottom > .grui-max-height-el {
    flex-direction: column-reverse; }

.grui-panel.grui-header-position-left {
  flex-direction: row; }
  .grui-panel.grui-header-position-left > .grui-max-height-el {
    flex-direction: row; }

.grui-panel.grui-header-position-right {
  flex-direction: row-reverse; }
  .grui-panel.grui-header-position-right > .grui-max-height-el {
    flex-direction: row-reverse; }

.grui-panel > .grui-anchor-el {
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  margin: 1px; }
  .grui-panel > .grui-anchor-el .grui-pointer-el {
    position: absolute;
    top: 0;
    fill: var(--grui-background-color);
    stroke-width: 1px;
    stroke: var(--grui-faded-color); }

.grui-panel > .grui-anchor-el.grui-bottom {
  width: 20px;
  height: 10px;
  bottom: -10px;
  padding-top: 1px; }
  .grui-panel > .grui-anchor-el.grui-bottom .grui-pointer-el {
    transform: rotate(180deg); }

.grui-panel > .grui-anchor-el.grui-left {
  width: 10px;
  height: 20px;
  top: 0;
  left: -10px;
  padding-right: 1px; }
  .grui-panel > .grui-anchor-el.grui-left .grui-pointer-el {
    transform: rotate(270deg);
    transform-origin: 10px 10px; }

.grui-panel > .grui-anchor-el.grui-right {
  width: 10px;
  height: 20px;
  top: 0;
  right: -10px;
  padding-left: 1px; }
  .grui-panel > .grui-anchor-el.grui-right .grui-pointer-el {
    transform: rotate(90deg);
    transform-origin: 5px 5px; }

.grui-panel > .grui-anchor-el.grui-top {
  width: 20px;
  height: 10px;
  top: -10px;
  padding-bottom: 1px; }

.grui-panel-body-wrap-el {
  overflow: hidden;
  flex: 1 1;
  display: flex;
  flex-direction: column; }

.grui-mask {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 8.5em;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3) center center no-repeat;
  opacity: 0.7;
  background-color: var(--grui-dark-color); }
  .grui-mask .grui-mask-inner {
    position: relative;
    background: var(--grui-mask-inner-background-color);
    color: var(--white-color);
    text-align: center;
    padding: 0.4em;
    font-size: 0.95em;
    font-weight: bold; }
  .grui-mask .grui-loading-spinner-outer {
    width: 100%;
    height: 8em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 8em; }
  .grui-mask .grui-mask-message {
    position: absolute;
    bottom: 5px;
    color: var(--grui-mask-message-color);
    left: 0;
    right: 0;
    flex: 0 0; }

.grui-mask.grui-has-message .grui-mask-inner {
  padding-bottom: 2em; }

.grui-mask.grui-has-message .grui-loading-spinner-outer {
  height: 168px; }

.grui-menuitem {
  display: flex;
  flex-direction: column; }
  .grui-menuitem .grui-body-el {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    text-decoration: none;
    outline: 0; }
  .grui-menuitem .grui-text-el {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 1 auto; }
  .grui-menuitem .grui-arrow-el {
    display: none; }
  .grui-menuitem .grui-icon-wrap-el {
    display: none;
    justify-content: center;
    flex-shrink: 0; }
  .grui-menuitem:first-child .grui-menuseparator {
    display: none; }

.grui-menuitem.grui-has-arrow .grui-arrow-el {
  display: flex; }

.grui-menuitem.grui-indented .grui-left-icon-wrap-el {
  display: flex;
  visibility: hidden; }

.grui-menuitem.grui-has-left-icon .grui-left-icon-wrap-el,
.grui-menuitem.grui-has-right-icon .grui-right-icon-wrap-el {
  display: flex;
  visibility: visible; }

.grui-menu-body-el.grui-has-separator:before {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--grui-divider-color);
  margin-left: 48px; }

.grui-menu-body-el.grui-has-separator > .grui-non-menuitem.grui-indented {
  margin-left: 64px; }

.grui-menu-body-el.grui-has-separator > .grui-menuitem .grui-text-el {
  margin-left: 16px; }

.grui-tabguard-el {
  width: 0;
  height: 0;
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.grui-input {
  position: relative; }
  .grui-input .grui-input-el {
    display: block;
    border-width: 0;
    -webkit-appearance: none; }
  .grui-input .grui-mask-el {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.grui-editor {
  background-color: var(--grui-background-color); }

.grui-msgbox,
.grui-toast {
  max-width: 90vw;
  max-height: 90vh; }

.grui-toast {
  margin: 0;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08); }
  .grui-toast .grui-toast-text {
    text-align: center; }
  .grui-toast .grui-toast-body-el {
    color: var(--white-color);
    background-color: var(--grui-toast-background-color);
    font: 400 14px/18px Roboto, sans-serif;
    padding: 8px; }

.grui-video {
  width: 100%;
  height: 100%;
  background-color: var(--grui-video-background-color); }
  .grui-video > * {
    width: 100%;
    height: 100%; }
  .grui-video .grui-video-ghost {
    background-size: 100% auto;
    background: #000 center center no-repeat; }

.grui-carousel-body-el {
  position: relative;
  overflow: hidden; }

.grui-carousel-item {
  width: 100%;
  height: 100%;
  position: absolute !important; }
  .grui-carousel-item > * {
    width: 100%;
    height: 100%;
    position: absolute !important; }

.grui-emptytext {
  text-align: center;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--grui-check-color);
  font: 400 14px/1.25 Roboto, sans-serif;
  padding: 10px; }

.grui-dataview-item {
  position: relative; }

.grui-itemheader {
  min-height: 40px;
  width: 100%;
  z-index: 5;
  color: var(--grui-dark-color);
  background-color: var(--grui-header-background-color);
  font: 600 13px/16px Roboto, sans-serif; }
  .grui-itemheader > .grui-body-el {
    min-width: 100%; }
    .grui-itemheader > .grui-body-el > .grui-innerhtml {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .grui-itemheader > .grui-tool-dock {
    min-width: 100%; }

.grui-itemheader.grui-pinned {
  z-index: 20;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); }

.grui-listitem {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 0;
  color: var(--grui-dark-color);
  background-color: var(--grui-background-color);
  margin-bottom: -1px;
  font: 400 13px/16px Roboto, sans-serif;
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--grui-divider-color); }
  .grui-listitem:not(.grui-pinned) {
    min-width: 100%; }
  .grui-listitem + .grui-scrolldock-end {
    margin-top: 1px; }
  .grui-listitem:first-child {
    border-top-color: var(--grui-background-color); }
  .grui-listitem .grui-gridcell {
    min-height: 24px; }

.grui-listitem.grui-hovered {
  background-color: var(--grui-hovered-background-color); }
  .grui-listitem.grui-hovered.grui-odd {
    background-color: var(--grui-hovered-background-color); }

.grui-listitem.grui-selected {
  z-index: 2;
  background-color: var(--grui-faded-color); }
  .grui-listitem.grui-selected.grui-odd {
    background-color: var(--grui-faded-color); }

.grui-listitem.grui-pressed {
  z-index: 3;
  background-color: var(--grui-selected-background-color);
  color: var(--grui-dark-color); }

.grui-listitem.grui-listitem-placeholder {
  height: 1px; }

.grui-listitem.grui-pinned {
  z-index: 20;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); }

:not(.grui-infinite) > .grui-listitem:last-child {
  margin-bottom: 0; }

.grui-listitem-body-el {
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  background-color: inherit; }

.grui-listitem-inner-el {
  display: flex;
  align-items: center;
  background-color: inherit;
  flex: 1 1 auto;
  padding: 12px; }

.grui-listitem-inner-el.grui-tool-anchor {
  display: block;
  align-self: center;
  flex-grow: 0; }

.grui-no-row-lines > .grui-listitem {
  border: 0;
  margin-bottom: 0; }

.grui-list {
  overflow: hidden; }
  .grui-list .grui-list-body-el {
    width: 100% !important;
    display: flex;
    flex-direction: column; }
  .grui-list .grui-list-outer-ct {
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    z-index: 0; }
  .grui-list .grui-list-inner-ct {
    position: relative;
    min-width: 100%; }

.grui-list-inner-ct.grui-infinite > * {
  position: absolute;
  width: 100%; }

.grui-list.grui-inline .grui-listitem {
  display: inline-block; }

.grui-list.grui-nowrap .grui-listitem {
  white-space: nowrap; }

.grui-boundlistitem .grui-selected-icon {
  visibility: hidden; }

:not(.grui-show-selection) > .grui-boundlistitem .grui-selected-icon {
  display: none; }

:not(.grui-multi-select) > .grui-boundlistitem .grui-selected-icon {
  display: none; }

.grui-multi-select .grui-boundlistitem.grui-selected .grui-selected-icon {
  visibility: visible; }

.grui-dataview.grui-inline .grui-dataview-item,
.grui-dataview.grui-inline .grui-dataitem {
  display: inline-block;
  vertical-align: top; }

.grui-dataview.grui-nowrap .grui-body-el {
  white-space: nowrap !important; }

.grui-chipview .grui-chipview-body-el {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }

.grui-listpaging {
  padding: 13px 0; }
  .grui-listpaging .grui-loading-spinner {
    display: none;
    font-size: 180%;
    margin: 0 auto; }
  .grui-listpaging .grui-message {
    cursor: pointer;
    color: var(--grui-message-color);
    text-align: center;
    font-size: 14px; }

.grui-listpaging.grui-disabled .grui-message {
  cursor: default;
  color: var(--grui-dark-color); }

.grui-listpaging.grui-loading .grui-loading-spinner {
  display: block; }

.grui-listpaging.grui-loading .grui-message {
  display: none; }

.grui-list-item-dragging {
  z-index: 100; }

.grui-combobox .grui-chipview input.grui-input-el {
  min-width: 80px;
  flex: 1 1 auto;
  order: 999999;
  padding-left: 2px; }

.grui-layout-carousel-wrap {
  overflow: hidden;
  display: block; }

.grui-layout-carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-direction: row; }

.grui-layout-carousel-item {
  flex: 0 0; }

.grui-dateview th {
  text-overflow: clip; }

.grui-dateview td {
  outline: none; }
  .grui-dateview td:not(.grui-disabled) .grui-inner {
    cursor: pointer; }

.grui-dateview tbody .grui-cell {
  position: relative; }

.grui-dateview .grui-empty {
  pointer-events: none; }

.grui-dateview.grui-hide-caption caption {
  display: none; }

.grui-datetitle {
  font-size: 28px;
  line-height: 32px; }
  .grui-datetitle .grui-body-el {
    position: relative;
    width: 100%; }
  .grui-datetitle .grui-year-el {
    cursor: pointer; }
  .grui-datetitle .grui-text-container-el {
    width: 100%;
    position: relative;
    align-items: center;
    overflow: hidden;
    margin: auto;
    display: flex; }
  .grui-datetitle .grui-cloned {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center; }
  .grui-datetitle:not(.grui-split) .grui-text-el {
    text-align: center;
    width: 100%; }

.grui-datetitle.grui-split .grui-text-container-el {
  display: block; }

.grui-yearpicker .grui-listitem .grui-innerhtml {
  width: 100%;
  text-align: center; }

.grui-datepanel {
  display: inline-flex;
  flex: 0 0 auto !important; }
  .grui-datepanel:focus {
    outline: none; }
  .grui-datepanel .grui-panel-body-el {
    border-width: 0 !important; }
    .grui-datepanel .grui-panel-body-el .grui-cloned {
      position: absolute; }
  .grui-datepanel .grui-dateview .grui-cell {
    padding: 4px; }
    .grui-datepanel .grui-dateview .grui-cell .grui-inner {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
  .grui-datepanel .grui-dateview table {
    margin: 15px; }
  .grui-datepanel .grui-dateview caption {
    padding: 0 0 10px 0;
    color: var(--grui-caption-color);
    text-align: center;
    font-weight: 600;
    font-size: 14px; }
  .grui-datepanel .grui-dateview thead .grui-cell {
    background-color: transparent; }
    .grui-datepanel .grui-dateview thead .grui-cell .grui-inner {
      height: 40px;
      color: var(--grui-cell-color);
      font-weight: 500; }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-outside .grui-inner {
    color: var(--grui-cell-outside-color); }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-today .grui-inner {
    color: var(--grui-base-color);
    font-weight: 700; }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-special .grui-inner {
    color: var(--grui-progress-background-color); }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-disabled .grui-inner {
    background-color: var(--grui-cell-disabled-background-color); }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-selected .grui-inner {
    color: var(--white-color);
    background-color: var(--grui-base-color);
    font-weight: normal; }
  .grui-datepanel .grui-dateview tbody .grui-cell.grui-selected:not(.grui-hide-focus):focus .grui-inner:after {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: "";
    pointer-events: none;
    border: 1px solid var(--white-color);
    border-radius: 100%; }
  .grui-datepanel .grui-dateview tbody .grui-cell:not(.grui-hide-focus):focus .grui-inner:after {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: "";
    pointer-events: none;
    border: 1px solid #05365c;
    border-radius: 100%; }
  .grui-datepanel .grui-navigation-tools {
    top: 15px;
    right: calc(35px - 1em);
    left: calc(35px - 1em); }
  .grui-datepanel .grui-split {
    padding: 12px 8px; }
  .grui-datepanel .grui-year-el {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px; }
  .grui-datepanel .grui-year-el.grui-inactive {
    font-size: 14px; }
  .grui-datepanel .grui-text-el.grui-inactive,
  .grui-datepanel .grui-year-el.grui-inactive {
    opacity: 0.6;
    transition: font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.grui-thumb {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50% !important;
  left: 0;
  background-color: var(--grui-base-color);
  border-radius: 9px;
  margin-top: -9px; }
  .grui-thumb + .grui-sizer-el {
    width: 0; }

.grui-thumb.grui-dragging {
  cursor: default; }

.grui-slider {
  position: relative;
  display: flex;
  align-items: center; }
  .grui-slider .grui-track-el {
    width: 100%;
    height: 2px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--grui-divider-color); }
  .grui-slider .grui-thumb-wrap-el {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .grui-slider .grui-fill-el {
    position: absolute;
    top: 0;
    left: 0;
    border-right-width: 0 !important;
    height: 2px;
    background-color: var(--grui-fill-background-color); }
    .grui-slider .grui-fill-el:not(:first-child) {
      border-left-width: 0 !important; }
  .grui-slider:not(.grui-toggleslider) .grui-fill-el {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .grui-slider .grui-thumb {
    transition: transform 0.15s ease-out; }
    .grui-slider .grui-thumb:active {
      -webkit-transform: scale(1.5);
      transform: scale(1.5); }
  .grui-slider .grui-thumb.grui-disabled:active {
    -webkit-transform: scale(1);
    transform: scale(1); }

.grui-formpanel .grui-hidden-submit {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  bottom: 0; }

.grui-celleditor {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .grui-celleditor input {
    outline: none;
    border: none; }

.grui-gridcell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font: 400 13px/16px Roboto, sans-serif; }
  .grui-gridcell.grui-align-left {
    text-align: left; }

.grui-gridcell.grui-dirty:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1; }

.grui-var-height .grui-gridcell-body-el {
  white-space: normal; }

body :not(div.grui-var-height) > .grui-gridcell-body-el > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.grui-gridcell-body-el,
.grui-roweditorcell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.grui-roweditorcell .grui-innerhtml,
.grui-rowbody .grui-content-el {
  padding: 12px; }

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

.grui-roweditorcell.grui-align-right {
  padding: 12px 9px; }

.grui-gridcell.grui-align-right {
  text-align: right;
  padding-right: 14px; }

.grui-rownumberercell.grui-gridcell.grui-align-right {
  padding-right: 4px; }

.grui-rownumberercell .grui-rownumberercell-body-el {
  padding: 12px 4px; }

.grui-rowbody {
  display: flex; }

.grui-grid:not(.grui-has-rowexpander) .grui-rowbody .grui-spacer-el {
  display: none; }

.grui-grid .grui-resize-marker-el {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--grui-divider-color);
  z-index: 1; }

.grui-gridrow {
  display: block;
  min-height: 40px; }
  .grui-gridrow .grui-cells-el {
    display: table;
    table-layout: fixed;
    width: 0;
    background-color: inherit; }
  .grui-gridrow .grui-cells-el.grui-flexbox {
    display: flex;
    width: inherit; }

.grui-headercontainer-body-el > :last-child {
  overflow: hidden; }

.grui-menucheckitem .grui-arrow-el,
.grui-menuitem .grui-arrow-el,
.grui-menuradioitem .grui-arrow-el {
  width: 16px;
  height: 16px;
  margin: 0 7px;
  color: grey; }
  .grui-menucheckitem .grui-arrow-el:before,
  .grui-menuitem .grui-arrow-el:before,
  .grui-menuradioitem .grui-arrow-el:before {
    content: "chevron_right";
    font-size: 16px; }

.grui-menucheckitem .grui-body-el,
.grui-menuitem .grui-body-el,
.grui-menuradioitem .grui-body-el {
  color: var(--grui-dark-color);
  font-weight: normal;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  height: 32px;
  cursor: pointer; }

.grui-menucheckitem .grui-icon-el,
.grui-menuitem .grui-icon-el,
.grui-menuradioitem .grui-icon-el {
  width: 16px;
  height: 16px;
  color: grey; }
  .grui-menucheckitem .grui-icon-el:before,
  .grui-menuitem .grui-icon-el:before,
  .grui-menuradioitem .grui-icon-el:before {
    font-size: 16px; }

.grui-menucheckitem .grui-checkbox-el {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0; }

.grui-menucheckitem .grui-checkbox-icon-el {
  width: 18px;
  height: 18px;
  color: grey; }
  .grui-menucheckitem .grui-checkbox-icon-el:before {
    content: "check_box_outline_blank";
    font-size: 18px; }

.grui-gridcolumn {
  overflow: visible; }
  .grui-gridcolumn .grui-header-el {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center; }
  .grui-gridcolumn .grui-title-wrap-el {
    overflow: hidden; }
  .grui-gridcolumn .grui-title-el {
    overflow: hidden;
    display: flex;
    align-items: center; }
  .grui-gridcolumn .grui-text-el {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .grui-gridcolumn .grui-trigger-el {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .grui-gridcolumn > .grui-header-el {
    color: var(--grui-dark-color);
    background-color: var(--grui-background-color);
    font: 400 13px/16px Roboto, sans-serif;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: var(--grui-divider-color); }
    .grui-gridcolumn > .grui-header-el:hover {
      background-color: var(--grui-background-color); }
      .grui-gridcolumn > .grui-header-el:hover .grui-trigger-el {
        opacity: 1; }
    .grui-gridcolumn > .grui-header-el:after {
      width: 13px;
      height: 100%;
      content: "";
      width: 0;
      position: absolute;
      right: 0;
      top: 0;
      display: none;
      background-color: var(--grui-accent-light-color); }
    .grui-gridcolumn > .grui-header-el .grui-trigger-el {
      width: 20px;
      color: grey;
      background-color: var(--grui-background-color);
      border-width: 0 0 0 1px;
      border-style: solid;
      border-color: var(--grui-divider-color); }
      .grui-gridcolumn > .grui-header-el .grui-trigger-el:before {
        content: "arrow_drop_down";
        font-size: 20px; }
  .grui-gridcolumn .grui-resizer-el {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    width: 10px;
    background-color: transparent;
    z-index: 1;
    cursor: col-resize;
    display: none; }

.grui-gridcolumn.grui-align-center > .grui-header-el,
.grui-gridcolumn.grui-group.grui-align-center > .grui-header-el .grui-title-el {
  justify-content: center; }

.grui-gridcolumn.grui-align-right > .grui-header-el,
.grui-gridcolumn.grui-group.grui-align-right > .grui-header-el .grui-title-el {
  justify-content: flex-end; }

.grui-gridcolumn.grui-group > .grui-header-el > .grui-title-wrap-el,
.grui-gridcolumn.grui-group > .grui-header-el > .grui-tool-dock {
  width: 0;
  min-width: 100%; }

.grui-gridcolumn.grui-leaf .grui-header-el {
  border-bottom: 0; }

.grui-gridcolumn.grui-leaf .grui-gridcolumn-body-el {
  display: none; }

.grui-gridcolumn.grui-menu-open > .grui-header-el .grui-trigger-el {
  opacity: 1; }

.grui-gridcolumn.grui-resizing .grui-trigger-el {
  opacity: 0 !important; }

.grui-gridcolumn.grui-resizing > .grui-header-el:after {
  display: block; }

.grui-gridcolumn-body-el {
  flex: none;
  overflow: visible; }

.grui-checkcell .grui-checkbox-el {
  width: 18px;
  height: 18px;
  outline: none;
  cursor: pointer;
  color: var(--grui-check-color); }
  .grui-checkcell .grui-checkbox-el:before {
    content: "check_box_outline_blank";
    font-size: 18px; }
  .grui-checkcell .grui-checkbox-el:focus {
    color: var(--grui-checkbox-focus-color); }

.grui-summaryrow {
  white-space: nowrap; }
  .grui-summaryrow .grui-checkcell .grui-checkbox-el,
  .grui-summaryrow .grui-expandercell .grui-icon-el {
    display: none; }
  .grui-summaryrow *:focus {
    outline: none; }
  .grui-summaryrow .grui-cells-el-right-spacer,
  .grui-summaryrow .grui-cells-el {
    display: inline-table;
    vertical-align: middle; }

.grui-selmodel-row-numberer-hd {
  cursor: se-resize !important; }

.grui-selmodel-row-numberer-cell {
  cursor: e-resize; }

.grui-selmodel-column-select .grui-column-header {
  cursor: s-resize; }

.grui-selmodel-extender-drag-handle {
  width: 7px;
  height: 7px;
  position: absolute;
  cursor: crosshair;
  z-index: 3;
  background-color: var(--grui-base-color); }

.grui-selmodel-extender-mask {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  border: 1px dotted var(--grui-base-color); }

.grui-grid.grui-has-columnresizing .grui-gridcolumn.grui-resizable .grui-resizer-el {
  display: block; }

.grui-layout-fit-item {
  flex: 1 1; }

.grui-pagingtoolbar-summary {
  text-align: center;
  white-space: nowrap;
  min-width: 4em; }

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

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

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

.grui-no-transition {
  transition: none !important; }

.grui-roweditor {
  overflow: visible;
  background-color: var(--grui-header-background-color);
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--grui-divider-color);
  margin-bottom: -1px;
  margin-bottom: 0;
  transition: top 0.3s; }
  .grui-roweditor + .grui-scrolldock-end {
    margin-top: 1px; }
  .grui-roweditor:first-child {
    border-top-color: var(--grui-header-background-color); }
  .grui-roweditor .grui-roweditor-inner-el {
    padding: 0; }
  .grui-roweditor .grui-roweditor-button-ct .grui-button {
    margin-left: 4px; }

.grui-roweditor.grui-listitem {
  min-width: auto; }

.grui-roweditor-inner-el {
  flex: none;
  width: 100%; }

.grui-roweditor-button-ct > * > .grui-panel-body-el {
  background-color: inherit; }

.grui-roweditor-button-ct-above .grui-roweditor-button-ct > * > .grui-panel-body-el {
  border-bottom-color: transparent !important; }

.grui-roweditor-button-ct-below .grui-roweditor-button-ct > * > .grui-panel-body-el {
  border-top-color: transparent !important; }

.grui-roweditorgap {
  height: 1px; }

.grui-layout-center {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.grui-layout-center-item,
.grui-layout-center > .grui-innerhtml {
  margin: auto; }

.grui-layout-center-item.grui-widthed {
  flex-shrink: 0; }

.grui-layout-float > .grui-layout-float-item {
  float: left; }

.grui-layout-float.grui-direction-right > .grui-layout-float-item {
  float: right; }

.grui-layout-form {
  display: table;
  border-collapse: separate;
  width: 100%;
  border-spacing: 8px; }
  .grui-layout-form .grui-colgroup-el {
    display: table-column-group; }
  .grui-layout-form .grui-label-column-el {
    display: table-column; }
  .grui-layout-form .grui-body-column-el {
    display: table-column; }

.grui-layout-form.grui-has-label-width {
  table-layout: fixed; }

.grui-panel.grui-placeholder-animate-end.grui-horizontal-header {
  flex-direction: column-reverse; }

.grui-panel.grui-placeholder-animate-end.grui-vertical-header {
  flex-direction: row-reverse; }

.grui-panel.grui-sliding > .grui-panelheader {
  z-index: 1000; }

.grui-panel.grui-drawer {
  z-index: 999; }

.grui-scrollindicator {
  position: absolute; }

.grui-scrollindicator.grui-vertical {
  top: 0;
  right: 0; }

.grui-scrollindicator.grui-horizontal {
  bottom: 0;
  left: 0; }

.grui-scrollbar {
  display: none;
  overflow: hidden;
  z-index: 2; }
  .grui-scrollbar .grui-spacer-el {
    width: 1px;
    height: 1px;
    position: absolute; }

.grui-scrollbar.grui-enabled,
.grui-scrollbar.grui-overflow-scroll {
  display: block; }

.grui-scrollbar.grui-vertical {
  bottom: 0;
  overflow-y: auto; }

.grui-scrollbar.grui-vertical.grui-overflow-scroll {
  overflow-y: scroll; }

:not(.grui-has-horizontal-scrollbar) > .grui-scrollbar.grui-vertical {
  margin-bottom: 0 !important; }

:not(.grui-has-horizontal-scrollbar) > .grui-scroller-inner {
  min-height: 100% !important; }

.grui-scrollbar.grui-horizontal {
  right: 0;
  overflow-x: auto; }

.grui-scrollbar.grui-horizontal.grui-overflow-scroll {
  overflow-x: scroll; }

:not(.grui-has-vertical-scrollbar) > .grui-scrollbar.grui-horizontal {
  margin-right: 0 !important; }

:not(.grui-has-vertical-scrollbar) > .grui-scroller-inner {
  min-width: 100% !important; }

.grui-scrollbar-corner {
  overflow: scroll;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--grui-scrollbar-background-color); }

.grui-windows .grui-scrollbar-corner {
  overflow: hidden; }

.grui-scrolloverlay {
  position: absolute;
  z-index: 99999;
  background-color: var(--grui-viedo-background-color);
  opacity: 0.5;
  border-radius: 9px;
  margin: 2px; }

.grui-virtualscroller {
  overflow: hidden;
  position: relative; }
  .grui-virtualscroller .grui-scroller-inner {
    float: left;
    position: relative;
    min-width: 100%;
    min-height: 100%; }

.grui-treecell {
  padding: 0 12px;
  background-position: 23px 0%; }
  .grui-treecell > .grui-inner-el {
    display: flex;
    align-items: center; }
  .grui-treecell .grui-indent-el {
    flex: 0 0 auto; }
  .grui-treecell .grui-expander-el {
    background-repeat: no-repeat;
    background-position: 0 center; }
    .grui-treecell .grui-expander-el:before {
      content: "chevron_right"; }
  .grui-treecell .grui-expander-el,
  .grui-treecell .grui-icon-el {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--grui-expandercell-color); }
    .grui-treecell .grui-expander-el:before,
    .grui-treecell .grui-icon-el:before {
      font-size: 18px; }
  .grui-treecell .grui-icon-el {
    margin: 0 5px; }

.grui-expander-last .grui-treecell .grui-expander-el {
  order: 100; }

.grui-expander-only .grui-treecell .grui-expander-el,
.grui-cell-expander .grui-treecell {
  cursor: pointer; }

.grui-treecell.grui-leaf .grui-expander-el {
  visibility: hidden; }
  .grui-treecell.grui-leaf .grui-expander-el + .grui-check-el:before {
    padding-left: 5px; }

.grui-treecell.grui-loading .grui-icon-el:before {
  display: none; }

.grui-treecell-body-el {
  white-space: nowrap;
  flex: 1;
  padding: 12px 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  width: auto;
  height: auto;
  clip: auto;
  margin: 0;
  overflow: visible;
  position: static; }

.ext {
  font-family: ExtJS; }

.grui-root.grui-big {
  font-size: 16px; }

.grui-loading-spinner > span:before,
.grui-loading-spinner > span:after {
  width: 1px;
  height: 4px;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform-origin: 0.5px 8px;
  transform-origin: 0.5px 8px;
  content: " "; }

.grui-loading-spinner {
  width: 16px;
  height: 16px;
  font-size: 250%;
  position: relative;
  -webkit-transform-origin: 8px 8px;
  transform-origin: 8px 8px;
  -webkit-animation-name: grui-loading-spinner-rotate;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: grui-loading-spinner-rotate;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
  .grui-loading-spinner > span {
    width: 1px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    -webkit-transform-origin: 0.5px 8px;
    transform-origin: 0.5px 8px;
    content: " ";
    margin-left: -0.05em; }
    .grui-loading-spinner > span::before {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg); }
    .grui-loading-spinner > span::after {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg); }
  .grui-loading-spinner > span.grui-loading-top {
    background-color: var(--grui-loading-background-color);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
    .grui-loading-spinner > span.grui-loading-top::after {
      background-color: var(--grui-loading-after-background-color); }
    .grui-loading-spinner > span.grui-loading-top::before {
      background-color: var(--grui-loading-before-background-color); }
  .grui-loading-spinner > span.grui-loading-left {
    background-color: var(--grui-loading-left-background-color);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
    .grui-loading-spinner > span.grui-loading-left::before {
      background-color: var(--grui-loading-left-before-background-color); }
    .grui-loading-spinner > span.grui-loading-left::after {
      background-color: var(--grui-loading-left-after-background-color); }
  .grui-loading-spinner > span.grui-loading-bottom {
    background-color: var(--grui-loading-bottom-background-color);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    .grui-loading-spinner > span.grui-loading-bottom::before {
      background-color: var(--grui-loading-bottom-before-background-color); }
    .grui-loading-spinner > span.grui-loading-bottom::after {
      background-color: var(--grui-loading-bottom-after-background-color); }
  .grui-loading-spinner > span.grui-loading-right {
    background-color: var(--grui-loading-right-background-color);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
    .grui-loading-spinner > span.grui-loading-right::before {
      background-color: var(--grui-loading-right-before-background-color); }
    .grui-loading-spinner > span.grui-loading-right::after {
      background-color: var(--grui-loading-right-after-background-color); }

.grui-draggable {
  cursor: move !important; }

.grui-managed-borders > .grui-docked-top {
  border-bottom-width: 0 !important; }

.grui-managed-borders > .grui-docked-bottom {
  border-top-width: 0 !important; }

.grui-managed-borders > .grui-docked-left {
  border-right-width: 0 !important; }

.grui-managed-borders > .grui-docked-right {
  border-left-width: 0 !important; }

.grui-layout-card-item {
  background-color: var(--grui-background-color); }

.grui-button-alt.grui-pressing,
.grui-button-alt {
  color: var(--white-color); }
  .grui-button-alt.grui-pressing .grui-inner-el,
  .grui-button-alt .grui-inner-el {
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
  .grui-button-alt.grui-pressing .grui-icon-el,
  .grui-button-alt.grui-pressing .grui-arrow-el,
  .grui-button-alt .grui-icon-el,
  .grui-button-alt .grui-arrow-el {
    color: var(--white-color); }

.grui-toolbar-body-el {
  padding: 8px 16px;
  min-height: 48px;
  overflow: visible; }
  .grui-toolbar-body-el > .grui-title {
    transition: 0.25s padding ease-out; }

.grui-toolbar-body-el.grui-horizontal > .grui-component {
  margin-right: 0; }
  .grui-toolbar-body-el.grui-horizontal > .grui-component:last-child {
    margin-right: 0; }

.grui-toolbar-body-el.grui-vertical > .grui-component {
  margin-bottom: 6px; }
  .grui-toolbar-body-el.grui-vertical > .grui-component:last-child {
    margin-bottom: 0; }

.grui-tool.grui-start,
.grui-reverse > .grui-tool.grui-end {
  margin: 0 6px 0 0; }

.grui-vertical > .grui-tool.grui-start {
  margin: 0 0 6px; }

.grui-vertical > .grui-tool.grui-end {
  margin: 6px 0 0; }

.grui-vertical.grui-reverse > .grui-tool.grui-start {
  margin: 6px 0 0; }

.grui-vertical.grui-reverse > .grui-tool.grui-end {
  margin: 0 0 6px; }

.grui-tool.grui-end,
.grui-reverse > .grui-tool.grui-start {
  margin: 0 0 0 6px; }

.grui-tool.grui-hovered .grui-icon-el {
  opacity: 0.8; }

.grui-tool.grui-pressed .grui-icon-el {
  opacity: 0.6; }

.grui-tool.grui-disabled {
  cursor: default; }
  .grui-tool.grui-disabled:not(.grui-passive) .grui-icon-el {
    opacity: 0.3; }

.grui-tool-itemheader .grui-icon-el {
  color: var(--grui-itemheader-color); }

.grui-panel-body-el {
  background-color: var(--grui-background-color);
  color: var(--grui-dark-color);
  border: 1px solid var(--grui-faded-color);
  font: 400 12px/18px Roboto, sans-serif; }

.grui-panelheader.grui-horizontal {
  min-height: 48px; }

.grui-panelheader.grui-vertical {
  min-width: 48px; }

.grui-panelheader.grui-docked-right,
.grui-panelheader.grui-docked-left {
  border: 1px solid var(--grui-faded-color); }
  .grui-panelheader.grui-docked-right > .grui-body-el,
  .grui-panelheader.grui-docked-left > .grui-body-el {
    padding: 16px 0; }

.grui-panelheader.grui-docked-bottom {
  border: 1px solid var(--grui-faded-color); }

.grui-paneltool-light .grui-icon-el {
  color: var(--grui-dark-color); }

.grui-sheet {
  border-color: var(--grui-faded-color);
  border-style: solid;
  border-width: 0; }
  .grui-sheet > .grui-anchor-el .grui-pointer-el {
    fill: var(--grui-background-color);
    stroke: var(--grui-faded-color); }

.grui-sheet-body-el {
  background-color: var(--grui-background-color);
  border-color: var(--grui-faded-color); }

.grui-menu-body-el {
  padding: 8px 0;
  border-color: var(--grui-divider-color); }
  .grui-menu-body-el > .grui-menuitem .grui-icon-wrap-el {
    width: 48px; }
  .grui-menu-body-el > .grui-non-menuitem {
    margin: 2px 16px; }
  .grui-menu-body-el > .grui-non-menuitem.grui-textfield:first-child {
    margin-top: 0; }
  .grui-menu-body-el > .grui-non-menuitem.grui-textfield:last-child {
    margin-bottom: 0; }
  .grui-menu-body-el > .grui-non-menuitem.grui-indented {
    margin-left: 48px; }
  .grui-menu-body-el .grui-menuitem:not(.grui-indented):not(.grui-has-left-icon) .grui-text-el {
    margin-left: 16px; }
  .grui-menu-body-el .grui-menuitem:not(.grui-has-right-icon):not(.grui-has-arrow) .grui-text-el {
    margin-right: 16px; }
  .grui-menu-body-el > .grui-field {
    padding-bottom: 0; }

.grui-menuheader.grui-docked-right, .grui-menuheader.grui-docked-left, .grui-menuheader.grui-docked-bottom {
  border-color: var(--grui-divider-color); }

.grui-chip {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  cursor: default;
  margin: 0 3px 3px 0;
  background-color: var(--grui-focus-light-border-color);
  height: 26px; }
  .grui-chip .grui-body-el {
    display: flex;
    align-items: center; }
  .grui-chip .grui-icon-el {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    display: none;
    z-index: 10;
    color: var(--grui-dark-color);
    background-size: contain; }
    .grui-chip .grui-icon-el:before {
      font-size: 26px; }
  .grui-chip .grui-text-el {
    flex: 1 1 auto;
    margin: 0 6px 0 6px;
    line-height: 26px;
    white-space: nowrap; }
  .grui-chip .grui-close-el {
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: var(--grui-close-color);
    background-color: var(--grui-slider-background-color);
    border-radius: 9px;
    margin: 0 4px 0 4px;
    display: none; }
    .grui-chip .grui-close-el:before {
      content: "clear";
      font-size: 14px; }
  .grui-chip:hover .grui-close-el {
    color: var(--grui-close-color);
    background-color: var(--white-color); }

.grui-segmentedbutton.grui-vertical .grui-button:not(.grui-first) .grui-inner-el {
  border-top: 0; }

.grui-segmentedbutton.grui-vertical .grui-button:not(.grui-first):not(.grui-last) {
  border-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button:not(.grui-first):not(.grui-last):after {
    border-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button:not(.grui-first):not(.grui-last) .grui-inner-el {
    border-radius: 0; }

.grui-segmentedbutton.grui-vertical .grui-button.grui-first {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button.grui-first:after {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button.grui-first .grui-inner-el {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }

.grui-segmentedbutton.grui-vertical .grui-button.grui-last {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button.grui-last:after {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0; }
  .grui-segmentedbutton.grui-vertical .grui-button.grui-last .grui-inner-el {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0; }

.grui-titlebar {
  background-color: var(--grui-base-color);
  background-image: none;
  border-color: var(--grui-titlebar-border-color);
  font: 600 18px/16px Roboto, sans-serif;
  color: var(--white-color);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08); }
  .grui-titlebar .grui-title {
    color: var(--white-color);
    padding: 0 4px 0 0;
    font-weight: 600;
    font-size: 18px;
    font-family: Roboto, sans-serif; }

.grui-titlebar-body-el {
  padding: 8px 16px;
  min-height: 48px; }

.grui-titlebar-body-el.grui-horizontal > .grui-component {
  margin-right: 0; }
  .grui-titlebar-body-el.grui-horizontal > .grui-component:last-child {
    margin-right: 0; }

.grui-titlebar-body-el.grui-vertical > .grui-component {
  margin-bottom: 3px; }
  .grui-titlebar-body-el.grui-vertical > .grui-component:last-child {
    margin-bottom: 0; }

.grui-dataview {
  width: 100%;
  height: 100%;
  background-color: var(--grui-background-color); }

.grui-dataview-default-body-el > .grui-dataview-item {
  color: var(--grui-dark-color);
  background-color: var(--grui-background-color);
  font: 400 13px/16px Roboto, sans-serif; }

.grui-dataview-default-body-el > .grui-dataview-item.grui-odd {
  background-color: var(--grui-header-background-color); }

.grui-dataview-default-body-el > .grui-dataview-item.grui-hovered {
  background-color: var(--grui-hovered-background-color); }

.grui-dataview-default-body-el.grui-show-selection
> .grui-dataview-item.grui-selected,
.grui-dataview-default-body-el > .grui-dataview-item.grui-pressed,
.grui-gridcell.grui-selected,
.grui-gridcell.grui-pressed {
  color: var(--grui-dark-color);
  background-color: var(--grui-selected-background-color); }

.grui-itemheader.grui-pinned-bottom,
.grui-listitem.grui-pinned-bottom {
  box-shadow: 0 -6px 6px -4px rgba(0, 0, 0, 0.2); }

.grui-itemheader-body-el {
  padding: 12px; }

.grui-itemheader-tool-dock > .grui-body-el,
.grui-listitem-tool-dock > .grui-inner-el {
  padding: 12px 0; }

.grui-itemheader-tool-dock,
.grui-listitem-tool-dock {
  padding: 0 12px; }

.grui-list.grui-indexed-vertical.grui-indexed-no-autohide.grui-indexed
.grui-itemheader-body-el
> :last-child,
.grui-list.grui-indexed-vertical.grui-indexed-no-autohide.grui-indexed
.grui-listitem-inner-el
> :last-child,
.grui-list.grui-indexed-vertical.grui-indexed-no-autohide.grui-indexed
.grui-listswiperitem-body-el,
.grui-list.grui-indexed-vertical.grui-indexed-no-autohide.grui-indexed
.grui-listitem-tool-dock
> :last-child {
  margin-right: 22px; }

.grui-list.grui-indexed-vertical.grui-indexed-no-autohide.grui-indexed
.grui-listitem-tool-dock
> .grui-listitem-inner-el
> :last-child {
  margin-right: 0; }

.grui-tooltip {
  background-color: var(--grui-tooltip-background-color);
  border-radius: 3px;
  max-width: 650px; }
  .grui-tooltip > .grui-anchor-el .grui-pointer-el {
    fill: var(--grui-background-color);
    stroke: var(--grui-faded-color); }

.grui-tooltip-body-el {
  padding: 8px;
  background-color: var(--grui-background-color);
  color: var(--grui-dark-color);
  border-color: var(--grui-faded-color); }

.grui-tooltipheader {
  background-color: var(--grui-background-color);
  background-image: none;
  border-color: var(--grui-faded-color); }
  .grui-tooltipheader > .grui-body-el {
    padding: 8px 8px 0 8px; }

.grui-tooltipheader.grui-horizontal {
  min-height: 0; }

.grui-tooltipheader.grui-vertical {
  min-width: 0; }

.grui-tooltipheader.grui-docked-right > .grui-body-el {
  padding: 8px 8px 8px 0; }

.grui-tooltipheader.grui-docked-left > .grui-body-el {
  padding: 8px 0 8px 8px; }

.grui-tooltipheader.grui-docked-bottom, .grui-tooltipheader.grui-docked-right, .grui-tooltipheader.grui-docked-left {
  border-color: var(--grui-faded-color); }

.grui-tooltiptitle {
  color: var(--grui-dark-color);
  font-weight: 600;
  padding: 0; }

.grui-tooltiptitle.grui-rotate-90,
.grui-tooltiptitle.grui-rotate-270 {
  padding: 0; }

.grui-tooltiptool .grui-icon-el,
.grui-tooltiptitle .grui-icon-el {
  color: var(--grui-dark-color); }

.grui-thumb.grui-disabled {
  background-color: var(--grui-faded-color); }

.grui-thumb-sizer {
  height: 18px; }

.grui-slider.grui-disabled .grui-fill-el {
  background-color: transparent; }

.grui-header-position-left .grui-analogtimeheader {
  height: 100%; }
  .grui-header-position-left .grui-analogtimeheader .grui-header-el {
    width: 190px;
    height: 100%;
    flex-direction: column;
    justify-content: center; }
  .grui-header-position-left .grui-analogtimeheader .grui-meridiem-wrapper-el {
    height: auto;
    padding-left: 0; }
  .grui-header-position-left .grui-analogtimeheader .grui-time-el {
    font-size: 42px; }

.grui-analogtimeheader .grui-header-el {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  flex-direction: row;
  background-color: var(--grui-base-color);
  height: 100px;
  padding: 10px 40px;
  color: var(--white-color);
  -o-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: default; }

.grui-analogtimeheader .grui-meridiem-wrapper-el {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 0;
  height: 100%; }

.grui-analogtimeheader .grui-time-wrapper-el {
  display: flex;
  flex-direction: row;
  width: 100%; }

.grui-analogtimeheader .grui-time-el {
  font-size: 68px;
  line-height: normal; }

.grui-analogtimeheader .grui-meridiem-el,
.grui-analogtimeheader .grui-time-el {
  user-select: none;
  cursor: pointer;
  opacity: 0.7; }

.grui-analogtimeheader .grui-time-el.active,
.grui-analogtimeheader .grui-meridiem-el.active {
  opacity: 1; }

.grui-analogtimeheader .grui-time-el.grui-minute-el {
  flex: 1;
  text-align: left; }

.grui-analogtimeheader .grui-time-el.grui-hour-el {
  flex: 1;
  text-align: right; }

.grui-wide .grui-analogtime .grui-inner-el {
  width: 100%;
  height: auto;
  flex-direction: row; }

.grui-toggleslider {
  width: 32px; }
  .grui-toggleslider .grui-track-el {
    height: 16px;
    border-radius: 8px;
    border-radius: 8px; }
  .grui-toggleslider .grui-fill-el {
    width: 100%;
    height: 16px;
    border-radius: 8px;
    border-radius: 8px; }
  .grui-toggleslider .grui-thumb {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
    z-index: 1; }
    .grui-toggleslider .grui-thumb:active {
      -webkit-transform: scale(1);
      transform: scale(1); }

.grui-formpanel-body-el {
  background-color: var(--grui-background-color);
  padding: 8px 16px; }

.grui-column-lines .grui-gridcell {
  border-right: 1px solid var(--grui-divider-color); }

.grui-gridcell.grui-hovered,
.grui-menucheckitem.grui-active .grui-body-el,
.grui-menuradioitem.grui-active .grui-body-el,
.grui-menuitem.grui-active .grui-body-el {
  background-color: var(--grui-hovered-background-color); }

.grui-mark-dirty > * > .grui-gridcell.grui-dirty:before {
  width: 14px;
  height: 14px;
  color: var(--grui-alert);
  content: "\e602";
  font-family: ExtJS;
  font-size: 14px; }

.grui-gridcell-tool-dock {
  padding: 0 12px; }
  .grui-gridcell-tool-dock > .grui-body-el {
    padding: 12px 0; }

.grui-gridcell-summary {
  font-weight: 600; }

.grui-gridcell-summary-body-el {
  padding: 12px; }

.grui-gridcell-summary-tool-dock {
  padding: 0 dynamic(8px 0); }
  .grui-gridcell-summary-tool-dock > .grui-body-el {
    padding: dynamic(8px 0) 0; }

.grui-headercontainer {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--grui-divider-color);
  background-color: var(--grui-background-color); }

.grui-menucheckitem.grui-disabled .grui-body-el,
.grui-menuitem.grui-disabled .grui-body-el,
.grui-menuradioitem.grui-disabled .grui-body-el {
  cursor: default; }

.grui-menucheckitem.grui-disabled .grui-text-el,
.grui-menucheckitem.grui-disabled .grui-icon-el,
.grui-menucheckitem.grui-disabled .grui-arrow-el,
.grui-menuitem.grui-disabled .grui-text-el,
.grui-menuitem.grui-disabled .grui-icon-el,
.grui-menuitem.grui-disabled .grui-arrow-el,
.grui-menuradioitem.grui-disabled .grui-text-el,
.grui-menuradioitem.grui-disabled .grui-icon-el,
.grui-menuradioitem.grui-disabled .grui-arrow-el {
  opacity: 0.5; }

.grui-menucheckitem.grui-checked .grui-checkbox-icon-el:before {
  content: "check_box"; }

.grui-gridcolumn.grui-sorted > .grui-header-el {
  background-color: var(--grui-background-color); }

.grui-gridcolumn.grui-sorted .grui-sort-icon-el {
  width: 13px;
  height: 13px;
  margin: 0 0 0 3px;
  color: var(--grui-dark-color); }
  .grui-gridcolumn.grui-sorted .grui-sort-icon-el:before {
    font-size: 16px; }

.grui-gridcolumn.grui-sorted.grui-secondary-sort .grui-sort-icon-el {
  color: var(--grui-gridcolumn-color); }

.grui-gridcolumn.grui-sorted.grui-aux-sort .grui-sort-icon-el {
  color: var(--grui-sort-color); }

.grui-gridcolumn.grui-sorted-asc .grui-sort-icon-el:before,
.grui-headermenu-sort-asc:before {
  content: "arrow_upward"; }

.grui-gridcolumn.grui-sorted-desc .grui-sort-icon-el:before,
.grui-headermenu-sort-desc:before {
  content: "arrow_downward"; }

.grui-gridcolumn-title-wrap-el {
  padding: 12px; }

.grui-gridcolumn-tool-dock {
  padding: 0 12px; }
  .grui-gridcolumn-tool-dock > .grui-title-wrap-el {
    padding: 12px 0; }

.grui-headermenu-columns-icon:before {
  content: "view_column"; }

.grui-headermenu-group-by-this:before {
  content: "format_align_right"; }

.grui-menuradioitem .grui-checkbox-icon-el {
  color: grey; }
  .grui-menuradioitem .grui-checkbox-icon-el:before {
    content: ""; }

.grui-menuradioitem.grui-checked .grui-checkbox-icon-el:before {
  content: "check"; }

.grui-checkcell-body-el {
  padding: 2px 0; }

.grui-checkcell-tool-dock {
  padding: 0; }
  .grui-checkcell-tool-dock > .grui-body-el {
    padding: 11px 0; }

.grui-checkcell.grui-checked .grui-checkbox-el {
  color: var(--grui-base-color); }
  .grui-checkcell.grui-checked .grui-checkbox-el:before {
    content: "check_box"; }

.grui-selected > * .grui-checkcell.grui-selection-cell .grui-checkbox-el {
  color: var(--grui-base-color); }
  .grui-selected > * .grui-checkcell.grui-selection-cell .grui-checkbox-el:before {
    content: "check_box"; }

.grui-checkcell.grui-disabled .grui-checkbox-el {
  color: var(--grui-checkcell-color); }

.grui-checkcolumn .grui-checkbox-el:before {
  content: "check_box_outline_blank";
  font-size: 18px;
  outline: none;
  cursor: pointer;
  color: var(--grui-check-color); }

.grui-checkcolumn > .grui-header-el .grui-trigger-el,
.grui-checkcolumn.grui-no-header-checkbox .grui-checkbox-el {
  display: none; }

.grui-checkcolumn.grui-checked .grui-checkbox-el:before {
  color: var(--grui-base-color);
  content: "check_box"; }

.grui-proxy-drag-el.grui-valid-drop:before {
  color: var(--grui-confirm-pressed);
  content: "check_circle"; }

.grui-expandercell-body-el,
.grui-widgetcell-body-el {
  padding: 0; }

.grui-expandercell-tool-dock,
.grui-widgetcell-tool-dock {
  padding: 0; }
  .grui-expandercell-tool-dock > .grui-body-el,
  .grui-widgetcell-tool-dock > .grui-body-el {
    padding: 0; }

.grui-drag-column .grui-header-el {
  border-right: 0; }

.grui-lockedgrid .grui-lockedgridregion.grui-lock-start,
.grui-lockedgrid .grui-lockedgridregion.grui-lock-end {
  border-color: var(--grui-base-color);
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 0; }

.grui-lockedgrid .grui-lockedgridregion.grui-lock-start {
  border-right-width: 2px;
  border-left-width: 0; }

.grui-lockedgrid .grui-lockedgridregion.grui-lock-end {
  border-left-width: 2px;
  border-right-width: 0; }

.grui-lockedgrid .grui-lockedgrid-body-el {
  border-width: 0; }

.grui-gridviewoptions {
  background-color: var(--grui-background-color);
  border-color: var(--grui-faded-color); }

.grui-column-options-sortablehandle,
.grui-column-options-folder,
.grui-column-options-leaf {
  width: 16px;
  height: 16px; }
  .grui-column-options-sortablehandle:before,
  .grui-column-options-folder:before,
  .grui-column-options-leaf:before {
    font-size: 16px; }

.grui-column-options-sortablehandle:before {
  content: "menu"; }

.grui-column-options-folder:before,
.grui-treecell.grui-no-icon .grui-icon-el:before {
  content: "folder"; }

.grui-column-options-leaf:before {
  content: "description"; }

.grui-column-options-sortablehandle.grui-icon-el {
  color: var(--grui-expandercell-color); }

.grui-column-options-folder.grui-icon-el,
.grui-column-options-leaf.grui-icon-el {
  color: var(--grui-column-options-color); }

.grui-panel-roweditor {
  background-color: var(--grui-header-background-color); }
  .grui-panel-roweditor > .grui-anchor-el .grui-pointer-el {
    fill: var(--grui-header-background-color);
    stroke-width: 1px 0;
    stroke: var(--grui-divider-color); }
  .grui-panel-roweditor > .grui-anchor-el.grui-top {
    padding-bottom: 1px 0; }
  .grui-panel-roweditor > .grui-anchor-el.grui-bottom {
    padding-top: 1px 0; }
  .grui-panel-roweditor > .grui-anchor-el.grui-left {
    padding-right: 1px 0; }
  .grui-panel-roweditor > .grui-anchor-el.grui-right {
    padding-left: 1px 0; }

.grui-panel-roweditor-body-el,
.grui-panel-roweditor-buttons,
.grui-listitem.grui-odd {
  background-color: var(--grui-header-background-color); }

.grui-panel-roweditor-boxscroller > .grui-boxscroller-body > .grui-body-el {
  border: 0; }

.grui-strip-el {
  background-color: var(--grui-base-color); }

.grui-grid-group-header-collapsible.grui-grid-group-header-collapsed .grui-grid-group-icon:before,
.grui-treecell.grui-expanded .grui-expander-el:before {
  content: "expand_more"; }

.grui-treecell.grui-no-icon.grui-expanded .grui-icon-el:before {
  content: "folder_open"; }

.grui-treecell.grui-no-icon.grui-leaf .grui-icon-el:before {
  content: "insert_drive_file"; }

.grui-treecell.grui-treecell-checkable.grui-treecell-checked .grui-check-el {
  color: var(--grui-base-color); }
  .grui-treecell.grui-treecell-checkable.grui-treecell-checked .grui-check-el:before {
    content: "check_box";
    font-size: 18px; }

.grui-treecell.grui-treecell-checkable.grui-treecell-trimode .grui-check-el {
  color: var(--grui-base-color); }
  .grui-treecell.grui-treecell-checkable.grui-treecell-trimode .grui-check-el:before {
    content: "indeterminate_check_box";
    font-size: 18px; }

.grui-treecell.grui-treecell-checkable.grui-treecell-unchecked .grui-check-el {
  color: var(--grui-check-color); }
  .grui-treecell.grui-treecell-checkable.grui-treecell-unchecked .grui-check-el:before {
    content: "check_box_outline_blank";
    font-size: 18px; }

html {
  font-family: "Roboto", sans-serif;
  color: var(--grui-dark-color); }

body {
  font-family: "Roboto", sans-serif;
  color: var(--grui-body-dark-color); }

.grui-gridcell.grui-treelist-item {
  border: none; }

.grui-docked-top .grui-has-badge .grui-badge-el {
  top: -8px; }

.grui-has-badge .grui-badge-el {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  display: block;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
  z-index: 1; }

@media print {
  html.grui-has-unscalable-viewport {
    position: static; }
  .grui-has-unscalable-viewport > body {
    position: static; } }

@media (orientation: landscape) {
  .grui-orientation-inspector-landscape {
    display: block; } }

@media (orientation: portrait) {
  .grui-orientation-inspector-landscape {
    display: none; } }

@-webkit-keyframes grui-ripple-animation {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.4; }
  75% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.2; }
  100% {
    -webkit-transform: scale(2.35);
    transform: scale(2.35);
    opacity: 0; } }

@keyframes grui-ripple-animation {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.4; }
  75% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0.2; }
  100% {
    -webkit-transform: scale(2.35);
    transform: scale(2.35);
    opacity: 0; } }

@-webkit-keyframes grui-ripple-unbound-animation {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.4; }
  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0.2; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@keyframes grui-ripple-unbound-animation {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.4; }
  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0.2; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

.switch {
  width: 60px;
  height: 34px;
  position: relative;
  display: inline-block; }
  .switch input {
    display: none; }

.slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  background-color: var(--grui-slider-background-color);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider:before {
  width: 26px;
  height: 26px;
  position: absolute;
  content: "";
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider {
  background-color: var(--grui-base-color); }

input:focus + .slider {
  box-shadow: 0 0 1px var(--grui-base-color); }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.grui-grid-cell-error {
  border: 1px solid var(--grui-alert-border) !important; }

.grui-custom-checkbox input[type="checkbox"] {
  width: 1.25em;
  height: 1.25em;
  cursor: pointer;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.15em solid var(--grui-check-color); }

.grui-custom-checkbox input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' viewBox='4 4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.4 21.5-5.93-5.93-2.01 3.01 7.94 7.94 20.1-17.1-2.01-2.01z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 98% 98%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--grui-base-color);
  border-color: var(--grui-base-dark-color); }

.grui-menu .grui-textfield {
  padding: 4px 0;
  border-bottom: 1px solid var(--grui-check-color); }
  .grui-menu .grui-textfield .grui-error-el,
  .grui-menu .grui-textfield .grui-after-input-el {
    line-height: 0; }
  .grui-menu .grui-textfield input {
    border: none;
    outline: none;
    background: transparent; }

.grui-gridcell-nogroup .grui-grid-group-icon {
  display: none; }

.grui-grid-group-header .grui-body-el,
.grui-grid-group-header .grui-text-el {
  display: flex; }

.grui-grid-group-icon {
  width: dynamic(18px);
  height: dynamic(18px); }

.grui-grid-group-header-collapsible {
  cursor: dynamic(pointer); }
  .grui-grid-group-header-collapsible .grui-grid-group-icon {
    display: flex;
    margin: dynamic(0 6px 0);
    color: dynamic(#808080); }
    .grui-grid-group-header-collapsible .grui-grid-group-icon:before {
      font-family: "Material Icons";
      content: "expand_less"; }

.grui-grid-group-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.grui-grid-group-column-btn-sort-desc:before {
  content: "arrow_downward";
  font-family: "Material Icons"; }

/*# sourceMappingURL=../none */