/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } .tab-button * { display: inline-block; vertical-align: middle; } .tab-button { cursor: pointer; } .tab-button .label.hide { display: none; } .tab-button .paired-icon { display: block; } .tab-button .paired-icon * { display: inline-block; } .tab-button .paired-icon { opacity: 0.85; } .tab-button:hover .paired-icon, .tab-button:active .paired-icon { opacity: 1; } .paired-icon .tabComboBoxButton { position: relative; left: -4px; top: 1px; } .auth-box { font-family: Verdana, Geneva, sans-serif; font-size: 1.5em; padding: 2em; } .auth-btn { display: inline-block; line-height: 34px; margin-top: 29px; margin-bottom: 29px; padding: 6px 18px; background-color: #eb8f50; text-align: center; font-size: 16px; font-family: inherit; color: #fff; border: 0; border-radius: 2px; } .auth-btn:hover, .auth-btn:focus { cursor: pointer; color: #fff; text-decoration: none; background-color: #d16b36; } .tabClearableTextBoxClearButton { position: absolute; right: 3px; cursor: pointer; border: 1px solid transparent; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tabClearableTextBoxClearButton.hover { background-color: #cbd9f0; border: 1px solid #316ac5; } .tabTextInputViewInputElementContainer { padding-left: 3px; background-color: #ffffe0; overflow: hidden; height: 100%; } .tabTextInputViewInputElementContainer.clearButtonOn { padding-right: 17px; } .tabComboBox { border: 1px solid rgba(0, 0, 0, 0.2); display: block; position: relative; text-align: left; height: 18px; line-height: 18px; background-color: rgba(255, 255, 255, 0.5); color: #000; } .tabComboStdTheme .tabComboBoxIcon { position: absolute; left: 5px; top: 50%; margin-top: -7px; } .tabComboStdTheme .tabComboBoxName { margin-left: 25px; cursor: default; } .tabComboStdTheme .tabComboBoxNameContainer { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 18px; } .tabComboStdTheme.tabComboBoxNoIcon .tabComboBoxName { margin-left: 5px; } .tabComboStdTheme .tabComboBoxButtonHolder { height: 100%; width: 18px; position: absolute; right: 0; box-sizing: border-box; } .tabComboStdTheme .tabComboBoxButton { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tabComboCompactTheme .tabComboBoxIcon { display: block; } .tabComboCompactTheme .tabComboBoxName { display: none; } .tabComboCompactTheme .tabComboBoxButtonHolder { display: none; } .tabComboStdTheme.tabUnification { border-radius: 1px; border-color: #b4b4b4; background-color: #fff; height: 23px; line-height: 23px; box-sizing: border-box; } .tabComboStdTheme.tabUnification .tabComboBoxButtonHolder { border-left: 1px solid #e6e6e6; } .tabComboStdTheme.tabUnification .tabComboBoxName { color: #666; } .tabComboStdTheme.tabUnification.pressed { border-color: #666; background-color: #f5f5f5; } .tabComboStdTheme.tabUnification.pressed .tabComboBoxName { color: #333; } .tabComboStdTheme.tabUnification.pressed .tabComboBoxButtonHolder { border-color: #e6e6e6; } .tabComboStdTheme.tabUnification.disabled, .tabComboStdTheme.tabUnification.disabled.hover, .tabComboStdTheme.tabUnification.disabled:hover { border-color: #e1e1e1; } .tabComboStdTheme.tabUnification.disabled .tabComboBoxName, .tabComboStdTheme.tabUnification.disabled.hover .tabComboBoxName, .tabComboStdTheme.tabUnification.disabled:hover .tabComboBoxName { color: #e1e1e1; } .tabComboStdTheme.tabUnification.disabled .tabComboBoxButtonHolder, .tabComboStdTheme.tabUnification.disabled.hover .tabComboBoxButtonHolder, .tabComboStdTheme.tabUnification.disabled:hover .tabComboBoxButtonHolder { border-color: #f5f5f5; opacity: 0.35; } .tabComboStdTheme.tabUnification.disabled .tabComboBoxIcon, .tabComboStdTheme.tabUnification.disabled.hover .tabComboBoxIcon, .tabComboStdTheme.tabUnification.disabled:hover .tabComboBoxIcon { opacity: 0.35; } .tab-SelectableButtonGroup.hasIcons .tab-Text { margin-left: 21px; } .tab-SelectableButtonGroup.hasIcons .tab-Icon { position: absolute; margin-top: 3px; display: inline-block; } .tabComboStdTheme.invalid .tabComboBoxName { color: #eb4454; } .tab-blueLine { box-shadow: inset 0 0 0 2px #8db9ff; } .tab-blueLine:hover, .tab-blueLine.hover { box-shadow: inset 0 0 0 2.7px #8096d2; } .tab-blueLineClipChild > *:first-child { clip-path: inset(2px 2px 2px 2px); } .tab-dialog { position: fixed; border: 1px solid #d4d4d4; min-width: 150px; max-width: 350px; background-color: #fff; cursor: default; box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.22); z-index: 1000; -webkit-transform: translateZ(0); padding-top: 38px; } .tab-dialog.active .tab-dialogTitleBar { background-color: #f5f5f5; } .tab-dialog.maximized { min-width: 0; max-width: none; width: auto !important; height: auto !important; left: 0; right: 0; top: 0; bottom: 0; } .tab-dialog-footer { margin-top: 5px; } .tab-dialogResizer { display: none; position: absolute; bottom: 0; right: 0; width: 15px; height: 15px; cursor: nwse-resize; } .tab-dialog.resizeable { overflow: hidden; min-height: 112px; max-width: none; } .tab-dialog.resizeable .tab-dialogResizer { display: block; } .tab-dialog-actions { text-align: right; } .tab-dialog-actions-top-spacing { margin-top: 12px; } .tab-dialog-actions button { padding: 0; margin: 0; margin-left: 15px; border: none; background-color: #fff; } .tab-dialog-actions button.left { margin-left: 0; } .tab-dialog-actions button * { color: #fff; } .tab-dialogTitleBar { position: absolute; top: 0; left: 0; right: 0; color: #666; background-color: #fafafa; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .tab-dialogTitle { font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-flex-grow: 1; flex-grow: 1; } .tab-dialogCloseButton { -webkit-flex-shrink: 0; flex-shrink: 0; } .tab-dialogCloseButton .tab-button { border: 0; padding: 0; background: transparent; } .tab-dialogBodyContainer { color: #333; padding: 18px; } #auth-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; z-index: auto; } #auth-overlay.authOverlayWithTabsShowing { position: relative; } #auth-overlay .ocontent, #auth-overlay iframe { border: none; width: 100%; height: 100%; position: relative; } .tab-dsauthdlg { max-height: none; min-width: 200px; width: 90%; max-width: 700px; text-align: center; overflow: hidden; } .tab-dsauthdlg-tall { height: 600px; } .tab-dsauthdlg-small { height: 350px; } .tab-dsauthdlg .tab-dialogBodyContainer { padding: 0; } .tab-dsauthdlg-tall .tab-dialogBodyContainer { height: 560px; } .tab-dsauthdlg iframe { border: none; width: 100%; height: 100%; position: relative; } .tab-Dropdown { position: relative; } .tab-Dropdown .tab-DropdownButton { height: 100%; } .tab-Dropdown:focus { outline: none; } .tab-Dropdown:focus-visible { box-shadow: 0 0 4px 0 #3498db; } .tab-Dropdown:focus-visible > div { border-color: #3498db; } .tab-ArrowDropdownButton { box-sizing: border-box; width: 23px; height: 23px; border: 1px solid #cbcbcb; } .tab-ArrowDropdownButton > .arrow { position: absolute; left: 7.5px; top: 9px; } .tab-GenericDropdownButton { display: flex; justify-content: flex-end; position: relative; width: 100%; box-sizing: border-box; border: 1px solid #cbcbcb; border-radius: 1px; } .tab-GenericDropdownButton .tab-SelectionDisplay { flex: 1; font-size: 12px; color: rgba(0, 0, 0, 0.8); overflow: hidden; line-height: 23px; } .tab-GenericDropdownButton .tab-DownArrowButton { align-self: flex-end; border-left: 1px solid #e6e6e6; width: 18px; height: 21px; } .tab-GenericDropdownButton .tab-DownArrowButton > .arrow { margin: 9px 4.5px; } .tab-TextDropdownButton { height: 23px; } .tab-TextDropdownButton .tab-Icon { margin-top: 3px; display: inline-block; } .tab-TextDropdownButton .tab-Icon + .tab-SelectionText { left: 18px; } .tab-TextDropdownButton .tab-SelectionText { position: absolute; left: 0; right: 18px; font-size: 11px; padding: 0 3px; color: rgba(0, 0, 0, 0.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; line-height: 23px; height: 23px; } .tab-SelectionText.excluded { text-decoration: line-through; } .tab-unification-line-arrow-dropdown, .tabComboBox.tab-unification-line-arrow-dropdown, .tab-GenericDropdownButton.tab-unification-line-arrow-dropdown { border-color: transparent; border-bottom: 1px solid #cbcbcb; border-radius: 0; } .tab-unification-line-arrow-dropdown .tab-DownArrowButton, .tabComboBox.tab-unification-line-arrow-dropdown .tab-DownArrowButton, .tab-GenericDropdownButton.tab-unification-line-arrow-dropdown .tab-DownArrowButton { border-color: transparent; } .tab-unification-line-arrow-dropdown:focus, .tabComboBox.tab-unification-line-arrow-dropdown:focus, .tab-GenericDropdownButton.tab-unification-line-arrow-dropdown:focus { border-color: transparent; border-bottom-color: #666; } .arrow { height: 0; width: 0; border: solid transparent; border-width: 5px 4px; } .arrow.up { border-bottom-color: #666; } .arrow.down { border-top-color: #666; } .tab-Dropdown > .tab-SelectorContainerOuter { z-index: 110; position: absolute; width: 100%; border: 1px solid #d4d4d4; box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.22); background-color: #fff; padding-right: 6px; } .tab-Dropdown > .tab-SelectorContainerOuter > .tab-SelectorContainer { position: absolute; left: 6px; right: 6px; top: 0; bottom: 0; } .tab-Dropdown > .tab-SelectorContainerOuter > .tab-SelectorContainer .tab-vScrollable { padding-top: 3px; padding-right: 6px; } .tab-Dropdown > .tab-SelectorFocuser { position: absolute; opacity: 0; } .tab-Dropdown .tab-UnifiedButton.selectable { padding-right: 6px; } .tab-Dropdown .tab-UnifiedButton.selectable .tab-Text { padding-left: 0; padding-right: 0; } .tab-Dropdown .tab-UnifiedButton.selectable.selected { border-color: transparent; background-color: transparent; } .tab-Dropdown .tab-UnifiedButton.selectable.selected.active, .tab-Dropdown .tab-UnifiedButton.selectable.selected:active, .tab-Dropdown .tab-UnifiedButton.selectable.active, .tab-Dropdown .tab-UnifiedButton.selectable:active { border-color: transparent; background-color: #f5f5f5; } .tab-unification-line-arrow-dropdown.disabled, .tab-unification-line-arrow-dropdown.disabled.hover, .tab-unification-line-arrow-dropdown.disabled:hover, .tabComboBox.tab-unification-line-arrow-dropdown.disabled, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover { border-color: transparent; border-bottom: 1px solid #e1e1e1; border-radius: 0; } .tab-unification-line-arrow-dropdown.disabled .tabComboBoxNameContainer, .tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxNameContainer, .tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxNameContainer, .tabComboBox.tab-unification-line-arrow-dropdown.disabled .tabComboBoxNameContainer, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxNameContainer, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxNameContainer, .tab-unification-line-arrow-dropdown.disabled .tabComboBoxName, .tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxName, .tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxName, .tabComboBox.tab-unification-line-arrow-dropdown.disabled .tabComboBoxName, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxName, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxName { color: #e1e1e1; } .tab-unification-line-arrow-dropdown.disabled .tabComboBoxButtonHolder, .tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxButtonHolder, .tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxButtonHolder, .tabComboBox.tab-unification-line-arrow-dropdown.disabled .tabComboBoxButtonHolder, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover .tabComboBoxButtonHolder, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover .tabComboBoxButtonHolder { border-color: transparent; border-bottom-color: #e1e1e1; opacity: 0.25; } .tab-unification-line-arrow-dropdown.disabled .tab-DownArrowButton, .tab-unification-line-arrow-dropdown.disabled.hover .tab-DownArrowButton, .tab-unification-line-arrow-dropdown.disabled:hover .tab-DownArrowButton, .tabComboBox.tab-unification-line-arrow-dropdown.disabled .tab-DownArrowButton, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover .tab-DownArrowButton, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover .tab-DownArrowButton { border-color: transparent; border-bottom-color: #e1e1e1; opacity: 0.25; } .tab-unification-line-arrow-dropdown.disabled .tab-SelectionText, .tab-unification-line-arrow-dropdown.disabled.hover .tab-SelectionText, .tab-unification-line-arrow-dropdown.disabled:hover .tab-SelectionText, .tabComboBox.tab-unification-line-arrow-dropdown.disabled .tab-SelectionText, .tabComboBox.tab-unification-line-arrow-dropdown.disabled.hover .tab-SelectionText, .tabComboBox.tab-unification-line-arrow-dropdown.disabled:hover .tab-SelectionText { border-color: transparent; border-bottom-color: #e1e1e1; color: #cbcbcb; } .tab-editable-text-view { position: relative; } .tab-editable-text-view > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 1px; border: 1px solid #fff; overflow: hidden; } .tab-editable-text-view.hover > div { background-color: #fff; border: 1px solid #848284; } .tab-editable-text-view.editing > div { background-color: #fff; border: 1px solid #848284; } .tab-editable-text-view .view-mode { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tab-editable-text-view .edit-mode { width: 100%; margin: 0; padding: 0; border: 0; box-shadow: none; } .tab-glass { position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 999; } .tab-glass.clear-glass { background-color: #fff; opacity: 0.01; } .tab-glass.opaque-glass { background-color: #eee; opacity: 0.33; } .glass-fade-in-immediate { animation: glassFadeInImmediate ease-in-out; animation-duration: 75ms; } @-moz-keyframes glassFadeInImmediate { from { opacity: 0; } to { opacity: 0.33; } } @-webkit-keyframes glassFadeInImmediate { from { opacity: 0; } to { opacity: 0.33; } } @-o-keyframes glassFadeInImmediate { from { opacity: 0; } to { opacity: 0.33; } } @keyframes glassFadeInImmediate { from { opacity: 0; } to { opacity: 0.33; } } .tabHorizontalSlider { margin-left: 12px; margin-right: 6px; } .tabHorizontalSliderContainer { position: relative; } input.tabHorizontalSlider { -webkit-appearance: none; background: transparent; padding-top: 3px; padding-bottom: 0; } input.tabHorizontalSlider::-webkit-slider-runnable-track { height: 4px; background: #e6e6e6; border: none; margin-top: 5px; } input.tabHorizontalSlider:focus::-webkit-slider-runnable-track { background: #e6e6e6; } input.tabHorizontalSlider::-moz-range-track { height: 4px; background: #e6e6e6; border: none; } input.tabHorizontalSlider::-ms-track { width: 100%; height: 4px; background: transparent; border-color: transparent; border-top-width: 10.5px; border-bottom-width: 6.5px; border-left-width: 0; border-right-width: 0; color: transparent; margin-top: -5px; } input.tabHorizontalSlider::-ms-fill-lower { background: #e6e6e6; } input.tabHorizontalSlider::-ms-fill-upper { background: #e6e6e6; } input.tabHorizontalSlider::-webkit-slider-thumb { border: #666 1px solid; border-radius: 50%; background: #fff; -webkit-appearance: none; margin-top: -5px; height: 15px; width: 15px; } input.tabHorizontalSlider:hover::-webkit-slider-thumb { border: #333 1px solid; } input.tabHorizontalSlider::-moz-range-thumb { border: #666 1px solid; border-radius: 50%; background: #fff; height: 13px; width: 13px; } input.tabHorizontalSlider:hover::-moz-range-thumb { border: #333 1px solid; } input.tabHorizontalSlider::-ms-thumb { border: #666 1px solid; border-radius: 50%; background: #fff; margin-top: 0; height: 13px; width: 13px; } input.tabHorizontalSlider:hover::-ms-thumb { border: #333 1px solid; } .tabHorizontalSliderContainer { display: inline-block; } .tabHorizontalSliderPercentageText { height: 20px; top: 0; text-align: center; width: 30px; font-size: 11px; font-weight: bold; vertical-align: top; border: 1px solid #b4b4b4; } .tabHorizontalSliderPercentageText:hover, .tabHorizontalSliderPercentageText:active { border: 1px solid #666; } .tabHorizontalSliderPercentageSign { display: inline-block; font-size: 11px; margin-left: 3px; margin-top: 6px; vertical-align: top; } .tab-checkbox, .tab-radio, .tab-icon-toggle { display: block; } .tab-checkbox.disabled, .tab-radio.disabled, .tab-icon-toggle.disabled { cursor: default; opacity: 0.35; } .tab-checkbox input, .tab-radio input { margin-left: 0; } .tab-checkbox.disabled input, .tab-radio.disabled input { cursor: default; } .tab-checkbox *, .tab-radio *, .tab-icon-toggle * { display: inline-block; vertical-align: middle; } .tab-checkbox .label, .tab-radio .label, .tab-icon-toggle .label { margin-left: 6px; } .tab-checkbox .label.hide, .tab-radio .label.hide, .tab-icon-toggle .label.hide { display: none; } .tab-unification-check .label, .tab-unification-radio .label { color: #666; width: calc(100% - 23px); } .tab-unification-check .icon { height: 15px; width: 15px; border: 1px solid #b4b4b4; border-radius: 1px; } .tab-unification-radio .icon { height: 13px; width: 13px; border: 1px solid #b4b4b4; border-radius: 50%; } .tab-unification-radio .icon .innerIcon { height: 5px; width: 5px; background: #333; border: 1px solid #333; border-radius: 50%; } .tab-unification-check:hover .icon, .tab-unification-radio:hover .icon, .tab-unification-check:focus .icon, .tab-unification-radio:focus .icon, .tab-unification-check.disabled .icon, .tab-unification-radio.disabled .icon { border-color: #333; } .tab-unification-check.disabled, .tab-unification-radio.disabled { opacity: 0.25; } .tab-unification-check .innerIcon, .tab-unification-radio .innerIcon { display: none; } .tab-unification-check.selected .innerIcon, .tab-unification-radio.selected .innerIcon, .tab-unification-radio.tabSelected .innerIcon { display: inherit; margin: 3px; vertical-align: top; } .lineEditWithButtonComponent { display: inline-block; margin-left: 5px; height: 24px; position: relative; } .confirmButtonDiv { display: inline-block; position: absolute; right: 2px; top: 2px; } .tab-list { background-color: #fff; border: 1px solid #d4d4d4; overflow-x: hidden; overflow-y: auto; padding: 6px; -webkit-overflow-scrolling: touch; } .tab-list-item { color: #666; padding: 3px 6px; overflow: hidden; white-space: nowrap; margin: 0; -webkit-transition: margin 0.1s ease-out; -moz-transition: margin 0.1s ease-out; -o-transition: margin 0.1s ease-out; -ms-transition: margin 0.1s ease-out; transition: margin 0.1s ease-out; } .tab-list-item.hover { background: #f5f5f5; } .tab-list-item.tabSelected { background: #e6e6e6; } .tab-list-item.dragging, .tab-list-item.tabSelected.dragging { background-color: #f5f5f5; border: 1px dashed #d4d4d4; padding: 2px 5px; } .tab-list-item.dragging.dragHover, .tab-list-item.tabSelected.dragging.dragHover { background-color: #e6e6e6; border-color: #b4b4b4; } .tab-list-item-insertion-pointer { height: 4px; background-color: #b4b4b4; z-index: 1001; } .tab-list-item.dragAvatar { z-index: 1002; position: absolute; } .tabMenu { position: absolute; cursor: default; box-sizing: border-box; } .tabMenuItem { position: relative; overflow-y: hidden; } .tabMenuItemIcon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tabMenuItemIconTwo { display: inline-block; float: right; } .tabMenuItemNameArea { position: relative; overflow: hidden; text-overflow: ellipsis; } .tabMenuItemName { position: relative; white-space: nowrap; padding-left: 6px; padding-bottom: 0; } .tabMenuItemDesc { white-space: nowrap; float: right; margin-right: 6px; } .tabMenuUnificationTheme { box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.22); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); background-clip: padding-box; font-size: 12px; overflow-x: hidden; overflow-y: auto; } .tabMenuUnificationTheme .tabMenuContent { padding: 6px; } .tabMenuUnificationTheme .tabMenuItem { height: 23px; line-height: 23px; } .tabMenuUnificationTheme .tabMenuItem.tabMenuFocusedItem { background-color: #f5f5f5; } .tabMenuUnificationTheme .tabMenuItem.tabDisabled * { color: rgba(0, 0, 0, 0.35); cursor: default; } .tabMenuUnificationTheme .tabMenuItem .tabMenuItemIcon { left: 9px; } .tabMenuUnificationTheme .tabMenuItem.tabDisabled .tabMenuItemIcon, .tabMenuUnificationTheme .tabMenuItem.tabDisabled .tabMenuItemSubmenuIcon { opacity: 0.25; } .tabMenuUnificationTheme .tabMenuItemDesc { color: rgba(0, 0, 0, 0.56); } .tabMenuUnificationTheme .tabMenuItemName { margin-left: 30px; margin-right: 35px; } .tabMenuUnificationTheme.tabMenuNoIcons .tabMenuItemName { margin-left: 6px; } .tabMenuUnificationTheme.tabMenuNoDesc .tabMenuItemName { margin-right: 25px; } .tabMenuUnificationTheme .tabMenuItemDivider { border-top: 1px solid #e6e6e6; border-bottom: none; margin: 9px 6px; margin-left: 27px; } .tabMenuUnificationTheme.tabMenuNoIcons .tabMenuItemDivider { margin-left: 6px; } .tabMenuSelectedItem { font-weight: bolder; } .tabMenuItemSubMenuIcon { position: absolute; margin-top: -5px; top: 50%; right: 10px; display: block; } .dark.tabMenuUnificationTheme { background-color: #333; border-color: #666; color: #fff; } .dark.tabMenuUnificationTheme .tabMenuItem.tabDisabled * { color: rgba(255, 255, 255, 0.35); } .dark .tabMenuItemUnificationTheme.tabMenuFocusedItem { background-color: #e6e6e6; color: #666; } .dark.tabMenuUnificationTheme .tabMenuItemDividerBaseTheme { border-color: #666; } .tabMenuItemTextInputPanel { position: relative; } .tabMenuItemTextInputHolder { margin: 0 6px; } .tabMenuItemTextInput { box-sizing: border-box; height: 23px; line-height: 23px; width: 100%; background-color: transparent; border: 1px solid #d4d4d4; } .tab-vScrollable { position: absolute; top: 0; bottom: 0; width: 100%; overflow-y: scroll; } .tab-iscroll-component { position: absolute; right: 0; left: 0; top: 0; bottom: 0; overflow: hidden; } .tab-iscroll-component .tab-iscroll-content { display: inline-block; } .tab-iscroll-component.hover .iScrollVerticalScrollbar, .tab-iscroll-component.showIfScrollable .iScrollVerticalScrollbar, .tab-iscroll-component.tabScrolling .iScrollVerticalScrollbar { width: 9px; } .tab-iscroll-component.hover .iScrollHorizontalScrollbar, .tab-iscroll-component.showIfScrollable .iScrollHorizontalScrollbar, .tab-iscroll-component.tabScrolling .iScrollHorizontalScrollbar { height: 9px; } .tab-iscroll-component.hover .iScrollVerticalScrollbar, .tab-iscroll-component.showIfScrollable .iScrollVerticalScrollbar, .tab-iscroll-component.tabScrolling .iScrollVerticalScrollbar, .tab-iscroll-component.hover .iScrollHorizontalScrollbar, .tab-iscroll-component.showIfScrollable .iScrollHorizontalScrollbar, .tab-iscroll-component.tabScrolling .iScrollHorizontalScrollbar { visibility: visible; } .tab-iscroll-component.hover .iScrollVerticalScrollbar.noScroll, .tab-iscroll-component.showIfScrollable .iScrollVerticalScrollbar.noScroll, .tab-iscroll-component.tabScrolling .iScrollVerticalScrollbar.noScroll, .tab-iscroll-component.hover .iScrollHorizontalScrollbar.noScroll, .tab-iscroll-component.showIfScrollable .iScrollHorizontalScrollbar.noScroll, .tab-iscroll-component.tabScrolling .iScrollHorizontalScrollbar.noScroll { visibility: hidden; } .tab-iscroll-component .iScrollVerticalScrollbar.noScroll, .tab-iscroll-component .iScrollHorizontalScrollbar.noScroll { visibility: hidden; } .tab-UnifiedButton.selectable { margin-top: 3px; } .tab-UnifiedButton.selectable:last-child { margin-bottom: 6px; } .tab-UnifiedButton.selectable.selected { background-color: #e6e6e6; border-color: transparent; } .tab-UnifiedButton.selectable.excluded > span { text-decoration: line-through; } .tab-UnifiedButton.selectable > .tab-SelectionMark { float: left; margin-left: 3px; margin-right: 3px; } .tab-UnifiedButton.selectable > span { position: absolute; left: 16px; right: 0; overflow: hidden; text-overflow: ellipsis; padding-left: 6px; padding-right: 6px; } .tab-UnifiedButton.selectable > .tab-Glass { position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: transparent; } .tab-SelectableButtonGroup .tab-ApplyCancelPanel { position: absolute; bottom: 0; height: 21px; width: 100%; } .tab-SelectableButtonGroup .tab-UnifiedButton.apply, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { position: absolute; margin-top: 3px; padding: 0 1px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.8); border: 1px solid transparent; border-radius: 1px; background-color: rgba(0, 0, 0, 0.18); } .tab-SelectableButtonGroup .tab-UnifiedButton.apply:active, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:active { background-color: rgba(0, 0, 0, 0.3); } .tab-SelectableButtonGroup .tab-UnifiedButton.apply.disabled, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel.disabled { color: rgba(0, 0, 0, 0.3) !important; background-color: rgba(0, 0, 0, 0.08) !important; } .tab-SelectableButtonGroup .tab-UnifiedButton.apply { font-weight: bolder; right: 0; left: 50%; margin-left: 3px; } .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { left: 0; right: 50%; margin-right: 3px; } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { color: #fff; background-color: rgba(255, 255, 255, 0.22); } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply:active, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:active { background-color: rgba(255, 255, 255, 0.8); } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply.disabled, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel.disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(255, 255, 255, 0.1) !important; } .tab-vScrollable.apply-cancel { bottom: 21px; } .tab-line-and-arrow-spinner, .tab-outline-spinner { font-size: 12px; } .tab-line-and-arrow-spinner .tab-unification-spinner-label, .tab-outline-spinner .tab-unification-spinner-label { color: #666; margin-right: 6px; vertical-align: middle; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl, .tab-outline-spinner .tab-unification-spinner-ctrl { border-radius: 2px; border: 1px solid #b4b4b4; background-color: #fff; color: #666; display: inline-block; vertical-align: middle; height: 21px; width: 100%; position: relative; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl > input, .tab-outline-spinner .tab-unification-spinner-ctrl > input { color: #666; box-sizing: border-box; padding-right: 18px; padding-left: 4px; width: 100%; height: 100%; vertical-align: top; border: 0 solid; font-size: 12px; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl > input:disabled, .tab-outline-spinner .tab-unification-spinner-ctrl > input:disabled { background: #fff; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl .tab-unification-spinner-btn > span, .tab-outline-spinner .tab-unification-spinner-ctrl .tab-unification-spinner-btn > span { opacity: 0.6; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:hover, .tab-outline-spinner .tab-unification-spinner-ctrl:hover { border-color: #666; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:hover > input, .tab-outline-spinner .tab-unification-spinner-ctrl:hover > input { color: #333; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:hover .tab-unification-spinner-btn > span, .tab-outline-spinner .tab-unification-spinner-ctrl:hover .tab-unification-spinner-btn > span { opacity: 0.8; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled, .tab-outline-spinner .tab-unification-spinner-ctrl:disabled, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled, .tab-outline-spinner .tab-unification-spinner-ctrl.disabled { border-color: #e1e1e1; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled input, .tab-outline-spinner .tab-unification-spinner-ctrl:disabled input, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled input, .tab-outline-spinner .tab-unification-spinner-ctrl.disabled input { color: #e1e1e1; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group, .tab-outline-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group, .tab-outline-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group { border-color: #f5f5f5; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn, .tab-outline-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn, .tab-outline-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn { border-color: #f5f5f5; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn span, .tab-outline-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn span, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn span, .tab-outline-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group .tab-unification-spinner-btn span { opacity: 0.125; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-vertical, .tab-outline-spinner .tab-unification-spinner-btn-group-vertical { border-left: 1px solid #e6e6e6; position: absolute; right: 0; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-vertical > .tab-unification-spinner-btn, .tab-outline-spinner .tab-unification-spinner-btn-group-vertical > .tab-unification-spinner-btn { border-bottom: 1px solid #e6e6e6; height: 10px; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-vertical > .tab-unification-spinner-btn:last-child, .tab-outline-spinner .tab-unification-spinner-btn-group-vertical > .tab-unification-spinner-btn:last-child { border-bottom: none; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-horizontal > .tab-unification-spinner-btn, .tab-outline-spinner .tab-unification-spinner-btn-group-horizontal > .tab-unification-spinner-btn { border-right: 1px solid #e6e6e6; height: 21px; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-horizontal > .tab-unification-spinner-btn:last-child, .tab-outline-spinner .tab-unification-spinner-btn-group-horizontal > .tab-unification-spinner-btn:last-child { border-right: none; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn, .tab-outline-spinner .tab-unification-spinner-btn { width: 18px; } .tab-unification-spinner-btn-group-horizontal > .tab-unification-spinner-btn { display: inline-block; } .tab-unification-spinner-btn-group-vertical { vertical-align: middle; display: inline-block; } .tab-unification-spinner-btn-group-vertical .tab-unification-spinner-btn { display: block; } .tab-unification-spinner-btn { position: relative; } .tab-unification-spinner-btn > span { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tab-line-and-arrow-spinner .tab-unification-spinner-label.disabled { color: #e1e1e1; } .tab-line-and-arrow-spinner:hover .tab-unification-spinner-ctrl { border-color: transparent; border-bottom-color: #666; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl { border-radius: 0; border-color: transparent; border-bottom-color: #b4b4b4; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled { border-color: transparent; border-bottom-color: #e1e1e1; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-ctrl, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-ctrl { border-color: transparent; border-bottom-color: #e1e1e1; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn-group, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn-group { border-color: transparent; } .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl:disabled .tab-unification-spinner-btn, .tab-line-and-arrow-spinner .tab-unification-spinner-ctrl.disabled .tab-unification-spinner-btn { border-color: transparent; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-vertical { border-color: transparent; } .tab-line-and-arrow-spinner .tab-unification-spinner-btn-group-vertical > .tab-unification-spinner-btn { border-color: transparent; } .tab-styled-button { cursor: pointer; white-space: nowrap; margin-left: 10px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .tab-styled-button-middle { min-width: 62px; white-space: nowrap; text-align: center; color: #fff; } .tabStyledTextButton { cursor: default; box-sizing: border-box; display: inline-block; border: 1px solid transparent; border-radius: 1px; padding-left: 23px; padding-right: 23px; height: 23px; line-height: 23px; font-size: 12px; text-align: center; } .tabStyledTextButton.disabled, .tabStyledTextButton.disabled:active, .tabStyledTextButton.disabled.focus { opacity: 0.35; border-color: #cbcbcb; background-color: #cbcbcb; } .tabStyledTextButtonOutline { border-color: #cbcbcb; background-color: transparent; color: rgba(0, 0, 0, 0.8); } .tabStyledTextButtonOutline.hover, .tabStyledTextButtonOutline.focus { border-color: #666; } .tabStyledTextButtonOutline:active { border-color: #333; background-color: #f5f5f5; } .tabStyledTextButtonOutline.disabled { border-color: #cbcbcb; background-color: transparent; } .tabStyledTextButtonFilledGrey { border-color: #d4d4d4; background-color: #d4d4d4; color: rgba(0, 0, 0, 0.8); } .tabStyledTextButtonFilledGrey.hover, .tabStyledTextButtonFilledGrey.focus { border-color: #b4b4b4; } .tabStyledTextButtonFilledGrey:active { border-color: #b4b4b4; background-color: #b4b4b4; color: #fff; } .tabStyledTextButtonFilledGrey.disabled { color: #000; } .tabStyledTextButtonFilledGreen { border-color: #1a699e; background-color: #1a699e; color: #fff; } .tabStyledTextButtonFilledGreen.hover, .tabStyledTextButtonFilledGreen.focus { border-color: #2a79af; background-color: #2a79af; } .tabStyledTextButtonFilledGreen:active { border-color: #15557f; background-color: #15557f; } .tabStyledTextButtonFilledRed { border-color: #c41723; background-color: #c41723; color: #fff; } .tabStyledTextButtonFilledRed.hover, .tabStyledTextButtonFilledRed.focus { border-color: #e51f2d; background-color: #e51f2d; } .tabStyledTextButtonFilledRed:active { border-color: #a0131c; background-color: #a0131c; } .tabTextIconButton { display: inline-block; cursor: default; background: transparent; color: rgba(0, 0, 0, 0.6); height: 23px; line-height: 23px; padding-left: 23px; padding-right: 23px; } .tabTextIconButton .icon { display: inline-block; vertical-align: middle; margin-right: 6px; opacity: 0.75; } .tabTextIconButton .label { font-size: 12px; vertical-align: middle; } .tabTextIconButton.hover, .tabTextIconButton:active { color: rgba(0, 0, 0, 0.9); } .tabTextIconButton.hover .icon, .tabTextIconButton:active .icon { opacity: 1; } .tabTextIconButton.disabled { color: rgba(0, 0, 0, 0.35); } .tabTextIconButton.disabled .icon { opacity: 0.44; } .tabMediumStyledTextButton .label { font-size: 12px; line-height: 23px; } .tabStyledTextButton.tabLargeStyledTextButton { height: 33px; } .tabStyledTextButton.tabLargeStyledTextButton .label { font-size: 12pt; line-height: 33px; } .tabStyledTextButtonAction { background-color: #eb8f50; color: #fff; border: 1px solid #eb8f50; } .tabStyledTextButtonAction.hover { border-color: #d16b36; } .tabStyledTextButtonAction:active { background-color: #d16b36; } .tabTabLabels { background-color: #fafafa; height: 27px; white-space: nowrap; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: space-around; justify-content: space-around; } .tabTabLabel { border-bottom: 1px solid #d4d4d4; box-sizing: border-box; cursor: default; font-size: 13px; padding: 0 12px; line-height: 27px; -webkit-flex-grow: 1; flex-grow: 1; text-overflow: ellipsis; overflow: hidden; } .tabTabLabel.tabSelected { border-bottom-color: transparent; font-weight: bolder; } .tabTabLabel ~ .tabTabLabel { border-left: 1px solid #d4d4d4; } .tabTabContentArea { position: absolute; top: 27px; bottom: 0; left: 0; right: 0; } .tab-table-hrow { height: 39px; line-height: 39px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden; font-weight: bolder; } .tab-table-hcols { display: inline-block; height: 30px; white-space: nowrap; } .tab-table-hcol { display: inline-block; position: relative; vertical-align: middle; } .tab-table-hcell-resizable { border-right: 1px solid #e6e6e6; } .tab-table-hcell-sortable { cursor: pointer; } .tab-table-hcell, .tab-table-bcell { height: 30px; line-height: 30px; padding-left: 12px; padding-right: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-table-hcell { height: 37px; line-height: 39px; } .tab-table-hcol .tab-table-hcell-sort-asc-icon, .tab-table-hcol .tab-table-hcell-sort-desc-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -4px; } .tab-table-bcell { display: inline-block; box-sizing: border-box; vertical-align: middle; } .tab-table-bcell div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-table-textcell { text-align: left; } .tab-table-numcell { text-align: right; } .tab-table-imgcell-container { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 100%; } .tab-table-brow-selected { background-color: #e6e6e6; } .tab-table-brow:hover, .tab-table-brow-hover { background-color: #f5f5f5; } .tab-table-brow-focus { background-color: #f5f5f5; } .tab-table-brow { box-sizing: border-box; border-bottom: 1px solid transparent; } .tab-table-brow-gridline { border-bottom-color: #e6e6e6; } .tab-table-body { position: absolute; bottom: 0; left: 0; right: 0; top: 0; overflow: hidden; } .tab-table-body.tab-table-body-below-headers { top: 39px; } .tab-table-body .iScrollVerticalScrollbar { width: 9px; } .tab-react-data-grid-hscroll .iScrollHorizontalScrollbar { height: 9px; } .tab-table-body .tab-iscroll-content { display: block; } .tab-table-body.tab-table-empty-body { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .tabUberPopup { position: absolute; z-index: 988; cursor: default; box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.22); border: 1px solid #d4d4d4; background-color: #fff; } .tabUberPopupContent { min-width: inherit; } .tabUberPopup.tabUberPopupMinimal { box-shadow: none; border: none; background-color: transparent; } .tabUberArrow, .tabUberArrow2 { width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #d4d4d4; margin: auto; } .tabUberArrow2 { position: relative; bottom: 7px; border-top-color: #fafafa; } .tabUberPopup.tabUberCaretStyle .tabUberPopupContent { background-color: #fafafa; border: 1px solid #d4d4d4; } .tabUberPopup.tabUberCaretStyle { box-shadow: none; border: none; background-color: transparent; } .tab-UnifiedButton { box-sizing: border-box; font-size: 11px; color: #666; background-color: #fff; padding: 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; line-height: 23px; height: 23px; border: 1px solid transparent; border-radius: 1px; } .tab-UnifiedButton.bordered { border-color: #e1e1e1; } .tab-UnifiedButton:active { background-color: #f5f5f5; border-color: #666; } .tab-UnifiedButton.tabStyledTextButtonFilledGreen { border-color: #1a699e; background-color: #1a699e; color: #fff; } .tab-UnifiedButton.tabStyledTextButtonFilledGreen:active { background-color: #15557f; border-color: #15557f; } .tab-UnifiedButton.disabled { border-color: transparent !important; background-color: transparent !important; color: rgba(0, 0, 0, 0.35) !important; } .tab-UnifiedButton.disabled.bordered { border-color: #f5f5f5 !important; } .tab-UnifiedSearchField { width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #cbcbcb; border-radius: 1px; } .tab-UnifiedSearchField.focused, .tab-UnifiedSearchField:hover { border-color: #666; } .tab-UnifiedSearchField .tab-GhostText { position: absolute; padding-left: 5px; padding-top: 3px; color: rgba(0, 0, 0, 0.35); } .tab-UnifiedSearchField .tab-SearchClearButton { position: absolute; top: 4px; right: 4px; padding-right: 1px; margin: 0; width: 12px; height: 12px; } .tab-UnifiedSearchField .tab-PositioningContainer { position: absolute; left: 0; right: 24px; top: 0; bottom: 0; } .tab-UnifiedSearchField .tab-PositioningContainer .tab-SearchInput { width: 100%; height: 100%; padding: 0; padding-left: 6px; background-color: transparent; border-style: none; font-size: 11px; color: rgba(0, 0, 0, 0.8); } .tab-button { overflow: visible; } .tabComboBox { border-radius: 1px; } .tabComboBox.hover, .tabComboBox:hover { border: 1px solid rgba(0, 0, 0, 0.6); } .tabComboBox.disabled.hover, .tabComboBox.disabled:hover { border: 1px solid #d4d4d4; } .tabComboCompactTheme.tabComboBox { border: 1px solid transparent; } .tabComboCompactTheme.tabComboBox.hover, .tabComboCompactTheme.tabComboBox:hover { border: 1px solid #b4b4b4; background-color: #e6e6e6; } .tabComboCompactTheme.tabComboBox.disabled.hover, .tabComboCompactTheme.tabComboBox.disabled:hover { border: 1px solid transparent; background-color: #fff; } .tabComboCompactTheme .tabComboBoxIcon { margin: 1px; } .tabComboStdTheme.tabUnification:hover { border-color: #666; } .tabComboStdTheme.tabUnification:hover .tabComboBoxName { color: #333; } .tabComboStdTheme.tabUnification:hover .tabComboBoxButtonHolder { opacity: 1; } .tabComboStdTheme.invalid:hover .tabComboBoxName { color: #eb4454; } .tabMenuComboDropdownTheme { background-color: #fff; border: 1px solid #d4d4d4; font-size: 11px; overflow-x: hidden; overflow-y: auto; margin-top: -1px; } .tabMenuItemComboDropdownTheme .tabMenuItemName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 5px; margin-right: 5px; } .tabMenuItemComboDropdownTheme.tabMenuFocusedItem { background-color: rgba(0, 0, 0, 0.05); } .tab-darkBackground .tabMenuItemComboDropdownTheme.tabMenuFocusedItem { background-color: rgba(255, 255, 255, 0.14); } .tabMenuComboTheme { box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.22); background-color: #fff; border: 1px solid #d4d4d4; font-size: 12px; overflow-x: hidden; overflow-y: auto; } .tabMenuItemComboTheme { border: none; margin: 3px 1px; padding: 1px 0; color: rgba(0, 0, 0, 0.8); } .tabMenuItemComboTheme .tabMenuItemIcon { left: 5px; } .tabMenuItemComboTheme .tabMenuItemName { margin-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; display: inline-block; } .tabMenuItemComboTheme .tabMenuItemIconTwo { display: inline-block; vertical-align: top; margin-top: 1px; } .tabMenuItemComboTheme .tabMenuItemDesc { font-size: 11px; opacity: 0.49; } .tabMenuItemComboTheme.tabMenuFocusedItem { background-color: #e6e6e6; } .tabMenuComboTheme.tabMenuNoIcons .tabMenuItemName { margin-left: 10px; } .tabMenuComboTheme.tabMenuNoDesc .tabMenuItemName { margin-right: 10px; } .tab-GenericDropdownButton:hover:not(.disabled), .tab-ArrowDropdownButton:hover { border-color: #666; } .tab-Dropdown .tab-UnifiedButton.selectable.selected.hover, .tab-Dropdown .tab-UnifiedButton.selectable.selected:hover, .tab-Dropdown .tab-UnifiedButton.selectable.hover, .tab-Dropdown .tab-UnifiedButton.selectable:hover { background-color: #f5f5f5; border-color: transparent; } .tab-unification-line-arrow-dropdown:not(.disabled):hover, .tabComboBox.tab-unification-line-arrow-dropdown:not(.disabled):hover, .tab-unification-line-arrow-dropdown:not(.disabled).hover, .tabComboBox.tab-unification-line-arrow-dropdown:not(.disabled).hover { border-color: transparent; border-bottom-color: #666; } .tabMenuItemIconTwo { margin-top: 2.5px; } .tabMenuDefaultItem { font-weight: bolder; color: #000; } .tab-UnifiedButton.selectable.selected:hover { border-color: #666; } .tab-SelectableButtonGroup .tab-ApplyCancelPanel { position: absolute; bottom: 0; height: 21px; width: 100%; } .tab-SelectableButtonGroup .tab-UnifiedButton.apply, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { position: absolute; margin-top: 3px; padding: 0 1px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.8); border: 1px solid transparent; border-radius: 1px; background-color: rgba(0, 0, 0, 0.18); } .tab-SelectableButtonGroup .tab-UnifiedButton.apply:active, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:active { background-color: rgba(0, 0, 0, 0.3); } .tab-SelectableButtonGroup .tab-UnifiedButton.apply.disabled, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel.disabled { color: rgba(0, 0, 0, 0.3) !important; background-color: rgba(0, 0, 0, 0.08) !important; } .tab-SelectableButtonGroup .tab-UnifiedButton.apply { font-weight: bolder; right: 0; left: 50%; margin-left: 3px; } .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { left: 0; right: 50%; margin-right: 3px; } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel { color: #fff; background-color: rgba(255, 255, 255, 0.22); } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply:active, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:active { background-color: rgba(255, 255, 255, 0.8); } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply.disabled, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel.disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(255, 255, 255, 0.1) !important; } .tab-vScrollable.apply-cancel { bottom: 21px; } .tab-SelectableButtonGroup .tab-UnifiedButton.apply:not(:active):not(.disabled):hover, .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:not(:active):not(.disabled):hover { border-color: rgba(0, 0, 0, 0.4); } .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.apply:not(:active):not(.disabled):hover, .tab-darkBackground .tab-SelectableButtonGroup .tab-UnifiedButton.cancel:not(:active):not(.disabled):hover { border-color: rgba(255, 255, 255, 0.5); } .tab-styled-button-left, .tab-styled-button-right, .tab-styled-button-middle { vertical-align: middle; display: inline-block; height: 26px; background: #eb8f50; border: solid transparent; } .tab-styled-button-left, .tab-styled-button-right { width: 6px; } .tab-styled-button-left { border-width: 1px 0 1px 1px; } .tab-styled-button-right { border-width: 1px 1px 1px 0; } .tab-styled-button-middle { padding: 0 6px 0 6px; font: bold 12px/26px Arial, Helvetica, sans-serif; border-width: 1px 0; } .tab-styled-button:hover .tab-styled-button-left, .tab-styled-button:hover .tab-styled-button-right, .tab-styled-button:hover .tab-styled-button-middle, .tab-styled-button.tab-focus .tab-styled-button-left, .tab-styled-button.tab-focus .tab-styled-button-right, .tab-styled-button.tab-focus .tab-styled-button-middle { border-color: #d16b36; } .tab-styled-button.tab-focus .tab-styled-button-left, .tab-styled-button.tab-focus .tab-styled-button-right, .tab-styled-button.tab-focus .tab-styled-button-middle { background-color: #d16b36; } .tab-styled-button.tab-disabled .tab-styled-button-left, .tab-styled-button.tab-disabled .tab-styled-button-right, .tab-styled-button.tab-disabled .tab-styled-button-middle, .tab-styled-button.tab-disabled:hover .tab-styled-button-left, .tab-styled-button.tab-disabled:hover .tab-styled-button-right, .tab-styled-button.tab-disabled:hover .tab-styled-button-middle { background-color: rgba(235, 143, 80, 0.25); border-color: transparent; cursor: default; } .tabUberPopup { overflow-y: auto; } .tab-UnifiedButton:hover { background-color: #f5f5f5; border-color: #666; } .tab-UnifiedButton.tabStyledTextButtonFilledGreen:hover { border-color: #2a79af; background-color: #2a79af; } html.fullscreen body { display: -webkit-flex; display: flex; } html.fullscreen body:not(.lyteboxed), html.fullscreen.ie #centeringContainer { background-color: #fafafa; } html.fullscreen body.lyteboxed { position: initial; } html.fullscreen #centeringContainer:not(.lyteboxed) { margin: auto; } html.fullscreen .tab-toolbar { z-index: 1; } html.ie.fullscreen, html.ie.fullscreen body { width: 100%; height: 100%; overflow: auto; } body { background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } input, textarea { -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; -ms-user-select: text; user-select: text; } input::selection, textarea::selection { background-color: #cbcbcb; } input::-moz-selection, textarea::-moz-selection { background-color: #cbcbcb; } body, input, textarea, button, select { font-size: 12px; } @media (-webkit-max-device-pixel-ratio: 1.99), (max-resolution: 191dpi) { body, input, textarea, button, select { font-family: "Benton Sans Low-DPI", Arial, Helvetica, sans-serif; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body, input, textarea, button, select { font-family: "Benton Sans", Arial, Helvetica, sans-serif; } } button { font-size: 12px; } h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } html.fullscreen body:not(.lyteboxed) #viz-client-container { width: 100vw; } body:not(.lyteboxed) #viz-client-container { height: 100vh; } #viz-client-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; } #main-content { display: -webkit-flex; display: flex; height: 100%; min-height: 0; } @media print { .render-onscreen-only { display: none !important; } * { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } } #debug-container { -webkit-align-items: center; align-items: center; display: -webkit-inline-flex; display: inline-flex; padding: 6px 6px; } #debug-container .tab-debugRenderMode { margin-left: 3px; } @media print { #debug-container { display: none !important; } } #debug-container label { margin-left: 12px; } #debug-container button { margin-left: 12px; } #debug-container button .paired-icon { display: none; } .tab-button-object { text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; position: relative; } .tab-button-zone-disabled-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; cursor: default; } .tab-button-zone-text, .tab-button-zone-text-disabled { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tab-button-zone-text-disabled { color: gray; } .tab-button-zone-image-enabled-container { position: relative; display: flex; } .tab-button-zone-image-disabled { filter: url("#grayscale"); } .tab-button-zone-image-disabled-offline { filter: grayscale(100%); } .tab-button-zone-image-hover { position: absolute; top: 0; } .FIItem input[type=radio], .FIItem input[type=checkbox] { opacity: 0; position: absolute; z-index: 2; } .FIItem input[type=radio] { top: calc(50% - 7px); left: -3px; height: 15px; width: 15px; } .FIItem input[type=checkbox] { top: calc(50% - 8px); left: -2px; height: 16px; width: 16px; } .FIItem .fakeRadio, .FIItem .fakeCheckBox { position: relative; margin-left: 2px; display: inline-block; vertical-align: middle; overflow: visible; } .FIItem .fakeCheckBox { margin-right: 5px; top: -1px; } .FIItem .fakeRadio { margin-right: 3px; top: -1px; } .CategoricalFilter { overflow: hidden; } .CategoricalFilterBox { overflow: hidden; font-size: 11px; } .CategoricalFilterBox > .Search, .CategoricalFilterBox .CFContent { margin-left: 0; margin-right: 0; padding-right: 1px; padding-left: 1px; } .tabBordered .CategoricalFilterBox .CFContent, .tabBordered .CategoricalFilterBox > .Search { padding-right: 3px; padding-left: 3px; } .tabBordered .CFInlineTitle .CategoricalFilterBox .CFContent, .tabBordered .CFInlineTitle .CategoricalFilterBox > .Search { padding-top: 1px; } .CategoricalFilterBox > .Search > .SearchBox > .QueryBox { margin-top: 1px; margin-left: 1px !important; height: calc(100% - 2px); } .CategoricalFilterBox > .Search > .SearchBox > .wcSearchX { margin-top: 2px; margin-right: 1px; } .tableau .CategoricalFilterBox .tableauWidgetUiSlider .sliderTextReadout { margin-left: 0; margin-right: 0; } .CategoricalFilterBox .tableauWidgetUiTypeIn .TypeInDiv { margin-left: 0; margin-right: 0; } .CategoricalFilterBox .tableauWidgetUiTypeIn .TypeInDiv .TypeInQuerySpan .QueryBox { height: 100%; line-height: 100%; } .CategoricalFilterBox .CFContent .tabComboStdTheme.tabComboBoxNoIcon .tabComboBoxName { margin-left: 3px; } .CategoricalFilter .tabComboBoxButton { background: none !important; height: 10px !important; width: 10px !important; } .CFContent { overflow: auto; overflow-x: hidden; overflow-y: auto; } .CFHorizontal .CFContent { overflow: hidden; white-space: nowrap; } .FIItem, .searchResultsRemaining { margin: 0; cursor: default; display: block; } .CFHorizontal .FIItem { padding-left: 5px; display: inline; } .FIItem, .FIItem a, .FIItem input, .searchResultsRemaining { white-space: nowrap; } .FIItem .FICheckRadio { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .FIItem { position: relative; } .FIItem.FISelected { background-color: #e6e6e6; } .hide-tail .FIItem:nth-child(n+201) { display: none; } .CFExclusive .FIChecked a, .CFExclusive .tabComboBoxName { text-decoration: line-through; } .CFExclusive.CFAll .FIChecked a, .CFExclusive.CFAll .tabComboBoxName { text-decoration: none; } .CFHorizScroll { display: none; } .CFHorizontal .CFHorizScroll { display: block; position: absolute; top: 0; right: 0; overflow: auto; overflow-y: hidden; overflow-x: scroll; } .CFHorizScroll div { margin: 0; height: 1px; } .CFApplyButtonContainer .tab-button { margin: 3px 3px 2px 3px; padding: 0 1px; height: 16px; line-height: 16px; width: calc(50% - 6px); text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.8); border: 1px solid transparent; border-radius: 1px; background-color: rgba(0, 0, 0, 0.18); } .CFApplyButtonContainer > button > * { vertical-align: top; } .CFApplyButtonContainer .apply { font-weight: bold; left: 50%; } .CFApplyButtonContainer .cancel { left: 0; } .CFApplyButtonContainer .apply .label, .CFApplyButtonContainer .cancel .label { width: 100%; overflow: hidden; text-overflow: ellipsis; } .CFApplyButtonContainer .tab-button:active { background-color: rgba(0, 0, 0, 0.3); } .CFApplyButtonContainer .tab-button:focus .label, .CFApplyButtonContainer .tab-button:active .label { position: relative; top: 0; } .CFApplyButtonContainer .tab-button.disabled { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); } .CFApplyButtonContainer .tab-button:not(:active):not(.disabled):hover, .CFApplyButtonContainer .tab-button:not(:active):not(.disabled):focus { border-color: rgba(0, 0, 0, 0.4); } .tab-darkBackground .CFApplyButtonContainer .tab-button { color: #fff; background-color: rgba(255, 255, 255, 0.22); } .tab-darkBackground .CFApplyButtonContainer .tab-button:active { background-color: rgba(255, 255, 255, 0.8); } .tab-darkBackground .CFApplyButtonContainer .tab-button.disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.1); } .tab-darkBackground .CFApplyButtonContainer .tab-button:not(:active):not(.disabled):hover { border-color: rgba(255, 255, 255, 0.5); } @-moz-document url-prefix() { .CFOuterContainer button .label { margin: -2px auto auto; } } .CFOuterContainer { overflow-y: hidden; } .CFInnerContainer { overflow: auto; } .CFApplyButtonContainer.CFDropdownNoItems button { display: none; } .facet { float: right; font-size: 10px; } .facetOverflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .CategoricalFilterBox div.tile .facet { padding: 0 2px; } .CategoricalFilterBox div.tile { width: 100%; } .CFButton .dijitButtonNode { padding: 0; border: 1px transparent; width: 16px; height: 15px; background: transparent; } .CFButton .dijitButtonNode:hover, .CFButton .dijitButtonNode button:focus { background-color: #e6e6e6; } .CFButton .dijitButtonNode:active { background-color: #d4d4d4; } .CFButton { position: absolute; top: 0; } .CFButtonR4 { right: 48px; } .CFButtonR3 { right: 32px; } .CFButtonR2 { right: 16px; } .CFButtonR1 { right: 0; } .CFButtonHide { display: none; } .CFButton.CFMenuButton .dijitButtonText { display: none; } .CFInlineTitle .CFButton { display: none; } .tundra .dijitButtonDisabled * { cursor: default !important; } .tableau .CFContent .Dropdown { border: 1px solid #7f9db9; margin: 1px 2px 3px 2px; font-size: 11px; height: 20px; } .dj_ff2 .CFContent .Dropdown { height: 18px; } .CFExclusive .Dropdown, .CFExclusive .Dropdown option { text-decoration: line-through; } .FISimpleDropdownItem { padding-left: 3px; } .FIItem.FISimpleDropdownItem:hover, .FIItem.FISimpleDropdownItem:focus { background-color: rgba(0, 0, 0, 0.05); } .tab-darkBackground .FIItem.FISimpleDropdownItem:hover, .tab-darkBackground .FIItem.FISimpleDropdownItem:focus { background-color: rgba(255, 255, 255, 0.14); } .CFDropdownNoItems { padding: 2px; } .tableau.tundra .dijitTooltip .dijitTooltipContainer { border-color: #666; background: #fff; } .tableau.tundra .dijitTooltip .dijitTooltipContainer::before { content: ""; position: absolute; top: 27.5px; left: 3.5px; height: 1px; width: 9.9px; background: #fff; border-bottom: 2px solid #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .tableau.tundra .dijitTooltip .dijitTooltipConnector { top: 23px; margin-left: 3px; height: 10px; width: 10px; background: #fff; transform: rotate(45deg) skew(15deg, 15deg); -ms-transform: rotate(45deg) skew(15deg, 15deg); -webkit-transform: rotate(45deg) skew(15deg, 15deg); border-right: 1px solid #666; border-bottom: 1px solid #666; z-index: -1; } .tabLegendBox { white-space: nowrap; } .tabLegendTitle { white-space: nowrap; cursor: default; } .tabLegendItemSwatch { display: inline-block; position: absolute; border-radius: 1px; } .tabLegendItem { position: relative; } .tabLegendItemInsertMarkAbove { top: 0%; height: 2px; background-color: #000; position: absolute; width: 100%; } .tabLegendItemInsertMarkBelow { top: 100%; height: 2px; background-color: #000; position: absolute; width: 100%; } .tabLegendItemInsertMarkBelowLast { top: 90%; height: 2px; background-color: #000; position: absolute; width: 100%; } .tabLegendItemInsertMarkAbove::before, .tabLegendItemInsertMarkBelow::before, .tabLegendItemInsertMarkBelowLast::before { border: solid; position: absolute; left: 100%; content: ""; border-color: transparent #000 transparent transparent; border-width: 4px 4px 4px 0; margin: -3px 0 0 -4px; } .tabLegendItemInsertMarkAbove::after, .tabLegendItemInsertMarkBelow::after, .tabLegendItemInsertMarkBelowLast::after { border: solid; position: absolute; right: 100%; content: ""; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 4px; margin: -3px -4px 0 0; } .tabLegendItemInsertMarkLeft { left: 0%; top: 0%; width: 2px; background-color: #000; position: absolute; height: 100%; } .tabLegendItemInsertMarkRight { left: 100%; top: 0%; width: 2px; background-color: #000; position: absolute; height: 100%; } .tabLegendItemInsertMarkLeft::before, .tabLegendItemInsertMarkRight::before { border: solid; position: absolute; top: 0%; content: ""; border-color: #000 transparent transparent transparent; border-width: 4px 4px 0 4px; margin: 0 0 0 -3px; } .tabLegendItemInsertMarkLeft::after, .tabLegendItemInsertMarkRight::after { border: solid; position: absolute; bottom: 0%; content: ""; border-color: transparent transparent #000 transparent; border-width: 0 4px 4px 4px; margin: 0 0 0 -3px; } .tabLegendItemSwatchHolder { display: inline-block; position: relative; cursor: pointer; } .tabLegendItemLabelHolder { position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabLegendItemLabel { cursor: pointer; } .tabLegendItemColumn { display: inline-block; vertical-align: middle; } .tabLegendHighlighterButton { cursor: pointer; border-radius: 1px; } .tabLegendHighlighterButton { display: inline-block; } .tabLegendHighlighterButton.tabHighlightDisabled:hover, .tabLegendHighlighterButton.tabHighlightEnabled:hover { background-color: #e6e6e6; } .tabLegendHighlighterButton.tabHighlightDisabled:active, .tabLegendHighlighterButton.tabHighlightEnabled:active { background-color: #d4d4d4; } .tabCatLegendScrollPrev, .tabCatLegendScrollNext { border: 1px solid #bcbcbc; top: 2px; position: relative; cursor: pointer; display: inline-block; } .tabLegendColumnHolder { position: relative; } .tabCatLegendScroll { position: absolute; right: 2px; top: 0; } .tabIterButtonDisabled { border: 1px solid #ddd; } .LegendPanel .LegendImageBody { cursor: pointer; display: block; } line.circle_crosshair, line.circle_radius { stroke: rgb(0, 176, 240); stroke-width: 2px; shape-rendering: crispEdges; } line.circle_radius { stroke-dasharray: 5, 5; } .tabDistanceReadout { position: absolute; white-space: nowrap; } .tab-opacity-01 { opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)"; filter: alpha(opacity=1); } .tab-opacity-50 { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .tab-unselectable { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; } .tab-selectable { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .tab-fill { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .tab-fill-left { position: absolute; left: 0; top: 0; bottom: 0; } .tab-fill-right { position: absolute; right: 0; top: 0; bottom: 0; } .tab-fill-centered { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; } .tab-inline-block { display: inline-block; } .tab-width-10 { width: 10px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation: fadeIn ease-in-out 1; animation-duration: 215ms; } .fade-bg { transition: background-color 215ms ease-in-out; } .tabConfirmationMessage { margin: 0 0 10px 0; overflow-wrap: break-word; word-wrap: break-word; } .tabConfirmationButtons { text-align: center; } .tabConfirmationButtons > .tabConfirmationConfirmButton { margin-left: 6px; } .dashboardSpacer { position: relative; will-change: scroll-position; } .tab-dashboard { position: absolute; z-index: 0; overflow: hidden; -ms-scroll-limit: 0 0 0 0; } .tab-dashboard > div, .tab-dashboard > img, .tab-dashboard > iframe { position: absolute; } #dashboard-viewport { flex: 1; overscroll-behavior-x: contain; position: relative; will-change: scroll-position; -webkit-overflow-scrolling: touch; } html.ie #dashboard-viewport { overflow: hidden; } html:not(.ie) #dashboard-viewport { overflow: auto; } @media print { #dashboard-viewport { overflow: hidden !important; } } html.fullscreen #dashboard-viewport { display: flex; } .tab-dashboard-grid-overlay { position: relative; pointer-events: none; } .tab-dataAlertCreateComponent > div { padding-top: 18px; word-wrap: break-word; } .tab-dataAlertCreateComponent > div:first-child { padding-top: 0; } .tab-dataAlertCreateComponent > div.tab-dataAlertTitleInputArea, .tab-dataAlertCreateComponent > div.tab-dataAlertNotificationIntervalInputArea { padding-top: 6px; } .tab-dataAlertConditionArea { display: -webkit-flex; display: flex; margin-right: 3px; } .tab-dataAlertOperatorArea, .tab-dataAlertThresholdArea { -webkit-flex: 0 0 50%; flex: 0 0 50%; } .tab-dataAlertOperatorArea { padding-right: 3px; margin-right: 3px; } .tab-dataAlertTitleInput, .tab-dataAlertThreshold, .tab-dataAlertEmailInput { width: 100%; box-sizing: border-box; border: none; border-bottom: 1px solid #cbcbcb; display: block; color: rgba(0, 0, 0, 0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 23px; height: 23px; border-radius: 0; } .tab-dataAlertStandardText { padding-top: 6px; font-size: 10px; color: rgba(0, 0, 0, 0.56); } .tab-dataAlertErrorText { padding-top: 6px; font-size: 10px; color: #c93a47; } .tab-dataAlertTriggerTypeArea { padding-top: 18px; padding-bottom: 12px; } .tab-dataAlertThresholdInputContainer, .tab-dataAlertTitleInputContainer, .tab-dataAlertEmailInputContainer { width: 100%; } .tab-dataAlertCreateComponent label { color: rgba(0, 0, 0, 0.56); line-height: 20px; } .tab-dataAlertLabelText { font-size: 10px; } .tab-dataAlertSubmitButtonArea { text-align: right; } .tab-dataAlertErrorDialogContent div { padding-top: 18px; -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; -ms-user-select: text; user-select: text; } .tabDataConnPromptVarList .tab-list { border: 0; overflow: hidden; padding: 0; } .tabDataConnPromptVarList .tab-list-item { padding: 0; } .tabDataConnPromptVarName { border-right: 1px solid #bfbfbf; padding-left: 6px; } .tabDataConnPromptVarValue { position: absolute; left: 187px; } .tabDataConnPromptVarValue.required { font-weight: bold; color: #eb8f50; } .tabDataConnPromptVarListItemCell { display: inline-block; width: 174px; line-height: 20px; vertical-align: bottom; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabDataConnPromptAddVarBtn { width: 181px; height: 20px; padding: 0; padding-left: 6px; border: 0; text-align: left; border-right: 1px solid #bfbfbf; border-radius: 0; } .tabDataConnPromptAddVarBtn:hover, .tabDataConnPromptAddVarBtn.hover { border-color: #bfbfbf; } .tabDataConnPromptAddVarBtn .label { font-size: 10pt; font-style: italic; } .tabDataConnPromptAddVarCtrlVarSelector { width: 180px; } .tabDataConnPromptAddVarCtrlVarSelector * { font-size: 10pt; } .tabDataConnPromptAddVarCtrlVarSelector .tabComboBoxName { margin-left: 3px; } .tabDataConnPromptDeleteVarBtnArea { display: none; padding-left: 180px; } .tabDataConnPromptDeleteVarBtn .tab-iconButtonIcon { display: inline-block; } .tab-dialog.tabDataConnectionPromptDialog { max-width: 420px; width: 420px; height: 320px; } .tabDataConnectionPromptDialog .tab-dialogTitleBar { white-space: nowrap; padding: 12px; background-color: #fff; color: #333; } .tabDataConnectionPrompt { position: absolute; top: 36px; left: 12px; right: 12px; bottom: 0; border-top: 1px solid #ccc; } .tabDataConnPromptCtrlArea { position: absolute; top: 12px; left: 0; right: 0; bottom: 47px; } .tabDataConnPromptBtnArea { position: absolute; bottom: 12px; right: 0; } .tabDataConnPromptVarListArea { position: absolute; left: 0; right: 0; top: 0; bottom: 95px; } .tabDataConnPromptVarListInstr, .tabDataConnPromptEditTitle, .tabDataConnPromptEditInstr { font-size: 10pt; } .tabDataConnPromptVarListHeader { margin-top: 6px; background-color: #eee; border: 1px solid #bfbfbf; } .tabDataConnPromptVarListHeader span { display: inline-block; font-size: 10pt; font-weight: bold; width: 174px; line-height: 20px; } .tabDataConnPromptVarListHeaderName { border-right: 1px solid #bfbfbf; padding-left: 6px; } .tabDataConnPromptVarListHeaderValue { position: absolute; left: 187px; } .tabDataConnPromptEditInstr { color: #999; } .tabDataConnPromptVarListContainer { position: absolute; top: 42px; left: 0; right: 0; bottom: 0; border: 1px solid #bfbfbf; } .tabDataConnPromptEditArea { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; } .tabDataConnPromptEditTitle { padding-bottom: 6px; font-weight: bold; } .tabDataConnPromptVarList .tab-list { border: 0; overflow: hidden; padding: 0; } .tabDataConnPromptVarList .tab-list-item { padding: 0; } .tabDataConnPromptVarName { border-right: 1px solid #bfbfbf; padding-left: 6px; } .tabDataConnPromptVarValue { position: absolute; left: 187px; } .tabDataConnPromptVarValue.required { font-weight: bold; color: #eb8f50; } .tabDataConnPromptVarListItemCell { display: inline-block; width: 174px; line-height: 20px; vertical-align: bottom; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabDataConnPromptAddVarBtn { width: 181px; height: 20px; padding: 0; padding-left: 6px; border: 0; text-align: left; border-right: 1px solid #bfbfbf; border-radius: 0; } .tabDataConnPromptAddVarBtn:hover, .tabDataConnPromptAddVarBtn.hover { border-color: #bfbfbf; } .tabDataConnPromptAddVarBtn .label { font-size: 10pt; font-style: italic; } .tabDataConnPromptAddVarCtrlVarSelector { width: 180px; } .tabDataConnPromptAddVarCtrlVarSelector * { font-size: 10pt; } .tabDataConnPromptAddVarCtrlVarSelector .tabComboBoxName { margin-left: 3px; } .tabDataConnPromptDeleteVarBtnArea { display: none; padding-left: 180px; } .tabDataConnPromptDeleteVarBtn .tab-iconButtonIcon { display: inline-block; } .tabDataConnVarEditCtrlVarArea, .tabDataConnVarEditCtrlOpSelector, .tabDataConnVarEditCtrlValSelector { display: inline-block; vertical-align: top; line-height: 20px; } .tabDataConnVarEditCtrlValSelector, .tabDataConnVarEditCtrlValInput { position: absolute; right: 0; } .tabDataConnVarEditCtrlOpSelector { position: absolute; right: 180px; } .tabDataConnVarEditCtrlValInput { border: 1px solid #e1e1e1; border-radius: 3px; padding: 1px 5px 1px 5px; font-size: 10pt; height: 16px; } .tabDataConnVarEditCtrlName { width: 120px; } .tabDataConnVarEditCtrlDesc { width: 200px; } .tabDataConnVarEditCtrlName, .tabDataConnVarEditCtrlDesc { font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 6px; } .tabDataConnVarEditCtrlDesc { color: #999; } .tabDataConnVarEditCtrlOpSelector .tabComboBox { width: 60px; } .tabDataConnVarEditCtrlValSelector .tabComboBox, .tabDataConnVarEditCtrlValInput { width: 150px; display: inline-block; } .tabDataConnVarEditCtrlFromLabel, .tabDataConnVarEditCtrlToLabel { vertical-align: top; } .tabDataConnVarEditCtrlValSelector.range .tabComboBox { width: 120px; } .tabDataConnVarEditCtrlFirstValSelector, .tabDataConnVarEditCtrlSecondValSelector { text-align: right; } .tabDataConnVarEditCtrlOpSelector *, .tabDataConnVarEditCtrlValSelector * { font-size: 10pt; } .tabDataConnPromptVarList .tab-list { border: 0; overflow: hidden; padding: 0; } .tabDataConnPromptVarList .tab-list-item { padding: 0; } .tabDataConnPromptVarName { border-right: 1px solid #bfbfbf; padding-left: 6px; } .tabDataConnPromptVarValue { position: absolute; left: 187px; } .tabDataConnPromptVarValue.required { font-weight: bold; color: #eb8f50; } .tabDataConnPromptVarListItemCell { display: inline-block; width: 174px; line-height: 20px; vertical-align: bottom; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabDataConnPromptAddVarBtn { width: 181px; height: 20px; padding: 0; padding-left: 6px; border: 0; text-align: left; border-right: 1px solid #bfbfbf; border-radius: 0; } .tabDataConnPromptAddVarBtn:hover, .tabDataConnPromptAddVarBtn.hover { border-color: #bfbfbf; } .tabDataConnPromptAddVarBtn .label { font-size: 10pt; font-style: italic; } .tabDataConnPromptAddVarCtrlVarSelector { width: 180px; } .tabDataConnPromptAddVarCtrlVarSelector * { font-size: 10pt; } .tabDataConnPromptAddVarCtrlVarSelector .tabComboBoxName { margin-left: 3px; } .tabDataConnPromptDeleteVarBtnArea { display: none; padding-left: 180px; } .tabDataConnPromptDeleteVarBtn .tab-iconButtonIcon { display: inline-block; } .tabDataHighlighterContainer.tab-HorizontalLayout { display: flex; } .tabDataHighlighterContainer.tab-HorizontalLayout .tab-zone-titleregion { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .tabDataHighlighterContainer.tabBordered .tab-zone-titleregion { padding: 1px 3px 0 3px; box-sizing: border-box; } .tabDataHighlighterContainer .tab-zone-titleregion { cursor: default; } .tabDataHighlighterContent { height: 20px; width: calc(100% - 2px); display: inline-block; padding-right: 1px; padding-left: 1px; } .tabDataHighlighterContainer.tabBordered .tabDataHighlighterContent { width: calc(100% - 6px); padding-right: 3px; padding-left: 3px; } .tabDataHighlighterContainer.tabBordered.tab-HorizontalLayout .tabDataHighlighterContent { padding-top: 1px; } .tabDataHighlighterView { border: 1px solid #d4d4d4; border-radius: 1px; background-color: #fff; box-sizing: border-box; } .tabDataHighlighterView:hover { border: 1px solid #666; } .tabDataHighlighterView-searchControlsContainer { position: relative; height: 18px; border: 0; } .tabDataHighlighterView .tabTextInputView { position: absolute; box-sizing: border-box; padding-left: 3px; padding-right: 23px; width: 100%; border: 0; } .tabDataHighlighterView .tabTextInputViewInputElement { color: rgba(0, 0, 0, 0.8); text-overflow: ellipsis; width: 100%; height: 18px; border: 0; padding: 0; font-size: 11px; } .tabDataHighlighterView .tabTextInputViewInputElement.tabDataHighlighterViewInactiveText { color: rgba(0, 0, 0, 0.35); } .tabDataHighlighterView .tabTextInputViewInputElement::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.35); } .tabDataHighlighterView .tabTextInputViewInputElement::-moz-placeholder { color: rgba(0, 0, 0, 0.35); } .tabDataHighlighterView .tabTextInputViewInputElement:-ms-input-placeholder { color: rgba(0, 0, 0, 0.35); } .tabDataHighlighterView .tabCompositeSearchWidget-SearchButton { position: absolute; top: 1px; right: 1px; border: 0; padding: 0; } .tabDataHighlighterView .tabCompositeSearchWidget-ClearButton { position: absolute; top: 1px; right: 1px; border: 0; padding: 0; } .tabDataHighlighterView .tabCompositeSearchWidget-ClearButton:hover { background-color: #e6e6e6; } .tabDataHighlighterView .tabCompositeSearchWidget-ClearButton:active { background-color: #d4d4d4 !important; } .tabDataHighlighterViewSearchResultList { overflow-x: hidden; overflow-y: auto; } .tabDataHighlighterViewSearchResultList .tabUberPopupContent { max-height: inherit; } .tabDataHighlighterViewSearchResultList .tab-list { max-height: inherit; box-sizing: border-box; } .tabDataHighlighterViewSearchResultList .tab-list-item { padding: 0; } .tabDataHighlighterViewSearchResultList .tab-list-item-label { padding: 3px 6px; overflow: hidden; text-overflow: ellipsis; } .tabDataHighlighterViewSearchResultList .tab-list-item.hover { background-color: transparent; } .tabDataHighlighterViewSearchResultList .tab-list-item.tabSelected { background-color: transparent; } .tabDataHighlighterViewSearchResultList .tab-list-item-spotlighted, .tabDataHighlighterViewSearchResultList .tab-list-item-spotlighted.hover { background-color: #ebebeb; } .tabDataHighlighterContainer .tabDataHighlighterMenuView { position: absolute; top: 0; right: 0; height: 16px; } .tabDataHighlighterContainer .tabDataHighlighterMenuView .tabDataHighlighterMenuButton { visibility: hidden; margin-left: 3px; margin-right: 3px; } .tabDataHighlighterContainer .tabDataHighlighterMenuView .tabDataHighlighterMenuButton:hover { cursor: pointer; } .tabDataHighlighterContainer .tabDataHighlighterMenuView .tabDataHighlighterMenuButton:hover:not(:active) { background-color: #e6e6e6; } .tabDataHighlighterContainer:hover > .tabDataHighlighterMenuView .tabDataHighlighterMenuButton { visibility: visible; } .tb-data-source-error-container { text-align: center; color: rgba(0, 0, 0, 0.8); } .tb-data-source-error { font-size: 24px; font-weight: lighter; margin-top: 35px; } .tb-data-source-error-sub { font-size: 12px; font-weight: bolder; margin-top: 6px; } .tb-data-source-btn { font-weight: bolder; margin-top: 35px; display: inline-block; padding: 0 12px; } .tb-data-source-error-message { margin-top: 18px; font-size: 11px; font-weight: bolder; resize: none; border: none; height: 120px; width: 100%; max-width: 700px; overflow: auto; } #auth-overlay .tb-data-source-error-message { text-align: left; width: 50%; } .tab-data-source-msg { text-align: center; } .tab-DownloadAsVersionContents { display: inline-block; } .tab-DownloadAsVersionButtons { margin-top: 12px; display: flex; flex-direction: row; justify-content: flex-end; } .tab-DownloadAsVersionDropdown { margin-top: 12px; } .tab-DownloadAsVersionWarning { margin-top: 12px; } .tabDownloadFileButton { display: -webkit-inline-flex; display: inline-flex; background-color: #1a699e; box-sizing: border-box; border: 1px solid #1a699e; border-radius: 2px; padding: 0 23px; height: 24px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; -webkit-align-items: center; align-items: center; cursor: default; } .tabDownloadFileButton:hover { background-color: #2a79af; } .tabDownloadFileButton:active { background-color: #15557f; } .tabDownloadFileButton:focus { border-color: #3498db; color: #fff; box-shadow: none; } .dragAvatar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; } .tab-pdfdlg-body { width: 388px; background: #fff; } .tab-pdfdlg-button-group { margin-bottom: 20px; height: 72px; } .tab-pdfdlg-select-group { float: right; overflow: hidden; margin-left: 25px; } .tab-pdfdlg-group-orientation { width: 160px; clear: left; } .tab-pdfdlg-note { font-size: 8pt; color: #333; overflow: hidden; text-overflow: ellipsis; } .tab-pdfdlg-thumbnail-button { background: no-repeat center center; padding: 0; } .tab-pdfdlg-body h3, .tab-pdfdlg-body label { font-size: 12px; margin: 0 0 5px 0; clear: left; font-weight: bold; white-space: nowrap; } .tab-pdfdlg-body p { margin: 0 0 5px 0; } .tab-pdfdlg-button-group button { border-style: solid; border-width: 1px; border-color: #d9d9d9; padding: 0; margin: 0; width: 76px; height: 72px; background-color: #fff; border-right: none; float: left; cursor: pointer; position: relative; } .tab-pdfdlg-worksheet-content-mode button, .tab-pdfdlg-story-content-mode button, .tab-pdfdlg-dashboard-content-mode button { width: 115px; min-height: 72px; height: 86px; font-size: 9pt; } .tab-pdfdlg-button-group button.selected, .tab-pdfdlg-thumbnail-button.selected { background-color: #e6f7fe; } .tab-pdfdlg-button-group button.selected + button { border-left: 1px solid #bfecfe; } .tab-pdfdlg-button-group button.selected.right { border-right: 1px solid #bfecfe; } .tab-pdfdlg-button-group button.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #d9d9d9; } .tab-pdfdlg-button-group button.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #d9d9d9; } .tab-pdfdlg-body ul { margin: 0; padding: 0; white-space: nowrap; } .tab-pdfdlg-body li { display: inline-block; list-style-type: none; height: 72px; position: relative; } .tab-pdfdlg-body li { display: inline; } .tab-pdfdlg-body li button, .tab-pdfdlg-body li button.selected { border-style: solid; border-width: 1px; border-color: #e4e4e4; margin: 1px; width: 76px; height: 72px; } .tab-pdfdlg-selector { width: 100%; margin-bottom: 12px; } .tab-pdfdlg-sheets-container { overflow-x: auto; overflow-y: hidden; margin-bottom: 0; } .tab-pdfdlg-sheets-container button { float: none; } .tab-dialog-status-msg { font-size: 12px; } .tab-pdfdlg-spinner { vertical-align: middle; } .tab-pdfdlg-worksheet-content-mode { visibility: hidden; } .tab-pdfdlg-dashboard-content-mode, .tab-pdfdlg-story-content-mode { display: none; } .tab-pdfdlg-checkmark { cursor: pointer; width: 21px; height: 20px; position: absolute; top: 0; left: 0; } .tab-pdfdlg-button-icon { display: inline-block; } .tab-pdfdlg-thumbnail { width: 62px; height: 52px; } .tab-pdfdlg-landscape-icon { margin-top: 8px; margin-bottom: 8px; } .tab-pdfdlg-portrait-icon { margin-bottom: 3px; } .tab-pdfdlg-body .tab-text-button.export { margin-left: 6px; } .dlgDownloads { margin-bottom: 5px; } .tab-pdfdlg-body select { width: 180px; margin-top: 5px; font-size: 12px; } .tab-pdfdlg-body option { font-size: 12px; } .tabFlipboard { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tabFlipboard.tabDropTarget.tabFlipboardDropHighlight { background-color: #e1e1e1; } .tabStoryUberMenuBoundingBox { position: absolute; } .tabReplaceStoryFeedbackBackground { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #b4b4b4; opacity: 0.5; } .tabReplaceMessage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; padding: 15px; border: solid 1px; background-color: #fff; text-align: center; font-size: x-large; z-index: 1; } .tabFlipboardNav { overflow: hidden; white-space: nowrap; text-align: center; position: absolute; left: 0; right: 0; } .tabFlipboardNavScroller { display: inline-block; overflow: hidden; position: relative; } .tabFlipboardNavPoints { display: inline-block; text-align: left; } .tabFlipboardNavPrevious, .tabFlipboardNavNext { display: inline-block; cursor: default; position: relative; } .tabFlipboardNavPrevious { margin: 0 10px 0 5px; } .tabFlipboardNavNext { margin: 0 5px 0 10px; } .tabFlipboardNavPrevious .tabStoryLeftArrow, .tabFlipboardNavNext .tabStoryRightArrow { opacity: 0.3; filter: alpha(opacity=30); position: relative; } .FloatingZoomToolbar { position: absolute; top: 10px; left: 10px; z-index: 21; } .fztButtonContainer, .fztFlyOutButtons { background-color: #f5f5f5; opacity: 0.85; border-style: solid; border-color: #b2b2b2; border-width: 1px; -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1); } .fztButtonContainer { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .fztFlyOutButtons { padding: 3px; padding-left: 2px; -webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 1px; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .fztButtonContainer .fztButton { display: block; } .fztFlyOutButtons, .fztFlyOutButtons .fztButton { display: inline-block; } .fztFlyOutContainer { position: absolute; display: inline-block; } .fztButton { margin-left: 1px; border-style: solid; border-color: #f5f5f5; border-width: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-background-clip: padding-box !important; } .fztButton.hover, fztButton.pressed, .fztButton.selected { border-color: #b2b2b2; } .fztButton.selected, fztButton.pressed, fztButton.hover.pressed { background-color: #e6e6e6; opacity: 1; } [tabindex]:focus, body:focus, input:focus, textarea:focus, button:focus, select:focus, a:focus { outline: none; } body:focus { box-shadow: none !important; } #toolbar-container :focus, #tabs :focus, .CFOuterContainer :focus { outline: none; } #toolbar-container :focus-visible, #tabs :focus-visible, .CFOuterContainer :focus-visible { box-shadow: inset 0 0 0 1px #3498db; } #dashboard-viewport :focus-visible[tabindex]:not([tabindex^="-"]) { box-shadow: inset 0 0 0 1px #3498db; } #dashboard-viewport :focus-visible.tab-tvView > .tvViewportBorders > .tvViewportBorder { display: block; background-color: #3498db; } .tab-tiledViewer :focus-visible { box-shadow: inset 0 0 0 1px #3498db; z-index: 1; } .tab-zone .tab-custom-button:focus-visible::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; box-shadow: inset 0 0 0 1px #3498db; pointer-events: none; } .tabGotoMyLocationButtonContainer { position: absolute; width: 26px; height: 26px; border: 1px solid #b2b2b2; background-color: #f5f5f5; box-shadow: 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px rgba(0, 0, 0, 0.1); border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; opacity: 0.85; z-index: 21; display: none; } .tabGotoMyLocationButtonContainer:hover { border: 1px solid #666; } .tabGotoMyLocationButtonContainer > .tabGotoMyLocationButton { position: absolute; border: 0; } .tabGotoMyLocationButtonContainer > .tabGotoMyLocationButton:active { background-color: #f4f5f5; } .tab-emptyImagePlaceholder { overflow: hidden; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; white-space: normal; width: 100%; color: rgba(0, 0, 0, 0.8); } .tab-centeredImageWrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tabLegendPanel .tabLegendTitleControls, .LegendPanel .tabLegendTitleControls { position: absolute; display: inline-block; top: 0; right: 0; height: 16px; z-index: 1; line-height: 0; } .tabLegendPanel .tabLegendTitleControls .tabLegendContextMenuButton, .LegendPanel .tabLegendTitleControls .tabLegendContextMenuButton { display: inline-block; margin-left: 3px; margin-right: 3px; } .tabLegendPanel .tabLegendTitleControls .tabLegendContextMenuButton:hover, .LegendPanel .tabLegendTitleControls .tabLegendContextMenuButton:hover { cursor: pointer; background-color: #e6e6e6; } .tabLegendPanel .tabLegendTitleControls .tabLegendContextMenuButton:active, .LegendPanel .tabLegendTitleControls .tabLegendContextMenuButton:active { background-color: #d4d4d4; } .tab-dialog.tabLoginDialog { max-width: 900px; } .tabLoginDialog .tab-dialogBodyContainer { padding: 0; } .tab-MapScale { position: absolute; right: 10px; bottom: 11px; height: 10px; border-bottom: 1px solid; border-left: 1px solid; cursor: default; z-index: 11; } .tab-MapScaleOuterHalo { position: absolute; bottom: -2px; left: -2px; width: calc(100% - 1px); height: 9px; padding: 1px; border-bottom: 1px solid; border-left: 1px solid; } .tab-MapScaleInnerHalo { position: absolute; bottom: 0; width: calc(100% - 1px); height: 9px; border-bottom: 1px solid; border-left: 1px solid; } .tab-MapScaleReadout { position: absolute; right: 0; bottom: 0; white-space: nowrap; } .tabMapsSearchContainer { width: 270px; height: 28px; top: 10px; left: 10px; position: absolute; display: inline-block; z-index: 22; } .tabMapsSearchContainer.tabMapsSearchContainerCollapsed { width: 26px; } .tabMapsSearchViewTranslucent { opacity: 0.85; } .tabMapsSearchView { width: 234px; border: 1px solid #b2b2b2; background-color: #fff; box-shadow: 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px rgba(0, 0, 0, 0.1); border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; display: inline-block; z-index: 22; } .tabMapsSearchView:hover { border: 1px solid #666; } .tabMapsSearchView .tabMapsSearchView-searchControlsContainer { position: relative; height: 26px; border: 0; } .tabMapsSearchView .tabTextInputView { position: absolute; left: 32px; margin-top: 2px; width: 200px; border: 0; } .tabMapsSearchView .tabTextInputViewInputElement { font-size: 10pt; color: #b2b2b2; text-overflow: ellipsis; width: 192px; height: 22px; border: 0; padding: 0; } .tabMapsSearchView .tabTextInputViewInputElement:focus { color: #323232; } .tabMapsSearchView .tabTextInputViewInputElement.tabMapsSearchViewInitialText { color: #ccc; } .tabMapsSearchView .tabCompositeSearchWidget-SearchButton { position: absolute; border: 0; } .tabMapsSearchView .tabCompositeSearchWidget-SearchButton:active { background-color: #f4f5f5 !important; } .tabMapsSearchView .tabCompositeSearchWidget-ClearButton { visibility: hidden; } .tabMapsSearchView .tab-list { position: relative; background-color: inherit; border: 0; border-top: 1px solid #666; cursor: pointer; } .tabMapsSearchView .tab-list-itemHolder { margin: 1px; } .tabMapsSearchView .tab-list-item { padding-top: 6px; padding-bottom: 6px; padding-left: 12px; border: 0; } .tabMapsSearchView .tab-list-item:hover { background-color: #f4f5f5; } .tabMapsSearchView .tab-list-item-spotlighted { background-color: #e6e6e6; } .tabMapsSearchView .tab-list-item-spotlighted:hover { background-color: #e6e6e6; } .tabMapsSearchView .tab-list-item-label { width: 206px; text-overflow: ellipsis; overflow: hidden; display: inline-block; color: #b2b2b2; } .tabMapsSearchView .tabMapsSearchViewSuggestionDisplayName { font-size: 10pt; color: #323232; } .tabMapsSearchView .tabMapsSearchViewSuggestionActiveSearchText { font-weight: bold; } .tabMapsSearchView .tabMapsSearchViewSuggestionParentName { font-size: 9pt; color: #b2b2b2; margin-left: 4px; } .tabMapsSearchViewCollapsed { top: 10px; right: 10px; width: 26px; height: 26px; padding-bottom: 0; } .tabMapsSearchViewCollapsed .tabMapsSearchView-searchControlsContainer { position: relative; margin: 0; background-color: #f5f5f5; width: 26px; height: 26px; } .tabMapsSearchViewCollapsed .tabTextInputView { display: none; } .tabMapsSearchViewCollapsed .tab-list { display: none; } .tabAuthSaveButtons { text-align: right; margin-top: 15px; } .tabAuthSaveOption input { margin-left: 0; padding-left: 2px; margin-right: 8px; } .tabAuthSaveNameRowValue input { box-sizing: border-box; width: 100%; padding: 2px; border: 1px solid #e1e1e1; } .tabAuthSave { width: 315px; } .tabAuthSave * { font-size: 12px; } .tabAuthSaveLabel { margin-right: 10px; } .tabAuthSaveProjects { margin-right: -3px; } .tabAuthSaveProjects .tabComboBoxName { margin-left: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 225px; } .tabAuthSaveOption input, .tabAuthSaveOption span { vertical-align: middle; } .tabAuthSaveLayoutTable { width: 100%; } .tabAuthSaveLayoutTable td.tabAuthSaveProject { padding-top: 5px; } .tabAuthSaveLayoutTable td.tabAuthFirstSaveOption { padding-top: 9px; } .tabAuthSaveWarning { position: relative; } .tabAuthSaveWarningText { margin: 0 0 10px 25px; } .tabAuthSaveWarningIcon { position: absolute; top: 0; left: 0; } .tabAuthSaveShowTabsCheck { margin-top: 2px; } .tabAuthSaveSaveButton { margin-left: 6px; } .tabAuthSelectProjectPicker { margin-bottom: 6px; } .tabNotification { position: fixed; top: 27px; background-color: #ffa; border: 1px solid #ccc; padding: 6px; margin: 0 auto 12px auto; left: 50%; width: 400px; z-index: 1001; display: -webkit-flex; display: flex; } .tabNotificationMessage { color: rgba(0, 0, 0, 0.8); line-height: 16px; font-size: 12px; -webkit-flex-grow: 1; flex-grow: 1; -webkit-align-self: center; align-self: center; } .tabNotificationClose { cursor: pointer; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 6px; } .tab-overlay-panel { left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background-color: #eee; } .tab-parameter.tabBordered .ParamTitle { padding: 1px 3px 0 3px; box-sizing: border-box; } .tab-parameter .PCContent { padding-left: 1px; padding-right: 1px; } .tab-parameter.tabBordered .PCContent { padding-left: 3px; padding-right: 3px; } .tab-parameter .PCContent { overflow-x: hidden; overflow-y: auto; } .tab-parameter .PCContent .TypeInDiv { margin-left: 0; margin-right: 0; } .tab-parameter .tableauWidgetUiTypeIn .TypeInDiv .TypeInQuerySpan { padding-left: 1px; } .tab-parameter .tableauWidgetUiTypeIn .TypeInDiv .TypeInQuerySpan .QueryBox { height: 100%; line-height: 100%; } .tab-parameter .PCContent .tabComboStdTheme.tabComboBoxNoIcon .tabComboBoxName { margin-left: 3px; } .tableau .tab-parameter .tableauWidgetUiSlider { overflow: hidden; } .tableau .tab-parameter .tableauWidgetUiSlider .sliderTextReadout { margin-left: 0; margin-right: 0; } .tab-parameter .ParamTitle { overflow: hidden; cursor: default; } .tab-parameter .tabComboBoxButton { background: none !important; height: 10px !important; width: 10px !important; } .ParameterControlBox .HideControls .PCMenuButton { display: none; } .ParameterControlBox .PCMenuButton { position: absolute; top: 0; right: 2px; pointer-events: all; } .ParameterControlBox .PCMenuButton .wcIconContextMenu.hover, .ParameterControlBox .PCMenuButton .wcIconContextMenu.selected { cursor: pointer; background-color: #e6e6e6 !important; } .tab-dialog.pres_model_browser_dialog .tab-dialogTitleBar { background: #f8e8c8; } .tab-dialog.pres_model_browser_dialog.active .tab-dialogTitleBar { background: #e8d8b8; } .pres_model_browser_dialog .tab-dialogTitleBar .tab-dialogTitle { font-size: 15px; } .pres_model_browser_dialog .tab-dialogBodyContainer { background: #fec; padding: 0; position: absolute; top: 33px; bottom: 0; left: 0; right: 0; overflow: hidden; } .pres_model_browser { background: #fec; font-family: Consolas, Monaco, Courier New, Courier, monospace, sans-serif; font-size: 12px; display: flex; flex-direction: column; padding: 10px 0 0 10px; box-sizing: border-box; } .pres_model_controls { flex-shrink: 0; padding: 0 10px 3px 0; } .pres_model_controls input, .pres_model_controls button { float: left; } .pres_model_controls button.pres_model_expand { float: right; } .pres_model_tree_scroll { width: 100%; flex-shrink: 1; overflow-y: auto; overflow-x: hidden; } .pres_model_browser .jstree-default.jstree-focused { background: #fec; } .pres_model_browser .jstree-default a.jstree-search { color: #000; font-weight: bold; } .pres_model_browser .jstree li { margin-left: 0; padding-left: 24px; white-space: normal; } .pres_model_browser .jstree a { white-space: normal; word-wrap: break-word; overflow-wrap: break-word; min-height: 16px; height: auto; display: inline; } .pres_model_browser .jstree > ul > li { padding-left: 24px; text-indent: -24px; } .tab-publicInfoView { text-align: center; box-sizing: border-box; max-width: 400px; padding: 12px; } .tab-moreAboutPublicSection { display: block; padding: 6px; color: rgba(0, 0, 0, 0.8); background-color: #d4d4d4; border: 1px solid #d4d4d4; cursor: pointer; text-decoration: none; } .tab-moreAboutPublicSection:hover, .tab-moreAboutPublicSection:focus { background-color: #d4d4d4; border-color: #666; color: rgba(0, 0, 0, 0.8); text-decoration: none; } .tab-moreAboutPublicSection:focus { box-shadow: inset 0 0 0 1px #3498db; } .tab-moreAboutPublicSection:active { background-color: #666; border-color: #666; color: #fff; text-decoration: none; } .tab-viewAndAuthorInfoSection { padding: 6px; margin-top: 12px; } .tab-quick-filter.tabBordered .QFTitle, .tab-quick-filter.tabBordered .QFMTitle, .tab-quick-filter.tabBordered .FilterTitle { padding: 1px 3px 0 3px; box-sizing: border-box; } .tab-quick-filter .FilterTitle { overflow: hidden; } .QFTitle, .QFMTitle, .FilterTitle { cursor: default; } .QuickFilterPanel .TitleAndControls button { cursor: pointer; } .QuickFilterPanel .TitleAndControls .tab-quickFilterButtonDisabled { background: transparent; } .QuickFilterPanel .TitleAndControls .tab-quickFilterButtonDisabled .wcIconNonfiltered { opacity: 0.35; } .QuickFilterPanel .TitleAndControls .tab-quickFilterButtonDisabled .wcIconSetAllIncluded { opacity: 0.35; } .vizDisabled { background: rgba(255, 255, 255, 0.75); display: none; min-height: 100%; min-width: 100%; position: absolute; } .RelativeDateFilter { overflow: hidden; } .RelativeDateFilterBox { overflow: hidden; font-size: 11px; } .tableau .QuickFilterPanel .RelativeDateFilterBox .dijitDropDownButton { padding-left: 1px; padding-right: 1px; } .tableau .tabBordered .QuickFilterPanel .RelativeDateFilterBox .dijitDropDownButton { padding-left: 3px; padding-right: 3px; } .tableau .tabBordered .QuickFilterPanel .RDFHorizontal .RelativeDateFilterBox .dijitDropDownButton { padding-top: 1px; } .RelativeDateFilterBox .dijitButtonNode { padding: 0; width: 100%; height: 18px; background-color: rgba(255, 255, 255, 0.5); color: #000; border: solid 1px rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2) !important; border-radius: 1px; } .RelativeDateFilterBox .dijitButtonNode:active { background-color: #d4d4d4; } .RelativeDateFilterBox .dijitButtonNode .dijitArrowButtonInner { position: relative; left: 3px; width: 11px; height: 12px; background: none !important; } .RelativeDateFilterBox .dijitButtonNode:hover { border-color: rgba(0, 0, 0, 0.6) !important; } .RelativeDateFilterBox .dijitButtonNode.tab-ctrl-formatted-darker-border-focus:focus-within { border-color: rgba(0, 0, 0, 0.6) !important; } .RelativeDateFilterBox .dijitButtonNode .dijitButtonContents { width: 100%; height: 18px; } .RelativeDateFilterBox .dijitButtonNode .dijitButtonContents .dijitButtonText { display: inline-block; position: relative; left: -2px; text-align: left; padding: 0; font-size: 11px; overflow: hidden; text-overflow: ellipsis; } .tableau .dijitPopup > div { opacity: 1; } .tableau .dijitTooltipDialog .dijitTooltipContainer { padding: 0; background: none; border: 0; -webkit-border-radius: 0; } .dj_safari .tableau .dijitTooltipFocusNode { margin-right: 0; } .tableau .dijitTooltipDialog .dijitTooltipContainer .dijitTooltipFocusNode { padding: 0; outline-style: none; } .tableau .dijitTooltipDialog .dijitTooltipConnector { display: none; } .tableau .dijitTooltipDialog.dijitTooltipABLeft { margin-left: 0; } .tableau .dijitTooltipDialog.dijitTooltipABRight { margin-right: 0; } .tableau .dijitTooltipDialog.dijitTooltipBelow { padding-top: 0; margin-top: 0; } .tableau .dijitTooltipDialog.dijitTooltipAbove { padding-bottom: 0; margin-bottom: 0; } .RelativeDateFilterDialog { width: 420px; height: 140px; border: solid 1px #606060; border-radius: 1px; font-size: 11px; overflow: hidden; background-color: #fff; padding: 4px 2px 4px 6px; } .RelativeDateFilterDialog .RangeButtonsBar { margin-bottom: 7px; } .RelativeDateFilterDialog .column1, .RelativeDateFilterDialog .column2 { height: 23px; padding: 0 2px; margin: 0; } .RelativeDateFilterDialog .column1 *, .RelativeDateFilterDialog .column2 * { vertical-align: middle; } .RelativeDateFilterDialog .column1 { float: left; width: 145px; } .RelativeDateFilterDialog .column2 { float: right; width: 210px; } .RelativeDateFilterDialog .column1 .rradio { margin-left: -20px; } .RelativeDateFilterDialog .column2 .rradio { margin-left: -40px; } .RelativeDateFilterDialog .rradio { opacity: 0; position: relative; top: -2px; left: 20px; width: 14px; height: 14px; z-index: 2; } .RelativeDateFilterDialog .fakeRadio { position: relative; display: inline-block; left: 2px; margin-right: 3px; border: none; background-color: transparent; visibility: visible; overflow: visible; } .RelativeDateFilterDialog .rradio:focus-visible ~ .fakeRadio::before { content: " "; display: block; position: relative; left: 1px; top: 1px; width: 13px; height: 13px; box-shadow: 0 0 4px 0 #3498db; border: 1px solid #3498db; box-sizing: border-box; border-radius: 100%; } .RelativeDateFilterDialog .rlabel { line-height: 23px; padding-left: 4px; margin-right: 5px; cursor: default; } .RelativeDateFilterDialog .rtext { position: relative; outline: none; border: 1px solid #cbcbcb; border-radius: 1px; } .RelativeDateFilterDialog .rtext:focus { border-color: #3498db; box-shadow: 0 0 4px 0 #3498db; } .RelativeDateFilterDialog .alignLN { display: inline-block; } .dj_ie .RelativeDateFilterDialog .alignLN { display: inline; width: 26px; } .RelativeDateFilterDialog .vertSpacer { clear: both; width: 415px; height: 6px; } .RelativeDateFilterDialog .topHR { border-top: solid 1px #b0b0b0; } .RelativeDateFilterDialog .bottomHR { border-top: solid 1px #b0b0b0; } .RelativeDateFilterDialog .dijitButtonNode { height: 18px; border-radius: 2px; background: #fff; color: #000; padding: 0; margin: 0; margin-right: 3px; border-color: transparent; outline-style: none; overflow: hidden; } .RelativeDateFilterDialog .dijitToggleButtonHover .dijitButtonNode, .RelativeDateFilterDialog .dijitToggleButtonActive .dijitButtonNode { border-color: #666; } .RelativeDateFilterDialog .dijitToggleButtonChecked .dijitButtonNode { background-color: #d4d4d4; border-color: #666; } .RelativeDateFilterDialog.focus-visible .dijitToggleButtonFocused .dijitButtonNode { border-color: #3498db; box-shadow: 0 0 4px 0 #3498db; } .RelativeDateFilter .dijitButtonNode .dijitButtonContents, .RelativeDateFilterDialog .dijitButtonNode .dijitButtonContents { outline: none; height: 100%; } .RelativeDateFilterDialog .dijitButtonText { padding: 0; font-size: 11px; } .RelativeDateFilterDialog .preview { clear: both; text-align: center; padding-top: 4px; } .tableau .spinner { display: inline-block; position: relative; height: 20px; width: 10px; } .tableau .spinner .spinnerElement { position: absolute; left: 1px; width: 8px; height: 8px; border: 1px solid #fff; overflow-y: hidden; } .tableau .spinner .spinnerUp { top: 1px; } .tableau .spinner .spinnerDown { top: 11px; } .tableau .spinner .spinnerUp.hover, .tableau .spinner .spinnerDown.hover { border: 1px solid #666; } .RDFButton { position: absolute; top: 0; border-radius: 1px; } .RDFButton:hover { background-color: #e6e6e6 !important; } .RDFButtonR1 { right: 0; } .RDFButtonHide { display: none; } .RDFHideButtons .RDFButton, .RDFHorizontal .RDFButton { display: none; } .RDFButton.RDFMenuButton .dijitButtonText { display: none; } .RDFButton .dijitButtonNode { padding: 0; border: 1px transparent; width: 16px; height: 15px; background: transparent; } .tab-RuntimeDebugStatus { background-color: rgba(0, 255, 144, 0.3); padding: 0.5em 1em; position: absolute; top: 0; right: 0; width: 70px; } .tab-RuntimeDebugStatus.no-runtime { background-color: rgba(144, 144, 144, 0.3); } .tab-RuntimeDebugStatus.pending-runtime { background-color: rgba(255, 216, 0, 0.3); } .tab-vizHeader { overflow: hidden; } .tab-vizHeaderFieldLabel { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tab-vizHeaderHolder { position: relative; } .tab-vizHeaderHolderWrapper { overflow: hidden; } .tab-vizHeaderLabelContainer { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; box-sizing: border-box; } .tab-vizHeaderWrapper { position: absolute; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .tab-vizHeaderNonSkippedWrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: inherit; position: absolute; pointer-events: none; overflow: hidden; } .tab-vizHeaderNonSkippedWrapperUpward { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: inherit; position: absolute; pointer-events: none; overflow: hidden; -webkit-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -moz-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -o-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -ms-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); } .tab-vizHeaderNonSkippedWrapperDownward { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: inherit; position: absolute; pointer-events: none; overflow: hidden; -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -moz-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -o-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -ms-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); } .tab-fieldLabelContainer { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative; } .tab-vizAxisHolderWrapper { overflow: hidden; position: relative; } .tab-vizAxisWrapper { float: left; position: absolute; } .tab-vizAxisWrapper:hover { background-color: #f5f5f5; } .tab-vizAxisTickLabel { pointer-events: none; } .tab-horizontalTickLabelAligner { position: absolute; pointer-events: none; } .tab-leftMarginUpwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(50%, -50%) rotate(-90deg) translate(-50%, -50%); -moz-transform: translate(50%, -50%) rotate(-90deg) translate(-50%, -50%); -o-transform: translate(50%, -50%) rotate(-90deg) translate(-50%, -50%); -ms-transform: translate(50%, -50%) rotate(-90deg) translate(-50%, -50%); transform: translate(50%, -50%) rotate(-90deg) translate(-50%, -50%); } .tab-topMarginUpwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(-50%, 50%) rotate(-90deg) translate(50%, 50%); -moz-transform: translate(-50%, 50%) rotate(-90deg) translate(50%, 50%); -o-transform: translate(-50%, 50%) rotate(-90deg) translate(50%, 50%); -ms-transform: translate(-50%, 50%) rotate(-90deg) translate(50%, 50%); transform: translate(-50%, 50%) rotate(-90deg) translate(50%, 50%); } .tab-bottomOrRightMarginUpwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -moz-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -o-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); -ms-transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%); } .tab-leftMarginDownwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(50%, -50%) rotate(90deg) translate(50%, 50%); -moz-transform: translate(50%, -50%) rotate(90deg) translate(50%, 50%); -o-transform: translate(50%, -50%) rotate(90deg) translate(50%, 50%); -ms-transform: translate(50%, -50%) rotate(90deg) translate(50%, 50%); transform: translate(50%, -50%) rotate(90deg) translate(50%, 50%); } .tab-topMarginDownwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(-50%, 50%) rotate(90deg) translate(-50%, -50%); -moz-transform: translate(-50%, 50%) rotate(90deg) translate(-50%, -50%); -o-transform: translate(-50%, 50%) rotate(90deg) translate(-50%, -50%); -ms-transform: translate(-50%, 50%) rotate(90deg) translate(-50%, -50%); transform: translate(-50%, 50%) rotate(90deg) translate(-50%, -50%); } .tab-bottomOrRightMarginDownwardTickLabelAligner { position: absolute; pointer-events: none; -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -moz-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -o-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); -ms-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); } .tab-vizAxisTickLabelContent { text-overflow: ellipsis; white-space: nowrap; pointer-events: none; } .tab-axisTitleContainer { position: absolute; pointer-events: none; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center; } .tab-singleLineAxisTitle { pointer-events: none; overflow: hidden; } .tab-multiLineAxisTitle { pointer-events: none; overflow: hidden; overflow-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; } .tab-vizLeftSceneMargin { display: -webkit-flex; display: flex; position: absolute; } .tab-vizRightSceneMargin { display: -webkit-flex; display: flex; position: absolute; } .tab-vizBottomSceneMargin { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; } .tab-vizTopSceneMargin { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; } .tab-tvBottomAxisInteraction { position: absolute; } .tab-tvLeftAxisInteraction { position: absolute; } .tab-tvTopAxisInteraction { position: absolute; } .tab-tvRightAxisInteraction { position: absolute; } .tab-tvXLabelInteraction { position: absolute; } .tab-tvYLabelInteraction { position: absolute; } .tab-vizNonScrollableHolderContainer { position: absolute; top: 0; left: 0; width: 0; height: 0; } .tab-vizBorders { position: absolute; top: 0; left: 0; background: transparent; pointer-events: none; } .sortIndLeft { position: absolute; } .sortIndSolidLeft { position: absolute; } .sortIndRight { position: absolute; } .sortIndSolidRight { position: absolute; } .headerInsertMarkLeft { left: 0%; width: 2px; background-color: #000; position: absolute; z-index: 1; } .headerInsertMarkRight { left: 100%; width: 2px; background-color: #000; position: absolute; z-index: 1; } .headerInsertMarkLeft::before, .headerInsertMarkRight::before { border: solid; position: absolute; top: 0%; content: ""; border-color: #000 transparent transparent transparent; border-width: 4px 4px 0 4px; margin: 0 0 0 -3px; } .headerInsertMarkLeft::after, .headerInsertMarkRight::after { border: solid; position: absolute; bottom: 0%; content: ""; border-color: transparent transparent #000 transparent; border-width: 0 4px 4px 4px; margin: 0 0 0 -3px; } .headerInsertMarkAbove { top: 0%; height: 2px; background-color: #000; position: absolute; z-index: 1; } .headerInsertMarkBelow { top: 100%; height: 2px; background-color: #000; position: absolute; z-index: 1; } .headerInsertMarkAbove::before, .headerInsertMarkBelow::before { border: solid; position: absolute; left: 100%; content: ""; border-color: transparent #000 transparent transparent; border-width: 4px 4px 4px 0; margin: -3px 0 0 -4px; } .headerInsertMarkAbove::after, .headerInsertMarkBelow::after { border: solid; position: absolute; right: 100%; content: ""; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 4px; margin: -3px -4px 0 0; } .tabScroller { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tabScroller.tabScrollerIScroll.tabScroller.tabScrollerCanScrollY { overflow-y: hidden; } .tabScrollerContent { display: block; } .tabScroller.tabScrollerCanScrollX > .tabScrollerContent { display: inline-block; } .iScrollVerticalScrollbar { position: absolute; top: 0; bottom: 0; right: 0; } .iScrollVerticalScrollbar > .iScrollIndicator { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: none; border-radius: 5px; } .iScrollHorizontalScrollbar { position: absolute; left: 0; bottom: 0; right: 0; } .iScrollHorizontalScrollbar > .iScrollIndicator { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: none; border-radius: 5px; } .iScrollVerticalScrollbar, .iScrollHorizontalScrollbar { visibility: hidden; } .tabScrolling > .iScrollVerticalScrollbar, .tabScrolling > .iScrollHorizontalScrollbar { visibility: visible; } .iScrollVerticalScrollbar.noScroll, .iScrollHorizontalScrollbar.noScroll, .tabScrolling > .iScrollVerticalScrollbar.noScroll, .tabScrolling > .iScrollHorizontalScrollbar.noScroll { visibility: hidden; } .tabCustomScroller { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tabCustomScroller .tabScrollerContent { position: relative; display: block; } .tabCustomScroller .tabScrollerCanScrollX .tabScrollerContentWindow { bottom: 9px; } .tabCustomScroller .tabScrollerCanScrollY .tabScrollerContentWindow { right: 9px; } .tabCustomScroller .tabScrollerContentWindow { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .tabCustomScroller .tabScroller.tabScrollerCanScrollX > .tabScrollerContent { display: inline-block; } .tabCustomScroller .tabVerticalScrollbar { position: absolute; top: 0; bottom: 0; right: 0; width: 9px; } .tabCustomScroller .tabVerticalScrollbar > .tabScrollbarIndicator { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: none; border-radius: 5px; } .tabCustomScroller .tabHorizontalScrollbar { position: absolute; left: 0; bottom: 0; right: 0; height: 9px; } .tabCustomScroller .tabHorizontalScrollbar > .tabScrollbarIndicator { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: none; border-radius: 5px; } .tabCustomScroller .tabVerticalScrollbar, .tabCustomScroller .tabHorizontalScrollbar { visibility: hidden; } .tabCustomScroller.tabScrolling > .tabVerticalScrollbar, .tabCustomScroller.tabScrolling > .tabHorizontalScrollbar { visibility: visible; } .tabCustomScroller .tabVerticalScrollbar.noScroll, .tabCustomScroller .tabHorizontalScrollbar.noScroll, .tabCustomScroller.tabScrolling > .tabVerticalScrollbar.noScroll, .tabCustomScroller.tabScrolling > .tabHorizontalScrollbar.noScroll { visibility: hidden; } body { scrollbar-base-color: #fff; scrollbar-track-color: #f5f5f5; scrollbar-face-color: #e1e1e1; scrollbar-highlight-color: #e1e1e1; scrollbar-3dlight-color: #e1e1e1; scrollbar-shadow-color: #e1e1e1; scrollbar-darkshadow-color: #e1e1e1; } ::-webkit-scrollbar { border-radius: 1px; } ::-webkit-scrollbar-track { border-radius: 1px; } :hover::-webkit-scrollbar-track, .tab-tiledViewer ::-webkit-scrollbar-track { background-color: #f5f5f5; } ::-webkit-scrollbar-corner { background-color: transparent; } ::-webkit-scrollbar-thumb { border-radius: 1px; } :hover::-webkit-scrollbar-thumb, .tab-tiledViewer ::-webkit-scrollbar-thumb { background-color: #e1e1e1; } ::-webkit-scrollbar-thumb:hover { background-color: #cbcbcb; } ::-webkit-scrollbar-thumb:active { background-color: #b4b4b4; } .tab-shareView { box-sizing: border-box; max-width: 400px; padding: 12px; } .tab-shareInput { margin-bottom: 12px; margin-top: 6px; width: 100%; } .tab-shareViewStateSection { margin-bottom: 12px; margin-top: 10px; text-align: center; } .tab-shareLinkButtons { text-align: right; } .tab-shareIconButton { cursor: pointer; display: inline-block; vertical-align: bottom; } .tab-shareIconButton.tab-shareSocialMail, .tab-shareIconButton.tab-shareSocialTwitter { margin-right: 6px; } .tab-shareMailIcon { margin-bottom: -3px; display: inline-block; } .tab-reconnect-sheetWidget { margin-left: 18px; margin-top: 18px; text-align: center; } .tab-reconnect-sheetWidget-title { font-size: 18px; font-weight: bold; margin-bottom: 18px; } .tab-reconnect-sheetWidget-editing-not-supported { margin-top: 12px; } .tabStoryPoint { display: inline-block; overflow: hidden; margin: 0 1px 1px 1px; position: relative; vertical-align: top; } .tabStoryPoint.tabFirstPoint { margin-left: 0; } .tabStoryPoint.tabLastPoint { margin-right: 0; } .tabStoryPointDot { margin: 0 3px 1px 3px; } .tabStoryPointToolbar { position: absolute; left: 0; right: 0; top: 0; height: 20px; } .tabStoryPointToolbar .tab-iconButton { position: absolute; bottom: 0; left: 3px; right: 22px; top: 0; width: 20px; } .tabStoryPointToolbar .tab-iconButton.small { left: 0; right: 0; } .tabStoryRevert .tab-iconButton.tab-enabled .tabStoryRevertSmallIcon, .tabStoryUpdate .tab-iconButton.tab-enabled .tabStoryUpdateSmallIcon { margin-top: 5px; display: inline-block; } .tabStoryRevert .tab-iconButton.tab-enabled, .tabStoryUpdate .tab-iconButton.tab-enabled { width: 13px; } .tabStoryPoint:hover .tabStoryDelete .tab-iconButton.tab-enabled .tabStoryDeleteSmallIcon { display: inline-block; } .tabStoryDelete .tab-iconButton.tab-enabled .tabStoryDeleteSmallIcon { display: none; } .tabStoryDelete .tab-iconButton.tabDeleteIconCaption, .tabStoryDelete .tab-iconButton.tabDeleteIconNumber { left: auto; right: 0; } .tabStoryDelete .tab-iconButton.tabDeleteIconCaption .tabStoryDeleteSmallIcon, .tabStoryDelete .tab-iconButton.tabDeleteIconNumber .tabStoryDeleteSmallIcon { margin: 6px 0 0 9px; } .tabStoryDelete .tab-iconButton.tabDeleteIconDot { left: 0; } .tabStoryDelete .tab-iconButton.tabDeleteIconDot .tabStoryDeleteSmallIcon { margin: 6px 4.5px 0 4.5px; } .tabStoryPointCaption { position: absolute; bottom: 0; left: 0; right: 0; top: 20px; cursor: default; overflow: hidden; } .tabStoryPointCaption .tabStoryPointCaptionTop, .tabStoryPointCaption .tabStoryPointCaptionBottom { position: absolute; left: 0; right: 0; height: 9px; z-index: 2; -webkit-transform: translate3d(0, 0, 0); } .tabStoryPointCaptionTop { top: 0; } .tabStoryPointCaptionBottom { bottom: 0; } .tabStoryPointCaption .tabScroller { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .tabStoryPointCaption .tabStoryPointContent { text-align: left; white-space: pre-wrap; word-wrap: break-word; } .tabStoryPointCaption.tabDropTarget.tabStoryPointPlaceholderHighlight { border-color: #d16b36; background-color: #fcede2; } .tabStoryPointCaption.tabDropTarget.tabStoryPointHighlight { border-color: #3b56a6; } .tabStoryPointCaption .tabStoryPointContent.centered { text-align: center; } .tabFormatted .tabStoryPointCaption .tabCustomScroller .tabScrollerContentWindow { position: absolute; width: inherit; } .tabFormatted .tabStoryPointCaption .tabCustomScroller .tabScrollerContentWindow.scrollable { bottom: 9px; left: 9px; right: 9px; top: 9px; } .tabFormatted .tabStoryPointCaption .tabCustomScroller .tabScrollerContentWindow.centeredVertically { display: flex; flex-direction: column; justify-content: center; } .tabFormatted .tabStoryPointCaption .tabStoryPointContent { padding: 0; } .tabFormatted .tabStoryPointCaption .tabStoryPointContent.padded { padding: 3px; } .tabStoryUpdateButton { line-height: 18px; height: 18px; position: absolute; padding-left: 6px; padding-right: 6px; left: 18px; } .tabStoryUpdateButton .label { font-size: 10px; line-height: 18px; } .tabStoryPointCircle { border-radius: 50%; } .tabStoryPointDeltaCapturedDot { border-radius: 50%; } .tabStoryPointIntersectionCaption { z-index: -10; position: absolute; } .tab-subscribeView { box-sizing: border-box; padding: 0 12px; } .tab-subscribeView * { box-sizing: border-box; } .tab-subscribeView > * { margin: 12px auto; width: 100%; } .tab-subscribeView > :first-child { margin-top: 0; } .tab-subscribeView > :last-child { margin-bottom: 0; } .tab-subscribeView label { display: block; color: rgba(0, 0, 0, 0.8) !important; font-size: 11px !important; margin-bottom: 3px; } .tab-subscribeView .tabSubscribeButtonContainer { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; box-sizing: border-box; } div.tab-subscribeView a:hover { text-decoration: underline !important; } .tab-subscribeToggleContainer .tab-subscribeToggle { background-color: #fafafa; border: 1px solid #cbcbcb; text-align: center; vertical-align: middle; white-space: nowrap; display: table-cell; width: 50%; padding: 6px; } .tab-subscribeToggleContainer .tab-subscribeToggle.tabSelected { background-color: #666; border-color: #666; color: #fff; } .tab-subscribeToggleContainer .tab-subscribeToggle:active, .tab-subscribeToggleContainer .tab-subscribeToggle.hover, .tab-subscribeToggleContainer .tab-subscribeToggle.focus { border-color: #333; } .tab-subscribeSchedule .tabComboBox { border-left: none; height: 23px; } .tab-subscribeSchedule .tabComboBoxNameContainer .tabComboBoxName { color: rgba(0, 0, 0, 0.8); margin-left: 0; } .tabSubscriptionScheduleDropdown .tabMenuItem { color: rgba(0, 0, 0, 0.8); } .tab-subscribeEmail *, .tab-subscribeSubject * { width: 100%; } .tab-subscribeEmail .tabTextInputView input, .tab-subscribeSubject .tabTextInputView input { border: none; border-bottom: 1px solid #d4d4d4; color: rgba(0, 0, 0, 0.8); display: block; font-size: 12px; padding: 0; } .tab-subscribeSelf .icon, .tab-sendOnlyWhenDataPresentCheckbox .icon { box-sizing: content-box; } .tab-SubscribeError { color: #eb4454; font-size: 11px; } .tab-subscribeSubmit { text-align: right; } .tab-subscribeOthersSection { word-wrap: break-word; } .tab-subscribeOthersSection > .tab-link-button { color: #4996b2; text-decoration: none; font-size: 13px; } .tab-subscribeOthersSection > .tab-link-button.hover, .tab-subscribeOthersSection > .tab-link-button.focus { text-decoration: underline; } .dropdown > div { width: 100%; } .tab-subscribeMessage > div { width: 100%; } .tab-subscribe-orientation-dropdown { -webkit-order: 1; order: 1; width: 100%; } .tab-subscribe-paper-size-dropdown { -webkit-order: 0; order: 0; width: 100%; margin-right: 18px; } .tab-pdf-size-and-orientation-dropdowns { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin-bottom: 36px; } .tab-missing-email-alert-text { color: rgba(0, 0, 0, 0.8); padding: 16px; } .tabbedNavigationWrapper { visibility: hidden; } @media print { .tabbedNavigationWrapper { display: none; } } body.ff-IFrameSizedToWindow .tabbedNavigationWrapper { background-color: #fafafa; } .tabbedNavigationOuterWrapper { height: 22px; position: relative; bottom: 0; background-color: #fff; } .tableauTabbedNavigation .dijitTab, .tabPlaceholderItem { margin-right: 0; color: rgba(0, 0, 0, 0.6); font-size: 13px; height: 19px; overflow: hidden; background-image: none; background-color: #f5f5f5; border: 1px solid #cbcbcb; border-left-width: 0; border-top-width: 0; } .tableauTabbedNavigation .dijitTab:first-child, .tabPlaceholderItem:first-child { border-left-width: 1px; } .tableauTabbedNavigation .dijitTab:hover, .tableauTabbedNavigation .dijitTab:focus { background-color: #e6e6e6; } .tableauTabbedNavigation .dijitTabChecked, .tabPlaceholderSelected { background-color: #fff; border-bottom-color: transparent; color: rgba(0, 0, 0, 0.8); } .tableauTabbedNavigation .dijitTabInnerDiv, .tabPlaceholderInner { padding: 2px 8px 1px 9px; } .tableauTabbedNavigation .tabLabel { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tableauTabbedNavigation .dijitTabContainerTop-tabs, .tabPlaceholderTop { border: none; background-color: #f5f5f5; width: 50000px; display: -webkit-flex; display: flex; position: relative; z-index: 0; } .tableauTabbedNavigation .dijitTabContainerTop-tabs .dijitTabChecked, .tabPlaceholderTop .dijitTabChecked, .tableauTabbedNavigation .dijitTabContainerTop-tabs .tabPlaceholderSelected, .tabPlaceholderTop .tabPlaceholderSelected { border-bottom-color: transparent; } .tableauTabbedNavigation .dijitTabContainerTop-tabs { border-bottom: 1px solid #cbcbcb; padding-left: 8px; } .tableauTabbedNavigation .dijitButtonNode button { margin: 1px 4px 1px 4px; } .tableauTabbedNavigation .dijitButtonNode { border-color: #cbcbcb; padding: 2px 2px 1px 2px; background-image: none; background-color: #f5f5f5; border-top: none; border-left: none; height: 16px; } .tableauTabbedNavigation .dijitButton { margin: 0; } .tableauTabbedNavigation .dijitButton:hover:not(.dijitButtonDisabled) .dijitButtonNode, .tableauTabbedNavigation .dijitButtonActive .dijitButtonNode, .tableauTabbedNavigation .dijitButton:focus:not(.dijitButtonDisabled) .dijitButtonNode { border-color: #cbcbcb; background-image: none; background-color: #e6e6e6; } .tableauTabbedNavigation .tabsRightBtn { border-left: 1px solid #cbcbcb; } .tableauTabbedNavigation button { background-repeat: no-repeat; } .tnMenuButton, .tnRightButton, .tnLeftButton { vertical-align: initial; } .tabPlaceholderContainer { width: 100%; height: 100%; position: relative; overflow: hidden; } .tabPlaceholderFirstSpacer, .tabPlaceholderLastSpacer { border-bottom: 1px solid #cbcbcb; } .tabPlaceholderFirstSpacer { width: 8px; border-right: 1px solid #cbcbcb; } .tabPlaceholderLastSpacer { -webkit-flex-grow: 1; flex-grow: 1; } .tabPlaceholderWaiting { cursor: progress; } .tab-textRegion { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tab-textRegion-content { position: absolute; top: auto; left: auto; right: auto; bottom: auto; cursor: default; } .tab-textRegion-boundary { position: absolute; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; } .placeholder { position: absolute; } .placeholder .tab-clip { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tab-clip-focusbox { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .tvimages { position: absolute; overflow: auto; } .tab-tvScrollX { overflow-x: scroll; overflow-y: hidden; } .tab-tvScrollY { overflow-x: hidden; overflow-y: scroll; } @media print { .tab-tvScrollX { overflow-x: hidden !important; overflow-y: hidden !important; } .tab-tvScrollX { overflow-x: hidden !important; overflow-y: hidden !important; } } .tab-tvView { z-index: 0; } .tabZone-viz .showMeVizDropArea { height: 100%; width: 100%; position: absolute; } .tabZone-viz .showMeVizDropArea.showMeDropAreaBorder { box-shadow: 0 0 0 2px #000 inset; } .emptyWorksheet { align-items: center; color: rgba(0, 0, 0, 0.65); display: flex; justify-content: center; width: 100%; height: 100%; position: absolute; } .tvimagesNS, .tvScrollContainer { position: absolute; overflow: hidden; } .tvimagesContainer { position: relative; top: 0; left: 0; } .tvBackgroundContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .placeholder img { position: absolute; } .tvdrag { background-color: transparent; position: absolute; overflow: hidden; z-index: 5; } .tvdrag_svg_div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .tvdrag_svg_marquee { stroke: #00b0f0; stroke-width: 1px; fill: #00b0f0; stroke-opacity: 1; fill-opacity: 0.25; shape-rendering: geometricPrecision; } .tvdrag_marquee { background-color: rgba(0, 176, 240, 0.25); border: 1px solid #00b0f0; } .tvdrag_mask { background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .tvdrag_image { position: relative; overflow: hidden; z-index: 15; } .tvdrag_imageContainer { position: relative; overflow: hidden; } .placeholder { cursor: pointer; } .DrillingIcon { position: absolute; padding: 0; margin: 0; top: 0; left: 0; z-index: 10; width: 15px; height: 15px; overflow: hidden; } .DrillingIcon .dijitButtonNode, .LabelDrillingIcon .dijitButtonNode { width: 15px; height: 15px; padding: 0; margin: 0; border: 0; } .LabelDrillingIcon { position: absolute; top: 2px; left: 2px; padding: 0; margin: 0; z-index: 10; width: 15px; height: 15px; overflow: hidden; } .tableau .tvDrillDown, .tableau .tvDrillUp, .tableau .tvDrillDownHover, .tableau .tvDrillUpHover { position: absolute; top: 0; left: 0; } .tvDrillDownLabelHover { background-color: transparent; position: absolute; top: 0; left: 0; border: 1px solid #cfdefc; overflow: hidden; z-index: 0; visibility: hidden; } .tvDrillDownLabelHover .dijitButtonNode, .tvDrillDownLabelHover .dijitButtonHover .dijitButtonNode, .DrillingIcon .dijitButtonNode, .DrillingIcon.dijitButtonHover .dijitButtonNode { background: none; } .tvDrillUp:hover, .tvDrillDown:hover, .sortIndHollowDownActive:hover, .sortIndHollowUpActive:hover, .sortIndHollowLeftActive:hover, .sortIndHollowRightActive:hover, .sortIndSolidDownActive:hover, .sortIndSolidUpActive:hover, .sortIndSolidLeftActive:hover, .sortIndSolidRightActive:hover, .sortIndHollowDown:hover, .sortIndHollowUp:hover, .sortIndHollowLeft:hover, .sortIndHollowRight:hover, .sortIndSolidDown:hover, .sortIndSolidUp:hover, .sortIndSolidLeft:hover, .sortIndSolidRight:hover, .sortIndAlphabeticSolidDownActive:hover, .sortIndAlphabeticHollowDownActive:hover, .sortIndAlphabeticSolidDown:hover, .sortIndAlphabeticHollowDown:hover, .sortIndAlphabeticSolidUp:hover, .sortIndAlphabeticHollowUp:hover, .sortIndAlphabeticSolidUpActive:hover, .sortIndAlphabeticHollowUpActive:hover, .sortIndAlphabeticSolidLeft:hover, .sortIndAlphabeticHollowLeft:hover, .sortIndAlphabeticSolidLeftActive:hover, .sortIndAlphabeticHollowLeftActive:hover, .sortIndAlphabeticSolidRight:hover, .sortIndAlphabeticHollowRight:hover, .sortIndAlphabeticSolidRightActive:hover, .sortIndAlphabeticHollowRightActive:hover, .sortIndNestedSolidDownActive:hover, .sortIndNestedHollowDownActive:hover, .sortIndNestedSolidDown:hover, .sortIndNestedHollowDown:hover, .sortIndNestedSolidUp:hover, .sortIndNestedHollowUp:hover, .sortIndNestedSolidUpActive:hover, .sortIndNestedHollowUpActive:hover, .sortIndNestedSolidLeft:hover, .sortIndNestedHollowLeft:hover, .sortIndNestedSolidLeftActive:hover, .sortIndNestedHollowLeftActive:hover, .sortIndNestedSolidRight:hover, .sortIndNestedHollowRight:hover, .sortIndNestedSolidRightActive:hover, .sortIndNestedHollowRightActive:hover, .sortDropdownSolid:hover, .axisContextMenuDropdownArrow:hover, .sortDropdownHollow:hover { background-color: #e6e6e6 !important; } .tvDrillUp:active, .tvDrillDown:active, .sortIndHollowDownActive:active, .sortIndHollowUpActive:active, .sortIndHollowLeftActive:active, .sortIndHollowRightActive:active, .sortIndSolidDownActive:active, .sortIndSolidUpActive:active, .sortIndSolidLeftActive:active, .sortIndSolidRightActive:active, .sortIndHollowDown:active, .sortIndHollowUp:active, .sortIndHollowLeft:active, .sortIndHollowRight:active, .sortIndSolidDown:active, .sortIndSolidUp:active, .sortIndSolidLeft:active, .sortIndSolidRight:active, .sortIndAlphabeticSolidDownActive:active, .sortIndAlphabeticHollowDownActive:active, .sortIndAlphabeticSolidDown:active, .sortIndAlphabeticHollowDown:active, .sortIndAlphabeticSolidUp:active, .sortIndAlphabeticHollowUp:active, .sortIndAlphabeticSolidUpActive:active, .sortIndAlphabeticHollowUpActive:active, .sortIndAlphabeticSolidLeft:active, .sortIndAlphabeticHollowLeft:active, .sortIndAlphabeticSolidLeftActive:active, .sortIndAlphabeticHollowLeftActive:active, .sortIndAlphabeticSolidRight:active, .sortIndAlphabeticHollowRight:active, .sortIndAlphabeticSolidRightActive:active, .sortIndAlphabeticHollowRightActive:active, .sortIndNestedSolidDownActive:active, .sortIndNestedHollowDownActive:active, .sortIndNestedSolidDown:active, .sortIndNestedHollowDown:active, .sortIndNestedSolidUp:active, .sortIndNestedHollowUp:active, .sortIndNestedSolidUpActive:active, .sortIndNestedHollowUpActive:active, .sortIndNestedSolidLeft:active, .sortIndNestedHollowLeft:active, .sortIndNestedSolidLeftActive:active, .sortIndNestedHollowLeftActive:active, .sortIndNestedSolidRight:active, .sortIndNestedHollowRight:active, .sortIndNestedSolidRightActive:active, .sortIndNestedHollowRightActive:active, .axisContextMenuDropdownArrow:active, .sortDropdownSolid:active, .sortDropdownHollow:active { background-color: #d4d4d4 !important; } .tab-overlayImage { z-index: 16; pointer-events: none; } .tab-offlineMapsLearnMoreContainer { color: #000; } .tabMapAttribution { position: absolute; z-index: 20; } .tabMapAttributionBackground { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tabMapAttributionLink { position: relative; text-decoration: none; } .tabMapAttributionLink:hover { color: #4a80c2; text-decoration: underline; } .tabMapAttributionLink2 { position: relative; text-decoration: none; } .tabMapAttributionLink2:hover { color: #4a80c2; text-decoration: underline; } .tvViewportBorder { display: none; position: absolute; } .tvBorderHighlight > .tvViewportBorder { display: block; background-color: #d4d4d4; } .tvLeftBorder { top: 0; bottom: 0; width: 1px; left: 0; } .tvRightBorder { top: 0; bottom: 0; width: 1px; right: 0; } .tvTopBorder { left: 0; right: 0; height: 1px; top: 0; } .tvBottomBorder { left: 0; right: 0; height: 1px; bottom: 0; } .tabAnnotationSelectionChrome, .tabAnnotationHoverChrome, .tabAnnotationDraggingChrome { position: absolute; border-style: solid; border-width: 2px; box-sizing: border-box; display: inline-block; pointer-events: all; } .tabAnnotationSelectionChrome { border-color: #3498db; } .tabAnnotationHoverChrome { border-color: #e6e6e6; } .tabAnnotationDraggingChrome { border-color: #a0a0a0; } .tabAnnotationPointDraggingChrome { stroke: #a0a0a0; } .tabAuthoringAnnotationChevron { display: inline-flex; top: 0; right: 0; position: absolute; pointer-events: all; cursor: pointer; } .tabAuthoringAnnotationChevron.hover, .tabAuthoringAnnotationChevron.selected { background-color: #e6e6e6 !important; } .tabAnnotationSelectionChromeHolder { pointer-events: none; overflow: hidden; } .tabAnnotationHandlerIcon { display: inline-flex; pointer-events: all; position: absolute; left: 4px; top: 4px; height: 6px; width: 6px; background-color: #fff; border: solid 1px #e1e1e1; } .tabAnnotationResizeHandler:hover .tabAnnotationHandlerIcon { border: solid 1px #666; } .tabAnnotationPointTarget:hover { cursor: move; } .tabAnnotationResizeHandler, .tabAnnotationPointTarget { display: inline-flex; pointer-events: all; position: absolute; height: 16px; width: 16px; } .tabAnnotationResizeHandlerSE { top: calc(100% - 8px); left: calc(100% - 8px); cursor: nwse-resize; } .tabAnnotationResizeHandlerNW { bottom: calc(100% - 8px); right: calc(100% - 8px); cursor: nwse-resize; } .tabAnnotationResizeHandlerSW { top: calc(100% - 8px); right: calc(100% - 8px); cursor: nesw-resize; } .tabAnnotationResizeHandlerNE { bottom: calc(100% - 8px); left: calc(100% - 8px); cursor: nesw-resize; } .tabAnnotationResizeHandlerN { bottom: calc(100% - 8px); left: calc(50% - 8px); cursor: ns-resize; } .tabAnnotationResizeHandlerS { top: calc(100% - 8px); left: calc(50% - 8px); cursor: ns-resize; } .tabAnnotationResizeHandlerE { top: calc(50% - 8px); left: calc(100% - 8px); cursor: ew-resize; } .tabAnnotationResizeHandlerW { top: calc(50% - 8px); right: calc(100% - 8px); cursor: ew-resize; } .tabCanvas { position: absolute; top: 0; left: 0; } .tab-toolbarDialog { box-sizing: border-box; background-color: #fff; font-size: 12px; color: rgba(0, 0, 0, 0.8); min-width: inherit; border: 0; padding: 0; } .tab-toolbarDialogTitle { font-size: 13px; margin: 6px 0; } .tab-toolbarDialog .tabMenuItemName { display: block; overflow: hidden; text-overflow: ellipsis; } .tab-toolbarDialog .tabMenuItemBaseTheme { margin: 0; padding: 5px 1px; } .tab-toolbarDialog .tabMenuItemBaseTheme.tabMenuFocusedItem { border-color: transparent; } .tab-toolbarDialog .tabTextInputViewInputElement { border-radius: 0; -webkit-appearance: none; border: 1px solid #b4b4b4; box-sizing: border-box; height: 23px; padding: 0 3px; vertical-align: middle; } .tab-toolbarDialog .tabTextInputViewInputElement:focus, .tab-toolbarDialog .tabTextInputViewInputElement:active, .tab-toolbarDialog .tabTextInputViewInputElement.hover, .tab-toolbarDialog .tabTextInputViewInputElement:hover { border-color: #666; } .tab-toolbar-container.bottom .tab-toolbar { top: auto; } .tab-toolbar-container.bottom:after { bottom: auto; top: 0; } .tab-toolbar-container .tab-toolbar { border-bottom: solid 1px #d4d4d4; } .tab-toolbar-container { position: relative; } .tab-toolbar-container.bottom .tab-toolbar { top: auto; } #toolbar-container { -webkit-flex: 0 0 auto; flex: 0 0 auto; position: relative; } #toolbar-container .tab-toolbar { border-bottom: solid 1px #d4d4d4; } @media print { #toolbar-container { display: none !important; } } .tab-toolbar-dialoghost { display: none; } .tab-toolbar { text-align: center; cursor: default; overflow: hidden; background-color: #f5f5f5; font-size: 11px; } .public .tab-toolbar { background-color: rgba(245, 245, 245, 0.85); } .tab-toolbar:lang(ja), .tab-toolbar:lang(zh), .tab-toolbar:lang(ko) { font-size: 12px; } .tab-toolbar .tabToolbarButton#edit-ToolbarButton { -webkit-flex-direction: row; flex-direction: row; } .tab-toolbar .tabToolbarButton#refresh-ToolbarButton { -webkit-flex-direction: row; flex-direction: row; } .tab-toolbar .tabToolbarButton { border: 1px solid #d4d4d4; border-top: none; border-bottom: none; border-color: transparent; color: #333; cursor: pointer; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 100%; white-space: nowrap; box-sizing: border-box; min-width: 40px; } .tab-toolbar .tabToolbarButton .tabToolbarButtonImg { display: inline-block; } .tab-toolbar .tabToolbarButton .tabToolbarButtonImg.tab-icon-dropdown { margin-left: 2px; } .tab-toolbar .tabToolbarButton .tabToolbarButtonText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-toolbar .showLabels .tabToolbarButton { padding: 0 8px; } .tab-toolbar .hideLabels .tabToolbarButton { padding: 0 4px; } .tab-toolbar .hideLabels .tabToolbarButtonText { display: none; } .tab-toolbar .showLabels .tabToolbarButton { -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; } .tab-toolbar .showLabels .tabToolbarButton:not(.subscribe) { padding-left: 5px; } .tab-toolbar .showLabels .tabToolbarButtonText { display: inline-block; padding-left: 6px; padding-top: 1px; } .tab-toolbar .tabToolbarButton { opacity: 0.75; } .public .tab-toolbar .tabToolbarButton { cursor: pointer; } .tab-toolbar .tabToolbarButton.edit { cursor: pointer; } .tab-toolbar .tabToolbarButton.hover, .tab-toolbar .tabToolbarButton:focus-visible { background-color: #e6e6e6; opacity: 1; } .tab-toolbar .tabToolbarButton.tabActive { background-color: #d4d4d4; opacity: 1; } .tab-toolbar .tabToolbarButton.disabled { cursor: default !important; opacity: 0.35 !important; } .tab-toolbar .tab-publicItems { padding-top: 10px; padding-left: 5px; padding-right: 5px; position: static; display: inline-block; line-height: normal; } .tab-publicItems .tab-publicLogo { display: inline-block; opacity: 0.75; } .tab-publicItems .tab-publicLogo:hover { opacity: 1; } .tab-belowPublicLogo { color: #666; padding-top: 1px; line-height: normal; } .tab-belowPublicDivider { padding-left: 4px; padding-right: 4px; } .tab-toolbarAuthorByText { color: #367e9c; text-decoration: none; } .tab-toolbarAuthorByText:hover, .tab-toolbarAuthorByText:focus { color: #367e9c; text-decoration: underline #367e9c; } .splitButtonWrapper .tabToolbarButton.replay:not(.disabled):active { background-color: #d4d4d4 !important; opacity: 1 !important; } .splitButtonWrapper .tabToolbarButton.splitButtonArrow:not(.disabled):active { background-color: #d4d4d4 !important; opacity: 1 !important; } .splitButtonWrapper:hover .tabToolbarButton.replay:not(.disabled) { background-color: #e6e6e6; opacity: 0.75; } .splitButtonWrapper:hover .tabToolbarButton.splitButtonArrow:not(.disabled) { background-color: #cbcbcb; opacity: 0.75; } .splitButtonWrapper .tabToolbarButton.splitButtonArrow { min-width: 16px !important; padding-left: 0 !important; padding-right: 0 !important; } .splitButtonWrapper .tabToolbarButton.replay { margin-right: 1px !important; min-width: 30px !important; border: 0 !important; } .splitButtonWrapper { display: -webkit-inline-flex; display: inline-flex; height: 100%; } .tab-tooltip { position: absolute; z-index: 989; display: block; left: 0; top: -10000px; overflow: visible; max-width: 800px; } .tab-tooltip.tab-allowMouseEventPassthrough { pointer-events: none; } .tab-tooltipContainer { background: #fff; border: 1px solid #d4d4d4; border-radius: 1px; box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.22); } .tab-tooltipConnector { position: absolute; } .tab-tooltipContent { overflow: hidden; max-width: 740px; } .tab-tooltipContent td { vertical-align: top; padding: 0; font-size: 12px; } .tab-tooltipContent :not(.paired-icon) .tabComboBoxButton { position: relative; right: -2px; top: 1px; } .tab-tooltipContent td b { white-space: nowrap; } .tableau .dijitTooltipABLeft { margin-left: -7px; } .tableau .dijitTooltipABRight { margin-right: -12px; } .tableau .dijitTooltipAbove { margin-bottom: 2px; } .tab-ubertip { font-size: 12px; } .tab-ubertip .tab-ubertipContent { padding: 12px; overflow: hidden; -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; -ms-user-select: text; user-select: text; } .tab-ubertip .tab-ubertipContent.hide { display: none; } .tab-ubertip .tab-ubertipCommandArea { background: #f5f5f5; padding: 0 6px; overflow: hidden; } .tab-ubertip .tab-ubertipCommands ul, .tab-ubertip .tab-ubertipActions ul { display: inline; padding: 0; margin: 0; } .tab-ubertip .tab-ubertipCommands.hide, .tab-ubertip .tab-ubertipActions.hide, .tab-ubertip .tab-ubertipSelected.hide { margin-top: 0; display: none; } .tab-ubertip .tab-ubertipCommands li { list-style: none; display: inline; } .tab-ubertip .tab-ubertipCommands .tab-button { float: left; border: 0; padding: 6px; margin: 0; background-color: #f5f5f5; color: rgba(0, 0, 0, 0.56); } .tab-ubertip .tab-ubertipCommands .tab-button.enabled.hover { color: rgba(0, 0, 0, 0.8); } .tab-ubertip .tab-ubertipCommands .tab-button.disabled { opacity: 0.35; } .tab-ubertip .tab-ubertipCommands .tab-button .icon { margin-top: -1px; } .tab-ubertip .tab-ubertipCommands .tab-button .label { white-space: nowrap; margin-left: 6px; } .tab-ubertip .tab-ubertipCommands button::-moz-focus-inner { -moz-box-sizing: content-box; border: 0 none; padding: 0; } .tab-ubertip .tab-ubertipCommands .tab-link-button { margin: 0 6px; float: left; } .tab-ubertip .tab-ubertipActions { margin-top: 7px; } .tab-ubertip .tab-ubertipActions.invisible { visibility: hidden; } .tab-ubertip .tab-ubertipActions li { list-style: none; list-style-position: outside; margin-left: 10px; } .tab-ubertip .tab-ubertipSelected { text-align: center; margin: 0 6px; } .tab-ubertip .tab-ubertipPlaceholder { display: inline-block; background-color: #f5f5f5; } .tab-ubertip .tab-separator { display: inline; float: left; width: 0; height: 23px; cursor: default; } .tab-ubertip .prepareFadeIn { opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .tab-ubertip .tab-clear { clear: both; } .tab-tooltipAR .tab-ubertip .tab-ubertipSelected, .tab-tooltipAL .tab-ubertip .tab-ubertipSelected { padding: 6px 0; } .tab-tooltipBR .tab-ubertip .tab-ubertipSelected, .tab-tooltipBL .tab-ubertip .tab-ubertipSelected { padding: 6px 0; clear: both; } .tab-ubertipOverlayImage { position: absolute; } .tab-ubertipOverlayImage.hide { display: none; } .tab-action.tab-link-button { text-decoration: none; color: #4996b2; } .tab-action.tab-link-button:hover { text-decoration: underline; } .tab-selection-relaxation:hover { text-decoration: underline; cursor: pointer; } .tab-selection-relaxation-underlined, .tab-selection-relaxation-selected { text-decoration: underline; } .tabUserPillsComponent { max-height: 120px; } .tabUserPillsComponent .tab-iscroll-component { position: relative; max-height: inherit; } .tabUserPillsComponent .tab-iscroll-component .tab-iscroll-content { max-width: 100%; } .tabUserPill { background-color: #367e9c; border: 1px solid #d4d4d4; color: #fff; display: inline-block; margin: 1px; padding: 6px; max-width: calc(100% - 9px); } .tabUserPill.error { background-color: #c93a47; } .tabUserPill.pending { background-color: #b4b4b4; } .tabUserPill .tabUserPillName { display: inline-block; vertical-align: top; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabUserPill .tabUserPillRemove { display: inline-block; width: 11px; padding-left: 6px; cursor: pointer; } .tabUserPill .tabUserPillRemove:hover { opacity: 0.7; } .tab-UserSearchSelectorComponent .tab-iscroll-component { max-height: inherit; position: relative; } .tab-UserSearchSelectorComponent .tab-iscroll-component .iScrollVerticalScrollbar { width: 9px; } .tab-UserSearchSelectorComponent .results-area { height: 286px; } .tab-UserSearchSelectorComponent .has-items { border: 1px solid #d4d4d4; } .tab-UserSearchSelectorComponent .tabPagableList { height: auto; max-height: 286px; } .tab-UserSearchSelectorComponent .tabPagableList .tab-iscroll-content { width: 100%; } .tab-UserSearchSelectorComponent .tabPagableList .tab-iscroll-content .tabListItem { height: 26px; } .tab-UserSearchSelectorComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem { padding: 6px; } .tab-UserSearchSelectorComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem:hover, .tab-UserSearchSelectorComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem.active { background-color: #e6e6e6; } .tab-UserSearchSelectorComponent .tabUserSearchComponent { border: 1px solid #d4d4d4; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList { height: auto; max-height: 156px; min-height: 26px; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList .tab-iscroll-content { width: 100%; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList .tab-iscroll-content .tabListItem { height: 26px; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem { padding: 6px; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem:hover, .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabPagableList .tab-iscroll-content .tabPagableUserListItem.active { background-color: #e6e6e6; } .tab-UserSearchSelectorComponent .tabUserSearchComponent .tabUserSearchInput { border: 0; box-sizing: border-box; padding: 6px; width: 100%; } .tab-UserSearchSelectorComponent .tabUserPillsComponent .tab-iscroll-component { max-height: inherit; position: relative; } .tab-UserSearchSelectorComponent .tabUserPillsComponent .tab-iscroll-content { padding-right: 9px; position: relative; width: 100%; } .tab-UserSearchSelectorComponent .tabUserPillsComponent .iScrollVerticalScrollbar { position: absolute; bottom: 0; top: 0; } .tab-web { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .webZoneHttpsEmbedHttpView, .webZoneHttpsEmbedHttpAuthoring { padding: 0 10px; } .webZoneHttpsEmbedHttpAuthoring .url { padding-top: 10px; } .webZoneHttpsEmbedHttpAuthoring .url .scheme { font-weight: bold; } .tab-zone { overflow: hidden; } .tab-zone.no-spacing { overflow: initial; } .tab-zone-margin { overflow: hidden; } .tab-zone-padding { overflow: hidden; } .tab-zone-left-gutter { width: 4px; position: absolute; height: 100%; } .tab-zone-right-gutter { width: 4px; position: absolute; height: 100%; right: 0; } .tab-zone-top-gutter { width: 100%; position: absolute; height: 4px; } .tab-zone-bottom-gutter { width: 100%; position: absolute; height: 4px; bottom: 0; } .tabZoneSelParent .tabZoneTop, .tabZoneSelParent .tabZoneBottom, .tabZoneSelParent .tabZoneLeft, .tabZoneSelParent .tabZoneRight { position: absolute; box-sizing: border-box; background-color: #666; } .tabZoneReadyParent .tabZoneTop, .tabZoneReadyParent .tabZoneBottom, .tabZoneReadyParent .tabZoneLeft, .tabZoneReadyParent .tabZoneRight { position: absolute; overflow: hidden; box-sizing: border-box; background-color: rgba(102, 102, 102, 0.6); pointer-events: none; } .dijitRuleMark { height: 2px; border: 1px solid #d3d3d3; } .tabSliderRule { margin-top: 5px; } .dijitSliderRightBumper { width: 0; } .tabDataConnPromptVarList .tab-list-item.hover > .tabDataConnPromptVarListItem > .tabDataConnPromptDeleteVarBtnArea { display: inline-block; } .tab-datepicker { display: none; font-size: 11px; cursor: default; background-color: #fff; -moz-user-select: -moz-none; -webkit-user-select: none; position: absolute; z-index: 989; top: 0; left: 0; border: 1px solid #666; } .tab-datepicker-header { position: relative; text-align: center; border-bottom: 1px solid #d0d0d0; padding: 5px 5px 0 5px; } .tab-datepicker-header-text { padding: 0 3px 2px 3px; line-height: 18px; display: inline-block; } .tab-datepicker-header-button { position: absolute; width: 20px; top: 6px; bottom: 0; cursor: pointer; text-align: center; border: 1px solid transparent; font-size: 15px; line-height: 12px; color: #000; } .tab-datepicker-header-button:hover { color: #7b7b7b; } .tab-datepicker-header-button.tab-disabled, .tab-datepicker-header-button.tab-disabled:hover { color: #aaa; cursor: default; } .tab-datepicker-prev-month-button { left: 5px; } .tab-datepicker-next-month-button { right: 5px; } .tab-datepicker-month-table-wrapper { position: relative; padding: 2px 0; } .tab-datepicker-week-shade { position: absolute; left: 0; top: 0; right: 0; height: 20px; background: #f8f8f8; background: rgba(0, 0, 0, 0.025); z-index: -1; } .tab-datepicker-month-table { table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0 6px; } .tab-datepicker-header-cell { width: 15px; height: 10px; text-align: center; padding: 3px; font-weight: normal; } .tab-datepicker-day-cell { height: 10px; text-align: center; cursor: pointer; border: 1px solid transparent; } .tab-datepicker-day-cell:hover { background-color: #cacaca; color: #000; } .tab-datepicker-day-cell-today { font-weight: bold; } .tab-datepicker-day-cell-selected { background-color: #e6e6e6; } .tab-datepicker-day-cell-othermonth { color: #787878; } .tab-datepicker-day-cell.tab-disabled, .tab-datepicker-day-cell.tab-disabled:hover { background-color: inherit; color: #aaa; cursor: default; } .tab-datepicker-footer { text-align: center; border-top: 1px solid #d0d0d0; padding: 5px 5px 7px 5px; } .tab-datepicker-today-label { padding-right: 1px; } .tab-datepicker-today-date { font-weight: bold; padding: 2px; } .tab-datepicker-today-date:hover { background-color: #e6e6e6; cursor: pointer; } .tab-datepicker-today-date.tab-disabled, .tab-datepicker-today-date.tab-disabled:hover { background-color: inherit; color: #aaa; cursor: default; } .tabFlipboardNavPrevious:hover .tabStoryLeftArrow, .tabFlipboardNavNext:hover .tabStoryRightArrow { opacity: 0.58; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=58)"; filter: alpha(opacity=58); } .tabFlipboardNavPrevious.tabActive:hover .tabStoryLeftArrow, .tabFlipboardNavNext.tabActive:hover .tabStoryRightArrow, .tabFlipboardNavPrevious:hover .tabStoryLeftArrow:active, .tabFlipboardNavNext:hover .tabStoryRightArrow:active { opacity: 1; -ms-filter: none; filter: none; } .tabFlipboardNavPrevious.tabDisabled .tabStoryLeftArrow, .tabFlipboardNavNext.tabDisabled .tabStoryRightArrow, .tabFlipboardNavPrevious.tabDisabled.tabActive:hover .tabStoryLeftArrow, .tabFlipboardNavNext.tabDisabled.tabActive:hover .tabStoryRightArrow, .tabFlipboardNavPrevious.tabDisabled:hover .tabStoryLeftArrow:active, .tabFlipboardNavNext.tabDisabled:hover .tabStoryRightArrow:active { cursor: default; opacity: 0.14; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=14)"; filter: alpha(opacity=14); } .dj_ie7 .tabFlipboardNavPrevious, .dj_ie7 .tabFlipboardNavNext, .dj_trident4 .tabFlipboardNavPrevious, .dj_trident4 .tabFlipboardNavNext { bottom: 18px; } .fztButtonContainer { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 2px; margin-bottom: 13px; } .fztFlyOutContainer { margin-left: 8px; margin-top: -4px; } .fztFlyOutButtons { position: relative; width: 115px; border-left-width: 0; padding-bottom: 0; } .fztButton { width: 20px; height: 20px; } .fztSpacer { background-color: #e0e0e0; height: 1px; width: 20px; margin-left: 2px; margin-top: 3px; margin-bottom: 3px; } .tabGotoMyLocationButtonContainer { margin-left: 6px; } .tabLegendPanel .tabLegendTitleAndControls .tabLegendTitleControls .tabLegendContextMenuButton.hover, .LegendPanel .tabLegendTitleControls .tabLegendContextMenuButton.hover { cursor: pointer; } .tabLegendPanel .tabLegendTitleAndControls .tabLegendTitleControls .tabLegendContextMenuButton.hover:not(:active), .LegendPanel .tabLegendTitleControls .tabLegendContextMenuButton.hover:not(:active) { background-color: #e6e6e6; } .ie .dijitTooltipDialog[style*="visibility: hidden"], .ie .dijitTooltipDialog[style*="visibility:hidden"] { left: 0; } .iScrollVerticalScrollbar, .iScrollHorizontalScrollbar { background: #f1f1f1; } .iScrollVerticalScrollbar > .iScrollIndicator, .iScrollHorizontalScrollbar > .iScrollIndicator { background: #dadcdd; } .tabScroller:hover > .iScrollVerticalScrollbar, .tabScroller:hover > .iScrollHorizontalScrollbar { visibility: visible; } .tabScroller:hover > .iScrollVerticalScrollbar.noScroll, .tabScroller:hover > .iScrollHorizontalScrollbar.noScroll { visibility: hidden; } .iScrollIndicator:hover, .tabScrolling .iScrollIndicator { background: #9fa3a6; } .tabVerticalScrollbar, .tabHorizontalScrollbar { background: #f3f1f1; } .tabVerticalScrollbar > .tabScrollbarIndicator, .tabHorizontalScrollbar > .tabScrollbarIndicator { background: #dadcdd; } .tabCustomScroller:hover > .tabVerticalScrollbar, .tabCustomScroller:hover > .tabHorizontalScrollbar { visibility: visible; } .tabCustomScroller:hover > .tabVerticalScrollbar.noScroll, .tabCustomScroller:hover > .tabHorizontalScrollbar.noScroll { visibility: hidden; } .tabScrollbarIndicator:hover, .tabScrolling .tabScrollbarIndicator { background: #9fa3a6; } .tabStoryPointCaption .iScrollVerticalScrollbar, .tabStoryPointCaption .iScrollHorizontalScrollbar { background: #d1d2d4; } .tabStoryPointCaption .iScrollVerticalScrollbar > .iScrollIndicator, .tabStoryPointCaption .iScrollHorizontalScrollbar > .iScrollIndicator { background: #b1b3b5; } .tabStoryPointCaption .iScrollIndicator:hover, .tabStoryPointCaption .tabScrolling .iScrollIndicator { background: #939597; } .tabStoryPointCaption .tabVerticalScrollbar, .tabStoryPointCaption .tabHorizontalScrollbar { background: #d1d2d4; } .tabStoryPointCaption .tabVerticalScrollbar > .tabScrollbarIndicator, .tabStoryPointCaption .tabHorizontalScrollbar > .tabScrollbarIndicator { background: #b1b3b5; } .tabStoryPointCaption .tabScrollbarIndicator:hover, .tabStoryPointCaption .tabScrolling .tabScrollbarIndicator { background: #939597; } .tabStoryPointCaption.tabCurrent:hover, .tabStoryPointCaption:hover { border-color: #6d6d6d; } .tabStoryPointCaption.tabCurrent:hover:active, .tabStoryPointCaption.tabCurrent.tabActive, .tabStoryPointCaption:hover:active, .tabStoryPointCaption.tabActive { border-color: #323232; } .tabFlipboardNav.tabLightIcons .tabStoryPointCaption.tabCurrent:hover, .tabFlipboardNav.tabLightIcons .tabStoryPointCaption:hover { border-color: gray; border-color: rgba(255, 255, 255, 0.5); } .tabFlipboardNav.tabLightIcons .tabStoryPointCaption.tabCurrent:hover:active, .tabFlipboardNav.tabLightIcons .tabStoryPointCaption.tabCurrent.tabActive, .tabFlipboardNav.tabLightIcons .tabStoryPointCaption:hover:active, .tabFlipboardNav.tabLightIcons .tabStoryPointCaption.tabActive { border-color: #fff; } .tab-datepicker-prev-month-button { background: url("../images/vqlweb.png") no-repeat -2px -2px; width: 15px; height: 16px; } .tab-datepicker-prev-month-button:hover { background: url("../images/vqlweb.png") no-repeat -21px -2px; width: 15px; height: 16px; } .tab-datepicker-prev-month-button.tab-disabled { background: url("../images/vqlweb.png") no-repeat -40px -2px; width: 15px; height: 16px; } .tab-datepicker-next-month-button { background: url("../images/vqlweb.png") no-repeat -59px -2px; width: 15px; height: 16px; } .tab-datepicker-next-month-button:hover { background: url("../images/vqlweb.png") no-repeat -78px -2px; width: 15px; height: 16px; } .tab-datepicker-next-month-button.tab-disabled { background: url("../images/vqlweb.png") no-repeat -97px -2px; width: 15px; height: 16px; } .tabCatLegendScrollLeft { background: url("../images/vqlweb.png") no-repeat -116px -2px; width: 12px; height: 12px; } .tabCatLegendScrollRight { background: url("../images/vqlweb.png") no-repeat -132px -2px; width: 12px; height: 12px; } .tabCatLegendScrollUp { background: url("../images/vqlweb.png") no-repeat -148px -2px; width: 12px; height: 12px; } .tabCatLegendScrollDown { background: url("../images/vqlweb.png") no-repeat -164px -2px; width: 12px; height: 12px; } .tabCatLegendScrollLeft.tabIterButtonDisabled { background: url("../images/vqlweb.png") no-repeat -180px -2px; width: 12px; height: 12px; } .tabCatLegendScrollRight.tabIterButtonDisabled { background: url("../images/vqlweb.png") no-repeat -196px -2px; width: 12px; height: 12px; } .tabCatLegendScrollUp.tabIterButtonDisabled { background: url("../images/vqlweb.png") no-repeat -212px -2px; width: 12px; height: 12px; } .tabCatLegendScrollDown.tabIterButtonDisabled { background: url("../images/vqlweb.png") no-repeat -228px -2px; width: 12px; height: 12px; } .tableau .cpLeftArrowBlack { background: url("../images/vqlweb.png") no-repeat -244px -2px; width: 12px; height: 13px; } .tableau .cpLeftArrowGrey { background: url("../images/vqlweb.png") no-repeat -260px -2px; width: 12px; height: 13px; } .tableau .cpRightArrowBlack { background: url("../images/vqlweb.png") no-repeat -276px -2px; width: 12px; height: 13px; } .tableau .cpRightArrowGrey { background: url("../images/vqlweb.png") no-repeat -292px -2px; width: 12px; height: 13px; } .tableau .spinner .spinnerUp { background: url("../images/vqlweb.png") no-repeat -308px -2px; width: 8px; height: 8px; } .tableau .spinner .spinnerDown { background: url("../images/vqlweb.png") no-repeat -320px -2px; width: 8px; height: 8px; } .tableau .tvDrillDown { background: url("../images/vqlweb.png") no-repeat -332px -2px; width: 15px; height: 15px; } .tableau .tvDrillUp { background: url("../images/vqlweb.png") no-repeat -351px -2px; width: 15px; height: 15px; } .tableau .tvDrillDown.hover { background: url("../images/vqlweb.png") no-repeat -370px -2px; width: 15px; height: 15px; } .tableau .tvDrillUp.hover { background: url("../images/vqlweb.png") no-repeat -389px -2px; width: 15px; height: 15px; } .tableau .QFIconFilterLeft { background: url("../images/vqlweb.png") no-repeat -408px -2px; width: 9px; height: 16px; } .tableau .QFIconFilterRight { background: url("../images/vqlweb.png") no-repeat -421px -2px; width: 9px; height: 16px; } .tableau .wcIconFilter { background: url("../images/vqlweb.png") no-repeat -434px -2px; width: 15px; height: 20px; } .dijitHover .wcIconFilter { background: url("../images/vqlweb.png") no-repeat -453px -2px; width: 15px; height: 20px; } .FloatingZoomToolbar .buttonZoomIn { background: url("../images/vqlweb.png") no-repeat -472px -2px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonZoomOut { background: url("../images/vqlweb.png") no-repeat -496px -2px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonZoomArea { background: url("../images/vqlweb.png") no-repeat -2px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonRectSelect { background: url("../images/vqlweb.png") no-repeat -26px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonPan { background: url("../images/vqlweb.png") no-repeat -50px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonRadialSelect { background: url("../images/vqlweb.png") no-repeat -74px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonLassoSelect { background: url("../images/vqlweb.png") no-repeat -98px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonFlyOut { background: url("../images/vqlweb.png") no-repeat -122px -26px; width: 20px; height: 20px; } .FloatingZoomToolbar .buttonZoomHome { background: url("../images/vqlweb.png") no-repeat -146px -26px; width: 20px; height: 20px; } .tableau .wcIconBullet { background: url("../images/vqlweb.png") no-repeat -170px -26px; width: 12px; height: 12px; } .tableau .wcIconCheck { background: url("../images/vqlweb.png") no-repeat -186px -26px; width: 12px; height: 12px; } .tableau .wcIconFiltered { background: url("../images/vqlweb.png") no-repeat -202px -26px; width: 12px; height: 12px; } .tableau .wcIconFiltered:hover { background: url("../images/vqlweb.png") no-repeat -218px -26px; width: 12px; height: 12px; } .tableau .wcIconNonfiltered { background: url("../images/vqlweb.png") no-repeat -234px -26px; width: 12px; height: 12px; } .tableau .wcIconSearch { background: url("../images/vqlweb.png") no-repeat -250px -26px; width: 12px; height: 12px; } .tableau .wcIconSearch:hover { background: url("../images/vqlweb.png") no-repeat -266px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainAll { background: url("../images/vqlweb.png") no-repeat -282px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainAll:hover { background: url("../images/vqlweb.png") no-repeat -298px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainContext { background: url("../images/vqlweb.png") no-repeat -314px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainContext:hover { background: url("../images/vqlweb.png") no-repeat -330px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainRelevant { background: url("../images/vqlweb.png") no-repeat -346px -26px; width: 12px; height: 12px; } .tableau .wcIconDomainRelevant:hover { background: url("../images/vqlweb.png") no-repeat -362px -26px; width: 12px; height: 12px; } .tabCalcEditorDropdownBtnIcon { background: url("../images/vqlweb.png") no-repeat -378px -26px; width: 12px; height: 12px; } .tabCalcEditorDropdownBtnIcon:hover { background: url("../images/vqlweb.png") no-repeat -394px -26px; width: 12px; height: 12px; } .tab-SearchClearButtonIcon { background: url("../images/vqlweb.png") no-repeat -410px -26px; width: 12px; height: 12px; } .tab-SearchClearButtonIcon.active { background: url("../images/vqlweb.png") no-repeat -426px -26px; width: 12px; height: 12px; } .tableau .wcIconSearchAdd { background: url("../images/vqlweb.png") no-repeat -442px -26px; width: 12px; height: 12px; } .tableau .wcIconSearchRemove { background: url("../images/vqlweb.png") no-repeat -458px -26px; width: 12px; height: 12px; } .tableau .wcIconSearchRemove:active { background: url("../images/vqlweb.png") no-repeat -474px -26px; width: 12px; height: 12px; } .tableau .dijitToolbar .dijitToolbarSeparator { background: url("../images/vqlweb.png") no-repeat -490px -26px; width: 5px; height: 18px; } .tableau .wcSearchX { background: url("../images/vqlweb.png") no-repeat -499px -26px; width: 12px; height: 12px; } .tableauWidgetUiTypeIn .PatternActive, .tabClearableTextBoxClearButton { background: url("../images/vqlweb.png") no-repeat -2px -50px; width: 12px; height: 13px; } .tableau .wcIconSelect { background: url("../images/vqlweb.png") no-repeat -18px -50px; width: 21px; height: 20px; } .dijitHover .wcIconSelect { background: url("../images/vqlweb.png") no-repeat -43px -50px; width: 21px; height: 20px; } .tableau .wcIconSort { background: url("../images/vqlweb.png") no-repeat -68px -50px; width: 13px; height: 12px; } .tab-button.tab-commandSortAscendingRight .icon { background: url("../images/vqlweb.png") no-repeat -85px -50px; width: 13px; height: 12px; } .tab-button.tab-commandSortDescendingRight .icon { background: url("../images/vqlweb.png") no-repeat -102px -50px; width: 13px; height: 12px; } .tableau .wcIconGBrand { background: url("../images/vqlweb.png") no-repeat -119px -50px; width: 85px; height: 21px; } .tableauWidgetUiTypeIn .TypeInActive { background: url("../images/vqlweb.png") no-repeat -208px -50px; width: 12px; height: 13px; } .tab-dialogCloseButton:hover .icon { background: url("../images/vqlweb.png") no-repeat -224px -50px; width: 13px; height: 13px; } .tab-icon-resize-se { background: url("../images/vqlweb.png") no-repeat -241px -50px; width: 10px; height: 10px; } .tabVarListItemDeleteIcon { background: url("../images/vqlweb.png") no-repeat -255px -50px; width: 13px; height: 13px; } .sortIndicatorDropdownArrow { background: url("../images/vqlweb.png") no-repeat -272px -50px; width: 8px; height: 15px; } .tab-pdfdlg-portrait-icon { background: url("../images/vqlweb.png") no-repeat -284px -50px; width: 35px; height: 47px; } .tab-pdfdlg-landscape-icon { background: url("../images/vqlweb.png") no-repeat -323px -50px; width: 47px; height: 34px; } .tab-pdfdlg-story-icon { background: url("../images/vqlweb.png") no-repeat -374px -50px; width: 55px; height: 48px; } .tab-pdfdlg-dashboard-icon { background: url("../images/vqlweb.png") no-repeat -433px -50px; width: 55px; height: 48px; } .tab-pdfdlg-dash-sheets-icon { background: url("../images/vqlweb.png") no-repeat -492px -50px; width: 55px; height: 48px; } .tab-pdfdlg-workbook-icon, .tab-subscribe-icon-workbook { background: url("../images/vqlweb.png") no-repeat -2px -102px; width: 78px; height: 52px; } .tab-pdfdlg-worksheet-icon, .tab-subscribe-icon-worksheet { background: url("../images/vqlweb.png") no-repeat -84px -102px; width: 78px; height: 52px; } .tab-pdfdlg-checkmark.selected { background: url("../images/vqlweb.png") no-repeat -166px -102px; width: 21px; height: 20px; } .tab-pdfdlg-checkmark { background: url("../images/vqlweb.png") no-repeat -191px -102px; width: 21px; height: 20px; } .tabMapsSearchView .tabCompositeSearchWidget-SearchButton { background: url("../images/vqlweb.png") no-repeat -216px -102px; width: 26px; height: 26px; } .tabMapsSearchView:hover .tabCompositeSearchWidget-SearchButton { background: url("../images/vqlweb.png") no-repeat -246px -102px; width: 26px; height: 26px; } .tabMapsSearchViewCollapsed .tabCompositeSearchWidget-SearchButton { background: url("../images/vqlweb.png") no-repeat -276px -102px; width: 26px; height: 26px; } .tabMapsSearchViewCollapsed .tabCompositeSearchWidget-SearchButton:hover { background: url("../images/vqlweb.png") no-repeat -306px -102px; width: 26px; height: 26px; } .tabMapsSearchViewCollapsed .tabCompositeSearchWidget-SearchButton:active { background: url("../images/vqlweb.png") no-repeat -336px -102px; width: 26px; height: 26px; } .tabGotoMyLocationButtonContainer .tabGotoMyLocationButton { background: url("../images/vqlweb.png") no-repeat -366px -102px; width: 26px; height: 26px; } .tabGotoMyLocationButtonContainer .tabGotoMyLocationButton:hover { background: url("../images/vqlweb.png") no-repeat -396px -102px; width: 26px; height: 26px; } .tabGotoMyLocationButtonContainer .tabGotoMyLocationButton:active { background: url("../images/vqlweb.png") no-repeat -426px -102px; width: 26px; height: 26px; } .tabDataHighlighterView .tabCompositeSearchWidget-SearchButton { background: url("../images/vqlweb.png") no-repeat -456px -102px; width: 16px; height: 16px; } .tabDataHighlighterView .tabCompositeSearchWidget-SearchButton:active { background: url("../images/vqlweb.png") no-repeat -476px -102px; width: 16px; height: 16px; } .tabDataHighlighterView .tabCompositeSearchWidget-ClearButton { background: url("../images/vqlweb.png") no-repeat -496px -102px; width: 16px; height: 16px; } .tabDataHighlighterView .tabCompositeSearchWidget-ClearButton:active { background: url("../images/vqlweb.png") no-repeat -2px -158px; width: 16px; height: 16px; } .tab-img-check { background: url("../images/vqlweb.png") no-repeat -22px -158px; width: 9px; height: 9px; } .tab-img-triangle-up { background: url("../images/vqlweb.png") no-repeat -35px -158px; width: 8px; height: 8px; } .tab-img-triangle-down { background: url("../images/vqlweb.png") no-repeat -47px -158px; width: 8px; height: 8px; } .tab-img-triangle-left-inactive { background: url("../images/vqlweb.png") no-repeat -59px -158px; width: 12px; height: 12px; } .tab-img-triangle-right-inactive { background: url("../images/vqlweb.png") no-repeat -75px -158px; width: 12px; height: 12px; } .tab-img-square-inactive { background: url("../images/vqlweb.png") no-repeat -91px -158px; width: 12px; height: 12px; } .tab-img-triangle-left-active { background: url("../images/vqlweb.png") no-repeat -107px -158px; width: 12px; height: 12px; } .tab-img-triangle-right-active { background: url("../images/vqlweb.png") no-repeat -123px -158px; width: 12px; height: 12px; } .tab-img-square-active { background: url("../images/vqlweb.png") no-repeat -139px -158px; width: 12px; height: 12px; } .tab-drag-thumb-icon { background: url("../images/vqlweb.png") no-repeat -155px -158px; width: 14px; height: 14px; } html.ie .FIItem input[type=radio] + .fakeRadio { background: url("../images/vqlweb.png") no-repeat -173px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=radio]:checked + .fakeRadio { background: url("../images/vqlweb.png") no-repeat -193px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=radio]:not(:checked):hover + .fakeRadio, html.ie .FIItem input[type=radio]:not(:checked):focus + .fakeRadio { background: url("../images/vqlweb.png") no-repeat -213px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=radio]:checked:hover + .fakeRadio, html.ie .FIItem input[type=radio]:checked:focus + .fakeRadio { background: url("../images/vqlweb.png") no-repeat -233px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=checkbox] + .fakeCheckBox { background: url("../images/vqlweb.png") no-repeat -253px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=checkbox]:checked + .fakeCheckBox { background: url("../images/vqlweb.png") no-repeat -273px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=checkbox]:not(:checked):hover + .fakeCheckBox, html.ie .FIItem input[type=checkbox]:not(:checked):focus + .fakeCheckBox { background: url("../images/vqlweb.png") no-repeat -293px -158px; width: 16px; height: 16px; } html.ie .FIItem input[type=checkbox]:checked:hover + .fakeCheckBox, html.ie .FIItem input[type=checkbox]:checked:focus + .fakeCheckBox { background: url("../images/vqlweb.png") no-repeat -313px -158px; width: 16px; height: 16px; } .tab-icons-alert { background: url("../images/vqlweb.svg?l7aop0l1") -605px -75px no-repeat; width: 20px; height: 18px; } .tabMenuItemSubMenuIcon { background: url("../images/vqlweb.svg?l7aop0l1") -550px -95px no-repeat; width: 12px; height: 12px; } .tabMenuItemCheckIcon, .tabMenuItemRadioIcon { background: url("../images/vqlweb.svg?l7aop0l1") -520px -95px no-repeat; width: 14px; height: 14px; } .tnLeftButton { background: url("../images/vqlweb.svg?l7aop0l1") -370px -95px no-repeat; width: 12px; height: 12px; } .tnLeftButtonDisabled { background: url("../images/vqlweb.svg?l7aop0l1") -385px -95px no-repeat; width: 12px; height: 12px; } .tnRightButton { background: url("../images/vqlweb.svg?l7aop0l1") -400px -95px no-repeat; width: 12px; height: 12px; } .tnRightButtonDisabled { background: url("../images/vqlweb.svg?l7aop0l1") -415px -95px no-repeat; width: 12px; height: 12px; } .tab-dialogCloseButton .icon { background: url("../images/vqlweb.svg?l7aop0l1") -535px -95px no-repeat; width: 14px; height: 14px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-splitButtonArrow, .tab-toolbar .tabToolbarButtonImg.tab-icon-splitButtonArrow, .tnMenuButton { background: url("../images/vqlweb.svg?l7aop0l1") -430px -95px no-repeat; width: 12px; height: 12px; } .tnMenuButtonDisabled { background: url("../images/vqlweb.svg?l7aop0l1") -445px -95px no-repeat; width: 12px; height: 12px; } .tabLegendTitleControls .tabLegendContextMenuButtonIcon, .tabDataHighlighterMenuView .tabDataHighlighterMenuButton .tabHighlighterContextMenuButtonIcon, .ParameterControlBox .wcIconContextMenu, .PageTitleButton .wcIconContextMenu, .tableau .QuickFilterPanel .dijitButton .wcIconContextMenu { background: url("../images/vqlweb.svg?l7aop0l1") -370px -120px no-repeat; width: 16px; height: 16px; } .tabLegendTitleControls .tabLegendContextMenuButtonIcon:hover, .tabDataHighlighterMenuView .tabDataHighlighterMenuViewButton .tabHighlighterContextMenuButtonIcon:hover, .tabLegendTitleControls .tabLegendContextMenuButtonIcon:active, .tabDataHighlighterMenuView .tabDataHighlighterMenuButton.hover .tabHighlighterContextMenuButtonIcon, .ParameterControlBox .wcIconContextMenu.hover, .PageTitleButton.dijitButtonHover .wcIconContextMenu, .tableau .QuickFilterPanel .dijitButtonHover .wcIconContextMenu { background: url("../images/vqlweb.svg?l7aop0l1") -390px -120px no-repeat; width: 16px; height: 16px; } .tabNotificationClose:hover, .tabNotificationClose:focus, .tabDataTabJoinEditRemoveButton:hover, .tabAuthFloatingInfoContentClose:hover, .tabAuthFloatingInfoContentClose:focus { background: url("../images/vqlweb.svg?l7aop0l1") -330px -120px no-repeat; width: 19px; height: 19px; } .tabNotificationClose, .tabDataTabJoinEditRemoveButton, .tabAuthFloatingInfoContentClose { background: url("../images/vqlweb.svg?l7aop0l1") -350px -120px no-repeat; width: 19px; height: 19px; } .tabDataAlertsPublicPrivateInfo { background: url("../images/vqlweb.svg?l7aop0l1") -530px -120px no-repeat; width: 15px; height: 15px; } .tab-icons-dialog-status-warning { background: url("../images/vqlweb.svg?l7aop0l1") -450px -120px no-repeat; width: 18px; height: 18px; } .FIItem input[type=checkbox]:checked + .fakeCheckBox, .currentPagePanel .dijitCheckBoxInput:checked + .fakeCheckBox, .HFTreeNodeLabel input[type=checkbox]:checked + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -505px -75px no-repeat; width: 16px; height: 16px; } .FIItem input[type=checkbox]:checked:hover + .fakeCheckBox, .FIItem input[type=checkbox]:checked:focus + .fakeCheckBox, .currentPagePanel .dijitCheckBoxInput:checked:hover + .fakeCheckBox, .HFTreeNodeLabel input[type=checkbox]:checked:hover + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -525px -75px no-repeat; width: 16px; height: 16px; } .currentPagePanel .dijitCheckBoxDisabled > .dijitCheckBoxInput:checked + .fakeCheckBox, .currentPagePanel .dijitCheckBoxDisabled > .dijitCheckBoxInput:checked:hover + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -470px -120px no-repeat; width: 17px; height: 17px; } .FIItem input[type=checkbox] + .fakeCheckBox, .currentPagePanel .dijitCheckBoxInput + .fakeCheckBox, .HFTreeNodeLabel input[type=checkbox] + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -545px -75px no-repeat; width: 16px; height: 16px; } .FIItem input[type=checkbox]:not(:checked):hover + .fakeCheckBox, .FIItem input[type=checkbox]:not(:checked):focus + .fakeCheckBox, .currentPagePanel .dijitCheckBoxInput:not(:checked):hover + .fakeCheckBox, .HFTreeNodeLabel input[type=checkbox]:not(:checked):hover + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -565px -75px no-repeat; width: 16px; height: 16px; } .currentPagePanel .dijitCheckBoxDisabled > .dijitCheckBoxInput:not(:checked) + .fakeCheckBox, .currentPagePanel .dijitCheckBoxDisabled > .dijitCheckBoxInput:not(:checked):hover + .fakeCheckBox { background: url("../images/vqlweb.svg?l7aop0l1") -585px -75px no-repeat; width: 16px; height: 16px; } .FIItem input[type=radio]:checked + .fakeRadio, .RelativeDateFilterDialog .rradio:checked + .fakeRadio, .HFTreeNodeLabelSS input[type=radio]:checked + .fakeRadio { background: url("../images/vqlweb.svg?l7aop0l1") -250px -120px no-repeat; width: 15px; height: 15px; } .FIItem input[type=radio]:checked:hover + .fakeRadio, .FIItem input[type=radio]:checked:focus + .fakeRadio, .RelativeDateFilterDialog .rradio:checked:hover + .fakeRadio, .HFTreeNodeLabelSS input[type=radio]:checked:hover + .fakeRadio { background: url("../images/vqlweb.svg?l7aop0l1") -270px -120px no-repeat; width: 15px; height: 15px; } .FIItem input[type=radio] + .fakeRadio, .RelativeDateFilterDialog .rradio + .fakeRadio, .HFTreeNodeLabelSS input[type=radio] + .fakeRadio { background: url("../images/vqlweb.svg?l7aop0l1") -290px -120px no-repeat; width: 15px; height: 15px; } .FIItem input[type=radio]:not(:checked):hover + .fakeRadio, .FIItem input[type=radio]:not(:checked):focus + .fakeRadio, .RelativeDateFilterDialog .rradio:not(:checked):hover + .fakeRadio, .HFTreeNodeLabelSS input[type=radio]:not(:checked):hover + .fakeRadio { background: url("../images/vqlweb.svg?l7aop0l1") -310px -120px no-repeat; width: 15px; height: 15px; } .tableau .wcIconSetPartiallyIncluded { background: url("../images/vqlweb.svg?l7aop0l1") -460px -95px no-repeat; width: 14px; height: 14px; } .tableau .wcIconSetPartiallyIncluded:hover { background: url("../images/vqlweb.svg?l7aop0l1") -475px -95px no-repeat; width: 14px; height: 14px; } .tableau .wcIconSetAllIncluded { background: url("../images/vqlweb.svg?l7aop0l1") -490px -95px no-repeat; width: 14px; height: 14px; } .tableau .wcIconSetAllIncluded:hover { background: url("../images/vqlweb.svg?l7aop0l1") -505px -95px no-repeat; width: 14px; height: 14px; } .tab-layer-control, .FloatingZoomToolbar .buttonLayerControl { background: url("../images/vqlweb.svg?l7aop0l1") -130px -150px no-repeat; width: 20px; height: 20px; } .tabLegendHighlighterButton.tabHighlightDisabled .tabLegendHighlighterButtonIcon { background: url("../images/vqlweb.svg?l7aop0l1") -170px -120px no-repeat; width: 16px; height: 16px; } .tabLegendHighlighterButton.tabHighlightDisabled .tabLegendHighlighterButtonIcon:hover { background: url("../images/vqlweb.svg?l7aop0l1") -190px -120px no-repeat; width: 16px; height: 16px; } .tabLegendHighlighterButton.tabHighlightEnabled .tabLegendHighlighterButtonIcon { background: url("../images/vqlweb.svg?l7aop0l1") -210px -120px no-repeat; width: 16px; height: 16px; } .tabLegendHighlighterButton.tabHighlightEnabled .tabLegendHighlighterButtonIcon:hover { background: url("../images/vqlweb.svg?l7aop0l1") -230px -120px no-repeat; width: 16px; height: 16px; } .tabAuthPrimitiveOptionJump .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -405px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionJump:hover:not(.disabled) .tab-Icon, .tabAuthPrimitiveOptionJump.active:not(.disabled) .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -430px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionJump.disabled .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -455px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionLinear .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -480px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionLinear:hover:not(.disabled) .tab-Icon, .tabAuthPrimitiveOptionLinear.active:not(.disabled) .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -505px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionLinear.disabled .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -530px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionStep .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -555px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionStep:hover:not(.disabled) .tab-Icon, .tabAuthPrimitiveOptionStep.active:not(.disabled) .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -580px -45px no-repeat; width: 24px; height: 16px; } .tabAuthPrimitiveOptionStep.disabled .tab-Icon { background: url("../images/vqlweb.svg?l7aop0l1") -605px -45px no-repeat; width: 24px; height: 16px; } .tab-schema-dataSourceBrokenIndicatorArea.tab-schema-dataSourceBroken .tab-schema-dataSourceBrokenIndicatorIcon { background: url("../images/vqlweb.svg?l7aop0l1") -490px -120px no-repeat; width: 15px; height: 16px; } .sortIndAlphabeticSolidUp, .sortIndAlphabeticHollowUp, .sortIndAlphabeticSolidRight, .sortIndAlphabeticHollowRight { background: url("../images/vqlweb.svg?l7aop0l1") 0 -75px no-repeat; width: 15px; height: 15px; } .sortIndAlphabeticSolidUpActive, .sortIndAlphabeticHollowUpActive, .sortIndAlphabeticSolidRightActive, .sortIndAlphabeticHollowRightActive { background: url("../images/vqlweb.svg?l7aop0l1") -20px -75px no-repeat; width: 15px; height: 15px; } .sortIndAlphabeticSolidDown, .sortIndAlphabeticHollowDown, .sortIndAlphabeticSolidLeft, .sortIndAlphabeticHollowLeft { background: url("../images/vqlweb.svg?l7aop0l1") -40px -75px no-repeat; width: 15px; height: 15px; } .sortIndAlphabeticSolidDownActive, .sortIndAlphabeticHollowDownActive, .sortIndAlphabeticSolidLeftActive, .sortIndAlphabeticHollowLeftActive { background: url("../images/vqlweb.svg?l7aop0l1") -60px -75px no-repeat; width: 15px; height: 15px; } .sortIndLeft { background: url("../images/vqlweb.svg?l7aop0l1") -80px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidLeft, .sortIndHollowLeft { background: url("../images/vqlweb.svg?l7aop0l1") -100px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidLeftActive, .sortIndHollowLeftActive { background: url("../images/vqlweb.svg?l7aop0l1") -120px -75px no-repeat; width: 15px; height: 15px; } .sortIndRight { background: url("../images/vqlweb.svg?l7aop0l1") -140px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidRight, .sortIndHollowRight { background: url("../images/vqlweb.svg?l7aop0l1") -160px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidRightActive, .sortIndHollowRightActive { background: url("../images/vqlweb.svg?l7aop0l1") -180px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidUp, .sortIndHollowUp { background: url("../images/vqlweb.svg?l7aop0l1") -200px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidUpActive, .sortIndHollowUpActive { background: url("../images/vqlweb.svg?l7aop0l1") -220px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidDown, .sortIndHollowDown { background: url("../images/vqlweb.svg?l7aop0l1") -240px -75px no-repeat; width: 15px; height: 15px; } .sortIndSolidDownActive, .sortIndHollowDownActive { background: url("../images/vqlweb.svg?l7aop0l1") -260px -75px no-repeat; width: 15px; height: 15px; } .tabStoryDeleteSmallIcon { background: url("../images/vqlweb.svg?l7aop0l1") -280px -95px no-repeat; width: 13px; height: 13px; } .tabStoryDeleteSmallIcon.active { background: url("../images/vqlweb.svg?l7aop0l1") -295px -95px no-repeat; width: 13px; height: 13px; } .tabFlipboardNav.tabLightIcons .ArrowLarge .tabStoryLeftArrow { background: url("../images/vqlweb.svg?l7aop0l1") 0 -150px no-repeat; width: 16px; height: 32px; } .tabFlipboardNav .ArrowLarge .tabStoryLeftArrow { background: url("../images/vqlweb.svg?l7aop0l1") -20px -150px no-repeat; width: 16px; height: 32px; } .tabFlipboardNav.tabLightIcons .ArrowSmall .tabStoryLeftArrow { background: url("../images/vqlweb.svg?l7aop0l1") -575px -20px no-repeat; width: 12px; height: 20px; } .tabFlipboardNav .ArrowSmall .tabStoryLeftArrow { background: url("../images/vqlweb.svg?l7aop0l1") -590px -20px no-repeat; width: 12px; height: 20px; } .tabFlipboardNav.tabLightIcons .ArrowLarge .tabStoryRightArrow { background: url("../images/vqlweb.svg?l7aop0l1") -40px -150px no-repeat; width: 16px; height: 32px; } .tabFlipboardNav .ArrowLarge .tabStoryRightArrow { background: url("../images/vqlweb.svg?l7aop0l1") -60px -150px no-repeat; width: 16px; height: 32px; } .tabFlipboardNav.tabLightIcons .ArrowSmall .tabStoryRightArrow { background: url("../images/vqlweb.svg?l7aop0l1") -605px -20px no-repeat; width: 12px; height: 20px; } .tabFlipboardNav .ArrowSmall .tabStoryRightArrow { background: url("../images/vqlweb.svg?l7aop0l1") -620px -20px no-repeat; width: 12px; height: 20px; } .tabStoryUpdateSmallIcon { background: url("../images/vqlweb.svg?l7aop0l1") -310px -95px no-repeat; width: 13px; height: 13px; } .tabStoryUpdateSmallIcon.active { background: url("../images/vqlweb.svg?l7aop0l1") -325px -95px no-repeat; width: 13px; height: 13px; } .tabStoryRevertSmallIcon { background: url("../images/vqlweb.svg?l7aop0l1") -340px -95px no-repeat; width: 13px; height: 13px; } .tabStoryRevertSmallIcon.active { background: url("../images/vqlweb.svg?l7aop0l1") -355px -95px no-repeat; width: 13px; height: 13px; } .tab-button.tab-commandTooltip_Action_Down .icon { background: url("../images/vqlweb.svg?l7aop0l1") 0 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Action_Down.enabled:active .icon, .tab-button.tab-commandTooltip_Action_Down.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -20px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Action_Down.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -40px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Action_Up .icon { background: url("../images/vqlweb.svg?l7aop0l1") -60px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Action_Up.enabled:active .icon, .tab-button.tab-commandTooltip_Action_Up.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -80px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Action_Up.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -100px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Exclude .icon { background: url("../images/vqlweb.svg?l7aop0l1") -120px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Exclude.enabled:active .icon, .tab-button.tab-commandTooltip_Exclude.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -140px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Exclude.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -160px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_ExplainData .icon { background: url("../images/vqlweb.svg?l7aop0l1") -180px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_ExplainData.enabled:active .icon, .tab-button.tab-commandTooltip_ExplainData.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -200px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Group .icon { background: url("../images/vqlweb.svg?l7aop0l1") -220px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Group.enabled:active .icon, .tab-button.tab-commandTooltip_Group.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -240px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Group.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -260px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_KeepOnly .icon { background: url("../images/vqlweb.svg?l7aop0l1") -280px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_KeepOnly.enabled:active .icon, .tab-button.tab-commandTooltip_KeepOnly.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -300px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_KeepOnly.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -320px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Set .icon { background: url("../images/vqlweb.svg?l7aop0l1") -340px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Set.enabled:active .icon, .tab-button.tab-commandTooltip_Set.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -360px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Set.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -380px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_ShowData .icon { background: url("../images/vqlweb.svg?l7aop0l1") -400px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_ShowData.enabled:active .icon, .tab-button.tab-commandTooltip_ViewData.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -420px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_ShowData.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -440px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Ascending .icon { background: url("../images/vqlweb.svg?l7aop0l1") -460px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Ascending.enabled:active .icon, .tab-button.tab-commandTooltip_SortAscending.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -480px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Ascending.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -500px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Descending .icon { background: url("../images/vqlweb.svg?l7aop0l1") -520px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Descending.enabled:active .icon, .tab-button.tab-commandTooltip_SortDescending.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -540px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Sort_Descending.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -560px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Split .icon { background: url("../images/vqlweb.svg?l7aop0l1") -580px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Split.enabled:active .icon, .tab-button.tab-commandTooltip_Split.enabled.hover .icon { background: url("../images/vqlweb.svg?l7aop0l1") -600px 0 no-repeat; width: 16px; height: 16px; } .tab-button.tab-commandTooltip_Split.disabled .icon { background: url("../images/vqlweb.svg?l7aop0l1") -620px 0 no-repeat; width: 16px; height: 16px; } .tab-downloadView .tabAppleLogo { background: url("../images/vqlweb.svg?l7aop0l1") -90px -120px no-repeat; width: 18px; height: 18px; } .tab-customViewsView .tab-iconButton .tab-icons-canceledit { background: url("../images/vqlweb.svg?l7aop0l1") -280px -75px no-repeat; width: 20px; height: 18px; } .tab-customViewsView .tab-iconButton .tab-icons-customView-menu { background: url("../images/vqlweb.svg?l7aop0l1") -405px -75px no-repeat; width: 22px; height: 18px; } .tab-customViewsView .tab-iconButton .tab-icons-customView-toggled { background: url("../images/vqlweb.svg?l7aop0l1") -430px -75px no-repeat; width: 22px; height: 18px; } .tab-refreshDataPopover { background: url("../images/vqlweb.svg?l7aop0l1") -510px -120px no-repeat; width: 16px; height: 16px; } .tab-icon-debug-tools { background: url("../images/vqlweb.svg?l7aop0l1") -110px -120px no-repeat; width: 18px; height: 18px; } .tab-customViewsView .tab-iconButton .tab-icons-delete { background: url("../images/vqlweb.svg?l7aop0l1") -305px -75px no-repeat; width: 20px; height: 18px; } .tab-pdf-dialog-sheet-picker .tab-sheet-picker-thumbnail-wrapper .tab-sheet-picker-hidden-sheet-icon { background: url("../images/vqlweb.svg?l7aop0l1") 0 -185px no-repeat; width: 30px; height: 30px; } .public .tab-toolbar .tabToolbarButtonFlyoverShown .tabToolbarButtonImg.tab-icon-download { background: url("../images/vqlweb.svg?l7aop0l1") -455px -75px no-repeat; width: 22px; height: 18px; } .tab-shareView .tab-shareLinkButtons .tab-shareMailIcon { background: url("../images/vqlweb.svg?l7aop0l1") -175px -95px no-repeat; width: 30px; height: 22px; } .tab-shareView .tab-shareLinkButtons .tab-shareSocialFacebook { background: url("../images/vqlweb.svg?l7aop0l1") -210px -95px no-repeat; width: 30px; height: 22px; } .tab-customViewsView .tab-iconButton .tab-icons-view-private { background: url("../images/vqlweb.svg?l7aop0l1") -330px -75px no-repeat; width: 20px; height: 18px; } .tab-customViewsView .tab-iconButton .tab-icons-view-public { background: url("../images/vqlweb.svg?l7aop0l1") -355px -75px no-repeat; width: 20px; height: 18px; } .tab-customViewsView .tab-customViews-enterManageModeButton .icon { background: url("../images/vqlweb.svg?l7aop0l1") -380px -75px no-repeat; width: 20px; height: 18px; } .tab-toolbar .tab-publicLogo { background: url("../images/vqlweb.svg?l7aop0l1") 0 -45px no-repeat; width: 132px; height: 26px; } .tab-toolbar .narrow .tab-publicLogo { background: url("../images/vqlweb.svg?l7aop0l1") 0 -120px no-repeat; width: 26px; height: 26px; } .public .tab-toolbar .tabToolbarButtonImg.tab-icon-public-logo { background: url("../images/vqlweb.svg?l7aop0l1") -135px -45px no-repeat; width: 132px; height: 26px; } .public .tab-toolbar .tabToolbarButtonFlyoverShown .tabToolbarButtonImg.tab-icon-public-logo { background: url("../images/vqlweb.svg?l7aop0l1") -270px -45px no-repeat; width: 132px; height: 26px; } .public .tab-toolbar .narrow .tabToolbarButtonImg.tab-icon-public-logo { background: url("../images/vqlweb.svg?l7aop0l1") -30px -120px no-repeat; width: 26px; height: 26px; } .public .tab-toolbar .narrow .tabToolbarButtonFlyoverShown .tabToolbarButtonImg.tab-icon-public-logo { background: url("../images/vqlweb.svg?l7aop0l1") -60px -120px no-repeat; width: 26px; height: 26px; } .public .tab-toolbar .tabToolbarButtonFlyoverShown .tabToolbarButtonImg.tab-icon-share { background: url("../images/vqlweb.svg?l7aop0l1") -480px -75px no-repeat; width: 22px; height: 18px; } .tab-shareView .tab-shareLinkButtons .tab-shareSocialTwitter { background: url("../images/vqlweb.svg?l7aop0l1") -245px -95px no-repeat; width: 30px; height: 22px; } .tabToolbarButtonImg.tab-icon-ask-data { background: url("../images/vqlweb.svg?l7aop0l1") 0 -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-commenting { background: url("../images/vqlweb.svg?l7aop0l1") -25px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tab-customviews-modified .tabToolbarButtonImg.tab-icon-customviews, .tab-customViewsView .tab-iconButton .tab-customviews-modified .tab-icons-customView { background: url("../images/vqlweb.svg?l7aop0l1") -80px -150px no-repeat; width: 24px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-customviews { background: url("../images/vqlweb.svg?l7aop0l1") -105px -150px no-repeat; width: 24px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-refresh, .tab-toolbar .tabToolbarButtonImg.tab-icon-refresh-active { background: url("../images/vqlweb.svg?l7aop0l1") -50px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-dataorientation, .tab-toolbar .tabToolbarButtonImg.tab-icon-dataorientation-active { background: url("../images/vqlweb.svg?l7aop0l1") 0 -95px no-repeat; width: 20px; height: 20px; } .tabToolbarButtonImg.tab-icon-lineage { background: url("../images/vqlweb.svg?l7aop0l1") -75px -20px no-repeat; width: 22px; height: 20px; } .tabToolbarButtonImg.tab-icon-lineage-status { background: url("../images/vqlweb.svg?l7aop0l1") -100px -20px no-repeat; width: 22px; height: 20px; } .tabToolbarButtonImg.tab-icon-lineage-severe-status { background: url("../images/vqlweb.svg?l7aop0l1") -125px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-download { background: url("../images/vqlweb.svg?l7aop0l1") -150px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-edit, .tab-customViewsView .tab-iconButton .tab-icons-edit, .tab-toolbar .tabToolbarButtonImg.tab-icon-edit-active, .tabMenuItemIcon.tab-Icon-edit-on-web { background: url("../images/vqlweb.svg?l7aop0l1") -175px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-desktopLayout { background: url("../images/vqlweb.svg?l7aop0l1") -200px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-phoneLayout { background: url("../images/vqlweb.svg?l7aop0l1") -225px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-tabletLayout { background: url("../images/vqlweb.svg?l7aop0l1") -250px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-metrics { background: url("../images/vqlweb.svg?l7aop0l1") -275px -20px no-repeat; width: 22px; height: 20px; } .tabToolbarButtonImg.tab-icon-alert { background: url("../images/vqlweb.svg?l7aop0l1") -300px -20px no-repeat; width: 22px; height: 20px; } .tabMenuItemIcon.tab-Icon-open-on-desktop { background: url("../images/vqlweb.svg?l7aop0l1") -25px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-performance, .tab-toolbar .tabToolbarButtonImg.tab-icon-performance-active { background: url("../images/vqlweb.svg?l7aop0l1") -325px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-exitFullscreen { background: url("../images/vqlweb.svg?l7aop0l1") -350px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-enterFullscreen { background: url("../images/vqlweb.svg?l7aop0l1") -375px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-redo, .tab-toolbar .tabToolbarButtonImg.tab-icon-redo-active { background: url("../images/vqlweb.svg?l7aop0l1") -400px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-pause-updates, .tab-toolbar .tabToolbarButtonImg.tab-icon-pause-updates-active { background: url("../images/vqlweb.svg?l7aop0l1") -425px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-resume-updates, .tab-toolbar .tabToolbarButtonImg.tab-icon-resume-updates-active { background: url("../images/vqlweb.svg?l7aop0l1") -450px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-relatedViews { background: url("../images/vqlweb.svg?l7aop0l1") -130px -120px no-repeat; width: 18px; height: 18px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-replay, .tab-toolbar .tabToolbarButtonImg.tab-icon-replay-active { background: url("../images/vqlweb.svg?l7aop0l1") -50px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-revert, .tab-toolbar .tabToolbarButtonImg.tab-icon-revert-active { background: url("../images/vqlweb.svg?l7aop0l1") -475px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-share { background: url("../images/vqlweb.svg?l7aop0l1") -500px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-on, .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-on-active { background: url("../images/vqlweb.svg?l7aop0l1") -75px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-failed, .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-failed-active { background: url("../images/vqlweb.svg?l7aop0l1") -100px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-off, .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-off-active { background: url("../images/vqlweb.svg?l7aop0l1") -125px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-pending, .tab-toolbar .tabToolbarButtonImg.tab-icon-acceleration-pending-active { background: url("../images/vqlweb.svg?l7aop0l1") -150px -95px no-repeat; width: 20px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-subscribe { background: url("../images/vqlweb.svg?l7aop0l1") -525px -20px no-repeat; width: 22px; height: 20px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-dropdown { background: url("../images/vqlweb.svg?l7aop0l1") -565px -95px no-repeat; width: 12px; height: 12px; } .tab-toolbar .tabToolbarButtonImg.tab-icon-undo, .tab-toolbar .tabToolbarButtonImg.tab-icon-undo-active { background: url("../images/vqlweb.svg?l7aop0l1") -550px -20px no-repeat; width: 22px; height: 20px; } .tab-downloadView .tabWindowsLogo { background: url("../images/vqlweb.svg?l7aop0l1") -150px -120px no-repeat; width: 18px; height: 18px; } .tab-pdf-dialog-sheet-picker .tab-sheet-picker-thumbnail-wrapper .tab-sheet-picker-checkbox-selected:hover { background: url("../images/vqlweb.svg?l7aop0l1") -410px -120px no-repeat; width: 15px; height: 15px; } .tab-pdf-dialog-sheet-picker .tab-sheet-picker-thumbnail-wrapper .tab-sheet-picker-checkbox-selected { background: url("../images/vqlweb.svg?l7aop0l1") -430px -120px no-repeat; width: 15px; height: 15px; } /* end of tableau stock styles */ .tableauPlaceholder iframe { margin-bottom: 40px; } #tab-container { overflow-x: scroll; height: 40px !important; margin-top: 14px; } .tableauTabbedNavigation .dijitTabContainerTop-tabs { width: 3247px !important; border-bottom: none; } .tabPlaceholderItem { display: inline-block; } .tabLabel { font-weight: normal !important; text-decoration: none !important; } .dijitTab a { text-decoration: none !important; } .dijitTab.active { background-color: white !important; border-bottom: none; color: black; } /* Media Query */ #main-header { color: #02454F; padding: 0.8rem; } #main-header .container { display: flex; justify-content: space-between; align-items: center; max-width: 1520px; } #main-header h1 { font-size: 2rem; margin-bottom: 0.5rem; } #main-header p { font-size: 1.2rem; } #main-header .left img { width: 100px; } #main-header .right { flex-grow: 1; } #main-nav { background-color: #02454F; padding: 0.8rem; margin-bottom: 1rem; } #main-nav .container { display: flex; justify-content: space-between; align-items: center; } #main-nav a { color: #FFFFFF; margin: 0 1rem; } #main-nav a:hover { opacity: 0.8; } @media (max-width: 570px) { #main-nav .container { max-width: 1200px; } #main-nav .container .left { display: flex; flex-direction: column; } #main-nav .container .left a { margin: 3px -12px; } } /* Table of Contents Styles */ .toc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 2rem 0; } .toc-grid .toc-group { display: block; /* makes behave like a block */ padding: 1.5rem; margin-bottom: 2rem; border-radius: 8px; background: #f9f9f9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); text-decoration: none; color: inherit; transition: background-color 0.2s ease, box-shadow 0.2s ease; } .toc-grid .toc-group:hover { background-color: #f1f1f1; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12); } .toc-grid .toc-group-title { font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; display: block; } .toc-grid .toc-measures { display: block; } .toc-grid .toc-measure { display: block; font-size: 1rem; margin-bottom: 0.5rem; font-weight: 500; } .toc-group { display: block; padding: 1rem; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 6px; background-color: #fff; text-decoration: none; color: inherit; transition: background-color 0.2s ease; } .toc-group:hover { background-color: #f0f0f0; } .toc-group-title { font-size: 1.25rem; font-weight: bold; display: block; margin-bottom: 0.5rem; } .toc-measures { display: block; } .toc-measure { display: block; margin-bottom: 0.25rem; font-size: 0.95rem; } .dropdown-nav { min-width: 150px; position: relative; background-color: #adaea9; border-radius: 0.5rem; padding: 0.3rem; background-image: url("/images/down-arrow.png"); background-repeat: no-repeat; background-position: 96% 7px; background-size: 12px; } .dropdown-nav .nav-title { cursor: pointer; font-weight: bold; z-index: 2; position: relative; padding-left: 4px; } .dropdown-nav .select { display: none; min-width: 150px; position: absolute; z-index: 1; padding: 0.3rem; left: 0; border-radius: 0.5rem; background-color: #adaea9; top: 17px; padding-top: 11px; } .dropdown-nav .select a { display: block; color: black; text-decoration: none; margin: 0.2rem; font-weight: normal; } .dropdown-nav .select a:hover { color: #02454F; } .dropdown-nav .select.open { display: block; } * { user-select: text !important; } body { font-family: "Calibri", arial, sans-serif; font-size: 16px; } strong { font-weight: bold; } .cta { color: white !important; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 1.1rem; margin-top: 7px; background: #02454F; border-radius: 0.5rem; padding: 8px 2rem 6px; text-decoration: none !important; } .cta:hover { background-color: #adaea9; } .container { margin: auto; max-width: 1360px; padding: 0 2rem; position: relative; } #main-footer { margin-bottom: 0; background-color: #e4e4e4; padding: 0.8rem 0.8rem 0.25rem; color: #02454F; border-top: 2px solid #02454F; } #main-footer .container { display: flex; justify-content: space-between; align-items: center; } #main-footer .container .right img { width: 150px; } .page-title { text-align: center; background-color: #02454F; color: white !important; padding: 1rem; } .main-content { min-height: calc(100vh - 257px); margin-bottom: 2rem; } .main-content a { font-weight: bold; text-decoration: underline; color: #02454F; } .main-content h2 { font-weight: 500; letter-spacing: 0.1rem; font-size: 1.8rem; margin: 2rem 0 1rem; color: #02454F; } .main-content h3 { font-weight: bold; font-size: 1.2rem; margin: 2rem 0 1rem; color: #02454F; } .main-content p { line-height: 1.4; margin: 1rem 0; } .main-content ul { list-style: disc; margin-left: 2rem; } .main-content ul li { margin-bottom: 1rem; } .main-content .sidenote { font-style: italic; text-align: center; } .main-content .flex { display: flex; align-items: center; } @media only screen and (max-width: 860px) { .main-content .flex { flex-direction: column; } } .main-content .dropdown-nav { width: 300px; } .main-content .dropdown-nav .select { width: 300px; } .flexy-images { margin: auto; display: flex; max-width: 1100px; align-items: center; flex-wrap: wrap; justify-content: center; } .flexy-images .image-container { width: 50%; padding: 1rem; width: 260px; text-align: center; } .flexy-images .image-container img { max-height: 160px; } @media screen and (max-width: 600px) { .flexy-images { flex-direction: column; } .flexy-images .image-container { max-width: 100%; } .flexy-images .image-container img { max-height: 200px; } }