: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;
}

body, html {
  font-family: Roboto, Arial, Verdana, sans-serif;
  font-size: 11px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0 70px;
  text-align: center;
}

a:link {
  text-decoration: none;
}

.ql-editor a:link {
  color: blue;
}

hr {
  color: #ffffff;
}

.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 {
  background-color: #f0f0f000 !important;
}

.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;
}

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;
}

.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 20px;
}

.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;
}

.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 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;
  /*font-family: Verdana, Arial, sans-serif;*/
}

.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;
  /*font-family: monospace;*/
  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: 50;
    opacity: 0;
  }
}

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