: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 { --environment_backgroundImage: url(/system/images/Misc/site_qhd.jpg); --login-fontColor:#FFFFFF; --named-color: black; --menu-header-color: #EF4523; --menu-header-color-transparent: #6B0B0C99; --menu-highlight-color: #000000; --menu_icon_color: #FFFFFF; --menu_icon_label_color: #FFFFFF; --menu_icon_label_color_transparent: #FFFFFF; --border_color_transparent: #000000; --content-body-color: #00000099; --secondary_menu_color: #6B0B0C; --secondary_menu-highlight-color: #FF9900; --secondary_menu_icon_color: #FFFFFF; --navigation-backgroundColor:#6B0B0C; --navigation-item-backgroundColor:#6B0B0C; --navigation-fontColor:#FFFFFF; --navigation-item-fontColor:#FFFFFF; --navigation-add-fontColor:#000000; --navigation-highlight-color: #FF9900; --navigation-item-highlight-color: #FF9900; --navigation-border-bottom-color: #D5D5D5; --navigation-border-top-color: #D5D5D5; --navigation-border-top-style: hidden; --popup-header-color: #EF452399; --popup-header-font-color: #FFFFFF; --popup-body-color: #6B0B0C99; --title-color: #EF4523; --box-bg-color: #FFFFFF; --card-bg-color: #FFFFFF; --button_color: #6B0B0C; --button_filter_backgroundColor: #6B0B0C; --button_filter_fontColor: #FFFFFF; --button_filter_borderColor: #6B0B0C; --disabled_color: #EEEEEE75; --box_title_label_color: #FFFFFF; --sub_title_label_color: #000000; --title_border_color: #000000; --header_font_weight: bold; --pipe_hot_water-color: #F85F52; --pipe_cold_water-color: #13B8E1; --pipe_heating-color: #DA140E; --pipe_dh-color: #DA140E; --pipe_fresh_air-color: #4747FF; --pipe_exhaust_air-color: #AC5F00; --pipe_extract_air-color: #FFAC47; --pipe_supply_air-color: #FF4747; --pipe_purple: #800080; --stroke_color: #9E9E9E; --callToAction: #FF9900; --callToActionHighlight: #E8F4FA; --callToAction--hover: #FF9900; --callToAction--active: #066391; --callToAction--activeAlt: #FF990030; --callToAction--activeAltInvis: #0B7BB2; --callToAction--disabled: var(--neutral-50); }@font-face { font-family: Titillium Web; src: url('/fonts/titillium-web-v7-latin-regular.woff'); } .psc-Branding\/backgroundPosition { background-image: var(--environment_backgroundImage) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } body { font-family: 'Titillium Web'; font-weight: 400; font-size: 1rem; color: #000000; background-color: #364550; font-size: 100%; } .ia_container--root { background-color: #e3e3e3 !important; } :focus { outline: 0; } .client-login .login-section .login-panel-wrapper .login-panel .icon-wrapper .panel-icon { display: inline-block; width: 100px !important; height: 100px !important; transition: all .2s; } .client-login .login-section { width: 100%; padding: 1rem; background-color: rgba(0, 0, 0, 0); display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url(/system/images/Misc/site_qhd.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } p.panel-description { display: none !important; } .slide-display.on-panel::after { content: "Sinun täytyy kirjautua jatkaaksesi." !important; } .client-login .login-section .login-panel-wrapper .login-panel { position: relative; display: flex; flex-direction: column; width: 100%; border-radius: 10px !important; height: 15rem; margin: 0 auto; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25); text-align: center; transition: height .4s; } .client-login .login-section .login-panel-wrapper .login-panel .panel-body .submit-button { position: absolute; bottom: 1.25rem; left: 1.25rem; right: 1.25rem; padding: 1rem; height: 51px; text-align: center; background-color: var(--co-branding-button-color, #72A7FE); color: var(--co-branding-button-text-color, #FFFFFF); border-radius: 10px !important; font-size: 1rem; font-weight: 500; cursor: pointer; } .submit-button::after { content: "Jatka Kirjautumiseen" !important; } span.button-message { display: none !important; } .co-branding-footer-logo { width: 300px; height: 106px; position: absolute; right: 20px; bottom: 20px; max-width: 100%; -webkit-mask-image: url(/system/images/Logo/PoweredByEnermixBig.png) !important; -webkit-mask-repeat: no-repeat; mask-image: url(/system/images/Logo/PoweredByEnermixBig.png) !important; mask-repeat: no-repeat; } .client-login .login-section .login-panel-wrapper .login-panel .panel-body .panel-section.panel-header h2, .panel-title h2 { display: none; } .client-login .login-section .login-panel-wrapper .login-panel .panel-body .panel-section.panel-header::after, .panel-title::after { color: #2c2d31; font-size: 1.375rem; font-weight: 500; content: "Talotohtori 2.0" !important; } .client-login .login-section .login-panel-wrapper .login-panel .panel-body .panel-section .slide-display { position: absolute; width: 100%; margin-top: 35px !important; transition: all .3s cubic-bezier(0.3, 0.12, 0.16, 1); } .login-header span, .login-header.perspective span { display: none; } .login-header::after, .login-header.perspective::after { content: "Kirjautuminen" !important; color: var(--login-fontColor); } .terminal-state-page.--standard, .terminal-login-page { background-image: url(/system/images/Misc/site_qhd.jpg) !important; background-size: cover; } .ia_popup { background-color: var(--container); box-shadow: none; border-style: none; } .client-root .popup .body-wrapper .popup-body>div { flex-basis: auto !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border: solid; border-width: 1px; border-color: #000000; } .client-root .popup { pointer-events: initial; position: fixed; flex-direction: column; -webkit-box-shadow: rgb(0, 0, 0) 5px 5px 15px 0px; -moz-box-shadow: rgb(0, 0, 0) 5px 5px 15px 0px; box-shadow: rgb(0, 0, 0) 5px 5px 15px 0px; display: flex; background-color: transparent; border-radius: 10px !important; } .client-root .popup .popup-header { height: 30px; background-color: var(--popup-header-color) !important; backdrop-filter: blur(25px); color: var(--popup-header-font-color) !important; font-weight: normal !important; -webkit-font-smoothing: antialiased; padding: 0.5rem; border-top: solid; border-bottom: none; border-left: solid; border-right: solid; border-width: 1px; border-color: #000000; padding-bottom: 5px; line-height: 16px; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .client-root .popup .popup-drag { position: absolute; height: 30px !important; top: 0.125rem; left: 0.5rem; right: 0.5rem; cursor: -webkit-grab; cursor: grab; } .close-icon { position: absolute; top: 0.5rem; right: 0.5rem; opacity: 1; fill: var(--popup-header-font-color) !important; } .modal { position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .5); pointer-events: initial; backdrop-filter: blur(5px); } .component-modal-large-viewport>div>div { display: flex; overflow: hidden; flex-direction: column; background-color: var(--neutral) !important; } a { color: var(--title-color); text-decoration: none; } a:hover, a:active { cursor: pointer; color: var(--menu-highlight-color); } .button-primary:hover, .button-primary:active { cursor: pointer; background-color: var(--button_color); border-color: #357fad; color: #FFFFFF; } .button-primary:active { background-color: #4098cf; } .button-secondary:hover, .button-secondary:active { cursor: pointer; background-color: #f2f2f2; border-color: #bfbfbf; color: #47A9E6; } .button-secondary:active { background-color: #e6e6e6; } .button-primary { position: relative; display: inline-block; box-sizing: border-box; border: none; border-radius: 4px; padding: 0 16px; min-width: 64px; height: 36px; vertical-align: middle; text-align: center; text-overflow: ellipsis; text-transform: uppercase; color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255)); background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); font-size: 14px; font-weight: 500; line-height: 3px; overflow: hidden; outline: none; cursor: pointer; transition: box-shadow 0.2s; min-height: 25px !important; } .ia_button--secondary { background-color: var(--neutral-10); border: var(--button_color) !important; border-style: solid !important; border-width: 1px !important; color: var(--neutral-90); } .ia_horizontalMenuComponent__item:not(.ia_horizontalMenuComponent__item--active):not(.ia_horizontalMenuComponent__item--disabled):hover { filter: brightness(1.0); background-color: var(--menu-header-color); } .horizontal-menu-menu-item.active, .horizontal-menu-menu-item:hover:not(.disabled) { color: var(--menu-highlight-color) !important; fill: var(--menu-highlight-color) !important; background-color: var(--menu-header-color) !important; } .ia_horizontalMenuComponent__item { color: var(--menu_icon_label_color); background-color: var(--menu-header-color) !important; border-style: none !important; fill: var(--menu_icon_color) !important; } .table-container .tableFilter .filterCommon input { margin: 0; min-height: 0; min-width: 0; max-width: 350 !important; border-radius: 4px; border-color: #D5D5D5 !important; } .ia_tableComponent__filterContainer { background-color: transparent; } .t *.tr-group { position: relative; display: inline-flex; flex-direction: column; flex: 1 0 auto; align-items: stretch; min-height: 30px; overflow: hidden; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #D5D5D5; background-color: #FFFFFF; } .t { height: 100%; display: flex; align-items: stretch; flex-direction: column; width: 100%; border-collapse: collapse; overflow: hidden; position: relative; z-index: 0; background-color: transparent; } .t .th-container .th .header, .t .th-container .th .footer, .t .th-container .tf .header, .t .th-container .tf .footer, .t .tf-container .th .header, .t .tf-container .th .footer, .t .tf-container .tf .header, .t .tf-container .tf .footer { flex: 1 0 auto; display: inline-flex; color: #FFFFFF; font-weight: bold; font-size: 12px; background-color: var(--secondary_menu_color); } .ia_table__body { font-size: 13px; background-color: transparent; } .ia_table { color: var(--neutral-90); background-color: transparent !important; } .ia_tableComponent { border: transparent; } .ia_pager { background-color: #F1F1F1; color: #FFFFFF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); line-height: 0.875rem; font-size: 0.75rem; } .ia_pager__prevNext { color: #FFFFFF; } .ia_pager__page { border-radius: 50%; width: 1.25rem; height: 1.25rem; color: #FFFFFF !important; } .ia_pager { background-color: var(--secondary_menu_color); color: #FFFFFF; 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: #FFFFFF !important; } .ia_tableComponent__selection { background-color: #FF990050; } .ia_tableComponent__selection--root { border: 1px var(--menu-header-color) none; } .iaDropdownCommon>div { display: flex; align-items: center; overflow: hidden; width: 100%; height: 100%; min-height: 25px !important; } .ia_dropdown--disabled { color: var(--label--disabled); background-color: var(--disabled_color); cursor: not-allowed; } .iaDropdownCommon .iaDropdownCommon_value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ia_dropdown__valuePill { background-color: #FF9900 !important; display: flex; min-width: 0px; box-sizing: border-box !important; border-radius: 10px !important; margin-right: 10px !important; margin-left: 0px !important; border-color: #000000 !important; border: solid; border-width: 1px; padding-left: 10px; padding-right: 5px; } .ia_dropdown__valuePill__value { color: #000000; } .ia_dropdown__removeValueIcon { fill: #000000; } .ia_inputField { font-size: 12px !important; color: var(--neutral-90); border: var(--containerBorder); background-color: var(--input); padding: 0px 0.5rem; border-radius: var(--borderRadiusInput); min-height: 25px !important; height: 25px; } .ia_container--secondary { background-color: #FFFFFF; } .addWidgetsModal .addWidgetsModalContent .addWidgetsModalHead { min-height: 20px !important; margin-top: 15px; width: 100%; background-color: #00000000 !important; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-bottom: 1px solid #00000000 !important; font-size: 22px !important; font-weight: bold !important; line-height: 14px; color: #076486 !important; } .addWidgetsModal .addWidgetsModalContent .addWidgetsMenuScrollableContainer .addWidgetsMenuContainer .addWidgetCategory .addWidgetCategoryTitleBar { position: relative; cursor: pointer; display: flex; align-items: center; border-bottom: 1px solid transparent; border-bottom: 1px solid transparent !important; height: 30px !important; background-color: rgba(7, 100, 134, 0.1) !important; } .addWidgetsModal .addWidgetsModalContent .addWidgetsMenuScrollableContainer .addWidgetsMenuContainer .addWidgetCategory .addWidgetCategoryTitleBar>div { padding-left: 16px; display: flex; align-items: center; color: #076486 !important; font-weight: normal !important; font-size: 14px !important; line-height: 14px; fill: #FFFFFF !important; } .addWidgetsModal .addWidgetsModalContent .addWidgetsMenuScrollableContainer .addWidgetsMenuContainer .addWidgetCategory .addWidgetCategoryTitleBar>div:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 15px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); border-left: 5.04px solid transparent; border-right: 5.04px solid transparent; border-top: 5px solid #076486 !important; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); fill: #FFFFFF !important; } .addWidgetMenuItem { height: 40px; max-height: 40px; width: 100%; color: #000000 !important; font-size: 14px; line-height: 16px; font-weight: 300; border-bottom: 1px solid #BABEC1; display: flex; align-items: center; justify-content: space-between; padding: 0px 16px; cursor: pointer; user-select: none; -webkit-user-select: none; } .addWidgetsModal .addWidgetsModalContent .addWidgetsModalFoot { display: flex; justify-content: center; align-items: center; height: 66px; min-height: 66px; width: 100%; background-color: #E5EEF2 !important; border-top: 1px solid #BABEC1; padding: 17px; padding-left: 130px !important; } .addWidgetsModal .addWidgetsModalContent .addWidgetsModalFoot button { height: 30px !important; width: 75px !important; margin: 0px 4px; border-radius: 4px; user-select: none; -webkit-user-select: none; font-size: 12px !important; font-weight: bold !important; } .ia_button--secondary { background-color: var(--neutral-10); border: var(--containerBorder); color: var(--button_color); } .ia_button--primary, .ia_button--secondary { font-size: 0.875rem; font-weight: 700; max-height: 25px; 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 { background-color: var(--callToAction); border: solid 1px #000000; border-radius: 10px; color: #000000; font-weight: normal !important; } .addWidgetMenuItem.isSelected { background-color: #FF990075 !important; } .addWidgetMenuItem:hover { background-color: #FF990040 !important; } .removeWidgetModal .removeWidgetModalContent .removeWidgetModalHead { min-height: 48px; width: 100%; background-color: #00000000 !important; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-bottom: 1px none #BABEC1 !important; font-size: 22px !important; font-weight: bold !important; line-height: 14px; color: #076486 !important; } .removeWidgetModal .removeWidgetModalContent .removeWidgetModalBody { height: 85px !important; margin-top: 10px !important; display: flex; flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; width: 100%; } .widget-modal-button--secondary { background-color: #FAFAFB; border: 1px solid #757A7F; color: #1F8FB3 !important; line-height: 0px !important; height: 30px !important; border: 1px solid #1F8FB3 !important; border-radius: 5px !important; margin-right: 10px !important; font-size: 12px; font-weight: bold; height: 30px !important; width: 75px !important; } .widget-modal-button--primary { background-color: #1F8FB3 !important; border: 1px solid #757A7F !important; color: #FAFAFB !important; line-height: 0px !important; height: 30px !important; font-size: 12px; font-weight: bold; height: 30px !important; width: 75px !important; } input, textarea, keygen, select, button { font-family: Titillium Web !important; font-weight: 400; } .ia_dateTimeInputComponent input { width: 100%; height: 25px; min-height: 25px !important; text-align: center; } .ia_powerChartComponent__icon--active { background-color: #ff9900 !important; } .ia_powerChartComponent__dateTimeSelection { color: #ff9900; font-weight: bold; } .ia_powerChartComponent__icon { color: #000000; border: 1px solid #000000; background-color: #FFFFFF; } .ia_powerChartComponent__chart .main-chart-container .no-data-message { flex-direction: column; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; left: 0; height: 0 !important; max-height: 0 !important; display: block; border: none; } .ia_powerChartComponent__chart.empty { margin: 0; display: none; } .ia_powerChartComponent__penLegendContainer .pen-legend svg { flex-shrink: 0; height: 24px; width: 24px; cursor: pointer; } .ia_powerChartComponent__penLegendContainer .pen-legend .expand-icon { flex-shrink: 0; margin: 0 4px; fill: #FF9900 !important; } .ia_powerChartComponent__penLegendContainer .pen-legend { display: flex; align-items: center; flex-grow: 1; overflow: hidden; border-radius: 10px !important; background-color: var(--content-body-color); } .ia_powerChartComponent__penLegend { border: 1px solid #000000; } .ia_powerChartComponent__penLegend__navArrow { background-color: #ff9900; } .ia_powerChartComponent__penLegendContainer .pen-legend .pen-nav-container .nav-container .arrow-icon-container svg { margin: 0 4px; opacity: .5; fill: #000000 !important; cursor: inherit; } .ia_powerChartComponent__penLegendContainer .pen-legend .pen-nav-container .nav-container .arrow-icon-container { display: flex; align-items: center; cursor: default; border-right: solid #000000 1px !important; border-left: solid #000000 1px !important; } .ia_powerChartComponent__penDataDisplay__table__headerCell { background-color: var(--secondary_menu_color); font-weight: normal; } .ia_powerChartComponent__penLegendContainer .pen-legend .pen-nav-container .pen-name { margin-right: 8px; white-space: nowrap; color: #FFFFFF !important; } .ia_powerChartComponent__penDataDisplay .pen-data-table-container .ia_powerChartComponent__penDataDisplay__table__headerCell .collapse-icon { height: 24px; width: 24px; fill: #FF9900 !important; cursor: pointer; } .ia_powerChartComponent__penDataDisplay .pen-data-table-container .t .th-container { box-shadow: none; border-top-left-radius: 10px; border-top-right-radius: 10px; border-left: solid; border-right: solid; border-color: var(--border); border-width: 1px; } .ia_powerChartComponent__dateTimeSelection__popupMenu__header { font-size: 14px; background-color: var(--popup-header-color); border-bottom: 1px solid #000000; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; backdrop-filter: blur(5px); } .ia_powerChartComponent__dateTimeSelection__popupMenu .modal-title-action-container svg { margin-right: -3px; flex-shrink: 0; height: 24px; width: 24px; fill: var(--popup-header-font-color); cursor: pointer; } .ia_componentModal { color: var(--popup-header-font-color); border: solid #000000 1px; border-radius: 10px !important; } .realtimeOrHistoricalRange { display: flex; flex-direction: column; width: 240px; align-items: center; overflow: hidden; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } .ia_checkboxComponent .checkbox-input-label { flex: 1 1 auto; padding-left: 0.5rem; cursor: pointer; } @media (max-width: 1279px) and (min-width: 960px) { .psc-BreakPoints\/md { display: none !important } } @media (min-width: 600px) and (max-width: 959px) { .psc-BreakPoints\/sm { display: none !important; } } @media (max-width: 599px) { .psc-BreakPoints\/xs { display: none !important; } } .psc-Branding\/Header_and_Menu { background-color: var(--menu-header-color) !important; color: var(--menu_icon_label_color) !important; } .psc-Branding\/Header_and_Menu_Transparent { background-color: var(--menu-header-color-transparent) !important; color: var(--menu_icon_label_color_transparent) !important; border-color: var(--border_color_transparent) !important; border-width: 1px !important; } .psc-Branding\/backgroundPopup { background-color: var(--popup-body-color) !important; } .psc-Branding\/contentBackground { background-color: var(--content-body-color) !important; } .psc-Branding\/Navigation { background-color: var(--navigation-backgroundColor); color: var(--navigation-fontColor) !important; border-bottom-color: var(--navigation-border-bottom-color) !important; } .psc-Branding\/navigationItemLink { background-color: var(--navigation-item-backgroundColor) !important; color: var(--navigation-item-fontColor) !important; border-bottom-color: var(--navigation-border-bottom-color) !important; } .psc-Branding\/navigationItemLink:hover { color: var(--navigation-item-highlight-color) !important; fill: var(--navigation-item-highlight-color) !important; } .psc-Branding\/navigationAdd { background-color: var(--navigation-highlight-color) !important; color: var(--navigation-add-fontColor) !important; border-bottom-color: var(--navigation-border-bottom-color) !important; cursor: pointer !important; } .psc-Branding\/navigationLink { color: var(--navigation-fontColor) !important; cursor: pointer; fill: var(--navigation-fontColor) !important; letter-spacing: 0.5 !important; font-weight: normal !important; border-bottom-color: var(--navigation-border-bottom-color) !important; } .psc-Branding\/navigationLink:hover { color: var(--navigation-highlight-color) !important; fill: var(--navigation-highlight-color) !important; } .psc-Branding\/navigationLinkSelected { border-left-color: var(--navigation-highlight-color) !important; border-bottom-color: var(--navigation-border-bottom-color) !important; color: var(--navigation-highlight-color) !important; fill: var(--navigation-highlight-color) !important; font-weight: normal !important; letter-spacing: 0.5 !important; } .psc-Branding\/navigationLinkTop { color: var(--navigation-fontColor) !important; cursor: pointer; fill: var(--navigation-fontColor) !important; letter-spacing: 0.5 !important; border-top-color: var(--navigation-border-top-color); border-top-style: var(--navigation-border-top-style); border-top-width: 1px; border-bottom-color: var(--navigation-border-bottom-color) !important; } .psc-Branding\/navigationLinkTop:hover { color: var(--navigation-highlight-color) !important; fill: var(--navigation-highlight-color) !important; } .psc-Branding\/navigationLinkSelectedTop { border-left-color: var(--navigation-highlight-color) !important; border-bottom-color: var(--navigation-border-bottom-color) !important; color: var(--navigation-highlight-color) !important; fill: var(--navigation-highlight-color) !important; letter-spacing: 0.5 !important; border-top-color: var(--navigation-border-top-color); border-top-style: var(--navigation-border-top-style); border-top-width: 1px; } .psc-title { font-weight: var(--header_font_weight) !important; color: var(--menu_icon_label_color) !important; } .psc-menuLinkSelected { border-left-color: var(--menu-highlight-color); border-left-style: solid; border-left-width: 5px; color: var(--menu-highlight-color); padding-left: 0px; fill: var(--menu-highlight-color); } .psc-menuLink { color: var(--menu_icon_label_color); cursor: pointer; padding-left: 5px; fill: var(--menu_icon_color); } .psc-menuLink:hover { color: var(--menu-highlight-color) !important; fill: var(--menu-highlight-color) !important; } .psc-secondaryMenuLink { color: var(--menu_icon_label_color); cursor: pointer; padding-left: 5px; fill: var(--menu_icon_color); } .psc-secondaryMenuLink:hover { color: var(--secondary_menu-highlight-color) !important; fill: var(--secondary_menu-highlight-color) !important; } .psc-menuLink:hover { animation-name: psc-menuLink-0-anim; animation-delay: 0s; animation-direction: reverse; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease-in; } .psc-HorizontalMenuItem { background-color: var(--menu-header-color) !important; color: var(--menu_icon_label_color); cursor: pointer; font-size: 14px; font-weight: normal !important; padding-left: 15px; padding-right: 15px; fill: var(--menu_icon_color); } .psc-HorizontalMenuSubItem { background-color: var(--menu-header-color) !important; border-top-color: none; border-top-style: none; border-top-width: 0px !important; color: var(--menu_icon_label_color); cursor: pointer; font-size: 13px; padding-left: 10px; padding-right: 10px; fill: var(--menu_icon_color); } .psc-HorizontalMenuSubItemDisabled { background-color: var(--menu-header-color) !important; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1px !important; color: #AAAAAA; cursor: pointer; font-size: 12px; padding-left: 10px; padding-right: 10px; fill: #AAAAAA; } .psc-theme_box { background-color: #FFFFFF; border-bottom-color: #EBEBEB; border-bottom-width: 1px; border-left-color: #EBEBEB; border-left-width: 1px; border-right-color: #EBEBEB; border-right-width: 1px; border-top-color: #EBEBEB; border-top-width: 1px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); color: #000000; font-size: 14px; margin: 0px; overflow: hidden; text-align: center; fill: #FFFFFF; } .psc-box_title { background-color: var(--title-color); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); color: var(--box_title_label_color) !important; fill: var(--menu_icon_color) !important; font-size: 16px; font-weight: bold; text-align: center; } .psc-title_dashboard { background-color: #066486; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); color: #FFFFFF; font-size: 16px; font-weight: bold; text-align: center; } .psc-hidden { display: none !important; } .psc-gauge { background-color: #EBEBEB; border-color: #39B3DC; border-style: none; color: #000000; font-size: 11px; overflow: hidden; text-align: center; } .psc-Pipe_Hot_Water { stroke: var(--pipe_hot_water-color); stroke-width: 2px; fill: var(--pipe_hot_water-color) !important; background-color: var(--pipe_hot_water-color); } .psc-Pipe_Cold_Water { stroke: var(--pipe_cold_water-color); stroke-width: 2px; fill: var(--pipe_cold_water-color) !important; background-color: var(--pipe_cold_water-color); } .psc-Pipe_DH { stroke: var(--pipe_dh-color); stroke-width: 2px; fill: var(--pipe_dh-color) !important; background-color: var(--pipe_dh-color); } .psc-Pipe_Heating { stroke: var(--pipe_heating-color); stroke-width: 2px; fill: var(--pipe_heating-color) !important; background-color: var(--pipe_heating-color); } .psc-Pipe_Fresh_Air { fill: var(--pipe_fresh_air-color) !important; background-color: var(--pipe_fresh_air-color); } .psc-Pipe_Exthaust_Air { fill: var(--pipe_exhaust_air-color) !important; background-color: var(--pipe_exhaust_air-color); } .psc-Pipe_Extract_Air { fill: var(--pipe_extract_air-color) !important; background-color: var(--pipe_extract_air-color); } .psc-Pipe_Supply_Air { fill: var(--pipe_supply_air-color) !important; background-color: var(--pipe_supply_air-color); } .psc-Pipe_Purple { fill: var(--pipe_purple) !important; background-color: var(--pipe_purple); stroke: var(--pipe_purple) } .psc-circulation_pump_arrow { stroke: var(--stroke_color); fill: #000000; } .psc-circulation_pump { stroke: var(--stroke_color); fill: #C8C8C8; } .psc-flow_arrow { stroke: var(--stroke_color); fill: #7CC566; } .psc-heat_circuit { color: #000000; stroke: var(--stroke_color); fill: #C8C8C8; } .psc-heat_exchanger { color: #000000; stroke: var(--stroke_color); fill: #C8C8C8 !important; } .psc-motor_valve { stroke: var(--stroke_color); fill: #9E9E9E; } .psc-sensor { color: var(--stroke_color); font-size: 11px; text-align: center; stroke: #C8C8C8; stroke-width: 40px; fill: #C8C8C8; } .psc-state_indicator { border-color: #39B3DC; color: #000000; font-size: 11px; text-align: center; } .psc-value_display { background-color: #1D8BDB00; border-color: #39B3DC; border-style: none; color: #000000; font-size: 11px; text-align: center; } .psc-Ventilation_Fan_1 { background-color: #C8C8C8; stroke: #C8C8C8; stroke-width: 0; fill: #9E9E9E; } .psc-Ventilation_Fan_2 { stroke: #9E9E9E; stroke-width: 3; fill: #C8C8C8; } .psc-Ventilation_Heat_Recovery_01 { stroke: #9E9E9E; stroke-width: 3; fill: #C8C8C8; } .psc-Ventilation_Damper { stroke: #4c4c4c; stroke-width: 6; fill: #C8C8C8; } .psc-Ventilation_Filter { stroke: #4c4c4c; stroke-width: 6; fill: #C8C8C8; } .psc-Ventilation_Fan_V2 { stroke: #4c4c4c; stroke-width: 10; fill: #C8C8C8; } .psc-processes_room_area { fill: #F2F2F2; } .psc-heat_coil { stroke: #4c4c4c; fill: #C8C8C8; } .psc-Value_Setpoint { background-color: #DADAFF; color: #000000; font-size: 11px; text-align: center; } .psc-Processes_Box { background-color: #E7FFFF; color: #000000; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); font-size: 12px; margin: 2px; } .psc-Sparklines { background-color: #FFFFFF; } .psc-Sparklines svg path { stroke: #000000; } .psc-button { background-color: var(--button_color); border-style: none; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26); box-sizing: border-box; color: #FFFFFF; cursor: pointer; font-family: Roboto, Helvetica Neue, sans-serif; font-size: 14px; font-weight: 500; line-height: 25px; margin-bottom: 6px; margin-left: 8px; margin-right: 8px; margin-top: 6px; outline-style: none; overflow: hidden; padding-left: 8px; padding-right: 8px; text-transform: uppercase; } .psc-card { background-color: var(--card-bg-color); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); margin: 8px; padding: 16px; color: #000000 } .psc-Card_Label { border-right-color: #000000; border-right-style: solid; border-right-width: 1px; font-weight: bold; padding-right: 5px; text-align: right; } .psc-Card_Container { border-bottom-color: #000000; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #000000; border-left-style: solid; border-left-width: 1px; border-right-color: #000000; border-right-style: solid; border-right-width: 1px; } .psc-Title_Vincit { border-bottom-color: var(--title_border_color); border-bottom-style: solid; border-bottom-width: 3px; color: var(--sub_title_label_color); font-size: 14px; font-weight: bold; padding-left: 15px; } .psc-Journal\/Filter_Button_Selected { background-color: #FF9900 !important; border-color: #000000 !important; border-style: solid !important; border-width: 1px !important; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: none ! important; color: #000000 !important; font-weight: normal; margin: 0px; margin-bottom: 10px; margin-right: 10px; text-transform: capitalize; } .psc-Journal\/Filter_Button_Not_Selected { background-color: rgb(255, 255, 255) !important; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: none !important; color: rgb(0, 0, 0) !important; font-weight: normal !important; text-transform: capitalize; border-color: rgb(0, 0, 0) !important; border-style: solid !important; border-width: 1px; margin: 0px 10px 10px 0px; } .psc-Journal\/Journal_New_or_InProgress { background-color: #FFFFFF; border-color: #808080 !important; border-bottom-color: #808080; border-bottom-style: none; border-bottom-width: 1px; border-left-color: #808080; border-left-style: solid; border-left-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-right-color: #808080; border-right-style: solid; border-right-width: 1px; border-top-color: #808080; border-top-style: solid; border-top-width: 1px; cursor: pointer; overflow: visible; padding: 0px; } .psc-Journal\/Journal_Done { background-color: #dddddd !important; border-color: #076486 !important; border-bottom-color: #076486; border-bottom-style: none; border-bottom-width: 1px; border-left-color: #076486; border-left-style: solid; border-left-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-right-color: #076486; border-right-style: solid; border-right-width: 1px; border-top-color: #076486; border-top-style: solid; border-top-width: 1px; cursor: pointer; overflow: visible; padding: 0px; } .psc-secondary_menu_bar_icon_selected { fill: var(--secondary_menu-highlight-color) !important; color: var(--secondary_menu-highlight-color) !important; cursor: pointer !important; } .psc-menu_bar_icon_selected { fill: var(--menu-highlight-color); cursor: pointer !important; } .psc-secondary_menu_bar_icon_not_selected { fill: var(--secondary_menu_icon_color); color: var(--secondary_menu_icon_color); cursor: pointer !important; } .psc-secondary_menu_bar_icon_not_selected:hover { fill: var(--secondary_menu-highlight-color) !important; color: var(--secondary_menu-highlight-color) !important; cursor: pointer !important; } .psc-secondary_menu_bar_icon_not_selected:hover { animation-name: psc-secondary_menu_bar_icon_not_selected-0-anim; animation-delay: 0s; animation-direction: reverse; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease-in; } .psc-Icons { color: #000000; fill: #000000; } .psc-Icon_MenuTree { color: var(--menu_icon_label_color) !important; fill: var(--menu_icon_label_color) !important; } .psc-secondary_menu_bar { background-color: var(--secondary_menu_color) !important; color: var(--secondary_menu_icon_color); fill: var(--secondary_menu_icon_color); } .psc-secondary_menu_bar_label_selected { color: var(--secondary_menu-highlight-color) !important; cursor: auto; font-size: 14px; margin-left: 15px; } .psc-secondary_menu_bar_label_not_selected { color: var(--menu_icon_label_color) !important; cursor: pointer; font-size: 14px; margin-left: 15px; } .psc-secondary_menu_bar_label_not_selected:hover { color: var(--secondary_menu-highlight-color) !important; cursor: pointer; font-size: 14px; margin-left: 15px; } .psc-Axis { color: var(--button_color) !important; font-size: 10px !important; font-weight: normal !important; stroke: var(--button_color) !important; } .psc-Blur { background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(25px) !important; }