:root {
  --fnm-light-blue: #aaccff44;
  --fnm-dark-blue: #22448811;

  --label-highlight-blue-color: #4466ee;
  --input-text-background-color: #f8f8f8b0;
  --scrollbar-background: #f0f0f000;
  --tabset-container-background: unset;
  --popup-box-shadow: #aaa6 2px 2px 10px 2px;

  --listgrid-cell-background: #f0f0f000;
  --lisgrid-background: #ececec00;
  --listgrid-header-background: #e4e4e4bb;
  --listgrid-header-background-over: #e0e0e0bb;
  --selection-highlight-background: #aaccee44;

  --backdrop-filter: blur(6px);
  --window-background-color: #fcfcfc99;
  --window-background-color-no-backdrop: #f8f8f8ee;
  --picklist-background-color: #f4f4f4aa;
  --picklist-background-color-no-backdrop: #f4f4f4ee;
  --menu-background-color: #f4f4f4aa;
  --menu-background-color-no-backdrop: #f4f4f4ee;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 11px;
}

body {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 2.25rem;
  font-weight: 700;
}

h2 {
  font-size: 1.875rem;
  font-weight: 600;
}

h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

h4 {
  font-size: 1.25rem;
  font-weight: 500;
}

h5 {
  font-size: 1.125rem;
  font-weight: 500;
}

h6 {
  font-size: 1rem;
  font-weight: 500;
}

hr {
  color: #ffffff;
}

a:link {
  text-decoration: none;
}

.normal,
.normalFocused,
.normalDisabled,
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark,
.formTitle,
.formTitleRTL,
.formTitleFocused,
.formTitleFocusedRTL,
.formTitleDisabled,
.formTitleDisabledRTL,
.formTitleError,
.formTitleErrorRTL,
.formTitlePending,
.formTitlePendingRTL,
.formTitlePendingFocused,
.formTitlePendingFocusedRTL,
.formTitlePendingDisabled,
.formTitlePendingDisabledRTL,
.formTitlePendingError,
.formTitlePendingErrorRTL,
.formCell,
.formCellRTL,
.formCellFocused,
.formCellFocusedRTL,
.formCellDisabled,
.formCellDisabledRTL,
.formCellError,
.formCellErrorRTL,
.formCellPending,
.formCellPendingRTL,
.formCellPendingFocused,
.formCellPendingFocusedRTL,
.formCellPendingDisabled,
.formCellPendingDisabledRTL,
.formCellPendingError,
.formCellPendingErrorRTL,
.formHint,
.formHintRTL,
.formHintDisabled,
.formHintDisabledRTL,
.headerItem,
.headerItemRTL,
.headerItemDisabled,
.headerItemDisabledRTL,
.headerItemError,
.headerItemErrorRTL,
.nativeSelectItem,
.nativeSelectItemRTL,
.nativeSelectItemFocused,
.nativeSelectItemFocusedRTL,
.nativeSelectItemDisabled,
.nativeSelectItemDisabledRTL,
.nativeSelectItemError,
.nativeSelectItemErrorRTL,
.nativeSelectItemPending,
.nativeSelectItemPendingRTL,
.nativeSelectItemPendingFocused,
.nativeSelectItemPendingFocusedRTL,
.nativeSelectItemPendingDisabled,
.nativeSelectItemPendingDisabledRTL,
.nativeSelectItemPendingError,
.nativeSelectItemPendingErrorRTL,
.staticTextItem,
.staticTextItemRTL,
.staticTextItemFocused,
.staticTextItemFocusedRTL,
.staticTextItemDisabled,
.staticTextItemDisabledRTL,
.staticTextItemError,
.staticTextItemErrorRTL,
.staticTextItemPending,
.staticTextItemPendingRTL,
.staticTextItemPendingFocused,
.staticTextItemPendingFocusedRTL,
.staticTextItemPendingDisabled,
.staticTextItemPendingDisabledRTL,
.staticTextItemPendingError,
.staticTextItemPendingErrorRTL,
.textItem,
.textItemRTL,
.textItemFocused,
.textItemFocusedRTL,
.textItemDisabled,
.textItemDisabledRTL,
.textItemError,
.textItemErrorRTL,
.textItemPending,
.textItemPendingRTL,
.textItemPendingFocused,
.textItemPendingFocusedRTL,
.textItemPendingDisabled,
.textItemPendingDisabledRTL,
.textItemPendingError,
.textItemPendingErrorRTL,
.textItemHint,
.textItemHintRTL,
.textItemDisabledHint,
.textItemDisabledHintRTL,
.uploadItem,
.uploadItemRTL,
.uploadItemFocused,
.uploadItemFocusedRTL,
.uploadItemDisabled,
.uploadItemDisabledRTL,
.uploadItemError,
.uploadItemErrorRTL,
.uploadItemPending,
.uploadItemPendingRTL,
.uploadItemPendingFocused,
.uploadItemPendingFocusedRTL,
.uploadItemPendingDisabled,
.uploadItemPendingDisabledRTL,
.uploadItemPendingError,
.uploadItemPendingErrorRTL,
.uploadItemHint,
.uploadItemHintRTL,
.uploadItemDisabledHint,
.uploadItemDisabledHintRTL,
.selectItemControl,
.selectItemControlRTL,
.selectItemControlFocused,
.selectItemControlFocusedRTL,
.selectItemControlDisabled,
.selectItemControlDisabledRTL,
.selectItemControlError,
.selectItemControlErrorRTL,
.selectItemControlPending,
.selectItemControlPendingRTL,
.selectItemControlPendingFocused,
.selectItemControlPendingFocusedRTL,
.selectItemControlPendingDisabled,
.selectItemControlPendingDisabledRTL,
.selectItemControlPendingError,
.selectItemControlPendingErrorRTL,
.selectItemText,
.selectItemTextRTL,
.selectItemTextFocused,
.selectItemTextFocusedRTL,
.selectItemTextDisabled,
.selectItemTextDisabledRTL,
.selectItemTextError,
.selectItemTextErrorRTL,
.selectItemTextPending,
.selectItemTextPendingRTL,
.selectItemTextPendingFocused,
.selectItemTextPendingFocusedRTL,
.selectItemTextPendingDisabled,
.selectItemTextPendingDisabledRTL,
.selectItemTextPendingError,
.selectItemTextPendingErrorRTL,
.selectItemTextHint,
.selectItemTextHintRTL,
.selectItemTextDisabledHint,
.selectItemTextDisabledHintRTL,
.comboBoxItemPendingText,
.comboBoxItemPendingTextRTL,
.pickerSearchBox,
.pickerSearchBoxRTL,
.pickerSearchBoxFocused,
.pickerSearchBoxFocusedRTL,
.pickerSearchBoxDisabled,
.pickerSearchBoxDisabledRTL,
.pickerSearchBoxError,
.pickerSearchBoxErrorRTL,
.pickerSearchBoxPending,
.pickerSearchBoxPendingRTL,
.pickerSearchBoxPendingFocused,
.pickerSearchBoxPendingFocusedRTL,
.pickerSearchBoxPendingDisabled,
.pickerSearchBoxPendingDisabledRTL,
.pickerSearchBoxPendingError,
.pickerSearchBoxPendingErrorRTL,
.pickerSearchBoxHint,
.pickerSearchBoxHintRTL,
.pickerSearchBoxDisabledHint,
.pickerSearchBoxDisabledHintRTL,
.pickListCell,
.pickListCellRTL,
.pickListCellOver,
.pickListCellOverRTL,
.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDark,
.pickListCellDarkRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL,
.tallPickListCell,
.tallPickListCellRTL,
.tallPickListCellOver,
.tallPickListCellOverRTL,
.tallPickListCellSelected,
.tallPickListCellSelectedRTL,
.tallPickListCellSelectedOver,
.tallPickListCellSelectedOverRTL,
.tallPickListCellDisabled,
.tallPickListCellDisabledRTL,
.tallPickListCellDark,
.tallPickListCellDarkRTL,
.tallPickListCellOverDark,
.tallPickListCellOverDarkRTL,
.tallPickListCellSelectedDark,
.tallPickListCellSelectedDarkRTL,
.tallPickListCellSelectedOverDark,
.tallPickListCellSelectedOverDarkRTL,
.tallPickListCellDisabledDark,
.tallPickListCellDisabledDarkRTL,
.tallPickListCellPending,
.tallPickListCellPendingRTL,
.tallPickListCellPendingOver,
.tallPickListCellPendingOverRTL,
.tallPickListCellPendingSelected,
.tallPickListCellPendingSelectedRTL,
.tallPickListCellPendingSelectedOver,
.tallPickListCellPendingSelectedOverRTL,
.tallPickListCellPendingDisabled,
.tallPickListCellPendingDisabledRTL,
.tallPickListCellPendingDark,
.tallPickListCellPendingDarkRTL,
.tallPickListCellPendingOverDark,
.tallPickListCellPendingOverDarkRTL,
.tallPickListCellPendingSelectedDark,
.tallPickListCellPendingSelectedDarkRTL,
.tallPickListCellPendingSelectedOverDark,
.tallPickListCellPendingSelectedOverDarkRTL,
.tallPickListCellPendingDisabledDark,
.tallPickListCellPendingDisabledDarkRTL,
.tallPickListCellDeselected,
.tallPickListCellDeselectedRTL,
.tallPickListCellDeselectedOver,
.tallPickListCellDeselectedOverRTL,
.tallPickListCellDeselectedSelected,
.tallPickListCellDeselectedSelectedRTL,
.tallPickListCellDeselectedSelectedOver,
.tallPickListCellDeselectedSelectedOverRTL,
.tallPickListCellDeselectedDisabled,
.tallPickListCellDeselectedDisabledRTL,
.tallPickListCellDeselectedDark,
.tallPickListCellDeselectedDarkRTL,
.tallPickListCellDeselectedOverDark,
.tallPickListCellDeselectedOverDarkRTL,
.tallPickListCellDeselectedSelectedDark,
.tallPickListCellDeselectedSelectedDarkRTL,
.tallPickListCellDeselectedSelectedOverDark,
.tallPickListCellDeselectedSelectedOverDarkRTL,
.tallPickListCellDeselectedDisabledDark,
.tallPickListCellDeselectedDisabledDarkRTL,
.labelAnchor,
.labelAnchorRTL,
.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorError,
.labelAnchorErrorRTL,
.labelAnchorFocused,
.labelAnchorFocusedRTL,
.headerItem,
.headerItemRTL,
.headerItemDisabled,
.headerItemDisabledRTL,
.headerItemError,
.headerItemErrorRTL,
.textItemLite,
.textItemLiteRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLiteError,
.textItemLiteErrorRTL,
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLitePendingError,
.textItemLitePendingErrorRTL,
.textItemLiteHint,
.textItemLiteHintRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteText,
.selectItemLiteTextRTL,
.selectItemLiteTextFocused,
.selectItemLiteTextFocusedRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextError,
.selectItemLiteTextErrorRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL,
.spinnerItemLiteText,
.spinnerItemLiteTextRTL,
.spinnerItemLiteTextFocused,
.spinnerItemLiteTextFocusedRTL,
.spinnerItemLiteTextDisabled,
.spinnerItemLiteTextDisabledRTL,
.spinnerItemLiteTextError,
.spinnerItemLiteTextErrorRTL,
.spinnerItemLiteTextPending,
.spinnerItemLiteTextPendingRTL,
.spinnerItemLiteTextPendingFocused,
.spinnerItemLiteTextPendingFocusedRTL,
.spinnerItemLiteTextPendingDisabled,
.spinnerItemLiteTextPendingDisabledRTL,
.spinnerItemLiteTextPendingError,
.spinnerItemLiteTextPendingErrorRTL,
.spinnerItemLiteTextHint,
.spinnerItemLiteTextHintRTL,
.spinnerItemLiteTextDisabledHint,
.spinnerItemLiteTextDisabledHintRTL,
.textAreaItemLite,
.textAreaItemLiteRTL,
.textAreaItemLiteFocused,
.textAreaItemLiteFocusedRTL,
.textAreaItemLiteDisabled,
.textAreaItemLiteDisabledRTL,
.textAreaItemLiteError,
.textAreaItemLiteErrorRTL,
.textAreaItemLitePending,
.textAreaItemLitePendingRTL,
.textAreaItemLitePendingFocused,
.textAreaItemLitePendingFocusedRTL,
.textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL,
.textAreaItemLitePendingError,
.textAreaItemLitePendingErrorRTL,
.textAreaItemLiteHint,
.textAreaItemLiteHintRTL,
.textAreaItemLiteDisabledHint,
.textAreaItemLiteDisabledHintRTL,
.labelAnchor,
.labelAnchorRTL,
.labelAnchorFocused,
.labelAnchorFocusedRTL,
.labelAnchorDisabled,
.labelAnchorDisabledRTL,
.labelAnchorError,
.labelAnchorErrorRTL,
.labelAnchorPending,
.labelAnchorPendingRTL,
.labelAnchorPendingFocused,
.labelAnchorPendingFocusedRTL,
.labelAnchorPendingDisabled,
.labelAnchorPendingDisabledRTL,
.labelAnchorPendingError,
.labelAnchorPendingErrorRTL,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown,
.sliderTitle,
.sliderRange,
.sliderRangeDisabled,
.sliderValue,
.sliderValueDisabled,
.pendingSliderValue,
.pendingSliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue,
.detail,
.detailLabel,
.detailHeader,
.loadingDataMessage,
.offlineMessage,
.emptyMessage,
.gridDragTracker,
.recordEditorCellDark,
.recordEditorCell,
.imgHeaderButton,
.headerButton,
.sorterButton,
.imgHeaderButtonSelected,
.headerButtonSelected,
.sorterButtonSelected,
.imgHeaderButtonOver,
.imgHeaderButtonDown,
.headerButtonOver,
.headerButtonDown,
.sorterButtonOver,
.sorterButtonDown,
.cell,
.cellAltCol,
.cellDark,
.cellDarkAltCol,
.cellOver,
.cellOverAltCol,
.cellOverDark,
.cellOverDarkAltCol,
.cellSelected,
.cellSelectedAltCol,
.cellSelectedDark,
.cellSelectedDarkAltCol,
.cellSelectedOver,
.cellSelectedOverAltCol,
.cellSelectedOverDark,
.cellSelectedOverDarkAltCol,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellAltCol,
.tallCellDark,
.tallCellDarkAltCol,
.tallCellOver,
.tallCellOverAltCol,
.tallCellOverDark,
.tallCellOverDarkAltCol,
.tallCellSelected,
.tallCellSelectedAltCol,
.tallCellSelectedDark,
.tallCellSelectedDarkAltCol,
.tallCellSelectedOver,
.tallCellSelectedOverAltCol,
.tallCellSelectedOverDark,
.tallCellSelectedOverDarkAltCol,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode,
.toolStripButton,
.toolStripButtonOver,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled,
.toolStripButtonOpened,
.toolStripButtonOverOpened,
.toolStripButtonDownOpened,
.toolStripButtonFocusedOpened,
.toolStripButtonFocusedDownOpened,
.toolStripButtonFocusedOverOpened,
.toolStripButtonSelectedOpened,
.toolStripButtonSelectedDownOpened,
.toolStripButtonSelectedOverOpened,
.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.menuDisabledDark,
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark,
.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver,
.windowHeaderText,
.dialogHeaderText{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

#closeButton {
  margin: 15px 6px 6px;
}

:focus {
  outline: none;
}

::placeholder {
  color: #aaaaaa !important;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaaaaa !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaaaaa !important;
}

.normal, .normalFocused, .normalDisabled {
  box-sizing: content-box;
  color: #444444;
}

.normalDisabled {
  color: #999999;
}

.normal img, .normalFocused img, .normalDisabled img {
  display: inline-block;
  box-sizing: content-box;
  max-width: unset;
}

.normal table, .normalFocused table, .normalDisabled table {
  border-collapse: initial;
}

.rootPanel {
  overflow: hidden
}

.mainLayout {
  border: none;
  background-color: #e8e8e8;
}

.toolStrip {
  background-image: none;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
}

div[role="toolbar"] {
  box-shadow: none !important;
}

.modalMask {
  opacity: 0.2 !important;
}

.grayBorder {
  border: 1px solid #c0c0c088 !important;
}

.grayFormBackground {
  background-color: #e0e0e088 !important;
  border: none !important;
}

.windowBackground {
  background-image: none;
  box-sizing: content-box;
  border: 1px solid #c0c0c0;
  box-shadow: var(--popup-box-shadow);
  /*background-color: var(--window-background-color);*/
  /*backdrop-filter: var(--backdrop-filter);*/
  /*-webkit-backdrop-filter: var(--backdrop-filter);*/
}

.windowBody, .dialogBody {
  background-color: #f0f0f000 !important;
  box-sizing: content-box;
  border: none;
  box-shadow: none;
}

div[eventproxy*="isc_Portlet_"] {
  background-color: #f0f0f0ff;
}

.portalLayout {
  border: none;
  box-sizing: content-box;
  padding: 0 4px 4px 4px;
}

.portalLayout .windowBackground {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.infographicCanvas {
  overflow: auto;
}

.schematicCanvas {
  background-color: #f0f0f0;
}

.nobr {
  white-space: nowrap;
}

.groupLabel {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  background-color: #f0f0f000 !important;
  color: #003168
}

.groupLabel::before {
  content: '';
  position: absolute;
  left: 3px;
  right: 3px;
  top: .5em;
  height: .5em;
  z-index: -1;
  background-color: #e4e4e4;
}

.groupNode {
  color: var(--label-highlight-blue-color);
  background-color: #d0d0d000;
  border-left: 1px solid #f8f8f800;
  border-right: 1px solid #f8f8f800;
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #44668888;
  font-weight: normal;
  text-align: left !important;
}

tbody tr:first-child td.groupNode {
  /*border-top: 1px solid #f8f8f8;*/
}

.groupNode div object {
  display: inline;
}

.sorterButton, .sorterButtonOver,
.sorterButtonSelected, .sorterButtonDisabled, .sorterButtonSelectedDisabled,
.sorterButtonOver, .sorterButtonDown, .sorterButtonSelectedOver, .sorterButtonSelectedDown {
  box-shadow: none;
  background: var(--listgrid-header-background) none;
  border-top: 1px solid #f8f8f8;
  border-left: 1px solid #f8f8f8;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.imgHeaderButton, .imgHeaderButtonOver,
.headerButton, .headerButtonOver {
  background: var(--listgrid-header-background) none;
  border-bottom: none !important;
}

.imgHeaderButtonSelected, .imgHeaderButtonDisabled, .imgHeaderButtonSelectedDisabled,
.headerButtonSelected, .headerButtonDisabled, .headerButtonSelectedDisabled {
  background: var(--listgrid-header-background) none;
  border-bottom: none !important;
}

.imgHeaderButtonOver, .imgHeaderButtonDown, .imgHeaderButtonSelectedOver, .imgHeaderButtonSelectedDown,
.headerButtonOver, .headerButtonDown, .headerButtonSelectedOver, .headerButtonSelectedDown {
  background: var(--listgrid-header-background-over) none;
  border-bottom: none !important;
}

.tabScrollerTopBack, .tabScrollerTopForward,
.tabScrollerTopBackDown, .tabScrollerTopForwardDown {
  height: 24px;
}

.tabPickertop, .tabPickerDowntop {
  height: 25px !important;
}

.smallTabButtonTop, .smallTabButtonTopFocused,
.smallTabButtonTopOver, .smallTabButtonTopFocusedOver,
.smallTabButtonTopSelected, .smallTabButtonTopSelectedFocused,
.smallTabButtonTopSelectedOver, .smallTabButtonTopSelectedFocusedOver,
.smallTabButtonTopSelectedDown, .smallTabButtonTopSelectedFocusedDown,
.smallTabButtonTopDown, .smallTabButtonTopDisabled, .smallTabButtonTopSelectedDisabled {
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
  border-bottom: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: -1px 1px 1px white inset, 1px 1px 1px white inset;
  padding: 0 3px 0 3px;
  box-sizing: content-box;
  color: #224466;
  opacity: 0.9;
}

.smallTabButtonTop, .smallTabButtonTopFocused {
  background: #e4e4e4aa none;
}

.smallTabButtonTopOver, .smallTabButtonTopFocusedOver {
  background: #e4e4e4aa none;
  opacity: 1.0;
}

.smallTabButtonTopSelected, .smallTabButtonTopSelectedFocused,
.smallTabButtonTopSelectedOver, .smallTabButtonTopSelectedFocusedOver {
  background: #f8f8f8cc none;
  color: var(--label-highlight-blue-color);
  opacity: 1.0;
}

.smallTabButtonTopDown, .smallTabButtonTopFocusedDown {
  background: #e2e2e2aa none;
  opacity: 1.0;
}

.smallTabButtonTopSelectedDown, .smallTabButtonTopSelectedFocusedDown {
  background: #f6f6f6cc none;
  opacity: 1.0;
}

.smallTabButtonTopDisabled, .smallTabButtonTopSelectedDisabled {
  background: #f0f0f0cc none;
  color: #b3b3b3;
  opacity: 0.4;
}

.smallTabButtonTop img, .smallTabButtonTopFocused img,
.smallTabButtonTopOver img, .smallTabButtonTopFocusedOver img,
.smallTabButtonTopSelected img, .smallTabButtonTopSelectedFocused img,
.smallTabButtonTopSelectedOver img, .smallTabButtonTopSelectedFocusedOver img,
.smallTabButtonTopSelectedDown img, .smallTabButtonTopSelectedFocusedDown img,
.smallTabButtonTopDown img, .smallTabButtonTopDisabled img, .smallTabButtonTopSelectedDisabled img {
  display: inline;
  box-sizing: content-box;
  opacity: 1.0;
}

.smallTabButtonTop img, .smallTabButtonTopFocused img,
.smallTabButtonTopOver img, .smallTabButtonTopFocusedOver img {
  opacity: 1.0;
}

/*
====================================================================================================================
Button and symbols
====================================================================================================================
 */

/* Fix Firefox, the bottom of the mini-button in portlet header is cropped */
.imgButton, .imgButtonOver {
  overflow: visible !important;
}

.portletButtonIcon, .portletButtonIconDisabled {
  padding: 0 1px 1px 0;
  vertical-align: middle;
}

.symbolImageIcon {
  display: inline;
  max-width: none;
  border-style: none;
  box-sizing: content-box;
}

.inlineTreeGridIcon {
  padding-right: 4px;
  padding-bottom: 2px;
}

.inlineTextIcon {
  padding-right:2px;
  padding-bottom:2px;
  width: 12px;
  height: 12px;
}

.linkCell div .symbolImageIcon,
.cell div .symbolImageIcon,
.cellDark div .symbolImageIcon,
.cellSelected div .symbolImageIcon,
.cellSelectedDark div .symbolImageIcon {
  margin-left: 4px;
}

/*
====================================================================================================================
Menu
====================================================================================================================
 */
.menuIconField, .menuIconFieldOver {
  vertical-align: top;
}

.menuIconField img, .menuIconFieldOver img {
  max-width: none;
}

.menuTitleField, .menuTitleFieldOver, .menuTitleFieldDisabled {
  white-space: nowrap;
}

.menuTitleFieldDisabled img.symbolImageIcon.inlineTextIcon {
  opacity: 0.5;
}

.menuTitleField div,
.menuTitleFieldOver div {
  overflow: visible !important;
}

.tabPrompt {
  white-space: nowrap;
}

.tabPrompt > span:last-child {
  padding-right: 5px !important;
}

.menuTitleStructureLabel {
  color: #1122bb;
}

.menuTitleFieldDisabled .menuTitleStructureLabel {
  color: #8888cc;
}

.menuTooltipText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
}

tr[role="separator"] .menuIconFieldDisabled {
  height: 10px !important;
}

tr[role="separator"] .menuIconFieldDisabled div {
  height: 0;
  background-color: white;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #cccccc;
}

.menuIconFieldDisabled img {
  opacity: 0.3
}

/*
====================================================================================================================
Form Item
====================================================================================================================
 */

.insightKeywordForm {
  padding: 2px 2px 0 2px;
}

.formHint, .formHintRTL, .formHintDisabled, .formHintDisabledRTL {
  color: #684547;
  padding: 0 3px 0 3px;
}

.formTitleNoTopPadding, .formTitleNoTopPaddingDisabled, .formTitleNoTopPaddingFocused {
  padding: 0 2px 0 2px;
}

.formTitle {
  color: #003168;
}

.formTitleDisabled, .formCellDisabled {
  color: #ababab;
}

.formTitleError, .formCellError, .formTitleRequiredError, .formCellRequiredError {
  color: #c44;
  font-weight: normal;
}

.formTitleRequired, .formTitleRequiredReadOnly,
.formTitleRequiredFocused, .formTitleReadOnlyFocused,
.formTitleRequiredReadOnlyFocused, .formTitleRequiredDisabled,
.formTitleRequiredDisabledFocused, .formTitleReadOnlyDisabled,
.formTitleRequiredReadOnlyDisabled, .formTitleRequiredError,
.formTitleReadOnlyError, .formTitleRequiredReadOnlyError {
  color: #c44;
}

.formTitleReadOnly, .formTitleReadOnlyFocused, .formTitleReadOnlyDisabled,
.formCellReadOnly, .formCellReadOnlyFocused, .formCellReadOnlyDisabled {
  color: #888;
}

.formTitleRequiredReadOnly, .formTitleRequiredReadOnlyFocused,
.formTitleRequiredReadOnlyDisabled, .formCellRequiredReadOnly,
.formCellRequiredReadOnlyFocused, .formCellRequiredReadOnlyDisabled,
.formTitleRequiredDisabled, .formTitleRequiredDisabledFocused,
.formCellRequiredDisabled, .formCellRequiredDisabledFocused {
  color: #daa;
}

.formCellRequiredError, .formCellReadOnlyError, .formCellRequiredReadOnlyError {
  color: #c44;
}

/* Red checkbox title */
.formCellRequired tbody tr td div.labelAnchor {
  color: #c44;
}

.formCellRequiredDisabled tbody tr td div.labelAnchor,
.formCellRequiredReadOnly tbody tr td div.labelAnchor {
  color: #daa;
}

/********************************************************************************
* Text Item
*/

textarea[name="sql"] {
  font-family: monospace;
}

.menuTable {
  box-shadow: var(--popup-box-shadow);
  /*background-color: var(--menu-background-color) !important;*/
  /*backdrop-filter: var(--backdrop-filter);*/
  /*-webkit-backdrop-filter: var(--backdrop-filter);*/
}

.toolStrip table {
  border-collapse: initial;
}

.menuMain, .menuMainRTL, .menuFill, .menuFillRTL {
  margin-right: 5px;
  background: #eeeeee00 none;
}

.menuBorder {
  border: none;
}

.menuIconField, .menuIconFieldDark, .menuIconFieldOver, .menuIconFieldOverDark,
.menuIconFieldSelected, .menuIconFieldSelectedDark,
.menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark,
.menuIconFieldDisabled {
  background-color: #eeeeee00;
}

.menuOver, .menuOverDark, .menuSelectedOver, .menuSelectedOverDark, .menuTitleFieldOver,
.menuTitleFieldOverDark, .menuTitleFieldSelectedOver, .menuTitleFieldSelectedOverDark,
.menuIconFieldOver, .menuIconFieldOverDark, .menuIconFieldSelectedOver, .menuIconFieldSelectedOverDark,
.treeMenuSelected, .treeMenuSelectedDark, .treeMenuSelectedOver, .treeMenuSelectedOverDark,
.treeMenuSelectedSelected, .treeMenuSelectedSelectedOver {
  box-shadow: none;
  background: var(--selection-highlight-background) none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.textItemLite, .textItemLite:focus,
.textItemLiteFocused, .textItemLiteFocused:focus,
.textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL,
.textItemLiteError, .textItemLiteError:focus,
.textItem, .textItem:focus,
.textItemDisabled,
.textItemFocused, .textItemFocused:focus,
.textItemError, .textItemErrorFocused,
.textItemError:focus, .textItemErrorFocused:focus,
.textAreaItemLite, .textAreaItemLite:focus,
.textAreaItemLiteFocused, .textAreaItemLiteFocused:focus,
.textAreaItemLiteDisabled, .textAreaItemLiteDisabledRTL, .textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL, .textAreaItemLiteDisabledHint, .textAreaItemLiteDisabledHintRTL,
.pickerItem, .pickerItem:focus,
.pickerItemFocused, .pickerItemFocused:focus,
.pickerItemDisabled, .pickerItemDisabledRTL, .pickerItemPendingDisabled,
.selectItem, .selectItem:focus,
.selectItemFocused, .selectItemFocused:focus,
.selectItemLiteText, .selectItemLiteText:focus,
.selectItemLiteTextFocused, .selectItemLiteTextFocused:focus,
.selectItemLiteTextDisabled, .selectItemLiteTextDisabledRTL, .selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextHint, .selectItemLiteTextHintRTL,
.selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL,
.enhancedComboItem, .enhancedComboItemError,
.enhancedComboItemFocused, .enhancedComboItemErrorFocused {
  background-color: var(--input-text-background-color);
  padding: 0 0 0 4px;
  border: 1px solid #cccccc;
  box-sizing: content-box;
  box-shadow: none;
  outline: none;
  border-collapse: initial;
  font-size: unset;
  color: #444;
}

.selectItem, .selectItem:focus,
.selectItemFocused, .selectItemFocused:focus,
.selectItemLiteText, .selectItemLiteText:focus,
.selectItemLiteTextHint, .selectItemLiteTextHintRTL,
.selectItemLiteTextFocused, .selectItemLiteTextFocused:focus,
.selectItemLiteTextControl, .selectItemLiteTextControlFocused,
.selectItemLiteTextControlOver, .selectItemLiteTextControlFocusedOver,
.selectItemLiteTextDisabled, .selectItemLiteTextControlDisabled,
.selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL {
  border: none;
}

.textItemDisabled, .textItemNoValue,
.textItemLiteDisabled, .textItemLiteDisabledRTL, .textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL, .textItemLiteDisabledHint, .textItemLiteDisabledHintRTL,
.selectItemLiteTextDisabled, .selectItemLiteTextDisabledRTL, .selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL, .selectItemLiteTextDisabledHint, .selectItemLiteTextDisabledHintRTL,
.textAreaItemLiteDisabled, .textAreaItemLiteDisabledRTL, .textAreaItemLitePendingDisabled,
.textAreaItemLitePendingDisabledRTL, .textAreaItemLiteDisabledHint, .textAreaItemLiteDisabledHintRTL,
.comboBoxItemPickerCellDisabled, .comboBoxItemPickerCellLightDisabled,
.selectItemLiteControlDisabled, .selectItemLiteControlDisabledHint {
  color: #ababab !important;
  background-color: #f0f0f0;
  box-shadow: none;
}

td > span > img.null {
  width: 14px;
  height: 14px;
}

.comboBoxItemPickerLite,
.comboBoxItemPickerLiteDisabled,
.comboBoxItemPickerLiteFocused {
  opacity: 0.5;
}

.staticTextItemDisabled {
  color: #ababab !important;
}

.selectItemLiteControl, .selectItemLiteControlOver,
.selectItemLiteControlFocused, .selectItemLiteControlFocusedOver {
  box-shadow: none;
  /*background-color: var(--input-text-background-color);*/
  background-color: transparent;
}

.selectItemLiteControlDisabled,
.selectItemLiteControl, .selectItemLiteControl:focus,
.selectItemLiteControlFocused, .selectItemLiteControlFocused:focus,
.selectItemLiteControlOver, .selectItemLiteControlOver:focus,
.selectItemLiteControlFocusedOver, .selectItemLiteControlFocusedOver:focus {
  box-shadow: none;
  border: 1px solid #cccccc;
}

.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown,
.filterOperatorIconSelected,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver {
  vertical-align: baseline !important;
  margin-top: 1px !important;
  height: 15px !important;
  line-height: 14px !important;
}

.formCellRequiredReadOnly .textItem,
.formCellRequiredReadOnlyFocused .textItemFocused,
.formCellReadOnly .textItem,
.formCellReadOnlyFocused .textItemFocused {
  background-color: #f4f4f4 !important;
}

.enhancedTextItem, .enhancedTextItem:focus,
.enhancedTextItemFocused, .enhancedTextItemFocused:focus,
.enhancedTextItemError, .enhancedTextItemErrorFocused,
.enhancedComboItem, .enhancedComboItemError,
.enhancedComboItemFocused, .enhancedComboItemErrorFocused {
  border-right: 1px solid var(--input-text-background-color) !important;
}

.enhancedTextItemDisabled, .enhancedTextItemDisabled:focus,
.enhancedTextItemDisabledError, .enhancedTextItemDisabledErrorFocused,
.enhancedTextItemDisabledFocused, .enhancedTextItemDisabledFocused:focus {
  border-right: 1px solid var(--input-text-background-color) !important;
  color: #888888;
}

.searchTextBox, .searchTextBox:focus,
.searchTextBoxFocused, .searchTextBoxFocused:focus {
  background-image: url("../images/buttons/Search.svg#");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  margin: 0 2px 0 0;
  padding: 0 0 0 22px;
  border: none;
}

.enhancedTextItemIcon, .enhancedTextItemIconOver,
.enhancedTextItemIconFocused, .enhancedTextItemIconFocusedOver,
.enhancedTextItemIconSimple, .enhancedTextItemIconSimpleOver,
.enhancedTextItemIconSimpleFocused, .enhancedTextItemIconSimpleFocusedOver,
.enhancedComboItemIcon, .enhancedComboItemIconOver,
.enhancedComboItemIconFocused, .enhancedComboItemIconFocusedOver,
.enhancedComboItemIconSimple, .enhancedComboItemIconSimpleOver,
.enhancedComboItemIconSimpleFocused, .enhancedComboItemIconSimpleFocusedOver {
  margin: -4px 0 0 0 !important;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid var(--input-text-background-color) !important;
  width: 21px;
  height: 20px;
  background-image: url("../images/buttons/Clear.svg#");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 6px 4px;
  background-color: var(--input-text-background-color);
  padding: 0;
}

.enhancedComboItemIcon, .enhancedComboItemIconOver,
.enhancedComboItemIconFocused, .enhancedComboItemIconFocusedOver,
.enhancedComboItemIconSimple, .enhancedComboItemIconSimpleOver,
.enhancedComboItemIconSimpleFocused, .enhancedComboItemIconSimpleFocusedOver,
.enhancedComboItemIconFocused, .enhancedComboItemIconFocusedOver,
.enhancedComboItemIconSimpleFocused, .enhancedComboItemIconSimpleFocusedOver {
  margin: -4px 0 0 -8px !important;
}

.spinnerItemDecrease, .spinnerItemDecreaseOver, .spinnerItemDecreaseFocused,
.spinnerItemIncrease, .spinnerItemIncreaseOver, .spinnerItemIncreaseFocused {
  height: 11px;
}

tr[role="listitem"] input {
  height: 18px !important;
}

tr[role="listitem"] .enhancedTextItemIconSimple,
tr[role="listitem"] .enhancedTextItemIconSimpleOver,
tr[role="listitem"] .enhancedTextItemIconSimpleFocused,
tr[role="listitem"] .enhancedTextItemIconSimpleFocusedOver {
  margin: -2px 0 0 0 !important;
  height: 18px !important;
  background-position: 6px 3px;
}

tr[role="listitem"] .selectItem,
tr[role="listitem"] .selectItem:focus,
tr[role="listitem"] .selectItemFocused,
tr[role="listitem"] .selectItemFocused:focus,
tr[role="listitem"] .selectItemLiteText,
tr[role="listitem"] .selectItemLiteText:focus,
tr[role="listitem"] .selectItemLiteTextFocused,
tr[role="listitem"] .selectItemLiteTextFocused:focus {
  height: 18px !important;
  line-height: 18px !important;
  padding-left: 2px;
}

/********************************************************************************
* Picker
*/

.selectItemTextHint, .selectItemLiteTextDisabledHint, .textItemNoValue {
  font-size: 0.9rem;
}

.pickerItem, .pickerItem:focus {
  box-sizing: border-box !important;
  height: 22px;
  padding-top: 2px;
}

.pickerIcon, .pickerIconDisabled,
.pickerIconTextArea, .pickerIconTextAreaDisabled {
  margin: 0 0 0 4px !important;
}

.pickerDoubleIcon, .pickerDoubleIconDisabled,
.pickerDoubleIconTextArea, .pickerDoubleIconTextAreaDisabled {
  margin: 0 0 0 2px !important;
}

tr[role="listitem"] .pickerItem,
tr[role="listitem"] .pickerItem:focus {
  height: 20px;
}

/********************************************************************************
* Dialog windows
*/

.wmgrButtonLayout {
  margin: 2px 5px 0 0;
}

.wmgrDialogHeader {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
  padding-bottom: 5px;
}

.wmgrDialogHeaderText {
  margin: 0;
}

.wmgrDialogHeaderLabel {
  color: #1122bb;
}

.wmgrDialogMessage {
  display: block;
  max-height: 120px;
  line-height: 1.5;
  padding-bottom: 3px;
  overflow: auto;
}

.wmgrDialogMessageText {
  padding-top: 5px;
}

.wmgrDialogMessageLabel {
  color: #1122bb;
}

.wmgrWarning {
  display: block;
  margin: 2px 3px 0 0;
  padding: 2px 4px 7px 4px;
  background-color: #88888811;
}

.wmgrWarning.Alert {
  background-color: #ff000011;
}

.wmgrWarning.Warning {
  background-color: #dd660011;
}

.wmgrWarning.Notification {
  background-color: #0044ff11;
}

.wmgrWarningHeader {
  display: block;
  padding: 4px 0 0 2px;
  color: #ff4444;
}

.wmgrWarningMessage {
  display: block;
  padding: 2px 0 0 18px;
  max-height: 200px;
  overflow: auto;
  line-height: 1.5;
}

.wmgrWarningMessageText {
  padding-bottom: 10px;
}

.wmgrWarningMessageLabel {
  color: #1122bb;
}

.windowHeaderText, .dialogHeaderText {
  font-weight: normal;
  color: #446699;
}

/********************************************************************************
* Others
*/

.spliceTray {
  border: 1px solid #f0f0f0 !important;
  background-color: #f0f0f0 !important;
}

.spliceSpan {
  border: 1px solid #f0f0f0 !important;
  background-color: #f0f0f0 !important;
}

.spliceMap {
  height: 100%;
  width: 100%;
  border: 5px solid #e8e8e8;
}

.vSplitbar {
  background-color: transparent;
  background-image: none;
}

.vSplitbar img {
  visibility: hidden;
}

.hSplitbar {
  background-color: transparent;
  background-image: none;
}

.hSplitbar img {
  visibility: hidden;
}

.emptyMessageImage {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 32px;
  height: 32px;
  opacity: 0.1;
}

#printPreview {
  background-color: #e8e8e8;
}

/*
* Hide input item in import form
*/
.visibility-hidden {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  line-height: 0;
  font-size: 0;
  overflow: hidden !important;
}

/**
* Keyword formItem above tree used for filtering
*/
.tree-filter-keyword {
  font-weight: normal !important;
  color: #c00;
}

/**
* Row spacer form item
*/

.radioGroupItem, .radioGroupItemDisabled {
  margin: 0;
}

.radioGroupItem .formCell,
.radioGroupItem .formCellDisabled,
.radioGroupItemDisabled .formCell,
.radioGroupItemDisabled .formCellDisabled {
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.labelAnchor, .labelAnchorRTL, .labelAnchorFocused, .labelAnchorFocusedRTL,
.labelAnchorDisabled, .labelAnchorDisabledRTL, .labelAnchorError, .labelAnchorErrorRTL,
.labelAnchorPending, .labelAnchorPendingRTL, .labelAnchorPendingFocused,
.labelAnchorPendingFocusedRTL, .labelAnchorPendingDisabled, .labelAnchorPendingDisabledRTL,
.labelAnchorPendingError, .labelAnchorPendingErrorRTL {
  margin-right: 0;
}

.labelAnchor tbody tr td:first-child {
  /*width: 16px;*/
}

[type='checkbox']:focus, [type='radio']:focus {
  box-shadow: none;
}

input[type="RADIO"] {
  vertical-align: middle;
  width: 16px;
}

.checkboxTrueDisabled, .checkboxTrue, .checkboxTrueOver, .checkboxTrueDown,
.checkboxFalseDisabled, .checkboxFalse, .checkboxFalseOver, .checkboxFalseDown,
.checkboxPartialDisabled, .checkboxPartial, .checkboxPartialOver, .checkboxPartialDown,
.checkboxUnsetDisabled, .checkboxUnset, .checkboxUnsetOver, .checkboxUnsetDown {
  background-size: auto;
  background-image: url(/images/buttons/checkbox_sprite.svg);
}

/*
===================================================================================================================
Job
===================================================================================================================
*/

.job-stage-label-active {
  color: #ff0000;
}

.job-stage-label-inactive {
  color: #777777;
}

.job-stage-label-submitted {
  color: #228822;
}

.job-stage-label-dead {
  color: #bbbbcc;
}

/*
===================================================================================================================
Tab
===================================================================================================================
*/

.top-orientation-title, .top-orientation-titleFocused,
.top-orientation-titleDisabled, .top-orientation-titleError {
  display: block;
  padding-bottom: 5px;
}

.top-orientation-titleDisabled {
  color: #ababab;
}

.top-orientation-title + br, .top-orientation-titleFocused + br,
.top-orientation-titleDisabled + br, .top-orientation-titleError + br {
  display: none;
}

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

.tabBarTop table {
  border-collapse: initial;
}

div[eventproxy*="_tabBar_baseLine"] {
  background-color: #f0f0f0 !important;
  border-top: 1px solid #cccccc;
}

.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  background-color: white;
  color: #444;
  border: none;
  font-family: unset;
  font-size: 11px;
}

.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
  background-color: white;
  border: none;
  color: #444;
  cursor: pointer;
}

.dateChooserBorderedBottomButton, .dateChooserBorderedBottomButtonOver, .dateChooserBorderedBottomButtonDown,
.dateChooserBorderedBottomButtonSelected, .dateChooserBorderedBottomButtonSelectedOver, .dateChooserBorderedBottomButtonSelectedDown,
.dateChooserBorderedBottomButtonFocused, .dateChooserBorderedBottomButtonFocusedOver, .dateChooserBorderedBottomButtonFocusedDown {
  border: 0;
  font-family: unset;
  font-size: 11px;
  font-weight: unset;
  background-color: unset;
  padding-left: 6px !important;
  padding-right: 6px !important;
  color: #24f;
}

.dateChooserBorder {
  border: 0 !important;
}

.dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused,
.dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonSelected, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDown,
.dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown, .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserNavButtonFocused {
  font-weight: unset;
  border: none;
  color: #24f;
}

.dateChooserYearMenu, .dateChooserMonthMenu, .dateChooserWeekMenu {
  background-color: white;
  border: none;
  box-shadow: var(--popup-box-shadow);
}

.dateChooserMonthMenu .menuTable,
.dateChooserWeekMenu .menuTable {
  box-shadow: none;
  margin-left: 25px;
}

.dateChooserYearMenu .menuTable {
  box-shadow: none;
  margin-left: 20px;
}

.tabSetContainer, .tabSetContainerInnerTab {
  box-sizing: content-box;
  background-color: var(--tabset-container-background);
  border: none;
  margin-top: 5px;
}

.tabSetContainerWithBorder {
  box-sizing: content-box;
  border: 1px solid #afafaf;
  border-top: 2px solid #ffffff;
  margin-bottom: 3px;
}

.tabContentTitleLabel {
  font-weight: normal;
  color: var(--label-highlight-blue-color);
}

.tabContentTitleLabel .readOnly {
  cursor: default;
}

.tabContentTitleLabel img {
  display: inline;
}

.sideTabHeaderLayout {
  padding: 0 2px 0 2px;
}

.sideTabTitleLayout {
  padding: 0 2px 2px 2px;
}

/********************************************************************************
* Dictionary
*/

.dictionarySubListGrid {
  border-left: 1px solid #dddddd !important;
  border-right: 1px solid #dddddd !important;
  border-bottom: none !important;
  border-top: none !important;
}

.dictionarySubListGrid .emptyMessage {
  padding-top: 4px !important;
  padding-bottom: 0 !important;
}

.dictionarySubListGridHeader {
  border-left: 1px solid #dddddd !important;
  border-right: 1px solid #dddddd !important;
  border-top: 1px solid #dddddd !important;
}

/*
====================================================================================================================
TreeGrid
====================================================================================================================
 */

.treegrid-sizeLabel {
  color: #999999;
}

/*
====================================================================================================================
ListGrid
====================================================================================================================
 */

.listGrid, .filterListGrid {
  border: none;
  box-sizing: content-box;
  box-shadow: none;
  padding: 0;
  background-color: var(--lisgrid-background) !important;
}

.listGrid div, .filterListGrid div {
  box-shadow: none !important;
  box-sizing: content-box;
}

.listGrid div[role="toolbar"], .filterListGrid div[role="toolbar"] {
  border-left: none;
  border-top: 1px solid #f4f4f4;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.listGrid div[aria-label="Filter"], .filterListGrid div[aria-label="Filter"] {
  visibility: hidden;
}

.listGrid div span[aria-label="Show Date Chooser"] img[width="20"] {
  width: 14px;
  height: 14px;
  padding-top: 3px;
  padding-right: 8px;
}

.listGridGroupLabelAutoRoute {
  padding: 0 4px 4px 40px;
  font-weight: normal;
  color: #000000;
  opacity: 0.6;
}

.listGridItemLabelAutoRoute {
  padding: 0 4px 4px 18px;
}

.listGridHeader {
  background-image: none;
  border-left: 1px solid #ababab !important;
  border-right: 1px solid #ababab !important;
  border-top: 1px solid #ababab !important;
}

.listGridHeaderTitle {
  font-weight: bold;
  color: #4d4d4d;
}

.listGridHeaderSpan {
  cursor: default;
}

.listGridCsvCell {
  margin: 0;
  padding: 0 0 0 14px;
  list-style-position: outside;
}

.propertyListGridNameMandatory {
  color: #c44 !important;
}

.propertyListGridNameReadOnly {
  color: #888 !important;
}

.propertyListGridValueReadOnly {
  color: #888 !important;
}

.filterListGrid .recordEditorCell {
  border-left: 1px solid #f8f8f8;
  border-right: 1px solid #e0e0e0;
  background-color: unset;
}

.filterListGrid .recordEditorCell .textItem,
.filterListGrid .recordEditorCell .textItemLite,
.filterListGrid .recordEditorCell .textItemLiteFocused,
.filterListGrid .recordEditorCell .textItemFocused .textItemErrorFocused,
.filterListGrid .recordEditorCell .selectItemText,
.filterListGrid .recordEditorCell .selectItemLiteText,
.filterListGrid .recordEditorCell .selectItemLiteTextFocused,
.filterListGrid .recordEditorCell .selectItemLiteTextPending,
.filterListGrid .recordEditorCell .selectItemTextFocused {
  font-weight: normal !important;
  background-color: var(--input-text-background-color);
}

.comboBoxItemPickerCell, .comboBoxItemPickerCellOver {
  font-weight: normal !important;
  background-color: var(--input-text-background-color);
}

.cell, .cellDark,
.cellSelected, .cellSelectedDark,
.cellDisabled, .cellDisabledDark,
.tallCell, .tallCellDark,
.tallCellSelected, .tallCellSelectedDark,
.tallCellDisabled, .tallCellDisabledDark {
  background-color: var(--listgrid-cell-background);
  border-top: 1px solid #ffffff88;
  border-bottom: 1px solid #44444422;
  padding: 0 1px 0 2px;
  vertical-align: middle;
  height: 22px !important;
  background-image: none;
}

.cellOver, .cellSelected, .cellSelectedOver,
.cellDarkOver, .cellSelectedDark, .cellSelectedDarkOver,
.tallCellOver, .tallCellSelected, .tallCellSelectedOver,
.tallCellDarkOver, .tallCellSelectedDark, .tallCellSelectedDarkOver {
  background: var(--selection-highlight-background) none;
}

.treeCellOver, .treeCellSelected, .treeCellSelectedOver {
  background: var(--selection-highlight-background) none;
}

.pickListCell, .pickListCellDark,
.pickListCellOver, .pickListCellOverDark,
.pickListCellSelected, .pickListCellSelectedDark,
.pickListCellSelectedOver, .pickListCellSelectedOverDark,
.pickListCellPendingSelectedOver, .pickListCellPendingSelectedOverDark,
.pickListCellDeselectedSelectedOver, .pickListCellDeselectedSelectedOverDark {
  padding: 0 1px 0 2px;
  vertical-align: middle;
  height: 16px !important;
  background-image: none;
}

.pickListCellOver, .pickListCellSelected, .pickListCellSelectedOver,
.pickListCellOverDark, .pickListCellSelectedDark, .pickListCellSelectedOverDark,
.pickListCellPendingSelectedOver, .pickListCellPendingSelectedOverDark,
.pickListCellDeselectedSelectedOver, .pickListCellDeselectedSelectedOverDark {
  background: var(--selection-highlight-background) none;
}

.pickListMenuBody {
  padding: 0;
  margin: 0;
  border: 1px solid #f8f8f8;
  /*background-color: var(--picklist-background-color) !important;*/
  /*backdrop-filter: var(--backdrop-filter);*/
  /*-webkit-backdrop-filter: var(--backdrop-filter);*/
}

.pickListGrid {
  box-sizing: content-box;
  border: 1px solid #f0f0f0;
  box-shadow: var(--popup-box-shadow);
  /*background-color: var(--picklist-background-color) !important;*/
  /*backdrop-filter: var(--backdrop-filter);*/
  /*-webkit-backdrop-filter: var(--backdrop-filter);*/
}

.pickListGrid .pickListMenuBody {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: transparent !important;
}

.pickListGrid div div[class="normal"] {
  background-color: transparent !important;
}

.pickListMenu[role="listbox"] .pickListMenuBody {
  box-shadow: var(--popup-box-shadow);
}

/* icon size in dropdown list */
.pickListCell span, .pickListCellOver span,
.pickListCellDark span, .pickListCellOverDark span,
.pickListCellSelected span, .pickListCellSelectedOver span,
.pickListCellSelectedDark span, .pickListCellSelectedOverDark span {
  width: 14px !important;
  height: 14px !important;
}

/* icon size in selectItem */
.selectItemLiteText span, .selectItemLiteText:focus span,
.selectItemLiteTextFocused span, .selectItemLiteTextFocused:focus span,
.selectItemLiteTextDisabled span, .selectItemLiteTextDisabledRTL span,
.selectItemLiteTextPendingDisabled span,
.selectItemLiteTextPendingDisabledRTL span,
.selectItemLiteTextDisabledHint span,
.selectItemLiteTextDisabledHintRTL span {
  width: 14px !important;
  height: 14px !important;
}

.searchPickListBaseStyle {
  padding-left: 20px;
}

.combobox-search-picker-icon, .combobox-search-picker-iconFocused {
  border-left: 1px solid #ababab;
}

.linkCell {
  color: #4060b0;
}

.linkCell:hover {
  color: var(--label-highlight-blue-color);
  cursor: pointer;
}

.cellDisabledDark.linkCell, .cellDisabled.linkCell,
.tallCellDisabledDark.linkCell, .tallCellDisabled.linkCell {
  opacity: 0.5;
}

.cellDisabledDark.linkCell:hover, .cellDisabled.linkCell:hover,
.tallCellDisabledDark.linkCell:hover, .tallCellDisabled.linkCell:hover {
  opacity: 0.5;
  cursor: default;
}

.vScrollTrack, .vScrollTrackDown, .vScrollTrackOver, .vScrollTrackDisabled,
.hScrollTrack, .hScrollTrackDown, .hScrollTrackOver, .hScrollTrackDisabled {
  background: var(--scrollbar-background) none;
  visibility: hidden;
}

.vScrollStartDisabled, .vScrollStart, .vScrollStartOver, .vScrollStartDown,
.hScrollStartDisabled, .hScrollStart, .hScrollStartOver, .hScrollStartDown {
  background: var(--scrollbar-background) none;
  visibility: hidden;
}

.vScrollEndDisabled, .vScrollEnd, .vScrollEndOver, .vScrollEndDown,
.hScrollEndDisabled, .hScrollEnd, .hScrollEndOver, .hScrollEndDown {
  background: var(--scrollbar-background) none;
  visibility: hidden;
}

.scrollCorner, .scrollCornerDown, .scrollCornerOver {
  background: var(--scrollbar-background) none;
  visibility: hidden;
}

.scrollbar {
  background: var(--scrollbar-background) none;
}

.vScrollThumb, .vScrollThumbOver {
  background: #bbbbbb33 none;
  border: none;
  border-radius: unset;
  -webkit-border-radius: unset;
  margin-left: 4px;
  margin-right: 0;
  width: 9px !important;
  box-shadow: none;
}

.hScrollThumb, .hScrollThumbOver {
  background: #bbbbbb33 none;
  border: none;
  border-radius: unset;
  -webkit-border-radius: unset;
  box-shadow: none;
  margin-top: 4px;
  margin-bottom: 0;
  height: 9px !important;
}

.vScrollThumbOver {
  background-color: #aaaaaa44;
}

.hScrollThumbOver {
  background-color: #aaaaaa44;
}

.vScrollThumbGrip, .vScrollThumbGripOver {
  background-image: none;
}

.hScrollThumbGrip, .hScrollThumbGripOver {
  background-image: none;
}

/*
 =================================================================================================================
 buttonRounded
 =================================================================================================================
 */

.buttonRounded, .buttonRoundedOver, .buttonRoundedFocused, .buttonRoundedFocusedOver,
.buttonRoundedDown, .buttonRoundedFocusedDown, .buttonRoundedSelected, .buttonRoundedSelectedFocused,
.buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver, .buttonRoundedDisabled, .buttonRoundedSelectedDisabled,
.buttonRoundedPending, .buttonRoundedPendingOver, .buttonRoundedPendingFocused,
.buttonRoundedPendingFocusedOver, .buttonRoundedPendingDown, .buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelected, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown, .buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver, .buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled, .buttonRoundedDeselectedDisabled,
.filterOperatorIcon, .filterOperatorIconOver, .filterOperatorIconFocused,
.filterOperatorIconFocusedOver, .filterOperatorIconDown {
  color: #445566;
  background: none;
  border: none;
  padding: 0 5px 0 5px;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 18px;
}

.buttonRoundedDisabled, .buttonRoundedSelectedDisabled,
.buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled, .buttonRoundedDeselectedDisabled {
  opacity: 0.7;
}

.buttonRoundedSelected, .buttonRoundedSelectedFocused,
.buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown, .buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver, .buttonRoundedSelectedDisabled,
.buttonRoundedPendingSelected, .buttonRoundedPendingSelectedFocused, .buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown, .buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver, .buttonRoundedPendingDisabled,
.buttonRoundedPendingSelectedDisabled, .buttonRoundedDeselectedDisabled {
  background: #f8f8f8aa;
}

.buttonRoundedOver, .buttonRoundedFocusedOver,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedPendingOver,
.buttonRoundedPendingFocusedOver,
.buttonRoundedPendingSelectedOver,
.buttonRoundedPendingSelectedFocusedOver,
.filterOperatorIconOver,
.filterOperatorIconFocusedOver {
  background: #f8f8f8aa;
}

.buttonRoundedDown, .buttonRoundedFocusedDown,
.buttonRoundedSelectedDown, .buttonRoundedSelectedFocusedDown,
.buttonRoundedPendingDown, .buttonRoundedPendingFocusedDown,
.buttonRoundedPendingSelectedDown,
.buttonRoundedPendingSelectedFocusedDown,
.filterOperatorIconDown {
  background: #e8e8e8aa;
}

.buttonRounded img, .buttonRoundedOver img, .buttonRoundedFocused img, .buttonRoundedFocusedOver img,
.buttonRoundedDown img, .buttonRoundedFocusedDown img, .buttonRoundedSelected img, .buttonRoundedSelectedFocused img,
.buttonRoundedSelectedDown img, .buttonRoundedSelectedFocusedDown img, .buttonRoundedSelectedOver img,
.buttonRoundedSelectedFocusedOver img, .buttonRoundedDisabled img, .buttonRoundedSelectedDisabled img,
.buttonRoundedPending img, .buttonRoundedPendingOver img, .buttonRoundedPendingFocused img,
.buttonRoundedPendingFocusedOver img, .buttonRoundedPendingDown img, .buttonRoundedPendingFocusedDown img,
.buttonRoundedPendingSelected img, .buttonRoundedPendingSelectedFocused img, .buttonRoundedPendingSelectedDown img,
.buttonRoundedPendingSelectedFocusedDown img, .buttonRoundedPendingSelectedOver img,
.buttonRoundedPendingSelectedFocusedOver img, .buttonRoundedPendingDisabled img,
.buttonRoundedPendingSelectedDisabled img, .buttonRoundedDeselectedDisabled img,
.filterOperatorIcon img, .filterOperatorIconOver img, .filterOperatorIconFocused img,
.filterOperatorIconFocusedOver img, .filterOperatorIconDown img {
  display: inline;
  max-width: none;
  border-style: none;
  box-sizing: content-box;
  margin-right: 4px;
}

.buttonRounded object, .buttonRoundedOver object, .buttonRoundedFocused object, .buttonRoundedFocusedOver object,
.buttonRoundedDown object, .buttonRoundedFocusedDown object, .buttonRoundedSelected object, .buttonRoundedSelectedFocused object,
.buttonRoundedSelectedDown object, .buttonRoundedSelectedFocusedDown object, .buttonRoundedSelectedOver object,
.buttonRoundedSelectedFocusedOver object, .buttonRoundedDisabled object, .buttonRoundedSelectedDisabled object,
.buttonRoundedPending object, .buttonRoundedPendingOver object, .buttonRoundedPendingFocused object,
.buttonRoundedPendingFocusedOver object, .buttonRoundedPendingDown object, .buttonRoundedPendingFocusedDown object,
.buttonRoundedPendingSelected object, .buttonRoundedPendingSelectedFocused object, .buttonRoundedPendingSelectedDown object,
.buttonRoundedPendingSelectedFocusedDown object, .buttonRoundedPendingSelectedOver object,
.buttonRoundedPendingSelectedFocusedOver object, .buttonRoundedPendingDisabled object,
.buttonRoundedPendingSelectedDisabled object, .buttonRoundedDeselectedDisabled object,
.filterOperatorIcon object, .filterOperatorIconOver object, .filterOperatorIconFocused object,
.filterOperatorIconFocusedOver object, .filterOperatorIconDown object {
  display: inline;
  max-width: none;
  border-style: none;
  box-sizing: content-box;
  margin-right: 2px;
  margin-bottom: 1px;
}

.buttonSolid {
  border: #99aabb solid 1px;
  background-color: #f0f4f8aa;
  line-height: 14px;
  padding-bottom: 4px !important;
}

/*
 =================================================================================================================
 toolStripButton
 =================================================================================================================
 */

.toolStripButton, .toolStripButtonOver, .toolStripButtonFocused, .toolStripButtonDown,
.toolStripButtonSelected, .toolStripButtonSelectedOver, .toolStripButtonSelectedDown,
.toolStripButtonSelectedDisabled,
.toolStripButtonSelectedFocused, .toolStripButtonDisabled {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 0;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
}

.toolStripButton img, .toolStripButtonOver img, .toolStripButtonFocused img, .toolStripButtonDown img,
.toolStripButtonSelected img, .toolStripButtonSelectedOver img, .toolStripButtonSelectedDown img,
.toolStripButtonSelectedDisabled img,
.toolStripButtonSelectedFocused img, .toolStripButtonDisabled img {
  display: inline;
  max-width: none;
  border-style: none;
  box-sizing: content-box;
}

.toolStripButtonDisabled {
  opacity: 0.7;
}

.toolStripButtonDown, .toolStripButtonSelectedDown {
  background-color: #e8e8e8aa;
}

.toolStripButtonOver, .toolStripButtonFocused, .toolStripButtonSelectedOver {
  background-color: #f8f8f8aa;
}

.toolStripButtonSelected, .toolStripButtonSelectedOver, .toolStripButtonSelectedFocused {
  background-color: #f4f4f4;
  border: 1px solid #aaaaaa;
}

/********************************************************************************
* Pointer cursor in styleTab
*/

.pointerCanvas {
  cursor: pointer;
}

/********************************************************************************
* File upload
*/

.dropFileCanvas {
  background-color: #44444411;
  color: #999999;
  text-align: center;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.dropFileCanvas.hover {
  color: #c66;
  background-color: #ff666611;
}

.dropFileButton {
  line-height: 20px;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
}

.dropFileButton.hover {
  color: #f88;
  background-color: #eee;
  box-shadow: inset 0 1px 4px #888;
  opacity: 1;
}

#uploadDocumentFileTreeCanvas {
  width: 200px;
  height: 324px;
  border-top: solid 1px #bbb;
  border-left: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  border-right: solid 1px #bbb;
  background: #ffffff44;
  overflow: auto;
  padding: 5px;
}

#uploadDocumentFileTarget {
  line-height: 22px;
  height: 22px;
  display: inline-block;
}

#uploadDocumentFileStatus {
  padding-left: 2px;
}

/********************************************************************************
* Notification
*/

.notifyjs-corner {
  z-index: 800000 !important;
  margin: 0 !important;
}

.notifyjs-wrapper {
  margin: 0 !important;
}

.notifyjs-container {
  margin: 3px 3px 3px 1px !important;
}


/********************************************************************************
* Thematic Style Legend
*/
.themeLegend {
  display: grid;
  grid-template-columns: auto auto;
  padding: 0 0 0 20px;
}

.themeLegendItem {
  padding: 1px 0 0 0;
}

.themeLegendItemColorBar {
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 0.7em;
  margin-right: 10px;
}

/********************************************************************************
* Search Hint
*/

.searchHint {
  margin: 4px;
  color: #222222;
}

.searchHintTitle {
  font-size: 1.2em;
}

.searchHintBody {
  display: flex;
  flex-wrap: wrap;
}

.searchHintBody div {
  background-color: #f8f8f8;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  margin: 2px;
  padding: 2px;
}

.menuTable {
  background-color: var(--menu-background-color-no-backdrop) !important;
}

.pickListMenuBody {
  background-color: var(--picklist-background-color-no-backdrop) !important;
}

.pickListGrid {
  background-color: var(--picklist-background-color-no-backdrop) !important;
}

.windowBackground {
  background-color: var(--window-background-color-no-backdrop);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .menuTable {
    background-color: var(--menu-background-color) !important;
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
  }

  .pickListMenuBody {
    background-color: var(--picklist-background-color) !important;
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
  }

  .pickListGrid {
    background-color: var(--picklist-background-color) !important;
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
  }

  .windowBackground {
    background-color: var(--window-background-color);
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
  }
}

.ao-ping,
.ao-ping-3x,
.ao-ping-repeat {
  stroke: red;
  stroke-opacity: 1.0;
  stroke-width: 2px;
  fill: red;
  fill-opacity: 0.5;
  -webkit-animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1);
  animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1);
}

.ao-ping-3x {
  -webkit-animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1) 3;
  animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1) 3;
}

.ao-ping-repeat {
  -webkit-animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1) infinite;
  animation: ao-ping 2s cubic-bezier(1, 0, 0.25, 1) infinite;
}

@-webkit-keyframes ao-ping {
  0%,
  25% {
    r: 0;
    opacity: 1;
  }
  100% {
    r: 50px;
    opacity: 0;
  }
}

@keyframes ao-ping {
  0%,
  25% {
    r: 0;
    opacity: 1;
  }
  100% {
    r: 50px;
    opacity: 0;
  }
}