Vita-Slate Variables

Vita-Slate Variables

Total variables detected in Vita-Slate.css: 766

This generated document outlines a list of CSS variables detected in various production files, and their values across various selectors. Each variable is labeled with a prefix, followed by the component name, and the corresponding CSS property for the variable:

--{prefix}-{component-name}-{css-property}

The following variable prefixes are interpreted as follows:

Variable Prefix Description
--ut, --u Variables used across components.
--a Variables imported from App UI.
--oj Variables used in Oracle JavaScript Extension Toolkit components (JET).
--jui Variables used in jQuery components.
--js Variables used by Javascript.
--fc, --fc3 Variables used in Full Calendar components (v3 & v5).
--rw Variables used in Redwood components.

--a-base-font-weight-semibold

Selector Value Color
:root 600

--a-icon-size

Selector Value Color
:root 1rem
.t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker 1.25rem
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button 1rem
.t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker 1.25rem
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button 1rem
.a-DatePicker-nav 1.25rem

--a-button-border-radius

Selector Value Color
:root .125rem
:root 0.125rem

--a-button-padding-y

Selector Value Color
:root .5rem
.t-Form-helpButton .25rem
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button .5rem
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button .6875rem

--a-button-padding-x

Selector Value Color
:root .75rem
.t-Form-helpButton .25rem
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button .75rem
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button .75rem

--a-button-font-size

Selector Value Color
:root .75rem

--a-button-line-height

Selector Value Color
:root 1rem

--a-button-gap-x

Selector Value Color
:root .25rem

--a-button-icon-spacing

Selector Value Color
:root .375rem

--a-button-icon-size

Selector Value Color
:root 1rem

--a-cv-grid-gap

Selector Value Color
:root 1rem

--a-cv-item-width

Selector Value Color
:root 20rem
:root 19rem

--a-cv-border-radius

Selector Value Color
:root .25rem
:root .1875rem

--a-cv-shadow

Selector Value Color
:root var(--ut-shadow-sm)
:root 0 2px 4px -2px rgba(0, 0, 0, 0.075)

--a-cv-header-padding-y

Selector Value Color
:root 1rem
:root 1rem

--a-cv-header-padding-x

Selector Value Color
:root 1rem
:root 1rem

--a-cv-header-item-spacing-x

Selector Value Color
:root .75rem
.t-CardsRegion--styleB .has-icon--start .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--start .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--end .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--end .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child) 0.75rem
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child) 0.75rem

--a-cv-icon-size

Selector Value Color
:root 1rem
:root 1rem
.t-CardsRegion--styleA 1.25rem
.t-CardsRegion--styleA .has-icon--top 3rem
.t-CardsRegion--styleB 2rem
.t-CardsRegion--styleB .has-icon--top 2rem

--a-cv-icon-container-size

Selector Value Color
:root 2rem
:root 2rem
.t-CardsRegion--styleA 2.5rem
.t-CardsRegion--styleA .has-icon--top 6rem
.t-CardsRegion--styleB 4rem
.t-CardsRegion--styleB .has-icon--top 7rem

--a-cv-icon-padding

Selector Value Color
:root .5rem
:root .5rem

--a-cv-icon-spacer

Selector Value Color
:root calc(var(--a-cv-icon-container-size, 1rem) + var(--a-cv-header-item-spacing-x, .75rem))
.t-CardsRegion--styleC .a-CardView-items--row .a-CardView:not(.has-icon), .t-CardsRegion--styleC .a-CardView-items--row .has-icon--top, .t-CardsRegion--styleC .a-CardView-items--row .has-icon--end 0rem

--a-cv-initials-size

Selector Value Color
:root 2rem
.t-CardsRegion--styleA var(--a-cv-icon-container-size)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)

--a-cv-initials-font-size

Selector Value Color
:root .875rem
.t-CardsRegion--styleA 1.25rem
.t-CardsRegion--styleA .has-icon--top 1.5rem
.t-CardsRegion--styleB 2rem
.t-CardsRegion--styleB .has-icon--top 2rem

--a-cv-title-font-size

Selector Value Color
:root 1rem
.t-CardsRegion--styleB 1.25rem

--a-cv-title-line-height

Selector Value Color
:root 1.25rem
.t-CardsRegion--styleB 1.75rem

--a-cv-subtitle-font-size

Selector Value Color
:root .75rem
:root .75rem

--a-cv-subtitle-line-height

Selector Value Color
:root 1rem
:root 1rem

--a-cv-badge-font-size

Selector Value Color
:root .75rem

--a-cv-badge-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)
.has-media--background rgba(255, 255, 255, .25)

--a-cv-body-padding-x

Selector Value Color
:root 1rem
:root 1rem

--a-cv-body-padding-y

Selector Value Color
:root 1rem
:root 1rem

--a-cv-maincontent-font-size

Selector Value Color
:root .875rem
:root .875rem

--a-cv-maincontent-line-height

Selector Value Color
:root 1.25rem
:root 1.25rem

--a-cv-subcontent-font-size

Selector Value Color
:root .6875rem
:root .6875rem

--a-cv-subcontent-line-height

Selector Value Color
:root 1rem
:root 1rem

--a-cv-actions-padding-y

Selector Value Color
:root 1rem
:root 1rem

--a-cv-actions-padding-x

Selector Value Color
:root 1rem
:root 1rem

--a-checkbox-size

Selector Value Color
:root 1rem
.t-Form--large, .t-Form-fieldContainer--large 1.25rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1.5rem

--a-checkbox-label-font-size

Selector Value Color
:root .75rem
.t-Form--large, .t-Form-fieldContainer--large .875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem

--a-checkbox-border-radius

Selector Value Color
:root .125rem

--a-checkbox-icon-size

Selector Value Color
:root .75rem
.t-Form--large, .t-Form-fieldContainer--large 1.125rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1.125rem

--a-checkbox-indeterminate-width

Selector Value Color
:root .625rem

--a-checkbox-indeterminate-height

Selector Value Color
:root .125rem

--a-checkbox-label-spacing-y

Selector Value Color
:root .125rem

--a-checkbox-label-spacing-x

Selector Value Color
:root .375rem

--a-combo-box-padding-y

Selector Value Color
:root .25rem

--a-combo-box-padding-x

Selector Value Color
:root .5rem

--a-dev-toolbar-background-color

Selector Value Color
:root #666

--a-dev-toolbar-backdrop-filter

Selector Value Color
:root none

--a-datepicker-background-color

Selector Value Color
:root var(--ut-component-toolbar-background-color)

--a-datepicker-border-radius

Selector Value Color
:root var(--ut-border-radius)

--a-datepicker-header-background-color

Selector Value Color
:root #f9f9f9

--a-datepicker-header-border-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-select-background-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-select-border-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-select-font-size

Selector Value Color
:root 1rem

--a-datepicker-monthpicker-select-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--a-datepicker-calendars-spacing

Selector Value Color
:root 0px

--a-datepicker-calendar-background-color

Selector Value Color
:root var(--ut-component-background-color)

--a-datepicker-calendar-title-padding-x

Selector Value Color
:root .5rem

--a-datepicker-calendar-title-padding-y

Selector Value Color
:root .5rem

--a-datepicker-calendar-title-background-color

Selector Value Color
:root #f9f9f9

--a-datepicker-calendar-header-padding-x

Selector Value Color
:root var(--a-datepicker-calendar-day-spacing)

--a-datepicker-calendar-header-background-color

Selector Value Color
:root #f9f9f9

--a-datepicker-calendar-header-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-datepicker-calendar-day-spacing

Selector Value Color
:root .5rem

--a-datepicker-calendar-day-font-size

Selector Value Color
:root .875rem

--a-datepicker-calendar-day-border-width

Selector Value Color
:root 1px

--a-datepicker-calendar-day-border-radius

Selector Value Color
:root 50%

--a-datepicker-calendar-day-hover-background-color

Selector Value Color
:root var(--ut-component-border-color)

--a-datepicker-calendar-day-selected-background-color

Selector Value Color
:root var(--a-palette-primary)

--a-datepicker-calendar-day-selected-text-color

Selector Value Color
:root var(--a-palette-primary-contrast)

--a-datepicker-calendar-day-selected-border-color

Selector Value Color
:root var(--a-palette-primary)

--a-datepicker-calendar-week-background-color

Selector Value Color
:root var(--ut-component-toolbar-background-color)

--a-datepicker-calendar-week-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-datepicker-timepicker-select-background-color

Selector Value Color
:root transparent

--a-datepicker-timepicker-select-border-color

Selector Value Color
:root transparent

--a-datepicker-timepicker-select-font-size

Selector Value Color
:root .875rem

--a-fs-control-seperator-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-fs-control-seperator-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-fs-control-header-padding-y

Selector Value Color
:root .75rem

--a-fs-control-header-padding-x

Selector Value Color
:root .75rem

--a-fs-control-header-font-size

Selector Value Color
:root 1rem

--a-fs-control-header-line-height

Selector Value Color
:root 1.25rem

--a-fs-control-body-padding-y

Selector Value Color
:root .75rem

--a-fs-control-body-padding-x

Selector Value Color
:root .75rem

--a-fs-control-actions-padding-y

Selector Value Color
:root .75rem

--a-fs-control-actions-padding-x

Selector Value Color
:root 0rem

--a-fs-control-item-spacing

Selector Value Color
:root .75rem

--a-fs-filter-group-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-fs-filter-group-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-fs-filter-group-label-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-fs-item-sub-group-spacing

Selector Value Color
:root .5rem

--a-fs-chart-padding-y

Selector Value Color
:root 1rem

--a-fs-chart-padding-x

Selector Value Color
:root 1rem

--a-fs-chart-border-width

Selector Value Color
:root var(--ut-region-border-width, var(--ut-component-border-width, 1px))

--a-fs-chart-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--a-fs-chart-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))

--a-fs-chart-background-color

Selector Value Color
:root var(--ut-component-background-color)

--a-fs-chart-shadow

Selector Value Color
:root var(--ut-region-box-shadow)

--a-filedrop-padding-y

Selector Value Color
:root 1rem

--a-filedrop-padding-x

Selector Value Color
:root 1rem

--a-filedrop-border-radius

Selector Value Color
:root .125rem
:root 0.125rem

--a-filedrop-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-filedrop-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-filedrop-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-filedrop-item-spacing

Selector Value Color
:root .25rem

--a-filedrop-icon-size

Selector Value Color
:root 2rem

--a-filedrop-heading-font-size

Selector Value Color
:root 1.25rem

--a-filedrop-heading-line-height

Selector Value Color
:root 1.75rem

--a-filedrop-heading-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--a-filedrop-font-size

Selector Value Color
:root .875rem

--a-filedrop-line-height

Selector Value Color
:root 1rem

--a-filedrop-progress-width

Selector Value Color
:root 15rem

--a-filedrop-progress-height

Selector Value Color
:root .75rem

--a-filedrop-progress-border-radius

Selector Value Color
:root .375rem

--a-filedrop-progress-bar-width

Selector Value Color
:root 3rem

--a-field-input-border-radius

Selector Value Color
:root .125rem
:root 0.125rem

--a-field-select-background-size

Selector Value Color
:root 2rem 1rem

--a-field-select-arrow-padding

Selector Value Color
:root 2rem

--a-gv-font-size

Selector Value Color
:root .75rem

--a-gv-line-height

Selector Value Color
:root 1rem

--a-gv-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-gv-cell-padding-y

Selector Value Color
:root .25rem

--a-gv-cell-padding-x

Selector Value Color
:root .5rem

--a-gv-cell-height

Selector Value Color
:root 2rem

--a-gv-row-hover-background-color

Selector Value Color
:root #f9f9f9

--a-gv-inserted-background-color

Selector Value Color
:root var(--a-palette-success-shade)

--a-gv-deleted-background-color

Selector Value Color
:root #f2f2f2

--a-gv-grandtotal-background-color

Selector Value Color
:root #e6e6e6

--a-gv-updated-background-color

Selector Value Color
:root var(--a-palette-info-shade)

--a-gv-header-cell-padding-y

Selector Value Color
:root .25rem

--a-gv-header-cell-padding-x

Selector Value Color
:root .5rem

--a-gv-header-cell-height

Selector Value Color
:root 2.5rem

--a-gv-pagination-button-background-color

Selector Value Color
:root transparent

--a-gv-pagination-button-text-color

Selector Value Color
:root var(--a-button-text-color)

--a-gv-pagination-button-padding-y

Selector Value Color
:root .25rem

--a-gv-pagination-button-padding-x

Selector Value Color
:root .25rem

--a-gv-pagination-button-gap-x

Selector Value Color
:root .25rem

--a-gv-pagination-button-hover-background-color

Selector Value Color
:root var(--a-button-hover-background-color)

--a-gv-pagination-button-hover-text-color

Selector Value Color
:root var(--a-button-hover-text-color)

--a-gv-nodata-message-padding-y

Selector Value Color
:root 1rem

--a-gv-nodata-message-padding-x

Selector Value Color
:root 1rem

--a-gv-nodata-message-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-gv-nodata-message-font-size

Selector Value Color
:root .75rem

--a-gv-nodata-message-icon-size

Selector Value Color
:root 2rem

--a-gv-nodata-message-icon-spacing

Selector Value Color
:root .75rem

--a-help-dialog-code-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-mdeditor-background-color

Selector Value Color
:root var(--a-field-input-background-color)

--a-mdeditor-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-mdeditor-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-mdeditor-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-menubar-item-padding-y

Selector Value Color
:root .5rem

--a-menubar-item-padding-x

Selector Value Color
:root .5rem

--a-menubar-item-split-icon-size

Selector Value Color
:root 1rem

--a-menubar-item-split-icon-spacing

Selector Value Color
:root .5rem

--a-menu-padding-y

Selector Value Color
:root .5rem

--a-menu-padding-x

Selector Value Color
:root 0rem

--a-menu-font-size

Selector Value Color
:root .75rem

--a-menu-line-height

Selector Value Color
:root 1rem

--a-menu-border-radius

Selector Value Color
:root .25rem
.oj-listbox-drop 0.25rem

--a-menu-sep-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-menu-sep-spacing-y

Selector Value Color
:root .25rem

--a-menu-icon-size

Selector Value Color
:root 1rem
.t-Header-nav .a-Menu--split .a-Menu-subMenuCol 1rem

--a-menu-icon-spacing-y

Selector Value Color
:root .5rem

--a-menu-icon-spacing-x

Selector Value Color
:root .5rem

--a-menu-item-generic-padding-y

Selector Value Color
:root .5rem

--a-menu-item-generic-padding-x

Selector Value Color
:root .5rem

--a-menu-callout-size

Selector Value Color
:root .75rem

--a-menu-callout-border-radius

Selector Value Color
:root 0rem

--a-menu-callout-shadow

Selector Value Color
:root 0 0 .25rem 0 rgba(0, 0, 0, 0.1)

--a-popuplov-search-bar-padding-y

Selector Value Color
:root .5rem

--a-popuplov-search-bar-padding-x

Selector Value Color
:root var(--a-popuplov-search-bar-padding-y)

--a-rv-font-size

Selector Value Color
:root .75rem

--a-rv-line-height

Selector Value Color
:root 1rem

--a-rv-body-padding-y

Selector Value Color
:root .25rem

--a-rv-body-padding-x

Selector Value Color
:root 0rem

--a-percent-chart-height

Selector Value Color
:root 1rem

--a-percent-chart-background-color

Selector Value Color
:root var(--ut-palette-primary-shade)

--a-percent-chart-border-radius

Selector Value Color
:root .125rem

--a-percent-chart-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-percent-chart-bar-background-color

Selector Value Color
:root var(--ut-palette-primary)

--a-percent-chart-bar-text-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--a-percent-chart-bar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-padding-y

Selector Value Color
:root .5rem

--a-report-controls-padding-x

Selector Value Color
:root .5rem

--a-report-controls-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-border-width

Selector Value Color
:root var(--ut-component-border-width)

--a-report-controls-item-spacing

Selector Value Color
:root .25rem

--a-report-controls-cell-spacing

Selector Value Color
:root .5rem

--a-report-controls-cell-border-radius

Selector Value Color
:root .125rem

--a-report-controls-cell-label-width

Selector Value Color
:root 18.75rem

--a-report-controls-cell-label-font-size

Selector Value Color
:root .75rem

--a-report-controls-cell-label-line-height

Selector Value Color
:root 1rem

--a-report-controls-cell-label-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-cell-label-border-width

Selector Value Color
:root var(--ut-component-border-width)

--a-report-controls-input-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-report-controls-input-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-report-controls-input-border-radius

Selector Value Color
:root var(--a-field-input-border-radius)

--a-report-controls-input-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-report-controls-input-padding-y

Selector Value Color
:root .5rem

--a-report-controls-input-padding-x

Selector Value Color
:root .5rem

--a-report-controls-input-font-size

Selector Value Color
:root .75rem

--a-report-controls-input-line-height

Selector Value Color
:root 1rem

--a-splitter-bar-width

Selector Value Color
:root .5rem

--a-splitter-thumb-width

Selector Value Color
:root .5rem

--a-splitter-thumb-height

Selector Value Color
:root 3rem

--a-splitter-thumb-border-radius

Selector Value Color
:root 0rem

--a-starrating-stars-padding-y

Selector Value Color
:root .25rem

--a-starrating-stars-bg-color

Selector Value Color
:root rgba(0, 0, 0, 0.15)

--a-starrating-value-spacing

Selector Value Color
:root .5rem

--a-switch-width

Selector Value Color
:root 2.75rem
.t-Form--large, .t-Form-fieldContainer--large 3.75rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 4.75rem

--a-switch-padding-y

Selector Value Color
:root .125rem
.t-Form--large, .t-Form-fieldContainer--large .1875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .25rem

--a-switch-padding-x

Selector Value Color
:root .125rem
.t-Form--large, .t-Form-fieldContainer--large .1875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .25rem

--a-switch-hover-background-color

Selector Value Color
:root var(--a-switch-background-color)

--a-switch-active-background-color

Selector Value Color
:root var(--a-switch-hover-background-color)

--a-switch-checked-hover-background-color

Selector Value Color
:root var(--a-switch-checked-background-color)

--a-switch-checked-active-background-color

Selector Value Color
:root var(--a-switch-checked-hover-background-color)

--a-switch-toggle-width

Selector Value Color
:root 1.25rem
.t-Form--large, .t-Form-fieldContainer--large 1.625rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 2rem

--a-switch-toggle-height

Selector Value Color
:root 1.25rem
.t-Form--large, .t-Form-fieldContainer--large 1.625rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 2rem

--a-toolbar-background-color

Selector Value Color
:root var(--ut-region-header-background-color)

--a-toolbar-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-toolbar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-toolbar-item-spacing

Selector Value Color
:root .5rem

--a-toolbar-sep-border-color

Selector Value Color
:root var(--ut-component-inner-border-color)

--a-toolbar-small-button-padding-y

Selector Value Color
:root .25rem

--a-toolbar-small-button-padding-x

Selector Value Color
:root .5rem

--a-treeview-toggle-size

Selector Value Color
:root 1rem

--a-treeview-node-icon-size

Selector Value Color
:root 1rem

--a-treeview-node-font-size

Selector Value Color
:root .75rem

--a-treeview-node-line-height

Selector Value Color
:root 1rem

--a-treeview-node-padding-y

Selector Value Color
:root .25rem
.t-TreeNav--styleA, .t-TreeNav--styleB .625rem
.t-TreeNav--styleA .a-TreeView-node--topLevel ul, .t-TreeNav--styleB .a-TreeView-node--topLevel ul .75rem
.js-navCollapsed .t-TreeNav--styleB .5rem

--a-treeview-node-padding-x

Selector Value Color
:root .25rem

--a-treeview-node-text-color

Selector Value Color
:root inherit

--a-treeview-node-focused-shadow

Selector Value Color
:root inset 0 0 0 1px rgba(57, 155, 234, .5)

--a-treeview-node-placeholder-border-radius

Selector Value Color
:root .125rem

--a-treeview-drag-helper-border-radius

Selector Value Color
:root .125rem

--a-chip-padding-y

Selector Value Color
:root .125rem

--a-chip-padding-x

Selector Value Color
:root .125rem

--a-chip-spacing

Selector Value Color
:root .25rem

--a-chip-font-size

Selector Value Color
:root .75rem

--a-chip-line-height

Selector Value Color
:root 1rem

--a-chip-label-spacing

Selector Value Color
:root .25rem

--a-chip-border-radius

Selector Value Color
:root .125rem

--a-chip-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-chip-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-chip-hover-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.025)

--a-chip-active-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--a-chip-applied-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.075)

--a-chip-applied-hover-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--a-chip-remove-hover-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--a-chip-remove-active-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.075)

--a-chip-applied-is-active-remove-hover-background-color

Selector Value Color
:root rgba(255, 255, 255, .1)

--a-chip-applied-is-active-remove-active-background-color

Selector Value Color
:root rgba(255, 255, 255, .2)

--a-chip-input-font-size

Selector Value Color
:root .75rem

--a-chip-input-line-height

Selector Value Color
:root 1rem

--a-combo-select-icon-size

Selector Value Color
:root 1rem

--a-tooltip-font-size

Selector Value Color
:root .6875rem

--a-spinner-size

Selector Value Color
:root 2rem

--a-spinner-border-width

Selector Value Color
:root .25rem

--a-spinner-container-padding

Selector Value Color
:root .5rem

--a-love-apex-margin

Selector Value Color
:root 0 .125rem

--a-love-apex-hover-text-color

Selector Value Color
:root var(--a-palette-danger, #F00)

--jui-dialog-background-color

Selector Value Color
:root var(--ut-region-background-color, var(--ut-component-background-color))

--jui-dialog-text-color

Selector Value Color
:root var(--ut-region-text-color, var(--ut-component-text-default-color))

--jui-dialog-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-border-width

Selector Value Color
:root 0

--jui-dialog-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))

--jui-dialog-shadow

Selector Value Color
:root var(--ut-shadow-lg), 0 0 0 1px var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-font-size

Selector Value Color
:root .75rem

--jui-dialog-titlebar-padding-y

Selector Value Color
:root .75rem

--jui-dialog-titlebar-padding-x

Selector Value Color
:root 1rem

--jui-dialog-titlebar-background-color

Selector Value Color
:root transparent

--jui-dialog-titlebar-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--jui-dialog-titlebar-border-width

Selector Value Color
:root var(--ut-region-border-width, var(--ut-component-border-width, 1px))

--jui-dialog-titlebar-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-title-font-size

Selector Value Color
:root 1rem

--jui-dialog-title-line-height

Selector Value Color
:root 1.5rem

--jui-dialog-title-close-width

Selector Value Color
:root 1.5rem

--jui-dialog-title-close-height

Selector Value Color
:root 1.5rem

--jui-dialog-title-close-padding-y

Selector Value Color
:root .5rem

--jui-dialog-title-close-padding-x

Selector Value Color
:root .5rem

--jui-dialog-title-close-border-radius

Selector Value Color
:root var(--a-button-border-radius, .125rem)

--jui-dialog-title-close-border-color

Selector Value Color
:root var(--a-button-border-color)

--jui-dialog-title-close-icon-size

Selector Value Color
:root 1rem

--jui-dialog-content-padding-y

Selector Value Color
:root 0rem

--jui-dialog-content-padding-x

Selector Value Color
:root 0rem

--jui-dialog-buttonpane-content-padding-y

Selector Value Color
:root .75rem

--jui-dialog-buttonpane-content-padding-x

Selector Value Color
:root 1rem

--jui-dialog-buttonpane-border-color

Selector Value Color
:root var(--ut-component-border-color)

--jui-datepicker-width

Selector Value Color
:root 17.5rem

--jui-datepicker-background-color

Selector Value Color
:root var(--ut-component-background-color)

--jui-datepicker-border-color

Selector Value Color
:root var(--ut-component-border-color)

--jui-datepicker-border-radius

Selector Value Color
:root .5rem

--jui-datepicker-padding

Selector Value Color
:root .5rem

--jui-tooltip-border-radius

Selector Value Color
:root .125rem

--jui-tooltip-padding

Selector Value Color
:root .5rem

--ojet-font-size

Selector Value Color
:root .875rem

--ojet-small-font-size

Selector Value Color
:root .75rem

--ojet-medium-font-size

Selector Value Color
:root 1rem

--ojet-large-font-size

Selector Value Color
:root 1.125rem

--ojet-larger-font-size

Selector Value Color
:root 1.25rem

--ut-color-scheme

Selector Value Color
:root light

--ut-palette-generic

Selector Value Color
:root #f2f2f2

--ut-palette-generic-contrast

Selector Value Color
:root #000

--ut-palette-generic-shade

Selector Value Color
:root #f9f9f9

--ut-palette-generic-text

Selector Value Color
:root #000

--a-gv-header-background-color

Selector Value Color
:root var(--ut-region-header-background-color)

--ut-report-cell-alt-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--ut-report-header-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.025)

--ut-header-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--ut-header-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-navtabs-item-border-width

Selector Value Color
:root 1px

--ut-navtabs-item-highlight-color

Selector Value Color
:root transparent

--ut-navtabs-item-highlight-width

Selector Value Color
:root 0rem

--ut-navtabs-item-active-highlight-color

Selector Value Color
:root var(--ut-palette-primary)

--ut-navbar-button-badge-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.3)

--ut-navbar-button-badge-border-radius

Selector Value Color
:root 16px

--ut-body-nav-border-color

Selector Value Color
:root var(--ut-component-border-color)

--ut-body-title-border-width

Selector Value Color
:root 0px

--ut-body-title-box-shadow

Selector Value Color
:root 0 1px 0 0 rgba(0, 0, 0, 0.1)

--ut-body-title-backdrop-filter

Selector Value Color
:root saturate(180%) blur(8px)

--ut-breadcrumb-region-spacing

Selector Value Color
:root .5rem

--ut-breadcrumb-item-active-text-color

Selector Value Color
:root var(--ut-body-title-text-color)

--ut-smart-filter-max-width

Selector Value Color
:root 30rem

--ut-hero-region-title-text-color

Selector Value Color
:root var(--ut-body-title-text-color)

--ut-region-border-width

Selector Value Color
:root 1px

--ut-region-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-region-margin

Selector Value Color
:root 1rem

--ut-region-font-size

Selector Value Color
:root .875rem

--ut-region-line-height

Selector Value Color
:root 1.25rem

--ut-region-header-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.075)

--ut-region-body-padding-y

Selector Value Color
:root 1rem

--ut-region-body-padding-x

Selector Value Color
:root 1rem

--ut-region-buttons-padding-y

Selector Value Color
:root .5rem

--ut-region-buttons-padding-x

Selector Value Color
:root .75rem

--ut-button-region-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-checkbox-item-spacing

Selector Value Color
:root 1rem

--ut-xs-field-input-font-size

Selector Value Color
:root 1rem

--ut-xs-field-input-line-height

Selector Value Color
:root 1.25rem

--ut-login-page-background-color

Selector Value Color
:root #e6e6e6

--ut-login-region-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.65)

--ut-login-region-filter

Selector Value Color
:root blur(4px)

--ut-login-region-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--a-fs-toggle-border-color

Selector Value Color
:root var(--a-button-border-color)

--a-fs-toggle-border-width

Selector Value Color
:root var(--a-button-border-width)

--a-fs-toggle-border-radius

Selector Value Color
:root var(--a-button-border-radius)

--a-fs-toggle-text-color

Selector Value Color
:root var(--a-button-text-color)

--a-fs-toggle-background-color

Selector Value Color
:root var(--a-button-background-color)

--a-fs-search-container-border-width

Selector Value Color
:root var(--a-button-border-width)

--a-fs-search-container-border-color

Selector Value Color
:root var(--a-button-border-color)

--ut-alert-title-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--ut-alert-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--mg-ctrl-group-button-text-color

Selector Value Color
:root #000

--mg-popup-content-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--a-map-legend-title-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--ut-cardlist-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-tabs-item-text-color

Selector Value Color
:root var(--ut-component-text-default-color)

--ut-tabs-item-active-text-color

Selector Value Color
:root var(--ut-link-text-color)

--ut-tabs-item-hint-highlight-color

Selector Value Color
:root rgba(0, 0, 0, 0.2)

--ut-tabs-item-active-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-comment-chat-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--ut-wp-marker-color

Selector Value Color
:root #d9d9d9

--ut-wp-track-color

Selector Value Color
:root #d9d9d9

--fc-neutral-bg-color

Selector Value Color
:root rgba(0, 0, 0, 0.2)

--fc-neutral-text-color

Selector Value Color
:root #000

--fc-event-selected-overlay-color

Selector Value Color
:root rgba(0, 0, 0, 0.2)

--fc-non-business-color

Selector Value Color
:root rgba(0, 0, 0, 0.2)

--ut-alternate-heading-font-family

Selector Value Color
:root var(--a-base-font-family-serif)

--ut-alternate-heading-font-weight

Selector Value Color
:root var(--a-base-font-weight-normal)

--ut-component-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--ut-component-border-width

Selector Value Color
:root 1px

--ut-component-border-radius

Selector Value Color
:root .25rem
:root 0.125rem

--ut-component-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--ut-component-highlight-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.025)

--ut-component-toolbar-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.025)

--ut-component-inner-border-width

Selector Value Color
:root var(--ut-component-border-width)

--ut-component-inner-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--ut-component-text-default-color

Selector Value Color
:root #000

--ut-component-text-title-color

Selector Value Color
:root #000

--ut-component-text-subtitle-color

Selector Value Color
:root rgba(0, 0, 0, 0.85)

--ut-component-text-muted-color

Selector Value Color
:root rgba(0, 0, 0, 0.65)

--ut-component-icon-background-color

Selector Value Color
:root var(--ut-palette-primary)

--ut-component-icon-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--ut-component-badge-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--ut-component-badge-text-color

Selector Value Color
:root var(--ut-component-text-default-color)

--ut-component-badge-border-radius

Selector Value Color
:root .25rem

--ut-shadow-sm

Selector Value Color
:root 0 .125rem .25rem -.125rem rgba(0, 0, 0, 0.1)

--ut-shadow-md

Selector Value Color
:root 0 .75rem 1.5rem -.75rem rgba(0, 0, 0, 0.3)

--ut-shadow-lg

Selector Value Color
:root 0 1.5rem 3rem -1.5rem rgba(0, 0, 0, 0.3)

--ut-border-radius-sm

Selector Value Color
:root .125rem

--ut-border-radius-md

Selector Value Color
:root .25rem

--ut-border-radius-lg

Selector Value Color
:root .5rem

--ut-border-radius

Selector Value Color
:root var(--ut-border-radius-md)

--ut-palette-primary

Selector Value Color
:root #505f6d

--ut-palette-primary-contrast

Selector Value Color
:root white

--ut-palette-primary-shade

Selector Value Color
:root #eeeff0

--ut-palette-primary-text

Selector Value Color
:root var(--a-palette-primary)

--ut-link-text-color

Selector Value Color
:root #337ac0

--ut-focus-outline-color

Selector Value Color
:root #505f6d

--ut-header-background-color

Selector Value Color
:root #505f6d

--ut-header-text-color

Selector Value Color
:root white

--ut-body-background-color

Selector Value Color
:root #f5f5f5

--ut-body-text-color

Selector Value Color
:root black

--ut-body-actions-background-color

Selector Value Color
:root #e8e8e8

--ut-body-actions-text-color

Selector Value Color
:root black

--ut-body-actionstoggle-background-color

Selector Value Color
:root #e8e8e8

--ut-body-actionstoggle-hover-background-color

Selector Value Color
:root #cfcfcf

--ut-body-title-background-color

Selector Value Color
:root #dee1e4

--ut-body-title-text-color

Selector Value Color
:root black

--ut-breadcrumb-item-text-color

Selector Value Color
:root rgba(0, 0, 0, 0.65)

--ut-body-sidebar-background-color

Selector Value Color
:root #f9f9f9

--ut-body-sidebar-text-color

Selector Value Color
:root black

--ut-body-nav-background-color

Selector Value Color
:root #2c2c2c

--ut-body-nav-text-color

Selector Value Color
:root #f8f8f8

--ut-body-nav-scrollbar-thumb-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.2)

--ut-body-nav-scrollbar-track-background-color

Selector Value Color
:root #2c2c2c

--ut-navtabs-background-color

Selector Value Color
:root #2c2c2c

--ut-navtabs-text-color

Selector Value Color
:root #f8f8f8

--ut-navtabs-item-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-navtabs-item-active-background-color

Selector Value Color
:root #121212

--ut-navtabs-item-hover-background-color

Selector Value Color
:root var(--ut-navtabs-item-active-background-color)

--ut-header-menubar-background-color

Selector Value Color
:root #2c2c2c

--ut-header-menubar-item-text-color

Selector Value Color
:root #f8f8f8

--ut-header-menubar-item-current-background-color

Selector Value Color
:root #121212

--ut-header-menubar-item-current-text-color

Selector Value Color
:root #f8f8f8

--ut-header-menubar-item-hover-background-color

Selector Value Color
:root var(--ut-header-menubar-item-current-background-color)

--ut-header-menubar-item-hover-text-color

Selector Value Color
:root var(--ut-header-menubar-item-current-text-color)

--ut-header-menubar-item-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-header-menubar-item-split-icon-color

Selector Value Color
:root #f8f8f8

--ut-header-menubar-item-split-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--a-treeview-node-selected-background-color

Selector Value Color
:root #121212

--a-treeview-node-selected-text-color

Selector Value Color
:root white

--a-treeview-node-focused-background-color

Selector Value Color
:root #121212

--a-treeview-node-focused-text-color

Selector Value Color
:root white

--a-treeview-node-selected-icon-color

Selector Value Color
:root white

--a-treeview-node-icon-color

Selector Value Color
:root inherit

--ut-treeview-badge-background-color

Selector Value Color
:root #505f6d

--ut-treeview-badge-text-color

Selector Value Color
:root white

--a-menu-background-color

Selector Value Color
:root #FFFFFF

--a-menu-text-color

Selector Value Color
:root #262626

--a-menu-default-text-color

Selector Value Color
:root var(--a-menu-text-color)

--a-menu-accel-text-color

Selector Value Color
:root var(--a-menu-text-color)

--a-menu-focused-background-color

Selector Value Color
:root #505f6d
.t-MegaMenu transparent

--a-menu-focused-text-color

Selector Value Color
:root white
.t-MegaMenu initial

--a-menu-focused-accel-text-color

Selector Value Color
:root var(--a-menu-focused-text-color)

--ut-region-header-background-color

Selector Value Color
:root #f6f6f6

--ut-region-header-text-color

Selector Value Color
:root #1d1d1d

--ut-region-background-color

Selector Value Color
:root white

--ut-region-text-color

Selector Value Color
:root #262626

--ut-component-background-color

Selector Value Color
:root white

--ut-wizard-header-background-color

Selector Value Color
:root #fafafa

--ut-report-cell-border-color

Selector Value Color
:root #e6e6e6

--ut-report-cell-hover-background-color

Selector Value Color
:root #fafafa

--ut-palette-primary-alt

Selector Value Color
:root #bcc5cd

--ut-palette-primary-alt-contrast

Selector Value Color
:root #040506

--ut-palette-primary-alt-shade

Selector Value Color
:root #fcfcfd

--ut-palette-primary-alt-text

Selector Value Color
:root #666c71

--ut-palette-success

Selector Value Color
:root #278701

--ut-palette-success-contrast

Selector Value Color
:root #FFF

--ut-palette-success-shade

Selector Value Color
:root #f4f9f2

--ut-palette-success-text

Selector Value Color
:root #4d7d3a

--ut-palette-info

Selector Value Color
:root #056AC8

--ut-palette-info-contrast

Selector Value Color
:root #FFF

--ut-palette-info-shade

Selector Value Color
:root #f3f8fc

--ut-palette-info-text

Selector Value Color
:root #4375a4

--ut-palette-warning

Selector Value Color
:root #FFC628

--ut-palette-warning-contrast

Selector Value Color
:root #000

--ut-palette-warning-shade

Selector Value Color
:root #fff6df

--ut-palette-warning-text

Selector Value Color
:root #8d7021

--ut-palette-danger

Selector Value Color
:root #CB1100

--ut-palette-danger-contrast

Selector Value Color
:root #FFF

--ut-palette-danger-shade

Selector Value Color
:root #fbeeed

--ut-palette-danger-text

Selector Value Color
:root #a64940

--u-color-1

Selector Value Color
:root #309FDB

--u-color-1-contrast

Selector Value Color
:root white

--u-color-2

Selector Value Color
:root #13B6CF

--u-color-2-contrast

Selector Value Color
:root #e4f9fd

--u-color-3

Selector Value Color
:root #2EBFBC

--u-color-3-contrast

Selector Value Color
:root #f0fcfb

--u-color-4

Selector Value Color
:root #3CAF85

--u-color-4-contrast

Selector Value Color
:root #f0faf6

--u-color-5

Selector Value Color
:root #81BB5F

--u-color-5-contrast

Selector Value Color
:root white

--u-color-6

Selector Value Color
:root #DDDE53

--u-color-6-contrast

Selector Value Color
:root #2a2a08

--u-color-7

Selector Value Color
:root #FBCE4A

--u-color-7-contrast

Selector Value Color
:root #443302

--u-color-8

Selector Value Color
:root #ED813E

--u-color-8-contrast

Selector Value Color
:root white

--u-color-9

Selector Value Color
:root #E95B54

--u-color-9-contrast

Selector Value Color
:root white

--u-color-10

Selector Value Color
:root #E85D88

--u-color-10-contrast

Selector Value Color
:root white

--u-color-11

Selector Value Color
:root #CA589D

--u-color-11-contrast

Selector Value Color
:root white

--u-color-12

Selector Value Color
:root #854E9B

--u-color-12-contrast

Selector Value Color
:root #f6f0f8

--u-color-13

Selector Value Color
:root #5A68AD

--u-color-13-contrast

Selector Value Color
:root white

--u-color-14

Selector Value Color
:root #AFBAC5

--u-color-14-contrast

Selector Value Color
:root #313b44

--u-color-15

Selector Value Color
:root #6E8598

--u-color-15-contrast

Selector Value Color
:root white

--u-color-16

Selector Value Color
:root #59b2e2

--u-color-16-contrast

Selector Value Color
:root white

--u-color-17

Selector Value Color
:root #42c5d9

--u-color-17-contrast

Selector Value Color
:root #051517

--u-color-18

Selector Value Color
:root #58ccc9

--u-color-18-contrast

Selector Value Color
:root #091c1c

--u-color-19

Selector Value Color
:root #63bf9d

--u-color-19-contrast

Selector Value Color
:root white

--u-color-20

Selector Value Color
:root #9ac97f

--u-color-20-contrast

Selector Value Color
:root #203316

--u-color-21

Selector Value Color
:root #e4e575

--u-color-21-contrast

Selector Value Color
:root #4c4d0e

--u-color-22

Selector Value Color
:root #fcd86e

--u-color-22-contrast

Selector Value Color
:root #694f02

--u-color-23

Selector Value Color
:root #f19a65

--u-color-23-contrast

Selector Value Color
:root white

--u-color-24

Selector Value Color
:root #ed7c76

--u-color-24-contrast

Selector Value Color
:root white

--u-color-25

Selector Value Color
:root #ed7da0

--u-color-25-contrast

Selector Value Color
:root white

--u-color-26

Selector Value Color
:root #d579b1

--u-color-26-contrast

Selector Value Color
:root white

--u-color-27

Selector Value Color
:root #9d71af

--u-color-27-contrast

Selector Value Color
:root white

--u-color-28

Selector Value Color
:root #7b86bd

--u-color-28-contrast

Selector Value Color
:root white

--u-color-29

Selector Value Color
:root #bfc8d1

--u-color-29-contrast

Selector Value Color
:root #3d4954

--u-color-30

Selector Value Color
:root #8b9dad

--u-color-30-contrast

Selector Value Color
:root white

--u-color-31

Selector Value Color
:root #1a8bc9

--u-color-31-contrast

Selector Value Color
:root #e6f4fc

--u-color-32

Selector Value Color
:root #02a5be

--u-color-32-contrast

Selector Value Color
:root #c1f6fe

--u-color-33

Selector Value Color
:root #18b2ae

--u-color-33-contrast

Selector Value Color
:root #d0f9f8

--u-color-34

Selector Value Color
:root #24a475

--u-color-34-contrast

Selector Value Color
:root #d2f5e8

--u-color-35

Selector Value Color
:root #6aad42

--u-color-35-contrast

Selector Value Color
:root #f6fbf3

--u-color-36

Selector Value Color
:root #c9c93a

--u-color-36-contrast

Selector Value Color
:root #030301

--u-color-37

Selector Value Color
:root #d9b13c

--u-color-37-contrast

Selector Value Color
:root #120f04

--u-color-38

Selector Value Color
:root #d76a27

--u-color-38-contrast

Selector Value Color
:root #fffefe

--u-color-39

Selector Value Color
:root #d2423c

--u-color-39-contrast

Selector Value Color
:root white

--u-color-40

Selector Value Color
:root #d1436f

--u-color-40-contrast

Selector Value Color
:root white

--u-color-41

Selector Value Color
:root #ba3d88

--u-color-41-contrast

Selector Value Color
:root #fdf9fb

--u-color-42

Selector Value Color
:root #773492

--u-color-42-contrast

Selector Value Color
:root #e8d5f0

--u-color-43

Selector Value Color
:root #3c4ea3

--u-color-43-contrast

Selector Value Color
:root #e8eaf6

--u-color-44

Selector Value Color
:root #8c9eb0

--u-color-44-contrast

Selector Value Color
:root white

--u-color-45

Selector Value Color
:root #4d7391

--u-color-45-contrast

Selector Value Color
:root #e9eff4

--a-button-background-color

Selector Value Color
:root #f8f8f8
.t-Button--header transparent
.t-Button--header.is-active rgba(0, 0, 0, .25)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #505f6d
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple transparent
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link transparent
.t-Button--warning #FFC628
.t-Button--warning.t-Button--simple transparent
.t-Button--warning.t-Button--link transparent
.t-Button--success #278701
.t-Button--success.t-Button--simple transparent
.t-Button--success.t-Button--link transparent
.ui-button--danger, .t-Button--danger #CB1100
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple transparent
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary #bcc5cd
.t-Button--primary.t-Button--simple transparent
.t-Button--primary.t-Button--link transparent
.a-DatePicker-nav transparent
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls #f8f8f8

--a-button-text-color

Selector Value Color
:root #393939
.t-Button--header initial
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label white
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple #5e7080
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link #5e7080
.t-Button--hot.t-Button--noUI, .t-Button--hot.a-Button--noUI, .a-Button--hot.t-Button--noUI, .a-Button--hot.a-Button--noUI, .ui-button--hot.t-Button--noUI, .ui-button--hot.a-Button--noUI, .a-CardView-button--hot.t-Button--noUI, .a-CardView-button--hot.a-Button--noUI, .apex-button-group input:checked + label.t-Button--noUI, .apex-button-group input:checked + label.a-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.a-Button--noUI #5e7080
.t-Button--warning #000
.t-Button--warning.t-Button--simple #8d7021
.t-Button--warning.t-Button--link #8d7021
.t-Button--warning.t-Button--noUI, .t-Button--warning.a-Button--noUI #8d7021
.t-Button--success #FFF
.t-Button--success.t-Button--simple #4d7d3a
.t-Button--success.t-Button--link #4d7d3a
.t-Button--success.t-Button--noUI, .t-Button--success.a-Button--noUI #4d7d3a
.ui-button--danger, .t-Button--danger #FFF
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #a64940
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link #a64940
.ui-button--danger.t-Button--noUI, .ui-button--danger.a-Button--noUI, .t-Button--danger.t-Button--noUI, .t-Button--danger.a-Button--noUI #a64940
.t-Button--primary #040506
.t-Button--primary.t-Button--simple var(--ut-palette-primary-alt-text)
.t-Button--primary.t-Button--link var(--ut-palette-primary-alt-text)
.t-Button--primary.t-Button--noUI, .t-Button--primary.a-Button--noUI var(--ut-palette-primary-alt-text)
.t-Form-helpButton var(--ut-component-text-muted-color)
.a-DatePicker-nav var(--ut-component-text-default-color)
.a-DatePicker--today #5e7080

--ut-field-label-text-color

Selector Value Color
:root #262626

--a-field-input-background-color

Selector Value Color
:root #f9f9f9

--a-field-input-text-color

Selector Value Color
:root #202020

--a-field-input-border-color

Selector Value Color
:root #dfdfdf

--a-field-input-hover-background-color

Selector Value Color
:root white

--a-field-input-focus-background-color

Selector Value Color
:root white

--a-field-input-focus-border-color

Selector Value Color
:root #505f6d

--ut-field-input-focus-icon-color

Selector Value Color
:root #505f6d

--ut-field-fl-input-focus-icon-background-color

Selector Value Color
:root #505f6d

--ut-field-fl-input-focus-icon-color

Selector Value Color
:root white

--a-checkbox-background-color

Selector Value Color
:root #f9f9f9

--a-checkbox-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.15)

--a-checkbox-text-color

Selector Value Color
:root white

--a-checkbox-checked-background-color

Selector Value Color
:root #505f6d

--a-checkbox-checked-text-color

Selector Value Color
:root white

--a-checkbox-hover-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--a-gv-background-color

Selector Value Color
:root white

--a-gv-cell-border-color

Selector Value Color
:root #e6e6e6

--a-gv-header-cell-border-color

Selector Value Color
:root #e6e6e6

--a-report-controls-cell-label-text-color

Selector Value Color
:root #262626

--a-report-controls-cell-label-background-color

Selector Value Color
:root white

--ut-header-height

Selector Value Color
:root 3rem

--ut-nav-width

Selector Value Color
:root 15rem

--ut-body-actions-width

Selector Value Color
:root 12.5rem

--ut-body-sidebar-width

Selector Value Color
:root 15rem

--ut-body-content-max-width

Selector Value Color
:root 100%

--a-button-border-color

Selector Value Color
.t-Button--header transparent
:root rgba(0, 0, 0, 0.075)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple #505f6d
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link transparent
.t-Button--warning.t-Button--simple #FFC628
.t-Button--warning.t-Button--link transparent
.t-Button--success.t-Button--simple #278701
.t-Button--success.t-Button--link transparent
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #CB1100
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary.t-Button--simple var(--ut-palette-primary-alt)
.t-Button--primary.t-Button--link transparent
.a-DatePicker-nav transparent

--a-button-shadow

Selector Value Color
.t-Button--header none
:root 0 2px 4px -3px rgba(0, 0, 0, 0.1)
.a-DatePicker-nav none

--a-button-hover-background-color

Selector Value Color
.t-Button--header rgba(0, 0, 0, .1)
:root white
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #66798a
.t-Button--warning #ffd45b
.t-Button--success #36ba01
.ui-button--danger, .t-Button--danger #fe1500
.t-Button--primary #cad1d8

--a-button-hover-border-color

Selector Value Color
.t-Button--header transparent
:root rgba(0, 0, 0, 0.075)

--a-button-active-background-color

Selector Value Color
.t-Button--header rgba(0, 0, 0, .15)
:root #e6e6e6
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #45525e
.t-Button--warning #ffbf0f
.t-Button--success #206e01
.ui-button--danger, .t-Button--danger #b20f00
.t-Button--primary #adb8c3

--a-button-active-border-color

Selector Value Color
.t-Button--header transparent

--a-button-active-shadow

Selector Value Color
.t-Button--header none
:root 0 2px 2px -1px rgba(0, 0, 0, 0.15) inset

--a-button-focus-background-color

Selector Value Color
.t-Button--header var(--a-button-background-color)
:root var(--a-button-hover-background-color)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-background-color)
.t-Button--warning var(--a-button-hover-background-color)
.t-Button--success var(--a-button-hover-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-background-color)
.t-Button--primary var(--a-button-hover-background-color)

--a-button-hover-shadow

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, 0.1)

--a-button-focus-border-color

Selector Value Color
:root var(--ut-palette-primary)

--a-button-type-background-color

Selector Value Color
.t-Button--simple transparent
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-type-shadow

Selector Value Color
.t-Button--simple none
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active none
.t-Form-helpButton none

--a-button-type-border-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-type-text-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active inherit

--a-button-hover-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-text-color)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple white
.t-Button--warning var(--a-button-text-color)
.t-Button--warning.t-Button--simple #000
.t-Button--success var(--a-button-text-color)
.t-Button--success.t-Button--simple #FFF
.ui-button--danger, .t-Button--danger var(--a-button-text-color)
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #FFF
.t-Button--primary var(--a-button-text-color)
.t-Button--primary.t-Button--simple #040506
.t-Form-helpButton var(--ut-component-text-default-color)

--a-button-active-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)

--a-button-focus-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)

--a-button-box-shadow

Selector Value Color
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link none
.t-Button--warning.t-Button--link none
.t-Button--success.t-Button--link none
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link none
.t-Button--primary.t-Button--link none

--a-cv-focus-outline

Selector Value Color
:root none

--a-cv-border-width

Selector Value Color
:root 1px

--a-cv-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--a-cv-background-color

Selector Value Color
:root white

--a-cv-hover-background-color

Selector Value Color
:root var(--a-cv-background-color)

--a-cv-hover-text-color

Selector Value Color
:root var(--a-cv-text-color)

--a-cv-hover-border-color

Selector Value Color
:root var(--a-cv-border-color)

--a-cv-hover-shadow

Selector Value Color
:root 0 4px .5rem 0 rgba(0, 0, 0, 0.1)

--a-cv-active-background-color

Selector Value Color
:root var(--a-cv-background-color)

--a-cv-active-text-color

Selector Value Color
:root var(--a-cv-text-color)

--a-cv-active-border-color

Selector Value Color
:root var(--a-cv-border-color)

--a-cv-active-shadow

Selector Value Color
:root var(--a-cv-shadow)

--a-cv-focus-border-color

Selector Value Color
:root #505f6d

--a-cv-media-padding-y

Selector Value Color
:root 1rem
.has-media--first 0
.has-media--background 0rem
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first 1rem
.t-CardsRegion--styleB 0rem
.t-CardsRegion--styleC 0rem

--a-cv-media-padding-x

Selector Value Color
:root 1rem
.has-media--first 0
.has-media--background 0rem
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first 1rem
.t-CardsRegion--styleB 0rem
.t-CardsRegion--styleC 0rem

--a-cv-header-border-width

Selector Value Color
:root 1px
.a-CardView-header:last-child 0px
.t-CardsRegion--styleA 0px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-header-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--a-cv-icon-background-color

Selector Value Color
:root #505f6d

--a-cv-icon-text-color

Selector Value Color
:root white

--a-cv-icon-border-radius

Selector Value Color
:root 100%
.t-CardsRegion--styleA .1875rem
.t-CardsRegion--styleA .has-icon--top .5rem
.t-CardsRegion--styleB .25rem
.t-CardsRegion--styleB .has-icon--top .25rem

--a-cv-initials-font-weight

Selector Value Color
:root 700
.t-CardsRegion--styleA 400
.t-CardsRegion--styleB 400

--a-cv-initials-text-color

Selector Value Color
:root white

--a-cv-initials-background-color

Selector Value Color
:root #505f6d

--a-cv-subtitle-font-weight

Selector Value Color
:root 400

--a-cv-subtitle-text-color

Selector Value Color
:root #666666
.has-media--background rgba(255, 255, 255, .65)

--a-cv-subcontent-text-color

Selector Value Color
:root #666666
.has-media--background rgba(255, 255, 255, .65)

--a-cv-actions-border-width

Selector Value Color
:root 1px
.t-CardsRegion--styleA 0px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-actions-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.05)

--a-cv-text-color

Selector Value Color
.has-media--background #fff

--a-cv-overflow

Selector Value Color
.t-CardsRegion--styleA hidden
.t-CardsRegion--styleB hidden
.t-CardsRegion--styleC hidden

--a-cv-media-background-color

Selector Value Color
.t-CardsRegion--styleA rgba(0, 0, 0, 0.025)
.t-CardsRegion--styleB rgba(0, 0, 0, 0.025)
.t-CardsRegion--styleC rgba(0, 0, 0, 0.025)

--a-cv-media-overlay-color

Selector Value Color
.t-CardsRegion--styleA rgba(0, 0, 0, .75)
.t-CardsRegion--styleB rgba(0, 0, 0, .75)
.t-CardsRegion--styleC rgba(0, 0, 0, .75)

--a-cv-header-background-color

Selector Value Color
.t-CardsRegion--styleA unset
.t-CardsRegion--styleB unset
.t-CardsRegion--styleC unset

--a-cv-actions-background-color

Selector Value Color
.t-CardsRegion--styleA unset
.t-CardsRegion--styleB unset
.t-CardsRegion--styleC unset

--a-cv-icon-image-size

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-container-size)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)

--a-cv-icon-image-border-radius

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-border-radius)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-initials-border-radius

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-border-radius)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-badge-padding

Selector Value Color
.t-CardsRegion--styleA .25rem .5rem
.t-CardsRegion--styleB .25rem .75rem

--a-cv-badge-border-radius

Selector Value Color
.t-CardsRegion--styleA 1.25rem
.t-CardsRegion--styleB 1.25rem

--a-cv-media-border-radius

Selector Value Color
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first .1875rem

--ut-field-label-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 1rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 1rem

--ut-field-label-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .75rem

--a-field-input-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 1rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 1rem

--a-field-input-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .625rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel .625rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel .75rem

--a-field-input-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .625rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel .75rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel .75rem

--ut-field-input-icon-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .5rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel .625rem

--ut-field-input-icon-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .75rem

--a-checkbox-label-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 1.25rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1.5rem

--ut-pillbutton-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .5rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .75rem

--ut-pillbutton-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .75rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .75rem

--ut-pillbutton-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .75rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .875rem

--ut-pillbutton-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 1rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem

--ut-pillbutton-checkbox-offset

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .375rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .5rem

--ut-pillbutton-checkbox-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 1rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem

--a-popuplov-chip-margin-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .125rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .125rem

--a-popuplov-chip-margin-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .125rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .125rem

--a-popuplov-chip-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .875rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1rem

--a-popuplov-chip-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 1.25rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1.5rem

--a-popuplov-chip-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .125rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .25rem

--a-popuplov-chip-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large .375rem
.t-Form--xlarge, .t-Form-fieldContainer--xlarge .5rem

--a-icon-padding

Selector Value Color
.t-Form--large .apex-item-icon, .t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large .apex-item-icon, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker .5rem
.t-Form--large.apex-item-wrapper--has-icon, .t-Form-fieldContainer--large.apex-item-wrapper--has-icon .5rem
.t-Form--xlarge .apex-item-icon, .t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge .apex-item-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker .5rem
.t-Form--xlarge.apex-item-wrapper--has-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--has-icon .5rem

--a-item-icon-offset

Selector Value Color
.t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker calc(var(--a-icon-size, 1rem) + var(--a-icon-padding))
.t-Form--large.apex-item-wrapper--has-icon, .t-Form-fieldContainer--large.apex-item-wrapper--has-icon calc(var(--a-icon-size, 1rem) + var(--a-icon-padding))
.t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker calc(var(--a-icon-size, 1rem) + var(--a-icon-padding))
.t-Form--xlarge.apex-item-wrapper--has-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--has-icon calc(var(--a-icon-size, 1rem) + var(--a-icon-padding))

--a-color-picker-color-only-height

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly 1rem
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly 1.5rem

--a-color-picker-color-only-width

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly 2rem
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly 2rem

--a-button-padding

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly .5rem
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly .5rem

--a-field-input-line-height

Selector Value Color
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 1.25rem

--ut-field-fl-label-line-height

Selector Value Color
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 1.25rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 1.375rem

--ut-field-fl-label-font-size

Selector Value Color
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel .75rem
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel .875rem

--a-datepicker-calendar-header-border-width

Selector Value Color
.a-DatePicker--multiple .a-DatePicker-calendarTitle 1px

--a-datepicker-calendar-header-border-color

Selector Value Color
.a-DatePicker--multiple .a-DatePicker-calendarTitle var(--a-gv-header-cell-border-color)

--a-datepicker-monthpicker-select-padding-x

Selector Value Color
.a-DatePicker-month:after, .a-DatePicker-year:after, .a-DatePicker-timeHours:after, .a-DatePicker-timeMinutes:after, .a-DatePicker-timeAmPm:after 0.25rem

--a-button-state-background-color

Selector Value Color
.a-DatePicker-nav:hover var(--a-button-hover-background-color)
.a-DatePicker-nav:active var(--a-button-active-background-color, var(--a-button-hover-background-color))

--a-button-state-text-color

Selector Value Color
.a-DatePicker-nav:hover var(--a-button-hover-text-color)
.a-DatePicker-nav:active var(--a-button-active-text-color, var(--a-button-hover-text-color))

--a-button-state-border-color

Selector Value Color
.a-DatePicker-nav:hover var(--a-button-hover-border-color)
.a-DatePicker-nav:active var(--a-button-active-border-color, var(--a-button-hover-border-color))

--a-button-state-shadow

Selector Value Color
.a-DatePicker-nav:hover var(--a-button-hover-shadow)
.a-DatePicker-nav:active var(--a-button-active-shadow, var(--a-button-hover-shadow))

--ut-focus-outline

Selector Value Color
.t-Header-nav .a-MenuBar-item:focus-within -webkit-focus-ring-color

--a-menubar-item-font-weight

Selector Value Color
.t-Header-nav .a-Menu--current var(--a-base-font-weight-bold, 700)

--a-menubar-item-background-color

Selector Value Color
.t-Header-nav .a-MenuBar-item.is-focused var(--a-menubar-item-focused-background-color)

--a-menubar-item-text-color

Selector Value Color
.t-Header-nav .a-MenuBar-item.is-focused var(--a-menubar-item-focused-text-color)

--ut-treeview-icon-opacity

Selector Value Color
.a-TreeView-content.is-selected > .fa 1

--ut-treeview-badge-border-radius

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 1.25rem

--ut-treeview-badge-font-weight

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB var(--a-base-font-weight-semibold, 500)

--ut-treeview-icon-size

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 1.25rem

--ut-treeview-toplevel-icon-container-width

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 1.75rem

--ut-treeview-node-icon-size

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 1rem

--ut-treeview-node-icon-container-width

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB var(--ut-treeview-toplevel-icon-container-width, 1.75rem)

--ut-treeview-node-indent

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 0rem

--ut-treeview-leaf-node-indent

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB .625rem

--ut-treeview-toplevel-leaf-padding-y

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 0rem

--a-iconlist-item-background-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--ut-component-toolbar-background-color, rgba(0, 0, 0, .025))
.a-IRR-radioIconList var(--ut-component-toolbar-background-color, rgba(0, 0, 0, .025))

--a-iconlist-item-text-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--ut-component-text-default-color)
.a-IRR-radioIconList var(--ut-component-text-default-color)

--a-iconlist-item-hover-text-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--ut-component-text-default-color)
.a-IRR-radioIconList var(--ut-component-text-default-color)

--a-iconlist-item-hover-background-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--ut-component-background-color)
.a-IRR-radioIconList var(--ut-component-background-color)

--a-iconlist-item-selected-text-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--a-iconlist-item-hover-text-color)
.a-IRR-radioIconList var(--a-iconlist-item-hover-text-color)

--a-iconlist-item-selected-background-color

Selector Value Color
.a-IRR-dialog--download, .a-IRR-dialog--subscription var(--a-iconlist-item-hover-background-color)
.a-IRR-radioIconList var(--a-iconlist-item-hover-background-color)

--a-field-input-state-text-color

Selector Value Color
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type=text] var(--a-field-input-text-color)

--a-field-input-state-background-color

Selector Value Color
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type=text] var(--a-field-input-background-color)

--a-report-controls-cell-label-icon-background-color

Selector Value Color
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport #4AA4EC
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search #4AA4EC
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter #24CB7F
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak #3B83BD
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy #3B83BD
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate #3B83BD
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight #FFBE2A
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback #9EA7AD
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart #3B83BD
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot #9EA7AD
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings #BDC3C7
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings #BDC3C7

--a-report-controls-cell-label-hover-background-color

Selector Value Color
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport #ecf5fd
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search #ecf5fd
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter #dcf9ec
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak #e6f0f7
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy #e6f0f7
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate #e6f0f7
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight #fff0cd
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback #d5d9dc
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart #85b4d9
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot #d5d9dc
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings #f4f5f6
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings #f4f5f6

--oj-core-text-color-primary

Selector Value Color
:root var(--ut-component-text-default-color)

--oj-core-text-color-secondary

Selector Value Color
:root var(--ut-component-text-muted-color)

--oj-core-text-color-brand

Selector Value Color
:root var(--ut-palette-primary-text)

--oj-core-text-color-danger

Selector Value Color
:root var(--ut-palette-danger-text)

--oj-core-text-color-warning

Selector Value Color
:root var(--ut-palette-warning-text)

--oj-core-text-color-success

Selector Value Color
:root var(--ut-palette-success-text)

--oj-core-icon-size-lg

Selector Value Color
:root 1.5rem

--oj-core-icon-size-sm

Selector Value Color
:root 1rem

--oj-core-divider-color

Selector Value Color
:root var(--ut-component-border-color)

--oj-core-divider-margin

Selector Value Color
:root 0.5rem

--oj-core-focus-border-color

Selector Value Color
:root var(--ut-focus-outline-color)

--oj-color-spectrum-border-color

Selector Value Color
:root #cccccc

--oj-popup-bg-color

Selector Value Color
:root var(--a-menu-background-color)

--oj-core-bg-color-hover

Selector Value Color
:root var(--a-menu-focused-background-color)

--oj-core-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--oj-link-text-color

Selector Value Color
:root var(--ut-link-text-color)

--oj-text-field-bg-color

Selector Value Color
:root var(--a-field-input-background-color)

--oj-text-field-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--oj-text-field-text-color

Selector Value Color
:root var(--a-field-input-text-color)

--oj-collection-free-space-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-collection-header-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-collection-border-color

Selector Value Color
:root var(--ut-component-border-color)

--oj-collection-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-private-gantt-milestone-bg-color

Selector Value Color
:root var(--u-color-15)

--oj-private-gantt-task-bg-color

Selector Value Color
:root var(--u-color-1)

--oj-private-gantt-task-progress-bg-color

Selector Value Color
:root var(--u-color-1)

--oj-button-outlined-chrome-bg-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-outlined-chrome-border-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-outlined-chrome-text-color-hover

Selector Value Color
:root var(--ut-palette-primary-contrast)

--oj-button-borderless-chrome-bg-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-borderless-chrome-text-color-hover

Selector Value Color
:root var(--ut-palette-primary-contrast)

--oj-heading-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--a-menu-border-width

Selector Value Color
.oj-listbox-drop 1px

--jui-datepicker-font-size

Selector Value Color
.oj-datepicker-calendar 0.6875rem

--jui-datepicker-header

Selector Value Color
.oj-datepicker-calendar th #666

--jui-datepicker-border-width

Selector Value Color
.oj-datepicker-calendar th 1px

--ut-datepicker-border-color

Selector Value Color
.oj-datepicker-calendar th rgba(0, 0, 0, 0.1)

--jui-datepicker-padding-y

Selector Value Color
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem

--jui-datepicker-padding-x

Selector Value Color
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem
.oj-datepicker-calendar th 0.5rem

--jui-datepicker-date-size

Selector Value Color
.oj-datepicker-calendar td 3rem
.oj-datepicker-calendar td 3rem
.oj-datepicker-calendar td 3rem

--jui-datepicker-date-margin

Selector Value Color
.oj-datepicker-calendar td 0.125rem

--jui-datepicker-date-border-radius

Selector Value Color
.oj-datepicker-calendar td 100%

--jui-datepicker-date-background-color

Selector Value Color
.oj-datepicker-calendar td transparent
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected var(--ut-palette-primary)

--jui-datepicker-date-color

Selector Value Color
.oj-datepicker-calendar td var(--ut-component-text-default-color)
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected var(--ut-palette-primary-contrast)

--jui-datepicker-date-transition

Selector Value Color
.oj-datepicker-calendar td background-color 0.1s, color 0.1s

--jui-datepicker-date-focus-box-shadow

Selector Value Color
.oj-datepicker-calendar td:focus 35 0 0 1px #0076df inset, 0 0 1px 2px rgba(0, 118, 223, 0.25)

--jui-datepicker-selected-font-weight

Selector Value Color
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected 700

--jui-datepicker-active-font-size

Selector Value Color
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected 0.875rem

--jui-datepicker-hover-background-color

Selector Value Color
.oj-datepicker-calendar .oj-enabled.oj-hover #e8e8e8
.oj-datepicker-calendar .oj-datepicker-next-icon:not(.oj-disabled).oj-hover, .oj-datepicker-calendar .oj-datepicker-prev-icon:not(.oj-disabled).oj-hover #e8e8e8

--jui-datepicker-hover-color

Selector Value Color
.oj-datepicker-calendar .oj-enabled.oj-hover black
.oj-datepicker-calendar .oj-datepicker-next-icon:not(.oj-disabled).oj-hover, .oj-datepicker-calendar .oj-datepicker-prev-icon:not(.oj-disabled).oj-hover black