:root { --white: #FFFFFF; --black: #000000; --red-20: #FAD4D4; --red-30: #F99797; --red-50: #F55353; --red-60: #DE1B1B; --red-90: #661414; --neutral-10: #FAFAFA; --neutral-20: #F4F4F4; --neutral-30: #D8D8D8; --neutral-40: #BDBDBD; --neutral-50: #A1A1A1; --neutral-60: #767676; --neutral-70: #5E5E5E; --neutral-80: #515151; --neutral-90: #323232; --neutral-100: #161616; --seq-1: #AE74E8; --seq-2: #9659D6; --seq-3: #7D3CBD; --seq-4: #642B9E; --seq-5: #4B2175; --seq-6: #371C52; --div-1: #642B9E; --div-2: #7D3CBD; --div-3: #9656D6; --div-4: #AE74E8; --div-5: #C79BF2; --div-6: #DABCF7; --div-7: #EAD9FA; --div-8: #F5F0FA; --div-9: #D7FAF8; --div-10: #83F2EB; --div-11: #43DED3; --div-12: #21C2B7; --div-13: #0EA197; --div-14: #08827A; --div-15: #086962; --div-16: #09524D; --qual-1: #7D3CBD; --qual-2: #229AD6; --qual-3: #086962; --qual-4: #B01355; --qual-5: var(--red-50); --qual-6: var(--red-90); --qual-7: #038537; --qual-8: #114599; --qual-9: #ED5393; --qual-10: #CF7911; --containerRoot: var(--neutral-10); --container: var(--neutral-20); --containerNested: var(--neutral-30); --input: var(--white); --input--disabled: var(--neutral-40); --icon: var(--neutral-70); --icon--hover: var(--neutral-60); --icon--disabled: var(--neutral-40); --icon--selected: var(--neutral-10); --label: var(--neutral-90); --label--disabled: var(--neutral-60); --border: var(--neutral-50); --border--disabled: var(--neutral-50); --containerBorder: 1px solid var(--border); --boxShadow1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --boxShadow2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); --boxShadow3: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); --boxShadow4: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); --boxShadow5: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); --boxShadow--inset: inset 0 0 4px 2px rgba(34, 34, 34, 0.4); --callToAction: #0C7BB3; --callToActionHighlight: #E8F4FA; --callToAction--hover: #229AD6; --callToAction--active: #066391; --callToAction--activeAlt: #BBE5FA; --callToAction--activeAltInvis: #0B7BB2; --callToAction--disabled: var(--neutral-50); --error: var(--red-60); --info: #3272D9; --infoSecondary: #ACCBFC; --warning: #AD5F00; --warningSecondary: #F5BC76; --success: #038537; --borderRadius: 4px; --borderRadiusInput: 2px; --opacity-25: rgba(0, 0, 0, 0.25); --opacity-50: rgba(0, 0, 0, 0.50); --opacity-85: rgba(0, 0, 0, 0.85); --font-NotoSans: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --indicator: #1EC963; --indicatorOff: #0A2E18; --checkbox--checked: var(--callToAction); --checkbox--unchecked: var(--border); --checkbox--indeterminate: var(--callToAction); --checkbox--disabled: var(--input--disabled); --progressLinearTrack--determinate: var(--neutral-10); --progressLinearTrack--indeterminate: var(--neutral-10); --progressLinearBar--determinate: var(--infoSecondary); --progressLinearBar--indeterminate: var(--border); --toggleSwitch--selected: var(--callToAction); --toggleSwitch--unselected: var(--neutral-10); --radio--selected: var(--callToAction); --radio--unselected: var(--border); --radio--disabled: var(--input--disabled); --pipePrimaryFill: var(--neutral-20); --pipeSecondaryFill: #cccccc; --pipeStroke: var(--neutral-70); --pipeSelectStroke: var(--callToAction); --contextBackground: var(--white); --symbolFill--default: var(--neutral-20); --symbolFillAnimation--default: var(--neutral-50); --symbolStroke--default: var(--neutral-70); --symbolFill--running: var(--white); --symbolFillAnimation--running: var(--neutral-50); --symbolStroke--running: var(--neutral-70); --symbolFill--stopped: var(--neutral-40); --symbolStroke--stopped: var(--neutral-70); --symbolFill--faulted: #FAB6B6; --symbolStroke--faulted: #B80D0D; } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url('/data/perspective/fonts/noto-sans-v8-latin-regular.ttf') format('truetype'); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('/data/perspective/fonts/noto-sans-v8-latin-medium.ttf') format('truetype'); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('/data/perspective/fonts/noto-sans-v8-latin-700.ttf') format('truetype'); } @font-face { font-family: "Roboto"; src: url("/data/perspective/fonts/Roboto-Regular.woff"); } @font-face { font-family: "Roboto"; font-weight: 500; src: url("/data/perspective/fonts/Roboto-Medium.woff"); } @font-face { font-family: "Roboto"; font-weight: 300; src: url("/data/perspective/fonts/Roboto-Light.woff"); } @font-face { font-family: "Roboto"; font-weight: 700; src: url("/data/perspective/fonts/Roboto-Bold.woff"); } @font-face { font-family: "Roboto-italic"; font-style: italic; src: url("/data/perspective/fonts/Roboto-Italic.woff"); } @font-face { font-family: "Roboto-mono"; src: url("/data/perspective/fonts/RobotoMono-Regular.woff"); } @font-face { font-family: "Roboto-condensed"; src: url("/data/perspective/fonts/RobotoCondensed-Regular.woff"); } body { font-family: var(--font-NotoSans); font-weight: 400; font-size: 1rem; color: var(--label); background-color: var(--containerRoot); font-size: 100%; } input, textarea, keygen, select, button { font-family: var(--font-NotoSans); font-weight: 400; } :focus { outline: 1px solid var(--callToAction--hover); } ::selection { background: var(--callToActionHighlight); color: var(--label); } .ia_dockedView__handle { color: var(--neutral-10); background-color: var(--neutral-90); } .ia_popup { background-color: var(--container); box-shadow: var(--boxShadow5); border: var(--containerBorder); } .ia_popup__header { background-color: var(--containerNested); color: var(--neutral-90); border-bottom: var(--containerBorder); font-size: 0.875rem; } .ia_qualityOverlay { border-width: 1.5px; } .ia_qualityOverlay--error { border-color: var(--error); border-style: solid; border-bottom: none; } .ia_qualityOverlay--error.micro { border-bottom: 1.5px solid var(--error); } .ia_qualityOverlay--unknown { border-color: var(--neutral-100); border-style: dotted; border-bottom: none; } .ia_qualityOverlay--unknown.micro { border-bottom: 1.5px dotted var(--neutral-100); } .ia_qualityOverlay--pending { border-color: var(--indicator); border-style: dashed; border-bottom: none; } .ia_qualityOverlay--pending.micro { border-bottom: 1.5px dashed var(--indicator); } .ia_qualityOverlay__footer { color: var(--neutral-10); } .ia_qualityOverlay__footer--error { background-color: var(--error); } .ia_qualityOverlay__footer--unknown { background-color: var(--neutral-100); color: var(--neutral-10); } .ia_qualityOverlay__footer--pending { background-color: var(--indicator); } .ia_qualityOverlay__icon__outline { fill: var(--containerRoot); } .ia_qualityOverlay__icon--error { color: var(--neutral-10); fill: var(--error); } .ia_qualityOverlay__icon--pending { color: var(--neutral-10); fill: var(--indicator); } .ia_qualityOverlay__icon--unknown { color: var(--neutral-10); fill: var(--neutral-100); } .ia_qualityOverlay__icon--micro--error, .ia_qualityOverlay__icon--micro--pending, .ia_qualityOverlay__icon--micro--unknown { border: white solid 1px; } .ia_qualityOverlay__icon--micro--error { background-color: var(--error); } .ia_qualityOverlay__icon--micro--pending { background-color: var(--indicator); } .ia_qualityOverlay__icon--micro--unknown { background-color: var(--neutral-100); } .ia_alarmTableComponent__toolbar { background-color: var(--containerNested); border-bottom: var(--containerBorder); } .ia_alarmTableComponent__toolbar__tab { color: var(--neutral-50); font-weight: 400; font-size: 0.875rem; line-height: 1.125rem; border-bottom: 3px solid transparent; } .ia_alarmTableComponent__toolbar__tab:hover:not(.ia_alarmTableComponent__toolbar__tab--active), .ia_alarmTableComponent__toolbar__tab:hover:not(.ia_alarmTableComponent__toolbar__tab--active) .ia_alarmTableComponent__toolbar__tab__icon { color: var(--neutral-60); } .ia_alarmTableComponent__toolbar__tab--active { color: var(--neutral-90); font-weight: 500; border-bottom: 3px solid var(--neutral-50); } .ia_alarmTableComponent__toolbar__tab__icon { color: var(--neutral-50); } .ia_alarmTableComponent__toolbar__controlIcon, .ia_alarmTableComponent__toolbar__tab__icon--active { color: var(--neutral-70); } .ia_alarmTableComponent__toolbar__controlIcon--active { color: var(--callToAction); } .ia_alarmTableComponent__toolbar__filter__preFilterButton { outline: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ia_alarmTableComponent__toolbar__filter__preFilterButton--active { background-color: var(--callToActionHighlight); } .ia_alarmTableComponent__toolbar__activeFilterInput { background-color: var(--input); border-left: none; height: 2rem; outline: none; } .ia_alarmTableComponent__toolbar__filterResults { font-size: 0.75rem; background-color: var(--container); border-top: 1px solid var(--border); } .ia_alarmTableComponent__toolbar__preFilterCount { font-size: 0.625rem; color: var(--neutral-90); background-color: var(--containerNested); } .ia_alarmTableComponent__toolbar__preFilter__removeAll { border-left: var(--containerBorder); background-color: var(--containerNested); } .ia_alarmTableComponent__toolbar__filter__preFilterContainer { background-color: var(--container); border-top: var(--containerBorder); } .ia_alarmTableComponent__preFilterPill { border: var(--containerBorder); background-color: var(--neutral-20); } .ia_alarmTableComponent__preFilterPill__title { color: var(--neutral-90); font-size: 0.75rem; line-height: 0.875rem; } .ia_alarmTableComponent__preFilters__filter__pager { background-color: var(--neutral-50); color: var(--white); border-left: var(--containerBorder); } .ia_alarmTableComponent__preFilters__filter__pager:hover { background-color: var(--neutral-40); } .ia_alarmTableComponent__preFilters__filter__pager:active { background-color: var(--neutral-60); } .ia_alarmTableComponent__preFilters__filter__pager--disabled { background-color: var(--neutral-60); box-shadow: none; } .ia_alarmTableComponent__preFilters__filter__pager--left { box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.2); border-left: var(--containerBorder); } .ia_alarmTableComponent__preFilters__filter__pager--right { box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2); } .ia_alarmTableComponent__filter__searchPlaceholder, .ia_alarmTableComponent__filter__closeToggle { background-color: var(--input); border: var(--containerBorder); } .ia_alarmTableComponent__modalMenuHeader { font-size: 0.875rem; font-weight: 500; color: var(--neutral-90); background-color: var(--containerNested); } .ia_alarmTableComponent__modalMenuTitle { font-size: 0.75rem; border-bottom: var(--containerBorder); color: var(--neutral-90); } .ia_alarmTableComponent__modalMenuItem { color: var(--neutral-90); line-height: 2rem; font-size: 0.875rem; } .ia_alarmTableComponent__modalMenuItem:hover { color: var(--neutral-90); background-color: var(--callToActionHighlight); } .ia_alarmTableComponent__modalMenuCategory { background-color: var(--container); font-weight: 500; font-size: 0.75rem; color: var(--neutral-60); border-top: var(--containerBorder); border-bottom: var(--containerBorder); } .ia_alarmTableComponent__body__row { color: var(--neutral-90); border-bottom: var(--containerBorder); } .ia_alarmTableComponent__foot { border: 0px solid var(--border); background-color: var(--containerNested); color: var(--neutral-90); } .ia_alarmTableComponent__foot--show { border: var(--containerBorder); } .ia_alarmTableComponent__alarmDetails__titleBar { background-color: var(--neutral-30); font-size: 0.875rem; line-height: 1rem; color: var(--neutral-90); box-shadow: 0px 13px 15px -1px rgba(0, 0, 0, 0.15); border-bottom: var(--containerBorder); } .ia_alarmTableComponent__alarmDetails__category { background-color: var(--neutral-10); } .ia_alarmTableComponent__alarmDetails__category__item { color: var(--neutral-90); font-size: 0.875rem; line-height: 1rem; border-top: var(--containerBorder); } .ia_alarmTableComponent__alarmDetails__category__item__label { border-right: var(--containerBorder); } .ia_alarmTableComponent__alarmDetails__category__titleBar { background-color: var(--neutral-10); border-top: var(--containerBorder); color: var(--neutral-90); font-weight: 600; font-size: 0.75rem; line-height: 0.875rem; } .ia_alarmTableComponent__alarmDetails__notesContainer { background-color: var(--neutral-10); } .ia_alarmTableComponent__alarmNotesModal__titleBar { background-color: var(--neutral-30); box-shadow: 0px 13px 15px -1px rgba(0, 0, 0, 0.15); font-size: 0.875rem; line-height: 1rem; color: var(--neutral-90); } .ia_alarmPropertiesTable { border-bottom: var(--containerBorder); background-color: var(--container); } .ia_alarmPropertiesTable__category__titleBar { border-top: var(--containerBorder); background-color: var(--neutral-10); color: var(--border); font-weight: 600; font-size: 0.75rem; line-height: 0.875em; } .ia_alarmPropertiesTable__categoryTable__row { color: var(--neutral-90); border-top: var(--containerBorder); font-size: 0.75rem; line-height: 0.875em; } .ia_alarmPropertiesTable__categoryTable__row__label { border-right: var(--containerBorder); } .ia_button--primary, .ia_button--secondary { font-size: 0.875rem; font-weight: 700; border-radius: var(--borderRadius); -webkit-border-radius: var(--borderRadius); cursor: pointer; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; transition-property: box-shadow, background-color; } .ia_button--primary:enabled:hover, .ia_button--secondary:enabled:hover { box-shadow: var(--boxShadow2); } .ia_button--primary { background-color: var(--callToAction); border: var(--containerBorder); color: var(--neutral-10); } .ia_button--primary svg, .ia_button--secondary svg { fill: currentColor; } .ia_button--primary:enabled:active { box-shadow: var(--boxShadow--inset); border: none; } .ia_button--primary--disabled { background-color: var(--callToAction--disabled); border: var(--border--disabled); color: var(--neutral-30); cursor: not-allowed; } .ia_button--secondary { background-color: var(--neutral-10); border: var(--containerBorder); color: var(--neutral-90); } .ia_button--secondary:enabled:active { box-shadow: var(--boxShadow--inset); } .ia_button--secondary--disabled { background-color: var(--border--disabled); border: 1px solid var(--border--disabled); color: var(--neutral-30); cursor: not-allowed; } .ia_checkbox__checkedIcon, .ia_checkbox__uncheckedIcon, .ia_checkbox__indeterminateIcon { transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .ia_checkbox__icon--useColor { fill: currentColor; } .ia_checkbox .ia_checkbox__checkedIcon, .ia_checkbox .ia_checkbox__indeterminateIcon { color: var(--checkbox--checked); } .ia_checkbox .ia_checkbox__uncheckedIcon { color: var(--checkbox--unchecked); } .ia_checkbox .ia_checkbox__checkedIcon--disabled, .ia_checkbox .ia_checkbox__uncheckedIcon--disabled, .ia_checkbox .ia_checkbox__indeterminateIcon--disabled { color: var(--checkbox--disabled); } .ia_checkbox:hover input:enabled~.ia_checkbox__checkedIcon, .ia_checkbox:hover input:enabled~.ia_checkbox__indeterminateIcon { filter: brightness(1.2); } .ia_checkbox:hover input:enabled~.ia_checkbox__uncheckedIcon { filter: brightness(0.5); } .ia_checkbox input:enabled:active~.ia_checkbox__checkedIcon, .ia_checkbox input:enabled:active~.ia_checkbox__uncheckedIcon, .ia_checkbox input:enabled:active~.ia_checkbox__indeterminateIcon { filter: brightness(0.7); } .ia_componentModal { color: var(--containerRoot); background-color: var(--containerRoot); border: var(--containerBorder); } .ia_componentModal--fullViewOverlay { background-color: var(--opacity-85); } .ia_container--root { background-color: var(--containerRoot); } .ia_container--secondary { background-color: var(--container); } .ia_contextMenu { background: var(--container); color: var(--neutral-90); } .ia_dateRangePicker { color: var(--label); } .ia_dateRangePicker--disabled { color: var(--label--disabled); } .ia_dateRangePicker__calendarBar__dayOfWeekTile { color: var(--neutral-90); font-size: 0.875rem; line-height: 1rem; font-weight: 500; } .ia_dateRangePicker__calendar__dayTile { font-size: 0.875rem; line-height: 1rem; color: inherit; border: 2px solid transparent; } .ia_dateRangePicker__calendar__dayTile--fillerTile { color: var(--neutral-40); } .ia_dateRangePicker__calendar__dayTile--node { border: 2px solid var(--callToAction); font-weight: 500; border-radius: var(--borderRadius); } .ia_dateRangePicker__calendar__dayTile--node--disabled { border-color: var(--callToAction--disabled); } .ia_dateRangePicker__calendar__dayTile--rangeNode { background-color: var(--callToAction); color: var(--neutral-90); font-weight: 500; border-radius: var(--borderRadius); } .ia_dateRangePicker__calendar__dayTile--range { background-color: var(--callToActionHighlight); border-radius: 0; } .ia_dateRangePicker__calendar__dayTile--outOfRange { color: var(--neutral-40); } .ia_dateRangePicker__calendar__dayTile:hover:not(.ia_dateRangePicker__calendar__dayTile--fillerTile):not(.ia_dateRangePicker__calendar__dayTile--node):not(.ia_dateRangePicker__calendar__dayTile--rangeNode):not(.ia_dateRangePicker__calendar__dayTile--outOfRange):not(.hasTouch) { background-color: rgba(71, 169, 229, 0.3); } .ia_dateRangePicker__pagerArrow--disabled { color: var(--label--disabled); } .ia_dateRangeTimePicker { color: var(--neutral-90); } .ia_dateRangeTimePicker__rangeInfo { line-height: 1.125rem; font-size: 0.875rem; } .ia_dateRangeTimePicker__clearRange { color: var(--callToAction); font-weight: 500; font-size: 0.75rem; text-decoration: underline; } .ia_dateRangeTimePicker__clearRange--disabled { color: var(--label--disabled); } .ia_dateRangeTimePicker__timeInfo { font-weight: 500; line-height: 1.125rem; font-size: 0.875rem; } .ia_dataTypeFilter { color: var(--label); } .ia_dataTypeFilter__actionsContainer__removeAction { color: var(--callToAction); } .ia_dropdown { background-color: var(--input); border: var(--containerBorder); border-radius: var(--borderRadiusInput); color: var(--neutral-80); font-size: 0.875rem; fill: var(--icon); } .ia_dropdown__placeholder { color: var(--label--disabled); } .ia_dropdown__valuePill { border-radius: var(--borderRadius); background-color: var(--containerNested); overflow: hidden; } .ia_dropdown__removeValueIcon { fill: currentColor; } .ia_dropdown__removeValue--focused, .ia_dropdown__removeValue:hover { background-color: var(--red-30); } .ia_dropdown__removeValue:hover > svg { fill: var(--red-60); } .ia_dropdown__search { color: inherit; font-size: 0.875rem; } .ia_dropdown--active, .ia_dropdown--focused { outline: 1px solid var(--callToAction--hover); } .ia_dropdown--disabled { color: var(--label--disabled); background-color: var(--input--disabled); cursor: not-allowed; fill: var(--label--disabled); } .ia_dropdown--disabled:focus, .ia_dropdown__search:focus { outline: none; } .ia_dropdown--error:not(.ia_dropdown--disabled) { color: var(--error); } .ia_dropdown__optionsModal { background-color: var(--input); border-radius: var(--borderRadiusInput); font-size: 0.875rem; } .ia_dropdown__option { color: var(--label); } .ia_dropdown__option--focused:not(.ia_dropdown__option--selected), .ia_dropdown__option--focused:not(.ia_dropdown__option--disabled) { background-color: var(--callToAction--activeAlt); color: var(--label); } .ia_dropdown__option.ia_dropdown__option--selected { background-color: var(--callToAction--hover); } .ia_dropdown__option.ia_dropdown__option--disabled { color: var(--label--disabled); cursor: not-allowed; } .ia_dropdown__option__noResults { color: var(--input--disabled); pointer-events: none; } .ia_dropdown__clearValueIcon:hover { fill: var(--icon--disabled); } .ia_inputField { font-size: 0.875rem; color: var(--neutral-90); border: var(--containerBorder); background-color: var(--input); padding: 0px 0.5rem; border-radius: var(--borderRadiusInput); } .ia_inputField::placeholder { color: var(--neutral-50); } .ia_inputField:disabled { color: var(--label--disabled); border: 1px solid var(--border--disabled); background-color: var(--input--disabled); cursor: not-allowed; } .ia_pager { background-color: var(--neutral-30); color: var(--neutral-90); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); line-height: 0.875rem; font-size: 0.75rem; } .ia_pager__jumpFirstLast { line-height: 0.875rem; font-size: 1rem; color: var(--neutral-90); } .ia_pager__jumpFirstLast--disabled { color: var(--label--disabled); } .ia_pager__prevNext { color: var(--neutral-90); } .ia_pager__prevNext--disabled { color: var(--neutral-70); } .ia_pager__page { border-radius: 50%; width: 1.25rem; height: 1.25rem; color: var(--neutral-90); } .ia_pager__page--active { background: var(--callToAction); color: var(--neutral-10); } .ia_pager__jump { width: 3.125rem; text-align: center; border-radius: var(--borderRadius); } .ia_pager__jump:focus { outline: none; } .ia_progressBar__track { border: var(--containerBorder); border-radius: 24px; } .ia_progressBar__track--determinate { background-color: var(--progressLinearTrack--determinate); } .ia_progressBar__track--indeterminate { background-color: var(--progressLinearTrack--indeterminate); } .ia_progressBar__bar { background-color: var(--progressLinearBar--determinate); transition: transform 0.2s linear; } .ia_progressBar__bar--determinate { transition: transform 0.2s linear; } .ia_progressBar__bar--indeterminate { animation: ia_progressBar_bar--indeterminateAnimation 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation-name: ia_progressBar_bar--indeterminateAnimation; } .ia_progressBar__displayValue { color: var(--neutral-90); } @keyframes ia_progressBar_bar--indeterminateAnimation { 0% { left: -35%; right: 100%; } 100% { left: 100%; right: -90%; } } .ia_radio__selectedIcon, .ia_radio__unselectedIcon { transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; height: 21.65px; width: 21.65px; } .ia_radio__icon--useColor { fill: currentColor; } .ia_radio .ia_radio__selectedIcon { color: var(--radio--selected); } .ia_radio .ia_radio__unselectedIcon { color: var(--radio--unselected); } .ia_radio .ia_radio__unselectedIcon--disabled, .ia_radio .ia_radio__selectedIcon--disabled { color: var(--radio--disabled); } .ia_radio:hover input:enabled~.ia_radio__selectedIcon { filter: brightness(1.2); } .ia_radio:hover input:enabled~.ia_radio__unselectedIcon { filter: brightness(0.5); } .ia_radio input:enabled:active~.ia_radio__selectedIcon, .ia_radio input:enabled:active~.ia_radio__unselectedIcon { filter: brightness(0.7); } .ia_realtimeOrHistoricalRange { background-color: var(--containerRoot); } .ia_realtimeOrHistoricalRangeSelector__calendarIcon { color: var(--neutral-70); } .ia_realtimeOrHistoricalRangeSelector__calendarIcon--active { color: var(--callToAction); } .ia_realtimeOrHistoricalRangeSelector__message { color: var(--neutral-90); font-size: 0.675rem; font-weight: 700; } .ia_realtimeOrHistoricalRangeSelector__modal { background-color: var(--container); } .ia_realtimeOrHistoricalRangeSelector__modal__header { color: var(--neutral-80); background-color: var(--containerNested); border-bottom: var(--containerBorder); font-weight: 500; } .ia_realtimeOrHistoricalRange__tabContainer__tab { font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; border-bottom: 3px solid transparent; color: var(--neutral-60); background-color: var(--container); } .ia_realtimeOrHistoricalRange__tabContainer__tab:hover:not(.ia_realtimeOrHistoricalRange__tabContainer__tab--active) { color: var(--neutral-70); } .ia_realtimeOrHistoricalRange__tabContainer__tab--active { color: var(--neutral-90); font-weight: 500; border-bottom: 3px solid var(--callToAction); } .ia_realtimeOrHistoricalRange__footer { border-top: var(--containerBorder); background-color: var(--container); } .ia_realtimeOrHistoricalRange__realtimeContent { color: var(--neutral-90); font-size: 0.875rem; } .ia_select { border-radius: var(--borderRadius); border: var(--containerBorder); background-color: var(--input); font-size: 0.875rem; color: var(--label); cursor: pointer; } .ia_select--disabled { background-color: var(--input--disabled); border: 1px solid var(--border--disabled); color: var(--label--disabled); cursor: not-allowed; } .ia_select__select { background-color: var(--input); font-size: inherit; color: inherit; } .ia_select__select:disabled { background-color: var(--input--disabled); } .ia_slider { border-radius: 6px; } .ia_slider__rail { background-color: var(--neutral-40); } .ia_slider__track { border-radius: var(--borderRadius); background-color: var(--callToAction); } .ia_slider__track--disabled { background-color: var(--border--disabled); } .ia_slider__step__dot { border: 2px solid var(--border); background-color: var(--container); border-radius: 50%; } .ia_slider__step__dot--active { border-color: var(--callToAction); } .ia_slider__handle { border-radius: 50%; border: solid 1px var(--border); background-color: var(--container); } .ia_slider__handle:hover { background-color: var(--containerRoot); border-color: var(--callToAction); } .ia_slider__handle:active { border-color: var(--callToAction); background-color: var(--callToActionHighlight); box-shadow: 0 0 5px rgba(78, 188, 252, 0.2); } .ia_slider__handle:focus { border-color: var(--callToAction--active); box-shadow: 0 0 0 5px rgba(78, 188, 252, 0.5); } .ia_slider__handle--disabled { border-color: var(--border--disabled); background-color: var(--border--disabled); } .ia_slider__mark__text { color: var(--neutral-60); } .ia_slider__mark__text--active { color: var(--neutral-90); } .ia_slider__mark__text--disabled { color: var(--label--disabled); } .ia_table { color: var(--neutral-90); } .ia_table__headContainer, .ia_table__footContainer { background-color: var(--container); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3); } .ia_table__foot, .ia_table__head { font-weight: 500; font-size: 0.875rem; } .ia_table__head__header__sort { color: var(--neutral-50); } .ia_table__head__header__sort--active { color: var(--callToAction--active); } .ia_table__head__header__filter { color: var(--neutral-70); } .ia_table__head__header__filter--active { color: var(--callToAction--active); } .ia_table__body { background-color: var(--container); font-size: 0.875rem; } .ia_table__body__row--even { background-color: var(--neutral-10); } .ia_table__body__row--odd { background-color: var(--neutral-20); } .ia_table__body__emptyMessage { color: var(--neutral-60); } .ia_table__resizeGuide { background-color: var(--callToAction); opacity: 0.5; } .ia_table__activeColumnOverlay { background-color: currentColor; opacity: 0.4; } .ia_table__draggingColumnPlaceholderOverlay { background-color: currentColor; opacity: 0.2; } .ia_table__positionGuide { background-color: currentColor; opacity: 0.6; } .ia_tagBrowser__noResultsDisplay, .ia_tagBrowser__loadingDisplay { background: var(--neutral-10); border: 1px solid var(--border); } .ia_tagBrowser__noResultsDisplay__message { color: var(--input--disabled); } .ia_textArea { font-size: 0.875rem; color: var(--neutral-90); border: var(--containerBorder); background-color: var(--input); padding: 0.5rem; } .ia_textArea::placeholder { color: var(--neutral-50); } .ia_textArea:disabled { color: var(--label--disabled); border: 1px solid var(--border--disabled); background-color: var(--input--disabled); cursor: not-allowed; } .ia_timeInput__separator { background-color: var(--input); border-top: var(--containerBorder); border-bottom: var(--containerBorder); } .ia_timeInput__separator--disabled { color: var(--label--disabled); background-color: var(--input--disabled); } .ia_timeInput--buttonMode { color: var(--label); } .ia_timeInput--buttonMode--disabled { color: var(--label--disabled); } .ia_toggleSwitch__track { background-color: var(--toggleSwitch--unselected); filter: invert(25%); border-radius: 8px; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .ia_toggleSwitch__track--selected { background-color: var(--toggleSwitch--selected); opacity: 0.25; filter: none; } .ia_toggleSwitch__track--disabled { background-color: var(--input--disabled) !important; opacity: 0.5; } .ia_toggleSwitch__thumb { border-radius: 50%; background-color: var(--toggleSwitch--unselected); border: var(--containerBorder); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); transition: left 200ms cubic-bezier(0.4, 0, 0.2, 1), left 150ms cubic-bezier(0.4, 0, 0.2, 1); } .ia_toggleSwitch__thumb--selected { background-color: var(--toggleSwitch--selected); border: none; } .ia_toggleSwitch__thumb:hover { border: 1px solid var(--callToAction); } .ia_toggleSwitch__thumb--selected:hover { filter: brightness(1.2); } .ia_toggleSwitch__thumb--disabled { background-color: var(--input--disabled) !important; border: none; } .ia_toggleSwitch__thumb--disabled:hover { filter: none; border: none; } .ia_viewStateDisplay { border: dashed 1px var(--border--disabled); } .ia_viewStateDisplay__icon { color: var(--neutral-70); } .ia_viewStateDisplay__primaryMessage { color: var(--neutral-90); } .ia_viewStateDisplay__secondaryMessage { color: var(--neutral-70); } .ia_designing__container__addChild { color: var(--neutral-70); } .ia_accordionComponent { border: var(--containerBorder); background-color: var(--container); } .ia_accordionComponent--disabled { color: var(--label--disabled); background-color: var(--input--disabled); cursor: not-allowed; } .ia_accordionComponent__body { border-bottom: var(--containerBorder); } .ia_accordionComponent__header { background-color: var(--container); cursor: pointer; } .ia_accordionComponent__header:hover { filter: brightness(0.9); } .ia_accordionComponent__header__text { font-size: 14px; } .ia_accordionComponent__header__text--expanded { font-weight: 500; } .ia_accordionComponent__emptyRow { background-color: var(--containerNested); }.ia_alarmJournalTableComponent { border: var(--containerBorder); } .ia_alarmJournalTableComponent__selection { background-color: rgba(12, 123, 179, 0.2); } .ia_alarmJournalTableComponent__alarmDetails__tabContainer { background-color: var(--neutral-30); color: var(--neutral-70); font-size: 0.875rem; } .ia_alarmJournalTableComponent__alarmDetails__tabContainer__tab__propertiesTab { border-bottom: var(--containerBorder); } .ia_alarmJournalTableComponent__alarmDetails__tabContainer__tab__notesTab { border-left: var(--containerBorder); border-right: var(--containerBorder); } .ia_alarmJournalTableComponent__alarmDetails__tabContainer__tab--active { background-color: var(--neutral-10); font-weight: 700; border-bottom: none; color: var(--neutral-90); } .ia_alarmJournalTableComponent__alarmDetails__tabContainer__remainingSpace { border-bottom: var(--containerBorder); } .ia_alarmStatusTableComponent { border: var(--containerBorder); } .ia_alarmStatusTableComponent__selection { background-color: rgba(12, 123, 179, 0.2); } .ia_alarmStatusTableComponent__foot__message { color: var(--neutral-90); line-height: 1rem; font-weight: 400; font-size: 0.875rem; } .ia_alarmStatusTableComponent__foot__message--success { color: var(--success); } .ia_alarmStatusTableComponent__foot__message--error { color: var(--error); } .ia_alarmStatusTableComponent__alarmNotesRequiredModal__foot { background-color: var(--neutral-30); border: var(--containerBorder); } .ia_checkboxComponent { color: var(--neutral-90); } .ia_checkboxComponent--disabled { color: var(--label--disabled); } .ia_columnContainerComponent--designing__columnGuide { background-color: var(--containerNested); } .ia_columnContainerComponent--designing__row { outline: dashed var(--border) 1px; } .ia_componentContextMenu { border-color: var(--border); background-color: var(--contextBackground); color: var(--label); } .ia_componentContextMenu__item:hover, .ia_componentContextMenu__submenu--active { background-color: var(--callToActionHighlight); } .ia_componentContextMenu__icon { fill: var(--icon); } .ia_cylindricalTankComponent__tank { stroke: var(--border); fill: var(--containerRoot); stroke-width: 2px; } .ia_cylindricalTankComponent__tank--warning { fill: var(--error); fill-opacity: 0.2; } .ia_cylindricalTankComponent__liquid { fill: var(--info); fill-opacity: 0.7; stroke: var(--border); stroke-width: 2px; } .ia_cylindricalTankComponent__liquid--warning { fill: var(--error); } .ia_cylindricalTankComponent__valueDisplay { font-size: 2rem; font-weight: 500; } .ia_grid__cell { background-color: var(--container); } .ia_dashboardComponent { background-color: var(--containerRoot); border: var(--containerBorder); } .ia_dashboardComponent__control { background-color: var(--opacity-25); color: var(--neutral-20); } .ia_dashboardComponent__control:hover { background-color: var(--opacity-50); color: var(--neutral-10); } .ia_dashboardComponent__cell__addWidget { color: var(--callToAction); } .ia_dashboardComponent__cell__addWidget:hover { color: var(--callToAction--hover); } .ia_dashboardComponent__addWidgetOverlay { background-color: var(--neutral-90); opacity: 0.2; } .ia_dashboardComponent__cell { background-color: var(--containerNested); } .ia_dashboardComponent__cell--active { background-color: var(--neutral-40); } .ia_dashboardComponent__movingWidgetPlaceholder { border: 2px dashed var(--border); border-radius: var(--borderRadius); } .ia_dashboardComponent__widget { border: var(--containerBorder); border-radius: var(--borderRadius); } .ia_dashboardComponent__widget--editing { border: 2px dashed var(--callToAction); } .ia_dashboardComponent__widget--configuring { border: 2px dashed var(--warning); } .ia_dashboardComponent__widget--moving { box-shadow: var(--boxShadow5); } .ia_dashboardComponent__widget__resizeHandle__handle { border-radius: 50%; border: 2px solid var(--callToAction); background-color: var(--neutral-10); } .ia_dashboardComponent__widget__resizeHandle__handle--configuring { border: 2px solid var(--warning); } .ia_dashboardComponent__widget__controlBar { color: var(--icon); } .ia_dashboardComponent__widget__controlBar__control--active { color: var(--warning); } .ia_dashboardComponent__widget__controlBar__control:hover { color: var(--icon--hover); } .ia_dashboardComponent__widget__head { background-color: var(--containerNested); border-bottom: var(--containerBorder); font-size: 0.875rem; } .ia_dashboardComponent__widget__head__title { text-align: left; padding: 0px 0.625rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ia_dashboardComponent__widget__body { background-color: var(--container); } .ia_dashboardComponent__addWidgetModal__head, .ia_dashboardComponent__removeWidgetModal__head { font-size: 1.125rem; font-weight: 400; line-height: 0.875rem; background-color: var(--neutral-30); border-bottom: var(--containerBorder); color: var(--neutral-90); } .ia_dashboardComponent__addWidgetModal__searchContainer { background-color: var(--neutral-10); border-bottom: var(--containerBorder); } .ia_dashboardComponent__addWidgetModal__menu__category__titleBar { background-color: var(--neutral-30); border-bottom: var(--containerBorder); color: var(--neutral-90); font-size: 0.75rem; } .ia_dashboardComponent__addWidgetModal__body, .ia_dashboardComponent__removeWidgetModal__body { background-color: var(--neutral-10); color: var(--neutral-90); font-size: 0.875rem; line-height: 0.875rem; font-weight: 400; } .ia_dashboardComponent__addWidgetModal__menu__category__item { color: var(--neutral-90); border-bottom: var(--containerBorder); font-size: 0.875rem; line-height: 1rem; font-weight: 400; } .ia_dashboardComponent__addWidgetModal__menu__category__item:hover:not(.ia_dashboardComponent__addWidgetModal__menu__category__item--selected) { background-color: var(--callToActionHighlight); } .ia_dashboardComponent__addWidgetModal__menu__category__item--selected { background-color: var(--callToAction--active); color: var(--neutral-10); } .ia_dashboardComponent__addWidgetModal__foot { background-color: var(--neutral-30); border-top: var(--containerBorder); } .ia_dateTimePickerComponent { border: var(--containerBorder); } .ia_dateTimePickerComponent--disabled { color: var(--label--disabled); border-color: var(--border--disabled); background-color: var(--input--disabled); } .ia_dateTimeInputComponent { color: var(--label); } .ia_dateTimeInputComponent--disabled { color: var(--label--disabled); } .ia_equipmentScheduleComponent { border: var(--containerBorder); font-size: 0.75rem; color: var(--neutral-90); } .ia_equipmentScheduleComponent__actionBar, .ia_equipmentScheduleComponent__spacer, .ia_equipmentScheduleComponent__groupingCell__backdrop, .ia_equipmentScheduleComponent__headerCell__backdrop, .ia_equipmentScheduleComponent__itemList, .ia_equipmentScheduleComponent__itemList__item, .ia_equipmentScheduleComponent__groupingHeader { background: var(--neutral-30); } .ia_equipmentScheduleComponent__actionBar, .ia_equipmentScheduleComponent__spacer, .ia_equipmentScheduleComponent__headerCell, .ia_equipmentScheduleComponent__groupingCell, .ia_equipmentScheduleComponent__itemList__item, .ia_equipmentScheduleComponent__itemList__item, .ia_equipmentScheduleComponent__gridSpace__gridCell, .ia_equipmentScheduleComponent__gridSpace__gridCell--hover { border-bottom: var(--containerBorder); } .ia_equipmentScheduleComponent__spacer, .ia_equipmentScheduleComponent__groupingCell, .ia_equipmentScheduleComponent__headerCell, .ia_equipmentScheduleComponent__itemList, .ia_equipmentScheduleComponent__gridSpace__gridCell, .ia_equipmentScheduleComponent__gridSpace__gridCell--hover { border-right: var(--containerBorder); } .ia_equipmentScheduleComponent__gridSpace__gridCell { background: var(--container); } .ia_equipmentScheduleComponent__gridSpace__gridCell--hover { background: var(--neutral-30); } .ia_equipmentScheduleComponent__actionBar, .ia_equipmentScheduleComponent__groupingCell, .ia_equipmentScheduleComponent__itemList__item { font-weight: 700; } .ia_equipmentScheduleComponent__headerCell:hover, .ia_equipmentScheduleComponent__actionButton { background: var(--neutral-10); } .ia_equipmentScheduleComponent__actionButton { border: var(--neutral-50); border-radius: var(--borderRadius); } .ia_equipmentScheduleComponent__actionBar__dropdown { font-size: 0.75rem; width: 7rem; } .ia_equipmentScheduleComponent__actionButton__icon { fill: var(--neutral-90); } .ia_equipmentScheduleComponent__add__icon { fill: var(--qual-2); } .ia_equipmentScheduleComponent__overlappingEvent__backdrop { background: var(--neutral-40); opacity: 0.5; } .ia_equipmentScheduleComponent__overlappingEvent__dropdown { color: var(--white); background: var(--black); font-size: 0.625rem; font-weight: 700; } .ia_equipmentScheduleComponent__overlappingEvent__dropdown__icon { fill: var(--white); } .ia_equipmentScheduleComponent__scheduleEvent__progressBar__bar__color { background-color: #0C7BB3; } .ia_equipmentScheduleComponent__scheduleEvent__progressBar__track__color { background-color: #FFFFFF; } .ia_equipmentScheduleComponent__tooltip { background-color: #000000; font-size: 0.625rem; color: #FFFFFF; } .ia_equipmentScheduleComponent__scheduleEvent { background: #7D3CBD; color: #FFFFFF; font-size: 0.75rem; font-weight: normal; border-radius: var(--borderRadius); } .ia_equipmentScheduleComponent__scheduleEvent__leadTime { background-color: #FAD8AF; } .ia_equipmentScheduleComponent__resizePlaceHolder, .ia_equipmentScheduleComponent__movePlaceHolder, .ia_equipmentScheduleComponent__selectedPlaceHolder { border-radius: var(--borderRadius); } .ia_equipmentScheduleComponent__resizePlaceHolder { border: 2px solid var(--black); } .ia_equipmentScheduleComponent__movePlaceHolder { border: 2px dashed rgba(0,0,0,0.4); } .ia_equipmentScheduleComponent__selectedPlaceHolder { border: 2px solid #47A9E5; } .ia_equipmentScheduleComponent__downtimeEvent { background-color: rgba(222,27,27,0.3); } .ia_equipmentScheduleComponent__breakEvent { background-color: rgba(10,166,72,0.3); } .ia_fileUploadComponent { border: 1px dashed var(--border); border-radius: var(--borderRadius); font-size: 0.875rem; color: var(--neutral-70); } .ia_fileUploadComponent--uploading, .ia_fileUploadComponent--error, .ia_fileUploadComponent--dragTarget { border: var(--containerBorder); background-color: var(--callToActionHighlight); } .ia_fileUploadComponent__displayMessage { color: var(--neutral-70); } .ia_fileUploadComponent--error__displayMessage { color: var(--error); } .ia_fileUploadComponent__supportedFileTypes { font-size: 0.75rem; color: var(--neutral-70); } .ia_fileUploadComponent__supportedFileTypes--error { color: var(--error); } .ia_fileUploadComponent__supportedFileTypes__primaryMessage { font-weight: 700; } .ia_fileUploadComponent__supportedFileTypes__icon { fill: var(--icon); } .ia_fileUploadComponent__filesList { border-top: var(--containerBorder); } .ia_fileUploadComponent__filesList__file { color: var(--neutral-70); } .ia_fileUploadComponent__filesList__fileName { color: var(--info); } .ia_fileUploadComponent__filesList__okayIcon { fill: var(--success); } .ia_fileUploadComponent__filesList__loadingIcon { fill: var(--neutral-70); } .ia_fileUploadComponent__filesList--error__loadingIcon { fill: var(--error); } .ia_fileUploadComponent__fileSummary__completeIcon { fill: var(--success); } .ia_fileUploadComponent__fileSummary__clearIcon { fill: var(--icon); cursor: pointer; } .ia_fileUploadComponent__fileSummary__clearIcon__message { font-size: 0.75rem; } .ia_fileUploadComponent__fileSummary__message--success { font-size: 0.875rem; } .ia_fileUploadComponent__pagination { background-color: var(--container); border-top: 1px solid var(--border); } .ia_fileUploadComponent__pagination__fileCount { font-size: 0.75rem; color: var(--neutral-70); } .ia_fileUploadComponent__pagination__nextPrevIcon { fill: var(--neutral-90); } .ia_fileUploadComponent__pagination__nextPrevIcon--disabled { fill: var(--neutral-50); } .ia_fileUploadComponent__pagination_callToAction:hover:not(.disabled) .ia_fileUploadComponent__pagination__nextPrevIcon { fill: var(--callToAction); } .ia_fileUploadComponent--tablet { border: 1px dashed var(--border); border-radius: var(--borderRadius); font-size: 0.75rem; color: var(--neutral-70); } .ia_fileUploadComponent--tablet__fileSummary__message--success { font-size: 0.75rem; } .ia_fileUploadComponent--tablet__progress__uploadProgressAnimation { border: var(--containerBorder); background: var(--neutral-10); } .ia_fileUploadComponent--tablet__progress__uploadProgressAnimation__innerPath { fill: var(--callToAction); } .ia_fileUploadComponent--mobile { border: 1px dashed var(--neutral-40); border-radius: var(--borderRadius); font-size: 0.75rem; color: var(--neutral-70); } .ia_fileUploadComponent--mobile--invalid { border-color: var(--callToAction); } .ia_fileUploadComponent--mobile--popupDisplayed { border-color: var(--callToAction); } .ia_fileUploadComponent--mobile--uploading, .ia_fileUploadComponent--mobile--error, .ia_fileUploadComponent--mobile--complete { border: 1px solid var(--callToAction); } .ia_fileUploadComponent--mobile--complete__icon { fill: var(--success); } .ia_fileUploadComponent--mobile--error__icon { fill: var(--error); } .ia_fileUploadComponent--mobile__popup { color: var(--neutral-70); } .ia_fileUploadComponent--mobile__filesList { border-top: var(--containerBorder); } .ia_fileUploadComponent--mobile__uploadIcon { fill: var(--callToAction); } .ia_fileUploadComponent__supportedFileTypes__icon { fill: var(--icon); } .ia_fileUploadComponent--mobile__progress__activeFileText { fill: var(--neutral-90); } .ia_fileUploadComponent--mobile__progress__uploadProgressAnimation { border: var(--containerBorder); background: var(--neutral-10); } .ia_fileUploadComponent--mobile__progress__uploadProgressAnimation__innerPath { fill: var(--callToAction); } .ia_horizontalMenuComponent { border-top: var(--containerBorder); border-bottom: var(--containerBorder); } .ia_horizontalMenuComponent__item { color: var(--neutral-70); background-color: var(--container); } .ia_horizontalMenuComponent__item__icon { fill: currentColor; } .ia_horizontalMenuComponent__item--disabled { color: var(--neutral-50); } .ia_horizontalMenuComponent__item__expandIcon { fill: var(--neutral-70); } .ia_horizontalMenuComponent__item:not(.ia_horizontalMenuComponent__item--active):not(.ia_horizontalMenuComponent__item--disabled):hover { filter: brightness(0.9); } .ia_horizontalMenuComponent__item--active { color: var(--neutral-90); } .ia_horizontalMenuComponent__sideNav__iconContainer { background-color: var(--neutral-50); } .ia_horizontalMenuComponent__modal { border: none; border-top: var(--containerBorder); box-shadow: none; background-color: transparent; } .ia_horizontalMenuComponent__modal .ia_horizontalMenuComponent__item { border-bottom: var(--containerBorder); } .ia_horizontalMenuComponent__item__leftItem { border-left: 3px solid transparent; } .ia_horizontalMenuComponent__item__leftItem--active { border-left: 3px solid var(--callToAction); } .ia_horizontalMenuComponent__item__rightItem { border-right: 3px solid transparent; } .ia_horizontalMenuComponent__item__rightItem--active { border-right: 3px solid var(--callToAction); } .ia_horizontalMenuComponent__sideNavContainerLeft { background: linear-gradient(to right, var(--container), 50%, transparent 100%); } .ia_horizontalMenuComponent__sideNavContainerRight { background: linear-gradient(to right, transparent, var(--container) 50%, var(--container) 100%); } .ia_ledComponent__diode--on { fill: var(--indicator); } .ia_ledComponent__diode--off { fill: var(--indicatorOff); } .ia_ledComponent__background { fill: var(--neutral-100); } .ia_linearScaleComponent__majorTick, .ia_linearScaleComponent__minorTick, .ia_linearScaleComponent__fineTick { stroke: var(--neutral-60); } .ia_linearScaleComponent__tick__label, .ia_linearScaleComponent__indicator__label { fill: var(--neutral-90); } .ia_linearScaleComponent__lineIndicator { stroke: var(--seq-2); } .ia_linearScaleComponent__wedgeIndicator { opacity: 1; fill: var(--indicator); } .ia_linearScaleComponent__rangeIndicator { fill: var(--seq-5); fill-opacity: 0.4; } .ia_menuTreeComponent__item { border-bottom: solid var(--border) 1px; background-color: inherit; color: var(--neutral-90); } .ia_menuTreeComponent__item:not(.ia_menuTreeComponent__header):hover { filter: brightness(0.9); } .ia_menuTreeComponent__item__icon, .ia_menuTreeComponent__header__icon { fill: var(--icon); } .ia_menuTreeComponent__item__navIcon { fill: var(--icon); } .ia_menuTreeComponent__backAction { background-color: var(--neutral-30); color: var(--icon); border-bottom: solid var(--border) 1px; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem; font-weight: 500; } .ia_menuTreeComponent__backAction:hover { background-color: var(--neutral-20); } .ia_menuTreeComponent__backAction:active { background-color: var(--neutral-40); } .ia_movingAnalogIndicatorComponent { font-size: 1rem; } .ia_movingAnalogIndicatorComponent__scale { fill: var(--container); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__desiredRange { fill: var(--infoSecondary); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__interlockRange { fill: var(--neutral-100); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__level1AlarmRange, .ia_movingAnalogIndicatorComponent__level2AlarmRange { fill: var(--neutral-60); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__level1AlarmRange--active { fill: var(--error); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__level2AlarmRange--active { fill: var(--warningSecondary); stroke: var(--border); } .ia_movingAnalogIndicatorComponent__wedgeIndicator { fill: var(--neutral-60); } .ia_movingAnalogIndicatorComponent__setpointIndicator { fill: var(--neutral-10); stroke: var(--info); } .ia_multiStateButton__button--primary--selected, .ia_multiStateButton__button--secondary--selected { font-weight: 500; } .ia_multiStateButton__button--primary--unselected, .ia_multiStateButton__button--secondary--unselected { font-weight: 400; } .ia_numericEntryFieldComponent__modal { border: var(--containerBorder); } .ia_numericEntryFieldComponent__editIcon { fill: var(--callToAction); } .ia_numericEntryFieldComponent__editLink:hover .ia_numericEntryFieldComponent__editIcon { filter: brightness(1.2); } .ia_numericEntryFieldComponent__editLink--active:hover .ia_numericEntryFieldComponent__editIcon, .ia_numericEntryFieldComponent__editLink--disabled:hover .ia_numericEntryFieldComponent__editIcon { filter: none; } .ia_numericEntryFieldComponent__editIcon--active { fill: var(--callToAction--active); } .ia_numericEntryFieldComponent__editIcon--disabled { fill: var(--callToAction--disabled); } .ia_oneShotButtonComponent__confirmModal__message { color: var(--neutral-90); margin: 0.5rem 0; font-size: 0.875rem; line-height: 1rem; } .ia_passwordFieldComponent__visibilityIcon { fill: var(--callToAction); } .ia_passwordFieldComponent__visibilityLink:hover .ia_passwordFieldComponent__visibilityIcon { filter: brightness(1.2); } .ia_passwordFieldComponent__visibilityLink--disabled:hover .ia_passwordFieldComponent__visibilityIcon, .ia_passwordFieldComponent__visibilityLink--active:hover .ia_passwordFieldComponent__visibilityIcon { filter: none; } .ia_passwordFieldComponent__visibilityIcon--disabled { fill: var(--callToAction--disabled); } .ia_powerChartComponent { font-size: 12px; color: var(--neutral-100); border: 1px solid var(--border); } .ia_powerChartComponent__title, .ia_powerChartComponent__tagBrowserContainer__title { font-weight: bold; } .ia_powerChartComponent__eventMarker__box__timeLabel, .ia_powerChartComponent__labelText { font-size: 11px; text-anchor: start; fill: var(--neutral-50); pointer-events: none; } .ia_powerChartComponent__labelText--centered { font-size: 11px; text-anchor: middle; fill: var(--neutral-50); pointer-events: none; } .ia_powerChartComponent__tagBrowserContainer { border-right: 1px solid var(--border); background-color: var(--neutral-20); } .ia_powerChartComponent__tagBrowserContainer__tree { background-color: var(--neutral-10); border: 1px solid var(--border); } .ia_powerChartComponent__xTrace__line { stroke: var(--neutral-60); stroke-width: 1; stroke-opacity: 0.5; stroke-dasharray: 0; cursor: crosshair; pointer-events: none; } .ia_powerChartComponent__xTrace__box { width: 100px; fill: var(--neutral-10); opacity: 0.9; stroke: var(--neutral-60); stroke-width: 1; stroke-opacity: 0.5; stroke-dasharray: 0; pointer-events: none; } .ia_powerChartComponent__xTrace__box__timeMarker { text-anchor: start; fill: var(--neutral-40); } .ia_powerChartComponent__xTrace__dot { fill: var(--neutral-60); } .ia_powerChartComponent__baseline__line { stroke: var(--neutral-60); stroke-width: 1; stroke-opacity: 0.5; stroke-dasharray: 0; pointer-events: none; } .ia_powerChartComponent__baseline__label { fill: var(--neutral-50); font-size: 10px; font-weight: 100; pointerEvents: none; } .ia_powerChartComponent__band__body { fill: var(--neutral-60); fill-opacity: 0.5; stroke-width: 0; stroke-dasharray: 0; pointer-events: none; } .ia_powerChartComponent__band__label { fill: var(--neutral-50); font-size: 10px; font-weight: 100; pointerEvents: none; } .ia_powerChartComponent__timeAxis__values, .ia_powerChartComponent__yAxis__label, .ia_powerChartComponent__yAxis__values { stroke: none; fill: var(--neutral-50); font-size: 10px; font-weight: 100; } .ia_powerChartComponent__timeAxis__ticks, .ia_powerChartComponent__yAxis__ticks { fill: none; stroke: var(--neutral-50); } .ia_powerChartComponent__timeAxis__axis, .ia_powerChartComponent__yAxis__axis { fill: none; stroke: var(--neutral-50); } .ia_powerChartComponent__dateTimeSelection { color: var(--callToAction); font-weight: bold; } .ia_powerChartComponent__noDataDisplay { background-color: var(--neutral-20); border-top: 1px solid var(--border); } .ia_powerChartComponent__chart__popupMenu { font-size: 12px; color: var(--neutral-100); background-color: var(--neutral-20); } .ia_powerChartComponent__chart__popupMenu button { font-size: 14px; } .ia_powerChartComponent__chart__rangeSelector > svg { border: 1px solid var(--border); } .ia_powerChartComponent__chart__rangeSelector__popupMenu { font-size: 12px; color: var(--neutral-100); background-color: var(--neutral-10); } .ia_powerChartComponent__chart__rangeSelector__popupMenu__menuItem {} .ia_powerChartComponent__chart__rangeSelector__popupMenu__menuItem--hover { color: var(--neutral-10); font-weight: bold; background-color: var(--callToAction); } .ia_powerChartComponent__dateTimeSelection__popupMenu__header { font-size: 14px; background-color: var(--neutral-60); border-bottom: 1px solid var(--border); } .ia_powerChartComponent__dateTimeSelection__popupMenu__header__icon { color: var(--neutral-70); } .ia_powerChartComponent__icon { color: var(--neutral-70); border: 1px solid var(--border); } .ia_powerChartComponent__icon--active { background-color: var(--neutral-40); } .ia_powerChartComponent__chartOptionBar--mobile { border-top: 1px solid var(--border); } .ia_powerChartComponent__chartOptionBar__popupMenu { font-size: 12px; color: var(--neutral-100); background-color: var(--neutral-10); } .ia_powerChartComponent__chartOptionBar__popupMenu__menuItem {} .ia_powerChartComponent__chartOptionBar__popupMenu__menuItem--hover { color: var(--neutral-10); font-weight: bold; background-color: var(--callToAction); } .ia_powerChartComponent__settings { background-color: var(--neutral-20); border-left: 1px solid var(--border); } .ia_powerChartComponent__settings__header { background-color: var(--neutral-10); font-weight: bold; } .ia_powerChartComponent__settings__iconHeader { background-color: var(--neutral-10); border: 1px solid var(--border); font-weight: bold; } .ia_powerChartComponent__settings__header__link { font-weight: normal; color: var(--callToAction); } .ia_powerChartComponent__settings__tab { border-color: var(--border); background-color: var(--neutral-20); } .ia_powerChartComponent__settings__tab--active { background-color: var(--neutral-10); } .ia_powerChartComponent__settings__tab__content, .ia_powerChartComponent__settings__tab__content .ia_table__headContainer { background-color: var(--neutral-10); } .ia_powerChartComponent__settings__tab__addLink { font-weight: bold; text-decoration: underline; color: var(--callToAction); } .ia_powerChartComponent__settings__tab__content__table__headerCell {} .ia_powerChartComponent__penDataDisplay__table__headerCell { background-color: var(--neutral-30); } .ia_powerChartComponent__penDataDisplay__brushRangeGroupLabel { background-color: var(--div-9); } .ia_powerChartComponent__penDataDisplay__table__headerCell, .ia_powerChartComponent__penDataDisplay__table__bodyCell, .ia_powerChartComponent__penDataDisplay--mobile__pagination, .ia_powerChartComponent__penDataDisplay--mobile__penTable, .ia_powerChartComponent__penDataDisplay__brushRangeGroupLabel { border-top: 1px solid var(--border); } .ia_powerChartComponent__penDataDisplay__table__separatorCell { border-right: 1px solid var(--border); } .ia_powerChartComponent__settings__tab__content__table__bodyRowOdd, .ia_powerChartComponent__penDataDisplay__table__bodyRowOdd { background-color: var(--neutral-20); } .ia_powerChartComponent__settings__tab__content__table__bodyRowEven, .ia_powerChartComponent__penDataDisplay__table__bodyRowEven { background-color: var(--neutral-10); } .ia_powerChartComponent__penDataDisplay__table__bodyRowOdd.overlay-shown, .ia_powerChartComponent__penDataDisplay__table__bodyRowEven.overlay-shown, .ia_powerChartComponent__penDataDisplay__table__rowOverlay { background-color: var(--red-20) !important; } .ia_powerChartComponent__penDataDisplay__table__rowOverlay__icon { color: var(--red-60) !important; } .ia_powerChartComponent__settings__tab__content__table__bodyCell, .ia_powerChartComponent__penDataDisplay__table__bodyCell {} .ia_powerChartComponent__settings__tab__content__table__bodyCell__icon, .ia_powerChartComponent__penDataDisplay__table__bodyCell__icon, .ia_powerChartComponent__penDataDisplay__table__icon, .ia_powerChartComponent__penDataDisplay--mobile__icon, .ia_powerChartComponent__tagBrowserContainer__icon { color: var(--neutral-70); } .ia_powerChartComponent__settings__tab__content__table__emptyMessage { color: var(--neutral-70); } .ia_powerChartComponent__settings__tab__content__popupMenu { font-size: 12px; color: var(--neutral-100); } .ia_powerChartComponent__settings__tab__content__buttonContainer { border: 1px solid var(--border); background-color: var(--neutral-10); } .ia_powerChartComponent__settings__tab__content__chartExample { border: 1px solid var(--border); } .ia_powerChartComponent__penLegend { border: 1px solid var(--border); } .ia_powerChartComponent__penLegend__navArrow { background-color: var(--neutral-30); } .ia_powerChartComponent__resize-handle.dragging::after { border: 2px solid var(--border); } .ia_piping { fill: var(--pipePrimaryFill); stroke: var(--pipeStroke); } .pipe_point__handle--selected { border-color: var(--callToAction); } .ia_pipe--pid { fill: var(--pipeStroke); } .ia_pipeSegment { pointer-events: fill; } .ia_pipeSegment--selected { stroke: var(--pipeSelectStroke); } .ia_pipeSegmentNode--pid { stroke: none; } .ia_pipeSegmentNode--pid--selected { fill: var(--pipeSelectStroke); } .ia_pipeSegmentOverlay { stroke: none; } .ia_pipeSegmentNode--selected { stroke: var(--pipeSelectStroke); stroke-dasharray: 5, 1; } .ia_pipeSegmentPrimaryStopColor { stop-color: var(--pipePrimaryFill); } .ia_pipeSegmentSecondaryStopColor { stop-color: var(--pipeSecondaryFill); } .ia_radioGroupComponent--disabled { color: var(--label--disabled); } .ia_reportViewerComponent { background-color: var(--neutral-30); border: var(--containerBorder); font-size: 0.875rem; color: var(--neutral-90); } .ia_reportViewerComponent__pdfDocument { border: var(--containerBorder); box-shadow: 5px 5px 0px var(--neutral-90); } .ia_reportViewerComponent__actionBar { border-top: var(--containerBorder); background-color: var(--container); } .ia_signaturePadComponent { background-color: var(--input); border: var(--containerBorder); } .ia_signaturePadComponent__actionBar { background-color: var(--containerNested); } .ia_sparklineComponent__line { stroke: var(--neutral-90); stroke-width: 0.75; } .ia_sparklineComponent__desiredHigh, .ia_sparklineComponent__desiredLow { stroke: var(--error); stroke-dasharray: 4; stroke-width: 0.5; } .ia_sparklineComponent__desiredFill { fill: var(--error); fill-opacity: 0.2; } .ia_sparklineComponent__firstMarker, .ia_sparklineComponent__lowMarker, .ia_sparklineComponent__highMarker, .ia_sparklineComponent__lastMarker { stroke-width: 0.5; } .ia_sparklineComponent__firstMarker { fill: var(--success); } .ia_sparklineComponent__lastMarker { fill: var(--error); } .ia_sparklineComponent__lowMarker { fill: var(--seq-2); } .ia_sparklineComponent__highMarker { fill: var(--seq-5); } .ia_splitContainerComponent--split__handle { border: 1px var(--neutral-50) solid; background-color: var(--neutral-10); } .ia_splitContainerComponent--split__handle__designer { border: 1px var(--neutral-50) solid; background-color: var(--neutral-10); } .ia_splitContainerComponent--split__handle__draggable:active { background-color: var(--callToAction--activeAlt); } .split-handle-invis:hover { background-color: var(--callToAction--hover); } .split-handle-invis:active { background-color: var(--callToAction--activeAltInvis); } .ia_splitContainerComponent--split__handle .ia_splitContainerComponent--handle__icon { fill: var(--neutral-70); } .ia_splitContainerComponent--split__handle:hover .ia_splitContainerComponent--handle__icon { fill: var(--callToAction--hover); } .ia_symbolComponent__liquid { fill: var(--info); fill-opacity: 0.7; stroke-width: 2px; } .ia_symbolComponent__liquid--warning { fill: var(--error); } @keyframes ia_symbolComponent__animate--alternateFill { 0% { fill: var(--symbolFill--default); } 50% { fill: var(--symbolFillAnimation--default); } 100% { fill: var(--symbolFill--default); } } @keyframes ia_symbolComponent__animate--alternateFillAlt { 0% { fill: var(--symbolFillAnimation--default); } 50% { fill: var(--symbolFill--default); } 100% { fill: var(--symbolFillAnimation--default); } } @keyframes ia_symbolComponent__animate--alternateFill--running { 0% { fill: var(--symbolFill--running); } 50% { fill: var(--symbolFillAnimation--running); } 100% { fill: var(--symbolFill--running); } } @keyframes ia_symbolComponent__animate--alternateFillAlt--running { 0% { fill: var(--symbolFillAnimation--running); } 50% { fill: var(--symbolFill--running); } 100% { fill: var(--symbolFillAnimation--running); } } @keyframes ia_symbolComponent__animate--rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes ia_symbolComponent__animate--rotate3dYAxis { 0% { transform: rotate3d(0, 1, 0, 0deg); } 100% { transform: rotate3d(0, 1, 0, 360deg); } } @keyframes ia_symbolComponent__animate--faulted { 0% { fill: var(--symbolFill--running); } 50% { fill: var(--symbolFill--faulted); } 100% { fill: var(--symbolFill--running); } } @keyframes ia_symbolComponent__animate--failedToOpen { 0% { fill: var(--symbolFill--running); } 50% { fill: var(--symbolFill--faulted); } 100% { fill: var(--symbolFill--running); } } @keyframes ia_symbolComponent__animate--failedToClose { 0% { fill: var(--symbolFill--stopped); } 50% { fill: var(--symbolFill--faulted); } 100% { fill: var(--symbolFill--stopped); } } .ia_symbolComponent { fill: var(--symbolFill--default); stroke: var(--symbolStroke--default); } .ia_symbolComponent__altFill { fill: var(--symbolStroke--default); } .ia_symbolComponent__inside { fill: var(--symbolFill--stopped); } .ia_symbolComponent__animate--alternateFill { animation: none; } .ia_symbolComponent__animate--alternateFillAlt { animation: none } .ia_symbolComponent__animate--rotate { animation: none; } .ia_symbolComponent__animate--rotate3dYAxis { animation: none; } .ia_symbolComponent--running { fill: var(--symbolFill--running); stroke: var(--symbolStroke--running); } .ia_symbolComponent__altFill--running { fill: var(--symbolStroke--running); } .ia_symbolComponent__animate--alternateFill--running { animation: ia_symbolComponent__animate--alternateFill--running linear infinite; } .ia_symbolComponent__animate--alternateFillAlt--running { animation: ia_symbolComponent__animate--alternateFillAlt--running linear infinite; } .ia_symbolComponent__animate--rotate--running { animation: ia_symbolComponent__animate--rotate linear infinite; } .ia_symbolComponent__animate--rotate3dYAxis--running { animation: ia_symbolComponent__animate--rotate3dYAxis linear infinite; } .ia_symbolComponent--stopped { fill: var(--symbolFill--stopped); stroke: var(--symbolStroke--stopped); animation: ia_symbolComponent__animate--stopped linear infinite; } .ia_symbolComponent__altFill--stopped { fill: var(--symbolStroke--stopped); } .ia_symbolComponent--faulted { fill: var(--symbolFill--faulted); stroke: var(--symbolStroke--faulted); animation: ia_symbolComponent__animate--faulted linear infinite; } .ia_symbolComponent__altFill--faulted { fill: var(--symbolStroke--faulted); } .ia_symbolComponent--open { fill: var(--symbolFill--running); stroke: var(--symbolStroke--running); } .ia_symbolComponent__altFill--open { fill: var(--symbolStroke--running); } .ia_symbolComponent--failedToOpen { fill: var(--symbolFill--default); stroke: var(--symbolStroke--faulted); animation: ia_symbolComponent__animate--failedToOpen linear infinite; } .ia_symbolComponent__altFill--failedToOpen { fill: var(--symbolStroke--faulted); } .ia_symbolComponent--partiallyClosed { fill: var(--symbolFill--stopped); stroke: var(--symbolStroke--running); } .ia_symbolComponent__altFill--partiallyClosed { fill: var(--symbolStroke--running); } .ia_symbolComponent__defaultFill--partiallyClosed { fill: var(--symbolFill--running); } .ia_symbolComponent__defaultFill--reverseFlow--partiallyClosed { fill: var(--symbolFill--stopped); } .ia_symbolComponent__defaultFillAlt--partiallyClosed { fill: var(--symbolFill--stopped); } .ia_symbolComponent__defaultFillAlt--reverseFlow--partiallyClosed { fill: var(--symbolFill--running); } .ia_symbolComponent--closed { fill: var(--symbolFill--stopped); stroke: var(--symbolStroke--stopped); } .ia_symbolComponent__altFill--closed { fill: var(--symbolStroke--stopped); } .ia_symbolComponent--failedToClose { fill: var(--symbolFill--stopped); stroke: var(--symbolStroke--faulted); animation: ia_symbolComponent__animate--failedToClose linear infinite; } .ia_symbolComponent__altFill--failedToClose { fill: var(--symbolStroke--faulted); } .ia_tabContainerComponent__content { border-left: var(--containerBorder); border-right: var(--containerBorder); border-bottom: var(--containerBorder); } .ia_tabContainerComponent__tab--classic { color: var(--neutral-60); border-top: var(--containerBorder); border-right: var(--containerBorder); border-bottom: var(--containerBorder); font-size: 0.875rem; } .ia_tabContainerComponent__tabMenuRight--classic { border-bottom: var(--containerBorder); } .ia_tabContainerComponent__tab--classic:first-child { border-left: var(--containerBorder); } .ia_tabContainerComponent__tab--classic:not(.ia_tabContainerComponent__tab--classic--active, .ia_tabContainerComponent__tab--classic--disabled):hover { filter: brightness(0.9); } .ia_tabContainerComponent__tab--classic--active { background-color: var(--container); font-weight: 500; color: var(--neutral-90); border-top: var(--containerBorder); border-bottom: none; } .ia_tabContainerComponent__tab--classic--disabled { background-color: var(--neutral-40); color: var(--neutral-60); opacity: 0.6 } .ia_tabContainerComponent__tab--modern { color: var(--neutral-70); border-bottom: var(--containerBorder); box-shadow: none; transition: box-shadow 0.2s linear; font-size: 0.875rem; } .ia_tabContainerComponent__tabMenuRight--modern { border-bottom: var(--containerBorder); } .ia_tabContainerComponent__tab--modern--active { font-weight: 500; color: var(--neutral-90); box-shadow: inset 0 -3px var(--border); } .ia_tabContainerComponent__tab--modern--disabled { color: var(--neutral-60); opacity: 0.6 } .ia_tabContainerComponent__tab--modern:not(.ia_tabContainerComponent__tab--modern--active, .ia_tabContainerComponent__tab--modern--disabled):hover { filter: brightness(0.8); } .ia_tabContainerComponent--designing__deleteConfirmation { color: var(--label); background-color: var(--containerNested); border: var(--containerBorder); } .ia_tabContainerComponent--designing__deleteConfirmation__delete { font-size: 0.75rem; background-color: var(--error); } .ia_tabContainerComponent--designing__deleteConfirmation__cancel { font-size: 0.75rem; } .ia_tabContainerComponent--designing__tab--pendingDelete { border: var(--containerBorder); border-color: var(--error); } .ia_tableComponent { border: var(--containerBorder); } .ia_tableComponent__filterContainer { background-color: var(--neutral-30); } .ia_tableComponent__body__row--hovered { color: var(--neutral-90); background-color: rgba(12, 123, 179, 0.10); } .ia_tableComponent__selection { background-color: rgba(12, 123, 179, 0.25); } .ia_tableComponent__selection--root { border: 1px var(--callToAction) solid; } .ia_tableComponent__editableCell { border: 1px var(--callToAction) solid; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color: var(--container); } .ia_tagBrowseTreeComponent { font-size: 0.75rem; color: var(--neutral-100); border: 1px solid var(--border); background-color: var(--neutral-20); } .ia_tagBrowseTreeComponent__title { font-weight: bold; } .ia_tagBrowseTreeComponent__icon { color: var(--neutral-70); cursor: pointer; } .ia_tagBrowseTreeComponent__tree { background-color: var(--neutral-10); border: 1px solid var(--border); } .ia_tagBrowseTreeComponent.mobile { font-size: 1.5rem; } .ia_thermometerComponent__glass, .ia_thermometerComponent__tick, .ia_thermometerComponent__meniscus { stroke: var(--neutral-90); } .ia_thermometerComponent__unit, .ia_thermometerComponent__tickLabel, .ia_thermometerComponent__valueDisplay { font-size: 1.5rem; fill: var(--neutral-90); } .ia_thermometerComponent__liquid { fill: var(--seq-2); } .ia_toggleSwitchComponent { color: var(--label); } .ia_toggleSwitchComponent--disabled { color: var(--label--disabled); } .ia_componentTooltip { background-color: var(--neutral-100); color: var(--neutral-10); } .ia_treeComponent__node { font-size: 0.75rem; line-height: 1rem; } .ia_treeComponent__node:hover:not(.ia_treeComponent__node--selected) { background-color: var(--callToActionHighlight); } .ia_treeComponent__node--selected { background-color: var(--callToAction); color: var(--neutral-10); font-weight: 700; } .ia_treeComponent__node__icon { fill: var(--icon); } .ia_treeComponent__expandIcon, .ia_treeComponent__terminalExpandIcon, .ia_treeComponent__node__icon--expanded { fill: var(--icon); } .ia_treeComponent__node__icon--selected, .ia_treeComponent__expandIcon--selected { fill: var(--icon--selected); } .ia_treeComponent__alignmentGuide { color: var(--border); } .ia_treeComponent__alignmentGuide--selected { color: var(--neutral-10); } .ia_treeComponent__node.mobile { font-size: 1.5rem; } .ia_videoPlayerComponent { background-color: var(--container); } .ia_videoPlayerComponent__controlContainer { background-color: var(--container); border: var(--containerBorder); color: var(--neutral-70); } .ia_videoPlayerComponent__controlContainer__playControl, .ia_videoPlayerComponent__controlContainer__volumeControl, .ia_videoPlayerComponent__controlContainer__playRateControl, .ia_videoPlayerComponent__controlContainer__fullscreenControl { fill: currentColor; } .ia_videoPlayerComponent__controlContainer__playControl:hover:not(.disabled), .ia_videoPlayerComponent__controlContainer__volumeControl:hover:not(.disabled), .ia_videoPlayerComponent__controlContainer__playRateControl:hover:not(.disabled), .ia_videoPlayerComponent__controlContainer__fullscreenControl:hover:not(.disabled) { color: var(--icon--hover); } .ia_videoPlayerComponent__controlContainer__timeDurationDisplay { color: var(--label); } .ia_videoPlayerComponent__controlPopupContainer, .ia_videoPlayerComponent__contextMenuPopupContainer { background-color: rgba(0, 0, 0, 1); color: var(--callToAction); } .ia_videoPlayerComponent__videoOverlay { background-color: transparent; color: var(--white); } .ia_videoPlayerComponent__videoOverlay--paused { background-color: var(--opacity-50); } .ia_videoPlayerComponent__videoOverlay_centralContainer { background-color: var(--opacity-85); } :root { --white: #FFFFFF; --black: #000000; --black-4: rgba(0, 0, 0, 0.04); --black-12: rgba(0, 0, 0, 0.12); --black-23: rgba(0, 0, 0, 0.23); --black-35: rgba(0, 0, 0, 0.35); --black-54: rgba(0, 0, 0, 0.54); --black-65: rgba(0, 0, 0, 0.65); --black-87: rgba(0, 0, 0, 0.87); --darkGreen: #356C35; --mediumGreen: #72B159; --lightGreen: #BDDBB2; --primary-green-10: #DBEBD5; --primary-green-20: #B7D7AB; --primary-green-30: #94C482; --primary-green-40: #70B058; --primary-green-50: #4C9C2E; --primary-green-60: #3D7D25; --primary-green-70: #2E5E1C; --primary-green-80: #1E3E12; --primary-green-90: #0F1F09; --primary-blue-4: #F7F9FC; --primary-blue-10: #CCDBEA; --primary-blue-20: #99B7D6; --primary-blue-30: #6692C1; --primary-blue-40: #336EAD; --primary-blue-50: #004A98; --primary-blue-60: #003B7A; --primary-blue-70: #002C5B; --primary-blue-80: #001E3D; --primary-blue-90: #000F1E; --secondary-red-10: #FBD2D3; --secondary-red-20: #F7A4A7; --secondary-red-30: #F4777C; --secondary-red-40: #F04950; --secondary-red-50: #EC1C24; --secondary-red-60: #BD161D; --secondary-red-70: #8E1116; --secondary-red-80: #5E0B0E; --secondary-red-90: #2F0607; --secondary-charcoal-10: #D5D4D4; --secondary-charcoal-20: #ABAAA8; --secondary-charcoal-30: #817F7D; --secondary-charcoal-40: #575551; --secondary-charcoal-50: #2D2A26; --secondary-charcoal-60: #24221E; --secondary-charcoal-70: #1B1917; --secondary-charcoal-80: #12110F; --secondary-charcoal-90: #090808; --secondary-yellow-10: #FFF5CC; --secondary-yellow-20: #FFEB99; --secondary-yellow-30: #FFE166; --secondary-yellow-40: #FFD733; --secondary-yellow-50: #FFCD00; --secondary-yellow-60: #CCA400; --secondary-yellow-70: #997B00; --secondary-yellow-80: #665200; --secondary-yellow-90: #332900; --secondary-brown-10: #F6E6D6; --secondary-brown-20: #EECDAD; --secondary-brown-30: #E5B484; --secondary-brown-40: #DD9B5B; --secondary-brown-50: #D48232; --secondary-brown-60: #AA6828; --secondary-brown-70: #7F4E1E; --secondary-brown-80: #553414; --secondary-brown-90: #2A1A0A; } :root { --background: var(--white); --color: var(--black-87); --faintBackground: var(--secondary-charcoal-10); --altBackground: var(--black-87); --errorColor: var(--secondary-red-60); --primary-light: var(--primary-blue-10); --buttonBackground: var(--white); --buttonBorderColor: var(--primary-blue-40); --buttonColor: var(--primary-blue-40); --buttonFontSize: 14px; --buttonHoverBackground: var(--primary-blue-60); --buttonHoverBorderColor: var(--primary-blue-40); --buttonHoverColor: var(--white); --buttonGroup1Background: var(--primary-blue-40); --buttonGroup1Color: var(--white); --buttonGroup1HoverBackground: var(--primary-blue-60); --buttonGroup1HoverColor: var(--white); --buttonGroup2Background: var(--secondary-red-40); --buttonGroup2Color: var(--white); --buttonGroup2HoverBackground: var(--secondary-red-60); --buttonGroup2HoverColor: var(--white); --buttonGroup3Background: var(--primary-green-40); --buttonGroup3Color: var(--white); --buttonGroup3HoverBackground: var(--primary-green-60); --buttonGroup3HoverColor: var(--white); --checkboxCheckedColor: var(--color); --checkboxHoverBackground: rgb(51 110 173 / 4%); --contextMenuBackground: var(--primary-blue-40); --contextMenuBorderColor: var(--secondary-charcoal-20); --contextMenuColor: var(--white); --contextMenuFontSize: 20px; --contextMenuHoverBackground: var(--primary-blue-20); --contextMenuHoverColor: var(--black-87); --dialogBackground: var(--white); --dialogColor: var(--black-54); --dialogFontSize: 16px; --dialogButtonBackground: var(--primary-blue-40); --dialogButtonColor: var(--white); --dialogButtonFontSize: 14px; --dialogButtonHoverBackground: var(--primary-blue-60); --dialogButtonHoverColor: var(--white); --dialogTitleBackground: var(--primary-blue-60); --dialogTitleButtonColor: var(--white); --dialogTitleButtonHoverBackground: var(--primary-blue-40); --dialogTitleButtonHoverColor: var(--white); --dialogTitleColor: var(--white); --dialogTitleFontSize: 20px; --dialogDividerBackground: var(--black-12); --dividerBackground: var(--black-12); --downtimeReasonBackground: var(--white); --downtimeReasonBorderColor: var(--primary-blue-40); --downtimeReasonColor: var(--primary-blue-40); --downtimeReasonFontSize: 14px; --downtimeReasonHoverBackground: var(--primary-blue-60); --downtimeReasonHoverBorderColor: var(--primary-blue-40); --downtimeReasonHoverColor: var(--white); --downtimeReasonSelectedBackground: var(--primary-green-60); --downtimeReasonSelectedBorderColor: var(--primary-blue-60); --downtimeReasonSelectedColor: var(--white); --drawerBackground: var(--white); --editScheduleBackground: var(--white); --equipmentLabelBackground: var(--white); --equipmentLabelColor: var(--primary-blue-40); --equipmentLabelFontSize: 16px; --iconButtonBackground: var(--white); --iconButtonColor: var(--black-54); --iconButtonHoverBackground: var(--primary-blue-20); --iconButtonHoverColor: var(--black-54); --inputBackground: var(--white); --inputBorderColor: var(--primary-blue-60); --inputBorderStyle: solid; --inputBorderWidth: 2px; --inputColor: var(--black-87); --inputFontSize: 16px; --inputCheckboxColor: var(--primary-green-60); --inputCheckboxHoverBackground: var(--primary-green-30); --inputCheckboxLabelBackground: var(--white); --inputCheckboxLabelColor: var(--black-87); --inputCheckboxLabelFontSize: 1rem; --inputLabelColor: var(--primary-blue-60); --inputDatePickerBackground: var(--white); --inputDatePickerColor: var(--black-87); --inputDatePickerClockBackground: var(--black-12); --inputDatePickerClockColor: var(--black-87); --inputDatePickerClockSelectedBackground: var(--primary-blue-40); --inputDatePickerDOWColor: var(--black-35); --inputDatePickerHeaderBackground: var(--primary-blue-40); --inputDatePickerHeaderColor: var(--white); --inputDatePickerHoverBackground: var(--black-12); --inputDatePickerHoverColor: var(--black-87); --inputDatePickerIconColor: var(--black-54); --inputDatePickerIconHoverBackground: var(--black-12); --inputDatePickerIconHoverColor: var(--primary-blue-60); --inputDatePickerSelectedBackground: var(--primary-blue-40); --inputDatePickerSelectedColor: var(--white); --inputDropDownBackground: var(--primary-blue-40); --inputDropDownColor: var(--white); --inputDropDownFontSize: 20px; --inputDropDownMaxHeight: 21em; --inputDropDownHoverBackground: var(--primary-blue-20); --inputDropDownHoverColor: var(--black-87); --inputDropDownIconColor: var(--black-87); --inputDropDownSelectedBackground: var(--primary-green-40); --inputDropDownSelectedColor: var(--white); --inputBorderHoverColor: var(--primary-blue-60); --inputRadioColor: var(--primary-green-60); --inputRadioHoverBackground: var(--primary-green-30); --inputSliderBackground: var(--white); --inputSliderColor: var(--black-87); --inputRadioLabelBackground: var(--white); --inputRadioLabelColor: var(--black-87); --inputRadioLabelFontSize: 0.9rem; --labelBackground: var(--white); --labelColor: var(--black-87); --labelFontSize: 16px; --listBackground: var(--white); --listBorderColor: var(--primary-blue-20); --listBorderRadius: 10px; --listBorderStyle: solid; --listBorderWidth: 2px; --listPadding: 0px; --listCheckboxColor: var(--primary-green-60); --listCheckboxPadding: 2px 6px; --listContainerBackground: var(--secondary-charcoal-10); --listContainerBorderRadius: 10px; --listHeaderBackground: var(--primary-blue-20); --listHeaderColor: var(--primary-blue-60); --listHeaderFontSize: 14px; --listHeaderBadgeBackground: var(--primary-blue-40); --listHeaderBadgeColor: var(--white); --listHeaderBadgeFontSize: 12px; --listHeaderIconColor: var(--black-54); --listHeaderIconHoverBackground: var(--primary-blue-60); --listHeaderIconHoverColor: var(--white); --listItemBackground: var(--white); --listItemColor: var(--black-87); --listItemFontSize: 13px; --listItemPadding: 3px 16px; --listItemAltBackground: var(--primary-blue-10); --listItemHoverBackground: var(--primary-green-20); --listItemHoverColor: var(--black-87); --listItemSelectedBackground: var(--primary-blue-10); --listItemSelectedColor: var(--black-87); --equipmentManagerBackground: var(--white); --materialManagerBackground: var(--white); --popupMenuBackground: var(--white); --popupMenuBorderColor: var(--primary-blue-40); --popupMenuMaxHeight: 21em; --popupMenuColor: var(--primary-blue-40); --popupMenuFontSize: 14px; --popupMenuHoverBackground: var(--primary-blue-60); --popupMenuHoverColor: var(--white); --popupMenuSelectedBackground: var(--primary-green-60); --popupMenuSelectedColor: var(--white); --radioGroupBackground: var(--white); --radioGroupBorderColor: var(--primary-blue-40); --radioGroupLabelBackground: var(--primary-green-60); --radioGroupLabelFontSize: 1em; --sectionBackground: var(--white); --sectionBorderColor: var(--primary-blue-40); --tableBackground: var(--white); --tableBorderColor: var(--primary-blue-20); --tableColor: var(--secondary-charcoal-60); --tableFontSize: 14px; --tableColumnChooserBackground: var(--white); --tableColumnChooserColor: var(--black); --tableColumnChooserHoverBackground: var(--black-4); --tableColumnChooserHoverColor: var(--black-87); --tableColumnChooserFontSize: var(--buttonFontSize); --tableColumnChooserCheckboxColor: var(--buttonColor); --tableColumnChooserCheckboxHoverBackground: var(--primary-blue-4); --tableGridLineColor: var(--secondary-charcoal-20); --tableGridLineStyle: solid; --tableGridLineSize: 1px; --tableCellPaddingHorizontal: 8px; --tableCellPaddingVertical: 8px; --tableSelectedBackground: var(--faintBackground); --tableSelectedRowColor: var(--black-87); --tableRowHeight: 30px; --tableHeaderBackground: var(--primary-blue-20); --tableHeaderColor: var(--secondary-charcoal-40); --tableHeaderFontSize: 14px; --timelineBackground: var(--white); --timelineColor: var(--black-87); --timelineHeaderBackground: var(--toolbarBackground); --timelineHeaderColor: var(--white); --timelineBorderHoverColor: var(--primary-blue-40); --timelineHeaderDateBackground: var(--toolbarBackground); --timelineHeaderDateColor: var(--white); --toolbarBackground: var(--primary-blue-40); --toolbarColor: var(--white); --toolbarFontSize: 16px; --toolbarButtonColor: var(--primary-blue-10); --toolbarButtonHoverBackground: var(--primary-blue-60); --toolbarButtonHoverColor: var(--white); --tooltipBackground: var(--secondary-charcoal-40); --tooltipColor: var(--white); --tooltipFontSize: 10px; --treeBackground: var(--white); --treeColor: var(--black-87); --treeFontSize: 1rem; --treeArrowColor: var(--black-54); --treeIconSize: 1.5rem; --treeIconColorNodeClosed: var(--black-35); --treeIconColorNodeOpen: var(--black-54); --treeSelectedBackground: var(--secondary-yellow-20); --treeSelectedBorderColor: var(--secondary-brown-30); --treeSelectedColor: var(--black-87); } .MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView { background-color: var(--inputDatePickerBackground); } .MuiPickersBasePicker-container .MuiPickersCalendarHeader-dayLabel { color: var(--inputDatePickerDOWColor); } .MuiPickersBasePicker-container .MuiPickersCalendarHeader-iconButton { background-color: var(--inputDatePickerBackground); } .MuiPickersBasePicker-container .MuiPickersCalendarHeader-iconButton:hover { background-color: var(--inputDatePickerHoverBackground); color: var(--inputDatePickerHoverColor); } .MuiPickersBasePicker-container .MuiPickersClock-clock { background-color: var(--inputDatePickerClockBackground); } .MuiPickersBasePicker-container .MuiPickersClockNumber-clockNumber { color: var(--inputDatePickerClockColor); } .MuiPickersBasePicker-container .MuiPickersClockNumber-clockNumberSelected { background-color: var(--inputDatePickerClockSelectedBackground); color: var(--inputDatePickerClockSelectedColor); } .MuiPickersBasePicker-container .MuiPickersClock-pin { background-color: var(--inputDatePickerClockSelectedBackground); } .MuiPickersBasePicker-container .MuiPickersClockPointer-pointer { background-color: var(--inputDatePickerClockSelectedBackground); } .MuiPickersBasePicker-container .MuiPickersClockPointer-thumb { background-color: var(--inputDatePickerClockSelectedColor); border-color: var(--inputDatePickerClockSelectedBackground); } .MuiPickersBasePicker-container .MuiPickersDay-day { color: var(--inputDatePickerColor); } .MuiPickersBasePicker-container .MuiPickersDay-day:hover { background-color: var(--inputDatePickerHoverBackground); color: var(--inputDatePickerHoverColor); } .MuiPickersBasePicker-container .MuiPickersDay-daySelected { background-color: var(--inputDatePickerSelectedBackground); color: var(--inputDatePickerSelectedColor); } .MuiPickersBasePicker-container .MuiPickersDay-daySelected:hover { background-color: var(--inputDatePickerSelectedBackground); color: var(--inputDatePickerSelectedColor); } .MuiPickersBasePicker-container .MuiPickersToolbar-toolbar { background-color: var(--inputDatePickerHeaderBackground); } .MuiPickersBasePicker-container .MuiPickersToolbarText-toolbarBtnSelected { color: var(--inputDatePickerHeaderColor); } .MuiPickersBasePicker-container .MuiPickersToolbarText-toolbarTxt { color: var(--inputDatePickerHeaderColor); } .MuiPickersBasePicker-container .MuiPickersYear-root { color: var(--inputDatePickerColor); } .MuiPickersBasePicker-container .MuiPickersYear-yearSelected { color: var(--inputDatePickerSelectedBackground); } .mes_columnChooserToggle__button { background-color: transparent; color: var(--toolbarButtonColor); transition: none; } .mes_columnChooserToggle__button:hover { background-color: var(--toolbarButtonHoverBackground); color: var(--toolbarButtonHoverColor); } .mes_columnChooserToggle__columnChooser { background-color: var(--tableColumnChooserBackground); color: var(--tableColumnChooserColor); } .mes_columnChooserToggle__columnChooser > li:hover { background-color: var(--tableColumnChooserHoverBackground); color: var(--tableColumnChooserHoverColor); } .mes_columnChooserToggle__columnChooser > li.MuiListItem-root { font-size: var(--tableColumnChooserFontSize); } .mes_columnChooserToggle__columnChooser > li.MuiTypography-root { font-size: var(--tableColumnChooserFontSize); } .mes_columnChooserToggle__columnChooser > li svg { color: var(--tableColumnChooserCheckboxColor); } .mes_columnChooserToggle__columnChooser > li .MuiCheckbox-root:hover { background-color: var(--tableColumnChooserCheckboxHoverBackground); } .mes_autoComplete__input { cursor: pointer; display: flex; height: auto; padding: 0; } .mes_autoComplete__noOptionsMessage { padding: 8px 16px; } .mes_autoComplete__placeHolder { bottom: 6; font-size: 12px; left: 2; position: absolute; } .mes_autoComplete__value { color: currentColor; font-size: 14px; position: relative; } .mes_autoComplete__valueContainer { align-items: center; display: flex; flex: 1; flex-wrap: wrap; overflow: hidden; } .mes_autoComplete__valueContainer input { position: relative; top: 14; } .mes_autoComplete__menu { margin-top: 8px; } .mes_autoComplete__menuItem { font-size: 14px; min-height: 20px; }.mes_autocompleteDropdown__input { color: var(--inputColor); font-size: var(--inputFontSize); } .mes_autocompleteDropdown__dropdown { background-color: var(--inputDropDownBackground); color: var(--inputDropDownColor); font-size: var(--inputDropDownFontSize); max-height: var(--inputDropDownMaxHeight); } .mes_autocompleteDropdown__textField { background-color: var(--inputBackground); color: var(--inputLabelColor); } .mes_autocompleteDropdown__container { background-color: var(--listBackground); color: var(--listItemColor); } .mes_autocompleteDropdown__menu { background-color: var(--inputDropDownBackground); max-height: var(--inputDropDownMaxHeight); } .mes_autocompleteDropdown_menuItem .mes_mesAutocompleteDropdown__menuItemSelected { background-color: var(--inputDropDownSelectedBackground); color: var(--inputDropDownSelectedColor); } .mes_autocompleteDropdown_menuItem .mes_mesAutocompleteDropdown__dropdown:hover { background-color: var(--inputDropDownHoverBackground); color: var(--inputDropDownHoverColor); }.MuiButtonBase-root.Mui-disabled p { font-style: italic; color: gray; } .mes_checkbox__checked { color: var(--checkboxCheckedColor); }.mes_checkboxList__root { background-color: var(--listBackground); border: var(--listBorderWidth) var(--listBorderStyle) var(--listBorderColor); border-radius: var(--listBorderRadius); display: flex; flex-direction: column; margin-bottom: 1em; padding: 0.35em; } .mes_checkboxList__checkbox { color: var(--listCheckboxColor); padding: var(--listCheckboxPadding); } .mes_checkboxList__list { overflow-y: auto; padding: var(--listPadding); } .mes_checkboxList__listItem { background-color: var(--listItemBackground); color: var(--listItemColor); font-size: var(--listItemFontSize); padding: var(--listItemPadding); } .mes_checkboxList__listItem:hover { background-color: var(--listItemHoverBackground); color: var(--listItemHoverColor); } .mes_checkboxList__listItemIcon { min-width: 2em; } .mes_checkboxList__zebraStripe { } .mes_checkboxList__zebraStripe > div:nth-of-type(odd) { background-color: var(--listItemAltBackground); } .mes_colorButton__button { background-color: var(--buttonBackground); color: var(--buttonColor); font-size: var(--buttonFontSize); } .mes_colorButton__button:hover { background-color: var(--buttonHoverBackground); color: var(--buttonHoverColor); } .mes_colorButton__button1 { background-color: var(--buttonGroup1Background); color: var(--buttonGroup1Color); font-size: var(--buttonFontSize); } .mes_colorButton__button1:hover { background-color: var(--buttonGroup1HoverBackground); color: var(--buttonGroup1HoverColor); } .mes_colorButton__button2 { background-color: var(--buttonGroup2Background); color: var(--buttonGroup2Color); font-size: var(--buttonFontSize); } .mes_colorButton__button2:hover { background-color: var(--buttonGroup2HoverBackground); color: var(--buttonGroup2HoverColor); } .mes_colorButton__button3 { background-color: var(--buttonGroup3Background); color: var(--buttonGroup3Color); font-size: var(--buttonFontSize); } .mes_colorButton__button3:hover { background-color: var(--buttonGroup3HoverBackground); color: var(--buttonGroup3HoverColor); } .mes_dialog__close { color: var(--dialogTitleButtonColor); } .mes_dialog__close:hover { background-color: var(--dialogTitleButtonHoverBackground); color: var(--dialogTitleButtonHoverColor); } .mes_dialog__content { background-color: var(--dialogBackground); } .mes_dialog__contentText { color: var(--dialogColor); font-size: var(--dialogFontSize); } .mes_dialog__divider { background-color: var(--dialogDividerBackground); } .mes_dialog__footer { background-color: var(--dialogBackground); } .mes_dialog__iconError { color: var(--secondary-red-50); } .mes_dialog__iconInfo { color: var(--primary-blue-50); } .mes_dialog__iconQuestion { color: var(--primary-blue-50); } .mes_dialog__iconSuccess { color: var(--primary-green-50); } .mes_dialog__iconWarning { color: var(--secondary-brown-50); } .mes_dialog__title { background-color: var(--dialogTitleBackground); color: var(--dialogTitleColor); font-size: var(--dialogTitleFontSize); } .mes_dialog__draggable { cursor: move; } .mes_dialog__title > h6 { color: var(--white); }.mes_drawer__drawerPaper { background-color: var(--drawerBackground); } .mes_drawer__drawerToolbar { background-color: var(--toolbarBackground); color: var(--toolbarColor); font-size: var(--toolbarFontSize); } .mes_drawer__drawerContent { background-color: var(--drawerBackground); } .mes_drawer__drawerHeader { background-color: var(--drawerBackground); } .mes_mesHeader__title { color: var(--toolbarColor); font-size: var(--toolbarFontSize); } .mes_mesHeader__toolbar { background-color: var(--toolbarBackground); } .mes_mesHeader__toolbar div input { color: var(--white); }.mes_iconButton__button { background-color: var(--iconButtonBackground); color: var(--iconButtonColor); transition: none; } .mes_iconButton__button:hover { background-color: var(--iconButtonHoverBackground); color: var(--iconButtonHoverColor); } .mes_iconButton__listButton { background-color: transparent; color: var(--listHeaderIconColor); transition: none; } .mes_iconButton__listButton:hover { background-color: var(--listHeaderIconHoverBackground); color: var(--toolbarButtonHoverColor); } .mes_iconButton__toolbarButton { background-color: transparent; color: var(--toolbarButtonColor); transition: none; } .mes_iconButton__toolbarButton:hover { background-color: var(--toolbarButtonHoverBackground); color: var(--toolbarButtonHoverColor); } .mes_iconButton__disabled, .MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26) !important; } .mes_mesInput__formControl { background-color: var(--inputBackground); color: var(--inputColor); } .mes_mesInput__formControl input { color: var(--inputColor); font-size: var(--inputFontSize); } .mes_mesInput__label { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_mesInput__labelShrink { font-size: inherit; } .mes_mesInput__underline:not(.Mui-disabled):after .mes_mesInput__underline:hover:not(.Mui-disabled):before { border-bottom: var(--inputBorderWidth) var(--inputBorderStyle) var(--inputBorderColor); } .mes_listFooter__footer { background-color: var(--listBorderColor); border-bottom-left-radius: var(--listBorderRadius); border-bottom-right-radius: var(--listBorderRadius); }.mes_listHeader__badge { background-color: var(--listHeaderBadgeBackground); color: var(--listHeaderBadgeColor); font-size: var(--listHeaderBadgeFontSize); } .mes_listHeader__header { background-color: var(--listHeaderBackground); border-top-left-radius: var(--listBorderRadius); border-top-right-radius: var(--listBorderRadius); } .mes_listHeader__title { color: var(--listHeaderColor); font-size: var(--listHeaderFontSize); font-weight: bold; }.mes_manager__tabsBar { background-color: var(--toolbarBackground); } .mes_manager__tabsBar * { outline: none; } .mes_mesRadio__formControl { background: var(--radioGroupBackground); border-color: var(--radioGroupBorderColor); } .mes_mesRadio__formControl .MuiRadio-root { color: var(--inputRadioColor); } .mes_mesRadio__formControl .MuiRadio-root:hover { background: var(--inputRadioHoverBackground); } .mes_mesRadio__formLabel { color: var(--radioGroupLabelColor); font-size: var(--radioGroupLabelFontSize); } .mes_mesRadio__formControlLabel { background: var(--inputRadioLabelBackground); color: var(--inputRadioLabelColor); margin-left: 0px; } .mes_mesRadio__formControlLabel .MuiFormControlLabel-label { font-size: var(--inputRadioLabelFontSize); }.mes_scrollContainer__container { background-color: var(--listBackground); border-color: transparent; }.mes_scrollList__scrollListRoot { background-color: var(--listBackground); } .mes_scrollList__item { color: var(--listItemColor); font-size: var(--listItemFontSize); } .mes_scrollList__itemsFooter { border-bottom-left-radius: 0; } .mes_scrollList__wrapper { background-color: var(--listBackground); border-bottom: var(--listBorderWidth) var(--listBorderStyle) var(--listBorderColor); border-bottom-left-radius: var(--listBorderRadius); border-left: var(--listBorderWidth) var(--listBorderStyle) var(--listBorderColor); border-right: var(--listBorderWidth) var(--listBorderStyle) var(--listBorderColor); } .mes_scrollList__zebraStripe { background-color: var(--listItemBackground); } .mes_scrollList__zebraStripe > li:nth-of-type(even) { background-color: var(--listItemAltBackground); }.mes_scrollLists__scrollListRoot { background-color: var(--listBackground); } .mes_selectComponent__container { background-color: var(--listBackground); color: var(--listItemColor); } .mes_selectComponent__container .mes_selectComponent__label { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_selectComponent__container .Mui-disabled.mes_selectComponent__label, .mes_selectComponent__container .Mui-disabled .mes_selectComponent__label { color: rgba(0, 0, 0, 0.38); } .mes_selectComponent__container .mes_selectComponent__labelShrink { font-size: inherit; } .mes_selectComponent__popoverRoot .mes_selectComponent__menu { background-color: var(--inputDropDownBackground); max-height: var(--inputDropDownMaxHeight); } .mes_selectComponent__popoverRoot .mes_selectComponent__menuItem { background-color: var(--inputDropDownBackground); color: var(--inputDropDownColor); font-size: var(--inputDropDownFontSize); } .mes_selectComponent__popoverRoot .mes_selectComponent__menuItemSelected { background-color: var(--inputDropDownSelectedBackground); color: var(--inputDropDownSelectedColor); } .mes_selectComponent__popoverRoot .mes_selectComponent__menuItem:hover:not(.mes_selectComponent__menuItemSelected) { background-color: var(--inputDropDownHoverBackground); color: var(--inputDropDownHoverColor); } .mes_selectComponent__container .mes_selectComponent__select { color: var(--inputColor); font-size: var(--inputFontSize); } .mes_selectComponent__container .mes_selectComponent__select svg { color: var(--inputDropDownIconColor); } .mes_selectComponent__underline { background-color: inherit; } .mes_selectComponent__underline:not(.Mui-disabled):after { border-bottom: var(--inputBorderWidth) var(--inputBorderStyle) var(--inputBorderColor); } .mes_selectComponent__underline:hover:not(.Mui-disabled):before { border-bottom: var(--inputBorderWidth) var(--inputBorderStyle) var(--inputBorderHoverColor); } .mes_selectableList__root { background-color: var(--listBackground); border: var(--listBorderWidth) var(--listBorderStyle) var(--listBorderColor); border-radius: var(--listBorderRadius); } .mes_selectableList__listItem { background-color: var(--listItemBackground); color: var(--listItemColor); font-size: var(--listItemFontSize); } .mes_selectableList__listItem:hover { background-color: var(--listItemHoverBackground); color: var(--listItemHoverColor); } .mes_selectableList__listItemSelected { background-color: var(--primary-green-30); } .mes_selectableList__listItemSelected:hover { background-color: var(--primary-green-50); } .mes_selectableList__zebraStripe > div:nth-of-type(odd) { background-color: var(--listItemAltBackground); } .mes_settingsPanel__background { background-color: var(--listItemBackground); color: var(--listItemColor); } .mes_settingsPanel__focus { color: var(--errorColor); } .mes_mesTable__root [class*="PageSizeSelector"], .mes_mesTable__root [class*="Pagination"], .mes_mesTable__paging, .mes_mesTable__table, .mes_mesTable__cell, .mes_mesTable__expandButton { color: var(--tableColor); } .mes_mesTable__table .MuiCollapse-wrapperInner thead { background-color: var(--tableHeaderBackground); } .mes_mesTable__table .MuiTableCell-root { padding: var(--tableCellPaddingVertical) var(--tableCellPaddingHorizontal); } .mes_mesTable__tableBorderNoHorizontal { border-bottom: none; } .mes_mesTable__tableBorderHorizontal { border-bottom: var(--tableGridLineSize) var(--tableGridLineStyle) var(--tableGridLineColor); } .mes_mesTable__tableBorderVertical { border-right: var(--tableGridLineSize) var(--tableGridLineStyle) var(--tableGridLineColor); } .mes_mesTable__table td.MuiTableCell-root { font-size: var(--tableFontSize); line-height: var(--tableRowHeight); } .mes_mesTable__table td { cursor: pointer; } .mes_mesTable__table td.selected { color: var(--tableSelectedRowColor); } .mes_mesTable__table.selected { color: var(--tableSelectedRowColor); } .mes_mesTable__header { background-color: var(--tableHeaderBackground); color: var(--tableHeaderColor); font-size: var(--tableHeaderFontSize); } .mes_mesTable__container .MuiTableRow-root.Mui-selected, .mes_mesTable__container .MuiTableRow-root.Mui-selected:hover { background-color: var(--tableSelectedBackground); } .mes_mesTable__container .MuiTableRow-root .MuiTableCell-root.MuiTableCell-paddingCheckbox > .MuiCheckbox-root:hover, .mes_mesTable__container .MuiTableRow-root .MuiTableCell-root.MuiTableCell-paddingCheckbox > .MuiCheckbox-root.Mui-checked:hover { background-color: var(--checkboxHoverBackground); } .mes_mesTable__container .MuiTableRow-root .MuiTableCell-root.MuiTableCell-paddingCheckbox > .MuiCheckbox-root.Mui-checked, .mes_mesTable__container .MuiTableRow-root .MuiTableCell-root.MuiTableCell-paddingCheckbox > .MuiCheckbox-root.Mui-checked .MuiIconButton-label > svg { color: var(--buttonColor) } .mes_mesTable__divider { background-color: transparent; } .mes_mesTable__toolbar { background-color: var(--toolbarBackground); color: var(--toolbarColor); } .mes_mesTable__toolbar button { color: var(--toolbarButtonColor); } .mes_mesTable__toolbar button:hover { background-color: var(--toolbarButtonHoverBackground); color: var(--toolbarButtonHoverColor); } .mes_timeline__root { background-color: var(--timelineBackground); color: var(--timelineColor); } .mes_timeline__root .rct-header-root { background-color: var(--timelineHeaderBackground); } .mes_timeline__root .rct-header-root h4 { background-color: var(--timelineHeaderBackground); color: var(--timelineHeaderColor); } .mes_timeline__root .rct-header-root .rct-dateHeader { background-color: var(--timelineHeaderDateBackground); color: var(--timelineHeaderDateColor); } .mes_timeline__root .rct-item:hover { border-color: var(--timelineBorderHoverColor); } .mes_timeline__root .custom-group-span svg { vertical-align: middle; } .mes_timeline__todayMarker { background-color: var(--timelineBackground); color: var(--timelineColor); } .react-calendar-timeline .rct-header-root.mes_timeline__stickyTimelineHeaders { background: var(--timelineHeaderBackground); } .mes_timeline__stickyTimelineHeaders { background: var(--timelineHeaderBackground); color: var(--timelineHeaderColor); } .mes_timeline__stickyTimelineHeaders .rct-calendar-header, .mes_timeline__stickyTimelineHeaders .rct-dateHeader, .react-calendar-timeline .mes_timeline__stickyTimelineHeaders .rct-dateHeader { background: inherit; } .mes_timeline__state--UNKNOWN { background: #FFFFFF; } .mes_timeline__state--DOWN_UNPLANNED { background: #FF0000; } .mes_timeline__state--DOWN_PLANNED { background: #0000FF; } .mes_timeline__state--BLOCKED { background: #FFC800; } .mes_timeline__state--STARVED { background: #00FFFF; } .mes_timeline__state--RUNNING { background: #00FF00; } .mes_timeline__state--IDLE { background: #C0C0C0; } .mes_timeline__state--DISABLED { background: #404040; } .mes_timeline__state--CHANGEOVER { background: #FFFF00; } .mes_timeline__state--MAINTENANCE { background: #FF00FF; } .mes_timeline__state--CLEANING { background: #004A98; } .mes_timeline__mode--COMBINATION { } .mes_timeline__mode--UNKNOWN { background: #FFFFFF; } .mes_timeline__mode--PRODUCTION { background: #00FF00; } .mes_timeline__mode--IDLE { background: #C0C0C0; } .mes_timeline__mode--CHANGEOVER { background: #FFFF00; } .mes_timeline__mode--MAINTENANCE { background: #FF00FF; } .mes_timeline__mode--CLEANING { background: #004A98; } .mes_timeline__mode--OTHER { background: #FFAFAF; } .mes_timeline__mode--DISABLED { background: #404040; } .mes_timeline__restriction { background: grey; } .mes_timeline__operation--SELECTED { background: #9ED23E; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--AUTO_INCOMPLETE { background: #DDAE12; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--AUTO_IN_PROCESS { background: #FFDA06; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--AUTO_COMPLETE { background: #785F13; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--MANUAL_INCOMPLETE { background: #0971C4; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--MANUAL_IN_PROCESS { background: #00AFFB; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--MANUAL_COMPLETE { background: #5D7A8D; color: #000000; border: 1px solid #646464; } .mes_timeline__operation--FAULTED { background: #AC0000; color: #000000; border: 1px solid #646464; } .mes_tree__main { background-color: var(--treeBackground); } .mes_tree__main .rc-tree-node-selected { background-color: var(--treeSelectedBackground); border-color: var(--treeSelectedBorderColor); color: var(--treeSelectedColor); } .mes_tree__main .nodeIcon svg { font-size: var(--treeIconSize); } .mes_tree__main .switcherIcon svg { color: var(--treeArrowColor); } .mes_tree__main .nodeClosed svg path { fill: var(--treeIconColorNodeClosed); } .mes_tree__main .nodeOpen svg path { fill: var(--treeIconColorNodeOpen); } .mes_tree__treeWrapper { background-color: var(--treeBackground); border-color: var(--sectionBorderColor); color: var(--treeColor); font-size: var(--treeFontSize); } .mes_window__main { background-color: var(--dialogBackground); color: var(--dialogColor); } .mes_window__toolbar { background-color: var(--toolbarBackground); color: var(--toolbarColor); } .mes_searchPanelInputWithIcon__root { color: var(--white); } .mes_icon__primary { fill: var(--primary-blue-20); } .mes_icon__primaryDark { fill: var(--primary-blue-50); } .mes_icon__secondary { fill: var(--secondary-red-20); } .mes_icon__secondaryDark { fill: var(--secondary-red-50); } .mes_icon__tertiaryDark { fill: var(--primary-green-50); } .mes_icon__quaternaryDark { fill: var(--primary-yellow-50); } .mes_icon__quaternaryDarkEmpty { stroke: var(--primary-yellow-50, black); fill: none } .mes_icon__background { fill: var(--background); } .mes_icon__primaryBackground { fill: var(--altBackground); } .mes_icon__error { fill: var(--secondary-red-60); } .mes_icon__heavyText { fill: var(--black-87); } .mes_icon__mainText { fill: var(--black-54); } .mes_icon__message { fill: #3C71AA; } .mes_icon__messageRequiresValue { fill: #4D9D45; } .mes_icon__messageAlert { fill: #BE2025; } .mes_icon__lightText { fill: var(--black-35); } .mes_icon__plannedDowntime { fill: var(--primary-blue-50); } .mes_icon__unplannedDowntime { fill: var(--secondary-brown-50); } .mes_icon__disabled { fill: rgba(0,0,0,0.26); } .mes_icon__transparent { fill: rgba(0,0,0,0); } .mes_icon__foreground { color: var(--color); } .mes_icon__white { color: var(--white); } .mes_icon__charcoal { fill: var(--secondary-charcoal-50); } .mes_icon__lightGreen { fill: var(--lightGreen); } .mes_icon__mediumGreen { fill: var(--mediumGreen); } .mes_icon__darkGreen { fill: var(--darkGreen); } .mes_icon__black { fill: var(--black); } .mes_analysisSelector__orderByView, .mes_analysisSelector__groupByView { background-color: var(--drawerBackground); } .mes_analysisSelector__filter { background-color: var(--drawerBackground); } .mes_analysisSelector__top { background-color: var(--drawerBackground); } .mes_analysisSelector__topLeft { background-color: var(--drawerBackground); } .mes_analysisSelector__topRight { background-color: var(--drawerBackground); } .mes_analysisSelector__container { background-color: var(--drawerBackground); } .mes_analysisSelector__formControl { background-color: var(--inputBackground); border: var(--inputBorderWidth) var(--inputBorderStyle) var(--inputBorderColor); } .mes_analysisSelector__formControl input { color: var(--inputColor); font-size: var(--inputFontSize); } .mes_analysisSelector__inputs { background-color: var(--listBackground); } .mes_analysisSelector__label { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_analysisSelector__labelShrink { font-size: inherit; } .mes_analysisSelector__menu { background-color: var(--inputDropDownBackground); } .mes_analysisSelector__miniIcon { font-size: 1.25rem; transition: none; } .mes_analysisSelector__miniToolbar { background-color: var(--drawerBackground); } .mes_analysisSelector__select { background-color: var(--inputBackground); color: var(--inputColor); font-size: var(--inputFontSize); } .mes_analysisSelector__select svg { color: var(--inputDropDownIconColor); } .mes_analysisSelector__values { background-color: var(--inputBackground); } .mes_analysisSelector__datetime button { color: var(--inputDatePickerIconColor); } .mes_analysisSelector__datetime button:hover { color: var(--inputDatePickerIconHoverBackground); } .mes_analysisSelector__datetime button:hover svg path { fill: var(--inputDatePickerIconHoverColor); } .mes_analysisSelector__datetime label { color: var(--inputLabelColor); } .mes_analysisSelector__datetime svg path { color: var(--inputDatePickerIconColor); } .mes_analysisSelector__divider { background-color: var(--dividerBackground); } .mes_analysisSelector__middle { background-color: var(--drawerBackground); } .mes_analysisSelector__radioGroup { background-color: var(--radioGroupBackground); border-color: var(--radioGroupBorderColor); } .mes_analysisSelector__radio { color: var(--inputRadioColor); } .mes_analysisSelector__radio:hover { background-color: var(--inputRadioHoverBackground); } .mes_analysisSelector__buttons { background-color: var(--drawerBackground); } .mes_analysisSelector__bottom { background-color: var(--drawerBackground); } .mes_analysisView__input { background-color: var(--inputBackground); color: var(--inputColor); font-size: var(--inputFontSize); } .mes_analysisView__dropdown { background-color: var(--inputDropDownBackground); color: var(--inputDropDownColor); font-size: var(--inputDropDownFontSize); } .mes_analysisView__textField { color: var(--inputColor); } .mes_analysisView__main .MuiCheckbox-root { color: var(--primary-green-30); } .mes_analysisView__main th, .mes_analysisView__main th svg, .mes_analysisView__main th svg:hover, .mes_analysisView__main th .MuiTableSortLabel-root:hover, .mes_analysisView__main .MuiTableSortLabel-icon { color: var(--primary-blue-40); } .mes_analysisView__main tr:nth-child(even) { background-color: var(--primary-blue-10); } .mes_analysisView__tables { background-color: var(--tableBackground); color: var(--tableColor); border-bottom-color: var(--tableBorderColor); box-shadow: none; } .mes_analysisView__tables .MuiToolbar-root > div:last-child button { color: var(--primary-green-30); } .mes_analysisView__tables .MuiToolbar-root > div:last-child button:hover { background-color: var(--primary-green-50); color: var(--primary-green-70); } .mes_analysisView__tables td:not(:last-child) > svg { color: var(--black-54); } .mes_analysisView__tables td:last-child span[title]:nth-child(odd) button { color: var(--primary-blue-30); } .mes_analysisView__tables td:last-child span[title]:nth-child(odd) button:hover { background-color: var(--primary-blue-50); color: var(--primary-blue-70); } .mes_analysisView__tables td:last-child span[title]:nth-child(even) button { color: var(--secondary-red-30); } .mes_analysisView__tables td:last-child span[title]:nth-child(even) button:hover { background-color: var(--secondary-red-50); color: var(--secondary-red-70); } .mes_analysisView__tables h6 { color: var(--primary-blue-60); } [class*="mes_analysisTable__main"] { background-color: var(--tableBackground); } [class*="mes_analysisTable__main"] .MuiCollapse-wrapperInner thead { background-color: var(--primary-light); } [class*="mes_analysisTable__main"] .MuiList-root { overflow: auto; } .mes_analysisTable__contextMenu { background-color: var(--contextMenuBackground); border-color: var(--contextMenuBorderColor); } .mes_analysisTable__contextMenuRoot { background-color: var(--contextMenuBackground); color: var(--contextMenuColor); font-size: var(--contextMenuFontSize); } .mes_analysisTable__contextMenuRoot:hover { background-color: var(--contextMenuHoverBackground); } .mes_analysisTable__contextMenuRoot:hover .MuiListItemIcon-root { color: var(--contextMenuHoverColor); } .mes_analysisTable__contextMenuRoot:hover .MuiListItemText-primary { color: var(--contextMenuHoverColor); }[class*="oee_downtimeTable__main"] { z-index: 1; } [class*="oee_downtimeTable__main"] .MuiCollapse-wrapper { } [class*="oee_downtimeTable__main"] .MuiCollapse-entered { } [class*="oee_downtimeTable__main"] .MuiCollapse-wrapperInner > :first-child { } [class*="oee_downtimeTable__main"] .MuiCollapse-wrapperInner thead { background-color: var(--primary-blue-40); } [class*="oee_downtimeTable__main"] .MuiList-root { overflow: auto; } .oee_downtimeTable__menu { background-color: var(--popupMenuBackground); border: 1px solid var(--popupMenuBorderColor); max-height: var(--popupMenuMaxHeight); overflow-y: auto; } .oee_downtimeTable__menuItem { background-color: var(--popupMenuBackground); color: var(--popupMenuColor); font-size: var(--popupMenuFontSize); min-height: 36px; } .oee_downtimeTable__menuItem:hover { background-color: var(--popupMenuHoverBackground); color: var(--popupMenuHoverColor); } .oee_downtimeTable__selected { background-color: var(--popupMenuSelectedBackground); color: var(--popupMenuSelectedColor); } .oee_downtimeTable__selected:hover { background-color: var(--popupMenuSelectedBackground); color: var(--popupMenuSelectedColor); } .oee_downtimeTable__actionButton { border-color: var(--buttonBackground); color: var(--buttonColor); border: solid 1px var(--buttonBorderColor); border-radius: 4px; margin: 8px; padding: 4px 8px; } .oee_downtimeTable__actionButton:hover { background-color: var(--buttonGroup1HoverBackground); color: var(--buttonGroup1HoverColor); } .oee_downtimeTable__buttonBox { text-align: center; width: 100%; } .oee_downtimeTable__collapseRoot { background-color: var(--background); flex: auto; overflow: auto; } .oee_downtimeTable__collapseRoot > div { overflow: hidden; } .oee_downtimeTable__divider { background-color: var(--dividerBackground); margin: 8px 0 16px; } .oee_downtimeTable__equipmentLabel { background-color: var(--equipmentLabelBackground); color: var(--equipmentLabelColor); font-size: var(--equipmentLabelFontSize); margin-left: 8px; } .oee_downtimeTable__equipmentContainer { margin: 8px 0 2px 8px; } .oee_downtimeTable__label { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); margin-left: 8px; } .oee_downtimeTable__root { display: flex; flex-direction: column; } .oee_downtimeTable__scroll { height: 100%; overflow: auto; } .oee_downtimeTable__title { flexGrow: 1; color: var(--toolbarColor); margin: 0 4px; } .oee_downtimeTable__toolbar { background-color: var(--toolbarBackground); font-size: var(--toolbarFontSize); min-height: 48px; padding-left: 8px; } .oee_downtimeTable__formControl { flex: 1 1 auto; height: 100%; width: 100%; background-color: var(--labelBackground); color: var(--labelColor); } .oee_downtimeTable__formControl label { } .oee_downtimeTable__note { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--font-size); height: 100%; } .oee_downtimeTable__note textarea { height: 100% !important; } .oee_downtimeTable__note fieldset { border: var(--borderBottomWidth) var(--borderBottomStyle) var(--borderBottomColor); border-radius: 4px; } .oee_downtimeTable__note:hover fieldset { border: var(--borderBottomWidth) var(--borderBottomStyle) var(--borderBottomColor); border-radius: 4px; } .oee_downtimeTable__wrapper { padding: 16px; } .oee_downtimeTable__splitRoot { background-color: var(--dialogBackground); width: 100%; padding: 8px; margin-top: 16px; } .oee_downtimeTable__labelRoot { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); display: flex; } .oee_downtimeTable__bottomCenterLabel { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); width: 100%; text-align: center; } .oee_downtimeTable__centerLabel { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); width: 33%; text-align: center; } .oee_downtimeTable__leftLabel { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); width: 33%; } .oee_downtimeTable__rightLabel { background-color: var(--labelBackground); color: var(--labelColor); font-size: var(--labelFontSize); width: 33%; text-align: right; } .oee_downtimeTable__slider { background-color: var(--inputSliderBackground); color: var(--inputSliderColor); } .oee_downtimeTable__title { flex-grow: 1; margin-right: 16px; } .oee_downtimeTable__reasonButton { background-color: var(--downtimeReasonBackground); border: solid 1px var(--downtimeReasonBorderColor); border-radius: 4px; color: var(--downtimeReasonColor); font-size: var(--downtimeReasonFontSize); margin: 8px; } .oee_downtimeTable__reasonButton:hover { background-color: var(--downtimeReasonHoverBackground); border: solid 1px var(--downtimeReasonHoverBorderColor); border-radius: 4px; color: var(--downtimeReasonHoverColor); } .oee_downtimeTable__selectedReason { background-color: var(--downtimeReasonSelectedBackground); border: solid 1px var(--downtimeReasonSelectedBorderColor); border-radius: 4px; color: var(--downtimeReasonSelectedColor); } .oee_downtimeTable__selectedReason:hover { background-color: var(--downtimeReasonSelectedBackground); border: solid 1px var(--downtimeReasonSelectedBorderColor); border-radius: 4px; color: var(--downtimeReasonSelectedColor); } .oee_downtimeTable__button { border: 1px solid var(--buttonBorderColor); border-radius: 4px; margin: 16px 0; } .oee_downtimeTable__button:hover { background-color: var(--buttonHoverBackground); color: var(--buttonHoverColor); } .oee_downtimeTable__button:hover p { background-color: inherit; color: inherit; } .oee_downtimeTable__list { padding-left: 8px; } .oee_downtimeTable__selected { background-color: var(--primary-green-30); border-color: var(--primary-green-30); color: var(--tableColor); } .oee_downtimeTable__selected p { background-color: inherit; color: inherit; } .mes_lotSelector__input { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_lotSelector__dropdown { background-color: var(--inputDropDownBackground); color: var(--inputDropDownColor); font-size: var(--inputDropDownFontSize); max-height: var(--inputDropDownMaxHeight); } .mes_lotSelector__textField { background-color: var(--inputBackground); color: var(--inputLabelColor); } .mes_equipmentManagerView__placeholder { background-image: linear-gradient(45deg, #cc2b63 25%, #a69242 25%, #a69242 50%, #cc2b63 50%, #cc2b63 75%, #a69242 75%, #a69242 100%); background-size: 56.57px 56.57px; } .mes_equipmentManagerView__icon--inactive { color: red; }.mes_license__button { border-color: var(--buttonBackground); color: var(--buttonColor); border-color: var(--buttonBorderColor); } .mes_license__text { color: var(--color); }[class*="mes_equipmentManager__main"] { background-color: var(--equipmentManagerBackground); } .mes_modeClassEditView__text { color: var(--color); }.mes_stateClassEditView__text { color: var(--color); }.mes_shiftEditView__text { color: var(--color); }.oee_materialManager__main { background-color: var(--materialManagerBackground); } .oee_materialManager__menu { background-color: var(--contextMenuBackground); border-color: var(--contextMenuBorderColor); } .oee_productionSettings__main { background-color: var(--dialogBackground); color: var(--dialogColor); } .oee_runDirector__main { background-color: var(--background); display: flex; height: auto; } .oee_runDirector__toolbar { align-items: center; min-height: 48px; padding-left: 16px; padding-right: 0; } .oee_runDirector__buttonSecondaryColor { fill: var(--buttonGroup3HoverBackground); } .oee_runDirector__buttonAltBackgroundColor { fill: var(--altBackground); } .oee_runDirector__buttonErrorColor { fill: var(--errorColor); }.mes_scheduleTable__menuPaper { background-color: var(--contextMenuBackground); border-color: var(--contextMenuBorderColor); } .mes_scheduleTable__menuItemRoot { background-color: var(--contextMenuBackground); color: var(--contextMenuColor); font-size: var(--contextMenuFontSize); } .mes_scheduleTable__menuItemRoot:hover { background-color: var(--contextMenuHoverBackground); } .mes_scheduleTable__menuItemRoot:hover .MuiListItemIcon-root, .mes_scheduleTable__menuItemRoot:hover .MuiListItemText-primary { color: var(--contextMenuHoverColor); }[class*="mes_scheduleSelector__main"] { }.mes_editGeneralView__root { background-color: var(--editScheduleBackground); color: var(--color); } .mes_editGeneralView__main { background-color: var(--editScheduleBackground); color: var(--color); } .mes_editGeneralView__flexColumnContainer { background-color: var(--editScheduleBackground); color: var(--color); } .mes_editGeneralView__settingsColumn { background-color: var(--editScheduleBackground); color: var(--color); } .mes_editGeneralView__label { color: var(--color); } .mes_scheduleEditView__root { background-color: var(--toolbarBackground); } .mes_editScheduleView__tab { color: var(--color); } .mes_editScheduleView__operationSelectionLabel { color: var(--color); } .mes_editScheduleView__labelPanel { background-color: var(--editScheduleBackground); color: var(--color); } .mes_traceGraph__diagram { width: 100%; height: calc(100% - 25px); border: solid 1px grey; background-color: white; } [class*="mes_workOrderTable__main"] { } [class*="mes_workOrderTable__main"] .MuiCollapse-wrapper { } [class*="mes_workOrderTable__main"] .MuiCollapse-entered { } [class*="mes_workOrderTable__main"] .MuiCollapse-wrapperInner > :first-child { } [class*="mes_workOrderTable__main"] .MuiCollapse-wrapperInner thead { background-color: var(--primary-light); } [class*="mes_workOrderTable__main"] .MuiList-root { overflow: auto; }.mes_workOrderTableEditView__checkbox { color: var(--inputCheckboxColor); } .mes_workOrderTableEditView__checkbox:hover { background-color: var(--inputCheckboxHoverBackground); } .mes_workOrderTableEditView__checkboxLabel .MuiFormControlLabel-label { background-color: var(--inputCheckboxLabelBackground); color: var(--inputCheckboxLabelColor); font-size: var(--inputCheckboxLabelFontSize); } .mes_workOrderTableEditView__datetime button { color: var(--inputDatePickerIconColor); } .mes_workOrderTableEditView__datetime button:hover { background-color: var(--inputDatePickerIconHoverBackground); } .mes_workOrderTableEditView__datetime button:hover svg path { fill: var(--inputDatePickerIconHoverColor); } .mes_workOrderTableEditView__datetime label { color: var(--inputDatePickerColor); } .mes_workOrderTableEditView__datetime svg path { color: var(--inputDatePickerIconColor); } .mes_workOrderTableEditView__formControl { background-color: var(--background); } .mes_workOrderTableEditView__formControl input { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_workOrderTableEditView__inputs { background-color: var(--sectionBackground); border-color: var(--sectionBorderColor); } .mes_workOrderTableEditView__label { color: var(--inputLabelColor); font-size: var(--inputFontSize); } .mes_workOrderTableEditView__labelShrink { font-size: inherit; } .mes_workOrderTableEditView__main { background-color: var(--dialogBackground); } .mes_workOrderTableEditView__main .rc-tree-node-selected { background-color: var(--treeSelectedBackground); border-color: var(--treeSelectedBorderColor); color: var(--treeSelectedColor); } .mes_workOrderTableEditView__main .nodeIcon svg { font-size: var(--treeIconSize); } .mes_workOrderTableEditView__main .switcherIcon svg { font-size: var(--treeIconSize); color: var(--treeArrowColor); } .mes_workOrderTableEditView__main .nodeClosed svg path { fill: var(--treeIconColorNodeClosed); } .mes_workOrderTableEditView__main .nodeOpen svg path { fill: var(--treeIconColorNodeOpen); } .mes_workOrderTableEditView__root { background-color: var(--dialogBackground); } .mes_workOrderTableEditView__title { color: var(--toolbarColor); } .mes_workOrderTableEditView__toolbar { background-color: var(--toolbarBackground); color: var(--toolbarColor); font-size: var(--toolbarFontSize); } .mes_workOrderTableEditView__underline:not(.Mui-disabled):after { border-bottom: var(--borderBottomWidth) var(--borderBottomStyle) var(--borderBottomColor); } .mes_workOrderTableEditView__underline:hover:not(.Mui-disabled):before { border-bottom: var(--borderBottomWidth) var(--borderBottomStyle) var(--borderBottomColor); } .mes_workOrderTableView__divider { background-color: var(--divider-background); } .mes_workOrderTableView__menu { background-color: var(--contextMenuBackground); border-color: var(--contextMenuBorderColor); } .mes_workOrderTableView__menuItem { background-color: var(--contextMenuBackground); color: var(--contextMenuColor); font-size: var(--contextMenuFontSize); } .mes_workOrderTableView__menuItem:hover { background-color: var(--contextMenuHoverBackground); } .mes_workOrderTableView__menuItem:hover .MuiListItemIcon-root { color: var(--contextMenuHoverColor); } .mes_workOrderTableView__menuItem:hover .MuiListItemText-primary { color: var(--contextMenuHoverColor); }