/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Onest);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Onest:wght@500&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (3) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Onest);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (4) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Calibri);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (5) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Onest:wght@500&display=swap);
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/themes/light.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-grid.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #BBB;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-chip-background-color: transparent;
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper, .ag-sticky-top, .ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

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

.ag-invisible {
  visibility: hidden !important;
}

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

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
  opacity: 0.5;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport, .ag-center-cols-viewport {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar {
  display: none;
}

.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-center-cols-viewport {
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
  overflow: hidden;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-header-select-all {
  display: flex;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  overflow: hidden;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top {
  position: absolute;
  display: flex;
  width: 100%;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item, .ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-keyboard-focus .ag-virtual-list-item:focus {
  outline: none;
}
.ag-keyboard-focus .ag-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar, .ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-display {
  height: var(--ag-icon-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height) !important;
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  background-color: var(--ag-background-color);
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-rich-select-value {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-keyboard-focus .ag-rich-select-virtual-list-item:focus::after {
  content: none;
}
.ag-rich-select-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-ltr .ag-rich-select-row {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-rich-select-row {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-keyboard-focus .ag-autocomplete-virtual-list-item:focus::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-background-color);
}

.ag-panel-title-bar {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: calc(1 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: calc(1 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: calc(2 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: calc(2 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: calc(3 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: calc(3 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: calc(4 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: calc(4 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: calc(5 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: calc(5 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: calc(6 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: calc(6 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: calc(7 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: calc(7 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: calc(8 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: calc(8 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: calc(9 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: calc(9 * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-keyboard-focus .ag-column-select-header-icon:focus {
  outline: none;
}
.ag-keyboard-focus .ag-column-select-header-icon:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
  outline: none;
}
.ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

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

.ag-root-wrapper {
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: calc(1 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: calc(1 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: calc(2 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: calc(2 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: calc(3 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: calc(3 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: calc(4 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: calc(4 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: calc(5 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: calc(5 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: calc(6 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: calc(6 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: calc(7 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: calc(7 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: calc(8 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: calc(8 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: calc(9 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: calc(9 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: calc(10 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-10 {
  padding-right: calc(10 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: calc(11 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-11 {
  padding-right: calc(11 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: calc(12 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-12 {
  padding-right: calc(12 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: calc(13 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-13 {
  padding-right: calc(13 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: calc(14 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-14 {
  padding-right: calc(14 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: calc(15 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-15 {
  padding-right: calc(15 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: calc(16 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-16 {
  padding-right: calc(16 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: calc(17 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-17 {
  padding-right: calc(17 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: calc(18 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-18 {
  padding-right: calc(18 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: calc(19 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-19 {
  padding-right: calc(19 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: calc(20 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-20 {
  padding-right: calc(20 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: calc(21 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-21 {
  padding-right: calc(21 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: calc(22 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-22 {
  padding-right: calc(22 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: calc(23 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-23 {
  padding-right: calc(23 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: calc(24 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-24 {
  padding-right: calc(24 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: calc(25 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-25 {
  padding-right: calc(25 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: calc(26 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-26 {
  padding-right: calc(26 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: calc(27 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-27 {
  padding-right: calc(27 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: calc(28 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-28 {
  padding-right: calc(28 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: calc(29 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-29 {
  padding-right: calc(29 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: calc(30 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-30 {
  padding-right: calc(30 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: calc(31 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-31 {
  padding-right: calc(31 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: calc(32 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-32 {
  padding-right: calc(32 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: calc(33 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-33 {
  padding-right: calc(33 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: calc(34 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-34 {
  padding-right: calc(34 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: calc(35 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-35 {
  padding-right: calc(35 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: calc(36 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-36 {
  padding-right: calc(36 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: calc(37 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-37 {
  padding-right: calc(37 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: calc(38 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-38 {
  padding-right: calc(38 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: calc(39 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-39 {
  padding-right: calc(39 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: calc(40 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-40 {
  padding-right: calc(40 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: calc(41 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-41 {
  padding-right: calc(41 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: calc(42 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-42 {
  padding-right: calc(42 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: calc(43 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-43 {
  padding-right: calc(43 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: calc(44 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-44 {
  padding-right: calc(44 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: calc(45 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-45 {
  padding-right: calc(45 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: calc(46 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-46 {
  padding-right: calc(46 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: calc(47 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-47 {
  padding-right: calc(47 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: calc(48 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-48 {
  padding-right: calc(48 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: calc(49 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-49 {
  padding-right: calc(49 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}

.ag-ltr .ag-row-group-indent-50 {
  padding-left: calc(50 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-50 {
  padding-right: calc(50 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}

.ag-ltr .ag-row-group-indent-51 {
  padding-left: calc(51 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-51 {
  padding-right: calc(51 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}

.ag-ltr .ag-row-group-indent-52 {
  padding-left: calc(52 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-52 {
  padding-right: calc(52 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}

.ag-ltr .ag-row-group-indent-53 {
  padding-left: calc(53 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-53 {
  padding-right: calc(53 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}

.ag-ltr .ag-row-group-indent-54 {
  padding-left: calc(54 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-54 {
  padding-right: calc(54 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}

.ag-ltr .ag-row-group-indent-55 {
  padding-left: calc(55 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-55 {
  padding-right: calc(55 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}

.ag-ltr .ag-row-group-indent-56 {
  padding-left: calc(56 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-56 {
  padding-right: calc(56 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}

.ag-ltr .ag-row-group-indent-57 {
  padding-left: calc(57 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-57 {
  padding-right: calc(57 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}

.ag-ltr .ag-row-group-indent-58 {
  padding-left: calc(58 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-58 {
  padding-right: calc(58 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}

.ag-ltr .ag-row-group-indent-59 {
  padding-left: calc(59 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-59 {
  padding-right: calc(59 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}

.ag-ltr .ag-row-group-indent-60 {
  padding-left: calc(60 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-60 {
  padding-right: calc(60 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}

.ag-ltr .ag-row-group-indent-61 {
  padding-left: calc(61 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-61 {
  padding-right: calc(61 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}

.ag-ltr .ag-row-group-indent-62 {
  padding-left: calc(62 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-62 {
  padding-right: calc(62 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}

.ag-ltr .ag-row-group-indent-63 {
  padding-left: calc(63 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-63 {
  padding-right: calc(63 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}

.ag-ltr .ag-row-group-indent-64 {
  padding-left: calc(64 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-64 {
  padding-right: calc(64 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}

.ag-ltr .ag-row-group-indent-65 {
  padding-left: calc(65 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-65 {
  padding-right: calc(65 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}

.ag-ltr .ag-row-group-indent-66 {
  padding-left: calc(66 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-66 {
  padding-right: calc(66 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}

.ag-ltr .ag-row-group-indent-67 {
  padding-left: calc(67 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-67 {
  padding-right: calc(67 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}

.ag-ltr .ag-row-group-indent-68 {
  padding-left: calc(68 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-68 {
  padding-right: calc(68 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}

.ag-ltr .ag-row-group-indent-69 {
  padding-left: calc(69 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-69 {
  padding-right: calc(69 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}

.ag-ltr .ag-row-group-indent-70 {
  padding-left: calc(70 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-70 {
  padding-right: calc(70 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}

.ag-ltr .ag-row-group-indent-71 {
  padding-left: calc(71 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-71 {
  padding-right: calc(71 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}

.ag-ltr .ag-row-group-indent-72 {
  padding-left: calc(72 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-72 {
  padding-right: calc(72 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}

.ag-ltr .ag-row-group-indent-73 {
  padding-left: calc(73 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-73 {
  padding-right: calc(73 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}

.ag-ltr .ag-row-group-indent-74 {
  padding-left: calc(74 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-74 {
  padding-right: calc(74 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}

.ag-ltr .ag-row-group-indent-75 {
  padding-left: calc(75 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-75 {
  padding-right: calc(75 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}

.ag-ltr .ag-row-group-indent-76 {
  padding-left: calc(76 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-76 {
  padding-right: calc(76 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}

.ag-ltr .ag-row-group-indent-77 {
  padding-left: calc(77 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-77 {
  padding-right: calc(77 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}

.ag-ltr .ag-row-group-indent-78 {
  padding-left: calc(78 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-78 {
  padding-right: calc(78 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}

.ag-ltr .ag-row-group-indent-79 {
  padding-left: calc(79 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-79 {
  padding-right: calc(79 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}

.ag-ltr .ag-row-group-indent-80 {
  padding-left: calc(80 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-80 {
  padding-right: calc(80 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}

.ag-ltr .ag-row-group-indent-81 {
  padding-left: calc(81 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-81 {
  padding-right: calc(81 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}

.ag-ltr .ag-row-group-indent-82 {
  padding-left: calc(82 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-82 {
  padding-right: calc(82 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}

.ag-ltr .ag-row-group-indent-83 {
  padding-left: calc(83 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-83 {
  padding-right: calc(83 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}

.ag-ltr .ag-row-group-indent-84 {
  padding-left: calc(84 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-84 {
  padding-right: calc(84 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}

.ag-ltr .ag-row-group-indent-85 {
  padding-left: calc(85 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-85 {
  padding-right: calc(85 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}

.ag-ltr .ag-row-group-indent-86 {
  padding-left: calc(86 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-86 {
  padding-right: calc(86 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}

.ag-ltr .ag-row-group-indent-87 {
  padding-left: calc(87 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-87 {
  padding-right: calc(87 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}

.ag-ltr .ag-row-group-indent-88 {
  padding-left: calc(88 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-88 {
  padding-right: calc(88 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}

.ag-ltr .ag-row-group-indent-89 {
  padding-left: calc(89 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-89 {
  padding-right: calc(89 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}

.ag-ltr .ag-row-group-indent-90 {
  padding-left: calc(90 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-90 {
  padding-right: calc(90 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}

.ag-ltr .ag-row-group-indent-91 {
  padding-left: calc(91 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-91 {
  padding-right: calc(91 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}

.ag-ltr .ag-row-group-indent-92 {
  padding-left: calc(92 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-92 {
  padding-right: calc(92 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}

.ag-ltr .ag-row-group-indent-93 {
  padding-left: calc(93 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-93 {
  padding-right: calc(93 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}

.ag-ltr .ag-row-group-indent-94 {
  padding-left: calc(94 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-94 {
  padding-right: calc(94 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}

.ag-ltr .ag-row-group-indent-95 {
  padding-left: calc(95 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-95 {
  padding-right: calc(95 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}

.ag-ltr .ag-row-group-indent-96 {
  padding-left: calc(96 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-96 {
  padding-right: calc(96 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}

.ag-ltr .ag-row-group-indent-97 {
  padding-left: calc(97 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-97 {
  padding-right: calc(97 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}

.ag-ltr .ag-row-group-indent-98 {
  padding-left: calc(98 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-98 {
  padding-right: calc(98 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}

.ag-ltr .ag-row-group-indent-99 {
  padding-left: calc(99 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-99 {
  padding-right: calc(99 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after, .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: -1px;
}

.ag-row-highlight-above.ag-row-first::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}

.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle, .ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  padding: 0;
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active, .ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part, .ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled, .ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon, .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text, .ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-menu-option-popup-pointer, .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}

.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-tabs-header {
  width: 100%;
  display: flex;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-keyboard-focus .ag-tab:focus {
  outline: none;
}
.ag-keyboard-focus .ag-tab:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list, .ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter-item {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: calc(1 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: calc(1 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: calc(2 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: calc(2 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: calc(3 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: calc(3 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: calc(4 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: calc(4 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: calc(5 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: calc(5 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: calc(6 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: calc(6 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: calc(7 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: calc(7 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: calc(8 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: calc(8 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: calc(9 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: calc(9 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-keyboard-focus .ag-filter-virtual-list-item:focus {
  outline: none;
}
.ag-keyboard-focus .ag-filter-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
  outline: none;
}
.ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-keyboard-focus .ag-side-button-button:focus {
  outline: none;
}
.ag-keyboard-focus .ag-side-button-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-ltr .ag-filter-toolpanel-header,
.ag-ltr .ag-filter-toolpanel-search {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-header,
.ag-rtl .ag-filter-toolpanel-search {
  padding-right: var(--ag-grid-size);
}

.ag-keyboard-focus .ag-filter-toolpanel-header:focus {
  outline: none;
}
.ag-keyboard-focus .ag-filter-toolpanel-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--ag-icon-font-code-filter, "\f115");
  position: absolute;
}
.ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-right: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-keyboard-focus .ag-column-select-header:focus {
  outline: none;
}
.ag-keyboard-focus .ag-column-select-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header, .ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-span-height::after,
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-keyboard-focus .ag-header-cell:focus {
  outline: none;
}
.ag-keyboard-focus .ag-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-keyboard-focus .ag-header-group-cell:focus {
  outline: none;
}
.ag-keyboard-focus .ag-header-group-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-keyboard-focus .ag-advanced-filter-header-cell:focus {
  outline: none;
}
.ag-keyboard-focus .ag-advanced-filter-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  padding-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  padding-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::after,
.ag-header-group-cell::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::after,
.ag-ltr .ag-header-group-cell::after {
  right: 0;
}
.ag-rtl .ag-header-cell::after,
.ag-rtl .ag-header-group-cell::after {
  left: 0;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}

.ag-header-cell.ag-header-span-height::after,
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: calc(var(--ag-grid-size) * 3);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: calc(var(--ag-grid-size) * 3);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-keyboard-focus .ag-paging-button:focus {
  outline: none;
}
.ag-keyboard-focus .ag-paging-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button, .ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid transparent;
}

.ag-keyboard-focus .ag-column-drop-cell:focus {
  outline: none;
}
.ag-keyboard-focus .ag-column-drop-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-control-panel-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-row-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
  outline: none;
}
.ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}

.ag-chart-title-edit.currently-editing {
  display: inline-block;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-charts-canvas {
  display: block;
}

.ag-chart-menu {
  position: absolute;
  top: 10px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-data-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  display: flex;
  flex-direction: row;
  overflow: auto;
  top: 5px;
  gap: calc(var(--ag-grid-size) * 3 - 8px);
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-chart-menu-close {
  display: none;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  position: absolute;
  top: 50%;
  transition: transform 0.33s ease-in-out;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  left: 0px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
  padding: 14px 5px 14px 2px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: -40px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: 0px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: -10px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: -10px;
}
.ag-chart-tool-panel-button-enable .ag-icon-menu {
  display: none;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(3px, -50%);
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(5px, -50%);
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(-3px, -50%);
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(-5px, -50%);
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  line-height: 24px;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  margin: 5px;
}
.ag-chart-mini-thumbnail:nth-last-child(3), .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}
.ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}
.ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}
.ag-ltr .ag-chart-mini-thumbnail:last-child {
  margin-right: 0;
}
.ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
  padding: var(--ag-grid-size);
}

.ag-charts-format-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-group-container.ag-group-container-horizontal {
  padding: var(--ag-grid-size);
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-keyboard-focus .ag-advanced-filter-builder-pill:focus {
  outline: none;
}
.ag-keyboard-focus .ag-advanced-filter-builder-pill:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-keyboard-focus .ag-advanced-filter-builder-item-button:focus {
  outline: none;
}
.ag-keyboard-focus .ag-advanced-filter-builder-item-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-keyboard-focus .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-theme-alpine.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABJ0AAsAAAAAJ2gAABIjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIkuBmAAi2IKqHChZAE2AiQDgjgLgR4ABCAFhEYHhSsbdiJVBDYOABJzRUD2/3XyZChr0A8dMuIgaNGSwoZJwnMhJOiNBx1PI4tUlx68riIWf/imgpi0poPyf6NIBoaWDaUkqNbI3rsHUqiRwAEF6XVkKkJFqAhPQkbICDsGzUXOQnJEmGQTPqL/V9yyIlI1qpKcqa5RgMb1B9zWP5xRCRYid58aYGw2/rMuhhGNkeyiQryo3FUFdgfApM6UgneSnTzUnxLCGhA8gaHIWqRVXosIhmsnGtzmqFDF6h8bkm8ayr2OPMzvHpLY/tT8U3qbPSz2JRmzJb/tddeBwCRY4gnhKxHw/6/1agNMNzghoePj9Js37/+de9+dxdBkPtFkQpMJTQDZtqyId7M5p7sFJNXaKmBZV19JQvdUqDpbF6dTocdTmOVwLoMAm9MDR7uhWNhihIgRIkSMlFfXm5FAmTkHXTqGExB9/n5FMRRx3sUJsvXT849y0sC/yeEV/RL/e1ywR1TTS9/6NeXIt+RAZsra7D1Wx67mn/lgMH51U0SI6j83jaBS6AwmCyXTFtOabA7mOVxBkJQnCYufXeRwGsNFWbGhq4E4xVHF5gc7Zzr91T8w3f0rHYpVvneWEYlBtaHjgqrmLCkBV8KBw6Nw1nMn+e1dKC/sSDhKkOy5BE8ak5bNw3Nnb1niacSrY7xGdYLmVNTKurYhJBF1eUyO2tqVgOipTReCZYEzuLbG7D/U2tykO1B4DTvaxRs4YU/XxPvYXjxVWJvhmQ/MhJzk9cGcqvftJzuI9FHVxZbpy9f1CHe6Of/igz67GOMUN0JY0dnnvv/513NfNesnpAQ+WRuiB7d/x7Q3zKX9kpLtzynXvePCkSwusYvKICDMNM0KzcHFgFFBExIkqtMo3BaDoyCfbLGzE4uDk8dcjTNKbL2h0OgitjmVwxGG5tq7itpvcBPDrK0YF1TUt1RWqqzRt6hKyETpqAvG8xz6JFQm1rRvOl70HG6ixkQqfKKyKUOFn2LPMJz/INTWFxqskq5bedRy5qgqktnXp2R5a34WT4uAoS72UqxqSOXp81ujvk0jqaC6TdLUE7qK9c0SvR5utsDRwdRFKVlapp+ON8Y6K621piuIKGVW0Lqxoy7P0cmmXswdz35OqxVC9kgv41v03af/4CQKZKQc3kvauwvOhF+wQ0P+A7goCIA0f+2AVwuCa+egCxRAVlndmCrAkqALExRNxf0GvDE/ipv4yJe+C21iQrf3feLrIIVKz03CfrSsS4Vp6u241q7vU24qw5ZHW5ajjIFnnott7+qBoBhOIi9eqF9AUEhYRFRMXEJSyrThrJy8An8zlpRVVNU0NLW0dXT1DQyNjE1MzcwtNCytrDFxPXVIRfDm87Jyw4vuUdzVjYHtnMTHvOT//xn9fPPdXyOAdSuA/B8r9kB3AMvgEobBFSyCa5gFN7ACbmEM3MEWuIcR8ADz4AlMgGewAJ7DHHgBq+AlTIFXMAlewzp4C6PgHcyA9zAOPsAa+Aib4BNMg8+wBL7ABnictA1BSMQUAjMIzCGwBIFlCOyDwH4IHIDAQQgcgsBhCByBwFEIHIPAcQicgMBJCJyCwGkInIHAWQicg8B5CFyAwEUIXILAZQhcgcBVCFyDwHVAPQRogACNEKAJAjRDgBYIgzaInkE7RN+gA2Jg0AkxNOiCGBl0Q4wNeiAmBr0QU4M+iJlBP8Tc0p0XgAEIMAgBhiAMcgjFGjdWIXqzxmbqADufT/CD7wp/UXIMrzp9FS8kzbSa+gHDkdlfy4kqqArlSlJ+adVMblLBgnrdyT+3jFdXUSRz1wUzYY6laTm9dVmcU1YOJHg4wYIjUelFAv5gGh/L5VQsloz45XfrrCfzQJZnCrlAYIuJU+eRM5FINuBvl/LIX5CkwN9kM+lqI9PDMo3oNJj0TA3ejdpUX2EAegRMaHBmthE6W+Zr5klkrtJJCaunfM64bXOVfSWaSjyBk7Ti2kKTQP0kDfv5PO6nWPQH2FJkpMxZhfISETiFGAbIwwkkquC7ayAjrz9wtf/xJsyqG8/tLqcefX+QzTmYF5mq7OY92OQWqe00ckp3dZt0XwD53f8J1VhrZCuXzrejBG4K0ji5XeHYWhQRhv4GUjht0rhefsembIG0+oFajLS5ylNTmLg281wu9rCorv0FMzXa5z/zVgS3Z026zzIxbumU+yYTXJ+ZWZaHqZPrO+HfXwK5C2q0dQHX14A8PFXngr5XRZK8dMH1UO3RLJQ2TUT4FzF1YESPLqwG6/nyTk/No/JrB+AEyN2ISp+20H8NhfK9BaxxGPVBN7JrV7Wv0XIdfYq4WXP3HJ0fqUqbTxqGMgh0FEG1iJHz10Hheao4xv6UjL636C+v6n09WN3q+pthSqgfHm3ae2R2IFtlklw3hBUd70IznGkWV2PCP89JvNAjs8MhIIeLdLfWfgJHtNy1x09wfQFT61yvROiq8jwp7tazphZ5LZg9Z3Y5QEEUsTrmZkzvBePDrsc+L5tE6twwTy49vIS20VLMo2rSm/w4doOASKU7Y6rT6OCyXFaXOajVsp38bQUBJGcwv5qCSuKbGC8T6uIE4ghiGhzN2uLcAhiwC+RgQ3uIDNxQRuKgGdW3UVKaCNJyCxu8bDsVZjapl19xTdUJK6n/8gLSe+ZqXQhg//Pz8NknhNXVZSiPkngqxNcUWaXLgObqAHmGa8rYLhZwkxjcfiEszASCjxkkrN6BQappT6IOfTsnhorlyhyKkAMMKIo6fvfeNkbmKJQSNk/ikzJrq9S8PlefYz+JHB3N9R6HQNbaSqAjX/Sn3mhqdMo/N8M/35/A2WBeyaUxMCH2WEH3vwrrZXeX8CPj5rPGhcLwxfDLVNFCPcLRi+kpRubWTnUzLI68mfzK3SnM+9kDeW4hvLsw7iWL22HY51fsoSCY/Cf9ThT1/Z1wNI6n/U/LpUJ+92e/uFBa7vcpQ6DX7UuG6FvanYysL6Hf1Tnka+Fb1sV+TTmAgCzojyHX+t+bYIi7AO575MfUzlNoMsD8DQLDsxQBdG2FcmDbCMqhUSu1Uitzld2uB8lakj9wlmF41Tir0Tx27DhzVFwDmI85d9NLfH0e5FbhFGqbeuVsp8tzmzzH8+hml7cJs9vIXcnbbGgTcDiYXPoYw/V9E0TxRvouALfbeHXzN4wi/YhVsqRq0i92Lz7kNWC92MbI3QjN84Zgd+pmzpcVxqiNG7fFxMTGsBjXONCH5VsY9vU0KJUjxMg/5aFwSoBD4AZZqigZRZNFqT8tcuvJaKroZ0k8S7ZsWC/cQnJD8irAJkOP5JLUEDlMVlWR1SQI1ym17dkv7XftS7Y93x8nhraZWUTEvbt790ZEVvvLWZ6lnuJ0rXZf7r8dJZX5ofnGjh0N6ekqKr4+9/Ta7t29d9z3yJEVzVIrOgQD3YpoWQHc58MynuysXI8sVbVtV90GFuVsUfcXfhl6jsBCrvYygC4hJL3y6Y/owJDQgR7V0SUMUN6GR5JH0COIjQsIiCtzZSIzATsWzwnQl/9ysipL5gSdpLnluHHcst3Q4PoavPj0c5tfVTVLaK813f0MP9JKdrzVXWn30tQwhzO8PciMfrsSMbHwdjXW2qZX61PBM7A4zXW8lOUYE2M1U3/rCX0rSzNzO/2HvcY6K/TrcktbdI2ijfV3WPShu2CS6U9zY7lqtdl2vTyvyB/2xnpa8QcCzM333DVu9F7hcYlJWXqAWa1OVbi2miX/lWXxJoMLSZbcJ5M0tbcby+CormDmVfTdjKev/P2YPCmHK812Pyk3+7E5Uh7ml1aTVO6W4Mgr29l4DVIOz9VuR5j1g0aB4oHgokLQeBGhuVVHVUe6IbUc7ynDfGV3IOMq8I16bWifDMyn9/JebM2U/BWFU8xxAyP6gHccHrftBXFb02CyrlF4ROGMmqvrjVdYmloKYmZG1woWqWkaOBoYQykl7Jyo/fp9eSx2P6YkEql7SrQisLzONorpgQYm3nxCZSVyC6JBEVReaxPlJQ6LyEzVfBw4nWPll5o+Gw2dFso4uE3ACmUyQ1gCbY2Uat6MrKCE4EkkEV6MeEu/NIm2FYBYSiKOuNXGXuWm1HQrv+Zbe/22iSqvUwQebfMEpm0+YhMlXqjwUCYskpImLqCnulzXeImKnTb8+DTsY2/c1vjhI/Tzr10VHepN6GEP0UvAlN6WxCg5TuKX5MnpuFh5Hr7mGUrIMBEmpHAuLj9L4mTXY+SQPA4fq8JFuHwoj2cP1kLnqRaperkm39h+RKk8OHp48FqWhF09DOtTjH1R+8QpQmFymUVQXLgW45Q14yAzkois2ruohWCPOj1TZHnAOpwfvtilvz+7yGM7V3acDz+cfzosm1hezDWjBzK857VKw1msujr2C43m70+jfdF4ZfLpFfe50GfgvhDLMBkpw4ObYzLAzroXoifeHrUR6L6yacA37/O4iorN+D6RnQqFlCgxTIDFDPahMW/agyIh/Lbr7E7dXsxakO6TGfCVXtmR4BnOCgtjhXsmiHMYO1++tGbkhJuQEh8qB5x5Bcdej00du32cDnRFwKFRKMRoEWMRnS8+vy1UQZA7SAKmkmvWaFp7RS6716DMT09dfcAHs39vZxd29mdISE6mmqqls1fU3fwNG379on6vnLzqFNmnUCSVGWtbWVVmmGuUG63fUL5O5/tbi65Xr4BjcrA0iMkM0kBsZWtQvFgaHwYpv4e1I2Jhu1qbphPPWLNt4LGRgTHPqbP+ov5miiBmENTiUndmSLCHrGIxlX+PCGpLJ9987Rst1C5EQz6z7gr8r0rOwgb5YZWq8E4djl+ul9fRGv8w7VROiFfLZ12Vl0pmzroyi169+miAo12HZmj34NjYlcivzE50jXVZutQl1jXxMUXEEfflE10fC/KrZ8wvSkTj+Pw4NPGjRW49jp+IfixtDD1tQWUBAWWLKZhanPznAofaaXQI9D/41VhxZ9XCb+WNVso29gR+QtSGcTH43aAfoXpgnkbCkfpw/537K1zw/PKsBwYCArzE9vb+/kD5y5Jl0HXUhjMNQiNVw61bd2URHTSo4bEXluYjnoK/xH1v4owZmpKCObM3SXL9xPfvs3R6F9AjlToQZclJoaH79vEuXAT5rIkesn0QVqPtCHtiRN1Y21QAAAuwInsDKqq0ftGrQTKx2WWJ+EQ0ks1GrtmruRnA/6OsGGl1LtiOfFK1A4kmzjKVlZFTwMCBrN1hs0tRQreMyh03mECaECX2Ie3chJ//Hpjog3NMxUV/EEPRQlaouydH6rGPabdNEm164UgBAxAVhZiTECSqFDWzvYiJLk6gU6nSKfhX7uXhw1YH0xQDnz5NHUQJQOK1fl2d7ew4HtV+oL93OOgnKyt29ct4xW8mslquVfQvH/zzfU0Mx9t+SbZMjUH3BOCfgeo43HU0kVCZS8G3USBLnBTteecaSBCCEcgQBhWDAieApw5BCooAAaKqBQTyMHsBFKLwA7LXzvuQ0/kqSJCFtyjTuRWC8Jym+quFoEuLl2D8pcm/55KYflNsGXV3J+eb/CetSbh7GZ73vbpfxKRo5LvVtqtzfDULXVCZup/C6yXlLF1R+SRnw2hW3pbL4L7mwcm0wPhLk3/PJTH9ps1d1zKqxB457n9aY+X7Jty9DM+S7X/JSLaBRth3q+1nvM7x1Xw3dIGvMiX6p1IpidlHedFF7H+Sc71hbOCXt6V/qCDrDU6JmsLaqnbrPTF/hxJGOJGITHzETwLfbs2fFqwfDq6P8UQylc5kc/lCsVSuVGv1RrPV7nR7/cFwNJ5MZ/PFcrVWVE3ohmnZjutttrv94Xg6X663++PJ03WLEMaoFNGS8BGqyrruY3VHDtlRPnQjqt1MlNzXSjZ9XEv+aecZEnsy0ikxGt3tW9hYKn7hJIv2JeW66/F72CauZ07YFJ2RP3BStodOpdZ9V+d91+zAU3WHtDm3fTKZgsoL+lPaUl8z1nE/qT8KKZ/RPszGWu0gaiqHu15aOThoG8IU7Cgnbvm5HmdBnzieTLhJU9rRwUTcTjS1CngYv4ZWD5g2dsDCdM5iPeYsa/KHRc2zpf2S+LCkWeyg5FZPitKcBJkbVfntSL9qZsK9hHC9U44PNcXRDirOdFYndSt6L2tOpXZ8jlWHT57NzqOZ6FbuTIkGVZ/uri2F+KTxZX0ugBBBgcAggQDDGio4yDDCF6xgA72HCRoU2MIMAXYLAAA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine, .ag-theme-alpine-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow:
      0 0 2px 0.5px rgba(255, 255, 255, 0.5),
      0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
}

.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button {
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-chart-menu-close:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-menu-close, .ag-theme-alpine-dark .ag-chart-menu-close {
  background: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon {
  border-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-menu-close .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon {
  background: var(--ag-header-background-color);
  border: 1px solid var(--ag-border-color);
  border-right: none;
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}

.ag-theme-alpine-dark {
  color-scheme: dark;
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./shared/styles/roboto.css ***!
  \******************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./shared/styles/montserrat.css ***!
  \**********************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gTD_u50.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3g3D_u50.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gbD_u50.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gfD_u50.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./shared/styles/styles.scss?ngGlobalStyle (6) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

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

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 0) {
  .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 0) {
  .col-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 0) {
  .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 0) {
  .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 0) {
  .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 0) {
  .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 0) {
  .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 0) {
  .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 0) {
  .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 0) {
  .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 0) {
  .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 0) {
  .col-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 0) {
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-sm-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 576px) {
  .col-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 576px) {
  .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 576px) {
  .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 576px) {
  .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 576px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 768px) {
  .col-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 768px) {
  .col-md-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 768px) {
  .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 768px) {
  .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 768px) {
  .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 768px) {
  .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 768px) {
  .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 768px) {
  .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 768px) {
  .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 768px) {
  .col-md-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 768px) {
  .col-md-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-lg-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 992px) {
  .col-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 992px) {
  .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 992px) {
  .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 992px) {
  .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 992px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-xl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 1200px) {
  .col-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 1200px) {
  .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1200px) {
  .col-xl-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 1200px) {
  .col-xl-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-xxl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 1400px) {
  .col-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 1400px) {
  .col-xxl-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1400px) {
  .col-xxl-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 1400px) {
  .col-xxl-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1400px) {
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Existing CSS for font face and icon styles */
@font-face {
  font-family: "app-icons-font";
  src: url('ai-icon.6c7a631f6e6b9404.woff?u98a1e') format("woff"), url('ai-icon.c3a4ddb6fd495365.ttf?u98a1e') format("truetype"), url('ai-icon.894a0f7ae4fc3976.eot?u98a1e#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ai-icon-],
[class*=" ai-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "app-icons-font" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utility classes for different icon sizes */
.ai-icon-1x {
  font-size: 1em; /* Default size */
}

.ai-icon-2x {
  font-size: 2em; /* Twice the default size */
}

.ai-icon-3x {
  font-size: 3em; /* Three times the default size */
}

.ai-icon-4x {
  font-size: 4em; /* Four times the default size */
}

/* Utility classes for rotating icons */
.ai-icon-rotate-90 {
  transform: rotate(90deg);
}

.ai-icon-rotate-180 {
  transform: rotate(180deg);
}

.ai-icon-rotate-270 {
  transform: rotate(270deg);
}

.ai-icon-flip-horizontal {
  transform: scaleX(-1);
}

.ai-icon-flip-vertical {
  transform: scaleY(-1);
}

.ai-icon-activity:before {
  content: "\e900";
}

.ai-icon-activity-heart:before {
  content: "\e901";
}

.ai-icon-airplay:before {
  content: "\e902";
}

.ai-icon-airpods:before {
  content: "\e903";
}

.ai-icon-alarm-clock:before {
  content: "\e904";
}

.ai-icon-alarm-clock-check:before {
  content: "\e905";
}

.ai-icon-alarm-clock-minus:before {
  content: "\e906";
}

.ai-icon-alarm-clock-off:before {
  content: "\e907";
}

.ai-icon-alarm-clock-plus:before {
  content: "\e908";
}

.ai-icon-alert-circle:before {
  content: "\e909";
}

.ai-icon-alert-hexagon:before {
  content: "\e90a";
}

.ai-icon-alert-octagon:before {
  content: "\e90b";
}

.ai-icon-alert-square:before {
  content: "\e90c";
}

.ai-icon-alert-triangle:before {
  content: "\e90d";
}

.ai-icon-align-bottom-01:before {
  content: "\e90e";
}

.ai-icon-align-bottom-02:before {
  content: "\e90f";
}

.ai-icon-align-center:before {
  content: "\e910";
}

.ai-icon-align-horizontal-centre-01:before {
  content: "\e911";
}

.ai-icon-align-horizontal-centre-02:before {
  content: "\e912";
}

.ai-icon-align-justify:before {
  content: "\e913";
}

.ai-icon-align-left:before {
  content: "\e914";
}

.ai-icon-align-left-01:before {
  content: "\e915";
}

.ai-icon-align-left-02:before {
  content: "\e916";
}

.ai-icon-align-right:before {
  content: "\e917";
}

.ai-icon-align-right-01:before {
  content: "\e918";
}

.ai-icon-align-right-02:before {
  content: "\e919";
}

.ai-icon-align-top-01:before {
  content: "\e91a";
}

.ai-icon-align-top-02:before {
  content: "\e91b";
}

.ai-icon-align-vertical-center-01:before {
  content: "\e91c";
}

.ai-icon-align-vertical-center-02:before {
  content: "\e91d";
}

.ai-icon-anchor:before {
  content: "\e91e";
}

.ai-icon-annotation:before {
  content: "\e91f";
}

.ai-icon-annotation-alert:before {
  content: "\e920";
}

.ai-icon-annotation-check:before {
  content: "\e921";
}

.ai-icon-annotation-dots:before {
  content: "\e922";
}

.ai-icon-annotation-heart:before {
  content: "\e923";
}

.ai-icon-annotation-info:before {
  content: "\e924";
}

.ai-icon-annotation-plus:before {
  content: "\e925";
}

.ai-icon-annotation-question:before {
  content: "\e926";
}

.ai-icon-annotation-x:before {
  content: "\e927";
}

.ai-icon-announcement-01:before {
  content: "\e928";
}

.ai-icon-announcement-02:before {
  content: "\e929";
}

.ai-icon-announcement-03:before {
  content: "\e92a";
}

.ai-icon-archive:before {
  content: "\e92b";
}

.ai-icon-arrow-block-down:before {
  content: "\e92c";
}

.ai-icon-arrow-block-left:before {
  content: "\e92d";
}

.ai-icon-arrow-block-right:before {
  content: "\e92e";
}

.ai-icon-arrow-block-up:before {
  content: "\e92f";
}

.ai-icon-arrow-circle-broken-down:before {
  content: "\e930";
}

.ai-icon-arrow-circle-broken-down-left:before {
  content: "\e931";
}

.ai-icon-arrow-circle-broken-down-right:before {
  content: "\e932";
}

.ai-icon-arrow-circle-broken-left:before {
  content: "\e933";
}

.ai-icon-arrow-circle-broken-right:before {
  content: "\e934";
}

.ai-icon-arrow-circle-broken-up:before {
  content: "\e935";
}

.ai-icon-arrow-circle-broken-up-left:before {
  content: "\e936";
}

.ai-icon-arrow-circle-broken-up-right:before {
  content: "\e937";
}

.ai-icon-arrow-circle-down:before {
  content: "\e938";
}

.ai-icon-arrow-circle-down-left:before {
  content: "\e939";
}

.ai-icon-arrow-circle-down-right:before {
  content: "\e93a";
}

.ai-icon-arrow-circle-left:before {
  content: "\e93b";
}

.ai-icon-arrow-circle-right:before {
  content: "\e93c";
}

.ai-icon-arrow-circle-up:before {
  content: "\e93d";
}

.ai-icon-arrow-circle-up-left:before {
  content: "\e93e";
}

.ai-icon-arrow-circle-up-right:before {
  content: "\e93f";
}

.ai-icon-arrow-down:before {
  content: "\e940";
}

.ai-icon-arrow-down-left:before {
  content: "\e941";
}

.ai-icon-arrow-down-right:before {
  content: "\e942";
}

.ai-icon-arrow-left:before {
  content: "\e943";
}

.ai-icon-arrow-narrow-down:before {
  content: "\e944";
}

.ai-icon-arrow-narrow-down-left:before {
  content: "\e945";
}

.ai-icon-arrow-narrow-down-right:before {
  content: "\e946";
}

.ai-icon-arrow-narrow-left:before {
  content: "\e947";
}

.ai-icon-arrow-narrow-right:before {
  content: "\e948";
}

.ai-icon-arrow-narrow-up:before {
  content: "\e949";
}

.ai-icon-arrow-narrow-up-left:before {
  content: "\e94a";
}

.ai-icon-arrow-narrow-up-right:before {
  content: "\e94b";
}

.ai-icon-arrow-right:before {
  content: "\e94c";
}

.ai-icon-arrows-down:before {
  content: "\e94d";
}

.ai-icon-arrows-left:before {
  content: "\e94e";
}

.ai-icon-arrow-square-down:before {
  content: "\e94f";
}

.ai-icon-arrow-square-down-left:before {
  content: "\e950";
}

.ai-icon-arrow-square-down-right:before {
  content: "\e951";
}

.ai-icon-arrow-square-left:before {
  content: "\e952";
}

.ai-icon-arrow-square-right:before {
  content: "\e953";
}

.ai-icon-arrow-square-up:before {
  content: "\e954";
}

.ai-icon-arrow-square-up-left:before {
  content: "\e955";
}

.ai-icon-arrow-square-up-right:before {
  content: "\e956";
}

.ai-icon-arrows-right:before {
  content: "\e957";
}

.ai-icon-arrows-triangle:before {
  content: "\e958";
}

.ai-icon-arrows-up:before {
  content: "\e959";
}

.ai-icon-arrow-up:before {
  content: "\e95a";
}

.ai-icon-arrow-up-left:before {
  content: "\e95b";
}

.ai-icon-arrow-up-right:before {
  content: "\e95c";
}

.ai-icon-asterisk-01:before {
  content: "\e95d";
}

.ai-icon-asterisk-02:before {
  content: "\e95e";
}

.ai-icon-atom-01:before {
  content: "\e95f";
}

.ai-icon-atom-02:before {
  content: "\e960";
}

.ai-icon-at-sign:before {
  content: "\e961";
}

.ai-icon-attachment-01:before {
  content: "\e962";
}

.ai-icon-attachment-02:before {
  content: "\e963";
}

.ai-icon-award-01:before {
  content: "\e964";
}

.ai-icon-award-02:before {
  content: "\e965";
}

.ai-icon-award-03:before {
  content: "\e966";
}

.ai-icon-award-04:before {
  content: "\e967";
}

.ai-icon-award-05:before {
  content: "\e968";
}

.ai-icon-backpack:before {
  content: "\e969";
}

.ai-icon-bank:before {
  content: "\e96a";
}

.ai-icon-bank-note-01:before {
  content: "\e96b";
}

.ai-icon-bank-note-02:before {
  content: "\e96c";
}

.ai-icon-bank-note-03:before {
  content: "\e96d";
}

.ai-icon-bar-chart-01:before {
  content: "\e96e";
}

.ai-icon-bar-chart-02:before {
  content: "\e96f";
}

.ai-icon-bar-chart-03:before {
  content: "\e970";
}

.ai-icon-bar-chart-04:before {
  content: "\e971";
}

.ai-icon-bar-chart-05:before {
  content: "\e972";
}

.ai-icon-bar-chart-06:before {
  content: "\e973";
}

.ai-icon-bar-chart-07:before {
  content: "\e974";
}

.ai-icon-bar-chart-08:before {
  content: "\e975";
}

.ai-icon-bar-chart-09:before {
  content: "\e976";
}

.ai-icon-bar-chart-10:before {
  content: "\e977";
}

.ai-icon-bar-chart-11:before {
  content: "\e978";
}

.ai-icon-bar-chart-12:before {
  content: "\e979";
}

.ai-icon-bar-chart-circle-01:before {
  content: "\e97a";
}

.ai-icon-bar-chart-circle-02:before {
  content: "\e97b";
}

.ai-icon-bar-chart-circle-03:before {
  content: "\e97c";
}

.ai-icon-bar-chart-square-01:before {
  content: "\e97d";
}

.ai-icon-bar-chart-square-02:before {
  content: "\e97e";
}

.ai-icon-bar-chart-square-03:before {
  content: "\e97f";
}

.ai-icon-bar-chart-square-down:before {
  content: "\e980";
}

.ai-icon-bar-chart-square-minus:before {
  content: "\e981";
}

.ai-icon-bar-chart-square-plus:before {
  content: "\e982";
}

.ai-icon-bar-chart-square-up:before {
  content: "\e983";
}

.ai-icon-bar-line-chart:before {
  content: "\e984";
}

.ai-icon-battery-charging-01:before {
  content: "\e985";
}

.ai-icon-battery-charging-02:before {
  content: "\e986";
}

.ai-icon-battery-empty:before {
  content: "\e987";
}

.ai-icon-battery-full:before {
  content: "\e988";
}

.ai-icon-battery-low:before {
  content: "\e989";
}

.ai-icon-battery-mid:before {
  content: "\e98a";
}

.ai-icon-beaker-01:before {
  content: "\e98b";
}

.ai-icon-beaker-02:before {
  content: "\e98c";
}

.ai-icon-bell-01:before {
  content: "\e98d";
}

.ai-icon-bell-02:before {
  content: "\e98e";
}

.ai-icon-bell-03:before {
  content: "\e98f";
}

.ai-icon-bell-04:before {
  content: "\e990";
}

.ai-icon-bell-minus:before {
  content: "\e991";
}

.ai-icon-bell-off-01:before {
  content: "\e992";
}

.ai-icon-bell-off-02:before {
  content: "\e993";
}

.ai-icon-bell-off-03:before {
  content: "\e994";
}

.ai-icon-bell-plus:before {
  content: "\e995";
}

.ai-icon-bell-ringing-01:before {
  content: "\e996";
}

.ai-icon-bell-ringing-02:before {
  content: "\e997";
}

.ai-icon-bell-ringing-03:before {
  content: "\e998";
}

.ai-icon-bell-ringing-04:before {
  content: "\e999";
}

.ai-icon-bezier-curve-01:before {
  content: "\e99a";
}

.ai-icon-bezier-curve-02:before {
  content: "\e99b";
}

.ai-icon-bezier-curve-03:before {
  content: "\e99c";
}

.ai-icon-bluetooth-connect:before {
  content: "\e99d";
}

.ai-icon-bluetooth-off:before {
  content: "\e99e";
}

.ai-icon-bluetooth-on:before {
  content: "\e99f";
}

.ai-icon-bluetooth-signal:before {
  content: "\e9a0";
}

.ai-icon-bold-01:before {
  content: "\e9a1";
}

.ai-icon-bold-02:before {
  content: "\e9a2";
}

.ai-icon-bold-square:before {
  content: "\e9a3";
}

.ai-icon-book-closed:before {
  content: "\e9a4";
}

.ai-icon-book-closed-1:before {
  content: "\e9a5";
}

.ai-icon-bookmark:before {
  content: "\e9a6";
}

.ai-icon-bookmark-add:before {
  content: "\e9a7";
}

.ai-icon-bookmark-check:before {
  content: "\e9a8";
}

.ai-icon-bookmark-minus:before {
  content: "\e9a9";
}

.ai-icon-bookmark-x:before {
  content: "\e9aa";
}

.ai-icon-book-open-01:before {
  content: "\e9ab";
}

.ai-icon-book-open-02:before {
  content: "\e9ac";
}

.ai-icon-book-open-writed:before {
  content: "\e9ad";
}

.ai-icon-box:before {
  content: "\e9ae";
}

.ai-icon-brackets:before {
  content: "\e9af";
}

.ai-icon-brackets-check:before {
  content: "\e9b0";
}

.ai-icon-brackets-ellipses:before {
  content: "\e9b1";
}

.ai-icon-brackets-minus:before {
  content: "\e9b2";
}

.ai-icon-brackets-plus:before {
  content: "\e9b3";
}

.ai-icon-brackets-slash:before {
  content: "\e9b4";
}

.ai-icon-brackets-x:before {
  content: "\e9b5";
}

.ai-icon-briefcase-01:before {
  content: "\e9b6";
}

.ai-icon-briefcase-02:before {
  content: "\e9b7";
}

.ai-icon-browser:before {
  content: "\e9b8";
}

.ai-icon-brush-01:before {
  content: "\e9b9";
}

.ai-icon-brush-02:before {
  content: "\e9ba";
}

.ai-icon-brush-03:before {
  content: "\e9bb";
}

.ai-icon-building-01:before {
  content: "\e9bc";
}

.ai-icon-building-02:before {
  content: "\e9bd";
}

.ai-icon-building-03:before {
  content: "\e9be";
}

.ai-icon-building-04:before {
  content: "\e9bf";
}

.ai-icon-building-05:before {
  content: "\e9c0";
}

.ai-icon-building-06:before {
  content: "\e9c1";
}

.ai-icon-building-07:before {
  content: "\e9c2";
}

.ai-icon-building-08:before {
  content: "\e9c3";
}

.ai-icon-bus:before {
  content: "\e9c4";
}

.ai-icon-calculator:before {
  content: "\e9c5";
}

.ai-icon-calendar:before {
  content: "\e9c6";
}

.ai-icon-calendar-check-01:before {
  content: "\e9c7";
}

.ai-icon-calendar-check-02:before {
  content: "\e9c8";
}

.ai-icon-calendar-date:before {
  content: "\e9c9";
}

.ai-icon-calendar-heart-01:before {
  content: "\e9ca";
}

.ai-icon-calendar-heart-02:before {
  content: "\e9cb";
}

.ai-icon-calendar-minus-01:before {
  content: "\e9cc";
}

.ai-icon-calendar-minus-02:before {
  content: "\e9cd";
}

.ai-icon-calendar-plus-01:before {
  content: "\e9ce";
}

.ai-icon-calendar-plus-02:before {
  content: "\e9cf";
}

.ai-icon-camera-01:before {
  content: "\e9d0";
}

.ai-icon-camera-02:before {
  content: "\e9d1";
}

.ai-icon-camera-03:before {
  content: "\e9d2";
}

.ai-icon-camera-lens:before {
  content: "\e9d3";
}

.ai-icon-camera-off:before {
  content: "\e9d4";
}

.ai-icon-camera-plus:before {
  content: "\e9d5";
}

.ai-icon-car-01:before {
  content: "\e9d6";
}

.ai-icon-car-02:before {
  content: "\e9d7";
}

.ai-icon-certificate-01:before {
  content: "\e9d8";
}

.ai-icon-certificate-02:before {
  content: "\e9d9";
}

.ai-icon-chart-breakout-circle:before {
  content: "\e9da";
}

.ai-icon-chart-breakout-square:before {
  content: "\e9db";
}

.ai-icon-check:before {
  content: "\e9dc";
}

.ai-icon-check-circle:before {
  content: "\e9dd";
}

.ai-icon-check-circle-broken:before {
  content: "\e9de";
}

.ai-icon-check-done-01:before {
  content: "\e9df";
}

.ai-icon-check-done-02:before {
  content: "\e9e0";
}

.ai-icon-check-done-03:before {
  content: "\e9e1";
}

.ai-icon-check-heart:before {
  content: "\e9e2";
}

.ai-icon-check-square:before {
  content: "\e9e3";
}

.ai-icon-check-square-broken:before {
  content: "\e9e4";
}

.ai-icon-check-verified-01:before {
  content: "\e9e5";
}

.ai-icon-check-verified-02:before {
  content: "\e9e6";
}

.ai-icon-check-verified-03:before {
  content: "\e9e7";
}

.ai-icon-chevron-down:before {
  content: "\e9e8";
}

.ai-icon-chevron-down-double:before {
  content: "\e9e9";
}

.ai-icon-chevron-left:before {
  content: "\e9ea";
}

.ai-icon-chevron-left-double:before {
  content: "\e9eb";
}

.ai-icon-chevron-right:before {
  content: "\e9ec";
}

.ai-icon-chevron-right-double:before {
  content: "\e9ed";
}

.ai-icon-chevron-selector-horizontal:before {
  content: "\e9ee";
}

.ai-icon-chevron-selector-vertical:before {
  content: "\e9ef";
}

.ai-icon-chevron-up:before {
  content: "\e9f0";
}

.ai-icon-chevron-up-double:before {
  content: "\e9f1";
}

.ai-icon-chrome-cast:before {
  content: "\e9f2";
}

.ai-icon-circle:before {
  content: "\e9f3";
}

.ai-icon-circle-cut:before {
  content: "\e9f4";
}

.ai-icon-clapperboard:before {
  content: "\e9f5";
}

.ai-icon-clipboard:before {
  content: "\e9f6";
}

.ai-icon-clipboard-attachment:before {
  content: "\e9f7";
}

.ai-icon-clipboard-check:before {
  content: "\e9f8";
}

.ai-icon-clipboard-download:before {
  content: "\e9f9";
}

.ai-icon-clipboard-minus:before {
  content: "\e9fa";
}

.ai-icon-clipboard-plus:before {
  content: "\e9fb";
}

.ai-icon-clipboard-x:before {
  content: "\e9fc";
}

.ai-icon-clock:before {
  content: "\e9fd";
}

.ai-icon-clock-check:before {
  content: "\e9fe";
}

.ai-icon-clock-fast-forward:before {
  content: "\e9ff";
}

.ai-icon-clock-plus:before {
  content: "\ea00";
}

.ai-icon-clock-refresh:before {
  content: "\ea01";
}

.ai-icon-clock-rewind:before {
  content: "\ea02";
}

.ai-icon-clock-snooze:before {
  content: "\ea03";
}

.ai-icon-clock-stopwatch:before {
  content: "\ea04";
}

.ai-icon-cloud-01:before {
  content: "\ea05";
}

.ai-icon-cloud-02:before {
  content: "\ea06";
}

.ai-icon-cloud-03:before {
  content: "\ea07";
}

.ai-icon-cloud-blank-01:before {
  content: "\ea08";
}

.ai-icon-cloud-blank-02:before {
  content: "\ea09";
}

.ai-icon-cloud-lightning:before {
  content: "\ea0a";
}

.ai-icon-cloud-moon:before {
  content: "\ea0b";
}

.ai-icon-cloud-off:before {
  content: "\ea0c";
}

.ai-icon-cloud-raining-01:before {
  content: "\ea0d";
}

.ai-icon-cloud-raining-02:before {
  content: "\ea0e";
}

.ai-icon-cloud-raining-03:before {
  content: "\ea0f";
}

.ai-icon-cloud-raining-04:before {
  content: "\ea10";
}

.ai-icon-cloud-raining-05:before {
  content: "\ea11";
}

.ai-icon-cloud-raining-06:before {
  content: "\ea12";
}

.ai-icon-cloud-snowing-01:before {
  content: "\ea13";
}

.ai-icon-cloud-snowing-02:before {
  content: "\ea14";
}

.ai-icon-cloud-sun-01:before {
  content: "\ea15";
}

.ai-icon-cloud-sun-02:before {
  content: "\ea16";
}

.ai-icon-cloud-sun-03:before {
  content: "\ea17";
}

.ai-icon-code-01:before {
  content: "\ea18";
}

.ai-icon-code-02:before {
  content: "\ea19";
}

.ai-icon-code-browser:before {
  content: "\ea1a";
}

.ai-icon-code-circle-01:before {
  content: "\ea1b";
}

.ai-icon-code-circle-02:before {
  content: "\ea1c";
}

.ai-icon-code-circle-03:before {
  content: "\ea1d";
}

.ai-icon-codepen:before {
  content: "\ea1e";
}

.ai-icon-code-snippet-01:before {
  content: "\ea1f";
}

.ai-icon-code-snippet-02:before {
  content: "\ea20";
}

.ai-icon-code-square-01:before {
  content: "\ea21";
}

.ai-icon-code-square-02:before {
  content: "\ea22";
}

.ai-icon-coins-01:before {
  content: "\ea23";
}

.ai-icon-coins-02:before {
  content: "\ea24";
}

.ai-icon-coins-03:before {
  content: "\ea25";
}

.ai-icon-coins-04:before {
  content: "\ea26";
}

.ai-icon-coins-hand:before {
  content: "\ea27";
}

.ai-icon-coins-stacked-01:before {
  content: "\ea28";
}

.ai-icon-coins-stacked-02:before {
  content: "\ea29";
}

.ai-icon-coins-stacked-03:before {
  content: "\ea2a";
}

.ai-icon-coins-stacked-04:before {
  content: "\ea2b";
}

.ai-icon-coins-swap-01:before {
  content: "\ea2c";
}

.ai-icon-coins-swap-02:before {
  content: "\ea2d";
}

.ai-icon-colors:before {
  content: "\ea2e";
}

.ai-icon-colors-1:before {
  content: "\ea2f";
}

.ai-icon-columns-01:before {
  content: "\ea30";
}

.ai-icon-columns-02:before {
  content: "\ea31";
}

.ai-icon-columns-03:before {
  content: "\ea32";
}

.ai-icon-command:before {
  content: "\ea33";
}

.ai-icon-compass:before {
  content: "\ea34";
}

.ai-icon-compass-01:before {
  content: "\ea35";
}

.ai-icon-compass-02:before {
  content: "\ea36";
}

.ai-icon-compass-03:before {
  content: "\ea37";
}

.ai-icon-container:before {
  content: "\ea38";
}

.ai-icon-contrast-01:before {
  content: "\ea39";
}

.ai-icon-contrast-02:before {
  content: "\ea3a";
}

.ai-icon-contrast-03:before {
  content: "\ea3b";
}

.ai-icon-copy-01:before {
  content: "\ea3c";
}

.ai-icon-copy-02:before {
  content: "\ea3d";
}

.ai-icon-copy-03:before {
  content: "\ea3e";
}

.ai-icon-copy-04:before {
  content: "\ea3f";
}

.ai-icon-copy-05:before {
  content: "\ea40";
}

.ai-icon-copy-06:before {
  content: "\ea41";
}

.ai-icon-copy-07:before {
  content: "\ea42";
}

.ai-icon-corner-down-left:before {
  content: "\ea43";
}

.ai-icon-corner-down-right:before {
  content: "\ea44";
}

.ai-icon-corner-left-down:before {
  content: "\ea45";
}

.ai-icon-corner-left-up:before {
  content: "\ea46";
}

.ai-icon-corner-right-down:before {
  content: "\ea47";
}

.ai-icon-corner-right-up:before {
  content: "\ea48";
}

.ai-icon-corner-up-left:before {
  content: "\ea49";
}

.ai-icon-corner-up-right:before {
  content: "\ea4a";
}

.ai-icon-cpu-chip-01:before {
  content: "\ea4b";
}

.ai-icon-cpu-chip-02:before {
  content: "\ea4c";
}

.ai-icon-credit-card-01:before {
  content: "\ea4d";
}

.ai-icon-credit-card-02:before {
  content: "\ea4e";
}

.ai-icon-credit-card-check:before {
  content: "\ea4f";
}

.ai-icon-credit-card-down:before {
  content: "\ea50";
}

.ai-icon-credit-card-download:before {
  content: "\ea51";
}

.ai-icon-credit-card-edit:before {
  content: "\ea52";
}

.ai-icon-credit-card-lock:before {
  content: "\ea53";
}

.ai-icon-credit-card-minus:before {
  content: "\ea54";
}

.ai-icon-credit-card-plus:before {
  content: "\ea55";
}

.ai-icon-credit-card-refresh:before {
  content: "\ea56";
}

.ai-icon-credit-card-search:before {
  content: "\ea57";
}

.ai-icon-credit-card-shield:before {
  content: "\ea58";
}

.ai-icon-credit-card-up:before {
  content: "\ea59";
}

.ai-icon-credit-card-upload:before {
  content: "\ea5a";
}

.ai-icon-credit-card-x:before {
  content: "\ea5b";
}

.ai-icon-crop-01:before {
  content: "\ea5c";
}

.ai-icon-crop-02:before {
  content: "\ea5d";
}

.ai-icon-cryptocurrency-01:before {
  content: "\ea5e";
}

.ai-icon-cryptocurrency-02:before {
  content: "\ea5f";
}

.ai-icon-cryptocurrency-03:before {
  content: "\ea60";
}

.ai-icon-cryptocurrency-04:before {
  content: "\ea61";
}

.ai-icon-cube-01:before {
  content: "\ea62";
}

.ai-icon-cube-02:before {
  content: "\ea63";
}

.ai-icon-cube-03:before {
  content: "\ea64";
}

.ai-icon-cube-04:before {
  content: "\ea65";
}

.ai-icon-cube-outline:before {
  content: "\ea66";
}

.ai-icon-currency-bitcoin:before {
  content: "\ea67";
}

.ai-icon-currency-bitcoin-circle:before {
  content: "\ea68";
}

.ai-icon-currency-dollar:before {
  content: "\ea69";
}

.ai-icon-currency-dollar-circle:before {
  content: "\ea6a";
}

.ai-icon-currency-ethereum:before {
  content: "\ea6b";
}

.ai-icon-currency-ethereum-circle:before {
  content: "\ea6c";
}

.ai-icon-currency-euro:before {
  content: "\ea6d";
}

.ai-icon-currency-euro-circle:before {
  content: "\ea6e";
}

.ai-icon-currency-pound:before {
  content: "\ea6f";
}

.ai-icon-currency-pound-circle:before {
  content: "\ea70";
}

.ai-icon-currency-ruble:before {
  content: "\ea71";
}

.ai-icon-currency-ruble-circle:before {
  content: "\ea72";
}

.ai-icon-currency-rupee:before {
  content: "\ea73";
}

.ai-icon-currency-rupee-circle:before {
  content: "\ea74";
}

.ai-icon-currency-yen:before {
  content: "\ea75";
}

.ai-icon-currency-yen-circle:before {
  content: "\ea76";
}

.ai-icon-cursor-01:before {
  content: "\ea77";
}

.ai-icon-cursor-02:before {
  content: "\ea78";
}

.ai-icon-cursor-03:before {
  content: "\ea79";
}

.ai-icon-cursor-04:before {
  content: "\ea7a";
}

.ai-icon-cursor-box:before {
  content: "\ea7b";
}

.ai-icon-cursor-click-01:before {
  content: "\ea7c";
}

.ai-icon-cursor-click-02:before {
  content: "\ea7d";
}

.ai-icon-data:before {
  content: "\ea7e";
}

.ai-icon-database-01:before {
  content: "\ea7f";
}

.ai-icon-database-02:before {
  content: "\ea80";
}

.ai-icon-database-03:before {
  content: "\ea81";
}

.ai-icon-dataflow-01:before {
  content: "\ea82";
}

.ai-icon-dataflow-02:before {
  content: "\ea83";
}

.ai-icon-dataflow-03:before {
  content: "\ea84";
}

.ai-icon-dataflow-04:before {
  content: "\ea85";
}

.ai-icon-delete:before {
  content: "\ea86";
}

.ai-icon-diamond-01:before {
  content: "\ea87";
}

.ai-icon-diamond-02:before {
  content: "\ea88";
}

.ai-icon-dice-1:before {
  content: "\ea89";
}

.ai-icon-dice-2:before {
  content: "\ea8a";
}

.ai-icon-dice-3:before {
  content: "\ea8b";
}

.ai-icon-dice-4:before {
  content: "\ea8c";
}

.ai-icon-dice-5:before {
  content: "\ea8d";
}

.ai-icon-dice-6:before {
  content: "\ea8e";
}

.ai-icon-disc-01:before {
  content: "\ea8f";
}

.ai-icon-disc-02:before {
  content: "\ea90";
}

.ai-icon-distribute-spacing-horizontal:before {
  content: "\ea91";
}

.ai-icon-distribute-spacing-vertical:before {
  content: "\ea92";
}

.ai-icon-divide-01:before {
  content: "\ea93";
}

.ai-icon-divide-02:before {
  content: "\ea94";
}

.ai-icon-divide-03:before {
  content: "\ea95";
}

.ai-icon-divider:before {
  content: "\ea96";
}

.ai-icon-dotpoints-01:before {
  content: "\ea97";
}

.ai-icon-dotpoints-02:before {
  content: "\ea98";
}

.ai-icon-dots-grid:before {
  content: "\ea99";
}

.ai-icon-dots-horizontal:before {
  content: "\ea9a";
}

.ai-icon-dots-vertical:before {
  content: "\ea9b";
}

.ai-icon-download-01:before {
  content: "\ea9c";
}

.ai-icon-download-02:before {
  content: "\ea9d";
}

.ai-icon-download-03:before {
  content: "\ea9e";
}

.ai-icon-download-04:before {
  content: "\ea9f";
}

.ai-icon-download-cloud-01:before {
  content: "\eaa0";
}

.ai-icon-download-cloud-02:before {
  content: "\eaa1";
}

.ai-icon-drop:before {
  content: "\eaa2";
}

.ai-icon-droplets-01:before {
  content: "\eaa3";
}

.ai-icon-droplets-02:before {
  content: "\eaa4";
}

.ai-icon-droplets-03:before {
  content: "\eaa5";
}

.ai-icon-dropper:before {
  content: "\eaa6";
}

.ai-icon-edit-01:before {
  content: "\eaa7";
}

.ai-icon-edit-02:before {
  content: "\eaa8";
}

.ai-icon-edit-03:before {
  content: "\eaa9";
}

.ai-icon-edit-04:before {
  content: "\eaaa";
}

.ai-icon-edit-05:before {
  content: "\eaab";
}

.ai-icon-equal:before {
  content: "\eaac";
}

.ai-icon-equal-not:before {
  content: "\eaad";
}

.ai-icon-eraser:before {
  content: "\eaae";
}

.ai-icon-expand-01:before {
  content: "\eaaf";
}

.ai-icon-expand-02:before {
  content: "\eab0";
}

.ai-icon-expand-03:before {
  content: "\eab1";
}

.ai-icon-expand-04:before {
  content: "\eab2";
}

.ai-icon-expand-05:before {
  content: "\eab3";
}

.ai-icon-expand-06:before {
  content: "\eab4";
}

.ai-icon-eye:before {
  content: "\eab5";
}

.ai-icon-eye-off:before {
  content: "\eab6";
}

.ai-icon-face-content:before {
  content: "\eab7";
}

.ai-icon-face-frown:before {
  content: "\eab8";
}

.ai-icon-face-happy:before {
  content: "\eab9";
}

.ai-icon-face-id:before {
  content: "\eaba";
}

.ai-icon-face-id-square:before {
  content: "\eabb";
}

.ai-icon-face-neutral:before {
  content: "\eabc";
}

.ai-icon-face-sad:before {
  content: "\eabd";
}

.ai-icon-face-smile:before {
  content: "\eabe";
}

.ai-icon-face-wink:before {
  content: "\eabf";
}

.ai-icon-fast-backward:before {
  content: "\eac0";
}

.ai-icon-fast-forward:before {
  content: "\eac1";
}

.ai-icon-feather:before {
  content: "\eac2";
}

.ai-icon-figma:before {
  content: "\eac3";
}

.ai-icon-file-01:before {
  content: "\eac4";
}

.ai-icon-file-02:before {
  content: "\eac5";
}

.ai-icon-file-03:before {
  content: "\eac6";
}

.ai-icon-file-04:before {
  content: "\eac7";
}

.ai-icon-file-05:before {
  content: "\eac8";
}

.ai-icon-file-06:before {
  content: "\eac9";
}

.ai-icon-file-07:before {
  content: "\eaca";
}

.ai-icon-file-attachment-01:before {
  content: "\eacb";
}

.ai-icon-file-attachment-02:before {
  content: "\eacc";
}

.ai-icon-file-attachment-03:before {
  content: "\eacd";
}

.ai-icon-file-attachment-04:before {
  content: "\eace";
}

.ai-icon-file-attachment-05:before {
  content: "\eacf";
}

.ai-icon-file-check-01:before {
  content: "\ead0";
}

.ai-icon-file-check-02:before {
  content: "\ead1";
}

.ai-icon-file-check-03:before {
  content: "\ead2";
}

.ai-icon-file-code-01:before {
  content: "\ead3";
}

.ai-icon-file-code-02:before {
  content: "\ead4";
}

.ai-icon-file-download-01:before {
  content: "\ead5";
}

.ai-icon-file-download-02:before {
  content: "\ead6";
}

.ai-icon-file-download-03:before {
  content: "\ead7";
}

.ai-icon-file-heart-01:before {
  content: "\ead8";
}

.ai-icon-file-heart-02:before {
  content: "\ead9";
}

.ai-icon-file-heart-03:before {
  content: "\eada";
}

.ai-icon-file-lock-01:before {
  content: "\eadb";
}

.ai-icon-file-lock-02:before {
  content: "\eadc";
}

.ai-icon-file-lock-03:before {
  content: "\eadd";
}

.ai-icon-file-minus-01:before {
  content: "\eade";
}

.ai-icon-file-minus-02:before {
  content: "\eadf";
}

.ai-icon-file-minus-03:before {
  content: "\eae0";
}

.ai-icon-file-plus-01:before {
  content: "\eae1";
}

.ai-icon-file-plus-02:before {
  content: "\eae2";
}

.ai-icon-file-plus-03:before {
  content: "\eae3";
}

.ai-icon-file-question-01:before {
  content: "\eae4";
}

.ai-icon-file-question-02:before {
  content: "\eae5";
}

.ai-icon-file-question-03:before {
  content: "\eae6";
}

.ai-icon-file-search-01:before {
  content: "\eae7";
}

.ai-icon-file-search-02:before {
  content: "\eae8";
}

.ai-icon-file-search-03:before {
  content: "\eae9";
}

.ai-icon-file-shield-01:before {
  content: "\eaea";
}

.ai-icon-file-shield-02:before {
  content: "\eaeb";
}

.ai-icon-file-shield-03:before {
  content: "\eaec";
}

.ai-icon-file-x-01:before {
  content: "\eaed";
}

.ai-icon-file-x-02:before {
  content: "\eaee";
}

.ai-icon-file-x-03:before {
  content: "\eaef";
}

.ai-icon-film-01:before {
  content: "\eaf0";
}

.ai-icon-film-02:before {
  content: "\eaf1";
}

.ai-icon-film-03:before {
  content: "\eaf2";
}

.ai-icon-filter-funnel-01:before {
  content: "\eaf3";
}

.ai-icon-filter-funnel-02:before {
  content: "\eaf4";
}

.ai-icon-filter-lines:before {
  content: "\eaf5";
}

.ai-icon-fingerprint-01:before {
  content: "\eaf6";
}

.ai-icon-fingerprint-02:before {
  content: "\eaf7";
}

.ai-icon-fingerprint-03:before {
  content: "\eaf8";
}

.ai-icon-fingerprint-04:before {
  content: "\eaf9";
}

.ai-icon-flag-01:before {
  content: "\eafa";
}

.ai-icon-flag-02:before {
  content: "\eafb";
}

.ai-icon-flag-03:before {
  content: "\eafc";
}

.ai-icon-flag-04:before {
  content: "\eafd";
}

.ai-icon-flag-05:before {
  content: "\eafe";
}

.ai-icon-flag-06:before {
  content: "\eaff";
}

.ai-icon-flag-en:before {
  content: "\eb00";
  color: #012169;
}

.ai-icon-flash:before {
  content: "\eb01";
}

.ai-icon-flash-off:before {
  content: "\eb02";
}

.ai-icon-flex-align-bottom:before {
  content: "\eb03";
}

.ai-icon-flex-align-left:before {
  content: "\eb04";
}

.ai-icon-flex-align-right:before {
  content: "\eb05";
}

.ai-icon-flex-align-top:before {
  content: "\eb06";
}

.ai-icon-flip-backward:before {
  content: "\eb07";
}

.ai-icon-flip-forward:before {
  content: "\eb08";
}

.ai-icon-folder:before {
  content: "\eb09";
}

.ai-icon-folder-check:before {
  content: "\eb0a";
}

.ai-icon-folder-closed:before {
  content: "\eb0b";
}

.ai-icon-folder-code:before {
  content: "\eb0c";
}

.ai-icon-folder-download:before {
  content: "\eb0d";
}

.ai-icon-folder-lock:before {
  content: "\eb0e";
}

.ai-icon-folder-minus:before {
  content: "\eb0f";
}

.ai-icon-folder-plus:before {
  content: "\eb10";
}

.ai-icon-folder-question:before {
  content: "\eb11";
}

.ai-icon-folder-search:before {
  content: "\eb12";
}

.ai-icon-folder-shield:before {
  content: "\eb13";
}

.ai-icon-folder-x:before {
  content: "\eb14";
}

.ai-icon-framer:before {
  content: "\eb15";
}

.ai-icon-gaming-pad-01:before {
  content: "\eb16";
}

.ai-icon-gaming-pad-02:before {
  content: "\eb17";
}

.ai-icon-gift-01:before {
  content: "\eb18";
}

.ai-icon-gift-02:before {
  content: "\eb19";
}

.ai-icon-git-branch-01:before {
  content: "\eb1a";
}

.ai-icon-git-branch-02:before {
  content: "\eb1b";
}

.ai-icon-git-commit:before {
  content: "\eb1c";
}

.ai-icon-git-merge:before {
  content: "\eb1d";
}

.ai-icon-git-pull-request:before {
  content: "\eb1e";
}

.ai-icon-glasses-01:before {
  content: "\eb1f";
}

.ai-icon-glasses-02:before {
  content: "\eb20";
}

.ai-icon-globe-01:before {
  content: "\eb21";
}

.ai-icon-globe-02:before {
  content: "\eb22";
}

.ai-icon-globe-03:before {
  content: "\eb23";
}

.ai-icon-globe-04:before {
  content: "\eb24";
}

.ai-icon-globe-05:before {
  content: "\eb25";
}

.ai-icon-globe-06:before {
  content: "\eb26";
}

.ai-icon-globe-slated-01:before {
  content: "\eb27";
}

.ai-icon-globe-slated-02:before {
  content: "\eb28";
}

.ai-icon-google-chrome:before {
  content: "\eb29";
}

.ai-icon-graduation-hat-01:before {
  content: "\eb2a";
}

.ai-icon-graduation-hat-02:before {
  content: "\eb2b";
}

.ai-icon-grid-01:before {
  content: "\eb2c";
}

.ai-icon-grid-02:before {
  content: "\eb2d";
}

.ai-icon-grid-03:before {
  content: "\eb2e";
}

.ai-icon-grid-dots-blank:before {
  content: "\eb2f";
}

.ai-icon-grid-dots-bottom:before {
  content: "\eb30";
}

.ai-icon-grid-dots-horizontal-center:before {
  content: "\eb31";
}

.ai-icon-grid-dots-left:before {
  content: "\eb32";
}

.ai-icon-grid-dots-outer:before {
  content: "\eb33";
}

.ai-icon-grid-dots-right:before {
  content: "\eb34";
}

.ai-icon-grid-dots-top:before {
  content: "\eb35";
}

.ai-icon-grid-dots-vertical-center:before {
  content: "\eb36";
}

.ai-icon-hand:before {
  content: "\eb37";
}

.ai-icon-hard-drive:before {
  content: "\eb38";
}

.ai-icon-hash-01:before {
  content: "\eb39";
}

.ai-icon-hash-02:before {
  content: "\eb3a";
}

.ai-icon-heading-01:before {
  content: "\eb3b";
}

.ai-icon-heading-02:before {
  content: "\eb3c";
}

.ai-icon-heading-square:before {
  content: "\eb3d";
}

.ai-icon-headphones-01:before {
  content: "\eb3e";
}

.ai-icon-headphones-02:before {
  content: "\eb3f";
}

.ai-icon-heart:before {
  content: "\eb40";
}

.ai-icon-heart-circle:before {
  content: "\eb41";
}

.ai-icon-heart-hand:before {
  content: "\eb42";
}

.ai-icon-heart-hexagon:before {
  content: "\eb43";
}

.ai-icon-heart-octagon:before {
  content: "\eb44";
}

.ai-icon-heart-rounded:before {
  content: "\eb45";
}

.ai-icon-hearts:before {
  content: "\eb46";
}

.ai-icon-heart-square:before {
  content: "\eb47";
}

.ai-icon-help-circle:before {
  content: "\eb48";
}

.ai-icon-help-hexagon:before {
  content: "\eb49";
}

.ai-icon-help-octagon:before {
  content: "\eb4a";
}

.ai-icon-help-square:before {
  content: "\eb4b";
}

.ai-icon-hexagon-01:before {
  content: "\eb4c";
}

.ai-icon-hexagon-02:before {
  content: "\eb4d";
}

.ai-icon-home-01:before {
  content: "\eb4e";
}

.ai-icon-home-02:before {
  content: "\eb4f";
}

.ai-icon-home-03:before {
  content: "\eb50";
}

.ai-icon-home-04:before {
  content: "\eb51";
}

.ai-icon-home-05:before {
  content: "\eb52";
}

.ai-icon-home-line:before {
  content: "\eb53";
}

.ai-icon-home-smile:before {
  content: "\eb54";
}

.ai-icon-horizontal-bar-chart-01:before {
  content: "\eb55";
}

.ai-icon-horizontal-bar-chart-02:before {
  content: "\eb56";
}

.ai-icon-horizontal-bar-chart-03:before {
  content: "\eb57";
}

.ai-icon-hourglass-01:before {
  content: "\eb58";
}

.ai-icon-hourglass-02:before {
  content: "\eb59";
}

.ai-icon-hourglass-03:before {
  content: "\eb5a";
}

.ai-icon-hurricane-01:before {
  content: "\eb5b";
}

.ai-icon-hurricane-02:before {
  content: "\eb5c";
}

.ai-icon-hurricane-03:before {
  content: "\eb5d";
}

.ai-icon-image-01:before {
  content: "\eb5e";
}

.ai-icon-image-02:before {
  content: "\eb5f";
}

.ai-icon-image-03:before {
  content: "\eb60";
}

.ai-icon-image-04:before {
  content: "\eb61";
}

.ai-icon-image-05:before {
  content: "\eb62";
}

.ai-icon-image-check:before {
  content: "\eb63";
}

.ai-icon-image-down:before {
  content: "\eb64";
}

.ai-icon-image-indent-left:before {
  content: "\eb65";
}

.ai-icon-image-indent-right:before {
  content: "\eb66";
}

.ai-icon-image-left:before {
  content: "\eb67";
}

.ai-icon-image-plus:before {
  content: "\eb68";
}

.ai-icon-image-right:before {
  content: "\eb69";
}

.ai-icon-image-up:before {
  content: "\eb6a";
}

.ai-icon-image-user:before {
  content: "\eb6b";
}

.ai-icon-image-user-check:before {
  content: "\eb6c";
}

.ai-icon-image-user-down:before {
  content: "\eb6d";
}

.ai-icon-image-user-left:before {
  content: "\eb6e";
}

.ai-icon-image-user-plus:before {
  content: "\eb6f";
}

.ai-icon-image-user-right:before {
  content: "\eb70";
}

.ai-icon-image-user-up:before {
  content: "\eb71";
}

.ai-icon-image-user-x:before {
  content: "\eb72";
}

.ai-icon-image-x:before {
  content: "\eb73";
}

.ai-icon-inbox-01:before {
  content: "\eb74";
}

.ai-icon-inbox-02:before {
  content: "\eb75";
}

.ai-icon-infinity:before {
  content: "\eb76";
}

.ai-icon-info-circle:before {
  content: "\eb77";
}

.ai-icon-info-hexagon:before {
  content: "\eb78";
}

.ai-icon-info-octagon:before {
  content: "\eb79";
}

.ai-icon-info-square:before {
  content: "\eb7a";
}

.ai-icon-intersect-circle:before {
  content: "\eb7b";
}

.ai-icon-intersect-square:before {
  content: "\eb7c";
}

.ai-icon-italic-01:before {
  content: "\eb7d";
}

.ai-icon-italic-02:before {
  content: "\eb7e";
}

.ai-icon-italic-square:before {
  content: "\eb7f";
}

.ai-icon-key-01:before {
  content: "\eb80";
}

.ai-icon-key-02:before {
  content: "\eb81";
}

.ai-icon-keyboard-01:before {
  content: "\eb82";
}

.ai-icon-keyboard-02:before {
  content: "\eb83";
}

.ai-icon-laptop-01:before {
  content: "\eb84";
}

.ai-icon-laptop-02:before {
  content: "\eb85";
}

.ai-icon-layer-single:before {
  content: "\eb86";
}

.ai-icon-layers-three-01:before {
  content: "\eb87";
}

.ai-icon-layers-three-02:before {
  content: "\eb88";
}

.ai-icon-layers-two-01:before {
  content: "\eb89";
}

.ai-icon-layers-two-02:before {
  content: "\eb8a";
}

.ai-icon-layout-alt-01:before {
  content: "\eb8b";
}

.ai-icon-layout-alt-02:before {
  content: "\eb8c";
}

.ai-icon-layout-alt-03:before {
  content: "\eb8d";
}

.ai-icon-layout-alt-04:before {
  content: "\eb8e";
}

.ai-icon-layout-bottom:before {
  content: "\eb8f";
}

.ai-icon-layout-grid-01:before {
  content: "\eb90";
}

.ai-icon-layout-grid-02:before {
  content: "\eb91";
}

.ai-icon-layout-left:before {
  content: "\eb92";
}

.ai-icon-layout-right:before {
  content: "\eb93";
}

.ai-icon-layout-top:before {
  content: "\eb94";
}

.ai-icon-left-indent-01:before {
  content: "\eb95";
}

.ai-icon-left-indent-02:before {
  content: "\eb96";
}

.ai-icon-letter-spacing-01:before {
  content: "\eb97";
}

.ai-icon-letter-spacing-02:before {
  content: "\eb98";
}

.ai-icon-life-buoy-01:before {
  content: "\eb99";
}

.ai-icon-life-buoy-02:before {
  content: "\eb9a";
}

.ai-icon-lightbulb-01:before {
  content: "\eb9b";
}

.ai-icon-lightbulb-02:before {
  content: "\eb9c";
}

.ai-icon-lightbulb-03:before {
  content: "\eb9d";
}

.ai-icon-lightbulb-04:before {
  content: "\eb9e";
}

.ai-icon-lightbulb-05:before {
  content: "\eb9f";
}

.ai-icon-lightning-01:before {
  content: "\eba0";
}

.ai-icon-lightning-02:before {
  content: "\eba1";
}

.ai-icon-line-chart-down-01:before {
  content: "\eba2";
}

.ai-icon-line-chart-down-02:before {
  content: "\eba3";
}

.ai-icon-line-chart-down-03:before {
  content: "\eba4";
}

.ai-icon-line-chart-down-04:before {
  content: "\eba5";
}

.ai-icon-line-chart-down-05:before {
  content: "\eba6";
}

.ai-icon-line-chart-up-01:before {
  content: "\eba7";
}

.ai-icon-line-chart-up-02:before {
  content: "\eba8";
}

.ai-icon-line-chart-up-03:before {
  content: "\eba9";
}

.ai-icon-line-chart-up-04:before {
  content: "\ebaa";
}

.ai-icon-line-chart-up-05:before {
  content: "\ebab";
}

.ai-icon-line-height:before {
  content: "\ebac";
}

.ai-icon-link-01:before {
  content: "\ebad";
}

.ai-icon-link-02:before {
  content: "\ebae";
}

.ai-icon-link-03:before {
  content: "\ebaf";
}

.ai-icon-link-04:before {
  content: "\ebb0";
}

.ai-icon-link-05:before {
  content: "\ebb1";
}

.ai-icon-link-broken-01:before {
  content: "\ebb2";
}

.ai-icon-link-broken-02:before {
  content: "\ebb3";
}

.ai-icon-link-external-01:before {
  content: "\ebb4";
}

.ai-icon-link-external-02:before {
  content: "\ebb5";
}

.ai-icon-list:before {
  content: "\ebb6";
}

.ai-icon-loading-01:before {
  content: "\ebb7";
}

.ai-icon-loading-02:before {
  content: "\ebb8";
}

.ai-icon-loading-03:before {
  content: "\ebb9";
}

.ai-icon-lock-01:before {
  content: "\ebba";
}

.ai-icon-lock-02:before {
  content: "\ebbb";
}

.ai-icon-lock-03:before {
  content: "\ebbc";
}

.ai-icon-lock-04:before {
  content: "\ebbd";
}

.ai-icon-lock-keyhole-circle:before {
  content: "\ebbe";
}

.ai-icon-lock-keyhole-square:before {
  content: "\ebbf";
}

.ai-icon-lock-unlocked-01:before {
  content: "\ebc0";
}

.ai-icon-lock-unlocked-02:before {
  content: "\ebc1";
}

.ai-icon-lock-unlocked-03:before {
  content: "\ebc2";
}

.ai-icon-lock-unlocked-04:before {
  content: "\ebc3";
}

.ai-icon-log-in-01:before {
  content: "\ebc4";
}

.ai-icon-log-in-02:before {
  content: "\ebc5";
}

.ai-icon-log-in-03:before {
  content: "\ebc6";
}

.ai-icon-log-in-04:before {
  content: "\ebc7";
}

.ai-icon-log-out-01:before {
  content: "\ebc8";
}

.ai-icon-log-out-02:before {
  content: "\ebc9";
}

.ai-icon-log-out-03:before {
  content: "\ebca";
}

.ai-icon-log-out-04:before {
  content: "\ebcb";
}

.ai-icon-log-tracker-2:before {
  content: "\ebcc";
}

.ai-icon-luggage-01:before {
  content: "\ebcd";
}

.ai-icon-luggage-02:before {
  content: "\ebce";
}

.ai-icon-luggage-03:before {
  content: "\ebcf";
}

.ai-icon-magic-wand-01:before {
  content: "\ebd0";
}

.ai-icon-magic-wand-02:before {
  content: "\ebd1";
}

.ai-icon-mail-01:before {
  content: "\ebd2";
}

.ai-icon-mail-02:before {
  content: "\ebd3";
}

.ai-icon-mail-03:before {
  content: "\ebd4";
}

.ai-icon-mail-04:before {
  content: "\ebd5";
}

.ai-icon-mail-05:before {
  content: "\ebd6";
}

.ai-icon-map-01:before {
  content: "\ebd7";
}

.ai-icon-map-02:before {
  content: "\ebd8";
}

.ai-icon-mark:before {
  content: "\ebd9";
}

.ai-icon-marker-pin-01:before {
  content: "\ebda";
}

.ai-icon-marker-pin-02:before {
  content: "\ebdb";
}

.ai-icon-marker-pin-03:before {
  content: "\ebdc";
}

.ai-icon-marker-pin-04:before {
  content: "\ebdd";
}

.ai-icon-marker-pin-05:before {
  content: "\ebde";
}

.ai-icon-marker-pin-06:before {
  content: "\ebdf";
}

.ai-icon-maximize-01:before {
  content: "\ebe0";
}

.ai-icon-maximize-02:before {
  content: "\ebe1";
}

.ai-icon-medical-circle:before {
  content: "\ebe2";
}

.ai-icon-medical-cross:before {
  content: "\ebe3";
}

.ai-icon-medical-square:before {
  content: "\ebe4";
}

.ai-icon-menu-01:before {
  content: "\ebe5";
}

.ai-icon-menu-02:before {
  content: "\ebe6";
}

.ai-icon-menu-03:before {
  content: "\ebe7";
}

.ai-icon-menu-04:before {
  content: "\ebe8";
}

.ai-icon-menu-05:before {
  content: "\ebe9";
}

.ai-icon-message-alert-circle:before {
  content: "\ebea";
}

.ai-icon-message-alert-square:before {
  content: "\ebeb";
}

.ai-icon-message-chat-circle:before {
  content: "\ebec";
}

.ai-icon-message-chat-square:before {
  content: "\ebed";
}

.ai-icon-message-check-circle:before {
  content: "\ebee";
}

.ai-icon-message-check-square:before {
  content: "\ebef";
}

.ai-icon-message-circle-01:before {
  content: "\ebf0";
}

.ai-icon-message-circle-02:before {
  content: "\ebf1";
}

.ai-icon-message-dots-circle:before {
  content: "\ebf2";
}

.ai-icon-message-dots-square:before {
  content: "\ebf3";
}

.ai-icon-message-heart-circle:before {
  content: "\ebf4";
}

.ai-icon-message-heart-square:before {
  content: "\ebf5";
}

.ai-icon-message-notification-circle:before {
  content: "\ebf6";
}

.ai-icon-message-notification-square:before {
  content: "\ebf7";
}

.ai-icon-message-plus-circle:before {
  content: "\ebf8";
}

.ai-icon-message-plus-square:before {
  content: "\ebf9";
}

.ai-icon-message-question-circle:before {
  content: "\ebfa";
}

.ai-icon-message-question-square:before {
  content: "\ebfb";
}

.ai-icon-message-smile-circle:before {
  content: "\ebfc";
}

.ai-icon-message-smile-square:before {
  content: "\ebfd";
}

.ai-icon-message-square-01:before {
  content: "\ebfe";
}

.ai-icon-message-square-02:before {
  content: "\ebff";
}

.ai-icon-message-text-circle-01:before {
  content: "\ec00";
}

.ai-icon-message-text-circle-02:before {
  content: "\ec01";
}

.ai-icon-message-text-square-01:before {
  content: "\ec02";
}

.ai-icon-message-text-square-02:before {
  content: "\ec03";
}

.ai-icon-message-x-circle:before {
  content: "\ec04";
}

.ai-icon-message-x-square:before {
  content: "\ec05";
}

.ai-icon-microphone-01:before {
  content: "\ec06";
}

.ai-icon-microphone-02:before {
  content: "\ec07";
}

.ai-icon-microphone-off-01:before {
  content: "\ec08";
}

.ai-icon-microphone-off-02:before {
  content: "\ec09";
}

.ai-icon-microscope:before {
  content: "\ec0a";
}

.ai-icon-minimize-01:before {
  content: "\ec0b";
}

.ai-icon-minimize-02:before {
  content: "\ec0c";
}

.ai-icon-minus:before {
  content: "\ec0d";
}

.ai-icon-minus-circle:before {
  content: "\ec0e";
}

.ai-icon-minus-square:before {
  content: "\ec0f";
}

.ai-icon-modem-01:before {
  content: "\ec10";
}

.ai-icon-modem-02:before {
  content: "\ec11";
}

.ai-icon-monitor-01:before {
  content: "\ec12";
}

.ai-icon-monitor-02:before {
  content: "\ec13";
}

.ai-icon-monitor-03:before {
  content: "\ec14";
}

.ai-icon-monitor-04:before {
  content: "\ec15";
}

.ai-icon-monitor-05:before {
  content: "\ec16";
}

.ai-icon-moon-01:before {
  content: "\ec17";
}

.ai-icon-moon-02:before {
  content: "\ec18";
}

.ai-icon-moon-eclipse:before {
  content: "\ec19";
}

.ai-icon-moon-star:before {
  content: "\ec1a";
}

.ai-icon-mouse:before {
  content: "\ec1b";
}

.ai-icon-move:before {
  content: "\ec1c";
}

.ai-icon-music-note-01:before {
  content: "\ec1d";
}

.ai-icon-music-note-02:before {
  content: "\ec1e";
}

.ai-icon-music-note-plus:before {
  content: "\ec1f";
}

.ai-icon-navigation-pointer-01:before {
  content: "\ec20";
}

.ai-icon-navigation-pointer-02:before {
  content: "\ec21";
}

.ai-icon-navigation-pointer-off-01:before {
  content: "\ec22";
}

.ai-icon-navigation-pointer-off-02:before {
  content: "\ec23";
}

.ai-icon-notification-box:before {
  content: "\ec24";
}

.ai-icon-notification-message:before {
  content: "\ec25";
}

.ai-icon-notification-text:before {
  content: "\ec26";
}

.ai-icon-octagon:before {
  content: "\ec27";
}

.ai-icon-package:before {
  content: "\ec28";
}

.ai-icon-package-check:before {
  content: "\ec29";
}

.ai-icon-package-minus:before {
  content: "\ec2a";
}

.ai-icon-package-plus:before {
  content: "\ec2b";
}

.ai-icon-package-search:before {
  content: "\ec2c";
}

.ai-icon-package-x:before {
  content: "\ec2d";
}

.ai-icon-paint:before {
  content: "\ec2e";
}

.ai-icon-paint-pour:before {
  content: "\ec2f";
}

.ai-icon-palette:before {
  content: "\ec30";
}

.ai-icon-paperclip:before {
  content: "\ec31";
}

.ai-icon-paragraph-spacing:before {
  content: "\ec32";
}

.ai-icon-paragraph-wrap:before {
  content: "\ec33";
}

.ai-icon-passcode:before {
  content: "\ec34";
}

.ai-icon-passcode-lock:before {
  content: "\ec35";
}

.ai-icon-passport:before {
  content: "\ec36";
}

.ai-icon-pause-circle:before {
  content: "\ec37";
}

.ai-icon-pause-square:before {
  content: "\ec38";
}

.ai-icon-pencil-01:before {
  content: "\ec39";
}

.ai-icon-pencil-02:before {
  content: "\ec3a";
}

.ai-icon-pencil-line:before {
  content: "\ec3b";
}

.ai-icon-pentagon:before {
  content: "\ec3c";
}

.ai-icon-pen-tool-01:before {
  content: "\ec3d";
}

.ai-icon-pen-tool-02:before {
  content: "\ec3e";
}

.ai-icon-pen-tool-minus:before {
  content: "\ec3f";
}

.ai-icon-pen-tool-plus:before {
  content: "\ec40";
}

.ai-icon-percent-01:before {
  content: "\ec41";
}

.ai-icon-percent-02:before {
  content: "\ec42";
}

.ai-icon-percent-03:before {
  content: "\ec43";
}

.ai-icon-perspective-01:before {
  content: "\ec44";
}

.ai-icon-perspective-02:before {
  content: "\ec45";
}

.ai-icon-phone:before {
  content: "\ec46";
}

.ai-icon-phone-01:before {
  content: "\ec47";
}

.ai-icon-phone-02:before {
  content: "\ec48";
}

.ai-icon-phone-call-01:before {
  content: "\ec49";
}

.ai-icon-phone-call-02:before {
  content: "\ec4a";
}

.ai-icon-phone-hang-up:before {
  content: "\ec4b";
}

.ai-icon-phone-incoming-01:before {
  content: "\ec4c";
}

.ai-icon-phone-incoming-02:before {
  content: "\ec4d";
}

.ai-icon-phone-outgoing-01:before {
  content: "\ec4e";
}

.ai-icon-phone-outgoing-02:before {
  content: "\ec4f";
}

.ai-icon-phone-pause:before {
  content: "\ec50";
}

.ai-icon-phone-plus:before {
  content: "\ec51";
}

.ai-icon-phone-x:before {
  content: "\ec52";
}

.ai-icon-pie-chart-01:before {
  content: "\ec53";
}

.ai-icon-pie-chart-02:before {
  content: "\ec54";
}

.ai-icon-pie-chart-03:before {
  content: "\ec55";
}

.ai-icon-pie-chart-04:before {
  content: "\ec56";
}

.ai-icon-piggy-bank-01:before {
  content: "\ec57";
}

.ai-icon-piggy-bank-02:before {
  content: "\ec58";
}

.ai-icon-pilcrow-01:before {
  content: "\ec59";
}

.ai-icon-pilcrow-02:before {
  content: "\ec5a";
}

.ai-icon-pilcrow-square:before {
  content: "\ec5b";
}

.ai-icon-pill:before {
  content: "\ec5c";
}

.ai-icon-pin-01:before {
  content: "\ec5d";
}

.ai-icon-pin-02:before {
  content: "\ec5e";
}

.ai-icon-placeholder:before {
  content: "\ec5f";
}

.ai-icon-plane:before {
  content: "\ec60";
}

.ai-icon-play:before {
  content: "\ec61";
}

.ai-icon-play-circle:before {
  content: "\ec62";
}

.ai-icon-play-square:before {
  content: "\ec63";
}

.ai-icon-plus:before {
  content: "\ec64";
}

.ai-icon-plus-circle:before {
  content: "\ec65";
}

.ai-icon-plus-square:before {
  content: "\ec66";
}

.ai-icon-podcast:before {
  content: "\ec67";
}

.ai-icon-power-01:before {
  content: "\ec68";
}

.ai-icon-power-02:before {
  content: "\ec69";
}

.ai-icon-power-03:before {
  content: "\ec6a";
}

.ai-icon-presentation-chart-01:before {
  content: "\ec6b";
}

.ai-icon-presentation-chart-02:before {
  content: "\ec6c";
}

.ai-icon-presentation-chart-03:before {
  content: "\ec6d";
}

.ai-icon-printer:before {
  content: "\ec6e";
}

.ai-icon-puzzle-piece-01:before {
  content: "\ec6f";
}

.ai-icon-puzzle-piece-02:before {
  content: "\ec70";
}

.ai-icon-qr-code-01:before {
  content: "\ec71";
}

.ai-icon-qr-code-02:before {
  content: "\ec72";
}

.ai-icon-receipt:before {
  content: "\ec73";
}

.ai-icon-receipt-check:before {
  content: "\ec74";
}

.ai-icon-recording-01:before {
  content: "\ec75";
}

.ai-icon-recording-02:before {
  content: "\ec76";
}

.ai-icon-recording-03:before {
  content: "\ec77";
}

.ai-icon-reflect-01:before {
  content: "\ec78";
}

.ai-icon-reflect-02:before {
  content: "\ec79";
}

.ai-icon-refresh-ccw-01:before {
  content: "\ec7a";
}

.ai-icon-refresh-ccw-02:before {
  content: "\ec7b";
}

.ai-icon-refresh-ccw-03:before {
  content: "\ec7c";
}

.ai-icon-refresh-ccw-04:before {
  content: "\ec7d";
}

.ai-icon-refresh-ccw-05:before {
  content: "\ec7e";
}

.ai-icon-refresh-cw-01:before {
  content: "\ec7f";
}

.ai-icon-refresh-cw-02:before {
  content: "\ec80";
}

.ai-icon-refresh-cw-03:before {
  content: "\ec81";
}

.ai-icon-refresh-cw-04:before {
  content: "\ec82";
}

.ai-icon-refresh-cw-05:before {
  content: "\ec83";
}

.ai-icon-repeat-01:before {
  content: "\ec84";
}

.ai-icon-repeat-02:before {
  content: "\ec85";
}

.ai-icon-repeat-03:before {
  content: "\ec86";
}

.ai-icon-repeat-04:before {
  content: "\ec87";
}

.ai-icon-reverse-left:before {
  content: "\ec88";
}

.ai-icon-reverse-right:before {
  content: "\ec89";
}

.ai-icon-right-indent-01:before {
  content: "\ec8a";
}

.ai-icon-right-indent-02:before {
  content: "\ec8b";
}

.ai-icon-rocket-01:before {
  content: "\ec8c";
}

.ai-icon-rocket-02:before {
  content: "\ec8d";
}

.ai-icon-roller-brush:before {
  content: "\ec8e";
}

.ai-icon-route:before {
  content: "\ec8f";
}

.ai-icon-rows-01:before {
  content: "\ec90";
}

.ai-icon-rows-02:before {
  content: "\ec91";
}

.ai-icon-rows-03:before {
  content: "\ec92";
}

.ai-icon-rss-01:before {
  content: "\ec93";
}

.ai-icon-rss-02:before {
  content: "\ec94";
}

.ai-icon-ruler:before {
  content: "\ec95";
}

.ai-icon-safe:before {
  content: "\ec96";
}

.ai-icon-sale-01:before {
  content: "\ec97";
}

.ai-icon-sale-02:before {
  content: "\ec98";
}

.ai-icon-sale-03:before {
  content: "\ec99";
}

.ai-icon-sale-04:before {
  content: "\ec9a";
}

.ai-icon-save-01:before {
  content: "\ec9b";
}

.ai-icon-save-02:before {
  content: "\ec9c";
}

.ai-icon-save-03:before {
  content: "\ec9d";
}

.ai-icon-scale-01:before {
  content: "\ec9e";
}

.ai-icon-scale-02:before {
  content: "\ec9f";
}

.ai-icon-scale-03:before {
  content: "\eca0";
}

.ai-icon-scales-01:before {
  content: "\eca1";
}

.ai-icon-scales-02:before {
  content: "\eca2";
}

.ai-icon-scan:before {
  content: "\eca3";
}

.ai-icon-scissors-01:before {
  content: "\eca4";
}

.ai-icon-scissors-02:before {
  content: "\eca5";
}

.ai-icon-scissors-cut-01:before {
  content: "\eca6";
}

.ai-icon-scissors-cut-02:before {
  content: "\eca7";
}

.ai-icon-search-lg:before {
  content: "\eca8";
}

.ai-icon-search-md:before {
  content: "\eca9";
}

.ai-icon-search-refraction:before {
  content: "\ecaa";
}

.ai-icon-search-sm:before {
  content: "\ecab";
}

.ai-icon-send-01:before {
  content: "\ecac";
}

.ai-icon-send-02:before {
  content: "\ecad";
}

.ai-icon-send-03:before {
  content: "\ecae";
}

.ai-icon-server-01:before {
  content: "\ecaf";
}

.ai-icon-server-02:before {
  content: "\ecb0";
}

.ai-icon-server-03:before {
  content: "\ecb1";
}

.ai-icon-server-04:before {
  content: "\ecb2";
}

.ai-icon-server-05:before {
  content: "\ecb3";
}

.ai-icon-server-06:before {
  content: "\ecb4";
}

.ai-icon-settings-01:before {
  content: "\ecb5";
}

.ai-icon-settings-02:before {
  content: "\ecb6";
}

.ai-icon-settings-03:before {
  content: "\ecb7";
}

.ai-icon-settings-04:before {
  content: "\ecb8";
}

.ai-icon-share-01:before {
  content: "\ecb9";
}

.ai-icon-share-02:before {
  content: "\ecba";
}

.ai-icon-share-03:before {
  content: "\ecbb";
}

.ai-icon-share-04:before {
  content: "\ecbc";
}

.ai-icon-share-05:before {
  content: "\ecbd";
}

.ai-icon-share-06:before {
  content: "\ecbe";
}

.ai-icon-share-07:before {
  content: "\ecbf";
}

.ai-icon-shield-01:before {
  content: "\ecc0";
}

.ai-icon-shield-02:before {
  content: "\ecc1";
}

.ai-icon-shield-03:before {
  content: "\ecc2";
}

.ai-icon-shield-dollar:before {
  content: "\ecc3";
}

.ai-icon-shield-off:before {
  content: "\ecc4";
}

.ai-icon-shield-plus:before {
  content: "\ecc5";
}

.ai-icon-shield-tick:before {
  content: "\ecc6";
}

.ai-icon-shield-zap:before {
  content: "\ecc7";
}

.ai-icon-shopping-bag-01:before {
  content: "\ecc8";
}

.ai-icon-shopping-bag-02:before {
  content: "\ecc9";
}

.ai-icon-shopping-bag-03:before {
  content: "\ecca";
}

.ai-icon-shopping-cart-01:before {
  content: "\eccb";
}

.ai-icon-shopping-cart-02:before {
  content: "\eccc";
}

.ai-icon-shopping-cart-03:before {
  content: "\eccd";
}

.ai-icon-shuffle-01:before {
  content: "\ecce";
}

.ai-icon-shuffle-02:before {
  content: "\eccf";
}

.ai-icon-signal-01:before {
  content: "\ecd0";
}

.ai-icon-signal-02:before {
  content: "\ecd1";
}

.ai-icon-signal-03:before {
  content: "\ecd2";
}

.ai-icon-signature-disabled:before {
  content: "\ecd3";
}

.ai-icon-signature-user:before {
  content: "\ecd4";
}

.ai-icon-signature-user-pencil:before {
  content: "\ecd5";
}

.ai-icon-signature-users:before {
  content: "\ecd6";
}

.ai-icon-simcard:before {
  content: "\ecd7";
}

.ai-icon-skew:before {
  content: "\ecd8";
}

.ai-icon-skip-back:before {
  content: "\ecd9";
}

.ai-icon-skip-forward:before {
  content: "\ecda";
}

.ai-icon-slash-circle-01:before {
  content: "\ecdb";
}

.ai-icon-slash-circle-02:before {
  content: "\ecdc";
}

.ai-icon-slash-divider:before {
  content: "\ecdd";
}

.ai-icon-slash-octagon:before {
  content: "\ecde";
}

.ai-icon-sliders-01:before {
  content: "\ecdf";
}

.ai-icon-sliders-02:before {
  content: "\ece0";
}

.ai-icon-sliders-03:before {
  content: "\ece1";
}

.ai-icon-sliders-04:before {
  content: "\ece2";
}

.ai-icon-snowflake-01:before {
  content: "\ece3";
}

.ai-icon-snowflake-02:before {
  content: "\ece4";
}

.ai-icon-spacing-height-01:before {
  content: "\ece5";
}

.ai-icon-spacing-height-02:before {
  content: "\ece6";
}

.ai-icon-spacing-width-01:before {
  content: "\ece7";
}

.ai-icon-spacing-width-02:before {
  content: "\ece8";
}

.ai-icon-speaker-01:before {
  content: "\ece9";
}

.ai-icon-speaker-02:before {
  content: "\ecea";
}

.ai-icon-speaker-03:before {
  content: "\eceb";
}

.ai-icon-speedometer-01:before {
  content: "\ecec";
}

.ai-icon-speedometer-02:before {
  content: "\eced";
}

.ai-icon-speedometer-03:before {
  content: "\ecee";
}

.ai-icon-speedometer-04:before {
  content: "\ecef";
}

.ai-icon-square:before {
  content: "\ecf0";
}

.ai-icon-stand:before {
  content: "\ecf1";
}

.ai-icon-star-01:before {
  content: "\ecf2";
}

.ai-icon-star-02:before {
  content: "\ecf3";
}

.ai-icon-star-03:before {
  content: "\ecf4";
}

.ai-icon-star-04:before {
  content: "\ecf5";
}

.ai-icon-star-05:before {
  content: "\ecf6";
}

.ai-icon-star-06:before {
  content: "\ecf7";
}

.ai-icon-star-07:before {
  content: "\ecf8";
}

.ai-icon-stars-01:before {
  content: "\ecf9";
}

.ai-icon-stars-02:before {
  content: "\ecfa";
}

.ai-icon-stars-03:before {
  content: "\ecfb";
}

.ai-icon-sticker-circle:before {
  content: "\ecfc";
}

.ai-icon-sticker-square:before {
  content: "\ecfd";
}

.ai-icon-stop:before {
  content: "\ecfe";
}

.ai-icon-stop-circle:before {
  content: "\ecff";
}

.ai-icon-stop-square:before {
  content: "\ed00";
}

.ai-icon-strikethrough-01:before {
  content: "\ed01";
}

.ai-icon-strikethrough-02:before {
  content: "\ed02";
}

.ai-icon-strikethrough-square:before {
  content: "\ed03";
}

.ai-icon-subscript:before {
  content: "\ed04";
}

.ai-icon-sun:before {
  content: "\ed05";
}

.ai-icon-sunrise:before {
  content: "\ed06";
}

.ai-icon-sunset:before {
  content: "\ed07";
}

.ai-icon-sun-setting-01:before {
  content: "\ed08";
}

.ai-icon-sun-setting-02:before {
  content: "\ed09";
}

.ai-icon-sun-setting-03:before {
  content: "\ed0a";
}

.ai-icon-switch-horizontal-01:before {
  content: "\ed0b";
}

.ai-icon-switch-horizontal-02:before {
  content: "\ed0c";
}

.ai-icon-switch-vertical-01:before {
  content: "\ed0d";
}

.ai-icon-switch-vertical-02:before {
  content: "\ed0e";
}

.ai-icon-table:before {
  content: "\ed0f";
}

.ai-icon-tablet-01:before {
  content: "\ed10";
}

.ai-icon-tablet-02:before {
  content: "\ed11";
}

.ai-icon-tablet-02-checked:before {
  content: "\ed12";
}

.ai-icon-tag-01:before {
  content: "\ed13";
}

.ai-icon-tag-02:before {
  content: "\ed14";
}

.ai-icon-tag-03:before {
  content: "\ed15";
}

.ai-icon-target-01:before {
  content: "\ed16";
}

.ai-icon-target-02:before {
  content: "\ed17";
}

.ai-icon-target-03:before {
  content: "\ed18";
}

.ai-icon-target-04:before {
  content: "\ed19";
}

.ai-icon-target-05:before {
  content: "\ed1a";
}

.ai-icon-telescope:before {
  content: "\ed1b";
}

.ai-icon-terminal:before {
  content: "\ed1c";
}

.ai-icon-terminal-browser:before {
  content: "\ed1d";
}

.ai-icon-terminal-circle:before {
  content: "\ed1e";
}

.ai-icon-terminal-square:before {
  content: "\ed1f";
}

.ai-icon-text-input:before {
  content: "\ed20";
}

.ai-icon-thermometer-01:before {
  content: "\ed21";
}

.ai-icon-thermometer-02:before {
  content: "\ed22";
}

.ai-icon-thermometer-03:before {
  content: "\ed23";
}

.ai-icon-thermometer-cold:before {
  content: "\ed24";
}

.ai-icon-thermometer-warm:before {
  content: "\ed25";
}

.ai-icon-thumbs-down:before {
  content: "\ed26";
}

.ai-icon-thumbs-up:before {
  content: "\ed27";
}

.ai-icon-ticket-01:before {
  content: "\ed28";
}

.ai-icon-ticket-02:before {
  content: "\ed29";
}

.ai-icon-toggle-01-left:before {
  content: "\ed2a";
}

.ai-icon-toggle-01-right:before {
  content: "\ed2b";
}

.ai-icon-toggle-02-left:before {
  content: "\ed2c";
}

.ai-icon-toggle-02-right:before {
  content: "\ed2d";
}

.ai-icon-toggle-03-left:before {
  content: "\ed2e";
}

.ai-icon-toggle-03-right:before {
  content: "\ed2f";
}

.ai-icon-tool-01:before {
  content: "\ed30";
}

.ai-icon-tool-02:before {
  content: "\ed31";
}

.ai-icon-train:before {
  content: "\ed32";
}

.ai-icon-tram:before {
  content: "\ed33";
}

.ai-icon-transform:before {
  content: "\ed34";
}

.ai-icon-translate-01:before {
  content: "\ed35";
}

.ai-icon-translate-02:before {
  content: "\ed36";
}

.ai-icon-trash-01:before {
  content: "\ed37";
}

.ai-icon-trash-02:before {
  content: "\ed38";
}

.ai-icon-trash-03:before {
  content: "\ed39";
}

.ai-icon-trash-04:before {
  content: "\ed3a";
}

.ai-icon-trend-down-01:before {
  content: "\ed3b";
}

.ai-icon-trend-down-02:before {
  content: "\ed3c";
}

.ai-icon-trend-up-01:before {
  content: "\ed3d";
}

.ai-icon-trend-up-02:before {
  content: "\ed3e";
}

.ai-icon-triangle:before {
  content: "\ed3f";
}

.ai-icon-trophy-01:before {
  content: "\ed40";
}

.ai-icon-trophy-02:before {
  content: "\ed41";
}

.ai-icon-truck-01:before {
  content: "\ed42";
}

.ai-icon-truck-02:before {
  content: "\ed43";
}

.ai-icon-tv-01:before {
  content: "\ed44";
}

.ai-icon-tv-02:before {
  content: "\ed45";
}

.ai-icon-tv-03:before {
  content: "\ed46";
}

.ai-icon-type-01:before {
  content: "\ed47";
}

.ai-icon-type-02:before {
  content: "\ed48";
}

.ai-icon-type-square:before {
  content: "\ed49";
}

.ai-icon-type-strikethrough-01:before {
  content: "\ed4a";
}

.ai-icon-type-strikethrough-02:before {
  content: "\ed4b";
}

.ai-icon-umbrella-01:before {
  content: "\ed4c";
}

.ai-icon-umbrella-02:before {
  content: "\ed4d";
}

.ai-icon-umbrella-03:before {
  content: "\ed4e";
}

.ai-icon-underline-01:before {
  content: "\ed4f";
}

.ai-icon-underline-02:before {
  content: "\ed50";
}

.ai-icon-underline-square:before {
  content: "\ed51";
}

.ai-icon-upload-01:before {
  content: "\ed52";
}

.ai-icon-upload-02:before {
  content: "\ed53";
}

.ai-icon-upload-03:before {
  content: "\ed54";
}

.ai-icon-upload-04:before {
  content: "\ed55";
}

.ai-icon-upload-cloud-01:before {
  content: "\ed56";
}

.ai-icon-upload-cloud-02:before {
  content: "\ed57";
}

.ai-icon-usb-flash-drive:before {
  content: "\ed58";
}

.ai-icon-user-01:before {
  content: "\ed59";
}

.ai-icon-user-02:before {
  content: "\ed5a";
}

.ai-icon-user-03:before {
  content: "\ed5b";
}

.ai-icon-user-check-01:before {
  content: "\ed5c";
}

.ai-icon-user-check-02:before {
  content: "\ed5d";
}

.ai-icon-user-circle:before {
  content: "\ed5e";
}

.ai-icon-user-down-01:before {
  content: "\ed5f";
}

.ai-icon-user-down-02:before {
  content: "\ed60";
}

.ai-icon-user-edit:before {
  content: "\ed61";
}

.ai-icon-user-left-01:before {
  content: "\ed62";
}

.ai-icon-user-left-02:before {
  content: "\ed63";
}

.ai-icon-user-minus-01:before {
  content: "\ed64";
}

.ai-icon-user-minus-02:before {
  content: "\ed65";
}

.ai-icon-user-plus-01:before {
  content: "\ed66";
}

.ai-icon-user-plus-02:before {
  content: "\ed67";
}

.ai-icon-user-right-01:before {
  content: "\ed68";
}

.ai-icon-user-right-02:before {
  content: "\ed69";
}

.ai-icon-users-01:before {
  content: "\ed6a";
}

.ai-icon-users-02:before {
  content: "\ed6b";
}

.ai-icon-users-03:before {
  content: "\ed6c";
}

.ai-icon-users-check:before {
  content: "\ed6d";
}

.ai-icon-users-down:before {
  content: "\ed6e";
}

.ai-icon-users-edit:before {
  content: "\ed6f";
}

.ai-icon-user-signature:before {
  content: "\ed70";
}

.ai-icon-users-left:before {
  content: "\ed71";
}

.ai-icon-users-minus:before {
  content: "\ed72";
}

.ai-icon-users-plus:before {
  content: "\ed73";
}

.ai-icon-user-square:before {
  content: "\ed74";
}

.ai-icon-users-right:before {
  content: "\ed75";
}

.ai-icon-users-up:before {
  content: "\ed76";
}

.ai-icon-users-x:before {
  content: "\ed77";
}

.ai-icon-user-up-01:before {
  content: "\ed78";
}

.ai-icon-user-up-02:before {
  content: "\ed79";
}

.ai-icon-user-x-01:before {
  content: "\ed7a";
}

.ai-icon-user-x-02:before {
  content: "\ed7b";
}

.ai-icon-variable:before {
  content: "\ed7c";
}

.ai-icon-video-recorder:before {
  content: "\ed7d";
}

.ai-icon-video-recorder-off:before {
  content: "\ed7e";
}

.ai-icon-virus:before {
  content: "\ed7f";
}

.ai-icon-voicemail:before {
  content: "\ed80";
}

.ai-icon-volume-max:before {
  content: "\ed81";
}

.ai-icon-volume-min:before {
  content: "\ed82";
}

.ai-icon-volume-minus:before {
  content: "\ed83";
}

.ai-icon-volume-plus:before {
  content: "\ed84";
}

.ai-icon-volume-x:before {
  content: "\ed85";
}

.ai-icon-wallet-01:before {
  content: "\ed86";
}

.ai-icon-wallet-02:before {
  content: "\ed87";
}

.ai-icon-wallet-03:before {
  content: "\ed88";
}

.ai-icon-wallet-04:before {
  content: "\ed89";
}

.ai-icon-wallet-05:before {
  content: "\ed8a";
}

.ai-icon-watch-circle:before {
  content: "\ed8b";
}

.ai-icon-watch-square:before {
  content: "\ed8c";
}

.ai-icon-waves:before {
  content: "\ed8d";
}

.ai-icon-webcam-01:before {
  content: "\ed8e";
}

.ai-icon-webcam-02:before {
  content: "\ed8f";
}

.ai-icon-wifi:before {
  content: "\ed90";
}

.ai-icon-wifi-off:before {
  content: "\ed91";
}

.ai-icon-wind-01:before {
  content: "\ed92";
}

.ai-icon-wind-02:before {
  content: "\ed93";
}

.ai-icon-wind-03:before {
  content: "\ed94";
}

.ai-icon-x:before {
  content: "\ed95";
}

.ai-icon-x-circle:before {
  content: "\ed96";
}

.ai-icon-x-close:before {
  content: "\ed97";
}

.ai-icon-x-square:before {
  content: "\ed98";
}

.ai-icon-youtube:before {
  content: "\ed99";
}

.ai-icon-zap:before {
  content: "\ed9a";
}

.ai-icon-zap-circle:before {
  content: "\ed9b";
}

.ai-icon-zap-fast:before {
  content: "\ed9c";
}

.ai-icon-zap-off:before {
  content: "\ed9d";
}

.ai-icon-zap-square:before {
  content: "\ed9e";
}

.ai-icon-zoom-in:before {
  content: "\ed9f";
}

.ai-icon-zoom-out:before {
  content: "\eda0";
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

:root {
  --black: #000;
  --white: #fff;
  --primary-color-25: #E6E5F2;
  --primary-color-50: #DEDDE9;
  --primary-color-100: #B7B6C5;
  --primary-color-200: #9291A8;
  --primary-color-300: #6E6D8B;
  --primary-color-400: #4A496F;
  --primary-color-500: #262353;
  --primary-color-600: #201E44;
  --primary-color-700: #191836;
  --primary-color-800: #131228;
  --primary-color-900: #0D0C1C;
  --primary-color-950: #080711;
  --error-color-25: #FFFBFA;
  --error-color-50: #FEF3F2;
  --error-color-100: #FEE4E2;
  --error-color-200: #FECDCA;
  --error-color-300: #FDA29B;
  --error-color-400: #F97066;
  --error-color-500: #F04438;
  --error-color-600: #D92D20;
  --error-color-700: #B42318;
  --error-color-800: #912018;
  --error-color-900: #7A271A;
  --error-color-950: #55160C;
  --warning-color-25: #FFFCF5;
  --warning-color-50: #FFFAEB;
  --warning-color-100: #FEF0C7;
  --warning-color-200: #FEDF89;
  --warning-color-300: #FEC84B;
  --warning-color-400: #FDB022;
  --warning-color-500: #F79009;
  --warning-color-600: #DC6803;
  --warning-color-700: #B54708;
  --warning-color-800: #93370D;
  --warning-color-900: #7A2E0E;
  --warning-color-950: #4E1D09;
  --success-color-25: #F6FEF9;
  --success-color-50: #ECFDF3;
  --success-color-100: #DCFAE6;
  --success-color-200: #ABEFC6;
  --success-color-300: #75E0A7;
  --success-color-400: #47CD89;
  --success-color-500: #17B26A;
  --success-color-600: #079455;
  --success-color-700: #067647;
  --success-color-800: #085D3A;
  --success-color-900: #074D31;
  --success-color-950: #053321;
  --gray-color-25: #FCFCFD;
  --gray-color-50: #F9FAFB;
  --gray-color-100: #F2F4F7;
  --gray-color-200: #EAECF0;
  --gray-color-300: #D0D5DD;
  --gray-color-400: #98A2B3;
  --gray-color-500: #667085;
  --gray-color-600: #475467;
  --gray-color-700: #344054;
  --gray-color-800: #1D2939;
  --gray-color-900: #101828;
  --gray-color-950: #0C111D;
  --tomato-color-25: #FFEDE9;
  --tomato-color-50: #FEE0DB;
  --tomato-color-100: #FDCBC2;
  --tomato-color-200: #FCB1A3;
  --tomato-color-300: #FC9885;
  --tomato-color-400: #FB7E67;
  --tomato-color-500: #FA654B;
  --tomato-color-600: #D1543F;
  --tomato-color-700: #A74431;
  --tomato-color-800: #7D3225;
  --tomato-color-900: #532119;
  --tomato-color-950: #32140F;
  --winter-wizard-color-25: #F1F9FF;
  --winter-wizard-color-50: #ECF7FF;
  --winter-wizard-color-100: #DFF2FE;
  --winter-wizard-color-200: #CFEBFE;
  --winter-wizard-color-300: #C0E4FE;
  --winter-wizard-color-400: #B0DEFD;
  --winter-wizard-color-500: #A0D7FD;
  --winter-wizard-color-600: #85B3D3;
  --winter-wizard-color-700: #6B8FA9;
  --winter-wizard-color-800: #506B7E;
  --winter-wizard-color-900: #354854;
  --winter-wizard-color-950: #202B33;
  --powder-blue-color-25: #FAFFFD;
  --powder-blue-color-50: #F1FBF8;
  --powder-blue-color-100: #E8F9F4;
  --powder-blue-color-200: #DDF5EE;
  --powder-blue-color-300: #D2F2E8;
  --powder-blue-color-400: #C6EFE3;
  --powder-blue-color-500: #BBECDD;
  --powder-blue-color-600: #9CC5B8;
  --powder-blue-color-700: #7D9D93;
  --powder-blue-color-800: #5D766E;
  --powder-blue-color-900: #3E4F4A;
  --powder-blue-color-950: #252F2C;
  --pale-lavender-color-25: #FBF9FF;
  --pale-lavender-color-50: #F8F3FF;
  --pale-lavender-color-100: #F3EBFE;
  --pale-lavender-color-200: #EDE1FE;
  --pale-lavender-color-300: #E7D8FE;
  --pale-lavender-color-400: #E1CEFD;
  --pale-lavender-color-500: #DBC4FD;
  --pale-lavender-color-600: #B6A3D3;
  --pale-lavender-color-700: #9283A9;
  --pale-lavender-color-800: #6D627E;
  --pale-lavender-color-900: #494154;
  --pale-lavender-color-950: #2C2733;
  --tuula-font-family: "Onest";
  --sidebar-line-color: #262353;
  --sidebar-font-color: #fff;
  --sidebar-bg-color: #262353;
  --form-bg-color: #ffffff;
  --form-line-color: #efefef;
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --form-nd-input-height:39px;
  --form-nd-label-text-color:var(--gray-color-700);
  --form-nd-label-font-size:14px;
  --form-nd-label-font-weight:500;
  --form-nd-label-line-height:20px;
  --form-nd-inner-text-color:var(--gray-color-700);
  --form-nd-inner-text-font-size:14px;
  --form-nd-inner-text-font-weight:400;
  --form-nd-inner-text-line-height:20px;
  --form-nd-error-font-size:14px;
  --form-nd-error-font-weight:400;
  --form-nd-error-line-height:20px;
  --form-nd-hint-text-color:var(--gray-color-600);
  --form-nd-hint-font-size:14px;
  --form-nd-hint-font-weight:400;
  --form-nd-hint-line-height:20px;
}

* {
  font-family: var(--tuula-font-family);
}

mat-form-field {
  display: block !important;
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel.pagination-panel-class {
  background-color: var(--white);
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel.pagination-panel-class .mat-pseudo-checkbox {
  display: none;
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel.pagination-panel-class .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--primary-color-500) !important;
  color: var(--white) !important;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.c4p-button {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0px 8px 0px 8px;
  background-color: var(--primary-color-500);
  border: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
  font-size: 12px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #424242;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #424242;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #424242;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #424242;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #424242;
  --mdc-radio-selected-hover-icon-color: #424242;
  --mdc-radio-selected-icon-color: #424242;
  --mdc-radio-selected-pressed-icon-color: #424242;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #424242;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(66, 66, 66, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #424242;
  --mat-text-button-state-layer-color: #424242;
  --mat-text-button-ripple-color: rgba(66, 66, 66, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #424242;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #424242;
  --mat-outlined-button-ripple-color: rgba(66, 66, 66, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #424242;
  --mdc-checkbox-selected-hover-icon-color: #424242;
  --mdc-checkbox-selected-icon-color: #424242;
  --mdc-checkbox-selected-pressed-icon-color: #424242;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #424242;
  --mdc-checkbox-selected-hover-state-layer-color: #424242;
  --mdc-checkbox-selected-pressed-state-layer-color: #424242;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #757575;
  --mdc-switch-selected-handle-color: #757575;
  --mdc-switch-selected-hover-state-layer-color: #757575;
  --mdc-switch-selected-pressed-state-layer-color: #757575;
  --mdc-switch-selected-focus-handle-color: #212121;
  --mdc-switch-selected-hover-handle-color: #212121;
  --mdc-switch-selected-pressed-handle-color: #212121;
  --mdc-switch-selected-focus-track-color: #e0e0e0;
  --mdc-switch-selected-hover-track-color: #e0e0e0;
  --mdc-switch-selected-pressed-track-color: #e0e0e0;
  --mdc-switch-selected-track-color: #e0e0e0;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #424242;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #424242;
  --mat-tab-header-active-ripple-color: #424242;
  --mat-tab-header-inactive-ripple-color: #424242;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #424242;
  --mat-tab-header-active-hover-label-text-color: #424242;
  --mat-tab-header-active-focus-indicator-color: #424242;
  --mat-tab-header-active-hover-indicator-color: #424242;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #424242;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #424242;
  --mdc-slider-focus-handle-color: #424242;
  --mdc-slider-hover-handle-color: #424242;
  --mdc-slider-active-track-color: #424242;
  --mdc-slider-inactive-track-color: #424242;
  --mdc-slider-with-tick-marks-inactive-container-color: #424242;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #424242;
  --mat-slider-hover-state-layer-color: rgba(66, 66, 66, 0.05);
  --mat-slider-focus-state-layer-color: rgba(66, 66, 66, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

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

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
:root {
  --black: #000;
  --white: #fff;
  --primary-color-25: #E6E5F2;
  --primary-color-50: #DEDDE9;
  --primary-color-100: #B7B6C5;
  --primary-color-200: #9291A8;
  --primary-color-300: #6E6D8B;
  --primary-color-400: #4A496F;
  --primary-color-500: #262353;
  --primary-color-600: #201E44;
  --primary-color-700: #191836;
  --primary-color-800: #131228;
  --primary-color-900: #0D0C1C;
  --primary-color-950: #080711;
  --error-color-25: #FFFBFA;
  --error-color-50: #FEF3F2;
  --error-color-100: #FEE4E2;
  --error-color-200: #FECDCA;
  --error-color-300: #FDA29B;
  --error-color-400: #F97066;
  --error-color-500: #F04438;
  --error-color-600: #D92D20;
  --error-color-700: #B42318;
  --error-color-800: #912018;
  --error-color-900: #7A271A;
  --error-color-950: #55160C;
  --warning-color-25: #FFFCF5;
  --warning-color-50: #FFFAEB;
  --warning-color-100: #FEF0C7;
  --warning-color-200: #FEDF89;
  --warning-color-300: #FEC84B;
  --warning-color-400: #FDB022;
  --warning-color-500: #F79009;
  --warning-color-600: #DC6803;
  --warning-color-700: #B54708;
  --warning-color-800: #93370D;
  --warning-color-900: #7A2E0E;
  --warning-color-950: #4E1D09;
  --success-color-25: #F6FEF9;
  --success-color-50: #ECFDF3;
  --success-color-100: #DCFAE6;
  --success-color-200: #ABEFC6;
  --success-color-300: #75E0A7;
  --success-color-400: #47CD89;
  --success-color-500: #17B26A;
  --success-color-600: #079455;
  --success-color-700: #067647;
  --success-color-800: #085D3A;
  --success-color-900: #074D31;
  --success-color-950: #053321;
  --gray-color-25: #FCFCFD;
  --gray-color-50: #F9FAFB;
  --gray-color-100: #F2F4F7;
  --gray-color-200: #EAECF0;
  --gray-color-300: #D0D5DD;
  --gray-color-400: #98A2B3;
  --gray-color-500: #667085;
  --gray-color-600: #475467;
  --gray-color-700: #344054;
  --gray-color-800: #1D2939;
  --gray-color-900: #101828;
  --gray-color-950: #0C111D;
  --tomato-color-25: #FFEDE9;
  --tomato-color-50: #FEE0DB;
  --tomato-color-100: #FDCBC2;
  --tomato-color-200: #FCB1A3;
  --tomato-color-300: #FC9885;
  --tomato-color-400: #FB7E67;
  --tomato-color-500: #FA654B;
  --tomato-color-600: #D1543F;
  --tomato-color-700: #A74431;
  --tomato-color-800: #7D3225;
  --tomato-color-900: #532119;
  --tomato-color-950: #32140F;
  --winter-wizard-color-25: #F1F9FF;
  --winter-wizard-color-50: #ECF7FF;
  --winter-wizard-color-100: #DFF2FE;
  --winter-wizard-color-200: #CFEBFE;
  --winter-wizard-color-300: #C0E4FE;
  --winter-wizard-color-400: #B0DEFD;
  --winter-wizard-color-500: #A0D7FD;
  --winter-wizard-color-600: #85B3D3;
  --winter-wizard-color-700: #6B8FA9;
  --winter-wizard-color-800: #506B7E;
  --winter-wizard-color-900: #354854;
  --winter-wizard-color-950: #202B33;
  --powder-blue-color-25: #FAFFFD;
  --powder-blue-color-50: #F1FBF8;
  --powder-blue-color-100: #E8F9F4;
  --powder-blue-color-200: #DDF5EE;
  --powder-blue-color-300: #D2F2E8;
  --powder-blue-color-400: #C6EFE3;
  --powder-blue-color-500: #BBECDD;
  --powder-blue-color-600: #9CC5B8;
  --powder-blue-color-700: #7D9D93;
  --powder-blue-color-800: #5D766E;
  --powder-blue-color-900: #3E4F4A;
  --powder-blue-color-950: #252F2C;
  --pale-lavender-color-25: #FBF9FF;
  --pale-lavender-color-50: #F8F3FF;
  --pale-lavender-color-100: #F3EBFE;
  --pale-lavender-color-200: #EDE1FE;
  --pale-lavender-color-300: #E7D8FE;
  --pale-lavender-color-400: #E1CEFD;
  --pale-lavender-color-500: #DBC4FD;
  --pale-lavender-color-600: #B6A3D3;
  --pale-lavender-color-700: #9283A9;
  --pale-lavender-color-800: #6D627E;
  --pale-lavender-color-900: #494154;
  --pale-lavender-color-950: #2C2733;
  --tuula-font-family: "Onest";
  --sidebar-line-color: #262353;
  --sidebar-font-color: #fff;
  --sidebar-bg-color: #262353;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.container * {
  box-sizing: border-box;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 0) {
  .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 0) {
  .col-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 0) {
  .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 0) {
  .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 0) {
  .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 0) {
  .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 0) {
  .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 0) {
  .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 0) {
  .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 0) {
  .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 0) {
  .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 0) {
  .col-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 0) {
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-sm-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 576px) {
  .col-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 576px) {
  .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 576px) {
  .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 576px) {
  .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 576px) {
  .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 576px) {
  .col-sm-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 576px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 768px) {
  .col-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 768px) {
  .col-md-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 768px) {
  .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 768px) {
  .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 768px) {
  .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 768px) {
  .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 768px) {
  .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 768px) {
  .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 768px) {
  .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 768px) {
  .col-md-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 768px) {
  .col-md-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-lg-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 992px) {
  .col-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 992px) {
  .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 992px) {
  .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 992px) {
  .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 992px) {
  .col-lg-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 992px) {
  .col-lg-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 992px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-xl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 1200px) {
  .col-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 1200px) {
  .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1200px) {
  .col-xl-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 1200px) {
  .col-xl-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 1200px) {
  .col-xl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 1200px) {
  .col-xl-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-xxl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (max-width: 1400px) {
  .col-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 1400px) {
  .col-xxl-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1400px) {
  .col-xxl-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 1400px) {
  .col-xxl-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

@media (max-width: 1400px) {
  .col-xxl-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

@media (max-width: 1400px) {
  .col-xxl-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-xxl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1400px) {
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

:root {
  --form-title-bg-color: #f3f4f7;
  --form-title-font-color: #303030;
  --form-title-line-color: #e4e4e4;
  --card-bg-color: #f3f4f7;
  --card-line-color: #e4e4e4;
  --card-shade-bg-color: #f5f6f9;
  --card-shade-bg-color2: #f7f8fb;
  --card-shade-font-color: #272727;
  --card-shade-line-color: #e4e4e4;
  --table-header-bg-color: #fbfcfd;
  --table-header-font-color: #404040;
  --form-bg-color: #ffffff;
  --form-font-color: #606060;
  --form-line-color: #efefef;
  --form-shade-bg-color: #f9fafc;
  --form-dynamic-bg-color: #fcfcfc;
  --master-bg-color: #f9fafc;
  --master-font-color: #272727;
  --master-line-color: #eaeaea;
  --top-bg-color: #ffffff;
  --top-font-color: #272727;
  --dark-border: #767676;
  --light-border: #f7f8fb;
  --warning-border: #e03e0d;
  --navbar-collapsed-width: 77px;
  --navbar-expanded-width: 250px;
  --navbar-mobile-breakpoint: 992px;
  --form-nd-input-height:39px;
  --form-nd-label-text-color:var(--gray-color-700);
  --form-nd-label-font-size:14px;
  --form-nd-label-font-weight:500;
  --form-nd-label-line-height:20px;
  --form-nd-inner-text-color:var(--gray-color-700);
  --form-nd-inner-text-font-size:14px;
  --form-nd-inner-text-font-weight:400;
  --form-nd-inner-text-line-height:20px;
  --form-nd-error-font-size:14px;
  --form-nd-error-font-weight:400;
  --form-nd-error-line-height:20px;
  --form-nd-hint-text-color:var(--gray-color-600);
  --form-nd-hint-font-size:14px;
  --form-nd-hint-font-weight:400;
  --form-nd-hint-line-height:20px;
}

body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--tuula-font-family);
}

.toast-title {
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
}

.toast-message {
  word-wrap: break-word;
  font-size: 14px;
  padding-left: 5px;
}

*::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

*::-webkit-scrollbar-track {
  background-color: var(--white);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--gray-color-300);
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-color-400);
}

.c4p-color-container {
  color: var(--master-font-color) !important;
}

.c4p-flex {
  display: flex;
}

.c4p-content {
  padding-top: 10px;
}

.c4p-content-menu {
  float: right;
}

.c4p-tab-content {
  overflow-y: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  height: calc(100% - 95px);
}

.c4p-tab-menu {
  position: absolute;
  float: right;
  overflow: hidden;
  right: 30px;
  top: -40px;
  z-index: 10;
}

.c4p-horizontal-divider {
  padding: 10px;
}

.c4p-vertical-divider {
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
}

.c4p-underline {
  border: solid;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-color: var(--master-line-color);
  width: 100%;
  display: block;
}

.c4p-form {
  background-color: var(--form-title-bg-color);
  color: var(--primary-color-700);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  margin: 5px 0px 5px 0px;
  box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.4);
}

app-panel.white-background > div.c4p-form {
  background-color: white !important;
}

.c4p-popup-form, .c4p-popup-form-share-and-sign, .c4p-popup-form-small, .c4p-popup-form-medium, .c4p-popup-form-large {
  background-color: var(--form-title-bg-color);
  color: var(--primary-color-700);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  margin: 0px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  max-height: 90vh;
  max-width: 95vw;
}

.side-sheet-form {
  background-color: var(--form-title-bg-color);
  color: var(--primary-color-700);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: Ubuntu;
  margin: 0px;
  overflow-y: auto;
  max-height: 90vh;
  max-width: 95vw;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100vh;
}

.cdk-overlay-pane .invoice-detail {
  max-height: 90vh;
  overflow: scroll;
}

.c4p-popup-form-large {
  max-height: 90vh;
  max-width: 220vh;
  min-width: 180vh;
}

.c4p-popup-form-medium {
  max-width: 110vh;
  max-height: 90vh;
}

.c4p-popup-form-small {
  max-width: 80vh;
  max-height: 90vh;
}

.c4p-popup-form-share-and-sign {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}

.c4p-form-title {
  border-bottom: 1px solid var(--gray-color-200);
  background-color: var(--white);
  height: 30px;
  position: relative;
  padding: 8px 0px 8px 0px;
}

.c4p-form-row {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-bg-color);
  align-items: center;
}

.c4p-form-row-borderless {
  height: 100%;
  border: none;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-bg-color);
  align-items: center;
}

.c4p-form-row-no-height {
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-bg-color);
  align-items: center;
}

.checklist-form-row {
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-bg-color);
  align-items: center;
}

.form-row {
  flex-direction: row;
  display: flex;
  align-items: center;
}

.c4p-dynamic-form-row {
  border: solid;
  border-color: var(--light-border);
  border-width: 4px 4px 4px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-bg-color);
  align-items: center;
}

.c4p-dynamic-form-row-group {
  border: solid;
  border-color: var(--light-border);
  border-width: 4px 4px 4px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--form-dynamic-bg-color);
  align-items: center;
}

.c4p-form-row-center {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: var(--form-bg-color);
  align-items: center;
}

.c4p-form-row-right {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: var(--form-bg-color);
  align-items: center;
  padding-right: 15px;
}

.c4p-form-row-center-borderless {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: var(--form-bg-color);
  align-items: center;
}

.c4p-form-input {
  min-height: 75px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  max-width: 200px;
  min-width: 200px;
  display: flex;
  align-items: center;
}

.c4p-form-input-small {
  min-height: 35px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  max-width: 200px;
  min-width: 200px;
  display: flex;
  align-items: center;
}

.c4p-form-input-nowidth {
  height: 30px;
  margin-left: 8px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.c4p-form-input-small-nowidth {
  height: auto;
  margin-left: 8px;
  vertical-align: middle;
  display: flex;
  align-items: flex-end;
}

.c4p-form-box {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  background-color: grey;
  border-radius: 4px;
  color: white;
  justify-content: center;
}

.c4p-form-box-red {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  background-color: red;
  border-radius: 4px;
  color: white;
  justify-content: center;
}

.c4p-form-input-big {
  min-height: 100px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  max-width: 200px;
  min-width: 200px;
  display: flex;
  align-items: center;
}

.c4p-form-input-full-width {
  min-height: 75px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.c4p-form-input-full-width-no-height {
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  color: var(--form-font-color);
}

.c4p-dynamic-form-input-small {
  min-height: 35px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.c4p-dynamic-form-input-normal {
  min-height: 35px;
  margin-left: 20px;
  margin-right: 10px;
  vertical-align: middle;
  max-width: 200px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c4p-form-label {
  font-family: var(--tuula-font-family);
  font-size: 12px;
  color: var(--form-font-color);
}

.c4p-form-text-area {
  height: 100%;
  width: 100% !important;
  background-color: var(--form-bg-color) !important;
  color: var(--form-font-color) !important;
  border: solid !important;
  border-width: 0px 0px 1px 0px !important;
  border-radius: 4px;
  border-color: var(--form-line-color) !important;
}

.c4p-form-text-area-gate-keeper {
  height: 100%;
  width: 100% !important;
  background-color: var(--form-shade-bg-color) !important;
  color: var(--form-font-color) !important;
  border: solid !important;
  border-width: 1px !important;
  border-color: var(--form-line-color) !important;
}

.c4p-align-left {
  display: flex;
  align-items: center;
}

.c4p-align-right {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}

.c4p-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  word-wrap: normal;
}

.c4p-form-questionset-stepper {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: inline;
  background: none;
  align-items: top;
}
.c4p-form-questionset-stepper .mat-step-header .mat-step-icon-selected {
  background-color: var(--primary-color-500);
}

.c4p-question-set-input-scale {
  --mdc-slider-handle-color: var(--primary-color-600);
  --mdc-slider-focus-handle-color: var(--primary-color-600);
  --mdc-slider-hover-handle-color: var(--primary-color-600);
  --mdc-slider-active-track-color: var(--primary-color-600);
  --mdc-slider-label-container-color: var(--primary-color-600);
  --mat-slider-value-indicator-width: 15px !important;
  --mat-slider-value-indicator-height: 15px !important;
  --mat-slider-value-indicator-padding: 2px !important;
  --mat-slider-value-indicator-opacity: 0.5;
  --mat-slider-ripple-color: rgba(255,255,255,0.5) !important;
}

.c4p-form-comment-footer {
  padding: 5px 10px 0px 0px;
  justify-content: center !important;
  text-align: right;
  background-color: var(--card-shade-bg-color);
}

.c4p-form-comment-confirmation {
  justify-content: center !important;
  text-align: right;
  margin-top: 10px;
}

.c4p-form-comment-panel {
  background-color: var(--form-bg-color);
  color: var(--form-font-color);
  border-width: 1px;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
}

.c4p-form-comment-heading {
  background-color: var(--form-bg-color);
  color: var(--form-font-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.4);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.c4p-form-comments-container-right {
  justify-content: left !important;
  text-align: left;
  border: solid;
  border-width: 1px 0px 1px 0px;
  border-color: var(--card-shade-line-color);
  background-color: transparent;
  padding: 16px 8px;
  word-break: break-all;
  width: calc(100% - 140px);
}

.c4p-form-comments-container {
  overflow-y: scroll;
  height: calc(80vh - 200px);
}

.c4p-form-comments {
  background-color: var(--form-bg-color);
  color: var(--form-font-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.4);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.mat-divider {
  border-top-color: var(--primary-color-500);
}

.c4p-form-questionset {
  height: 100%;
  border: solid;
  border-color: var(--light-border);
  border-width: 0px 0px 1px 0px;
  display: flex;
  background: none;
}

.c4p-form-questions {
  background-color: var(--form-bg-color);
  color: var(--form-font-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.4);
}

.c4p-form-questions-tab {
  background-color: var(--form-bg-color);
  color: var(--form-font-color);
  border-width: 1px;
  border-color: var(--form-bg-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.4);
  width: 100%;
  overflow: hidden;
  min-height: 30vh;
}

.c4p-headerless-tabgroup .mat-mdc-tab-header {
  display: none !important;
}

.c4p-question-label {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  margin-right: 8px;
  color: var(--primary-color-700);
}

.c4p-form-row-questions-no-border {
  height: 100%;
  border-width: 0px 0px 0px 0px;
  align-items: center;
}

.c4p-form-row-questions {
  height: 100%;
  border: solid;
  border-color: var(--form-title-bg-color);
  border-width: 0px 0px 0px 10px;
  background-color: var(--form-bg-color);
  align-items: center;
  margin: 8px 4px;
  padding: 1px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}

.c4p-form-row-questions:first-child {
  word-break: break-all;
}

.c4p-form-questions-title {
  border: solid;
  border-color: var(--form-title-line-color);
  border-width: 0px 0px 1px 0px;
  height: 45px;
  position: relative;
  padding: 0px 20px 0px 5px;
  display: flex;
  flex-wrap: nowrap;
  background-color: var(--form-title-bg-color);
  color: var(--primary-color-700);
  font-size: 13px;
  align-items: center;
}

.c4p-form-question-answers-container {
  overflow-y: scroll;
  max-height: 550px;
  height: auto;
  min-height: 30vh;
}

.c4p-form-questionset mat-table {
  max-height: 550px;
  overflow-y: auto;
}

.c4p-form-question-answers {
  margin: 20px 0px;
}

.c4p-question-set-input {
  min-height: 35px;
  vertical-align: middle;
  width: 100%;
  display: flex;
  align-items: center;
  opacity: 0.9;
}

.c4p-question-set-input-small {
  vertical-align: middle;
  min-width: 100%;
  display: flex;
  align-items: center;
  border: solid;
  border-width: 0px 0px 1px 0px;
  border-color: var(--form-dynamic-bg-color);
  text-shadow: 0 0 black;
  padding: 4px 0px;
}

.c4p-question-set-input-big {
  min-height: 100px;
  vertical-align: middle;
  width: 100%;
  display: flex;
  align-items: center;
}

.c4p-hint-icons {
  font-size: 15px;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-hint-icons:hover {
  opacity: 1;
  color: var(--primary-color-500);
}

.c4p-mismatch-answer-row {
  align-items: baseline;
  padding: 0 16px;
  border-bottom: none;
}

.c4p-action-icons {
  font-size: 16px;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-action-icons-external {
  font-size: 18px;
  opacity: 0.9;
  flex-direction: row !important;
  align-items: baseline !important;
}

.c4p-action-icons:hover {
  opacity: 1;
  color: var(--primary-color-500);
}

.c4p-action-badge {
  font-size: 20px;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-action-badge:hover {
  opacity: 1;
  color: var(--primary-color-500);
}

.mat-badge-content {
  font-size: 10px !important;
  width: auto !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 4px !important;
  white-space: nowrap;
}

.c4p-action-menu-icon {
  font-size: 16px;
  margin-top: 6px;
  margin-right: 0px !important;
  cursor: pointer;
  color: var(--white) !important;
}

.c4p-top-icons {
  font-size: 20px;
  padding-top: 8px;
  cursor: pointer;
  color: var(--top-font-color);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-top-icons:hover {
  color: var(--primary-color-500);
}

.c4p-back-icons {
  background-color: var(--primary-color-500);
  color: var(--white);
  border-style: solid;
  border-color: var(--primary-color-800);
  border-width: 1px;
  border-radius: 3px;
  padding-top: 0px;
  margin-top: 8px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-right: 8px;
}

.c4p-back-icons:hover {
  background-color: var(--primary-color-800);
}

.c4p-input-undo-icon {
  font-size: 13px !important;
  position: absolute;
  top: -10px;
  right: 2px;
  z-index: 1;
  opacity: 0.2;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-input-undo-icon:hover {
  opacity: 1;
  color: var(--primary-color-500);
}

.mat-mdc-select-panel {
  background-color: var(--form-bg-color) !important;
  color: var(--form-font-color);
  border-color: var(--dark-border);
  border-radius: 4px;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
.mat-mdc-select-value {
  color: var(--form-font-color);
}

.mat-mdc-select {
  font-size: 12px !important;
  font-family: var(--tuula-font-family) !important;
  color: var(--form-font-color);
}

.mat-mdc-option {
  font-size: 12px !important;
  color: var(--form-font-color);
  padding-bottom: 3px !important;
  padding-top: 3px !important;
  line-height: 16px !important;
  min-height: 32px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/
.mat-primary .mat-mdc-option.mat-selected:not(.mat-option-disabled) {
  color: var(--form-font-color) !important;
  font-family: var(--tuula-font-family);
}

.mat-mdc-select-panel .mat-mdc-option.mat-selected:not(.mat-mdc-option-multiple) {
  background-color: var(--primary-color-500) !important;
  color: var(--white) !important;
}

.mat-mdc-option.mdc-list-item {
  justify-content: center;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--primary-color-500) !important;
  color: var(--white) !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-pseudo-checkbox {
  display: none !important;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
  color: var(--white) !important;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--form-font-color) !important;
}

.mat-mdc-option.mdc-list-item:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--form-font-color) !important;
}

.mat-select-search-input {
  background-color: #fff !important;
}

.mat-select-search-inner .mat-divider {
  border-top-color: var(--form-line-color);
}

.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--primary-color-600) !important;
  --mdc-switch-selected-handle-color: var(--white) !important;
  --mdc-switch-selected-hover-state-layer-color: var(--primary-color-600) !important;
  --mdc-switch-selected-pressed-state-layer-color: var(--primary-color-600) !important;
  --mdc-switch-selected-handle-color: var(--white) !important;
  --mdc-switch-selected-focus-handle-color: var(--white) !important;
  --mdc-switch-selected-hover-handle-color: var(--white) !important;
  --mdc-switch-selected-pressed-handle-color: var(--white) !important;
  --mdc-switch-unselected-handle-color: var(--white) !important;
  --mdc-switch-unselected-focus-handle-color: var(--white) !important;
  --mdc-switch-unselected-hover-handle-color: var(--white) !important;
  --mdc-switch-unselected-pressed-handle-color: var(--white) !important;
  --mdc-switch-selected-focus-track-color: var(--primary-color-600) !important;
  --mdc-switch-selected-hover-track-color: var(--primary-color-600) !important;
  --mdc-switch-selected-pressed-track-color: var(--primary-color-600) !important;
  --mdc-switch-selected-track-color: var(--primary-color-600) !important;
  --mdc-switch-unselected-focus-track-color: var(--gray-color-100) !important;
  --mdc-switch-unselected-hover-track-color: var(--gray-color-100)!important;
  --mdc-switch-unselected-pressed-track-color: var(--gray-color-100) !important;
  --mdc-switch-unselected-track-color: var(--gray-color-100) !important;
  --mdc-switch-selected-icon-color: var(--white) !important; /*tick color*/
  --mdc-switch-unselected-icon-color: var(--gray-color-100) !important; /*minus color*/
  --mat-switch-track-outline-color: var(--gray-color-300) !important;
  --mat-switch-disabled-unselected-track-outline-color: var(--gray-color-200) !important;
  --mat-switch-label-text-color: var(--gray-color-900) !important;
  --mdc-switch-track-width: 40px;
  --mdc-switch-track-height: 24px;
  --mdc-switch-track-shape: 9999px;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mdc-switch-state-layer-size: 24px;
}

mat-expansion-panel {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--tuula-font-family);
}

.mat-expansion-panel-body {
  padding: 0 0px 0px !important;
  font-family: var(--tuula-font-family);
  background: linear-gradient(to right, var(--primary-color-500), var(--primary-color-500)) !important;
}

.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 0px !important;
}

.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 24px !important;
}

.mat-expansion-panel-header.mat-expanded {
  background: linear-gradient(to right, var(--primary-color-500), var(--primary-color-500)) !important;
}

.mat-mdc-radio-button .mdc-label {
  font-family: var(--tuula-font-family) !important;
  font-size: 12px !important;
  color: var(--form-font-color) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/
.mat-radio-outer-circle {
  height: 14px !important;
  width: 14px !important;
  top: 3px !important;
  left: 3px !important;
  border-width: 1px !important;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--sidebar-bg-color);
  --mdc-radio-selected-hover-icon-color: var(--sidebar-bg-color);
  --mdc-radio-selected-icon-color: var(--sidebar-bg-color);
  --mdc-radio-selected-pressed-icon-color: var(--sidebar-bg-color);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--sidebar-bg-color);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/
.mat-radio-container {
  width: 15px !important;
}

.mat-mdc-form-field {
  width: 100% !important;
}

.mat-mdc-form-field-infix {
  padding-bottom: 0px !important;
  min-height: 46px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  padding-right: 0;
  padding-left: 0;
}

.mat-mdc-floating-label {
  line-height: 1.15rem !important;
}

.mat-mdc-input-element {
  font-family: var(--tuula-font-family) !important;
  font-size: 12px !important;
  color: var(--form-font-color) !important;
}

.mat-mdc-input-element:disabled {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.8) !important;
  -webkit-opacity: 0.8 !important;
  opacity: 0.8 !important;
}

input.mat-mdc-input-element {
  color: var(--form-font-color);
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  font-family: var(--tuula-font-family);
  font-size: 12px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
input::placeholder,
.mat-mdc-form-field-text-suffix,
.mat-mdc-form-field-text-prefix,
.mat-mdc-floating-label {
  color: var(--form-font-color) !important;
  font-size: 12px !important;
  opacity: 0.6;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-form-field-appearance-fill .mdc-line-ripple {
  background-color: var(--form-line-color);
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field.mat-focused .mdc-line-ripple {
  background-color: var(--form-line-color);
}

.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: 1px !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--form-line-color) !important;
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--warning-border) !important;
}

.mdc-line-ripple--activate {
  background-color: var(--form-line-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::after {
  border: 1px solid;
  border-style: dotted;
  border-color: var(--form-line-color) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-form-field-appearance-fill .mat-mdc-floating-label {
  top: 20px;
  font-size: 12px !important;
}

.mat-mdc-form-field-error {
  color: var(--warning-border) !important;
}

.mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}

.mat-error-custom {
  color: var(--warning-border) !important;
  font-size: 75%;
  position: absolute;
  margin-top: 45px;
}

.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-mdc-floating-label .mat-form-field-required-marker {
  color: unset;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-focused .mat-form-field-required-marker {
  color: unset;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.mat-datepicker-toggle,
.mat-mdc-select-arrow,
.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: var(--gray-color-700);
  opacity: 0.65;
}

mat-datepicker-toggle .mat-mdc-icon-button svg {
  width: 12px !important;
  height: 12px !important;
  color: #8c8d8d;
  position: absolute !important;
  bottom: 20% !important;
  right: 20% !important;
}

.mat-datepicker-content .mat-calendar,
.mat-datepicker-content .time-container {
  font-size: 12px !important;
  font-family: var(--tuula-font-family) !important;
  color: var(--gray-color-700);
  background-color: var(--form-bg-color);
  border-color: var(--form-line-color);
}

.mat-datepicker-actions {
  background-color: var(--form-bg-color);
}

.mat-datepicker-actions .mat-mdc-outlined-button:not(:disabled) {
  color: var(--gray-color-700);
}

.mat-calendar-body {
  font-size: 12px !important;
}

.mat-calendar-body-cell-content {
  color: var(--gray-color-700) !important;
  border-color: transparent !important;
}

.mat-calendar-body-selected {
  background-color: var(--primary-color-500) !important;
  color: var(--white) !important;
  border-color: var(--primary-color-500) !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(33, 150, 243, 0.3) !important;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38) !important;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38) !important;
}

.mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: $checkbox-disabled-checked-checkmark-color !important;
  --mdc-checkbox-selected-icon-color: $checkbox-checked-bg-color !important;
  border: none;
  padding-bottom: 6px;
  border-width: 0px 0px 1px 0px;
  opacity: 1;
}
.mat-mdc-checkbox .mdc-label {
  font-family: var(--tuula-font-family);
  font-size: 12px;
  color: var(--form-font-color);
  white-space: break-spaces;
  word-break: break-word;
}

.mat-pseudo-checkbox,
.mdc-checkbox__background,
.mdc-checkbox {
  border-width: 1px !important;
  border-radius: 4px !important;
  border-color: var(--gray-color-300) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--primary-color-50) !important;
  border-color: var(--primary-color-600) !important;
}

.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background {
  background-color: var(--gray-color-100) !important;
}

.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: var(--gray-color-100) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--primary-color-600) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--gray-color-300) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
textarea.mat-mdc-input-element {
  padding: 0;
  margin: 0;
}

.mat-button-toggle-appearance-standard .mat-pseudo-checkbox {
  width: auto !important;
  height: auto !important;
  border: none !important;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content, .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  border: none !important;
  margin: 0 !important;
}

.mat-mdc-tab {
  border: solid !important;
  border-width: 0px 0px 2px 0px !important;
  border-color: var(--primary-color-500) !important;
  opacity: 0.6 !important;
  margin: 0px 1px 0px 1px !important;
}

.mdc-tab--active {
  opacity: 1 !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--primary-color-500) !important;
}

.mat-mdc-tab-group.mat-primary .mat-ink-bar,
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  height: 4px;
}

.mat-mdc-tab-group.mat-primary .mat-ink-bar,
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary-color-500);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab-link {
  font-family: var(--tuula-font-family);
  font-size: 13px;
  font-weight: 400;
  color: var(--top-font-color);
  min-width: 0px !important;
  height: 40px !important;
  padding: 0px 8px 0px 8px !important;
  margin: 0px 1px 0px 1px !important;
  border: solid !important;
  border-width: 0px 0px 4px 0px !important;
  border-color: var(--primary-color-500) !important;
  opacity: 0.6 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mdc-tab--active {
  opacity: 1 !important;
}

.mdc-tab-indicator__content--underline {
  border: none !important;
}

.mat-mdc-tab-labels {
  display: flex;
  width: 25%;
  flex: 1 0 auto;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-labels:last-child.mat-tab-label {
  min-width: 0;
  padding: 0 12px;
  color: unset;
  opacity: unset;
  right: 0px;
}

.mat-mdc-tab-header {
  border-bottom-color: var(--master-line-color);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-body-content {
  height: auto !important;
  overflow: hidden !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab-group[mat-stretch-tabs] > .mat-mdc-tab-header .mat-tab-label {
  flex-basis: auto !important;
  flex-grow: 0 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
.mat-mdc-select-disabled .mat-mdc-select-value {
  color: var(--form-font-color);
}

.mat-mdc-progress-spinner circle,
.mat-mdc-progress-spinner circle {
  stroke: var(--primary-color-500);
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
.mat-progress-bar-background {
  fill: var(--primary-color-500);
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
.mdc-linear-progress__buffer {
  background-color: var(--primary-color-500);
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
.mat-progress-bar-fill::after {
  background-color: var(--master-line-color);
}

.c4p-progress-bar {
  background-color: var(--top-bg-color);
  height: 1px !important;
}

.c4p-column-filter {
  height: 20px;
  border: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 0px 0px 0px 4px;
  background-color: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.05);
  margin: 5px 0px;
}

.mat-mdc-icon-button:disabled {
  opacity: var(--mdc-icon-button-disabled-icon-opacity) !important;
}

.c4p-table-view-wrap {
  background-color: var(--form-title-bg-color);
  color: var(--primary-color-700) !important;
  border-width: 0px;
  border-style: solid;
  border-color: var(--form-title-line-color);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  min-width: 315px;
  /* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version.*/
}
.c4p-table-view-wrap .c4p-table-title-bar {
  display: flex;
  flex: wrap;
  flex-direction: row;
  flex-basis: auto;
  justify-content: space-between;
  border-bottom: 1px solid var(--gray-color-200);
  background-color: var(--white);
  height: 45px;
}
.c4p-table-view-wrap .mat-mdc-table {
  overflow-x: auto;
  font-family: var(--tuula-font-family) !important;
}
.c4p-table-view-wrap .mat-mdc-header-cell {
  background-color: var(--table-header-bg-color);
  color: var(--table-header-font-color);
  font-size: 12px;
  font-weight: 500;
}
.c4p-table-view-wrap .mat-mdc-cell {
  color: var(--form-font-color);
  font-family: var(--tuula-font-family);
  font-size: 12px;
  font-weight: 400;
}
.c4p-table-view-wrap .mat-sort-header {
  color: var(--table-header-font-color);
  padding-top: 5px;
}
.c4p-table-view-wrap .mat-mdc-row,
.c4p-table-view-wrap mat-header-row,
.c4p-table-view-wrap mat-footer-row {
  border-color: var(--form-line-color) !important;
}
.c4p-table-view-wrap .mat-mdc-header-row {
  min-height: 35px;
  border-color: var(--form-line-color);
  background-color: var(--table-header-bg-color);
}
.c4p-table-view-wrap .mat-mdc-row {
  background-color: var(--form-bg-color) !important;
  border-color: var(--light-border) !important;
  color: var(--form-font-color) !important;
}
.c4p-table-view-wrap .mat-mdc-row:hover {
  background-color: var(--light-border) !important;
}
.c4p-table-view-wrap .mat-mdc-row.highlighted {
  background-color: var(--form-title-bg-color) !important;
  color: var(--white) !important;
  border-left-width: 5px !important;
  border-left-color: var(--primary-color-500) !important;
  border-bottom-color: var(--form-title-line-color) !important;
}
.c4p-table-view-wrap .mat-mdc-row.highlighted-non-selection {
  background-color: var(--form-title-bg-color) !important;
  color: var(--white) !important;
  border-bottom-color: var(--form-title-line-color) !important;
}
.c4p-table-view-wrap .mdc-data-table__cell,
.c4p-table-view-wrap .mdc-data-table__header-cell,
.c4p-table-view-wrap .mdc-data-table__footer-cell {
  padding: 0;
}
.c4p-table-view-wrap .mdc-data-table__cell,
.c4p-table-view-wrap .mdc-data-table__header-cell,
.c4p-table-view-wrap .mdc-data-table__footer-cell {
  box-sizing: content-box;
}
.c4p-table-view-wrap .mat-mdc-cell:first-of-type,
.c4p-table-view-wrap .mat-mdc-header-cell:first-of-type,
.c4p-table-view-wrap .mat-mdc-footer-cell:first-of-type {
  padding-left: 24px;
}
.c4p-table-view-wrap .mat-mdc-cell:last-of-type,
.c4p-table-view-wrap .mat-mdc-header-cell:last-of-type,
.c4p-table-view-wrap .last-mdc-footer-cell:last-of-type {
  padding-right: 24px;
}
.c4p-table-view-wrap .mat-mdc-paginator {
  color: var(--primary-color-700);
  background-color: transparent;
  font-family: var(--tuula-font-family);
}
.c4p-table-view-wrap .mat-mdc-paginator-icon {
  width: 20px !important;
}
.c4p-table-view-wrap .mat-mdc-paginator-page-size-select {
  color: var(--primary-color-700) !important;
  width: 55px !important;
}
.c4p-table-view-wrap .mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px !important;
}
.c4p-table-view-wrap .mat-mdc-paginator,
.c4p-table-view-wrap .mat-mdc-paginator-page-size .mat-mdc-select-trigger,
.c4p-table-view-wrap .mat-mdc-paginator-page-size .mat-mdc-select-value,
.c4p-table-view-wrap .mat-mdc-paginator-page-size .mat-mdc-select-arrow {
  color: var(--primary-color-700) !important;
  font-size: 11px;
}
.c4p-table-view-wrap .mat-mdc-paginator-range-label {
  margin: 0px 10px 0px 10px;
}
.c4p-table-view-wrap .mat-mdc-button.mat-primary[disabled],
.c4p-table-view-wrap .mat-button.mat-accent[disabled],
.c4p-table-view-wrap .mat-button.mat-warn[disabled],
.c4p-table-view-wrap .mat-button[disabled][disabled],
.c4p-table-view-wrap .mat-mdc-icon-button.mat-primary[disabled],
.c4p-table-view-wrap .mat-icon-button.mat-accent[disabled],
.c4p-table-view-wrap .mat-icon-button.mat-warn[disabled],
.c4p-table-view-wrap .mat-icon-button[disabled][disabled],
.c4p-table-view-wrap .mat-mdc-outlined-button.mat-primary[disabled],
.c4p-table-view-wrap .mat-stroked-button.mat-accent[disabled],
.c4p-table-view-wrap .mat-stroked-button.mat-warn[disabled],
.c4p-table-view-wrap .mat-stroked-button[disabled][disabled] {
  color: var(--primary-color-700);
  font-size: 12px;
  opacity: 0.6;
}
.c4p-table-view-wrap .mat-mdc-paginator-outer-container {
  height: auto;
  align-items: center;
}
.c4p-table-view-wrap .mat-sort-header-arrow {
  color: var(--table-header-font-color);
}
.c4p-table-view-wrap .mat-sort-header-button {
  color: var(--table-header-font-color);
  font-family: var(--tuula-font-family);
}
.c4p-table-view-wrap .mat-column-menu_action {
  flex: 0 0 30px;
}
.c4p-table-view-wrap table.mat-mdc-table {
  display: table;
}

.mat-mdc-paginator-container {
  min-height: auto;
  height: auto;
}

.mat-mdc-paginator-range-actions {
  height: inherit;
}

.mat-mdc-paginator-page-size {
  align-items: center;
  height: inherit;
}

.cp4-collaboration-avatar {
  background-color: white;
  border: solid;
  border-radius: 50%;
  border-width: 1px;
  z-index: 0;
  margin-left: -10px;
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
}

.cp4-collaboration-avatar:hover {
  z-index: 10;
  cursor: pointer;
}

.cp4-collaboration-avatar-active {
  border-color: var(--top-bg-color);
}

.cp4-collaboration-avatar-inactive {
  border-color: var(--top-bg-color);
}

.c4p-menu {
  background-color: var(--primary-color-500) !important;
  border: solid;
  border-radius: 4px !important;
  border-width: 1px;
  border-color: var(--dark-border);
}

.c4p-menu-item {
  border-color: var(--primary-color-500) !important;
  border: solid !important;
  border-width: 0px 0px 1px 0px !important;
}

.c4p-menu-item[disabled=true] > span.c4p-menu-title,
div.disabled-inline-action {
  opacity: 0.5;
  pointer-events: none;
}

.c4p-menu-title {
  font-size: 12px;
  font-weight: 400;
  color: var(--white);
}

.mat-mdc-menu-item {
  border-color: var(--primary-color-500) !important;
  color: var(--white);
  font-family: var(--tuula-font-family);
  padding: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-bottom: solid 1px var(--primary-color-400) !important;
}

.mat-mdc-menu-item .mat-icon-no-color {
  color: var(--white);
}

.mat-icon {
  outline: none;
  height: 24px !important;
  width: 24px !important;
}

.mat-mdc-menu-content {
  padding: 0px !important;
}

.mat-mdc-menu-panel {
  min-height: 0px !important;
}

.lang-menu {
  margin-top: 5px !important;
}

.c4p-status-icon {
  font-size: 12px;
  font-weight: 500;
  min-width: 60px;
  text-align: center;
  padding: 4px 8px;
  mix-blend-mode: multiply;
  border-radius: 16px;
  background-color: var(--primary-color-500);
  color: var(--white);
}

.c4p-status-icon-final, .c4p-status-icon-done,
.c4p-status-icon-confirmed, .c4p-status-icon-processed, .c4p-status-icon-signed,
.c4p-status-icon-open, .c4p-status-icon-completed, .c4p-status-icon-invoiced,
.c4p-status-icon-concept_invoice, .c4p-status-icon-approved,
.c4p-status-icon-unchanged, .c4p-status-icon-ready, .c4p-status-icon-accepted {
  background-color: var(--success-color-50);
  color: var(--success-color-700);
  border: 1px solid var(--success-color-200);
}

.c4p-status-icon-active, .c4p-status-icon-proposed, .c4p-status-icon-partially_accepted,
.c4p-status-icon-assigned, .c4p-status-icon-archived {
  background-color: var(--winter-wizard-color-50);
  color: var(--winter-wizard-color-700);
  border: 1px solid var(--winter-wizard-color-200);
}

.c4p-status-icon-declined, .c4p-status-icon-processing {
  background-color: var(--tomato-color-50);
  color: var(--tomato-color-700);
  border: 1px solid var(--tomato-color-200);
}

.c4p-status-icon-inactive {
  background-color: var(--gray-color-50);
  color: var(--gray-color-700);
  border: 1px solid var(--gray-color-200);
}

.c4p-status-icon-draft, .c4p-status-icon-pending, .c4p-status-icon-zpm-draft,
.c4p-status-icon-deleted, .c4p-status-icon-rejected {
  background-color: var(--warning-color-50);
  color: var(--warning-color-700);
  border: 1px solid var(--warning-color-200);
}

.c4p-status-icon-closed, .c4p-status-icon-dropped_out, .c4p-status-icon-failed,
.c4p-status-icon-locked, .c4p-status-icon-invalid, .c4p-status-icon-titlechanged,
.c4p-status-icon-typechanged, .c4p-status-icon-error {
  background-color: var(--error-color-50);
  color: var(--error-color-700);
  border: 1px solid var(--error-color-200);
}

.mat-badge-warn {
  --mat-badge-background-color: var(--error-color-100);
  --mat-badge-text-color: var(--error-color-700);
}

.c4p-status-icon-unknown, .c4p-status-icon-cancelled, .c4p-status-icon-submitted,
.c4p-status-icon-correction {
  background-color: var(--pale-lavender-color-50);
  color: var(--pale-lavender-color-700);
  border: 1px solid var(--pale-lavender-color-200);
}

.c4p-progress-back {
  background: solid;
  background-color: var(--error-color-50);
  margin-right: 2px;
  border: 1px solid var(--error-color-200);
  color: var(--error-color-700);
  border-radius: 2px;
  text-align: center !important;
  vertical-align: middle;
  width: 75px;
  height: 22px;
  position: relative;
}

.c4p-progress-front {
  background: solid;
  background-color: var(--success-color-200);
  border: 1px solid var(--success-color-200);
  color: var(--success-color-700);
  border-radius: 2px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.c4p-indicator-icon {
  padding-top: 8px;
  font-size: 16px;
}

.c4p-indicator-icon-true {
  color: #0eaf26;
}

.c4p-indicator-icon-false {
  color: #db820f;
}

.c4p-unread-application-indicator-icon {
  color: #df7513;
}

.mat-mdc-tooltip {
  color: white;
  background-color: #5c5c5c;
  font-size: 9px;
  font-family: var(--tuula-font-family);
}

.c4p-search {
  display: inline-flex;
  text-align: left;
  max-width: 150px;
  font-size: 12px;
  background-color: var(--form-bg-color);
  color: var(--master-font-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--form-title-line-color);
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 130px;
}

.c4p-search-icon {
  font-size: 18px;
  margin-top: 6px;
  margin-left: 4px;
  cursor: pointer;
  color: var(--form-font-color);
}

.c4p-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  flex-basis: auto;
  background-color: var(--form-bg-color);
}

.c4p-grid-item {
  min-width: 280px;
  margin: 8px 4px 8px 0px;
  border: solid;
  border-width: 1px 1px 1px 1px !important;
  border-color: var(--form-bg-color);
}

.c4p-grid-note {
  width: 265px;
  margin: 8px 4px 8px 0px;
  border: solid;
  border-width: 1px 1px 1px 1px !important;
  border-color: var(--form-bg-color);
}

.c4p-panel-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  flex-basis: auto;
  background-color: var(--form-bg-color);
}

.c4p-panel-grid-item {
  min-width: 320px;
  flex-grow: 1;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-around;
}

.c4p-card-view {
  border-radius: 4px !important;
  border-width: 1px 1px 1px 1px !important;
  border: solid;
  border-color: var(--card-line-color);
  background-color: var(--card-shade-bg-color2);
  font-family: var(--tuula-font-family);
  font-size: 12px;
  margin: 4px;
  padding: 0px !important;
  box-shadow: 0px 0px 0px rgba(60, 60, 60, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-card-view:hover {
  box-shadow: 0px 0px 6px rgba(60, 60, 60, 0.3) !important;
}

.c4p-card-view-left {
  justify-content: center !important;
  text-align: center;
  border: solid;
  border-width: 1px 1px 1px 0px;
  border-color: var(--card-shade-line-color);
  background-color: var(--card-bg-color);
  width: 110px;
  padding: 8px;
}

.c4p-card-view-title {
  color: var(--primary-color-700);
  height: 8px;
}

.c4p-card-view-right {
  justify-content: left !important;
  text-align: left;
  border: solid;
  border-width: 1px 0px 1px 0px;
  border-color: var(--card-shade-line-color);
  background-color: var(--card-shade-bg-color);
  width: 160px;
  padding: 16px 8px;
}

.c4p-card-view-label {
  margin: 8px 0px 4px 0px;
}

.c4p-card-view-value {
  margin: 4px 0px 12px 0px;
}

.c4p-card-view-title {
  margin: 0px 5px;
  justify-content: space-between;
}

.notes-title {
  font-weight: bolder !important;
  height: 15px;
}

.c4p-card-view-value-list {
  margin: 6px 0px 12px 0px;
}

.c4p-card-view-list-item {
  padding: 2px 1px 2px 1px;
  margin: 0px 2px;
  border-radius: 4px;
  border-width: 1px;
  border-color: var(--card-shade-line-color);
  color: var(--form-font-color);
  text-align: center;
  font-size: 12px;
  height: auto;
}

.c4p-card-view-list-item:hover {
  background-color: var(--primary-color-500);
  color: var(--white);
  cursor: pointer;
}

.c4p-card-view-list-item-popup {
  padding: 2px 1px 2px 1px;
  margin: 0px 2px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  border: solid;
  border-width: 1px;
  border-color: var(--card-shade-line-color);
  color: var(--form-font-color);
  background-color: var(--form-bg-color);
  text-align: center;
  font-size: 12px;
  height: 13px;
}

.c4p-card-view-list-item-popup:hover {
  background-color: var(--primary-color-500);
  color: var(--white);
  cursor: pointer;
}

.c4p-card-view-header {
  padding: 15px;
  justify-content: center !important;
  text-align: center;
}

.c4p-note-view-header {
  padding: 10px 0 10px 5px;
  align-items: center !important;
}

.c4p-card-view-notification {
  text-align: right;
}

.c4p-card-view-content {
  border: solid;
  border-width: 1px 0px 1px 0px;
  border-color: var(--card-shade-line-color);
  background-color: var(--card-shade-bg-color);
  color: var(--card-shade-font-color);
  padding: 5px;
  height: 152px;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.c4p-card-view-footer {
  padding: 10px 0px 0px 0px;
  justify-content: center !important;
  text-align: center;
  background-color: var(--card-shade-bg-color);
}

.c4p-card-notes-footer {
  padding: 5px 10px 0px 5px;
  background-color: var(--card-shade-bg-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c4p-card-view-img-circle {
  height: 96px;
  border-radius: 50%;
}

.c4p-avatar-small {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: white;
}

.c4p-avatar {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: white;
}

.c4p-avatar-input {
  display: flex;
}

.c4p-avatar-input-edit {
  display: flex;
}

.c4p-avatar-input-edit:hover {
  cursor: pointer;
}

.c4p-collaboration-detail-card {
  border-radius: 4px !important;
  border-width: 1px;
  border-color: var(--card-shade-line-color) !important;
  background-color: white !important;
  padding: 10px 15px;
}

.c4p-dimmed {
  opacity: 0.6;
}

.c4p-dimmed .avatar-content {
  opacity: 0.5 !important;
}

.c4p-font-bold {
  font-weight: 600 !important;
}

.c4p-font-xlarge {
  font-family: var(--tuula-font-family);
  font-size: 18px;
  font-weight: 400;
}

.c4p-font-large {
  font-family: var(--tuula-font-family);
  font-size: 14px;
  font-weight: 400;
}

.c4p-font-medium {
  font-family: var(--tuula-font-family);
  font-size: 13px;
  font-weight: 400;
}

.c4p-font-normal {
  font-family: var(--tuula-font-family);
  font-size: 12px;
  font-weight: 400;
}

.c4p-font-small {
  font-family: var(--tuula-font-family);
  font-size: 11px;
  font-weight: 400;
}

.mat-mdc-list-base {
  padding-top: 8px;
  display: block;
  -webkit-tap-highlight-color: transparent;
  word-break: break-word;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
.mat-mdc-list-option:not(.mat-mdc-list-item-disabled) {
  cursor: pointer;
  outline: none;
  margin: 4px 6px 6px 5px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  width: 290px;
  padding: 5px 0px;
  background-color: white;
}

.mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-icon,
.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
  box-sizing: content-box;
  border-radius: 50%;
  opacity: 0.5;
  padding: 4px;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
.mat-mdc-list-base .mat-mdc-list-option > * {
  margin: 1px;
  padding: 0;
  font-weight: normal;
  font-size: 11px !important;
  opacity: 1;
  color: var(--form-font-color) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
.mat-mdc-list-base .mat-mdc-list-option .mat-line:nth-child(n+2) {
  font-size: 12px !important;
  color: var(--primary-color-700) !important;
  font-weight: 400 !important;
}

.mat-mdc-dialog-container {
  color: var(--white);
  padding: 0px !important;
  margin: 0px !important;
  background-color: var(--master-bg-color) !important;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: var(--dark-border);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  max-width: 100%;
  overflow: visible !important;
}

.invoice-credit-replace-dialog-borderless .mat-mdc-dialog-container {
  border-style: none !important;
}

.c4p-popup {
  width: 100%;
}

.c4p-popup-title {
  background-color: var(--primary-color-500) !important;
  color: var(--white);
  font-family: var(--tuula-font-family);
  font-size: 14px;
  height: 35px;
  position: relative;
  padding-top: 20px;
  padding-left: 10px;
}

.c4p-form-input-listbox-bold {
  background-color: var(--master-bg-color) !important;
}

.c4p-popup-title-small {
  background-color: var(--primary-color-500) !important;
  color: var(--white);
  font-family: var(--tuula-font-family);
  font-size: 13px;
  height: 25px;
  position: relative;
  padding-top: 10px;
  padding-left: 10px;
}

.c4p-popup-content-top {
  display: flex;
  border-radius: 0px;
  border-width: 1px 0px 0px 0px !important;
  border: solid;
  box-shadow: none;
  border-color: var(--form-title-line-color);
  background-color: var(--form-bg-color) !important;
  color: var(--form-font-color) !important;
  font-family: var(--tuula-font-family);
  font-size: 12px;
  padding: 10px 30px 10px 20px;
}

.c4p-popup-content-down {
  display: flex;
  border-radius: 0px;
  border-width: 1px 0px 0px 0px !important;
  border: solid;
  box-shadow: none;
  border-color: var(--form-line-color);
  background-color: var(--form-shade-bg-color) !important;
  color: var(--form-font-color) !important;
  font-family: var(--tuula-font-family);
  font-size: 12px;
  padding: 10px 20px 10px 20px;
}

.c4p-popup-content-left-part {
  display: inline-block;
  width: 25px;
  vertical-align: top;
  padding-top: 3px;
}

.c4p-popup-content-right-part {
  display: inline-block;
  width: calc(100% - 25px);
  vertical-align: middle;
}

.maxh .c4p-popup-form, .maxh .c4p-popup-form-large, .maxh .c4p-popup-form-medium, .maxh .c4p-popup-form-small, .maxh .c4p-popup-form-share-and-sign {
  max-height: 92vh;
  min-width: 55vw;
}

.c4p-hidden-button {
  text-align: center;
  text-shadow: 0px 0px 3px black;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: var(--primary-color-500);
  color: white;
  cursor: pointer;
  font-size: 12px;
  transition: width 0.5s;
}

.c4p-hidden-button:empty {
  width: 0%;
}

.c4p-button-ok {
  text-align: center;
  text-shadow: 0px 0px 3px black;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: var(--primary-color-500);
  color: white;
  cursor: pointer;
  font-size: 12px;
  transition: width 0.5s;
  margin: 0px 2px 2px 2px;
  border-radius: 4px;
}

.c4p-button-ok:hover {
  background-color: var(--primary-color-400);
}

.c4p-button-ok:empty {
  width: 0%;
}

.sticky-btm-buttons {
  display: flex;
  position: sticky;
  bottom: 0px;
}

.c4p-button-cancel {
  text-align: center;
  width: 100%;
  background-color: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--primary-color-800);
  cursor: pointer;
  font-size: 12px;
  transition: width 1s;
  margin: 0px 2px 2px 2px;
  border-radius: 4px;
  border: 1px solid var(--gray-color-200);
}

.c4p-button-cancel:hover {
  background-color: var(--gray-color-300);
}

.c4p-button-delete {
  text-align: center;
  text-shadow: 0px 0px 3px black;
  width: 100%;
  background-color: #d3c314;
  padding-top: 8px;
  padding-bottom: 8px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  transition: width 1s;
  margin: 0px 2px 2px 2px;
  border-radius: 4px;
}

.c4p-button-delete:hover {
  background-color: var(--primary-color-400);
}

.c4p-button {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0px 8px 0px 8px;
  background-color: var(--primary-color-500);
  border: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
  font-size: 12px;
}

.c4p-button:hover {
  background-color: var(--primary-color-400);
}

.c4p-button-comment {
  margin: 5px 3px 5px 3px !important;
  font-size: 12px;
}

.c4p-button:hover:enabled {
  background-color: var(--primary-color-800);
}

.c4p-button-icon {
  color: #1db0e8;
}

.c4p-button[disabled] {
  opacity: 0.5;
  cursor: auto;
}

.c4p-tab {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px 1px 0px 0px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  background-color: var(--top-bg-color);
  border: solid;
  border-color: var(--primary-color-500);
  border-width: 0px 0px 4px 0px;
  border-radius: 0px;
  color: var(--primary-color-500);
  cursor: pointer;
  font-size: 13px;
}

.c4p-dimmed-tab {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px 1px 0px 0px;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--tuula-font-family);
  border: solid;
  border-width: 0px 0px 4px 0px;
  border-radius: 0px;
  border-color: var(--primary-color-500);
  outline: none;
  color: var(--top-font-color);
  cursor: pointer;
  font-size: 13px;
  opacity: 0.6;
}

.c4p-active-tab {
  opacity: 1;
}

.c4p-tab:hover,
.c4p-dimmed-tab:hover {
  opacity: 1;
}

.c4p-spinner-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.c4p-progress-center {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
}

.c4p-spinner-overlay {
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}

.c4p-breadcrumb {
  cursor: pointer;
  outline: none;
}

.c4p-breadcrumb-active {
  font-weight: 600;
  outline: none;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drop-list-dragging .mat-mdc-row:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.roles-table {
  height: 100%;
  max-height: 250px !important;
  width: 100%;
}

.checkbox-cell {
  justify-content: center;
}

.mat-mdc-cell {
  color: var(--form-font-color);
  font-family: var(--tuula-font-family);
  font-size: 12px;
  font-weight: 400;
}

.permissions-panel .mat-expansion-panel-header {
  font-size: 12px !important;
}
.permissions-panel .mat-expansion-panel-header.mat-expanded {
  font-family: var(--tuula-font-family);
  font-size: 12px !important;
  font-weight: 400;
  background: var(--table-header-bg-color) !important;
}

.c4p-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.c4p-flex-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 60;
  flex-grow: 1;
}

.c4p-change-indicator {
  font-size: 16px;
  opacity: 0.7;
  margin-left: auto;
  color: var(--button-line-color);
  animation: pulse-icon 2s infinite;
}

.cdk-overlay-pane .report-modal .cancel-button-container {
  display: flex;
}

@media (max-width: 1800px) {
  .c4p-flex-row {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
@keyframes pulse-icon {
  0% {
    transform: scale(0.99);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.99);
  }
}
.c4p-link {
  color: #00afea;
  text-decoration: none;
}

.ql-toolbar.ql-snow {
  margin-top: 10px;
  border: 1px solid #eaeaea !important;
}

.ql-editor p {
  word-break: normal;
}

.ql-snow.ql-toolbar button {
  height: 20px !important;
  width: 24px !important;
  opacity: 0.8;
}

.ql-snow .ql-picker {
  height: 20px;
}

.ql-container.ql-snow {
  border: 1px solid #eaeaea !important;
  min-height: 100px;
  height: auto;
}

.c4p-small-label {
  vertical-align: middle;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 10px;
  opacity: 0.6;
  margin: 16px 0px 0px 16px;
  background-color: var(--form-bg-color);
}

.c4p-small-title-label {
  vertical-align: middle;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  opacity: 0.6;
  margin: 16px 0px 0px 16px;
  color: black;
}

.c4p-radio-button {
  margin: 5px;
}

.c4p-radio-button-question-set {
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: 0;
}

.c4p-radio-group {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}

.phone-column {
  flex-basis: 60;
  padding-right: 3px;
}

.email-column {
  flex-basis: 40;
  padding-left: 3px;
}

.c4p-empty-table-row {
  justify-content: center;
  font-style: italic;
  font-size: 12px;
  height: 45px;
  color: var(--form-font-color);
}

.c4p-tooltip-preline {
  white-space: pre-line !important;
}

.c4p-tooltip {
  position: absolute;
  font-size: 12px;
  color: var(--form-font-color);
  width: auto;
  padding: 8px;
  border-radius: 4px;
  /* Optional: Adjust shadow */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-color: var(--card-line-color);
}

.c4p-tooltip-bg-default {
  background: var(--master-bg-color);
  color: var(--form-font-color);
}

.c4p-tooltip-bg-dark {
  background: #101828;
  color: #E3E4E5;
}

.c4p-tooltip:after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
}

.c4p-tooltip-top::after {
  border-width: 8px 8px 0 8px;
  border-color: #333 transparent transparent transparent;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.c4p-tooltip-bottom::after {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #333 transparent;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.c4p-tooltip-left::after {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #333;
  top: 50%;
  right: -8px;
  transform: translateY(-30%);
}

.c4p-tooltip-right::after {
  border-width: 8px 8px 8px 0;
  border-color: transparent #333 transparent transparent;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
}

.c4p-tooltip-show {
  opacity: 1;
}

.c4p-widget-Small {
  width: 320px;
  height: 320px;
}

.c4p-widget-Medium {
  width: 652px;
  height: 320px;
}

.c4p-widget-Large {
  width: 652px;
  height: 652px;
}

.c4p-widget-Extra {
  width: 984px;
  height: 652px;
}

.c4p-widget-Fit {
  width: 100% !important;
  height: 100%;
  min-width: 120px;
}

.c4p-widget-Full {
  width: unset;
  height: unset;
  min-width: 320px;
  min-height: 320px;
}

.c4p-widget-title {
  height: 12px;
  color: var(--primary-color-700);
  display: flex;
  position: absolute;
  justify-content: flex-end;
  border-width: 0px;
  border-color: var(--form-title-line-color);
  border-bottom-width: 1px;
  font-size: 11px;
  align-items: center;
  width: 100%;
  z-index: 100;
}

.c4p-widget-icons {
  font-size: 11px;
  width: 16px !important;
  height: unset !important;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c4p-widget-content {
  overflow-y: auto;
  overflow-x: auto;
  background-color: var(--form-title-bg-color);
  height: inherit;
}

.c4p-widget-icons:hover {
  opacity: 1;
  color: var(--primary-color-500);
}

.c4p-widget {
  display: flex;
}

.c4p-widget-view {
  justify-content: center !important;
  text-align: center;
  min-width: 110px;
  width: 100%;
  padding: 8px;
}

.c4p-widget-view-no-padding {
  justify-content: center !important;
  text-align: left;
  min-width: 110px;
  width: 100%;
}

.c4p-widget-horizontal-line {
  border: solid;
  border-width: 1px 0px 0px 0px;
  border-color: var(--form-line-color);
  height: 0px;
  margin: 6px -8px;
}

.c4p-view-label {
  margin: 6px 0px 0px 0px;
  color: var(--form-font-color);
}

.c4p-view-value {
  margin: 6px 0px 0px 0px;
  font-size: 13px;
}

.panel-icon {
  font-size: 16px;
  padding-right: 5px;
  opacity: 0.4;
}

.fc {
  display: flex;
  flex-direction: column;
  font-size: 11px !important;
}

.fc .fc-toolbar-title {
  font-size: 13px !important;
  margin: 7px !important;
  text-align: center;
}

.fc-toolbar-chunk {
  display: flex !important;
}

.fc .fc-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: var(--primary-color-500) !important;
  border: 1px solid var(--primary-color-800) !important;
  border-radius: 0.25em;
  display: inline-block;
  font-size: 12px !important;
  font-weight: 400;
  line-height: unset !important;
  padding: 3px !important;
  text-align: center;
  user-select: none;
  vertical-align: middle;
}

.fc .fc-button-primary:disabled {
  background-color: var(--primary-color-500) !important;
  border-color: var(--primary-color-800) !important;
  color: var(--white) !important;
}

.badge {
  display: inline-block;
  padding: 8px 10px;
  color: white;
  border-radius: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fc .fc-button-active {
  background-color: var(--primary-color-800) !important;
  box-shadow: unset !important;
}

.fc .fc-view-harness {
  flex-grow: 1;
  position: relative;
  background-color: white !important;
}

.fc .fc-button .fc-icon {
  font-size: 13px !important;
  vertical-align: middle;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 4px !important;
}

.c4p-form-goals-container {
  overflow-y: scroll;
  height: auto;
  min-height: 30hv;
  padding: 10px;
  background-color: var(--form-bg-color);
}

.c4p-form-goals-popup-container {
  overflow-y: scroll;
  padding: 10px;
  background-color: var(--form-bg-color);
}

.timepicker-overlay {
  z-index: 1100 !important;
}

.timepicker-backdrop-overlay {
  z-index: 1100 !important;
}

.c4p-object-list-multiple {
  font-family: var(--tuula-font-family);
  font-size: 12px;
  color: var(--winter-wizard-color-700);
  background-color: var(--winter-wizard-color-50);
  border: 1px solid var(--winter-wizard-color-200);
  border-radius: 16px;
  display: block;
  mix-blend-mode: multiply;
  padding: 4px 12px;
}

.c4p-object-list-menu {
  background-color: var(--primary-color-500) !important;
  border-radius: 4px !important;
}

.c4p-object-list-menu-item {
  background-color: var(--white) !important;
  border-width: 0 0 1px 0;
  border-color: var(--primary-color-500);
}
.c4p-object-list-menu-item span {
  font-size: 12px;
  font-weight: 400;
  color: #000;
}

.mat-column-icomSelectExternalProduct {
  flex: 0 0 15%;
}

.mat-column-icomSelectNewExternalProduct {
  flex: 0 0 15%;
}

.mat-column-icomSelectChangedExternalProduct {
  flex: 0 0 15%;
}

.mat-column-icomMissingData {
  flex: 0 0 20%;
}

.c4p-form-carefile-icom-error-flex {
  display: flex;
}

.c4p-form-carefile-icom-panel {
  max-width: 90vh;
}

@media screen and (max-width: 800px) {
  .c4p-tablet-screen {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  .c4p-mobile-screen {
    display: none;
  }
}
.c4p-object-list-panel-header {
  color: var(--form-font-color);
  opacity: 0.6;
  font-family: var(--tuula-font-family);
  font-size: 10px;
}

.ngx-material-timepicker-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  border: none;
  outline: 0;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color 0.3s;
  cursor: pointer;
  fill: var(--form-font-color);
  opacity: 0.6;
  width: 21px;
  height: 21px;
}

.c4p-row-title {
  display: inline-block;
  position: absolute;
  color: white;
  font-size: 10px;
  transform: rotate(-90deg);
  padding: 4px;
  margin-left: -24px;
  white-space: nowrap;
  width: 56px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  word-wrap: normal;
}

.c4p-row-title-containter {
  min-height: 75px;
  margin-right: -16px;
  vertical-align: middle;
  min-width: 16px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45);
  background-color: #a0a0a0;
  border-radius: 4px;
  position: relative;
  left: -18px;
  border-radius: 4px 0px 0px 4px;
}

.c4p-average-score {
  background-color: var(--primary-color-500);
  color: var(--white);
  font-family: var(--tuula-font-family);
  text-align: center;
  font-size: 24px;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.mat-mdc-list-base .mat-mdc-list-item,
.mat-mdc-list-base .mat-mdc-list-option {
  width: unset !important;
  padding: 6px 0px !important;
}

.spinner-item {
  display: grid;
  place-items: center;
  margin-top: 10px;
}

.x-large {
  width: 67vw;
}

.x-large-overflow {
  margin-top: 20px;
  width: 67vw;
  overflow: scroll;
  height: 50px !important;
}

.menuBtns .mat-mdc-menu-content {
  display: flex;
  flex-direction: column;
}

.menuBtns .mat-mdc-menu-content .c4p-button {
  margin: 0;
}

app-form-input-dropdown.internalProduct .c4p-form-input {
  align-items: flex-start !important;
}

.google-visualization-tooltip-item-list li:nth-child(1) {
  margin-bottom: -10px !important;
}

.google-visualization-tooltip-square {
  background-color: #ffffff !important;
}

.google-visualization-tooltip-square + span {
  color: #ffffff !important;
  display: none !important;
}

@media only screen and (max-width: 900px) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: none;
  }
}
@media only screen and (max-width: 1000px) {
  .c4p-popup-form, .c4p-popup-form-large, .c4p-popup-form-medium, .c4p-popup-form-small, .c4p-popup-form-share-and-sign {
    max-height: 80vh;
  }
  .c4p-form-questionset {
    display: contents;
  }
  .c4p-form-questionset .c4p-top-icons {
    display: none;
  }
  .c4p-form-questions-title {
    display: contents;
  }
  .c4p-content {
    overflow-y: hidden;
    padding-left: 0;
    padding-right: 0;
  }
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: none;
  }
  .c4p-table-view-wrap {
    min-width: 300px;
  }
  .multipleBtn .c4p-table-view-wrap .c4p-table-title-bar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    min-height: 95px;
  }
  .minh-130 .c4p-table-view-wrap .c4p-table-title-bar {
    min-height: 130px;
  }
  .multipleBtn .c4p-button {
    margin-bottom: 5px;
  }
  .multipleBtn .c4p-align-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
  }
  .multipleBtns .c4p-flex-title {
    flex-direction: column !important;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    height: 60px;
  }
  .c4p-grid {
    justify-content: center;
  }
  .w-large {
    width: 400px;
  }
  .cdk-overlay-pane .report-modal {
    max-height: 85vh;
    overflow: auto;
  }
  .cdk-overlay-pane .report-modal .cancel-button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .c4p-form-question-answers-container {
    max-height: unset;
    overflow: unset;
  }
  .c4p-form-row-right {
    justify-content: start;
  }
}
.refferal-doc .c4p-content {
  padding: 0 !important;
}

[data-tippy-root] .tippy-content {
  max-height: 150px;
  overflow-y: auto;
}

.invalid-title {
  color: #f70000;
}

quill-editor {
  word-break: keep-all;
  width: -webkit-fill-available;
}

.disabled-inline-action {
  opacity: 0.5;
  pointer-events: none;
}

@media only screen and (min-height: 960px) {
  .c4p-form-question-answers-container {
    max-height: calc(100vh - 230px);
  }
  .c4p-form-questionset mat-table {
    max-height: unset;
  }
}
.ag-theme-alpine {
  --ag-odd-row-background-color: rgba(0, 81, 255, 0.07);
}

.ag-theme-balham {
  --ag-odd-row-background-color: rgb(0, 81, 255, 0.07);
}

.ag-theme-material {
  --ag-odd-row-background-color: rgb(0, 81, 255, 0.07);
}

.cellCenter .ag-cell-wrapper {
  justify-content: center;
}

.mat-mdc-autocomplete-panel {
  background-color: var(--form-bg-color) !important;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.update-medication-button {
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}

mat-button-toggle.mat-button-toggle-checked span {
  margin-bottom: 60px;
  border-bottom: var(--primary-color-500) solid !important;
}

.empty-table {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 160px;
  margin-bottom: 160px;
}

.empty-table-on {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*carefile export*/
app-panel.bg-clr-white > div.c4p-popup-form, app-panel.bg-clr-white > div.c4p-popup-form-large, app-panel.bg-clr-white > div.c4p-popup-form-medium, app-panel.bg-clr-white > div.c4p-popup-form-small, app-panel.bg-clr-white > div.c4p-popup-form-share-and-sign {
  background-color: #fff;
}

app-panel-form-row.border-none > div.c4p-form-row {
  border: none;
}

app-panel-form-row.bottom {
  position: relative;
}

app-panel-form-row.bottom > div:before {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 15px;
  width: 90%;
  border-bottom: 1.5px dashed #a0a0a0;
}

.newdesign-label {
  margin-left: 30px;
  margin-top: 20px;
  background-color: #fff;
}

/*carefile export*/
.wide-tooltip .mdc-tooltip__surface {
  max-width: unset !important;
}

.toast-success {
  background-color: var(--success-color-100) !important;
  color: var(--primary-color-700) !important;
  background-image: url(/assets/svg/success.svg) !important;
  background-size: 35px !important;
}

.toast-error {
  background-color: var(--error-color-100) !important;
  color: var(--primary-color-700) !important;
  background-image: url(/assets/svg/error.svg) !important;
  background-size: 35px !important;
}

.toast-warning {
  background-color: var(--warning-color-100) !important;
  color: var(--primary-color-700) !important;
  background-image: url(/assets/svg/warning.svg) !important;
  background-size: 35px !important;
}

.toast-info {
  background-color: var(--winter-wizard-color-100) !important;
  color: var(--primary-color-700) !important;
  background-image: url(/assets/svg/info.svg) !important;
  background-size: 35px !important;
}

app-assessment-registration > app-page > app-page-content > div.c4p-content > app-panel > div.c4p-form {
  box-shadow: none;
}

app-budget-utilization > app-page > app-page-content > div.c4p-content > app-panel > div.c4p-form {
  box-shadow: none;
}

app-configuration-main > app-page > app-page-content > div.c4p-content {
  height: 100%;
  overflow: hidden;
}

.employee-create-container .c4p-form {
  background-color: white;
  box-shadow: none;
}

.tuula-section-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--gray-color-900);
  margin-top: 20px;
  margin-bottom: 28px;
  margin-left: 1px;
}

/*# sourceMappingURL=styles.c5c591c156eeb35b.css.map*/