/* Orion Core / Black */
/* Orion Core / White */
/* Orion / Gray */
/* Orion / Blue */
/* Orion / Indigo */
/* Orion / Purple */
/* Orion/ Pink */
/* Orion / Red */
/* Orion / Orange */
/* Orion / Yellow */
/* Orion / Green */
/* Orion / Teal */
:focus-visible {
  outline: #0078D4 auto 1px;
}

body {
  --app-background: linear-gradient(180deg, #F4F5F7 0%, #FFFFFF 100%);
  --text-primary: #383C42;
  --text-secondary: #686E7E;
  --accordion-background-base: #ffffff;
  --accordion-background-hover: #F4F5F7;
  --accordion-background-hover-small: #E6F5FF;
  --accordion-stroke-primary: #E5E7EB;
  --accordion-text-primary: #383C42;
  --accordion-text-secondary: #686E7E;
  --accordion-text-active: #0078D4;
  --accordion-text-small: #0078D4;
  --accordion-text-hover-small: #1960A6;
  --accordion-icon-primary: #686E7E;
  --accordion-icon-secondary: #0078D4;
  --accordion-icon-hover-secondary: #1960A6;
  --accounttree-background-primary: #ffffff;
  --accounttree-background-primary-hover: #F4F5F7;
  --accounttree-background-secondary: #F4F5F7;
  --accounttree-background-secondary-hover: #E5E7EB;
  --accounttree-background-active: #E6F5FF;
  --accounttree-background-active-child: #F3FBFF;
  --accounttree-stroke-primary: #E5E7EB;
  --accounttree-stroke-secondary: #E5E7EB;
  --accounttree-stroke-active: #CCE7FF;
  --accounttree-stroke-active-sidebar: #0078D4;
  --accounttree-text-primary: #383C42;
  --accounttree-text-secondary: #686E7E;
  --accounttree-text-positive: #007A5A;
  --accounttree-text-negative: #C7094D;
  --accounttree-text-household: #5145CD;
  --accounttree-text-registration: #036672;
  --accounttree-text-account: #C27803;
  --accounttree-text-active: #1960A6;
  --accounttree-icon-primary: #686E7E;
  --accounttree-icon-secondary: #8F959F;
  --accounttree-icon-active: #1960A6;
  --accounttree-icon-household: #5145CD;
  --accounttree-icon-registration: #036672;
  --accounttree-icon-account: #C27803;
  --alert-background-info: #F3FBFF;
  --alert-background-error: #FFEDED;
  --alert-background-warning: #FDFDEA;
  --alert-background-success: #F3FAF7;
  --alert-background-info-button: #CCE7FF;
  --alert-background-error-button: #FFCED0;
  --alert-background-warning-button: #FDF6B2;
  --alert-background-success-button: #BCF0DA;
  --alert-stroke-info: #7EC4F6;
  --alert-stroke-error: #F97386;
  --alert-stroke-warning: #FACA15;
  --alert-stroke-success: #84E1BC;
  --alert-text-default: #383C42;
  --alert-text-info-message: #104C8B;
  --alert-text-info-link: #104C8B;
  --alert-text-error-message: #A60048;
  --alert-text-error-link: #A60048;
  --alert-text-warning-message: #383C42;
  --alert-text-warning-link: #383C42;
  --alert-text-success-message: #036D55;
  --alert-text-success-link: #036D55;
  --alert-icon-info: #0078D4;
  --alert-icon-info-close: #104C8B;
  --alert-icon-error: #EF4268;
  --alert-icon-error-close: #A60048;
  --alert-icon-warning: #E3A008;
  --alert-icon-warning-close: #383C42;
  --alert-icon-success: #0E9F6E;
  --alert-icon-success-close: #036D55;
  --appdock-background-base: #F9FAFB;
  --appdock-background-secondary: #F4F5F7;
  --appdock-background-hover: #E5E7EB;
  --appdock-background-active: #E6F5FF;
  --appdock-background-folder: #D1D4DC;
  --appdock-background-app-active: #0078D4;
  --appdock-background-element: #ffffff;
  --appdock-stroke-primary: #D1D4DC;
  --appdock-stroke-secondary: #E5E7EB;
  --appdock-stroke-app-default: #8F959F;
  --appdock-stroke-app-hover: #686E7E;
  --appdock-stroke-app-active: #009FF9;
  --appdock-stroke-page-active: #7EC4F6;
  --appdock-text-primary: #383C42;
  --appdock-text-secondary: #494F5A;
  --appdock-text-active: #1960A6;
  --appdock-text-inactive: #686E7E;
  --appdock-icon-primary: #686E7E;
  --appdock-icon-secondary: #8F959F;
  --appdock-icon-hover: #494F5A;
  --appdock-icon-focus: #ffffff;
  --avatar-background-online: #31C48D;
  --avatar-background-offline: #D1D4DC;
  --avatar-stroke-primary: #ffffff;
  --badge-background-primary: #0078D4;
  --badge-background-secondary: #E6F5FF;
  --badge-background-tertiary: #E5E7EB;
  --badge-background-warning: #FDF6B2;
  --badge-background-error: #FFCED0;
  --badge-background-success: #DEF7EC;
  --badge-background-notification: #C7094D;
  --badge-text-primary: #ffffff;
  --badge-text-secondary: #1960A6;
  --badge-text-tertiary: #383C42;
  --badge-text-warning: #26282B;
  --badge-text-error: #A60048;
  --badge-text-success: #036D55;
  --badge-text-notification: #ffffff;
  --breadcrumbs-background-hover: #E6F5FF;
  --breadcrumbs-text-primary: #0078D4;
  --breadcrumbs-text-hover: #1960A6;
  --breadcrumbs-text-active: #686E7E;
  --breadcrumbs-icon-primary: #8F959F;
  --button-background-primary: #0078D4;
  --button-background-primary-hover: #1960A6;
  --button-background-primary-active: #104C8B;
  --button-background-secondary: #ffffff;
  --button-background-secondary-hover: #F4F5F7;
  --button-background-secondary-active: #E5E7EB;
  --button-background-destructionary: #E01E5A;
  --button-background-destructionary-hover: #C7094D;
  --button-background-destructionary-active: #A60048;
  --button-background-secondary-destructionary: rgba(0, 0, 0, 0);
  --button-background-secondary-destructionary-hover: #FFEDED;
  --button-background-secondary-destructionary-active: #FFCED0;
  --button-background-subtle-gray-hover: #E5E7EB;
  --button-background-subtle-gray-active: #D1D4DC;
  --button-background-subtle-blue-active: #CCE7FF;
  --button-background-subtle-blue-hover: #E6F5FF;
  --button-stroke-secondary: #D1D4DC;
  --button-stroke-secondary-destructionary: #F97386;
  --button-text-primary: #ffffff;
  --button-text-secondary: #494F5A;
  --button-text-destructionary: #ffffff;
  --button-text-secondary-destructionary: #C7094D;
  --button-text-secondary-destructionary-active: #A60048;
  --button-text-subtle-gray: #494F5A;
  --button-text-subtle-blue: #0078D4;
  --button-text-subtle-blue-hover-active: #1960A6;
  --button-icon-primary: #ffffff;
  --button-icon-secondary: #494F5A;
  --button-icon-destructionary: #ffffff;
  --button-icon-subtle-gray: #686E7E;
  --button-icon-subtle-gray-hover-active: #494F5A;
  --button-icon-subtle-blue: #0078D4;
  --button-icon-subtle-blue-hover-active: #1960A6;
  --buttongroup-stroke-primary: #1960A6;
  --buttongroup-stroke-secondary: #D1D4DC;
  --card-background-base: #ffffff;
  --card-text-title: #383C42;
  --card-text-link: #686E7E;
  --card-icon-primary: #686E7E;
  --checkbox-background-base: #ffffff;
  --checkbox-background-primary: #0078D4;
  --checkbox-background-disabled: #D1D4DC;
  --checkbox-background-hover-inactive: #F4F5F7;
  --checkbox-background-hover-active: #E6F5FF;
  --checkbox-stroke-primary: #D1D4DC;
  --checkbox-text-primary: #383C42;
  --checkbox-text-secondary: #686E7E;
  --checkbox-text-disabled: #8F959F;
  --checkbox-icon-primary: #ffffff;
  --colorpicker-background-base: #ffffff;
  --colorpicker-background-secondary: #F4F5F7;
  --colorpicker-background-slider: #ffffff;
  --colorpicker-stroke-primary: #E5E7EB;
  --colorpicker-stroke-picker: #ffffff;
  --colorpicker-stroke-slider: #D1D4DC;
  --datepicker-background-base: #ffffff;
  --datepicker-background-sidebar: #F9FAFB;
  --datepicker-background-disabled: #F4F5F7;
  --datepicker-background-selected: #0078D4;
  --datepicker-background-hover: #E5E7EB;
  --datepicker-background-current-hover: #E6F5FF;
  --datepicker-stroke-primary: #E5E7EB;
  --datepicker-stroke-current: #7EC4F6;
  --datepicker-text-primary: #494F5A;
  --datepicker-text-secondary: #686E7E;
  --datepicker-text-disabled: #8F959F;
  --datepicker-text-current: #0078D4;
  --datepicker-text-current-hover: #1960A6;
  --datepicker-text-selected: #ffffff;
  --datepicker-icon-primary: #686E7E;
  --editor-background-base: #ffffff;
  --editor-background-primary: #F9FAFB;
  --editor-background-hover: #E5E7EB;
  --editor-background-active: #E6F5FF;
  --editor-background-default: #686E7E;
  --editor-background-household: #6875F5;
  --editor-background-registration: #0694A2;
  --editor-background-account: #E3A008;
  --editor-background-asset: #EB6A37;
  --editor-background-transaction: #686E7E;
  --editor-background-product: #9F580A;
  --editor-background-representative: #009FF9;
  --editor-background-billing: #0E9F6E;
  --editor-stroke-primary: #E5E7EB;
  --editor-stroke-secondary: #D1D4DC;
  --editor-stroke-active: #7EC4F6;
  --editor-text-primary: #383C42;
  --editor-text-secondary: #686E7E;
  --editor-text-active: #1960A6;
  --editor-icon-primary: #ffffff;
  --editor-icon-secondary: #686E7E;
  --emptystate-background-base: #ffffff;
  --emptystate-background-gray-1: #F4F5F7;
  --emptystate-background-gray-2: #E5E7EB;
  --emptystate-background-gray-3: #D1D4DC;
  --emptystate-background-gray-4: #8F959F;
  --emptystate-text-primary: #494F5A;
  --emptystate-text-secondary: #686E7E;
  --emptystate-text-link: #0078D4;
  --emptystate-icon-link: #0078D4;
  --favicon-background-base: #ffffff;
  --favicon-background-secondary: #009FF9;
  --favicon-icon-primary: #009FF9;
  --favicon-icon-secondary: #ffffff;
  --filter-background-base: #ffffff;
  --filter-background-hover: #E6F5FF;
  --filter-stroke-primary: #E5E7EB;
  --filter-text-primary: #494F5A;
  --filter-text-secondary: #686E7E;
  --filter-text-link: #0078D4;
  --filter-icon-primary: #686E7E;
  --filter-icon-hover: #383C42;
  --grid-background-base: #ffffff;
  --grid-background-header: #F4F5F7;
  --grid-background-hover: #F4F5F7;
  --grid-background-active: #E6F5FF;
  --grid-background-selected: #CCE7FF;
  --grid-stroke-primary: #E5E7EB;
  --grid-stroke-secondary: #D1D4DC;
  --grid-stroke-active: #7EC4F6;
  --grid-stroke-selected: #0078D4;
  --grid-text-active: #0078D4;
  --grid-text-active-hover: #1960A6;
  --grid-text-primary: #494F5A;
  --grid-text-secondary: #686E7E;
  --grid-text-subtle: #8F959F;
  --grid-text-hover: #383C42;
  --grid-text-selected: #26282B;
  --grid-text-header: #494F5A;
  --grid-icon-active: #1960A6;
  --grid-icon-primary: #686E7E;
  --grid-icon-hover: #383C42;
  --grid-icon-subtle: #8F959F;
  --grid-icon-subtle-hover: #494F5A;
  --grid-icon-subtle-active: #0078D4;
  --grid-icon-success: #0E9F6E;
  --grid-icon-new: #6875F5;
  --grid-icon-error: #E01E5A;
  --grid-icon-warning: #E3A008;
  --grouping-background-base: #ffffff;
  --grouping-background-hover: #E6F5FF;
  --grouping-stroke-primary: #E5E7EB;
  --grouping-text-primary: #383C42;
  --grouping-text-secondary: #686E7E;
  --grouping-text-link: #0078D4;
  --grouping-text-hover: #1960A6;
  --grouping-icon-primary: #686E7E;
  --grouping-icon-link: #0078D4;
  --grouping-icon-hover: #383C42;
  --keyboardshortcut-stroke-primary: #8F959F;
  --keyboardshortcut-text-primary: #8F959F;
  --link-text-primary: #0078D4;
  --link-text-hover: #1960A6;
  --link-icon-primary: #0078D4;
  --link-icon-hover: #1960A6;
  --list-background-base: #ffffff;
  --list-background-hover: #F4F5F7;
  --list-background-active: #E6F5FF;
  --list-icon-primary: #686E7E;
  --list-icon-active: #1960A6;
  --list-text-primary: #383C42;
  --list-text-secondary: #686E7E;
  --list-text-subtle: #8F959F;
  --list-text-active: #1960A6;
  --list-text-hover: #494F5A;
  --loading-background-primary: #494F5A;
  --loading-background-pulse: #7EC4F6;
  --loading-text-primary: #8F959F;
  --lozenge-background-primary: #E6F5FF;
  --lozenge-background-primary-bold: #0078D4;
  --lozenge-background-primary-dot: #009FF9;
  --lozenge-background-success: #DEF7EC;
  --lozenge-background-success-bold: #007A5A;
  --lozenge-background-success-dot: #31C48D;
  --lozenge-background-success-bold-dot: #BCF0DA;
  --lozenge-background-warning: #FDF6B2;
  --lozenge-background-warning-bold: #FACA15;
  --lozenge-background-warning-bold-dot: #C27803;
  --lozenge-background-warning-dot: #E3A008;
  --lozenge-background-error: #FFCED0;
  --lozenge-background-error-bold: #C7094D;
  --lozenge-background-error-dot: #EF4268;
  --lozenge-background-new: #E5EDFF;
  --lozenge-background-new-bold: #5850EC;
  --lozenge-background-new-dot: #8DA2FB;
  --lozenge-background-default: #E5E7EB;
  --lozenge-background-default-bold: #494F5A;
  --lozenge-background-default-dot: #8F959F;
  --lozenge-text-base: #383C42;
  --lozenge-text-bold: #ffffff;
  --lozenge-text-primary: #104C8B;
  --lozenge-text-success: #036D55;
  --lozenge-text-error: #A60048;
  --lozenge-text-new: #5145CD;
  --lozenge-text-warning: #26282B;
  --lozenge-icon-base: #383C42;
  --lozenge-icon-bold: #ffffff;
  --lozenge-icon-primary: #104C8B;
  --lozenge-icon-success: #036D55;
  --lozenge-icon-error: #A60048;
  --lozenge-icon-new: #5145CD;
  --lozenge-icon-warning: #26282B;
  --menu-background-base: #ffffff;
  --menu-background-hover: #F4F5F7;
  --menu-stroke-primary: #E5E7EB;
  --menu-text-primary: #383C42;
  --menu-text-secondary: #686E7E;
  --menu-text-delete: #C7094D;
  --menu-text-active: #0078D4;
  --menu-text-hover-active: #1960A6;
  --menu-text-disabled: #8F959F;
  --menu-icon-primary: #686E7E;
  --menu-icon-secondary: #8F959F;
  --menu-icon-delete: #C7094D;
  --menu-icon-active: #0078D4;
  --menu-icon-hover-active: #1960A6;
  --menu-icon-hover-default: #494F5A;
  --modal-background-base: #ffffff;
  --modal-background-success: #DEF7EC;
  --modal-background-warning: #FDF6B2;
  --modal-background-error: #FFCED0;
  --modal-stroke-primary: #E5E7EB;
  --modal-text-primary: #383C42;
  --modal-text-secondary: #686E7E;
  --modal-icon-primary: #686E7E;
  --modal-icon-success: #007A5A;
  --modal-icon-warning: #9F580A;
  --modal-icon-error: #C7094D;
  --navigation-background-base: #ffffff;
  --navigation-background-hover: #E5E7EB;
  --navigation-background-hover-search: #F4F5F7;
  --navigation-background-active: #E6F5FF;
  --navigation-background-household: #E5EDFF;
  --navigation-background-registration: #D5F5F6;
  --navigation-background-asset: #FEECDC;
  --navigation-background-account: #FDF6B2;
  --navigation-background-logo: #F9FAFB;
  --navigation-stroke-primary: #D1D4DC;
  --navigation-stroke-secondary: #E5E7EB;
  --navigation-stroke-planning: #009FF9;
  --navigation-text-primary: #383C42;
  --navigation-text-secondary: #686E7E;
  --navigation-text-label: #494F5A;
  --navigation-text-placeholder: #686E7E;
  --navigation-text-active: #1960A6;
  --navigation-text-link: #0078D4;
  --navigation-icon-primary: #686E7E;
  --navigation-icon-hover: #494F5A;
  --navigation-icon-active: #0078D4;
  --navigation-icon-placeholder: #8F959F;
  --navigation-icon-household: #5145CD;
  --navigation-icon-registration: #036672;
  --navigation-icon-asset: #B43403;
  --navigation-icon-account: #383C42;
  --newsfeed-background-base: #ffffff;
  --newsfeed-text-primary: #383C42;
  --newsfeed-text-secondary: #686E7E;
  --notification-background-base: #ffffff;
  --notification-background-hover: #F4F5F7;
  --notification-stroke-primary: #E5E7EB;
  --notification-text-primary: #383C42;
  --notification-text-secondary: #686E7E;
  --notification-icon-primary: #686E7E;
  --notification-icon-secondary: #8F959F;
  --pageheader-text-primary: #494F5A;
  --pageheader-text-secondary: #686E7E;
  --pageheader-icon-primary: #686E7E;
  --pagination-background-active: #0078D4;
  --pagination-background-hover: #E5E7EB;
  --pagination-text-primary: #383C42;
  --pagination-text-active: #ffffff;
  --pagination-icon-primary: #383C42;
  --pagination-icon-disabled: #8F959F;
  --popover-background-base: #ffffff;
  --popover-stroke-primary: #E5E7EB;
  --popover-text-primary: #383C42;
  --popover-text-secondary: #686E7E;
  --progress-progressbar-background-primary: #E5E7EB;
  --progress-progressbar-background-active: #0078D4;
  --progress-progressbar-background-hover: #686E7E;
  --progress-progressbar-background-success: #0E9F6E;
  --progress-progressbar-text-primary: #383C42;
  --progress-progressdot-background-primary: #D1D4DC;
  --progress-progressdot-background-active: #0078D4;
  --progress-progressdot-background-hover: #686E7E;
  --radio-background-base-active: #ffffff;
  --radio-background-base-inactive: #ffffff;
  --radio-background-primary: #0078D4;
  --radio-background-disabled: #D1D4DC;
  --radio-background-active: #E6F5FF;
  --radio-background-hover-inactive: #F4F5F7;
  --radio-background-hover-active: #1960A6;
  --radio-stroke-base: #D1D4DC;
  --radio-stroke-primary: #0078D4;
  --radio-stroke-secondary: #7EC4F6;
  --radio-text-primary: #383C42;
  --radio-text-secondary: #686E7E;
  --radio-text-label: #494F5A;
  --radio-text-disabled: #8F959F;
  --radio-text-active: #1960A6;
  --radio-text-hover-active: #104C8B;
  --scrim-background-base: rgba(56, 60, 66, 0.5);
  --segmentedcontrol-background-base: #ffffff;
  --segmentedcontrol-background-primary: #F4F5F7;
  --segmentedcontrol-stroke-primary: #D1D4DC;
  --segmentedcontrol-text-active: #0078D4;
  --segmentedcontrol-text-inactive: #686E7E;
  --segmentedcontrol-text-hover: #383C42;
  --select-background-base: #ffffff;
  --select-background-minimal: #F4F5F7;
  --select-background-minimal-hover: #E5E7EB;
  --select-background-minimal-focused: #E6F5FF;
  --select-background-option: #E5E7EB;
  --select-background-option-hover: #686E7E;
  --select-background-disabled: #F4F5F7;
  --select-stroke-primary: #D1D4DC;
  --select-stroke-hover: #8F959F;
  --select-text-label: #494F5A;
  --select-text-help: #686E7E;
  --select-text-primary: #383C42;
  --select-text-placeholder: #686E7E;
  --select-icon-dropdown: #686E7E;
  --select-icon-option: #383C42;
  --select-icon-option-hover: #ffffff;
  --select-icon-placeholder: #8F959F;
  --slider-background-base: #E5E7EB;
  --slider-background-primary: #0078D4;
  --slider-background-secondary: #8F959F;
  --slider-background-disabled: #D1D4DC;
  --slider-background-handle-active: #ffffff;
  --slider-background-handle-disabled: #D1D4DC;
  --slider-background-tooltip-disabled: #E5E7EB;
  --slider-stroke-primary: #8F959F;
  --slider-stroke-handle: #D1D4DC;
  --slider-text-primary: #383C42;
  --slider-text-tooltip-disabled: #494F5A;
  --slideover-background-base: #ffffff;
  --slideover-background-header: #F4F5F7;
  --slideover-background-primary: #F9FAFB;
  --slideover-text-primary: #383C42;
  --slideover-text-secondary: #686E7E;
  --slideover-stroke-primary: #E5E7EB;
  --slideover-stroke-secondary: #D1D4DC;
  --slideover-icon-primary: #686E7E;
  --slideover-icon-secondary: #ffffff;
  --stats-background-base: #ffffff;
  --stats-background-clickable: #F9FAFB;
  --stats-text-primary: #383C42;
  --stats-text-label: #686E7E;
  --stats-stroke-primary: #E5E7EB;
  --stickyfooter-background-base: #ffffff;
  --stickyfooter-stroke-primary: #E5E7EB;
  --tab-dashboard-background-primary: #ffffff;
  --tab-dashboard-text-primary: #0078D4;
  --tab-dashboard-text-secondary: #383C42;
  --tab-dashboard-text-disabled: #686E7E;
  --tab-dashboard-text-household: #5145CD;
  --tab-dashboard-icon-primary: #0078D4;
  --tab-dashboard-icon-secondary: #686E7E;
  --tab-dashboard-icon-inactive: #8F959F;
  --tab-dashboard-icon-household: #5145CD;
  --tab-simple-background-active: #E6F5FF;
  --tab-simple-background-hover-inactive: #E5E7EB;
  --tab-simple-background-hover-active: #CCE7FF;
  --tab-simple-text-primary: #104C8B;
  --tab-simple-text-secondary: #494F5A;
  --tab-simple-text-hover: #383C42;
  --tab-simple-icon-primary: #0078D4;
  --tab-simple-icon-secondary: #686E7E;
  --tab-vertical-background-hover-inactive: #E5E7EB;
  --tab-vertical-background-hover-active: #E6F5FF;
  --tab-vertical-stroke-primary: #0078D4;
  --tab-vertical-stroke-secondary: #E5E7EB;
  --tab-vertical-stroke-hover: #8F959F;
  --tab-vertical-text-primary: #0078D4;
  --tab-vertical-text-secondary: #686E7E;
  --tab-vertical-text-hover-inactive: #383C42;
  --tab-vertical-text-hover-active: #104C8B;
  --tab-vertical-icon-primary: #0078D4;
  --tab-vertical-icon-secondary: #686E7E;
  --tab-horizontal-background-base: #ffffff;
  --tab-horizontal-background-hover-inactive: #E5E7EB;
  --tab-horizontal-background-hover-active: #E6F5FF;
  --tab-horizontal-stroke-primary: #0078D4;
  --tab-horizontal-stroke-secondary: #E5E7EB;
  --tab-horizontal-stroke-hover: #8F959F;
  --tab-horizontal-text-primary: #0078D4;
  --tab-horizontal-text-secondary: #686E7E;
  --tab-horizontal-text-hover: #383C42;
  --tab-horizontal-icon-primary: #0078D4;
  --tab-horizontal-icon-secondary: #686E7E;
  --table-background-base: #ffffff;
  --table-background-header: #F4F5F7;
  --table-stroke-primary: #E5E7EB;
  --table-text-primary: #383C42;
  --table-text-secondary: #686E7E;
  --table-icon-primary: #686E7E;
  --table-icon-secondary: #8F959F;
  --textfield-background-base: #ffffff;
  --textfield-background-disabled: #F4F5F7;
  --textfield-stroke-primary: #D1D4DC;
  --textfield-stroke-primary-hover: #8F959F;
  --textfield-text-label: #494F5A;
  --textfield-text-help: #686E7E;
  --textfield-text-active: #383C42;
  --textfield-text-placeholder: #686E7E;
  --textfield-text-success: #036D55;
  --textfield-text-error: #A60048;
  --textfield-icon-primary: #8F959F;
  --textfield-icon-secondary: #686E7E;
  --textfield-icon-success: #007A5A;
  --textfield-icon-error: #C7094D;
  --toast-background-base: #383C42;
  --toast-background-hover: #26282B;
  --toast-background-primary: #494F5A;
  --toast-background-secondary: #ffffff;
  --toast-stroke-primary: #26282B;
  --toast-text-primary: #ffffff;
  --toast-icon-close: #8F959F;
  --toast-icon-primary: #009FF9;
  --toast-icon-secondary: #ffffff;
  --toast-icon-success: #31C48D;
  --toast-icon-warning: #FACA15;
  --toast-icon-error: #F97386;
  --toggle-background-base: #686E7E;
  --toggle-background-primary: #0078D4;
  --toggle-background-secondary: #ffffff;
  --toggle-background-disabled-primary: #E5E7EB;
  --toggle-background-disabled-secondary: #8F959F;
  --toggle-background-hover-active: #E6F5FF;
  --toggle-background-hover-inactive: #F4F5F7;
  --toggle-text-primary: #383C42;
  --toggle-text-secondary: #686E7E;
  --toggle-icon-primary: #ffffff;
  --toggle-icon-disabled: #8F959F;
  --tooltip-background-base: #383C42;
  --tooltip-background-primary: #31C48D;
  --tooltip-text-primary: #F4F5F7;
  --upload-background-base: #ffffff;
  --upload-background-primary: #0078D4;
  --upload-background-secondary: #E5E7EB;
  --upload-background-error: #E01E5A;
  --upload-background-success: #0E9F6E;
  --upload-background-disabled: #8F959F;
  --upload-background-hover: #F4F5F7;
  --upload-stroke-primary: #E5E7EB;
  --upload-stroke-secondary: #D1D4DC;
  --upload-stroke-hover: #686E7E;
  --upload-text-primary: #383C42;
  --upload-text-secondary: #686E7E;
  --upload-icon-primary: #686E7E;
  --upload-icon-secondary: #0078D4;
  --upload-icon-error: #E01E5A;
  --upload-icon-success: #0E9F6E;
  --visualpicker-background-base: #ffffff;
  --visualpicker-background-active: #E6F5FF;
  --visualpicker-background-disabled: #F4F5F7;
  --visualpicker-stroke-primary: #D1D4DC;
  --visualpicker-stroke-hover: #8F959F;
  --visualpicker-stroke-active: #7EC4F6;
  --visualpicker-text-primary: #383C42;
  --visualpicker-text-secondary: #686E7E;
  --visualpicker-text-active: #1960A6;
  --visualpicker-icon-primary: #686E7E;
  --visualpicker-icon-active: #0078D4;
  --wizard-background-primary: #E5E7EB;
  --wizard-background-active: #0078D4;
  --wizard-background-completed: #0E9F6E;
  --wizard-text-primary: #383C42;
  --wizard-text-secondary: #686E7E;
  --wizard-icon-primary: #D1D4DC;
  --wizard-icon-hover: #8F959F;
  --wizard-icon-active: #0078D4;
  --wizard-icon-completed: #0E9F6E;
  --wysiwyg-background-base: #ffffff;
  --wysiwyg-stroke-primary: #E5E7EB;
  --wysiwyg-stroke-secondary: #D1D4DC;
  --wysiwyg-icon-primary: #383C42;
  --wysiwyg-icon-secondary: #0078D4;
  --focus: 0px 0px 0px 2px #cce7ff, inset 0px 0px 0px 1px #0078d4;
  --success: 0px 0px 0px 2px #84E1BC, inset 0px 0px 0px 1px #007A5A;
  --error: 0px 0px 0px 2px #FEAEB6, inset 0px 0px 0px 1px #E01E5A;
  --elevation-100: 0px 1px 1px rgba(55, 65, 81, 0.06);
  --elevation-200: 0px 1px 2px rgba(55, 65, 81, 0.08);
  --elevation-300: 0px 1px 2px rgba(55, 65, 81, 0.06), 0px 1px 3px rgba(55, 65, 81, 0.1);
  --elevation-400: 0px 0px 4px rgba(55, 65, 81, 0.06), 0px 2px 6px rgba(55, 65, 81, 0.1);
  --elevation-500: 0px 8px 16px rgba(55, 65, 81, 0.1), 0px 2px 6px rgba(55, 65, 81, 0.05);
  --elevation-600: 0px 12px 25px rgba(55, 65, 81, 0.1), 0px 8px 10px rgba(55, 65, 81, 0.04);
  --elevation-700: 0px 24px 50px rgba(55, 65, 81, 0.25);
  --elevation--100: inset 0px 2px 4px rgba(55, 65, 81, 0.06);
  --elevation--50: inset 0px 1px 2px rgba(55, 65, 81, 0.06);
  /* Orion Core / Black */
  --black: #18191B;
  /* Orion Core / White */
  --white: #ffffff;
  /* Orion / Gray */
  --gray-50: #F9FAFB;
  --gray-100: #F4F5F7;
  --gray-200: #E5E7EB;
  --gray-300: #D1D4DC;
  --gray-400: #8F959F;
  --gray-500: #686E7E;
  --gray-600: #494F5A;
  --gray-700: #383C42;
  --gray-800: #26282B;
  --gray-900: #1D1E20;
  /* Orion / Blue */
  --blue-50: #F3FBFF;
  --blue-100: #E6F5FF;
  --blue-200: #CCE7FF;
  --blue-300: #7EC4F6;
  --blue-400: #009FF9;
  --blue-500: #0078D4;
  --blue-600: #1960A6;
  --blue-700: #104C8B;
  --blue-800: #093970;
  --blue-900: #052452;
  /* Orion / Indigo */
  --indigo-50: #F0F5FF;
  --indigo-100: #E5EDFF;
  --indigo-200: #CDDBFE;
  --indigo-300: #B4C6FC;
  --indigo-400: #8DA2FB;
  --indigo-500: #6875F5;
  --indigo-600: #5850EC;
  --indigo-700: #5145CD;
  --indigo-800: #42389D;
  --indigo-900: #362F78;
  /* Orion / Purple */
  --purple-50: #F0F5FF;
  --purple-100: #EDEBFE;
  --purple-200: #DCD7FE;
  --purple-300: #CABFFD;
  --purple-400: #AC94FA;
  --purple-500: #9061F9;
  --purple-600: #7E3AF2;
  --purple-700: #6C2BD9;
  --purple-800: #5521B5;
  --purple-900: #4A1D96;
  /* Orion / Pink */
  --pink-50: #FDF2F8;
  --pink-100: #FCE8F3;
  --pink-200: #FAD1E8;
  --pink-300: #F8B4D9;
  --pink-400: #F17EB8;
  --pink-500: #E74694;
  --pink-600: #D61F69;
  --pink-700: #BF125D;
  --pink-800: #99154B;
  --pink-900: #751A3D;
  /* Orion / Red */
  --red-50: #FFEDED;
  --red-100: #FFCED0;
  --red-200: #FEAEB6;
  --red-300: #F97386;
  --red-400: #EF4268;
  --red-500: #E01E5A;
  --red-600: #C7094D;
  --red-700: #A60048;
  --red-800: #7E0042;
  --red-900: #540032;
  /* Orion / Orange */
  --orange-50: #FFF8F1;
  --orange-100: #FEECDC;
  --orange-200: #FCD9BD;
  --orange-300: #FDBA8C;
  --orange-400: #FF9457;
  --orange-500: #EB6A37;
  --orange-600: #D03801;
  --orange-700: #B43403;
  --orange-800: #8A2C0D;
  --orange-900: #771D1D;
  /* Orion / Yellow */
  --yellow-50: #FDFDEA;
  --yellow-100: #FDF6B2;
  --yellow-200: #FCE96A;
  --yellow-300: #FACA15;
  --yellow-400: #E3A008;
  --yellow-500: #C27803;
  --yellow-600: #9F580A;
  --yellow-700: #8E4B10;
  --yellow-800: #723B13;
  --yellow-900: #633112;
  /* Orion / Green */
  --green-50: #F3FAF7;
  --green-100: #DEF7EC;
  --green-200: #BCF0DA;
  --green-300: #84E1BC;
  --green-400: #31C48D;
  --green-500: #0E9F6E;
  --green-600: #007A5A;
  --green-700: #036D55;
  --green-800: #0A5C4D;
  --green-900: #014737;
  /* Orion / Teal */
  --teal-50: #EDFAFA;
  --teal-100: #D5F5F6;
  --teal-200: #AFECEF;
  --teal-300: #7EDCE2;
  --teal-400: #16BDCA;
  --teal-500: #0694A2;
  --teal-600: #047481;
  --teal-700: #036672;
  --teal-800: #05505C;
  --teal-900: #014451;
}

.dark {
  --app-background: linear-gradient(180deg, #26282B 0%, #1D1E20 100%);
  --text-primary: #E5E7EB;
  --text-secondary: #8F959F;
  --accordion-background-base: #18191B;
  --accordion-background-hover: #26282B;
  --accordion-background-hover-small: #093970;
  --accordion-stroke-primary: #383C42;
  --accordion-text-primary: #E5E7EB;
  --accordion-text-secondary: #8F959F;
  --accordion-text-active: #009FF9;
  --accordion-text-small: #009FF9;
  --accordion-text-hover-small: #7EC4F6;
  --accordion-icon-primary: #8F959F;
  --accordion-icon-secondary: #009FF9;
  --accordion-icon-hover-secondary: #7EC4F6;
  --accounttree-background-primary: #18191B;
  --accounttree-background-primary-hover: #26282B;
  --accounttree-background-secondary: #26282B;
  --accounttree-background-secondary-hover: #383C42;
  --accounttree-background-active: #093970;
  --accounttree-background-active-child: #052452;
  --accounttree-stroke-primary: #383C42;
  --accounttree-stroke-secondary: #383C42;
  --accounttree-stroke-active: #104C8B;
  --accounttree-stroke-active-sidebar: #009FF9;
  --accounttree-text-primary: #D1D4DC;
  --accounttree-text-secondary: #8F959F;
  --accounttree-text-positive: #84E1BC;
  --accounttree-text-negative: #F97386;
  --accounttree-text-household: #8DA2FB;
  --accounttree-text-registration: #7EDCE2;
  --accounttree-text-account: #E3A008;
  --accounttree-text-active: #7EC4F6;
  --accounttree-icon-primary: #8F959F;
  --accounttree-icon-secondary: #686E7E;
  --accounttree-icon-active: #7EC4F6;
  --accounttree-icon-household: #6875F5;
  --accounttree-icon-registration: #7EDCE2;
  --accounttree-icon-account: #E3A008;
  --alert-background-info: #1960A6;
  --alert-background-error: #A60048;
  --alert-background-warning: #E3A008;
  --alert-background-success: #036D55;
  --alert-background-info-button: #0078D4;
  --alert-background-error-button: #E01E5A;
  --alert-background-warning-button: #FACA15;
  --alert-background-success-button: #0E9F6E;
  --alert-stroke-info: #104C8B;
  --alert-stroke-error: #7E0042;
  --alert-stroke-warning: #C27803;
  --alert-stroke-success: #0A5C4D;
  --alert-text-info-message: #E6F5FF;
  --alert-text-info-link: #E6F5FF;
  --alert-text-error-message: #FFEDED;
  --alert-text-error-link: #FFCED0;
  --alert-text-warning-message: #26282B;
  --alert-text-warning-link: #26282B;
  --alert-text-success-message: #F3FAF7;
  --alert-text-success-link: #F3FAF7;
  --alert-icon-info: #E6F5FF;
  --alert-icon-info-close: #E6F5FF;
  --alert-icon-error: #FFCED0;
  --alert-icon-error-close: #FFCED0;
  --alert-icon-warning: #26282B;
  --alert-icon-warning-close: #26282B;
  --alert-icon-success: #DEF7EC;
  --alert-icon-success-close: #DEF7EC;
  --appdock-background-base: #1D1E20;
  --appdock-background-secondary: #26282B;
  --appdock-background-hover: #383C42;
  --appdock-background-active: #093970;
  --appdock-background-folder: #494F5A;
  --appdock-background-app-active: #1960A6;
  --appdock-background-element: #18191B;
  --appdock-stroke-primary: #383C42;
  --appdock-stroke-secondary: #383C42;
  --appdock-stroke-app-default: #686E7E;
  --appdock-stroke-app-hover: #8F959F;
  --appdock-stroke-app-active: #0078D4;
  --appdock-stroke-page-active: #1960A6;
  --appdock-text-primary: #E5E7EB;
  --appdock-text-secondary: #D1D4DC;
  --appdock-text-inactive: #8F959F;
  --appdock-text-active: #7EC4F6;
  --appdock-icon-primary: #8F959F;
  --appdock-icon-secondary: #686E7E;
  --appdock-icon-hover: #D1D4DC;
  --appdock-icon-focus: #ffffff;
  --avatar-background-online: #0E9F6E;
  --avatar-background-offline: #494F5A;
  --avatar-stroke-primary: #18191B;
  --badge-background-primary: #0078D4;
  --badge-background-secondary: #104C8B;
  --badge-background-tertiary: #383C42;
  --badge-background-warning: #FACA15;
  --badge-background-error: #7E0042;
  --badge-background-success: #007A5A;
  --badge-background-notification: #C7094D;
  --badge-text-primary: #ffffff;
  --badge-text-secondary: #CCE7FF;
  --badge-text-tertiary: #E5E7EB;
  --badge-text-warning: #26282B;
  --badge-text-error: #FFCED0;
  --badge-text-success: #DEF7EC;
  --badge-text-notification: #ffffff;
  --breadcrumbs-background-hover: #093970;
  --breadcrumbs-text-primary: #009FF9;
  --breadcrumbs-text-hover: #7EC4F6;
  --breadcrumbs-text-active: #8F959F;
  --breadcrumbs-icon-primary: #686E7E;
  --button-background-primary: #0078D4;
  --button-background-primary-hover: #1960A6;
  --button-background-primary-active: #104C8B;
  --button-background-secondary: #383C42;
  --button-background-secondary-hover: #26282B;
  --button-background-secondary-active: #1D1E20;
  --button-background-destructionary: #C7094D;
  --button-background-destructionary-hover: #A60048;
  --button-background-destructionary-active: #7E0042;
  --button-background-secondary-destructionary: rgba(0, 0, 0, 0);
  --button-background-secondary-destructionary-hover: #540032;
  --button-background-secondary-destructionary-active: #7E0042;
  --button-background-subtle-gray-hover: #383C42;
  --button-background-subtle-gray-active: #494F5A;
  --button-background-subtle-blue-hover: #093970;
  --button-background-subtle-blue-active: #104C8B;
  --button-stroke-secondary: #383C42;
  --button-stroke-secondary-destructionary: #F97386;
  --button-text-primary: #ffffff;
  --button-text-secondary: #E5E7EB;
  --button-text-destructionary: #ffffff;
  --button-text-secondary-destructionary: #F97386;
  --button-text-secondary-destructionary-active: #FEAEB6;
  --button-text-subtle-gray: #D1D4DC;
  --button-text-subtle-blue: #009FF9;
  --button-text-subtle-blue-hover-active: #7EC4F6;
  --button-icon-primary: #ffffff;
  --button-icon-secondary: #E5E7EB;
  --button-icon-destructionary: #ffffff;
  --button-icon-subtle-gray: #8F959F;
  --button-icon-subtle-gray-hover-active: #D1D4DC;
  --button-icon-subtle-blue: #009FF9;
  --button-icon-subtle-blue-hover-active: #7EC4F6;
  --buttongroup-stroke-primary: #093970;
  --buttongroup-stroke-secondary: #26282B;
  --card-background-base: #18191B;
  --card-text-title: #E5E7EB;
  --card-text-link: #8F959F;
  --card-icon-primary: #D1D4DC;
  --checkbox-background-base: #18191B;
  --checkbox-background-primary: #0078D4;
  --checkbox-background-disabled: #383C42;
  --checkbox-background-hover-inactive: #26282B;
  --checkbox-background-hover-active: #093970;
  --checkbox-stroke-primary: #494F5A;
  --checkbox-text-primary: #E5E7EB;
  --checkbox-text-secondary: #8F959F;
  --checkbox-text-disabled: #494F5A;
  --checkbox-icon-primary: #ffffff;
  --colorpicker-background-base: #26282B;
  --colorpicker-background-secondary: #18191B;
  --colorpicker-background-slider: #F4F5F7;
  --colorpicker-stroke-primary: #383C42;
  --colorpicker-stroke-picker: #26282B;
  --colorpicker-stroke-slider: #8F959F;
  --datepicker-background-base: #18191B;
  --datepicker-background-sidebar: #1D1E20;
  --datepicker-background-disabled: #26282B;
  --datepicker-background-selected: #0078D4;
  --datepicker-background-hover: #383C42;
  --datepicker-background-current-hover: #093970;
  --datepicker-stroke-primary: #383C42;
  --datepicker-stroke-current: #1960A6;
  --datepicker-text-primary: #E5E7EB;
  --datepicker-text-secondary: #8F959F;
  --datepicker-text-disabled: #686E7E;
  --datepicker-text-current: #009FF9;
  --datepicker-text-current-hover: #7EC4F6;
  --datepicker-text-selected: #ffffff;
  --datepicker-icon-primary: #8F959F;
  --editor-background-base: #1D1E20;
  --editor-background-primary: #18191B;
  --editor-background-hover: #383C42;
  --editor-background-active: #093970;
  --editor-background-default: #686E7E;
  --editor-background-household: #6875F5;
  --editor-background-registration: #0694A2;
  --editor-background-account: #E3A008;
  --editor-background-asset: #EB6A37;
  --editor-background-transaction: #686E7E;
  --editor-background-product: #E3A008;
  --editor-background-representative: #009FF9;
  --editor-background-billing: #0E9F6E;
  --editor-stroke-primary: #383C42;
  --editor-stroke-secondary: #383C42;
  --editor-stroke-active: #1960A6;
  --editor-text-primary: #E5E7EB;
  --editor-text-secondary: #8F959F;
  --editor-text-active: #7EC4F6;
  --editor-icon-primary: #ffffff;
  --editor-icon-secondary: #8F959F;
  --emptystate-background-base: #18191B;
  --emptystate-background-gray-1: #26282B;
  --emptystate-background-gray-2: #383C42;
  --emptystate-background-gray-3: #494F5A;
  --emptystate-background-gray-4: #686E7E;
  --emptystate-text-primary: #D1D4DC;
  --emptystate-text-secondary: #8F959F;
  --emptystate-text-link: #009FF9;
  --emptystate-icon-link: #009FF9;
  --favicon-background-base: #ffffff;
  --favicon-background-secondary: #009FF9;
  --favicon-icon-primary: #009FF9;
  --favicon-icon-secondary: #ffffff;
  --filter-background-base: #18191B;
  --filter-background-hover: #093970;
  --filter-stroke-primary: #383C42;
  --filter-text-primary: #E5E7EB;
  --filter-text-secondary: #8F959F;
  --filter-text-link: #009FF9;
  --filter-icon-primary: #8F959F;
  --filter-icon-hover: #E5E7EB;
  --grid-background-base: #18191B;
  --grid-background-header: #26282B;
  --grid-background-hover: #26282B;
  --grid-background-active: #093970;
  --grid-background-selected: #104C8B;
  --grid-stroke-primary: #383C42;
  --grid-stroke-secondary: #494F5A;
  --grid-stroke-active: #1960A6;
  --grid-stroke-selected: #1960A6;
  --grid-text-active: #009FF9;
  --grid-text-active-hover: #7EC4F6;
  --grid-text-primary: #D1D4DC;
  --grid-text-secondary: #8F959F;
  --grid-text-subtle: #686E7E;
  --grid-text-hover: #E5E7EB;
  --grid-text-selected: #F4F5F7;
  --grid-text-header: #D1D4DC;
  --grid-icon-active: #7EC4F6;
  --grid-icon-primary: #8F959F;
  --grid-icon-hover: #E5E7EB;
  --grid-icon-subtle: #686E7E;
  --grid-icon-subtle-hover: #D1D4DC;
  --grid-icon-subtle-active: #009FF9;
  --grid-icon-success: #0E9F6E;
  --grid-icon-new: #8DA2FB;
  --grid-icon-error: #EF4268;
  --grid-icon-warning: #FACA15;
  --grouping-background-base: #18191B;
  --grouping-background-hover: #093970;
  --grouping-stroke-primary: #383C42;
  --grouping-text-primary: #E5E7EB;
  --grouping-text-secondary: #8F959F;
  --grouping-text-link: #009FF9;
  --grouping-text-hover: #7EC4F6;
  --grouping-icon-primary: #8F959F;
  --grouping-icon-link: #009FF9;
  --grouping-icon-hover: #E5E7EB;
  --keyboardshortcut-stroke-primary: #8F959F;
  --keyboardshortcut-text-primary: #8F959F;
  --link-text-primary: #009FF9;
  --link-text-hover: #7EC4F6;
  --link-icon-primary: #009FF9;
  --link-icon-hover: #7EC4F6;
  --list-background-base: #18191B;
  --list-background-hover: #26282B;
  --list-background-active: #093970;
  --list-icon-primary: #8F959F;
  --list-icon-active: #7EC4F6;
  --list-text-primary: #E5E7EB;
  --list-text-secondary: #8F959F;
  --list-text-subtle: #686E7E;
  --list-text-active: #7EC4F6;
  --list-text-hover: #D1D4DC;
  --loading-background-primary: #D1D4DC;
  --loading-background-pulse: #1960A6;
  --loading-text-primary: #686E7E;
  --lozenge-background-primary: #0078D4;
  --lozenge-background-primary-bold: #0078D4;
  --lozenge-background-primary-dot: #009FF9;
  --lozenge-background-success: #007A5A;
  --lozenge-background-success-bold: #007A5A;
  --lozenge-background-success-dot: #BCF0DA;
  --lozenge-background-success-bold-dot: #BCF0DA;
  --lozenge-background-warning: #FACA15;
  --lozenge-background-warning-bold: #FACA15;
  --lozenge-background-warning-dot: #C27803;
  --lozenge-background-warning-bold-dot: #C27803;
  --lozenge-background-error: #C7094D;
  --lozenge-background-error-bold: #C7094D;
  --lozenge-background-error-dot: #EF4268;
  --lozenge-background-new: #5850EC;
  --lozenge-background-new-bold: #5850EC;
  --lozenge-background-new-dot: #8DA2FB;
  --lozenge-background-default: #494F5A;
  --lozenge-background-default-bold: #494F5A;
  --lozenge-background-default-dot: #8F959F;
  --lozenge-text-base: #ffffff;
  --lozenge-text-bold: #ffffff;
  --lozenge-text-primary: #ffffff;
  --lozenge-text-success: #ffffff;
  --lozenge-text-new: #ffffff;
  --lozenge-text-error: #ffffff;
  --lozenge-text-warning: #26282B;
  --lozenge-icon-base: #ffffff;
  --lozenge-icon-bold: #ffffff;
  --lozenge-icon-primary: #ffffff;
  --lozenge-icon-success: #ffffff;
  --lozenge-icon-error: #ffffff;
  --lozenge-icon-new: #ffffff;
  --lozenge-icon-warning: #26282B;
  --menu-background-base: #18191B;
  --menu-background-hover: #26282B;
  --menu-stroke-primary: #383C42;
  --menu-text-primary: #E5E7EB;
  --menu-text-secondary: #8F959F;
  --menu-text-delete: #EF4268;
  --menu-text-active: #009FF9;
  --menu-text-hover-active: #7EC4F6;
  --menu-text-disabled: #686E7E;
  --menu-icon-primary: #8F959F;
  --menu-icon-secondary: #686E7E;
  --menu-icon-delete: #EF4268;
  --menu-icon-active: #009FF9;
  --menu-icon-hover-active: #7EC4F6;
  --menu-icon-hover-default: #D1D4DC;
  --modal-background-base: #18191B;
  --modal-background-success: #0A5C4D;
  --modal-background-warning: #FACA15;
  --modal-background-error: #A60048;
  --modal-stroke-primary: #383C42;
  --modal-text-primary: #E5E7EB;
  --modal-text-secondary: #8F959F;
  --modal-icon-primary: #8F959F;
  --modal-icon-success: #84E1BC;
  --modal-icon-warning: #26282B;
  --modal-icon-error: #FEAEB6;
  --navigation-background-base: #18191B;
  --navigation-background-hover: #26282B;
  --navigation-background-hover-search: #26282B;
  --navigation-background-active: #093970;
  --navigation-background-household: #5850EC;
  --navigation-background-registration: #047481;
  --navigation-background-asset: #D03801;
  --navigation-background-account: #FACA15;
  --navigation-background-logo: #1D1E20;
  --navigation-stroke-primary: #383C42;
  --navigation-stroke-secondary: #383C42;
  --navigation-stroke-planning: #0078D4;
  --navigation-text-primary: #E5E7EB;
  --navigation-text-secondary: #8F959F;
  --navigation-text-label: #D1D4DC;
  --navigation-text-placeholder: #8F959F;
  --navigation-text-active: #7EC4F6;
  --navigation-text-link: #009FF9;
  --navigation-icon-primary: #8F959F;
  --navigation-icon-hover: #D1D4DC;
  --navigation-icon-active: #7EC4F6;
  --navigation-icon-placeholder: #686E7E;
  --navigation-icon-household: #ffffff;
  --navigation-icon-registration: #ffffff;
  --navigation-icon-asset: #ffffff;
  --navigation-icon-account: #26282B;
  --news-feed-background-base: #18191B;
  --news-feed-text-primary: #E5E7EB;
  --news-feed-text-secondary: #8F959F;
  --notification-background-base: #18191B;
  --notification-background-hover: #26282B;
  --notification-stroke-primary: #383C42;
  --notification-text-primary: #E5E7EB;
  --notification-text-secondary: #8F959F;
  --notification-icon-primary: #8F959F;
  --notification-icon-secondary: #686E7E;
  --pageheader-icon-primary: #8F959F;
  --pageheader-text-primary: #D1D4DC;
  --pageheader-text-secondary: #8F959F;
  --pagination-background-active: #0078D4;
  --pagination-background-hover: #383C42;
  --pagination-text-active: #ffffff;
  --pagination-text-primary: #E5E7EB;
  --pagination-icon-primary: #E5E7EB;
  --pagination-icon-disabled: #686E7E;
  --popover-background-base: #383C42;
  --popover-stroke-primary: #383C42;
  --popover-text-primary: #E5E7EB;
  --popover-text-secondary: #D1D4DC;
  --progress-progressbar-background-primary: #383C42;
  --progress-progressbar-background-active: #0078D4;
  --progress-progressbar-background-hover: #8F959F;
  --progress-progressbar-background-success: #0E9F6E;
  --progress-progressbar-text-primary: #E5E7EB;
  --progress-progressdot-background-primary: #494F5A;
  --progress-progressdot-background-active: #0078D4;
  --progress-progressdot-background-hover: #8F959F;
  --radio-background-base-active: #F4F5F7;
  --radio-background-base-inactive: #18191B;
  --radio-background-primary: #0078D4;
  --radio-background-disabled: #383C42;
  --radio-background-active: #093970;
  --radio-background-hover-inactive: #26282B;
  --radio-background-hover-active: #104C8B;
  --radio-stroke-base: #494F5A;
  --radio-stroke-primary: #0078D4;
  --radio-stroke-secondary: #1960A6;
  --radio-text-primary: #E5E7EB;
  --radio-text-secondary: #8F959F;
  --radio-text-label: #D1D4DC;
  --radio-text-disabled: #494F5A;
  --radio-text-active: #7EC4F6;
  --radio-text-hover-active: #CCE7FF;
  --scrim-background-base: rgba(56, 60, 66, 0.5);
  --segmentedcontrol-background-base: #383C42;
  --segmentedcontrol-background-primary: #26282B;
  --segmentedcontrol-stroke-primary: #18191B;
  --segmentedcontrol-text-active: #F9FAFB;
  --segmentedcontrol-text-inactive: #8F959F;
  --segmentedcontrol-text-hover: #E5E7EB;
  --select-background-base: #18191B;
  --select-background-minimal: #26282B;
  --select-background-minimal-hover: #383C42;
  --select-background-minimal-focused: #093970;
  --select-background-option: #383C42;
  --select-background-option-hover: #26282B;
  --select-background-disabled: #26282B;
  --select-stroke-primary: #383C42;
  --select-stroke-hover: #686E7E;
  --select-text-label: #D1D4DC;
  --select-text-help: #8F959F;
  --select-text-primary: #E5E7EB;
  --select-text-placeholder: #8F959F;
  --select-icon-dropdown: #8F959F;
  --select-icon-option: #E5E7EB;
  --select-icon-option-hover: #ffffff;
  --select-icon-placeholder: #686E7E;
  --slider-background-base: #383C42;
  --slider-background-primary: #0078D4;
  --slider-background-secondary: #686E7E;
  --slider-background-disabled: #383C42;
  --slider-background-handle-active: #F4F5F7;
  --slider-background-handle-disabled: #686E7E;
  --slider-background-tooltip-disabled: #E5E7EB;
  --slider-stroke-primary: #686E7E;
  --slider-stroke-handle: #8F959F;
  --slider-text-primary: #E5E7EB;
  --slider-text-tooltip-disabled: #494F5A;
  --slideover-background-base: #18191B;
  --slideover-background-header: #26282B;
  --slideover-background-primary: #1D1E20;
  --slideover-icon-primary: #8F959F;
  --slideover-icon-secondary: #ffffff;
  --slideover-stroke-primary: #383C42;
  --slideover-stroke-secondary: #494F5A;
  --slideover-text-primary: #E5E7EB;
  --slideover-text-secondary: #8F959F;
  --stats-background-base: #18191B;
  --stats-background-clickable: #1D1E20;
  --stats-text-primary: #E5E7EB;
  --stats-text-label: #8F959F;
  --stats-stroke-primary: #383C42;
  --stickyfooter-background-base: #18191B;
  --stickyfooter-stroke-primary: #383C42;
  --tab-dashboard-background-primary: #383C42;
  --tab-dashboard-text-primary: #F4F5F7;
  --tab-dashboard-text-secondary: #F4F5F7;
  --tab-dashboard-text-disabled: #8F959F;
  --tab-dashboard-text-household: #6875F5;
  --tab-dashboard-icon-primary: #F4F5F7;
  --tab-dashboard-icon-secondary: #8F959F;
  --tab-dashboard-icon-inactive: #686E7E;
  --tab-dashboard-icon-household: #8DA2FB;
  --tab-simple-background-active: #093970;
  --tab-simple-background-hover-active: #104C8B;
  --tab-simple-background-hover-inactive: #26282B;
  --tab-simple-text-primary: #7EC4F6;
  --tab-simple-text-secondary: #D1D4DC;
  --tab-simple-text-hover: #E5E7EB;
  --tab-simple-icon-primary: #7EC4F6;
  --tab-simple-icon-secondary: #D1D4DC;
  --tab-vertical-background-hover-active: #093970;
  --tab-vertical-background-hover-inactive: #26282B;
  --tab-vertical-stroke-primary: #009FF9;
  --tab-vertical-stroke-secondary: #383C42;
  --tab-vertical-stroke-hover: #686E7E;
  --tab-vertical-text-primary: #009FF9;
  --tab-vertical-text-secondary: #8F959F;
  --tab-vertical-text-hover-active: #7EC4F6;
  --tab-vertical-text-hover-inactive: #E5E7EB;
  --tab-vertical-icon-primary: #009FF9;
  --tab-vertical-icon-secondary: #8F959F;
  --tab-horizontal-background-base: #18191B;
  --tab-horizontal-background-hover-inactive: #26282B;
  --tab-horizontal-background-hover-active: #093970;
  --tab-horizontal-stroke-primary: #009FF9;
  --tab-horizontal-stroke-secondary: #494F5A;
  --tab-horizontal-stroke-hover: #8F959F;
  --tab-horizontal-text-primary: #009FF9;
  --tab-horizontal-text-secondary: #8F959F;
  --tab-horizontal-text-hover: #E5E7EB;
  --tab-horizontal-icon-primary: #009FF9;
  --tab-horizontal-icon-secondary: #8F959F;
  --table-background-base: #18191B;
  --table-background-header: #26282B;
  --table-stroke-primary: #383C42;
  --table-text-primary: #E5E7EB;
  --table-text-secondary: #8F959F;
  --table-icon-primary: #8F959F;
  --table-icon-secondary: #686E7E;
  --textfield-background-base: #18191B;
  --textfield-background-disabled: #26282B;
  --textfield-stroke-primary: #383C42;
  --textfield-stroke-primary-hover: #494F5A;
  --textfield-text-label: #D1D4DC;
  --textfield-text-help: #8F959F;
  --textfield-text-active: #E5E7EB;
  --textfield-text-placeholder: #8F959F;
  --textfield-text-success: #BCF0DA;
  --textfield-text-error: #F97386;
  --textfield-icon-primary: #686E7E;
  --textfield-icon-secondary: #8F959F;
  --textfield-icon-success: #BCF0DA;
  --textfield-icon-error: #F97386;
  --toast-background-base: #383C42;
  --toast-background-hover: #26282B;
  --toast-background-primary: #494F5A;
  --toast-background-secondary: #ffffff;
  --toast-stroke-primary: #26282B;
  --toast-text-primary: #ffffff;
  --toast-icon-close: #8F959F;
  --toast-icon-primary: #009FF9;
  --toast-icon-secondary: #ffffff;
  --toast-icon-success: #0E9F6E;
  --toast-icon-warning: #FACA15;
  --toast-icon-error: #E01E5A;
  --toggle-background-base: #494F5A;
  --toggle-background-primary: #0078D4;
  --toggle-background-secondary: #ffffff;
  --toggle-background-disabled-primary: #26282B;
  --toggle-background-disabled-secondary: #494F5A;
  --toggle-background-hover-active: #093970;
  --toggle-background-hover-inactive: #26282B;
  --toggle-text-primary: #E5E7EB;
  --toggle-text-secondary: #8F959F;
  --toggle-icon-primary: #ffffff;
  --toggle-icon-disabled: #494F5A;
  --tooltip-background-base: #383C42;
  --tooltip-background-primary: #0E9F6E;
  --tooltip-text-primary: #F4F5F7;
  --upload-background-base: #18191B;
  --upload-background-primary: #009FF9;
  --upload-background-secondary: #383C42;
  --upload-background-error: #EF4268;
  --upload-background-success: #0E9F6E;
  --upload-background-disabled: #686E7E;
  --upload-background-hover: #26282B;
  --upload-stroke-primary: #383C42;
  --upload-stroke-secondary: #494F5A;
  --upload-stroke-hover: #8F959F;
  --upload-text-primary: #E5E7EB;
  --upload-text-secondary: #8F959F;
  --upload-icon-primary: #8F959F;
  --upload-icon-secondary: #0078D4;
  --upload-icon-error: #EF4268;
  --upload-icon-success: #0E9F6E;
  --visualpicker-background-base: #18191B;
  --visualpicker-background-active: #093970;
  --visualpicker-background-disabled: #26282B;
  --visualpicker-stroke-primary: #494F5A;
  --visualpicker-stroke-hover: #D1D4DC;
  --visualpicker-stroke-active: #1960A6;
  --visualpicker-text-primary: #E5E7EB;
  --visualpicker-text-secondary: #8F959F;
  --visualpicker-text-active: #CCE7FF;
  --visualpicker-icon-primary: #8F959F;
  --visualpicker-icon-active: #7EC4F6;
  --wizard-background-primary: #383C42;
  --wizard-background-active: #0078D4;
  --wizard-background-completed: #0E9F6E;
  --wizard-text-primary: #E5E7EB;
  --wizard-text-secondary: #8F959F;
  --wizard-icon-primary: #494F5A;
  --wizard-icon-hover: #8F959F;
  --wizard-icon-active: #0078D4;
  --wizard-icon-completed: #0E9F6E;
  --wysiwyg-background-base: #18191B;
  --wysiwyg-stroke-primary: #383C42;
  --wysiwyg-stroke-secondary: #494F5A;
  --wysiwyg-icon-primary: #E5E7EB;
  --wysiwyg-icon-secondary: #0078D4;
  --focus: 0px 0px 0px 2px #104C8B, inset 0px 0px 0px 1px #009FF9;
  --success: 0px 0px 0px 2px #0A5C4D, inset 0px 0px 0px 1px #31C48D;
  --error: 0px 0px 0px 2px #A60048, inset 0px 0px 0px 1px #F97386;
  --elevation-100: 0px 1px 2px rgba(24, 25, 27, 0.4);
  --elevation-200: 0px 1px 3px rgba(0, 0, 0, 0.24), 0px 1px 2px rgba(0, 0, 0, 0.16);
  --elevation-300: 0px 1px 3px rgba(0, 0, 0, 0.32), 0px 1px 2px rgba(0, 0, 0, 0.24);
  --elevation-400: 0px 2px 6px rgba(0, 0, 0, 0.32), 0px 0px 4px rgba(0, 0, 0, 0.24);
  --elevation-500: 0px 2px 6px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.32);
  --elevation-600: 0px 8px 10px rgba(0, 0, 0, 0.24), 0px 12px 25px rgba(0, 0, 0, 0.48);
  --elevation-700: 0px 24px 50px rgba(0, 0, 0, 0.64);
  --elevation--100: inset 0px 2px 4px rgba(0, 0, 0, 0.16);
  --elevation--50: inset 0px 1px 2px rgba(0, 0, 0, 0.12);
  /* Orion Core / Black */
  --black: #ffffff;
  /* Orion Core / White */
  --white: #18191B;
  /* Orion / Gray */
  --gray-50: #1D1E20;
  --gray-100: #26282B;
  --gray-200: #383C42;
  --gray-300: #494F5A;
  --gray-400: #686E7E;
  --gray-500: #8F959F;
  --gray-600: #D1D4DC;
  --gray-700: #E5E7EB;
  --gray-800: #F4F5F7;
  --gray-900: #F9FAFB;
  /* Orion / Blue */
  --blue-50: #052452;
  --blue-100: #093970;
  --blue-200: #104C8B;
  --blue-300: #1960A6;
  --blue-400: #0078D4;
  --blue-500: #009FF9;
  --blue-600: #7EC4F6;
  --blue-700: #CCE7FF;
  --blue-800: #E6F5FF;
  --blue-900: #F3FBFF;
  /* Orion / Indigo */
  --indigo-50: #362F78;
  --indigo-100: #42389D;
  --indigo-200: #5145CD;
  --indigo-300: #5850EC;
  --indigo-400: #6875F5;
  --indigo-500: #8DA2FB;
  --indigo-600: #B4C6FC;
  --indigo-700: #CDDBFE;
  --indigo-800: #E5EDFF;
  --indigo-900: #F0F5FF;
  /* Orion / Purple */
  --purple-50: #4A1D96;
  --purple-100: #5521B5;
  --purple-200: #6C2BD9;
  --purple-300: #7E3AF2;
  --purple-400: #9061F9;
  --purple-500: #AC94FA;
  --purple-600: #CABFFD;
  --purple-700: #DCD7FE;
  --purple-800: #EDEBFE;
  --purple-900: #F0F5FF;
  /* Orion / Pink */
  --pink-50: #751A3D;
  --pink-100: #99154B;
  --pink-200: #BF125D;
  --pink-300: #D61F69;
  --pink-400: #E74694;
  --pink-500: #F17EB8;
  --pink-600: #F8B4D9;
  --pink-700: #FAD1E8;
  --pink-800: #FCE8F3;
  --pink-900: #FDF2F8;
  /* Orion / Red */
  --red-50: #540032;
  --red-100: #7E0042;
  --red-200: #A60048;
  --red-300: #C7094D;
  --red-400: #E01E5A;
  --red-500: #EF4268;
  --red-600: #F97386;
  --red-700: #FEAEB6;
  --red-800: #FFCED0;
  --red-900: #FFEDED;
  /* Orion / Orange */
  --orange-50: #771D1D;
  --orange-100: #8A2C0D;
  --orange-200: #B43403;
  --orange-300: #D03801;
  --orange-400: #EB6A37;
  --orange-500: #FF9457;
  --orange-600: #FDBA8C;
  --orange-700: #FCD9BD;
  --orange-800: #FEECDC;
  --orange-900: #FFF8F1;
  /* Orion / Yellow */
  --yellow-50: #633112;
  --yellow-100: #723B13;
  --yellow-200: #8E4B10;
  --yellow-300: #9F580A;
  --yellow-400: #C27803;
  --yellow-500: #E3A008;
  --yellow-600: #FACA15;
  --yellow-700: #FCE96A;
  --yellow-800: #FDF6B2;
  --yellow-900: #FDFDEA;
  /* Orion / Green */
  --green-50: #014737;
  --green-100: #0A5C4D;
  --green-200: #036D55;
  --green-300: #007A5A;
  --green-400: #0E9F6E;
  --green-500: #31C48D;
  --green-600: #84E1BC;
  --green-700: #BCF0DA;
  --green-800: #DEF7EC;
  --green-900: #F3FAF7;
  /* Orion / Teal */
  --teal-50: #014451;
  --teal-100: #05505C;
  --teal-200: #036672;
  --teal-300: #047481;
  --teal-400: #0694A2;
  --teal-500: #16BDCA;
  --teal-600: #7EDCE2;
  --teal-700: #AFECEF;
  --teal-800: #D5F5F6;
  --teal-900: #EDFAFA;
}

oat-select:focus-within select {
  box-shadow: var(--focus);
  outline: none;
}
oat-select:focus-within .oat-btn-primary {
  border: 1px solid #009FF9;
  background-color: var(--button-background-primary-active);
  box-shadow: var(--focus);
  outline: 0;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif !important;
  background: var(--app-background) fixed;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  font-feature-settings: "tnum" on, "lnum" on, "cv01" on, "cv03" on, "cv02" on, "cv04" on, "cv09" on;
}

:root, input, select {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif !important;
}

.table td, .table th {
  padding: 0.5rem;
}

.table th {
  text-transform: uppercase;
  color: #686E7E;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(20, 20, 31, 0.05);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(20, 20, 31, 0);
}

.table tr a {
  font-weight: 500;
}

a.oat-link {
  color: var(--link-text-primary);
  text-decoration: none;
  width: fit-content;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
a.oat-link i {
  color: var(--link-icon-primary);
}
a.oat-link:hover {
  text-decoration-line: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
  color: var(--link-text-hover);
  transition: all 100ms ease-in-out;
}
a.oat-link:hover i {
  color: var(--link-icon-hover);
}

a {
  text-decoration: none;
}

.pulse {
  -webkit-animation: pulse 2.5s ease infinite;
  animation: pulse 2.5s ease infinite;
}

i {
  font-size: 1rem;
}

.all-caps {
  text-transform: uppercase;
}

.custom-select {
  border: none;
}

.light-gray-bg {
  background-color: #F9FAFB;
}

::selection {
  background: #CCE7FF;
  color: #104C8B;
  text-shadow: none;
}

body, h1, h2, h3, h4, h5, h6, p, strong {
  color: var(--text-primary);
}

h1, .h1 {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 56px;
}

h2, .h2 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px;
}

h3, .h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 32px;
  margin: 0px;
}

h4, .h4 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 32px;
}

h5, .h5 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
}

h6, .h6 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
  margin: 0px;
}

body {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 20px;
}

small {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 16px;
}
small .uppercase {
  text-transform: uppercase;
}

.section-header {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
}

.d1 {
  font-size: 72px;
  font-weight: 400;
  line-height: 56px;
}

.d2 {
  font-size: 60px;
  font-weight: 400;
  line-height: 48px;
}

.d3 {
  font-size: 48px;
  font-weight: 500;
  line-height: 32px;
}

ul {
  padding-left: 15px;
}
ul.muted-list li {
  color: #686E7E;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}

.d-block {
  display: block;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.w-60 {
  width: 60px !important;
}

.tb-8 {
  margin: 8px 0;
}

.tb-16 {
  margin: 16px 0;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-4 {
  margin-left: 4px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.d-block {
  display: block;
}

hr.divider-sm {
  border: none;
  height: 1px;
  background: var(--editor-stroke-primary);
}

hr.divider-md {
  border: none;
  height: 1px;
  background: var(--editor-stroke-primary);
  margin: 32px 0;
}

[hidden], [hidden]:not(:defined) {
  display: none !important;
  opacity: 0;
}

[fade-in] {
  opacity: 1;
}

[fade-out] {
  opacity: 0 !important;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.oat-text-right {
  text-align: right !important;
}

.oat-mr-none {
  margin-right: 0px;
}

.oat-mr-1 {
  margin-right: 5px;
}

.oat-mr-2 {
  margin-right: 8px;
}

.w-40px {
  width: 40px !important;
}

.oat-text-center {
  text-align: center !important;
}

.oat-color-green-500 {
  color: #0E9F6E !important;
}

.oat-color-red-500 {
  color: #E01E5A !important;
}

.oat-color-yellow-400 {
  color: #E3A008 !important;
}

.oat-background-green-500 {
  background-color: #0E9F6E !important;
}

.oat-background-gray-100 {
  background-color: #F4F5F7 !important;
}

.oat-background-white {
  /* background-color:$white !important; */
  background: #ffffff;
}

.oat-background-gray-100 {
  /* background-color:$gray-100 !important; */
  /* Light / Gray / gray-100 */
  background: #F4F5F7 !important;
}

.oat-background-gray-200 {
  /* Light / Gray / gray-200 */
  background: #E5E7EB;
}

.oat-loading-container-sm, .oat-loading-container-md, .oat-loading-container-lg {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--loading-text-primary);
}

.oat-loading-container-sm .oat-loading-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.oat-loading-container-md .oat-loading-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.oat-loading-container-lg .oat-loading-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.oat-loading-title {
  margin-top: 20px;
}

.loading-dot {
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: var(--loading-background-primary);
  border-radius: 50%;
  opacity: 0;
  -ms-box-shadow: 0 0 2px black;
  -o-box-shadow: 0 0 2px black;
  box-shadow: 0 0 2px black;
  -webkit-animation: loadingFade 1.5s infinite;
  animation: loadingFade 1.5s infinite;
}

.oat-btn-primary .loading-dot {
  background: white;
}

.loading-dot:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
    transform: translateY(8px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
    transform: translateY(8px);
  }
  100% {
    opacity: 0;
  }
}
.oat-load {
  position: relative;
}

.oat-loading-container-sm .loading-dot, .oat-loading-sm .loading-dot {
  width: 4px;
  height: 4px;
  margin: 0 2px;
}

.oat-loading-container-md .loading-dot, .oat-loading-md .loading-dot {
  width: 8px;
  height: 8px;
  margin: 0 6px;
}

.oat-loading-container-lg .loading-dot, .oat-loading-lg .loading-dot {
  width: 12px;
  height: 12px;
  margin: 0 6px;
}

.loading-spacer {
  margin-right: 8px;
  display: inline-block;
}

oat-ag-grid-controller {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 48px;
  padding: 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
oat-ag-grid-controller a {
  color: var(--link-text-primary);
  font-weight: 500;
}
oat-ag-grid-controller a i {
  color: var(--link-icon-primary);
}
oat-ag-grid-controller a:hover {
  color: var(--link-text-hover);
  transition: all 100ms ease-in-out;
}
oat-ag-grid-controller a:hover i {
  color: var(--link-icon-hover);
}
oat-ag-grid-controller .pipes-l {
  color: #8F959F;
  margin: 0px 4px;
}
oat-ag-grid-controller .saveButtonContainer {
  overflow: hidden;
  margin: 0 8px;
}
oat-ag-grid-controller .saveButtonContainer .loading-dot {
  background-color: #ffffff;
}
oat-ag-grid-controller .saveButtonContainer .save-button {
  position: relative;
  transition: transform 0.5s ease, opacity 200ms ease;
  opacity: 1;
  z-index: 1;
}
oat-ag-grid-controller .saveButtonContainer .save-button.show {
  transform: translateX(0px);
}
oat-ag-grid-controller .saveButtonContainer .save-button.hide {
  transform: translateX(125px);
}
oat-ag-grid-controller .saveButtonContainer .save-button[fadeout] {
  opacity: 0;
}
oat-ag-grid-controller .saveButtonContainer .save-button .oat-loading-sm {
  height: 16px;
}
oat-ag-grid-controller .saveButtonContainer .save-button .saveButtonContent {
  display: flex;
  opacity: 1;
  transition: opacity 200ms ease;
  align-items: center;
}
oat-ag-grid-controller .saveButtonContainer .save-button .saveButtonContent i.pr-4 {
  padding-right: 4px;
}
oat-ag-grid-controller .saveButtonContainer .save-button .saveButtonContent[fadeout] {
  opacity: 0;
}
oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray {
  padding: 8px 12px;
}
oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:active {
  background-color: var(--grid-background-active) !important;
  color: var(--grid-text-active-hover) !important;
  fill: var(--grid-text-active-hover) !important;
}
oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:active i, oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:active svg, oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:active oat-icon {
  color: var(--grid-icon-active) !important;
  fill: var(--grid-icon-active) !important;
}
oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:focus {
  background-color: var(--grid-background-active) !important;
  color: var(--grid-text-active-hover) !important;
  fill: var(--grid-text-active-hover) !important;
}
oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:focus i, oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:focus svg, oat-ag-grid-controller .oat-btn.oat-btn-subtle-gray:focus oat-icon {
  color: var(--grid-icon-active) !important;
  fill: var(--grid-icon-active) !important;
}
oat-ag-grid-controller .oat-btn-subtle-gray-focus {
  padding: 6px 8px;
}
oat-ag-grid-controller .oat-btn-subtle-gray-focus:focus {
  border-color: #009FF9;
  box-shadow: var(--focus);
  outline: 0;
}
oat-ag-grid-controller .save-button.oat-btn.oat-btn-subtle-blue:hover {
  background: none;
  cursor: default;
}
oat-ag-grid-controller .save-button.oat-btn.oat-btn-subtle-blue:focus {
  outline: none;
  background: none;
  box-shadow: none;
  cursor: default;
}

oat-ag-search {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 15 1 auto;
  -ms-flex: 15 1 auto;
  flex: 15 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

oat-ag-grouping {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right: 8px;
}
oat-ag-grouping oat-menu .outerContainer {
  padding: 4px 8px 4px 0;
}

oat-ag-columns {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right: 8px;
}

oat-ag-filter {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right: 8px;
}
oat-ag-filter oat-select {
  margin-right: 8px;
}
oat-ag-filter oat-menu .outerContainer {
  padding: 4px 8px 4px 0;
}
oat-ag-filter oat-menu[noScroll] .outerContainer {
  padding: 4px 0px 4px 0;
}

oat-ag-actions {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right: 8px;
}

oat-popup-select {
  padding-top: 20px;
}

.oatSelectTriggerMask {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  padding-left: 8px;
}

oat-ag-filter #oatAgFiltersContainer {
  min-width: 600px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: absolute;
  z-index: 100;
  background: var(--filter-background-base);
  border: 1px solid var(--filter-stroke-primary);
  box-sizing: border-box;
  box-shadow: 0px 10px 16px rgba(55, 65, 81, 0.1), 0px 4px 6px rgba(55, 65, 81, 0.05);
  border-radius: 4px;
  align-self: flex-start;
  margin: 0px 0px;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
oat-ag-filter #oatAgFiltersContainer #noFilters, oat-ag-filter #oatAgFiltersContainer #title {
  color: var(--filter-text-secondary);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0;
}
oat-ag-filter #oatAgFiltersContainer #viewName {
  color: var(--filter-text-primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList {
  margin: 4px 0 16px 0;
  max-height: 160px;
  overflow-y: auto;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element oat-date-picker {
  z-index: 1000;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oat-textfield-container {
  position: relative;
  height: 30px;
  top: -1px;
  margin-bottom: 0px !important;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .timeBox {
  /* Auto Layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 8px 6px 28px;
  position: relative;
  min-width: 225px !important;
  left: 0px;
  top: -26px;
  border-radius: 4px;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 4px 8px 4px 0;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .textfield-icon-primary {
  position: relative;
  z-index: 999;
  top: 7px;
  left: 8px;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement > div {
  display: contents;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement i, oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement svg {
  color: var(--filter-icon-primary);
  transition: all 100ms ease-in-out;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement i:hover, oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement svg:hover {
  color: var(--filter-icon-hover);
  transition: all 100ms ease-in-out;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement select, oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement input {
  min-width: 180px;
  width: -webkit-fill-available;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement select {
  padding-right: 32px;
  text-overflow: ellipsis;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement oat-select {
  width: -webkit-fill-available;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement oat-popup-select .oat-columnSwitchs {
  display: flex;
  justify-content: space-between;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement .oatAgFilterItem {
  margin-right: 8px;
  cursor: pointer;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement oat-toggle .oat-toggle-group {
  padding-right: 0;
  margin-right: 0;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement oat-toggle .oat-toggle-group .oat-switch {
  padding-right: 0;
  margin-right: 0;
}
oat-ag-filter #oatAgFiltersContainer #oatAgFiltersList oat-ag-filter-element .oatAgFilterElement oat-date-picker #container #inputContainer input {
  width: 111px;
}
oat-ag-filter #oatAgFiltersContainer .oatAgFilterFooter {
  display: flex;
  justify-content: space-between;
  height: 24px;
}
oat-ag-filter #oatAgFiltersContainer .oatAgFilterFooter small {
  margin: auto 8px;
}
oat-ag-filter #oatAgFiltersContainer .oatAgFilterFooter #agFiltersApply {
  margin: 0 0 0 8px;
}
oat-ag-filter #oatAgFiltersContainer .oatAgFilterFooter .oat-ag-filters-add[disabled]:hover {
  background-color: transparent;
  color: var(--button-text-subtle-blue);
}
oat-ag-filter #oatAgFiltersContainer .oatAgFilterFooter .oatMenuContainer {
  max-height: 200px;
  overflow-y: auto;
}

.oat-ag-filter {
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-end;
}
.oat-ag-filter label.oat-upload-btn {
  height: auto !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-weight: 500;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 18px;
  box-shadow: var(--elevation-200);
  backface-visibility: hidden;
  border-radius: 0.25rem;
  transition: all 200ms ease-in-out;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: var(--button-background-secondary);
  color: var(--button-text-secondary);
  border: 1px solid;
  border-color: var(--button-stroke-secondary);
  margin-bottom: 0px;
}
.oat-ag-filter label.oat-upload-btn:hover {
  background: var(--button-background-secondary-hover);
  color: var(--button-text-secondary);
}
.oat-ag-filter label.oat-upload-btn:focus {
  border: 1px solid #009FF9;
  background: var(--button-background-secondary-active);
  box-shadow: var(--focus);
  outline: 0;
}
.oat-ag-filter label.oat-upload-btn:disabled {
  color: var(--button-text-secondary);
  background-color: var(--button-background-secondary);
  opacity: 0.5;
  cursor: auto;
}

oat-ag-grouping #oatAgGroupingContainer {
  width: 340px;
  display: flex;
  flex-direction: column;
  z-index: 100;
  padding: 15px;
  position: absolute;
  background: var(--grouping-background-base);
  border: 1px solid var(--grouping-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  align-self: flex-start;
  margin: 0px 0px;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
oat-ag-grouping #oatAgGroupingList {
  list-style: none;
  margin-left: -15px;
  margin-top: 0px;
  margin-bottom: 16px;
}
oat-ag-grouping #oatAgGroupingList li {
  margin-bottom: 4px;
}
oat-ag-grouping #oatAgGroupingList .oat-custom-select-alt {
  padding-right: 32px;
  text-overflow: ellipsis;
}
oat-ag-grouping .oatMenuContainer {
  max-height: 200px;
  overflow-y: auto;
}
oat-ag-grouping .groupSelect select.custom-select {
  border: none;
}
oat-ag-grouping .align-items-end {
  align-items: flex-end !important;
}
oat-ag-grouping .oat-group-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
oat-ag-grouping .oat-group-row a {
  color: var(--link-text-primary);
  margin-right: 8px;
}
oat-ag-grouping .oat-group-row a:hover {
  color: var(--link-text-hover);
  transition: all 100ms ease-in-out;
}
oat-ag-grouping .oat-group-col {
  width: 32%;
  color: var(--grouping-text-primary);
}
oat-ag-grouping .oat-group-col-select {
  width: 60%;
  margin-right: 12px;
}
oat-ag-grouping .oat-group-col-close {
  width: 4%;
}
oat-ag-grouping .oat-group-col-cta {
  flex: 1;
}
oat-ag-grouping .oat-group-col-close {
  cursor: pointer;
}
oat-ag-grouping .oat-group-col-close i, oat-ag-grouping .oat-group-col-close svg {
  color: var(--grouping-icon-primary);
  transition: all 100ms ease-in-out;
}
oat-ag-grouping .oat-group-col-close:hover i, oat-ag-grouping .oat-group-col-close:hover svg {
  color: var(--grouping-icon-hover);
  transition: all 100ms ease-in-out;
}
oat-ag-grouping #disclaimerMessage {
  color: var(--grouping-text-secondary);
}

oat-popup-select {
  padding-top: 20px;
}

.oatSelectTriggerMask {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  padding-left: 8px;
}

#oatAgColumnSearch {
  margin-bottom: 8px;
}

#oatAgColumnsButton[active] {
  background-color: var(--grid-background-active);
  color: var(--grid-text-active);
  outline: none;
}

#oatAgColumnsBox {
  z-index: 100;
  display: flex;
  margin-top: 0px !important;
  flex-direction: column;
  padding: 16px 16px 6px 16px;
  position: absolute;
  min-width: 240px;
  height: auto;
  background: var(--menu-background-base);
  border: 1px solid var(--menu-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}

.oatAgColumnList {
  max-height: 256px;
  overflow-y: auto;
}

.columnSwitchs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 6px 12px 2px;
  color: var(--menu-text-primary);
}
.columnSwitchs .oat-switch {
  margin: 0 0 0 16px;
}

oat-ag-search {
  display: block;
  font-weight: 400;
}
oat-ag-search #oatAgSearchBox {
  height: 36px;
  width: inherit;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
oat-ag-search #oatAgSearchBox .oat-GridSearchControl {
  display: block;
  width: 95%;
  height: 36px;
  padding: 0 16px 0 32px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
oat-ag-search #oatAgSearchBox .oat-GridSearchControl:focus {
  color: var(--grid-text-primary);
  border: none;
  outline: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
oat-ag-search #oatAgSearchBox .oat-GridSearchControl:focus ::selection {
  position: relative;
  top: 1px;
}
oat-ag-search #oatAgSearchBox .oat-input-icon {
  position: absolute;
}
oat-ag-search #oatAgSearchBox .oat-input-icon.icon-left {
  padding-left: 8px;
  margin-top: 0;
  transition: all 200ms ease-in-out;
}
oat-ag-search #oatAgSearchBox .oat-input-icon.icon-left i, oat-ag-search #oatAgSearchBox .oat-input-icon.icon-left svg {
  color: var(--grid-icon-primary);
  fill: var(--grid-icon-primary);
  transition: all 200ms ease-in-out;
}
oat-ag-search #oatAgSearchBox .oat-input-icon.icon-right {
  position: relative;
  right: 0;
  padding-right: 8px;
  cursor: pointer;
}
oat-ag-search #oatAgSearchBox .oat-input-icon.icon-right i, oat-ag-search #oatAgSearchBox .oat-input-icon.icon-right svg {
  color: var(--grid-icon-subtle);
  fill: var(--grid-icon-subtle);
  transition: all 200ms ease-in-out;
}
oat-ag-search #oatAgSearchBox .oat-input-icon.icon-right i:hover, oat-ag-search #oatAgSearchBox .oat-input-icon.icon-right svg:hover {
  color: var(--grid-icon-subtle-hover);
  fill: var(--grid-icon-subtle-hover);
  transition: all 200ms ease-in-out;
}
oat-ag-search #oatAgSearchBox[active=true] .icon-left i, oat-ag-search #oatAgSearchBox[active=true] .icon-left svg {
  color: var(--grid-icon-subtle-active);
  fill: var(--grid-icon-subtle-active);
  transition: all 200ms ease-in-out;
}

.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after {
  top: -1px;
  left: -1px;
}

.ag-theme-alpine {
  min-height: 320px !important;
}
.ag-theme-alpine .ag-popup {
  height: 0 !important;
  min-height: 0 !important;
}

.ag-theme-alpine .ag-root-wrapper {
  border: solid 1px;
  border-color: var(--grid-stroke-primary);
  border-radius: 3px;
  background: var(--grid-background-base);
}

.ag-theme-alpine .ag-root-wrapper img {
  width: 20px;
  border-radius: 25px;
  margin-right: 3px;
}

.ag-theme-alpine {
  -webkit-font-smoothing: antialiased;
  /* Orion / Gray / gray-600 */
  color: var(--grid-text-primary) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-size: 14px;
  line-height: normal;
}

.ag-header-row {
  text-transform: uppercase;
  font-size: 12px !important;
  letter-spacing: 0.05px !important;
  font-weight: 600 !important;
  color: var(--grid-text-header) !important;
  background: var(--grid-background-header) !important;
  height: 35px !important;
  min-height: 35px !important;
}

.ag-row-group {
  font-weight: 600;
}

element.style {
  height: 36px;
  transform: translateY(210px);
}

.ag-theme-alpine .ag-row:not(.ag-row-first) {
  border-top-style: solid;
  border-color: var(--grid-stroke-primary);
}

.ag-theme-alpine .ag-row {
  font-size: 14px;
  height: 36px !important;
  min-height: 36px !important;
  color: var(--grid-text-primary) !important;
  color: var(--ag-foreground-color, #181d1f);
  border-bottom-style: none;
  background-color: var(--grid-background-base);
}
.ag-theme-alpine .ag-row:hover {
  background-color: var(--grid-background-hover);
}

.ag-theme-alpine .ag-cell {
  line-height: 32px !important;
}

.ag-theme-alpine .ag-row-selected {
  background-color: var(--grid-background-active) !important;
  box-shadow: inset 0px -1px 0px var(--grid-stroke-active), inset 0px 1px 0px var(--grid-stroke-active);
}

.ag-theme-alpine .ag-header {
  background: var(--grid-background-header);
  border-color: var(--grid-stroke-primary);
  height: 39px;
}

.ag-theme-alpine .ag-row-selected {
  background-color: var(--grid-background-active);
}

.ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected), .ag-theme-alpine .ag-ltr .ag-cell-range-single-cell, .ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected), .ag-theme-alpine .ag-rtl .ag-cell-range-single-cell, .ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  background-color: var(--grid-background-selected);
  border: 1px solid var(--grid-stroke-selected);
}

.ag-input-field-input .ag-checkbox-input {
  background: var(--checkbox-background-base);
  border: 1px solid var(--checkbox-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation--50);
  border-radius: 4px;
}

.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after {
  color: var(--checkbox-background-primary) !important;
  border: 1px solid transparent;
  border-radius: 4px !important;
}

.ag-theme-alpine .ag-checkbox-input-wrapper::after {
  border: transparent;
}

.ag-theme-alpine .ag-checkbox-input-wrapper:focus-within, .ag-theme-alpine .ag-checkbox-input-wrapper:active {
  box-sizing: border-box;
  box-shadow: var(--focus);
  border-radius: 4px;
}

.ag-theme-alpine .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  height: 32px;
}

.ag-center-cols-viewport {
  background: var(--grid-background-base);
}

.ag-theme-alpine .ag-icon {
  color: var(--grid-icon-primary);
}

.ag-menu {
  background: var(--menu-background-base) !important;
  border: 1px solid var(--menu-stroke-primary) !important;
  box-sizing: border-box !important;
  /* Elevation/500 */
  box-shadow: 0px 8px 16px rgba(55, 65, 81, 0.1), 0px 2px 6px rgba(55, 65, 81, 0.05) !important;
  border-radius: 4px !important;
}

.ag-menu-option {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--menu-text-primary);
}

.ag-menu-option-icon {
  color: #494f5a;
}

.ag-menu-option:hover, .ag-menu-option-active {
  background: var(--menu-background-hover) !important;
}

.ag-menu-separator-part:after {
  color: var(--menu-stroke-primary) !important;
  border-top-color: var(--menu-stroke-primary) !important;
}

.ag-theme-alpine .ag-menu-header {
  background-color: var(--white);
}

.ag-theme-alpine .ag-header-cell-moving {
  background: var(--white) !important;
}

.center-headerName * .ag-header-cell-label {
  justify-content: center !important;
}

.ag-theme-alpine .ag-drag-handle svg, .ag-theme-alpine .ag-drag-handle i {
  font-weight: normal;
  font-size: small;
  color: var(--menu-icon-primary);
  width: 16px;
  height: 16px;
}

.ag-dnd-ghost {
  display: none;
}

.ag-theme-alpine .ag-overlay-loading-wrapper {
  background-color: var(--grid-background-base);
}

.ag-theme-alpine .ag-overlay-loading-center {
  color: var(--grid-text-subtle);
  background: var(--grid-background-header);
  border-color: var(--grid-stroke-secondary);
  box-shadow: var(--elevation-400);
}

.ag-theme-alpine .ag-floating-filter {
  display: flex;
}

oat-ag-views #trigger {
  color: var(--grid-text-active);
  margin-left: 16px;
}
oat-ag-views #trigger i, oat-ag-views #trigger svg {
  color: var(--grid-icon-subtle-active);
}
oat-ag-views #trigger:hover {
  color: var(--grid-text-active-hover);
  background-color: var(--grid-background-hover);
}
oat-ag-views #trigger:hover i, oat-ag-views #trigger:hover svg {
  color: var(--grid-icon-active);
}
oat-ag-views #trigger[active] {
  color: var(--grid-text-active-hover);
  background-color: var(--grid-background-active);
}
oat-ag-views #trigger[active] i, oat-ag-views #trigger[active] svg {
  color: var(--grid-icon-active);
}
oat-ag-views #container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 0;
  background: var(--menu-background-base);
  border: 1px solid var(--menu-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  color: var(--menu-text-primary);
  width: 240px;
  z-index: 100;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
oat-ag-views #container #list {
  padding-bottom: 6px;
}
oat-ag-views #container #footer {
  width: 100%;
  border-top: 1px solid var(--menu-stroke-primary);
  color: var(--menu-text-primary);
  padding-top: 8px;
  margin-bottom: 2px;
  font-weight: 500;
}
oat-ag-views #container #footer div {
  padding: 6px 16px;
  transition: all 100ms ease-in-out;
}
oat-ag-views #container #footer div i, oat-ag-views #container #footer div svg {
  color: var(--menu-icon-primary);
}
oat-ag-views #container #footer div:hover {
  background: var(--menu-background-hover);
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
oat-ag-views #container #footer div:hover i, oat-ag-views #container #footer div:hover svg {
  color: var(--menu-icon-hover-default);
  transition: all 100ms ease-in-out;
}
oat-ag-views #container .defaultView {
  border-top: 1px solid var(--menu-stroke-primary);
  padding-top: 6px;
}
oat-ag-views #container div#defaultItem {
  margin-bottom: 6px;
}
oat-ag-views oat-ag-view-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: 6px 16px;
  width: 206px;
  flex: none;
  flex-grow: 0;
  color: var(--menu-text-primary);
  margin: 2px 0px;
  font-weight: 500;
  transition: all 100ms ease-in-out;
  box-sizing: unset !important;
}
oat-ag-views oat-ag-view-item[active] {
  color: var(--menu-text-active);
  transition: all 100ms ease-in-out;
}
oat-ag-views oat-ag-view-item[active]:hover {
  color: var(--menu-text-hover-active);
}
oat-ag-views oat-ag-view-item:hover {
  background: var(--menu-background-hover);
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
oat-ag-views oat-ag-view-item:hover #itemContainer > #controls {
  display: flex;
  opacity: 1;
  transition: all 100ms ease-in-out;
}
oat-ag-views oat-ag-view-item #itemContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
oat-ag-views oat-ag-view-item #itemContainer .oat-textfield-container {
  margin-bottom: 0px;
}
oat-ag-views oat-ag-view-item #itemContainer #controls {
  color: var(--menu-icon-primary);
  display: flex;
  opacity: 0;
  align-items: center;
  transition: all 100ms ease-in-out;
}
oat-ag-views oat-ag-view-item #itemContainer #controls span {
  height: 16px;
  width: 16px;
  padding: 2px;
  margin-left: 8px;
}
oat-ag-views oat-ag-view-item #itemContainer #controls i, oat-ag-views oat-ag-view-item #itemContainer #controls svg:hover {
  color: var(--menu-icon-hover-active);
  transition: all 100ms ease-in-out;
}

oat-ag-views oat-ag-view-item #itemControls {
  position: absolute;
  left: 239px;
  top: -9px;
  background: var(--menu-background-base);
  border: 1px solid var(--menu-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: none;
  flex-grow: 0;
  color: var(--menu-text-primary);
  font-weight: 500;
  transition: all 100ms ease-in-out;
  box-sizing: unset !important;
  padding: 6px 0;
}

oat-ag-views oat-ag-view-item .viewControlRow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 6px 16px;
  width: 206px;
  flex: none;
  flex-grow: 0;
  color: var(--menu-text-primary);
  margin: 2px 0px;
  font-weight: 500;
  transition: all 100ms ease-in-out;
  box-sizing: unset !important;
}

oat-ag-views oat-ag-view-item .viewControlRow:hover {
  color: var(--menu-icon-hover-active);
  background: var(--menu-background-hover);
  transition: all 100ms ease-in-out;
}

.control-container {
  padding-bottom: 8px;
}

.delete-container {
  border-top: 1px solid var(--menu-stroke-primary);
  padding-top: 6px !important;
}

.delete-text {
  color: var(--menu-text-delete) !important;
}

.icon-fix {
  margin-right: 8px;
}

oat-accordion {
  --accordion-transition: all 200ms ease-in-out;
}

.oat-accordion-border {
  border-right: 1px solid var(--accordion-stroke-primary);
  border-left: 1px solid var(--accordion-stroke-primary);
  border-bottom: 1px solid var(--accordion-stroke-primary);
  border-radius: 5px;
}

oat-app-dock {
  --transition-normal:all 200ms ease-in-out;
  display: block;
  height: 100%;
  z-index: 1;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 0px 16px;
  background-color: var(--appdock-background-base);
  box-shadow: inset -1px 0px 0px var(--appdock-stroke-secondary);
}
oat-app-dock .app-dock-btn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 32px;
  border-radius: 8px;
  text-align: left;
  background-color: transparent;
  color: var(--appdock-text-inactive);
  transition: all 200ms ease-in-out;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
oat-app-dock .app-dock-btn i {
  margin-right: 16px;
  color: var(--appdock-icon-secondary);
  height: 28px;
  width: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease-in-out;
  border: 2px solid transparent;
  border-radius: 10px;
}
oat-app-dock .app-dock-btn:hover, oat-app-dock .app-dock-btn:focus, oat-app-dock .app-dock-btn[activeOnHover] {
  cursor: pointer;
  background-color: var(--appdock-background-hover);
  color: var(--appdock-text-primary);
  border-radius: 8px;
}
oat-app-dock .app-dock-btn:hover i, oat-app-dock .app-dock-btn:focus i, oat-app-dock .app-dock-btn[activeOnHover] i {
  color: var(--appdock-icon-primary);
}
oat-app-dock .app-dock-btn[active] {
  color: var(--appdock-text-active);
  border-radius: 8px;
}
oat-app-dock .app-dock-btn[active] i {
  color: var(--appdock-icon-focus);
  background: var(--appdock-background-app-active);
  border: 2px solid var(--appdock-stroke-app-active);
  box-shadow: inset 0px 0px 0px 2px var(--appdock-background-base);
  border-radius: 10px;
  width: 28px;
  height: 28px;
}
oat-app-dock .footer-btn-collapse {
  width: 32px;
}
oat-app-dock .footer-btn-collapse span {
  display: none;
}
oat-app-dock oat-menu {
  padding-left: 20px;
}
oat-app-dock .app-dock-footer {
  position: absolute;
  bottom: 55px;
  width: 224px;
}
oat-app-dock .footer-btn-hover {
  width: 32px;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}

.expanded-app-dock-ftr-btn {
  width: 224px;
  overflow: hidden;
}

.collapsed-app-dock-ftr-btn {
  width: 33px;
  overflow: hidden;
}

.expanded-app-dock {
  margin-left: 265px !important;
  transition: all 200ms ease-in-out;
}

.collapsed-app-dock {
  margin-left: 64px;
  transition: all 200ms ease-in-out;
}

.oat-user-avatar {
  position: relative;
  margin-bottom: 0;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  vertical-align: middle;
  border-radius: 4rem;
  border: 2px solid var(--avatar-stroke-primary);
  background-color: var(--gray-200);
}
.oat-user-avatar i, .oat-user-avatar svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.oat-user-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.oat-user-avatar .status {
  position: absolute;
  border-radius: 50%;
  bottom: 0;
  right: 0;
}
.oat-user-avatar .initials {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.oat-user-avatar.oat-user-avatar-xs {
  width: 20px;
  height: 20px;
  font-size: 2rem;
  border: 1px solid var(--avatar-stroke-primary);
}
.oat-user-avatar.oat-user-avatar-xs .status {
  border: 1px solid var(--avatar-stroke-primary);
  height: 3px;
  width: 3px;
}
.oat-user-avatar.oat-user-avatar-xs .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-xs .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-xs i, .oat-user-avatar.oat-user-avatar-xs svg {
  font-size: 10px;
  left: 4px;
}
.oat-user-avatar.oat-user-avatar-xs .initials {
  font-size: 8px !important;
  text-align: center;
  line-height: 20px;
}
.oat-user-avatar.oat-user-avatar-sm {
  width: 24px;
  height: 24px;
  font-size: 2rem;
}
.oat-user-avatar.oat-user-avatar-sm .status {
  border: 1px solid var(--avatar-stroke-primary);
  height: 6px;
  width: 6px;
}
.oat-user-avatar.oat-user-avatar-sm .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-sm .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-sm i, .oat-user-avatar.oat-user-avatar-sm svg {
  font-size: 14px;
  left: 4px;
}
.oat-user-avatar.oat-user-avatar-sm .initials {
  font-size: 10px;
  text-align: center;
  line-height: 24px;
}
.oat-user-avatar.oat-user-avatar-md {
  width: 32px;
  height: 32px;
  font-size: 2rem;
}
.oat-user-avatar.oat-user-avatar-md .status {
  border: 1.5px solid var(--avatar-stroke-primary);
  height: 7px;
  width: 7px;
}
.oat-user-avatar.oat-user-avatar-md .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-md .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-md i, .oat-user-avatar.oat-user-avatar-md svg {
  font-size: 22px;
  left: 7px;
}
.oat-user-avatar.oat-user-avatar-md .initials {
  font-size: 12px;
  text-align: center;
  line-height: 34px;
}
.oat-user-avatar.oat-user-avatar-lg {
  width: 40px;
  height: 40px;
  font-size: 2rem;
}
.oat-user-avatar.oat-user-avatar-lg .status {
  border: 1.5px solid var(--avatar-stroke-primary);
  height: 9px;
  width: 9px;
}
.oat-user-avatar.oat-user-avatar-lg .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-lg .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-lg i, .oat-user-avatar.oat-user-avatar-lg svg {
  font-size: 25px;
  left: 8px;
}
.oat-user-avatar.oat-user-avatar-lg .initials {
  font-size: 16px;
  text-align: center;
  line-height: 42px;
}
.oat-user-avatar.oat-user-avatar-xl {
  width: 64px;
  height: 64px;
  font-size: 2rem;
  border: 3px solid var(--avatar-stroke-primary);
}
.oat-user-avatar.oat-user-avatar-xl .status {
  border: 2px solid var(--avatar-stroke-primary);
  height: 12px;
  width: 12px;
}
.oat-user-avatar.oat-user-avatar-xl .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-xl .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-xl i, .oat-user-avatar.oat-user-avatar-xl svg {
  font-size: 38px;
  left: 12px;
}
.oat-user-avatar.oat-user-avatar-xl .initials {
  font-size: 26px;
  text-align: center;
  line-height: 66px;
}
.oat-user-avatar.oat-user-avatar-xxl {
  width: 128px;
  height: 128px;
  font-size: 2rem;
  border: 4px solid var(--avatar-stroke-primary);
}
.oat-user-avatar.oat-user-avatar-xxl .status {
  border: 4px solid var(--avatar-stroke-primary);
  height: 32px;
  width: 32px;
}
.oat-user-avatar.oat-user-avatar-xxl .status.online {
  background-color: var(--avatar-background-online);
}
.oat-user-avatar.oat-user-avatar-xxl .status.offline {
  background-color: var(--avatar-background-offline);
}
.oat-user-avatar.oat-user-avatar-xxl i, .oat-user-avatar.oat-user-avatar-xxl svg {
  font-size: 85px;
  left: 24px;
}
.oat-user-avatar.oat-user-avatar-xxl .initials {
  font-size: 56px;
  text-align: center;
  line-height: 130px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0.5rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}
.breadcrumb .breadcrumb-item {
  font-weight: 500;
  padding-left: 0;
}
.breadcrumb .breadcrumb-item > a {
  color: var(--breadcrumbs-text-primary);
  border-radius: 1px;
  padding: 0.25rem 0.5rem;
  transition: all 0.12s ease-in;
}
.breadcrumb .breadcrumb-item > a:hover {
  text-decoration: none;
  color: var(--breadcrumbs-text-hover);
  padding: 0.25rem 0.5rem;
  background-color: var(--breadcrumbs-background-hover);
  border-radius: 4px;
}
.breadcrumb .breadcrumb-item.active {
  color: var(--breadcrumbs-text-active);
  padding: 0 0.5rem;
}
.breadcrumb .breadcrumb-icon i {
  display: inline-block;
  padding-right: 0;
  color: var(--breadcrumbs-icon-primary);
  text-align: center;
  width: 0.75rem;
  font-size: 0.875rem;
}

.oat-btn-group {
  /* Clear floats (clearfix hack) */
}
.oat-btn-group button {
  padding: 8px 16px;
  height: 36px;
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  box-shadow: var(--elevation-200);
  font-weight: 500;
  font-size: 14px;
}
.oat-btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.oat-btn-group button:not(:last-child) {
  border-right: none !important; /* Prevent double borders */
}
.oat-btn-group button:first-child {
  border-radius: 4px 0px 0px 4px;
}
.oat-btn-group button:last-child {
  border-radius: 0px 4px 4px 0px;
}
.oat-btn-group i, .oat-btn-group svg {
  padding-right: 4px;
}
.oat-btn-group.primary {
  background: none;
}
.oat-btn-group.primary button {
  border: 1px solid var(--buttongroup-stroke-primary);
  color: var(--button-text-primary);
  background: var(--button-background-primary);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.primary button:hover {
  background: var(--button-background-primary-hover);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.primary button:active {
  background: var(--button-background-primary-active);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.primary button:focus {
  background: var(--button-background-primary-active);
  border: 1px solid var(--buttongroup-stroke-primary);
  box-shadow: var(--focus);
}
.oat-btn-group.primary button:disabled {
  color: var(--button-text-primary);
  background-color: var(--button-background-primary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn-group.secondary button {
  border: 1px solid var(--buttongroup-stroke-secondary);
  color: var(--button-text-secondary);
  background: var(--button-background-secondary);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.secondary button:hover {
  background: var(--button-background-secondary-hover);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.secondary button:active {
  background: var(--button-background-secondary-active);
  transition: all 200ms ease-in-out;
}
.oat-btn-group.secondary button:focus {
  background: var(--button-background-secondary-active);
  border: 1px solid var(--buttongroup-stroke-secondary);
  box-shadow: var(--focus);
}
.oat-btn-group.secondary button:disabled {
  color: var(--button-text-secondary);
  background-color: var(--button-background-secondary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn-group .dropdown {
  position: absolute;
  display: inline-block;
}
.oat-btn-group .dropdown button {
  padding: 8px 8px;
  width: 36px;
}
.oat-btn-group .dropdown button:first-child {
  border-radius: 0px 4px 4px 0px;
}
.oat-btn-group .dropdown button:not(:last-child) {
  border-right: 1px solid var(--buttongroup-stroke-secondary) !important;
}
.oat-btn-group .dropdown i, .oat-btn-group .dropdown svg {
  padding: 0px;
}
.oat-btn-group .dropdown-content {
  display: none;
  position: absolute;
  top: 36px;
  right: 0px;
  min-width: 160px;
  z-index: 1;
  box-shadow: var(--elevation-500);
  border: 1px solid var(--menu-stroke-primary);
  background-color: var(--menu-background-base);
  border-radius: 4px;
  transition: all 200ms ease-in-out;
}
.oat-btn-group .dropdown-content a {
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  color: var(--menu-text-primary);
}
.oat-btn-group .dropdown-content a:hover {
  background-color: var(--menu-background-hover);
  transition: all 200ms ease-in-out;
}
.oat-btn-group .dropdown-content a:active {
  color: var(--menu-text-active);
  transition: all 200ms ease-in-out;
}
.oat-btn-group .dropdown:hover .dropdown-content {
  display: block;
  transition: all 200ms ease-in-out;
}

.oat-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 16px;
}

.oat-card {
  background: var(--card-background-base);
  box-shadow: var(--elevation-400);
  border-radius: 4px;
  margin: 8px;
  flex: 1;
}
.oat-card .oat-card-header, .oat-card .oat-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
  color: var(--card-text-title);
}
.oat-card .oat-card-header i, .oat-card .oat-card-header svg, .oat-card .oat-card-footer i, .oat-card .oat-card-footer svg {
  color: var(--card-icon-primary);
}
.oat-card .oat-card-header a, .oat-card .oat-card-footer a {
  color: var(--card-text-link);
  font-weight: 500;
  transition: all 200ms ease-in-out;
}
.oat-card .oat-card-header a:hover, .oat-card .oat-card-footer a:hover {
  color: var(--link-text-primary);
  transition: all 200ms ease-in-out;
}
.oat-card .oat-card-header {
  padding: 12px 16px;
}
.oat-card .oat-card-header h6 {
  margin: 0px;
}
.oat-card .oat-card-header .oat-card-header-menu:hover {
  cursor: pointer;
}
.oat-card .oat-card-body {
  min-width: 320px;
}
.oat-card .oat-card-footer {
  padding: 12px 16px;
}
.oat-card .oat-footer-right-cta button, .oat-card .oat-footer-left-cta {
  display: flex;
  align-items: center;
}
.oat-card .oat-footer-right-cta button span, .oat-card .oat-footer-left-cta span {
  margin: 0 8px;
}
.oat-card .empty-state {
  /* Light / Blue / blue-100 */
  background: #E6F5FF;
  color: #0078D4;
  text-transform: uppercase;
  min-height: 350px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

oat-editor {
  --container-background-color: #ffffff;
  --footer-background-color: #ffffff;
  --modal-transition: all 200ms ease-in-out;
}
oat-editor .viewContainer {
  opacity: 1;
}
oat-editor .header-container {
  display: flex;
  align-items: center;
  height: 64px;
  box-shadow: var(--elevation-300);
  position: relative;
  z-index: 5;
  background: var(--editor-background-base);
}
oat-editor .header-container h5 {
  margin: 0px;
  color: var(--editor-text-primary);
}
oat-editor .header-container .logo-container {
  flex: 0 1 auto;
  padding: 12px 16px;
  line-height: 0;
}
oat-editor .header-container .page-title-container {
  flex: 1 1 auto;
  padding: 12px 16px 12px 0px;
  line-height: 0;
}
oat-editor .header-container .page-title-container h5 {
  margin: 0px;
}
oat-editor .header-container .description {
  color: var(--editor-text-secondary);
  font-weight: 500;
}
oat-editor .header-container .value {
  padding: 12px 0;
  text-align: right;
  line-height: 0;
}
oat-editor .header-container .close-container {
  padding: 0 16px 0 0;
  display: flex;
  align-items: center;
  grid-column: 4;
}
oat-editor .header-container .divider {
  width: 1px;
  height: 40px;
  background: var(--editor-stroke-secondary);
  margin: 12px 16px 12px 24px;
  font-weight: 400;
}
oat-editor .editor-container ul {
  list-style: none;
  margin-top: 0px;
  margin-left: -15px;
}
oat-editor .editor-container li {
  padding: 12px 0px;
  color: var(--editor-text-primary);
}
oat-editor .editor-container li.nav-header {
  text-transform: uppercase;
  padding-bottom: 6px;
  padding-top: 24px;
  letter-spacing: 0.5px;
  color: var(--editor-text-secondary);
  font-size: 12px;
  font-weight: 600;
}
oat-editor .editor-container li.nav-link {
  padding: 6px 16px;
  border-radius: 4px;
  margin: 6px 0px;
  transition: all 100ms ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0);
  font-weight: 500;
}
oat-editor .editor-container li.nav-link:hover {
  background-color: var(--editor-background-hover);
  cursor: pointer;
  border: 1px solid var(--editor-background-hover);
  transition: all 100ms ease-in-out;
}
oat-editor .editor-container li[active], oat-editor .editor-container li[active]:hover {
  background-color: var(--editor-background-active);
  cursor: pointer;
  border: 1px solid var(--editor-stroke-active);
  color: var(--editor-text-active);
}
@media only screen and (min-height: 960px) {
  oat-editor.modal-dialog-scrollable {
    height: 800px;
  }
}
oat-editor .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
oat-editor .modal-title {
  line-height: 32px;
  margin: 0;
}
oat-editor .modal-body {
  padding: 32px;
  background-color: var(--editor-background-base);
}
oat-editor .modal-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
oat-editor .close-modal-icon {
  font-size: 24px;
  text-align: center;
  color: var(--editor-icon-secondary);
  transition: all 200ms ease-in-out;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
oat-editor .close-modal-icon:hover {
  cursor: pointer;
  transition: all 200ms ease-in-out;
  background-color: var(--editor-background-hover);
  border-radius: 4px;
}
oat-editor .oat-modal-3btn .oat-btn {
  position: relative;
}
oat-editor .oat-modal-3btn .oat-btn:nth-child(1) {
  float: left;
}
oat-editor .oat-modal-3btn .oat-btn {
  float: right;
}
oat-editor .oat-modal-3btn {
  width: 100%;
}
oat-editor .oat-modal-spaceBtwn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.oat-badge {
  vertical-align: middle;
  font-weight: 600;
  border-radius: 32px;
}

.oat-badge-lg {
  font-size: 14px;
  line-height: 20px;
  padding: 0px 8px;
  height: 20px;
}
.oat-badge-lg i, .oat-badge-lg svg {
  font-size: 14px;
}

.oat-badge-sm {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
}

.oat-badge-primary {
  color: var(--badge-text-primary);
  background-color: var(--badge-background-primary);
}

.oat-badge-secondary {
  color: var(--badge-text-secondary);
  background-color: var(--badge-background-secondary);
}

.oat-badge-tertiary {
  color: var(--badge-text-tertiary);
  background-color: var(--badge-background-tertiary);
}

.oat-badge-warning {
  color: var(--badge-text-warning);
  background-color: var(--badge-background-warning);
}

.oat-badge-error {
  color: var(--badge-text-error);
  background-color: var(--badge-background-error);
}

.oat-badge-success {
  color: var(--badge-text-success);
  background-color: var(--badge-background-success);
}

.oat-badge-notification {
  color: var(--badge-text-notification);
  background-color: var(--badge-background-notification);
}

.oat-btn .oat-badge {
  position: relative;
  top: -1px;
}

.oat-badge-pill {
  border-radius: 32px;
}

.oat-badge-sm:empty {
  display: none;
}

oat-toggle {
  display: block;
  width: fit-content;
}
oat-toggle .oat-toggle-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0;
  border-radius: 4px;
  transition: all 200ms ease-in-out;
}
oat-toggle label {
  display: flex;
  align-items: center;
  position: relative;
  width: 32px;
  height: 16px;
  cursor: pointer;
  margin-bottom: 0px;
}
oat-toggle label .oat-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggle-background-base);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
oat-toggle label .oat-slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: var(--toggle-background-secondary);
  -webkit-transition: 0.4s;
  transition: 0.2s;
  border-radius: 50%;
}
oat-toggle .label-helptext {
  margin-left: 8px;
}
oat-toggle .oat-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
  cursor: pointer;
}
oat-toggle .oat-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
oat-toggle .oat-switch input:checked + .oat-slider {
  background-color: var(--toggle-background-primary);
}
oat-toggle .oat-switch input:focus + .oat-slider {
  box-shadow: var(--focus);
}
oat-toggle .oat-switch input:checked + .oat-slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
oat-toggle .oat-switch-label-on, oat-toggle .oat-switch-label-off {
  display: block;
  position: absolute;
  height: 100%;
  text-align: center;
  color: var(--toggle-icon-primary);
  fill: var(--toggle-icon-primary);
}
oat-toggle .oat-switch-label-on oat-icon, oat-toggle .oat-switch-label-off oat-icon {
  font-size: 0.5rem;
}
oat-toggle .oat-switch-label-on + .oat-switch-lg, oat-toggle .oat-switch-label-off + .oat-switch-lg {
  top: 2px;
}
oat-toggle .oat-switch-label-on {
  left: 0;
  right: 16px;
  top: 0px;
}
oat-toggle .oat-switch-label-off {
  right: 4px;
  top: 0px;
}
oat-toggle[size=large] .oat-switch {
  width: 48px;
  height: 24px;
}
oat-toggle[size=large] .oat-switch > .oat-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: var(--toggle-background-secondary);
  transition: 0.2s;
}
oat-toggle[size=large] .oat-switch input:checked + .oat-slider:before {
  transform: translateX(24px);
}
oat-toggle[size=large] .oat-switch .oat-switch-label-off oat-icon, oat-toggle[size=large] .oat-switch .oat-switch-label-on oat-icon {
  font-size: 0.85rem;
  margin-top: 4px;
}
oat-toggle[size=large] .oat-switch > .oat-switch-label-on, oat-toggle[size=large] .oat-switch > .oat-switch-label-off {
  top: 1px;
}
oat-toggle[size=large] .oat-switch .oat-switch-label-on {
  right: 24px;
  color: var(--toggle-icon-primary);
}
oat-toggle[size=large] .oat-switch .oat-switch-label-off {
  right: 5px;
  color: var(--toggle-icon-primary);
}
oat-toggle[size=large] .oat-switch + .oat-disabled > .slider:before {
  background-color: var(--toggle-background-disabled-secondary);
}
oat-toggle[size=large] .oat-switch + .oat-disabled .oat-switch-label-off {
  display: none;
}
oat-toggle[disabled=true] {
  pointer-events: none;
}
oat-toggle[disabled=true] .oat-switch .oat-slider {
  background-color: var(--toggle-background-disabled-primary) !important;
}
oat-toggle[disabled=true] .oat-switch .oat-slider:before {
  background: var(--toggle-background-disabled-secondary);
  fill: var(--toggle-background-disabled-secondary);
}
oat-toggle[disabled=true] .oat-switch .oat-switch-label-on {
  color: var(--toggle-icon-disabled);
  fill: var(--toggle-icon-disabled);
}
oat-toggle[disabled=true] .oat-switch .oat-switch-label-off {
  color: var(--toggle-icon-disabled);
  fill: var(--toggle-icon-disabled);
}
oat-toggle:not([label]) .label-helptext {
  margin: 0;
}
oat-toggle:not([label]) .oat-toggle-desc {
  display: none;
}
oat-toggle:not([subtext]) .oat-toggle-help-text {
  display: none;
}
oat-toggle .oat-toggle-desc {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--toggle-text-primary);
}
oat-toggle .oat-toggle-help-text {
  display: block;
  color: var(--toggle-text-secondary);
  font-size: 12px;
}
oat-toggle .oat-columnSwitchs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 2px;
}

oat-multi-select:not(:defined) {
  display: none;
}

.popup-items {
  margin: 0 -8px;
  padding: 0;
  max-height: 180px;
  overflow: scroll;
}

.popup-menu-item {
  display: flex;
  padding: 8px 8px 0 8px;
  text-decoration: none;
  padding-bottom: 8px;
}
.popup-menu-item:hover {
  background: var(--menu-background-hover);
}
.popup-menu-item:hover[disabled] {
  background: none;
}
.popup-menu-item[disabled] > label {
  color: var(--checkbox-text-disabled);
  cursor: auto;
}

.popup-menu-item > label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--checkbox-text-primary);
  transition: all 100ms ease-in-out;
  width: fit-content;
  margin-bottom: -3px;
}
.popup-menu-item > label:hover > input[type=checkbox]:before {
  background: var(--checkbox-background-hover-inactive);
  border: 1px solid var(--checkbox-stroke-primary);
}

.popup-menu-item > label > input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.popup-menu-item > label > input[type=checkbox]:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  content: "";
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-top;
  visibility: visible;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--checkbox-background-base);
  border: 1px solid var(--checkbox-stroke-primary);
  transition: all 100ms ease-in-out;
  box-shadow: var(--elevation--50);
}
.popup-menu-item > label > input[type=checkbox]:checked:before {
  background: var(--checkbox-background-primary);
  border: 1px solid transparent;
}
.popup-menu-item > label > input[type=checkbox]:checked:after {
  content: "";
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  color: var(--checkbox-icon-primary);
  left: 14px;
  top: 8px;
}
.popup-menu-item > label > input[type=checkbox]:focus:before {
  box-shadow: var(--focus);
}
.popup-menu-item > label > input[type=checkbox]:disabled:before {
  box-shadow: none;
  background: var(--checkbox-background-disabled);
}

.popup-search-box {
  padding: 8px 8px 0 8px;
  padding-bottom: 16px;
}

.divider-sm.popup-divider {
  margin: 0 -8px;
}

.popup-flex-div {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}

oat-select:not(:defined), oat-popup-select:not(:defined) {
  display: none;
}

oat-popup-select {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
}
oat-popup-select .two-columns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

select {
  cursor: pointer;
}

.oat-select-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: var(--select-text-label);
  margin-bottom: 4px;
}

.dropdown {
  margin-bottom: 2px;
}

.bootstrap-select-alt .custom-select {
  border: 1px solid transparent;
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0);
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: #F4F5F7;
}

.bootstrap-select-alt .custom-select:hover {
  border: 1px solid transparent;
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0);
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: #E5E7EB;
  transition: all 0.2s ease-in-out;
}

.bootstrap-select-alt .custom-select:focus {
  color: #383C42;
  border: 1px solid transparent !important;
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0) !important;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: #CCE7FF;
}

option {
  color: #383C42;
  background: #ffffff;
}

select.custom-select option {
  line-height: 20px;
}

.show button {
  border: 1px solid #009FF9 !important;
  box-shadow: 0px 0px 0px 2px #CCE7FF !important;
  outline: none;
}

.bootstrap-select-alt.show button {
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: #CCE7FF;
  border: 1px solid transparent !important;
  box-shadow: 0px 0px 0px 2px transparent !important;
  outline: none;
}

.oat-custom-select {
  border: 1px solid var(--select-stroke-primary);
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0.08);
  border-radius: 4px;
  padding: 0.275rem 1rem;
  width: 100%;
  line-height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: var(--select-background-base);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 2.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--select-text-primary);
  transition: all 200ms ease-in-out;
}
.oat-custom-select:hover {
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid var(--select-stroke-hover);
  transition: all 200ms ease-in-out;
}
.oat-custom-select:focus {
  box-shadow: var(--focus);
  outline: none;
}
.oat-custom-select option {
  /* Light / Base / White */
  background: #ffffff;
  /* Light / Gray / gray-200 */
  border: 1px solid #E5E7EB;
  box-sizing: border-box;
  /* Light / Elevation 500 */
  box-shadow: var(--elevation-500);
  border-radius: 4px;
}

.oat-custom-select:disabled {
  color: var(--select-text-placeholder);
  border: 1px solid var(--select-stroke-primary);
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='%239FA5B2' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19L403 749q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z'/%3E%3C/svg%3E") no-repeat right 1rem center;
  background-color: var(--select-background-disabled);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 2.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.oat-custom-select-alt,
.select-min {
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 4px;
  padding: 0.375rem 0.5rem;
  width: 100%;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: var(--select-background-minimal);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 2.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--select-text-primary);
  transition: all 0.2s ease-in-out;
}
.oat-custom-select-alt:hover,
.select-min:hover {
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: var(--select-background-minimal-hover);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid transparent !important;
  transition: all 0.2s ease-in-out;
}
.oat-custom-select-alt:focus,
.select-min:focus {
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0001 7C5.74423 7 5.48823 6.90234 5.29323 6.70703L0.293214 1.70703C-0.0974123 1.31641 -0.0974123 0.683594 0.293214 0.292969C0.68384 -0.0976562 1.31665 -0.0976562 1.70728 0.292969L6.0001 4.5875L10.2939 0.29375C10.6845 -0.0968752 11.3173 -0.0968752 11.7079 0.29375C12.0986 0.684375 12.0986 1.31719 11.7079 1.70781L6.70792 6.70781C6.5126 6.90312 6.25635 7 6.0001 7Z' fill='%23494F5A'/%3E%3C/svg%3E%0A") no-repeat right 1rem center;
  background-color: var(--select-background-minimal-focused);
  border: 1px solid transparent !important;
  box-shadow: 0px 0px 0px 2px transparent !important;
  outline: none;
}

.dropdown-arrow {
  display: none;
}

.bootstrap-select a:not([href]) {
  color: #383C42;
}

.bootstrap-select a:not([href]).active,
.bootstrap-select a:not([href]):hover {
  color: #383C42;
  background-color: #F4F5F7;
}

.bootstrap-select .dropdown-menu li a.opt {
  padding-left: 1rem;
}

.bootstrap-select .dropdown-toggle.bs-placeholder,
.bootstrap-select .dropdown-toggle.bs-placeholder:active,
.bootstrap-select .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select .dropdown-toggle.bs-placeholder:hover {
  color: #686E7E;
}

.dropdown-header {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #686E7E;
  padding: 0.25rem 1rem;
}

.oat-custom-select-sm {
  height: 32px !important;
  font-size: 12px !important;
  padding: 0.25rem 1rem;
  line-height: 16px;
}

.oat-custom-select-lg {
  height: 40px !important;
  font-size: 14px !important;
  padding: 0.5rem 1rem;
  line-height: 20px;
}

.oat-btn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-weight: 500;
  padding: 8px 16px;
  height: 36px;
  font-size: 14px;
  line-height: 18px;
  box-shadow: var(--elevation-200);
  backface-visibility: hidden;
  border-radius: 0.25rem;
  transition: all 200ms ease-in-out;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
}
.oat-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.oat-btn.oat-btn-icon {
  padding: 9px !important;
  min-width: 36px;
}
.oat-btn.oat-btn-icon i, .oat-btn.oat-btn-icon svg {
  font-size: 16px;
  margin: 0;
}
.oat-btn.oat-btn-icon.oat-btn-sml {
  padding: 4px !important;
  max-width: 24px;
}
.oat-btn.icon-left i, .oat-btn.icon-left svg, .oat-btn.icon-left oat-icon {
  font-size: 12px;
  margin-right: 6px;
}
.oat-btn.icon-right i, .oat-btn.icon-right svg, .oat-btn.icon-right oat-icon {
  font-size: 12px;
  margin-left: 6px;
}
.oat-btn i, .oat-btn svg {
  font-size: 12px;
  margin-right: 6px;
}
.oat-btn.oat-btn-icon-left i {
  font-size: 12px;
  margin-right: 8px;
}
.oat-btn.oat-btn-icon-right i {
  font-size: 12px;
  margin-left: 8px;
}
.oat-btn.oat-btn-primary {
  background-color: var(--button-background-primary);
  color: var(--button-text-primary);
  border-color: var(--button-background-primary);
}
.oat-btn.oat-btn-primary:hover {
  background-color: var(--button-background-primary-hover);
  border-color: var(--button-background-primary-hover);
}
.oat-btn.oat-btn-primary:active {
  background-color: var(--button-background-primary-active);
  border-color: var(--button-background-primary-active);
}
.oat-btn.oat-btn-primary:focus {
  border: 1px solid #009FF9;
  background-color: var(--button-background-primary-active);
  box-shadow: var(--focus);
  outline: 0;
}
.oat-btn.oat-btn-primary:disabled {
  color: var(--button-text-primary);
  background-color: var(--button-background-primary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.oat-btn-secondary {
  background: var(--button-background-secondary);
  color: var(--button-text-secondary);
  border: 1px solid;
  border-color: var(--button-stroke-secondary);
}
.oat-btn.oat-btn-secondary:hover {
  background: var(--button-background-secondary-hover);
  color: var(--button-text-secondary);
}
.oat-btn.oat-btn-secondary:focus {
  border: 1px solid #009FF9;
  background: var(--button-background-secondary-active);
  box-shadow: var(--focus);
  outline: 0;
}
.oat-btn.oat-btn-secondary:disabled {
  color: var(--button-text-secondary);
  background-color: var(--button-background-secondary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.oat-btn-danger {
  border-color: var(--button-background-destructionary);
  color: var(--button-text-destructionary);
  background-color: var(--button-background-destructionary);
}
.oat-btn.oat-btn-danger:hover {
  background-color: var(--button-background-destructionary-hover);
  border-color: var(--button-background-destructionary-hover);
}
.oat-btn.oat-btn-danger:focus {
  color: var(--button-text-destructionary);
  background-color: var(--button-background-destructionary-active);
  box-shadow: var(--error);
  outline: 0;
}
.oat-btn.oat-btn-danger:disabled {
  border-color: var(--button-background-destructionary);
  color: var(--button-text-destructionary);
  background-color: var(--button-background-destructionary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.oat-btn-secondary-danger {
  border-color: var(--button-stroke-secondary-destructionary);
  color: var(--button-text-secondary-destructionary);
  background-color: var(--button-background-secondary-destructionary);
}
.oat-btn.oat-btn-secondary-danger:hover {
  background-color: var(--button-background-secondary-destructionary-hover);
}
.oat-btn.oat-btn-secondary-danger:focus {
  color: var(--button-text-secondary-destructionary-active);
  background-color: var(--button-background-secondary-destructionary-active);
  box-shadow: var(--error);
  outline: 0;
}
.oat-btn.oat-btn-secondary-danger:disabled {
  border-color: var(--button-stroke-secondary-destructionary);
  color: var(--button-text-secondary-destructionary);
  background-color: var(--button-background-secondary-destructionary);
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.oat-btn-subtle-gray {
  color: var(--button-text-subtle-gray);
  fill: var(--button-text-subtle-gray);
  box-shadow: none;
}
.oat-btn.oat-btn-subtle-gray i, .oat-btn.oat-btn-subtle-gray svg, .oat-btn.oat-btn-subtle-gray oat-icon {
  color: var(--button-icon-subtle-gray);
  fill: var(--button-icon-subtle-gray);
  transition: all 200ms ease-in-out;
}
.oat-btn.oat-btn-subtle-gray:hover {
  color: var(--button-text-subtle-gray);
  background-color: var(--button-background-subtle-gray-hover);
}
.oat-btn.oat-btn-subtle-gray:hover i, .oat-btn.oat-btn-subtle-gray:hover svg, .oat-btn.oat-btn-subtle-gray:hover oat-icon {
  color: var(--button-icon-subtle-gray-hover-active);
  fill: var(--button-icon-subtle-gray-hover-active);
  transition: all 200ms ease-in-out;
}
.oat-btn.oat-btn-subtle-gray:focus {
  background-color: var(--button-background-subtle-gray-active);
  border-color: #009FF9;
  box-shadow: var(--focus);
  outline: 0;
}
.oat-btn.oat-btn-subtle-gray:focus i, .oat-btn.oat-btn-subtle-gray:focus svg, .oat-btn.oat-btn-subtle-gray:focus oat-icon {
  color: var(--button-icon-subtle-gray-hover-active);
  fill: var(--button-icon-subtle-gray-hover-active);
}
.oat-btn.oat-btn-subtle-gray:disabled {
  color: var(--button-text-subtle-gray);
  fill: var(--button-text-subtle-gray);
  background-color: transparent;
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.oat-btn-subtle-blue {
  color: var(--button-text-subtle-blue);
  fill: var(--button-text-subtle-blue);
  box-shadow: none;
}
.oat-btn.oat-btn-subtle-blue i, .oat-btn.oat-btn-subtle-blue svg, .oat-btn.oat-btn-subtle-blue oat-icon {
  color: var(--button-icon-subtle-blue);
  fill: var(--button-icon-subtle-blue);
  transition: all 200ms ease-in-out;
}
.oat-btn.oat-btn-subtle-blue:hover {
  background-color: var(--button-background-subtle-blue-hover);
  color: var(--button-icon-subtle-blue-hover-active);
}
.oat-btn.oat-btn-subtle-blue:hover i, .oat-btn.oat-btn-subtle-blue:hover svg, .oat-btn.oat-btn-subtle-blue:hover oat-icon {
  color: var(--button-icon-subtle-blue-hover-active);
  fill: var(--button-icon-subtle-blue-hover-active);
  transition: all 200ms ease-in-out;
}
.oat-btn.oat-btn-subtle-blue:focus {
  background-color: var(--button-background-subtle-blue-active);
  border-color: transparent;
  box-shadow: var(--focus);
  outline: 0;
}
.oat-btn.oat-btn-subtle-blue:disabled {
  color: var(--button-text-subtle-blue);
  fill: var(--button-text-subtle-blue);
  background-color: transparent;
  opacity: 0.5;
  cursor: auto;
}
.oat-btn.btn-sml {
  padding: 4px 8px;
  height: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.oat-btn.btn-sml-icon-left {
  padding: 4px 8px 4px 8px;
  height: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.oat-btn.btn-sml-icon-left i, .oat-btn.btn-sml-icon-left svg, .oat-btn.btn-sml-icon-left oat-icon {
  font-size: 12px;
  margin-right: 6px;
}
.oat-btn.btn-sml-icon-right {
  padding: 4px 8px 4px 8px;
  height: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.oat-btn.btn-sml-icon-right i, .oat-btn.btn-sml-icon-right svg, .oat-btn.btn-sml-icon-right oat-icon {
  font-size: 12px;
  margin-left: 6px;
}
.oat-btn.btn-lrg {
  padding: 14px 24px;
  height: 48px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.oat-btn.btn-lrg-icon-left {
  padding: 14px 24px 14px 20px;
  height: 48px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.oat-btn.btn-lrg-icon-left i, .oat-btn.btn-lrg-icon-left svg, .oat-btn.btn-lrg-icon-left oat-icon {
  font-size: 14px;
  margin-right: 6px;
}
.oat-btn.btn-lrg-icon-right {
  padding: 14px 20px 14px 24px;
  height: 48px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.oat-btn.btn-lrg-icon-right i, .oat-btn.btn-lrg-icon-right svg, .oat-btn.btn-lrg-icon-right oat-icon {
  font-size: 14px;
  margin-left: 6px;
}
.oat-btn.oat-btn-icon-sml {
  padding: 4px;
  height: 24px;
  width: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.oat-btn.oat-btn-icon-sml i, .oat-btn.oat-btn-icon-sml svg, .oat-btn.oat-btn-icon-sml oat-icon {
  font-size: 12px;
  margin: 0;
}
.oat-btn.oat-btn-icon-lg {
  padding: 4px;
  height: 48px;
  width: 48px;
  font-weight: 500;
  font-size: 24px;
  line-height: 16px;
}
.oat-btn.oat-btn-icon-lg i, .oat-btn.oat-btn-icon-lg svg, .oat-btn.oat-btn-icon-lg oat-icon {
  font-size: 24px;
  margin: 0;
}

.oat-textfield-container {
  margin-bottom: 24px;
  position: relative;
}
.oat-textfield-container .textfield-icon-primary {
  color: var(--textfield-icon-primary);
}
.oat-textfield-container.textfield-sm input[type=text].oat-input-simple, .oat-textfield-container.textfield-sm input[type=number].oat-input-simple {
  height: 32px;
  padding: 8px 12px;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.oat-textfield-container.textfield-row {
  display: flex;
}
.oat-textfield-container.textfield-row .col {
  flex: auto;
  margin-right: 16px;
}
.oat-textfield-container.textfield-row .col:last-child {
  margin-right: 0px;
}
.oat-textfield-container textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-200);
  border-radius: 4px;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--textfield-text-placeholder);
  padding: 16px;
  transition: all 200ms ease-in-out;
}
.oat-textfield-container textarea:hover {
  border-color: var(--textfield-stroke-primary-hover);
  transition: all 200ms ease-in-out;
}
.oat-textfield-container textarea:focus {
  background: var(--textfield-background-base);
  box-shadow: var(--focus);
  outline: none;
}

label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: var(--textfield-text-label);
  display: block;
  margin-bottom: 4px;
}

input[type=file] + label.oat-btn {
  margin-bottom: 0;
}

.oat-help-text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--textfield-text-help);
  display: block;
  margin-top: 6px;
}
.oat-help-text .oat-help-text-icon {
  margin-left: 0;
  margin-top: 0;
  position: inherit;
  cursor: text;
}
.oat-help-text i, .oat-help-text svg {
  font-size: 12px;
}

input[type=text].oat-input-simple, input[type=number].oat-input-simple, input[type=password].oat-input-simple {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-200);
  border-radius: 4px;
  height: 36px;
  padding: 8px 16px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--textfield-text-active);
  transition: all 200ms ease-in-out;
  width: 100%;
}
input[type=text].oat-input-simple:hover, input[type=number].oat-input-simple:hover, input[type=password].oat-input-simple:hover {
  border-color: var(--textfield-stroke-primary-hover);
  transition: all 200ms ease-in-out;
}

input[type=text].oat-input-simple-sm, input[type=number].oat-input-simple-sm {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-200);
  border-radius: 4px;
  height: 28px;
  padding: 8px 12px;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--textfield-text-active);
  transition: all 200ms ease-in-out;
  width: 100%;
}
input[type=text].oat-input-simple-sm:hover, input[type=number].oat-input-simple-sm:hover {
  border-color: var(--textfield-stroke-primary-hover);
  transition: all 200ms ease-in-out;
}

input[type=text].oat-input-simple-lg, input[type=number].oat-input-simple-lg, input[type=password].oat-input-simple-lg {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-200);
  border-radius: 4px;
  height: 40px;
  padding: 10px 16px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--textfield-text-active);
  transition: all 200ms ease-in-out;
  width: 100%;
}
input[type=text].oat-input-simple-lg:hover, input[type=number].oat-input-simple-lg:hover, input[type=password].oat-input-simple-lg:hover {
  border-color: var(--textfield-stroke-primary-hover);
  transition: all 200ms ease-in-out;
}

.oat-input-simple[disabled], .oat-input-simple-sm[disabled], .oat-input-simple-lg[disabled] {
  background: var(--textfield-background-disabled) !important;
  box-shadow: var(--elevation-200) !important;
}
.oat-input-simple[disabled]:hover, .oat-input-simple-sm[disabled]:hover, .oat-input-simple-lg[disabled]:hover {
  border-color: var(--textfield-stroke-primary) !important;
}

input[type=text]:focus, input[type=number]:focus, input[type=password]:focus {
  background: var(--textfield-background-base);
  box-shadow: var(--focus);
  outline: none;
}

.oat-icon-left .oat-input-simple, .oat-icon-left-sm .oat-input-simple-sm, .oat-icon-left-lg .oat-input-simple-lg {
  padding: 8px 8px 8px 32px !important;
}

.oat-icon-left svg, .oat-icon-left i {
  margin-left: 14px;
  margin-top: 11px;
  cursor: pointer;
  position: absolute;
  color: var(--textfield-icon-primary);
}

.oat-icon-left-sm svg, .oat-icon-left-sm i {
  position: absolute;
  margin-top: 8px;
  margin-left: 14px;
  color: var(--textfield-icon-primary);
}

.oat-icon-left-lg svg, .oat-icon-left-lg i {
  position: absolute;
  margin-top: 12px;
  left: 16px;
  color: var(--textfield-icon-primary);
}

.oat-icon-right svg, .oat-icon-right i {
  margin-left: -34px;
  margin-top: 11px;
  cursor: pointer;
  position: absolute;
  color: var(--textfield-icon-primary);
  transition: all 200ms ease-in-out;
}
.oat-icon-right svg:hover, .oat-icon-right i:hover {
  color: var(--blue-500);
  transition: all 200ms ease-in-out;
}

.oat-icon-right-sm svg, .oat-icon-right-sm i {
  position: absolute;
  margin-top: 8px;
  right: 20px;
  color: var(--textfield-icon-primary);
  transition: all 200ms ease-in-out;
}
.oat-icon-right-sm svg:hover, .oat-icon-right-sm i:hover {
  color: var(--blue-500);
  transition: all 200ms ease-in-out;
}

.oat-icon-right-lg svg, .oat-icon-right-lg i {
  position: absolute;
  margin-top: 12px;
  right: 20px;
  color: var(--textfield-icon-primary);
  transition: all 200ms ease-in-out;
}
.oat-icon-right-lg svg:hover, .oat-icon-right-lg i:hover {
  color: var(--blue-500);
  transition: all 200ms ease-in-out;
}

.oat-icon-right .oat-input-simple, .oat-icon-right-sm .oat-input-simple-sm, .oat-icon-right-lg .oat-input-simple-lg {
  padding: 8px 40px 8px 16px !important;
}

.oat-textfield-alert label, .oat-textfield-error label, .oat-textarea-error label {
  color: var(--textfield-text-error);
}
.oat-textfield-alert input[type=text], .oat-textfield-alert input[type=password], .oat-textfield-alert textarea, .oat-textfield-error input[type=text], .oat-textfield-error input[type=password], .oat-textfield-error textarea, .oat-textarea-error input[type=text], .oat-textarea-error input[type=password], .oat-textarea-error textarea {
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-primary);
  box-shadow: var(--error);
  outline: none;
}
.oat-textfield-alert .oat-help-text, .oat-textfield-alert .oat-help-text-icon, .oat-textfield-error .oat-help-text, .oat-textfield-error .oat-help-text-icon, .oat-textarea-error .oat-help-text, .oat-textarea-error .oat-help-text-icon {
  color: var(--textfield-icon-error);
  margin-right: 8px;
}

.oat-textfield-success label, .oat-textfield-success label, .oat-textarea-success label {
  color: var(--textfield-text-success);
}
.oat-textfield-success input[type=text], .oat-textfield-success input[type=password], .oat-textfield-success textarea, .oat-textfield-success input[type=text], .oat-textfield-success input[type=password], .oat-textfield-success textarea, .oat-textarea-success input[type=text], .oat-textarea-success input[type=password], .oat-textarea-success textarea {
  background: var(--textfield-background-base);
  border: 1px solid var(--textfield-stroke-success);
  box-shadow: var(--success);
  outline: none;
}
.oat-textfield-success .oat-help-text, .oat-textfield-success .oat-help-text-icon, .oat-textfield-success .oat-help-text, .oat-textfield-success .oat-help-text-icon, .oat-textarea-success .oat-help-text, .oat-textarea-success .oat-help-text-icon {
  color: var(--textfield-icon-success);
  margin-right: 8px;
}

.oat-checkbox-container {
  margin-bottom: 8px;
}
.oat-checkbox-container .oat-checkbox {
  position: absolute;
  opacity: 0;
}
.oat-checkbox-container .oat-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--checkbox-text-primary);
  transition: all 100ms ease-in-out;
  width: fit-content;
  margin-bottom: -3px;
}
.oat-checkbox-container .oat-checkbox + label:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--checkbox-background-base);
  border: 1px solid var(--checkbox-stroke-primary);
  transition: all 100ms ease-in-out;
  box-shadow: var(--elevation--50);
}
.oat-checkbox-container .oat-checkbox:hover + label:before {
  background: var(--checkbox-background-hover-inactive);
  border: 1px solid var(--checkbox-stroke-primary);
}
.oat-checkbox-container .oat-checkbox:indeterminate + label:before {
  background: var(--checkbox-background-primary);
  border: 1px solid transparent;
}
.oat-checkbox-container .oat-checkbox:indeterminate + label:after {
  content: "";
  content: "";
  width: 3px;
  height: 10.45px;
  background: white;
  border-width: 0 0px 3px 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  color: var(--checkbox-icon-primary);
  left: 11px;
  top: 7.55px;
}
.oat-checkbox-container .oat-checkbox:focus + label:before {
  box-shadow: var(--focus);
}
.oat-checkbox-container .oat-checkbox:checked + label:before {
  background: var(--checkbox-background-primary);
  border: 1px solid transparent;
}
.oat-checkbox-container .oat-checkbox:disabled + label {
  color: var(--checkbox-text-disabled);
  cursor: auto;
}
.oat-checkbox-container .oat-checkbox:disabled + label:before {
  box-shadow: none;
  background: var(--checkbox-background-disabled);
}
.oat-checkbox-container .oat-checkbox:disabled + label:hover {
  box-shadow: none;
  background: none;
}
.oat-checkbox-container .oat-checkbox:checked + label:after {
  content: "";
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  color: var(--checkbox-icon-primary);
  left: 9px;
  top: 5px;
}
.oat-checkbox-container .checkbox-help-text {
  margin-left: 29px;
  color: var(--checkbox-text-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

oat-alert > div {
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background: var(--alert-background);
  border: 1px solid transparent;
  border-color: var(--alert-stroke);
  border-radius: 4px;
}
oat-alert > div > div:first-child {
  display: flex;
  align-items: center;
}
oat-alert p {
  font-weight: 500;
  margin: 0;
  color: var(--alert-text-message);
}
oat-alert .oat-btn.oat-btn-subtle-gray > oat-icon, oat-alert .oat-btn.oat-btn-subtle-gray:hover > oat-icon, oat-alert .oat-btn.oat-btn-subtle-gray:focus > oat-icon {
  fill: var(--alert-icon-close);
}
oat-alert .oat-btn.oat-btn-subtle-gray:hover, oat-alert .oat-btn.oat-btn-subtle-gray:focus {
  background-color: var(--alert-background-button);
}
oat-alert .oat-btn.oat-btn-link {
  box-shadow: none;
  text-decoration: underline;
  text-underline-position: under;
  transition: all 100ms ease-in-out;
  color: var(--alert-text-link);
  font-weight: 600;
  padding: 0;
  vertical-align: initial;
  white-space: nowrap;
}
oat-alert .oat-btn.oat-btn-link:hover {
  opacity: 0.75;
}
oat-alert div > oat-icon {
  font-size: 1rem;
  fill: var(--alert-icon);
}
oat-alert .oat-alert-info {
  --alert-background: var(--alert-background-info);
  --alert-stroke: var(--alert-stroke-info);
  --alert-icon-close: var(--alert-icon-info-close);
  --alert-background-button: var(--alert-background-info-button);
  --alert-text-message: var(--alert-text-info-message);
  --alert-icon: var(--alert-icon-info);
  --alert-text-link: var(--alert-text-info-link);
}
oat-alert .oat-alert-success {
  --alert-background: var(--alert-background-success);
  --alert-icon-close: var(--alert-icon-success-close);
  --alert-stroke: var(--alert-stroke-success);
  --alert-background-button: var(--alert-background-success-button);
  --alert-text-message: var(--alert-text-success-message);
  --alert-icon: var(--alert-icon-success);
  --alert-text-link: var(--alert-text-success-link);
}
oat-alert .oat-alert-warning {
  --alert-background: var(--alert-background-warning);
  --alert-icon-close: var(--alert-icon-warning-close);
  --alert-stroke: var(--alert-stroke-warning);
  --alert-background-button: var(--alert-background-warning-button);
  --alert-text-message: var(--alert-text-warning-message);
  --alert-icon: var(--alert-icon-warning);
  --alert-text-link: var(--alert-text-warning-link);
}
oat-alert .oat-alert-error {
  --alert-background: var(--alert-background-error);
  --alert-icon-close: var(--alert-icon-error-close);
  --alert-stroke: var(--alert-stroke-error);
  --alert-background-button: var(--alert-background-error-button);
  --alert-text-message: var(--alert-text-error-message);
  --alert-icon: var(--alert-icon-error);
  --alert-text-link: var(--alert-text-error-link);
}

.oat-alert {
  border-width: 1px;
  border-radius: 4px;
  box-shadow: none;
  font-size: 0.875rem;
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid transparent;
}
.oat-alert p {
  margin: 0px;
}
.oat-alert a {
  font-weight: 600;
  margin-right: 20px;
  margin-top: 0.5rem;
  display: inline-block;
  text-decoration: none;
}
.oat-alert .alert-cta {
  font-weight: 500;
  position: absolute;
  top: 1rem;
  right: 0;
  padding: 0 1rem;
  margin-top: 0px;
}
.oat-alert .alert-cta:hover {
  opacity: 0.7;
  transition: opacity 0.1s ease-in-out;
  text-decoration: none;
}
.oat-alert.oat-alert-success {
  background: var(--alert-background-success);
  border-color: var(--alert-stroke-success);
}
.oat-alert.oat-alert-success p {
  color: var(--alert-text-success-message);
}
.oat-alert.oat-alert-success .alert-icon {
  color: var(--alert-icon-success);
}
.oat-alert.oat-alert-success .alert-title {
  color: var(--alert-text-success-message);
}
.oat-alert.oat-alert-success a {
  color: var(--alert-text-success-link);
}
.oat-alert.oat-alert-success a:hover {
  opacity: 0.7;
  transition: opacity 0.1s ease-in-out;
  text-decoration: none;
}
.oat-alert.oat-alert-default {
  background-color: #F4F5F7;
  border-color: #D1D4DC;
  color: var(--alert-text-default);
}
.oat-alert.oat-alert-default p {
  color: var(--alert-text-default);
}
.oat-alert.oat-alert-warning {
  background: var(--alert-background-warning);
  border-color: var(--alert-stroke-warning);
}
.oat-alert.oat-alert-warning p {
  color: var(--alert-text-warning-message);
}
.oat-alert.oat-alert-warning .alert-icon {
  color: var(--alert-icon-warning);
}
.oat-alert.oat-alert-warning .alert-title {
  color: var(--alert-text-warning-message);
}
.oat-alert.oat-alert-warning a {
  color: var(--alert-text-warning-link);
}
.oat-alert.oat-alert-error {
  background: var(--alert-background-error);
  border-color: var(--alert-stroke-error);
}
.oat-alert.oat-alert-error p {
  color: var(--alert-text-error-message);
}
.oat-alert.oat-alert-error .alert-icon {
  color: var(--alert-icon-error);
}
.oat-alert.oat-alert-error .alert-title {
  color: var(--alert-text-error-message);
}
.oat-alert.oat-alert-error a {
  color: var(--alert-text-error-link);
}
.oat-alert.oat-alert-info {
  background: var(--alert-background-info);
  border-color: var(--alert-stroke-info);
}
.oat-alert.oat-alert-info p {
  color: var(--alert-text-info-message);
}
.oat-alert.oat-alert-info .alert-icon {
  color: var(--alert-icon-info);
}
.oat-alert.oat-alert-info .alert-title {
  color: var(--alert-text-info-message);
}
.oat-alert.oat-alert-info a {
  color: var(--alert-text-info-link);
}
.oat-alert.has-icon {
  min-height: 0;
  padding: 1rem 1rem 1rem 3rem;
}
.oat-alert .alert-icon {
  position: absolute;
  left: 1rem;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 3.25rem;
  text-align: center;
  border-radius: 0;
  font-size: 1rem;
  background: transparent !important;
}
.oat-alert .alert-title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

oat-menu {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  z-index: 10;
}
oat-menu ul ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.oatMenuTextContainer.delete-item:not([disabled]) {
  color: var(--menu-text-delete);
}

.oatMenuIconContainer.delete-item:not([disabled]) > svg {
  color: var(--menu-icon-delete);
}

.oatMenuItem[disabled],
.oatMenuItem[disabled] .oatMenuSubtext {
  cursor: default !important;
  color: var(--menu-text-disabled);
}

.oatMenuItem[disabled]:hover {
  background-color: transparent;
}

.oatMenuItem[disabled] > .oatMenuIconContainer > i,
.oatMenuItem[disabled] > .oatMenuIconContainer > svg {
  color: var(--menu-icon-secondary);
}

.outerContainer {
  display: table-cell;
  background: var(--menu-background-base);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  border: 1px solid var(--menu-stroke-primary);
}

.oatMenuContainer {
  padding: 6px 0;
  width: fit-content;
}

.oatMenuSection {
  padding: 0;
  margin: 0;
}

.oatMenuSectionHeader {
  list-style: none;
  padding: 4px 16px;
  margin: 2px 0;
}
.oatMenuSectionHeader h6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #686E7E;
  margin: 0;
}

.oatMenuDivider {
  list-style: none;
  margin: 8px 0;
}
.oatMenuDivider hr {
  height: 1px;
  background-color: var(--menu-stroke-primary);
  border: none;
}

.oatMenuItem {
  display: flex;
  padding: 6px 8px 6px 16px;
  position: relative;
  margin: 4px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--menu-text-primary);
  transition: all 100ms ease-in-out;
}
.oatMenuItem:hover {
  cursor: pointer;
  background-color: var(--menu-background-hover);
  transition: all 100ms ease-in-out;
}

.oatMenuIconContainer {
  opacity: 0;
  width: 16px;
  height: 16px;
  padding-right: 8px;
  box-sizing: unset !important;
}
.oatMenuIconContainer i,
.oatMenuIconContainer svg {
  color: var(--menu-icon-primary);
}

.oatMenuSubtext {
  display: block;
  position: relative;
  width: 184px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--menu-text-secondary);
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 0;
}

.oatSubMenuCaret {
  text-align: right;
  width: 10%;
  color: var(--menu-icon-secondary);
  opacity: 0;
  margin: auto 4px;
  font-size: 16px;
}

.oatSubMenu {
  position: absolute;
  z-index: 100;
  transition: opacity 200ms ease-in-out;
  opacity: 1;
}
.oatSubMenu ul {
  background: var(--menu-background-base);
  position: relative;
  top: -3px;
  padding: 6px 0;
  border: 1px solid var(--menu-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
}

.oatMenuToggle {
  width: 100%;
  float: right;
}

.oatMenuToggle div {
  float: right;
}

.oat-list-group .visual-btn {
  padding: 16px;
  box-shadow: inset 0px 1px var(--accordion-stroke-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 200ms ease-in-out;
}
.oat-list-group .visual-btn:hover {
  background: var(--accordion-background-hover);
  cursor: pointer;
}
.oat-list-group .visual-btn svg {
  color: var(--accordion-icon-secondary);
}
.oat-list-group .visual-btn svg.lrg-icon {
  font-size: 22px;
  width: 22px;
  text-align: center;
  margin-right: 16px;
}
.oat-list-group .visual-btn > .label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--accordion-text-primary);
  flex-grow: 1;
}
.oat-list-group .visual-btn > .label > .label-description {
  font-size: 14px;
  line-height: 20px;
  color: var(--accordion-text-secondary);
  font-weight: 400;
}

.oat-list-group-simple .visual-btn {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 200ms ease-in-out;
}
.oat-list-group-simple .visual-btn svg {
  color: var(--accordion-icon-primary);
}
.oat-list-group-simple .visual-btn svg.lrg-icon {
  font-size: 22px;
  width: 22px;
  text-align: center;
  margin-right: 16px;
}
.oat-list-group-simple .visual-btn > .label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--accordion-text-primary);
  flex-grow: 1;
}
.oat-list-group-simple .visual-btn > .label > .label-description {
  font-size: 14px;
  line-height: 20px;
  color: var(--accordion-text-secondary);
  font-weight: 400;
}

oat-lozenge .lozenge {
  display: inherit;
  border-radius: 4px;
  padding: 2px 8px;
  /* identical to box height */
  text-align: left;
  white-space: nowrap;
  font-weight: 600;
  transition: all 200ms ease-in-out;
  display: inline-flex;
  align-items: center;
}
oat-lozenge .lozenge-small {
  font-size: 12px;
  line-height: 16px;
}
oat-lozenge .lozenge-small i, oat-lozenge .lozenge-small svg {
  font-size: 0.675rem;
}
oat-lozenge .lozenge-small i.pulse, oat-lozenge .lozenge-small svg.pulse {
  font-size: 0.5rem;
  vertical-align: 1px;
}
oat-lozenge .lozenge-large {
  font-size: 14px;
  line-height: 20px;
}
oat-lozenge .lozenge-large i, oat-lozenge .lozenge-large svg {
  font-size: 0.875rem;
}
oat-lozenge .lozenge-large i.pulse, oat-lozenge .lozenge-large svg.pulse {
  font-size: 0.5rem;
  vertical-align: 2px;
}
oat-lozenge .default-bold {
  /* Orion / Gray / gray-600 */
  background: var(--lozenge-background-default-bold);
  /* Orion / White */
  color: var(--lozenge-text-bold);
}
oat-lozenge .primary-bold {
  /* Orion / Blue / blue-600 */
  background: var(--lozenge-background-primary-bold);
  /* Orion / White */
  color: var(--lozenge-text-bold);
}
oat-lozenge .warning-bold {
  /* Orion / Yellow / */
  background: var(--lozenge-background-warning-bold);
  /* Orion / Gray / gray-800 */
  color: var(--lozenge-text-warning);
}
oat-lozenge .error-bold {
  /* Orion / Red / red-600 */
  background: var(--lozenge-background-error-bold);
  /* Orion / Whitey */
  color: var(--lozenge-text-bold);
}
oat-lozenge .success-bold {
  /* Orion / Green / green-600 */
  background: var(--lozenge-background-success-bold);
  /* Orion / White */
  color: var(--lozenge-text-bold);
}
oat-lozenge .new-bold {
  /* Orion / Indigo / indigo-600 */
  background: var(--lozenge-background-new-bold);
  /* Orion / White */
  color: var(--lozenge-text-bold);
}
oat-lozenge .primary {
  /* Orion / Blue / blue-700 */
  color: var(--lozenge-text-primary);
  /* Orion / Blue / blue-100 */
  background: var(--lozenge-background-primary);
}
oat-lozenge .warning {
  /* Orion / Gray / gray-700 */
  color: var(--lozenge-text-warning);
  /* Orion / Yellow / yellow-100 */
  background: var(--lozenge-background-warning);
}
oat-lozenge .default {
  /* Orion / Gray / gray-700 */
  color: var(--lozenge-text-base);
  /* Orion / Gray / gray-200 */
  background: var(--lozenge-background-default);
}
oat-lozenge .error {
  /* Orion / Red / red-700 */
  color: var(--lozenge-text-error);
  /* Orion / Red / red-100 */
  background: var(--lozenge-background-error);
}
oat-lozenge .success {
  /* Orion / Green / green-700 */
  color: var(--lozenge-text-success);
  /* Orion / Green / green-100 */
  background: var(--lozenge-background-success);
}
oat-lozenge .new {
  /* Orion / Indigo / indigo-700 */
  color: var(--lozenge-text-new);
  /* Orion / Indigo / indigo-100 */
  background: var(--lozenge-background-new);
}
oat-lozenge #oat-lozenge-close {
  cursor: pointer;
  font-size: 0.875rem;
  margin-left: 8px;
}
oat-lozenge #oat-lozenge-close.lozenge-small {
  font-size: 0.75rem;
}
oat-lozenge #oat-lozenge-close.lozenge-large {
  font-size: 0.875rem;
}
oat-lozenge oi {
  top: 2px;
}

.oat-login-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-top: 88px;
}
.oat-login-container a {
  font-weight: 500;
}
.oat-login-container strong {
  color: #383C42;
}
.oat-login-container .verification-label {
  color: #686E7E;
  font-weight: 500;
}
.oat-login-container .logo {
  text-align: center;
  margin-bottom: 40px;
}
.oat-login-container .oat-card {
  padding: 32px;
  width: 392px;
}
.oat-login-container .oat-card h4 {
  margin-top: 0px;
  margin-bottom: 16px;
  font-weight: 600;
}
.oat-login-container .oat-card .oat-btn {
  width: 100%;
  margin-top: 8px;
}
.oat-login-container p {
  color: #686E7E;
}
.oat-login-container p.card-description {
  margin: 16px 0px 24px 0px;
}
a .oat-login-container .disclaimer,
.oat-login-container .disclaimer {
  text-align: center;
  margin-top: 24px;
}
.oat-login-container .disclaimer-link {
  margin-top: 24px;
}
.oat-login-container .back-icon {
  position: relative;
  top: 2px;
  left: 0px;
  margin-right: 5px;
  margin-bottom: 2px;
}
.oat-login-container .ml-m31 {
  margin-left: -31px;
}
.oat-login-container .visual-btn {
  padding: 16px;
  border-bottom: 1px solid #E5E7EB;
  box-shadow: inset 0px 1px var(--accordion-stroke-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 200ms ease-in-out;
}
.oat-login-container .visual-btn:hover {
  /* Light / Gray / gray-100 */
  background: #F4F5F7;
  cursor: pointer;
}
.oat-login-container .visual-btn svg {
  color: #0078D4;
}
.oat-login-container .visual-btn svg.lrg-icon {
  font-size: 22px;
  width: 22px;
  text-align: center;
  margin-right: 16px;
}
.oat-login-container .visual-btn > .label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #383C42;
  flex-grow: 1;
}
.oat-login-container .visual-btn > .label > .label-description {
  font-size: 14px;
  line-height: 20px;
  /* Light / Gray / gray-500 */
  color: #686E7E;
  font-weight: 400;
}
.oat-login-container .password-valid-list {
  padding-left: 0px;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.oat-login-container .password-valid-list li {
  margin-bottom: 8px;
}
.oat-login-container .password-valid-list li svg {
  color: #0E9F6E;
  margin-right: 8px;
}
.oat-login-container .password-invalid-list {
  padding-left: 0px;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.oat-login-container .password-invalid-list li {
  margin-bottom: 8px;
  color: #C7094D;
}
.oat-login-container .password-invalid-list li svg {
  color: #C7094D;
  margin-right: 8px;
}
.oat-login-container .password-status-list {
  padding-left: 0px;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.oat-login-container .password-status-list li {
  margin-bottom: 8px;
}
.oat-login-container .password-status-list li svg {
  margin-right: 8px;
  color: #D1D4DC;
}
.oat-login-container .error-container {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
}
.oat-login-container .error-container svg {
  margin-left: 0px;
  margin-right: 4px;
  margin-top: 0px;
  position: inherit;
}
.oat-login-container .error-container .oat-help-text {
  margin-top: 2px;
}
.oat-login-container .loading-dot {
  background: #0078D4;
}

oat-modal {
  --container-background-color: #ffffff;
  --footer-background-color: #ffffff;
  --modal-transition: all 200ms ease-in-out; /**/
}
oat-modal:not(:defined) {
  display: none;
}
oat-modal.modal-sm {
  width: 400px;
}
oat-modal.modal-md {
  width: 600px;
}
oat-modal.modal-lg {
  width: 800px;
}
oat-modal.modal-xl {
  width: 967px;
}
oat-modal.modal-dialog-scrollable {
  height: 80%;
  max-height: 800px;
  --scrollable: scroll;
}
@media only screen and (min-height: 960px) {
  oat-modal.modal-dialog-scrollable {
    height: 800px;
  }
}
oat-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
oat-modal .modal-title {
  line-height: 32px;
  margin: 0;
  color: var(--modal-text-primary);
}
oat-modal .modal-body {
  padding: 0 1.5rem;
  background-color: var(--modal-background-base);
}
oat-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
oat-modal .close-modal-icon {
  font-size: 24px;
  text-align: center;
  color: var(--button-icon-subtle-gray);
  transition: all 200ms ease-in-out;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
oat-modal .close-modal-icon:hover {
  cursor: pointer;
  transition: all 200ms ease-in-out;
  background-color: var(--button-background-subtle-gray-hover);
  color: var(--button-icon-subtle-gray-hover-active);
  border-radius: 4px;
}
oat-modal .oat-modal-3btn .oat-btn {
  position: relative;
}
oat-modal .oat-modal-3btn .oat-btn:nth-child(1) {
  float: left;
}
oat-modal .oat-modal-3btn .oat-btn {
  float: right;
}
oat-modal .oat-modal-3btn {
  width: 100%;
}
oat-modal .oat-modal-spaceBtwn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

oat-nav-header .oat-logo {
  padding: 9px;
}
oat-nav-header .left input[type=text] {
  width: 100%;
  padding: 12px 20px 12px 48px;
  margin: 8px 0;
  display: inline-block;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
}
oat-nav-header .left input[type=text]:focus {
  border: none;
  outline: none;
  cursor: text;
}
oat-nav-header .left input:focus + i, oat-nav-header .left input:focus + svg {
  color: var(--navigation-icon-active);
}
oat-nav-header .left .oat-nav-header-search-container i, oat-nav-header .left .oat-nav-header-search-container svg {
  margin: 0 0 0 24px;
  position: absolute;
  top: 25px;
  left: 60px;
  color: var(--navigation-icon-placeholder);
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
oat-nav-header .left:hover i, oat-nav-header .left:hover svg {
  color: var(--navigation-icon-primary);
  transition: all 100ms ease-in-out;
}
oat-nav-header .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 24px;
  align-items: center;
}

oat-nav-header-element {
  --container-background: #0078D4;
  --nav-bottom-border: #0078D4;
  --nav-logo-border: #0078D4;
  --input-background: rgba(0, 0, 0, 0.2);
  --input-text-color: #ffffff;
  --input-text-color-focus: #383C42;
  --input-icon-color-placeholder: #383C42;
  --input-icon-color: #ffffff;
  --input-icon-color-hover: #383C42;
  --input-icon-color-focus: #383C42;
}
oat-nav-header-element .oat-logo-avatar {
  margin: 9px;
  position: relative;
  margin-bottom: 0;
  display: inline-block;
  font-size: 2rem;
  vertical-align: middle;
  border-radius: 4px;
  width: 46px;
  height: 46px;
  font-size: 2rem;
}
oat-nav-header-element .oat-logo-avatar img, oat-nav-header-element .oat-logo-avatar svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
oat-nav-header-element .oat-header-menu-icons {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
  display: block;
  margin-top: 2px;
}
oat-nav-header-element .left {
  margin-left: 24px;
}
oat-nav-header-element .left input {
  border: 1px solid #cccccc;
  background-color: var(--input-background);
  border: none;
  border-radius: 4px;
  padding: 8px;
  font-weight: 14px;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  width: 100%;
  transition: all 200ms ease-in-out;
  color: var(--input-text-color);
}
oat-nav-header-element .left input:focus {
  outline: none;
  color: var(--input-icon-color-placeholder);
  box-shadow: var(--focus);
  outline: none;
}
oat-nav-header-element .left input:focus + .fa-search {
  color: var(--input-icon-color-placeholder);
  fill: var(--input-icon-color-placeholder);
}
oat-nav-header-element .left input::placeholder {
  color: var(--input-text-color);
}
oat-nav-header-element .left input:focus::placeholder {
  color: var(--input-icon-color-placeholder);
}
oat-nav-header-element .left .oat-element-search-input {
  position: relative;
}
oat-nav-header-element .left .oat-element-search-input > input {
  text-indent: 24px;
}
oat-nav-header-element .left .oat-element-search-input > .search-icon {
  position: absolute;
  top: 10px;
  left: 8px;
  color: var(--input-text-color);
  fill: var(--input-text-color);
}
oat-nav-header-element .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 24px;
  align-items: center;
}
oat-nav-header-element .right .quick-actions-btn {
  border: 1px solid #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger svg, oat-nav-header-element .right oat-notifications .menu-trigger svg {
  color: #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger:hover, oat-nav-header-element .right oat-notifications .menu-trigger:hover {
  cursor: pointer;
  background-color: #1960A6;
  transition: all 200ms ease-in-out;
  color: #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger:focus, oat-nav-header-element .right oat-notifications .menu-trigger:focus {
  background-color: #104C8B;
  color: #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger:hover i, oat-nav-header-element .right oat-notifications .menu-trigger:hover svg {
  color: #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger-activeState, oat-nav-header-element .right oat-notifications .menu-trigger-activeState, oat-nav-header-element .right oat-notifications .menu-trigger[active] {
  background: #104C8B;
  color: #ffffff;
}
oat-nav-header-element .right oat-support-menu .menu-trigger-activeState svg, oat-nav-header-element .right oat-notifications .menu-trigger-activeState svg, oat-nav-header-element .right oat-notifications .menu-trigger[active] svg {
  color: #ffffff;
}
oat-nav-header-element .right .header-icon-btn {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  border: none;
  color: #ffffff;
  background-color: #0078D4;
  transition: all 200ms ease-in-out;
}
oat-nav-header-element .right .header-icon-btn:hover {
  cursor: pointer;
  background-color: #1960A6;
  transition: all 200ms ease-in-out;
  color: #ffffff;
}
oat-nav-header-element .right .header-icon-btn:focus {
  background-color: #104C8B;
  color: #ffffff;
}
oat-nav-header-element .right .profile-trigger {
  display: flex;
  align-items: center;
  color: #ffffff;
  border-radius: 32px;
  padding: 0px 16px 0px 0px;
  transition: all 200ms ease-in-out;
  height: 40px;
}
oat-nav-header-element .right .profile-trigger:hover {
  cursor: pointer;
  background-color: #1960A6;
  color: #ffffff;
}
oat-nav-header-element .right .profile-trigger:focus {
  background-color: #104C8B;
  color: #ffffff;
}
oat-nav-header-element .right .profile-trigger .oat-user-avatar {
  margin-right: 8px;
  border: 2px solid transparent;
}
oat-nav-header-element .right .profile-trigger .username {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
oat-nav-header-element .right .profile-trigger .username .advisor-code {
  font-size: 12px;
  font-weight: 600;
  color: #CCE7FF;
}

oat-notifications {
  margin-right: 12px;
}
oat-notifications .oatMenuContainer {
  width: 240px;
}
oat-notifications .oatMenuItem {
  text-align: left;
}
oat-notifications .oatMenuIconContainer {
  height: 16px;
  margin: 0px auto;
  min-width: 16px;
  text-align: center;
  margin-right: 8px;
  padding: 0;
}
oat-notifications .oatMenuTextContainer {
  letter-spacing: 0;
}
oat-notifications .menu-trigger {
  height: 32px;
  width: 32px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 32px;
  transition: all 200ms ease-in-out;
}
oat-notifications .menu-trigger i, oat-notifications .menu-trigger svg {
  margin: auto;
  color: var(--navigation-icon-primary);
  transition: all 200ms ease-in-out;
}
oat-notifications .menu-trigger:hover {
  cursor: pointer;
  background-color: var(--navigation-background-hover);
  transition: all 200ms ease-in-out;
}
oat-notifications .menu-trigger:hover i, oat-notifications .menu-trigger:hover svg {
  color: var(--navigation-icon-hover);
  transition: all 200ms ease-in-out;
}
oat-notifications .menu-trigger[active] {
  background-color: var(--navigation-background-active);
}
oat-notifications .menu-trigger[active] svg {
  color: var(--navigation-icon-active);
}
oat-notifications .menu-trigger[active]:hover {
  cursor: pointer;
}
oat-notifications #notificationsContainer {
  width: 424px;
  margin-top: 6px;
  transition: opacity 200ms ease-in-out;
  border: 1px solid var(--notification-stroke-primary);
}
oat-notifications #notificationsBody {
  max-height: 400px;
}
oat-notifications .card {
  margin-bottom: 20px;
  border: none;
  box-shadow: var(--elevation-500);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color: var(--notification-background-base);
  background-clip: border-box;
  border-radius: 0.25rem;
}
oat-notifications .card-header:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
oat-notifications .card-header {
  height: 56px;
  padding: 16px 8px 16px 16px;
  display: flex !important;
  justify-content: space-between !important;
  font-weight: 600;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--notification-stroke-primary);
  align-items: center;
}
oat-notifications .card-title {
  font-size: 16px;
  line-height: 24px;
  padding: 0px;
  font-weight: 500;
  margin-top: 0;
}
oat-notifications *, oat-notifications :after, oat-notifications :before {
  box-sizing: border-box;
}
oat-notifications .card-header-menu {
  display: flex;
}
oat-notifications .card-header i, oat-notifications .card-header svg {
  font-size: 1rem;
}
oat-notifications .card .notification {
  border-bottom: 1px solid var(--notification-stroke-primary);
}
oat-notifications .card .notification:last-child {
  border-bottom: none;
}
oat-notifications .notification .notification-title i.fa-ellipsis-h, oat-notifications .notification .notification-title svg.fa-ellipsis-h {
  opacity: 0;
  transition: all 200ms ease-in-out;
}
oat-notifications .notification:hover .notification-title i.fa-ellipsis-h, oat-notifications .notification:hover .notification-title svg.fa-ellipsis-h {
  opacity: 1;
  transition: all 200ms ease-in-out;
}
oat-notifications .notification:hover .lozenge {
  color: var(--lozenge-text-bold);
  background: var(--lozenge-background-new-bold);
  transition: all 200ms ease-in-out;
}
oat-notifications .notification:hover {
  background-color: var(--notification-background-hover);
  cursor: pointer;
}
oat-notifications .notification-icon {
  padding: 0 1rem 0 0;
}
oat-notifications .notificationBody {
  width: 100%;
}
oat-notifications .notification-title {
  display: flex;
  font-weight: 600;
  color: var(--notification-text-primary);
  font-size: 12px;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
  justify-content: space-between;
}
oat-notifications .notification-title .text-muted {
  color: var(--notification-text-secondary);
  font-weight: 400;
  letter-spacing: 0;
}
oat-notifications .notification-desc {
  font-size: 12px;
  line-height: 16px;
  color: var(--notification-text-primary);
  justify-content: space-between;
  display: flex;
}
oat-notifications .notification {
  padding: 16px;
  transition: all 200ms ease-in-out;
  background: var(--notification-background-base);
  align-items: flex-start !important;
  display: inline-flex !important;
}
oat-notifications .card-footer:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}
oat-notifications .card-footer {
  font-size: 14px;
  font-weight: 500;
  height: 58px;
  padding: 0;
  display: flex;
  align-items: center !important;
  background-color: transparent;
  border-top: 1px solid var(--notification-stroke-primary);
}
oat-notifications .card-footer a {
  color: var(--link-text-primary);
  line-height: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 200ms ease-in-out;
}
oat-notifications .card-footer a:hover {
  color: var(--link-text-hover);
  border-bottom: 1px solid var(--link-text-hover);
  transition: all 200ms ease-in-out;
}
oat-notifications .card-footer-item {
  padding: 1rem;
  flex: 1;
  text-align: right;
  outline: 0;
}

.oat-page-header-container {
  padding: 24px;
}
.oat-page-header-container h3 {
  color: var(--pageheader-text-primary);
  font-weight: 600;
  margin: 0;
}
.oat-page-header-container .page-description {
  color: var(--pageheader-text-secondary);
  margin-right: 24px;
  margin-top: 8px;
  display: inline-block;
  font-weight: 500;
}
.oat-page-header-container .page-description i, .oat-page-header-container .page-description svg {
  color: var(--pageheader-icon-primary);
  height: 12px;
  width: 12px !important;
  margin-right: 8px;
}
.oat-page-header-container .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
}
.oat-page-header-container .flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.oat-page-header-container .flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.oat-page-header-container .flex-items:nth-child(2) button {
  margin-left: 4px;
}

.oat-pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.oat-pagination .page-item .page-link {
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
  margin: 0px 2px;
  font-weight: 600;
  color: var(--pagination-text-primary);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.oat-pagination .page-item.disabled .page-link {
  color: var(--pagination-icon-disabled);
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
  border-color: transparent;
}
.oat-pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 0.25rem;
}
.oat-pagination .page-link {
  position: relative;
  display: block;
  line-height: 1.25;
  border: 1px solid transparent;
  text-decoration: none;
}
.oat-pagination .page-link:hover {
  background: var(--pagination-background-hover);
  color: var(--pagination-text-primary);
}
.oat-pagination .page-item.active .page-link {
  z-index: 3;
  color: var(--pagination-text-active);
  border-color: transparent;
  background-color: var(--pagination-background-active);
}

oat-popover {
  --modal-transition: all 200ms ease-in-out;
}

.oat-popover-header {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: var(--popover-text-primary);
  margin-bottom: 2px;
}

.oat-popover-body {
  font-size: 14px;
  line-height: 20px;
  color: var(--popover-text-secondary);
  margin-bottom: 8px;
}

.oat-popover-footer a {
  color: var(--link-text-primary);
  border-bottom: 1px transparent;
  transition: all 200ms ease-in-out;
}
.oat-popover-footer a i {
  color: var(--link-icon-primary);
}
.oat-popover-footer a:hover {
  color: var(--link-text-hover);
  border-bottom: 1px solid var(--link-text-hover);
  transition: all 200ms ease-in-out;
}
.oat-popover-footer a:hover i {
  color: var(--link-icon-hover);
}

oat-progress .progress-container {
  width: inherit;
}
oat-progress .progress-steps i, oat-progress .progress-steps svg {
  color: var(--progress-progressdot-background-primary);
  font-size: 8px;
  padding: 8px;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
oat-progress .progress-steps i[active=true], oat-progress .progress-steps svg[active=true] {
  color: var(--progress-progressdot-background-active);
}
oat-progress .progress-steps i:hover, oat-progress .progress-steps svg:hover {
  color: var(--progress-progressdot-background-hover);
}
oat-progress .progress-steps.large svg {
  font-size: 16px;
  padding: 16px;
}
oat-progress .progress-bar-background {
  background-color: var(--progress-progressbar-background-primary);
  border-radius: 8px;
}
oat-progress .progress-bar {
  height: 4px;
  background-color: var(--progress-progressbar-background-active);
  border-radius: 8px;
}
oat-progress .progress-bar.large {
  height: 8px;
}
oat-progress .progress-bar[status=loading] {
  background-color: var(--progress-progressbar-background-active);
}
oat-progress .progress-bar[status=complete] {
  background-color: var(--progress-progressbar-background-success);
}
oat-progress .progress-bar[status=error] {
  background-color: var(--upload-background-error);
}
oat-progress .progress-bar[status=deleted] {
  background-color: var(--upload-background-disabled);
}

oat-radio {
  --radio-transition: all 200ms ease-in-out;
}
oat-radio [type=visual].container {
  padding: 20px;
}

oat-radio-group .oat-inline {
  display: flex !important;
  align-content: center !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
oat-radio-group .oat-inline .container {
  display: flex !important;
  align-content: center !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
oat-radio-group .oat-inline .container .radio-label {
  padding-top: 5px;
}
oat-radio-group .oat-inline .container .checkmark {
  margin-top: 10px;
}
oat-radio-group .oat-inline .oat-input-simple {
  margin-left: 8px;
}

oat-segmented:not(:defined) {
  display: none;
}
oat-segmented .segmented-control {
  background: var(--segmentedcontrol-background-primary);
  border-radius: 4px;
  margin: 0;
  padding: 4px;
  border: none;
  outline: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  font-weight: 500;
  box-shadow: var(--elevation--100);
}
oat-segmented .segmented-control .option {
  position: relative;
  cursor: pointer;
}
oat-segmented .segmented-control .option:hover input:not(:checked) + label span, oat-segmented .segmented-control .option:active input:not(:checked) + label span, oat-segmented .segmented-control .option:focus input:not(:checked) + label span {
  color: var(--segmentedcontrol-text-hover);
}
oat-segmented .segmented-control .option:active input:not(:checked) + label span {
  transform: scale(0.95);
}
oat-segmented .segmented-control .option label {
  position: relative;
  color: var(--segmentedcontrol-text-inactive);
  display: block;
  text-align: center;
  padding: 6px 8px;
  background: var(--segmentedcontrol-background-primary);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 16px;
  cursor: inherit;
  margin-bottom: 0px;
}
oat-segmented .segmented-control .option label::before, oat-segmented .segmented-control .option label::after {
  content: "";
  width: 1px;
  background: var(--segmentedcontrol-background-primary);
  position: absolute;
  top: 14%;
  bottom: 14%;
  border-radius: 4px;
  will-change: background;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
oat-segmented .segmented-control .option label::before {
  left: 0;
  transform: translateX(-0.5px);
}
oat-segmented .segmented-control .option label::after {
  right: 0;
  transform: translateX(0.5px);
}
oat-segmented .segmented-control .option:first-of-type {
  grid-column: 1;
  grid-row: 1;
  box-shadow: none;
}
oat-segmented .segmented-control .option:first-of-type label::before {
  opacity: 0;
}
oat-segmented .segmented-control .option:last-of-type label::after {
  opacity: 0;
}
oat-segmented .segmented-control .option input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  opacity: 0;
}
oat-segmented .segmented-control .selection {
  background: var(--segmentedcontrol-background-base);
  box-shadow: var(--elevation-300);
  border-radius: 3px;
  color: var(--segmentedcontrol-text-active);
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  will-change: transform;
  text-transform: uppercase;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}
oat-segmented .segmented-control .option label span {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  will-change: transform;
}
oat-segmented .segmented-control .option input:checked + label::before, oat-segmented .segmented-control .option input:checked + label::after {
  background: var(--segmentedcontrol-background-primary);
  z-index: 1;
}
oat-segmented .segmented-control .option input:checked + label {
  cursor: default;
  color: var(--segmentedcontrol-text-active);
}
oat-segmented .segmented-control .nav-link {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-align: center;
  padding: 3px 6px;
}
oat-segmented .segmented-control li {
  border-right: 1px solid var(--segmentedcontrol-stroke-primary);
}
oat-segmented .segmented-control li:last-child {
  border-right: none;
}
oat-segmented .segmented-control .active > .nav-link, oat-segmented .segmented-control .nav-link.active {
  background: var(--segmentedcontrol-background-base);
  box-shadow: var(--elevation-300);
  border-radius: 3px;
  color: var(--segmentedcontrol-text-active);
}

oat-wizard .progress-list {
  height: 32px;
  display: flex;
  position: relative;
  margin-bottom: 1.25rem;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-weight: 400;
  background: transparent;
}
oat-wizard .progress-list > li {
  text-align: left;
  height: 4px;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
}
oat-wizard .progress-list > li:hover .progress-label {
  color: var(--wizard-text-primary);
  transition: all 200ms ease-in-out;
}
oat-wizard .progress-list .progress-label {
  left: 20px;
  transform: none;
  top: 12px;
  font-weight: 500;
  transition: all 200ms ease-in-out;
}
oat-wizard .progress-list > li:before {
  content: "";
  position: absolute;
  left: 0%;
  width: 96%;
  height: 4px;
  border-radius: 4px;
  margin-top: -1px;
  background-color: var(--wizard-background-primary);
}
oat-wizard .progress-list .loading-indicator {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  margin-top: -1px;
  width: 1%;
  height: 4px;
  background-color: var(--wizard-background-active);
  border-radius: 4px;
}
oat-wizard .progress-list .progress-label {
  color: var(--wizard-text-primary);
}
oat-wizard .progress-list > .incomplete .progress-label {
  color: var(--wizard-text-secondary);
}
oat-wizard .progress-list .success, oat-wizard .progress-list .error {
  color: none;
}
oat-wizard .progress-list button {
  top: 1rem;
}
oat-wizard .progress-list > li > button {
  background-color: transparent;
  border: 2px solid var(--wizard-icon-primary);
  top: 11px;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  border-radius: 1rem;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
  z-index: 1;
  transition: all 200ms ease-in-out;
}
oat-wizard .progress-list > li.incomplete:hover button {
  border: 2px solid var(--wizard-icon-hover);
  transition: all 200ms ease-in-out;
}
oat-wizard .progress-list > .active:before {
  background-color: var(--wizard-background-active);
  transition: all 0.3s cubic-bezier(0.6, 0.3, 0.3, 1);
}
oat-wizard .progress-list > .active > button {
  border: 5px solid var(--wizard-background-active);
  background-color: transparent;
}
oat-wizard .progress-list > .success:before {
  background-color: var(--wizard-background-completed);
}
oat-wizard .progress-list .progress-indicator {
  height: 16px;
  width: 16px;
}
oat-wizard .progress-list > .active .progress-indicator, oat-wizard .progress-list > .error .progress-indicator, oat-wizard .progress-list > .success .progress-indicator {
  display: none;
  margin-top: 0;
}
oat-wizard .progress-list > .success > button:active, oat-wizard .progress-list > .success > button:focus, oat-wizard .progress-list > .active > button:active, oat-wizard .progress-list > .active > button:focus, oat-wizard .progress-list > li > button:focus {
  box-shadow: none;
}
oat-wizard .progress-list > .success > button {
  width: 16px;
  height: 16px;
}
oat-wizard .progress-list > li.success > button {
  background-color: transparent;
  border: none;
}
oat-wizard .progress-list > .active .progress-indicator oat-icon {
  color: var(--wizard-background-active);
  fill: var(--wizard-background-active);
}
oat-wizard .progress-list .progress-indicator {
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s cubic-bezier(0.6, 0.3, 0.3, 1);
}
oat-wizard .progress-list .progress-label {
  left: 24px;
  transform: none;
  top: 12px;
}
oat-wizard .progress-list > .active .progress-label {
  color: var(--wizard-text-primary);
}
oat-wizard .progress-list .progress-indicator {
  display: none;
}
oat-wizard .progress-list .progress-label {
  position: absolute;
  font-size: 0.875rem;
}
oat-wizard .progress-list > .success .progress-indicator {
  display: block;
  position: absolute;
  font-size: 16px;
  top: 0;
  left: 0px;
  color: var(--wizard-icon-completed);
  fill: var(--wizard-icon-completed);
}

oat-slide-over {
  --container-background-color: #F9FAFB;
  --slide-over-small:424px;
  --slide-over-medium:640px;
  --slide-over-large:864px;
  z-index: 1000;
  position: fixed;
  right: -1000px;
  top: 0px;
  bottom: 0px;
  background: var(--container-background-color);
  transition: right 200ms ease-in-out;
}
oat-slide-over[slide-in] {
  right: 0px;
}
oat-slide-over.slide-over-sm {
  width: var(--slide-over-small);
}
oat-slide-over.slide-over-md {
  width: var(--slide-over-medium);
}
oat-slide-over.slide-over-lg {
  width: var(--slide-over-large);
}
oat-slide-over .slide-over-header {
  padding: 16px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(slideover-stroke-secondary);
  background: var(--slideover-background-base);
  top: 0px;
}
oat-slide-over .slide-over-header .fa-ellipsis-h:hover, oat-slide-over .slide-over-header .fa-times:hover {
  cursor: pointer;
}
oat-slide-over .slide-over-header i, oat-slide-over .slide-over-header svg {
  font-size: 24px;
  padding: 3px;
}
oat-slide-over .slide-over-header .slide-over-header-icon {
  margin-right: 16px;
}
oat-slide-over .slide-over-header .slide-over-title {
  color: var(--slideover-text-primary);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  flex-grow: 8;
}
oat-slide-over .slide-over-header .slide-over-subtext {
  font-size: 12px;
  line-height: 16px;
  color: var(--slideover-text-secondary);
  font-weight: 500;
  display: block;
}
oat-slide-over .slide-over-header .slide-over-header-menu {
  font-size: 14px;
  color: var(--slideover-icon-primary);
}
oat-slide-over .slide-over-header .slide-over-header-btn {
  font-size: 24px;
  text-align: center;
  color: var(--slideover-icon-primary);
  fill: var(--slideover-icon-primary);
  transition: all 200ms ease-in-out;
  cursor: pointer;
  height: 40px;
  width: 40px;
}
oat-slide-over .slide-over-header .slide-over-header-btn.menu-btn i, oat-slide-over .slide-over-header .slide-over-header-btn.menu-btn svg {
  padding: 8px 12px !important;
  width: 16px;
}
oat-slide-over .slide-over-header .slide-over-header-btn.close-btn i, oat-slide-over .slide-over-header .slide-over-header-btn.close-btn svg {
  padding: 8px 12px !important;
}
oat-slide-over .slide-over-header .slide-over-header-btn :hover {
  cursor: pointer;
  transition: all 200ms ease-in-out;
  background-color: var(--slideover-background-header);
  border-radius: 4px;
}
oat-slide-over .slide-over-header .oat-user-avatar.oat-user-avatar-xl {
  box-shadow: var(--elevation-400);
  margin-right: 16px;
}
oat-slide-over .slide-over-body {
  padding: 16px;
  background: var(--slideover-background-primary);
  color: var(--slideover-text-primary);
  z-index: 200;
}
oat-slide-over .slide-over-body.empty-slide-over {
  background-color: #E6F5FF;
  text-transform: uppercase;
  color: #104C8B;
  letter-spacing: 0.7px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
oat-slide-over .slide-over-body .divider-sm {
  margin: 0px -20px;
  background: var(--slideover-stroke-primary);
}
oat-slide-over .slide-over-footer {
  bottom: 0px;
  padding: 16px;
  border-top: 1px solid var(--slideover-stroke-primary);
  background: var(--slideover-background-base);
  width: inherit;
}
oat-slide-over .slide-over-footer .slide-over-footer-cta {
  text-align: end;
}
oat-slide-over .slide-over-footer .slide-over-footer-cta button:last-child {
  margin-left: 4px;
}
oat-slide-over .user-contact-info {
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 0px;
  margin-left: -40px;
  margin-top: 32px;
}
oat-slide-over .user-contact-info li {
  display: flex;
  padding: 8px;
  align-content: flex-start;
}
oat-slide-over .user-contact-info li i, oat-slide-over .user-contact-info li svg {
  font-size: 14px;
  color: #8F959F;
}
oat-slide-over .user-contact-info li span {
  display: inline-flex;
}
oat-slide-over .element-list {
  overflow-y: scroll;
  max-height: 300px;
}
oat-slide-over .element-list ul {
  list-style: none;
  margin-top: 0px;
  margin-left: -15px;
}
oat-slide-over .element-list li {
  padding: 12px 0px;
  color: var(--editor-text-primary);
}
oat-slide-over .element-list li.nav-header {
  text-transform: uppercase;
  padding-bottom: 6px;
  letter-spacing: 0.5px;
  color: var(--editor-text-secondary);
  font-size: 12px;
  font-weight: 600;
}
oat-slide-over .element-list li.nav-link {
  padding: 6px 16px;
  border-radius: 4px;
  margin: 6px 0px;
  transition: all 100ms ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0);
}
oat-slide-over .element-list li.nav-link:hover {
  background-color: var(--editor-background-hover);
  cursor: pointer;
  border: 1px solid var(--editor-background-hover);
  transition: all 100ms ease-in-out;
}
oat-slide-over .element-list li[active], oat-slide-over .element-list li[active]:hover {
  background-color: var(--editor-background-active);
  cursor: pointer;
  border: 1px solid var(--editor-stroke-active);
  color: var(--editor-text-active);
  font-weight: 500;
}

oat-slider {
  --track-color: #E5E7EB;
  --fill-color: #0078D4;
  --handle-color: #ffffff;
  --handle-border-color: #D1D4DC;
  --tick-color: #8F959F;
}

oat-range-slider {
  --track-color: #E5E7EB;
  --fill-color: #0078D4;
  --handle-color: #ffffff;
  --handle-border-color: #D1D4DC;
  --tick-color: #8F959F;
}

oat-support-menu {
  margin-right: 8px;
}
oat-support-menu .supportMenuContainer {
  margin: 0 8px 0 0;
  width: fit-content;
}
oat-support-menu .supportMenuContainer oat-menu {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
  margin-top: 6px;
}
oat-support-menu .menu-trigger {
  height: 32px;
  width: 32px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 32px;
  transition: all 200ms ease-in-out;
}
oat-support-menu .menu-trigger i {
  margin: auto;
  color: var(--navigation-icon-primary);
  transition: all 200ms ease-in-out;
}
oat-support-menu .menu-trigger:hover {
  cursor: pointer;
  background-color: var(--navigation-background-hover);
  transition: all 200ms ease-in-out;
}
oat-support-menu .menu-trigger:hover i {
  color: var(--navigation-icon-hover);
  transition: all 200ms ease-in-out;
}
oat-support-menu .menu-trigger-activeState {
  height: 32px;
  width: 32px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 32px;
  transition: all 200ms ease-in-out;
  background-color: var(--navigation-background-active);
}
oat-support-menu .menu-trigger-activeState i {
  margin: auto;
  color: var(--navigation-icon-active);
  transition: all 200ms ease-in-out;
}
oat-support-menu .menu-trigger-activeState:hover {
  cursor: pointer;
}

oat-tab .tab-control {
  height: 40px;
  border-radius: 4px;
  margin: 0;
  border: none;
  outline: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}
oat-tab .tab-control .option {
  position: relative;
  cursor: pointer;
  transition: all 200ms ease-in-out;
  border-bottom: 2px solid transparent;
  margin: 0 16px;
}
oat-tab .tab-control .option[active] {
  border-bottom: 2px solid var(--tab-horizontal-stroke-primary);
}
oat-tab .tab-control .option[active]:hover {
  border-bottom: 2px solid var(--tab-horizontal-stroke-primary);
}
oat-tab .tab-control .option:hover {
  border-bottom: 2px solid var(--tab-horizontal-stroke-hover);
}
oat-tab .tab-control .option:first-of-type {
  margin: 0 16px 0 0;
}
oat-tab .tab-control .option label {
  position: relative;
  color: var(--tab-horizontal-text-secondary);
  display: block;
  text-align: center;
  padding: 10px 0 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: inherit;
  margin-bottom: 0px;
}
oat-tab .tab-control .option label::before {
  left: 0;
  transform: translateX(-0.5px);
}
oat-tab .tab-control .option label::after {
  right: 0;
  transform: translateX(0.5px);
}
oat-tab .tab-control .option label span {
  display: block;
  position: relative;
  z-index: 2;
}
oat-tab .tab-control .option:first-of-type {
  grid-column: 1;
  grid-row: 1;
  box-shadow: none;
}
oat-tab .tab-control .option:first-of-type label::before {
  opacity: 0;
}
oat-tab .tab-control .option:last-of-type label::after {
  opacity: 0;
}
oat-tab .tab-control .option input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 5px;
  border-bottom-color: transparent;
  opacity: 0;
}
oat-tab .tab-control .option input:checked + label {
  cursor: default;
  color: var(--tab-horizontal-text-primary);
}
oat-tab .tab-control .option:hover input:not(:checked) + label span, oat-tab .tab-control .option:active input:not(:checked) + label span, oat-tab .tab-control .option:focus input:not(:checked) + label span {
  color: var(--tab-horizontal-text-hover);
  transition: all 200ms ease-in-out;
}
oat-tab .tab-control .option label::before, oat-tab .tab-control .option label::after {
  content: "";
  position: absolute;
  top: 14%;
  bottom: 14%;
  border-radius: 4px;
}
oat-tab .tab-control .option input:checked + label::before, oat-tab .tab-control .option input:checked + label::after {
  z-index: 1;
}

table {
  border-collapse: collapse;
  font-weight: 500;
  width: 100%;
}
table th {
  background-color: var(--table-background-header);
  text-transform: uppercase;
  color: var(--table-text-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 10px 16px;
  letter-spacing: 0.5px;
  box-shadow: inset 0px -1px 0px var(--table-stroke-primary), inset 0px 1px 0px var(--table-stroke-primary);
  text-align: left;
}
table td {
  padding: 10px 16px;
  color: var(--table-text-primary);
  line-height: 20px;
  background: var(--table-background-base);
  box-shadow: inset 0px -1px 0px var(--table-stroke-primary);
}
table.oat-tb-md td {
  padding: 18px 16px;
}
table.oat-tb-lg td {
  padding: 26px 16px;
}
table .account-description, table .btn-account .account-name {
  margin: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1rem;
}
table .account-summary {
  margin-right: 0.75rem;
  display: block;
  text-align: left;
  flex: 1;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
table .cell-main-data {
  font-size: 14px;
  line-height: 20px;
  display: block;
  font-weight: 500;
}
table .cell-subtext {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--table-text-secondary);
  display: block;
}
table .number-cell {
  text-align: right;
}
table .image-cell {
  padding-right: 0px;
}
table tfoot td {
  box-shadow: inset 0px -1px 0px transparent;
}

oat-toast #toastContainer {
  position: fixed;
  bottom: 8px;
  right: 16px;
  z-index: 10000;
}
oat-toast oat-toast-item [slide-out] {
  bottom: -225px !important;
}
oat-toast oat-toast-item .oasToastContainer {
  background-color: var(--toast-background-base);
  border: 1px solid var(--toast-stroke-primary);
  border-radius: 8px;
  width: 366px;
  min-height: 20px;
  overflow: hidden;
  margin: 0 0 8px 0;
  opacity: 1;
  transition: all 600ms;
  transition-timing-function: cubic-bezier(0.1, 0.7, 0.27, 1);
  position: relative;
  bottom: 0;
  box-shadow: var(--elevation-500);
}
oat-toast oat-toast-item .oasToastContainer .oasToastBody {
  display: flex;
  flex-direction: row;
  padding: 16px;
}
oat-toast oat-toast-item .oasToastContainer .oasToastBody .oasIcon {
  float: left;
}
oat-toast oat-toast-item .oasToastContainer .oasToastBody .oasMessage {
  width: 340px;
  padding: 0 8px;
  color: var(--toast-text-primary);
  font-weight: 500;
}
oat-toast oat-toast-item .oasToastContainer .oasToastBody #close i, oat-toast oat-toast-item .oasToastContainer .oasToastBody #close svg {
  color: var(--toast-icon-close);
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
oat-toast oat-toast-item .oasToastContainer .oasToastBody #close i:hover, oat-toast oat-toast-item .oasToastContainer .oasToastBody #close svg:hover {
  color: var(--toast-icon-secondary);
  transition: all 100ms ease-in-out;
}
oat-toast oat-toast-item .oasToastContainer .oasToastActionContainer {
  display: flex;
  width: 370px;
}
oat-toast oat-toast-item .oasToastContainer .oasToastActionContainer .oasToastAction {
  height: 32px;
  width: 100%;
  left: -2px;
  border: solid thin;
  border-color: var(--toast-stroke-primary) !important;
  color: var(--toast-text-primary);
  font-weight: 500;
  position: relative;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: all 200ms ease-in-out;
}
oat-toast oat-toast-item .oasToastContainer .oasToastActionContainer .oasToastAction:hover {
  background-color: var(--toast-background-hover);
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
oat-toast oat-toast-item .oasToastContainer .toastProgressBar {
  background: var(--toast-background-primary);
}
oat-toast oat-toast-item .oasToastContainer .toastProgressBar #progressBar {
  height: 4px;
  border-radius: 3px;
  background: var(--toast-background-secondary);
  transition: all 500ms ease-in-out;
}
oat-toast oat-toast-item .toast-primary {
  color: var(--toast-icon-primary);
}
oat-toast oat-toast-item .toast-secondary {
  color: var(--toast-icon-secondary);
}
oat-toast oat-toast-item .toast-success {
  color: var(--toast-icon-success);
}
oat-toast oat-toast-item .toast-warning {
  color: var(--toast-icon-warning);
}
oat-toast oat-toast-item .toast-danger {
  color: var(--toast-icon-error);
}

oat-tooltip {
  --tooltip-transition: opacity 200ms ease-in-out;
  position: fixed;
  z-index: 1;
}
oat-tooltip:not(:defined) {
  display: none;
}

.oat-upload .oat-upload-dropbox {
  box-sizing: border-box;
  text-align: center;
  min-height: 272px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23D1D4DCFF' stroke-width='2' stroke-dasharray='14%2c 8' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 4px;
  padding: 64px;
  margin-bottom: 16px;
}
.oat-upload .oat-upload-dropbox .upload-icon {
  color: var(--upload-icon-secondary);
  margin-bottom: 16px;
  font-size: 24px;
}
.oat-upload .oat-upload-dropbox h5 {
  margin: 0;
  color: var(--upload-text-primary);
}
.oat-upload .oat-upload-dropbox .files-supported {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
  color: var(--upload-text-secondary);
}
.oat-upload .oat-upload-dropbox .or-style {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin: 16px 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--upload-text-secondary);
}
.oat-upload .files-list .files-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.oat-upload .files-list .files-row .files-col {
  width: 50%;
  padding: 16px 0px;
  font-weight: 500;
  color: var(--upload-text-primary);
}
.oat-upload .files-list .files-row .files-col small {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  color: var(--upload-text-primary);
}
.oat-upload .files-list .files-row .files-col i, .oat-upload .files-list .files-row .files-col svg {
  margin-right: 8px;
  color: var(--upload-icon-primary);
}
.oat-upload .files-list .files-row .oat-btn {
  margin: auto 0 auto 8px;
  width: 32px;
}
.oat-upload .files-list .files-row .oat-btn:hover .uploadComplete {
  display: none;
}
.oat-upload .files-list .files-row .oat-btn:hover .uploadError {
  display: none;
}
.oat-upload .files-list .files-row .oat-btn:hover .uploadDelete {
  display: block;
}
.oat-upload .files-list .files-row .oat-btn:hover .uploadCancel {
  display: block;
}
.oat-upload .files-list .files-row .oat-btn .uploadComplete {
  display: block;
}
.oat-upload .files-list .files-row .oat-btn .uploadError {
  display: block;
}
.oat-upload .files-list .files-row .oat-btn .uploadDelete {
  display: none;
}
.oat-upload .files-list .files-row .oat-btn .uploadCancel {
  display: none;
}
.oat-upload .files-list .no-icon {
  width: 40px;
}
.oat-upload .progress-container {
  margin-bottom: 8px;
}

oat-user-profile-menu oat-menu .outerContainer {
  display: block;
  border: none;
  box-shadow: none;
}
oat-user-profile-menu .userProfileTrigger {
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: 20px;
  padding-right: 8px;
  color: var(--navigation-text-label);
  transition: all 200ms ease-in-out;
  white-space: nowrap;
}
oat-user-profile-menu .userProfileTrigger:hover {
  background-color: var(--navigation-background-hover);
  transition: all 200ms ease-in-out;
  color: var(--navigation-text-primary);
  cursor: pointer;
}
oat-user-profile-menu .userProfileTrigger[active] {
  color: var(--navigation-text-active);
  background-color: var(--navigation-background-active);
}
oat-user-profile-menu .userProfileTrigger .displayName {
  font-weight: 500;
}
oat-user-profile-menu .userProfileTrigger #iconContainer i, oat-user-profile-menu .userProfileTrigger #iconContainer svg {
  height: 20px;
  width: 24px;
  padding: 4px;
  left: 0px !important;
}
oat-user-profile-menu .userProfileContainer {
  padding: 0px;
  margin-top: 4px;
  width: 325px;
  background: var(--menu-background-base);
  border: 1px solid var(--menu-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
oat-user-profile-menu oat-menu .outerContainer {
  border: none;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: unset;
}
oat-user-profile-menu oat-menu .outerContainer .oatMenuContainer {
  width: 323px;
}
oat-user-profile-menu oat-menu .outerContainer .oatMenuContainer .oatMenuSubtext {
  width: 100%;
}
oat-user-profile-menu .header {
  border-bottom: solid thin var(--menu-stroke-primary);
  display: flex;
  padding: 16px 16px;
}
oat-user-profile-menu .header #mainIconContainer i, oat-user-profile-menu .header #mainIconContainer svg {
  height: 42px;
  width: 48px;
  padding: 8px;
  left: 0px !important;
}
oat-user-profile-menu .header .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}
oat-user-profile-menu .header .details .company {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--navigation-text-secondary);
}
oat-user-profile-menu .header .details .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: var(--navigation-text-primary);
}
oat-user-profile-menu .header .details .position {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--navigation-text-secondary);
}

oat-visual-picker #container {
  height: 48px;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  background: var(--visualpicker-background-base);
  border: 1px solid var(--visualpicker-stroke-primary);
  box-sizing: border-box;
  box-shadow: var(--elevation-200);
  transition: all 200ms ease-in-out;
  border-radius: 4px;
  cursor: pointer;
  padding: 16px;
}
oat-visual-picker #container:focus {
  box-shadow: var(--focus);
  border-color: var(--visualpicker-stroke-active);
  transition: all 200ms ease-in-out;
}
oat-visual-picker #container:focus:hover {
  border-color: var(--visualpicker-stroke-active);
  box-shadow: var(--focus);
}
oat-visual-picker #container:hover {
  border-color: var(--visualpicker-stroke-hover);
  box-shadow: var(--elevation-400);
  transition: all 200ms ease-in-out;
}
oat-visual-picker #container:active, oat-visual-picker #container[active] {
  background: var(--visualpicker-background-active);
  border-color: var(--visualpicker-stroke-active);
}
oat-visual-picker #container:active #textContainerLeft .title, oat-visual-picker #container:active #textContainerRight .title, oat-visual-picker #container[active] #textContainerLeft .title, oat-visual-picker #container[active] #textContainerRight .title {
  color: var(--visualpicker-text-active);
}
oat-visual-picker #container:active #textContainerLeft .helpText, oat-visual-picker #container:active #textContainerRight .helpText, oat-visual-picker #container[active] #textContainerLeft .helpText, oat-visual-picker #container[active] #textContainerRight .helpText {
  color: var(--visualpicker-text-active);
}
oat-visual-picker #container:active #iconContainer i, oat-visual-picker #container:active #iconContainer svg, oat-visual-picker #container[active] #iconContainer i, oat-visual-picker #container[active] #iconContainer svg {
  color: var(--visualpicker-icon-active);
}
oat-visual-picker #container #left {
  display: flex;
  flex-direction: row;
}
oat-visual-picker #container #right {
  display: flex;
  flex-direction: row-reverse;
}
oat-visual-picker #container #right #iconContainer {
  margin: 0 0 0 16px;
}
oat-visual-picker #container #right #radioContainer {
  margin: 0 0 0 16px;
}
oat-visual-picker #container #right #checkboxContainer {
  margin: 0 0 0 16px;
}
oat-visual-picker #container #radioContainer {
  margin: 0 16px 0 0;
}
oat-visual-picker #container #radioContainer oat-radio .radio-container {
  height: 24px;
  margin: 0 -4px;
  padding: 0px;
}
oat-visual-picker #container #checkboxContainer {
  margin: 0 16px 0 0;
}
oat-visual-picker #container #checkboxContainer, oat-visual-picker #container #radioContainer {
  display: flex;
  align-items: center;
}
oat-visual-picker #container #iconContainer {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin: 0 16px 0 0;
}
oat-visual-picker #container #iconContainer i, oat-visual-picker #container #iconContainer svg {
  color: var(--visualpicker-icon-primary);
}
oat-visual-picker #container #textContainerLeft, oat-visual-picker #container #textContainerRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
oat-visual-picker #container #textContainerLeft .title, oat-visual-picker #container #textContainerRight .title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--visualpicker-text-primary);
}
oat-visual-picker #container #textContainerLeft .helpText, oat-visual-picker #container #textContainerRight .helpText {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--visualpicker-text-secondary);
}
oat-visual-picker #container #textContainerRight {
  float: right;
  text-align: right;
}
oat-visual-picker[disabled] #container {
  background: var(--visualpicker-background-disabled);
  border-color: var(--visualpicker-stroke-primary);
  box-shadow: none;
  cursor: default;
}
oat-visual-picker[disabled] #container #textContainerLeft .title, oat-visual-picker[disabled] #container #textContainerRight .title {
  color: var(--visualpicker-text-secondary);
}
oat-visual-picker[disabled] #container #textContainerLeft .helpText, oat-visual-picker[disabled] #container #textContainerRight .helpText {
  color: var(--visualpicker-text-secondary);
}
oat-visual-picker[disabled] #container #iconContainer i, oat-visual-picker[disabled] #container #iconContainer svg {
  color: var(--visualpicker-icon-primary);
}
oat-visual-picker[disabled] #container:hover {
  border-color: var(--visualpicker-stroke-primary);
  box-shadow: none;
}
oat-visual-picker[size=medium] #container {
  height: 64px;
}
oat-visual-picker[size=large] #container {
  height: 80px;
}
oat-visual-picker .oat-checkbox-container .oat-checkbox + label {
  padding: 0;
  margin-bottom: 0;
}
oat-visual-picker .oat-checkbox-container .oat-checkbox + label:before {
  margin-right: 0;
}
oat-visual-picker .oat-checkbox-container .oat-checkbox + label:after {
  left: 6px !important;
  top: 2px !important;
}

oat-database-switcher {
  margin-right: 8px;
}
oat-database-switcher .db-switcher {
  padding: 6px 8px 6px 10px;
  color: var(--navigation-text-label);
  width: fit-content;
  transition: all 200ms ease-in-out;
  white-space: nowrap;
}
oat-database-switcher .db-switcher i, oat-database-switcher .db-switcher svg {
  color: var(--navigation-icon-primary);
  transition: all 200ms ease-in-out;
}
oat-database-switcher .db-switcher:hover {
  background: var(--navigation-background-hover);
  border-radius: 64px;
  cursor: pointer;
}
oat-database-switcher .db-switcher:hover i, oat-database-switcher .db-switcher:hover svg {
  color: var(--navigation-icon-hover);
  transition: all 200ms ease-in-out;
}
oat-database-switcher .oat-textfield-container {
  margin-bottom: 6px;
}
oat-database-switcher #search {
  width: 229px;
  height: 32px;
  transition: opacity 100ms ease-in-out;
  margin-bottom: 0;
}
oat-database-switcher #search i, oat-database-switcher #search svg {
  position: relative;
  top: 6px;
  z-index: 101;
  left: 10px;
  color: var(--navigation-text-label);
}
oat-database-switcher #search input {
  position: relative;
  top: -22px;
  padding-left: 32px;
}
oat-database-switcher i, oat-database-switcher svg {
  margin-right: 8px;
}
oat-database-switcher #menuContainer {
  position: fixed;
  margin-top: 6px;
  transition: all 200ms ease-in-out;
}
oat-database-switcher #dataBaseMenu .oatMenuContainer {
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
}
oat-database-switcher .noResults {
  padding: 10px;
  color: var(--navigation-text-secondary);
  width: 229px;
  position: fixed;
  margin-top: 6px;
}

oat-date-picker .datepicker-text-primary {
  color: var(--datepicker-text-primary);
  fill: var(--datepicker-text-primary);
  font-weight: 500;
}
oat-date-picker .datepicker-icon-primary {
  color: var(--datepicker-icon-primary);
  fill: var(--datepicker-icon-primary);
}
oat-date-picker #container, oat-date-picker #gridContainer, oat-date-picker #gridHeader {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
  background: var(--datepicker-background-base);
}
oat-date-picker #container {
  width: 300px;
  box-shadow: var(--elevation-500);
  border-radius: 4px;
  z-index: inherit;
  padding: 8px 0;
  border: 1px solid var(--datepicker-stroke-primary);
}
oat-date-picker #container #inputContainer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 16px 24px 0 24px;
}
oat-date-picker #container #inputContainer oat-icon {
  padding: 0 8px;
}
oat-date-picker #container #inputContainer .textfield-icon-primary {
  position: absolute !important;
  top: 13px !important;
  left: 8px !important;
  margin-left: 0 !important;
  color: var(--textfield-icon-primary) !important;
}
oat-date-picker #container #inputContainer input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 8px 6px 28px;
  min-width: 0 !important;
  position: static;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 4px 0px;
}
oat-date-picker #container #gridHeader {
  width: 252px;
  padding: 16px 24px 8px;
  border-radius: 4px 4px 0 0;
}
oat-date-picker #container #gridHeader .datepicker-text-primary {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
oat-date-picker #container #gridHeader .datepicker-icon-primary {
  padding: 0 4px;
  cursor: pointer;
}
oat-date-picker #container #gridHeader div {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
oat-date-picker #container #gridContainer {
  display: flex;
  flex-wrap: wrap;
  width: 252px;
  padding: 0 24px 16px;
  border-radius: 0 0 4px 4px;
}
oat-date-picker #container #buttonContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  padding: 0 24px 16px 24px;
}
oat-date-picker #container #buttonContainer .oat-btn {
  margin: 0 4px;
}
oat-date-picker .day-header {
  height: 32px;
  width: 32px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Fira Sans", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: var(--datepicker-text-secondary);
}
oat-date-picker .day-cell {
  height: 32px;
  width: 32px;
  margin: 2px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: var(--datepicker-text-primary);
  transition: all 100ms ease-in-out;
}
oat-date-picker .month-cell {
  height: 50px;
  width: 80px;
  margin: 2px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--datepicker-stroke-primary);
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 100ms ease-in-out;
}
oat-date-picker .year-cell {
  height: 50px;
  width: 46px;
  margin: 2px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--datepicker-stroke-primary);
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 100ms ease-in-out;
}
oat-date-picker .day-header, oat-date-picker .day-cell, oat-date-picker .month-cell, oat-date-picker .year-cell {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
oat-date-picker .year-cell, oat-date-picker .month-cell {
  border-radius: 4px;
}
oat-date-picker .day-cell.empty:hover {
  border: none;
  background: none;
}
oat-date-picker .day-cell:hover {
  box-sizing: border-box;
  /* Datepicker/Background/Current-Hover [datepicker-background-current-hover] [blue-100] */
  background: var(--datepicker-stroke-primary);
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
oat-date-picker .day-cell:disabled {
  background: var(--datepicker-background-disabled);
  color: var(--datepicker-text-disabled);
}
oat-date-picker .day-cell[current] {
  border: 1px solid var(--datepicker-stroke-current);
  box-sizing: border-box;
  color: var(--datepicker-text-current);
}
oat-date-picker .day-cell[current]:hover {
  background: var(--datepicker-background-current-hover);
}
oat-date-picker .day-cell[selected] {
  color: var(--datepicker-text-selected);
  /* Datepicker/Background/Selected [datepicker-background-selected] [blue-500] */
  background: var(--datepicker-background-selected);
}
oat-date-picker .day-cell[selected]:hover {
  color: var(--datepicker-text-selected);
  background: var(--datepicker-background-selected);
}
oat-date-picker .day-cell[current-hover] {
  box-sizing: border-box;
  color: var(--datepicker-text-current);
  background: var(--datepicker-background-current-hover);
}
oat-date-picker .year-cell.empty:hover, oat-date-picker .month-cell.empty:hover {
  border: none;
  background: none;
}
oat-date-picker .year-cell:hover, oat-date-picker .month-cell:hover {
  border: 1px solid var(--datepicker-stroke-current);
  box-sizing: border-box;
  background: var(--datepicker-background-current-hover);
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
oat-date-picker .year-cell:disabled, oat-date-picker .month-cell:disabled {
  background: var(--datepicker-text-disabled);
  color: var(--datepicker-text-disabled);
  border: 1px solid var(--datepicker-stroke-primary);
}
oat-date-picker .year-cell[current], oat-date-picker .month-cell[current] {
  border: 1px solid var(--datepicker-stroke-current);
  box-sizing: border-box;
  color: var(--datepicker-text-current);
}
oat-date-picker .year-cell[current]:hover, oat-date-picker .month-cell[current]:hover {
  background: var(--datepicker-background-current-hover);
}
oat-date-picker .year-cell[selected], oat-date-picker .month-cell[selected] {
  color: var(--datepicker-text-selected);
  background: var(--datepicker-background-selected);
}
oat-date-picker .year-cell[selected]:hover, oat-date-picker .month-cell[selected]:hover {
  color: var(--datepicker-text-selected);
  background: var(--datepicker-background-selected);
}
oat-date-picker .year-cell[current-hover], oat-date-picker .month-cell[current-hover] {
  box-sizing: border-box;
  color: var(--datepicker-text-current);
  background: var(--datepicker-background-current-hover);
}

.oat-layout-container {
  position: fixed;
  z-index: 500;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: var(--container-background-color);
  transition: var(--modal-transition);
  margin: 0;
  display: grid;
  grid-template-columns: auto 3fr;
  grid-template-rows: 64px 1fr max-content;
  gap: 0px 0px;
  grid-template-areas: "oat-header oat-header oat-header oat-header" "oat-app-nav oat-body oat-body oat-body" "oat-app-nav oat-footer oat-footer oat-footer";
}
.oat-layout-container .oat-header {
  grid-area: oat-header;
}
.oat-layout-container .oat-app-nav {
  grid-area: oat-app-nav;
  overflow-y: auto;
  z-index: 99;
}
.oat-layout-container .oat-body {
  grid-area: oat-body;
}
.oat-layout-container .oat-footer {
  grid-area: oat-footer;
}
.oat-layout-container .m-content {
  position: fixed;
  z-index: 1;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: var(--container-background-color);
  opacity: 1;
  transition: var(--modal-transition);
}
.oat-layout-container .m-body {
  position: relative;
  flex: 1 1 auto;
  overflow-Y: auto;
}
.oat-layout-container .m-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.oat-sticky-footer-container {
  bottom: 0px;
  right: 0px;
  width: 100%;
  box-sizing: border-box;
}
.oat-sticky-footer-container .footer-cta {
  padding: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.oat-sticky-footer-container oat-tooltip {
  margin-left: 20px !important;
}

.stat-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--stats-text-label);
}

.stat-num {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: var(--stats-text-primary);
}

.oat-stat-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  border-radius: 6px;
}
.oat-stat-container.w-border {
  border: 1px solid var(--stats-stroke-primary);
}
.oat-stat-container.w-border .oat-stat {
  border-right: 1px solid var(--stats-stroke-primary);
}

.oat-stat {
  padding: 24px;
}
.oat-stat.stat-sm {
  padding: 6px 24px;
}
.oat-stat.stat-sm .stat-num {
  font-size: 20px;
  line-height: 32px;
}

/*# sourceMappingURL=oat-components.css.map */