/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/
/* NOTE: DO NOT EDIT THIS SHEET IN DESIGNER!!  MODIFY disabled_holding/stylesheet.scss INSTEAD AND BUILD TO PROJECTS  */
@font-face {
  font-family: "Helvetica Neue";
  src: url("https://www.signal-fire.com/wp-content/themes/signal-fire/resources/assets/fonts/HelveticaNeue.woff2") format("woff2");
}
/* ================================= */
/* Variables                         */
/* ================================= */
:root {
  --font-NotoSans: "Helvetica Neue", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --old-btn-primary: #5DA7FF;
  --old-btn-primary-hover: #4879B3;
  --btn-primary: #1C355E;
  --btn-primary-hover: #f7941d;
  --btn-primary-active: #d98015;
  --btn-primary-disabled: #8b97ac;
  --btn-success: #66BB6A;
  --btn-success-hover: #6ACC6E;
  --btn-success-active: #4B6D4A;
  --btn-success-disabled: #325B46;
  --btn-success-border-color: #2e7d32;
  --btn-danger: #ef5350;
  --btn-danger-hover: #FE726F;
  --btn-danger-active: #880000;
  --btn-danger-disabled: #897a7a;
  --btn-danger-border-color: #c62828;
  --btn-info: #29B6F6;
  --btn-info-hover: #4FC3F7;
  --btn-info-active: #0288D1;
  --btn-info-disabled: #8abed1;
  --btn-info-border-color: #0288d1;
  --header-bg: #1C355E;
  --header-tab-hovered: #12233e;
  --header-tab-active: #2a4d88;
  --dropdown-menu-hover: #ffbe70;
  --dropdown-menu-active: #f7941d;
  --callToAction: var(--btn-primary);
  --callToAction--hover: var(--btn-primary-hover);
  --sf-blue1: var(--btn-primary);
  --sf-blue2: #5DA7FF;
  --checkbox--checked: var(--btn-primary);
  --checkbox--unchecked: var(--btn-primary);
  --checkbox--indeterminate: var(--btn-primary);
  --sa-bg-danger: #FBEAEA;
  --sa-bg-info: #eaf5fb;
  --sa-bg-success: #ecfbea;
  --sa-border-danger: #e35146;
  --sa-border-info: #469fe3;
  --sa-border-success: #39912c;
}

/* ================================= */
/* GLOBAL OVERRIDES                  */
/* ================================= */
.ia_toggleSwitch {
  outline: none;
}

.ia_toggleSwitchComponent__label {
  user-select: none;
}

#ia_powerChartComponent__settings__pensTab__deleteConfirmButton {
  background-color: var(--btn-primary);
}

.tree {
  overflow: visible;
}

/* Override to allow dropdown selections to overflow thier parent container */
.ia_componentModal {
  width: inherit !important;
}

.component-modal-small-viewport .ia_componentModal {
  width: auto !important;
}

.psc-CompactFilter .filterCommon {
  margin: 0.25rem;
}

.psc-CompactFilter .filterResults {
  font-size: 9pt;
}

.iaDropdownCommon_options {
  overflow-x: hidden !important;
}

.ia_dropdown__option.ia_dropdown__option--focused {
  background-color: var(--dropdown-menu-hover);
}

.ia_dropdown__option.ia_dropdown__option--selected {
  background-color: var(--dropdown-menu-active);
}

.ia_dropdown--active, .ia_dropdown--focused {
  outline: 1px solid var(--callToAction--hover);
}

.iaSelectCommon_select .ia_select__select {
  background-color: var(--dropdown-menu-active) !important;
}

.ia_container--primary .component-error-boundary .central-icon, .ia_container--primary .component-error-boundary .error-message, .ia_container--primary .component-error-boundary .component-name {
  display: none;
}

.client-loading-page, .terminal-login-page, .terminal-state-page, .terminal-state-page--standard {
  padding: 0 !important;
  background-color: var(--btn-primary) !important;
}
@media (min-width: 90rem) {
  .client-loading-page .not-licensed-page, .terminal-login-page .not-licensed-page, .terminal-state-page .not-licensed-page, .terminal-state-page--standard .not-licensed-page {
    padding: 8rem 10rem 0 12rem;
  }
}
.client-loading-page .co-branding-footer-logo, .terminal-login-page .co-branding-footer-logo, .terminal-state-page .co-branding-footer-logo, .terminal-state-page--standard .co-branding-footer-logo {
  display: none;
}
.client-loading-page .loading-display, .terminal-login-page .loading-display, .terminal-state-page .loading-display, .terminal-state-page--standard .loading-display {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
.client-loading-page .loading-display .multi-stage-wheel, .terminal-login-page .loading-display .multi-stage-wheel, .terminal-state-page .loading-display .multi-stage-wheel, .terminal-state-page--standard .loading-display .multi-stage-wheel {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  transform: rotate(45deg);
  box-sizing: content-box;
}
.client-loading-page .loading-display .multi-stage-wheel > *, .terminal-login-page .loading-display .multi-stage-wheel > *, .terminal-state-page .loading-display .multi-stage-wheel > *, .terminal-state-page--standard .loading-display .multi-stage-wheel > * {
  display: none;
}
.client-loading-page .loading-display .multi-stage-wheel::before, .client-loading-page .loading-display .multi-stage-wheel::after, .terminal-login-page .loading-display .multi-stage-wheel::before, .terminal-login-page .loading-display .multi-stage-wheel::after, .terminal-state-page .loading-display .multi-stage-wheel::before, .terminal-state-page .loading-display .multi-stage-wheel::after, .terminal-state-page--standard .loading-display .multi-stage-wheel::before, .terminal-state-page--standard .loading-display .multi-stage-wheel::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
}
.client-loading-page .loading-display .multi-stage-wheel::before, .terminal-login-page .loading-display .multi-stage-wheel::before, .terminal-state-page .loading-display .multi-stage-wheel::before, .terminal-state-page--standard .loading-display .multi-stage-wheel::before {
  top: -24px;
  animation: squareloader 4s ease infinite;
}
.client-loading-page .loading-display .multi-stage-wheel::after, .terminal-login-page .loading-display .multi-stage-wheel::after, .terminal-state-page .loading-display .multi-stage-wheel::after, .terminal-state-page--standard .loading-display .multi-stage-wheel::after {
  top: 0;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  animation: squareloader2 2s ease infinite;
}

.history-graph-reset-zoom-button {
  position: absolute;
  top: 2px;
  right: 4px;
  padding: 2px 3px;
  font-size: 14px;
  border-radius: 4px;
  z-index: 10;
  cursor: pointer;
}

/* ================================= */
/* CLASS SCOPED OVERRIDES            */
/* ================================= */
.psc-DocsContainer > div {
  border-bottom: 2px solid black;
}

.psc-RoleInfoCheckboxCell svg, .psc-SFCheckbox svg, .psc-SFCheckboxDisplay svg {
  color: var(--btn-primary) !important;
  cursor: pointer;
}

.psc-SFCheckbox input, .psc-SFCheckboxDisplay input {
  display: none;
}

.psc-SFCheckbox .ia_checkbox__checkedIcon--disabled {
  cursor: not-allowed !important;
}

.psc-SFCheckboxDisplay svg {
  cursor: default !important;
}

.psc-SingleColumnTable .flexBody {
  overflow-x: hidden;
}

.psc-SFSelectionTable .ia_tableComponent__selection--root {
  border-width: 0;
}

.psc-SFSelectionTable .flexBodyInnerScrollContainer {
  width: auto !important;
}
.psc-SFSelectionTable .ia_tableComponent__selection--root {
  border: 1px var(--callToAction--hover) solid;
}
.psc-SFSelectionTable .ia_tableComponent__body__row--hovered {
  background-color: var(--dropdown-menu-hover);
}
.psc-SFSelectionTable .ia_tableComponent__selection {
  background-color: var(--dropdown-menu-active);
}
.psc-SFSelectionTable .table-container .t .t-selected {
  z-index: 0;
}

.psc-SFMarkdown {
  overflow: hidden;
}

.psc-UnderlineMarkdownLinks a {
  text-decoration: underline;
}

.psc-CompactFilter .filterCommon {
  margin: 0.25rem;
}
.psc-CompactFilter .filterResults {
  font-size: 9pt;
}

.psc-GroupChangeIcon {
  transition-property: transform, filter;
  transition-duration: 0.25s;
  animation-duration: 0.85s;
  animation-delay: 0s;
  animation-iteration-count: 0;
  animation-timing-function: ease-in-out;
  animation-name: icon-spinner;
}
.psc-GroupChangeIcon:hover {
  transform: scale(1.1);
  filter: brightness(300%);
}
.psc-GroupChangeIcon:active {
  transform: scale(1.1);
  filter: brightness(300%);
  animation-name: icon-spinner;
}

.psc-SFTemp .ia_thermometerComponent__valueDisplay {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5);
}

.psc-SFBarChart {
  padding: 0;
}

/* ================================= */
/* CUSTOM CLASSES                    */
/* ================================= */
.psc-Button, .psc-ButtonWarningOutline, .psc-ButtonInfoOutline, .psc-ButtonDangerOutline, .psc-ButtonOutline, .psc-ButtonInfo, .psc-ButtonDanger, .psc-ButtonSuccess, .ia_button--primary {
  background-color: var(--btn-primary);
  font-family: "Helvetica Neue", "Roboto", sans-serif;
  font-variant: small-caps;
  font-size: 10pt;
  font-weight: bold;
  border-radius: 0;
  outline-width: 0;
  border-style: solid;
  border-width: 0;
  padding: 0 1rem;
  letter-spacing: 1px;
  height: 32px;
  color: white;
}
.psc-Button:hover, .psc-ButtonWarningOutline:hover, .psc-ButtonInfoOutline:hover, .psc-ButtonDangerOutline:hover, .psc-ButtonOutline:hover, .psc-ButtonInfo:hover, .psc-ButtonDanger:hover, .psc-ButtonSuccess:hover, .ia_button--primary:hover {
  background-color: var(--btn-primary-hover);
  color: #1C355E;
  box-shadow: none !important;
}
.psc-Button:active, .psc-ButtonWarningOutline:active, .psc-ButtonInfoOutline:active, .psc-ButtonDangerOutline:active, .psc-ButtonOutline:active, .psc-ButtonInfo:active, .psc-ButtonDanger:active, .psc-ButtonSuccess:active, .ia_button--primary:active {
  background-color: var(--btn-primary-active);
  color: #1C355E;
  box-shadow: none !important;
}
.psc-Button:disabled, .psc-ButtonWarningOutline:disabled, .psc-ButtonInfoOutline:disabled, .psc-ButtonDangerOutline:disabled, .psc-ButtonOutline:disabled, .psc-ButtonInfo:disabled, .psc-ButtonDanger:disabled, .psc-ButtonSuccess:disabled, .ia_button--primary:disabled {
  background-color: var(--btn-primary-disabled);
  color: #1C355E;
}

.psc-ButtonSuccess {
  background-color: var(--btn-success);
  color: #fff;
  border-width: 1px;
  border-color: var(--btn-success-border-color);
}
.psc-ButtonSuccess:hover {
  background-color: var(--btn-success-hover);
  color: #fff;
}
.psc-ButtonSuccess:active {
  background-color: var(--btn-success-active);
  color: #fff;
}
.psc-ButtonSuccess:disabled {
  background-color: var(--btn-success-disabled);
  color: #fff;
}

.psc-ButtonDanger {
  background-color: var(--btn-danger);
  color: #fff;
  border-width: 1px;
  border-color: var(--btn-danger-border-color);
}
.psc-ButtonDanger:hover {
  background-color: var(--btn-danger-hover);
  color: #fff;
}
.psc-ButtonDanger:active {
  background-color: var(--btn-danger-active);
  color: #fff;
}
.psc-ButtonDanger:disabled {
  color: #fff;
  background-color: var(--btn-danger-disabled);
  border-color: var(--btn-danger-active);
  border-width: 1px;
  border-style: solid;
}

.psc-ButtonInfo {
  background-color: var(--btn-info);
  color: #fff;
  border-width: 1px;
  border-color: var(--btn-info-border-color);
}
.psc-ButtonInfo:hover {
  background-color: var(--btn-info-hover);
  color: #fff;
}
.psc-ButtonInfo:active {
  background-color: var(--btn-info-active);
  color: #fff;
}
.psc-ButtonInfo:disabled {
  color: #fff;
  background-color: var(--btn-info-disabled);
  border-color: var(--btn-info-active);
  border-width: 1px;
  border-style: solid;
}

.psc-ButtonOutline {
  background-color: #fff;
  color: var(--btn-primary);
  border: 1px solid var(--btn-primary);
}
.psc-ButtonOutline:hover {
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
  color: #fff;
}
.psc-ButtonOutline:active {
  background-color: var(--btn-primary-active);
  border-color: var(--btn-primary-active);
  color: #fff;
}
.psc-ButtonOutline:disabled {
  background-color: #fff;
  border-color: var(--btn-primary-disabled);
  color: var(--btn-primary-disabled);
  cursor: not-allowed;
  opacity: 0.65;
}

.psc-ButtonDangerOutline {
  background-color: #fff;
  color: var(--btn-danger);
  border: 1px solid var(--btn-danger-border-color);
}
.psc-ButtonDangerOutline:hover {
  background-color: var(--btn-danger-hover);
  border-color: var(--btn-danger-hover);
  color: #fff;
}
.psc-ButtonDangerOutline:active {
  background-color: var(--btn-danger-active);
  border-color: var(--btn-danger-active);
  color: #fff;
}
.psc-ButtonDangerOutline:disabled {
  background-color: #fff;
  border-color: var(--btn-danger-disabled);
  color: var(--btn-danger-disabled);
  cursor: not-allowed;
  opacity: 0.65;
}

.psc-ButtonInfoOutline {
  background-color: #fff;
  color: var(--btn-info);
  border: 1px solid var(--btn-info-border-color);
}
.psc-ButtonInfoOutline:hover {
  background-color: var(--btn-info-hover);
  border-color: var(--btn-info-hover);
  color: #fff;
}
.psc-ButtonInfoOutline:active {
  background-color: var(--btn-info-active);
  border-color: var(--btn-info-active);
  color: #fff;
}
.psc-ButtonInfoOutline:disabled {
  background-color: #fff;
  border-color: var(--btn-info-disabled);
  color: var(--btn-info-disabled);
  cursor: not-allowed;
  opacity: 0.65;
}

.psc-ButtonWarningOutline {
  background-color: #fff;
  color: var(--btn-warning);
  border: 1px solid var(--btn-warning-border-color);
}
.psc-ButtonWarningOutline:hover {
  background-color: var(--btn-warning-hover);
  border-color: var(--btn-warning-hover);
  color: #fff;
}
.psc-ButtonWarningOutline:active {
  background-color: var(--btn-warning-active);
  border-color: var(--btn-warning-active);
  color: #fff;
}
.psc-ButtonWarningOutline:disabled {
  background-color: #fff;
  border-color: var(--btn-warning-disabled);
  color: var(--btn-warning-disabled);
  cursor: not-allowed;
  opacity: 0.65;
}

.psc-HeaderNavItem, .psc-HeaderNavItemActive {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 17px;
  cursor: pointer;
  color: #eee;
  transition: all 0.25s;
}
.psc-HeaderNavItem:hover, .psc-HeaderNavItemActive:hover {
  background-color: #12233e;
  color: white;
}

.psc-HeaderNavItemActive {
  background-color: #2a4d88;
  color: white;
}
.psc-HeaderNavItemActive:hover {
  background-color: #12233e;
}
.psc-HeaderNavItemActive a:after {
  content: "";
  background-color: #8b97ac;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}

.psc-OktaMigrationStyles\/Breadcrumb {
  user-select: none;
  cursor: default;
  width: 20px;
  height: 20px;
  text-align: center;
  transition-property: all;
  transition-duration: 250ms;
  transition-timing-function: ease-in;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  padding: 0.25rem;
  box-sizing: content-box;
}

.psc-OktaMigrationStyles\/BreadcrumbActive {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.2);
}

.psc-loader {
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0) scale(0.75);
  box-sizing: content-box;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.psc-DocsContainer > div > a {
  color: #222;
  padding: 0.75rem 0.5rem;
  text-decoration: none;
}

.psc-RuntimeBarChart .ia_barChart > rect {
  width: 20px;
  transform: translate(0px);
  fill: var(--btn-primary) !important;
}
.psc-RuntimeBarChart .ia_timeAxis {
  display: none;
}
.psc-RuntimeBarChart .ia_timeSeriesChartComponent__timeAxis__axis, .psc-RuntimeBarChart .ia_timeSeriesChartComponent__timeAxis__axis + g {
  display: none;
}

.psc-SFTableSortButtons {
  border-radius: 32px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease-out;
}
.psc-SFTableSortButtons:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
}

.psc-SFTableSortButtonsDisabled {
  display: none;
}

.psc-ChevronButton {
  transition: all 0.25s;
  color: #BBB;
  cursor: pointer;
}
.psc-ChevronButton:hover {
  color: #999;
}
.psc-ChevronButton:active {
  color: #444;
}

.psc-rotateIcon {
  animation-name: rotateIcon;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.psc-SFLoginHeader {
  font-weight: bold;
}
.psc-SFLoginHeader:after {
  content: "";
  position: absolute;
  top: 62%;
  left: 0;
  width: 100%;
  height: 0.2em;
  background: var(--btn-primary-hover);
  color: var(--btn-primary);
  pointer-events: none;
  z-index: -1;
}

.psc-HeaderLogo {
  transition: padding 0.15s;
  cursor: pointer;
  padding: 8px 0;
  margin-right: 0.25rem;
}
.psc-HeaderLogo:hover {
  padding: 6px 0;
}

.psc-TileSettingsIcon {
  color: var(--btn-primary);
  padding: 0.1rem 0.25rem;
  cursor: pointer;
  transition: all 0.25s;
  width: 40px;
}
.psc-TileSettingsIcon:hover {
  padding: 0rem 0.25rem;
}

.psc-TextWarning {
  color: #FFBF00;
}

.psc-TextDanger {
  color: #FF4747;
}

/* ================================= */
/* ANIMATIONS                        */
/* ================================= */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes squareloader {
  0% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 0 24px white, 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 0 24px white, 24px 24px white, 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
  37% {
    box-shadow: 0 24px white, 24px 24px white, 24px 48px white, 0px 48px rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 0 24px white, 24px 24px white, 24px 48px white, 0px 48px white;
  }
  62% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px white, 24px 48px white, 0px 48px white;
  }
  75% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px white, 0px 48px white;
  }
  87% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px white;
  }
  100% {
    box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0px 48px rgba(255, 255, 255, 0);
  }
}
@keyframes squareloader2 {
  0% {
    transform: translate(0, 0) rotateX(0) rotateY(0);
  }
  25% {
    transform: translate(100%, 0) rotateX(0) rotateY(180deg);
  }
  50% {
    transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);
  }
  75% {
    transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);
  }
  100% {
    transform: translate(0, 0) rotateX(0) rotateY(360deg);
  }
}
/* This makes it so the custom marker in maps does not have excessive padding */
.view-marker {
  padding: 0px 4px;
}

/*# sourceMappingURL=stylesheet.css.map */

/* BEGIN STYLE CLASSES */
.psc-Alarm {
  stroke-width: 0px;
  fill: #FF4747;
}

.psc-Alarm_Label_Ack {
  background-color: #FFFF8A;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_Active_Ack {
  background-color: #FF4747;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_Clear_Ack {
  background-color: #CCFFCC;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Alarm_Label_None {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.psc-Bold_Text {
  font-weight: bold;
}

.psc-Border {
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 6px;
}

.psc-Card {
  background-color: #FAFAFA;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.psc-Card_Container {
  padding: 8px;
}

.psc-Card_Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-Card_Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Card_Label {
  color: #8E8E8E;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Card_Title {
  background-color: #E6EAEEAD;
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: #2E2E2E;
}

.psc-Carousel_Active {
  background-color: #59B1E8;
}

.psc-Carousel_Inactive {
  background-color: #59B1E84D;
}

.psc-Center_Text {
  text-align: center;
}

.psc-Clickable {
}
.psc-Clickable:hover {
  cursor: pointer;
}

.psc-ConfigureAlarmGroupStyles\/NavItem {
  color: #5E5E5E;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
}
.psc-ConfigureAlarmGroupStyles\/NavItem:hover {
  color: #7E7E7E;
}

.psc-ConfigureAlarmGroupStyles\/NavItemSelected {
  box-shadow: inset 0px -3px #BEBEBE;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.psc-CustomDisplayStyles\/GaugeBox\/BoxStyle {
  background-color: #FEFEFE;
  border-bottom-color: #AAA;
  border-bottom-style: solid;
  border-bottom-width: 3pt;
  box-shadow: 0px 0px 2px #AAA;
  outline-color: #999;
  outline-style: solid;
  outline-width: 1pt;
}

.psc-CustomDisplayStyles\/GaugeBox\/SparkGraphStyle {
  background-color: #f5f1ed;
  border-color: #EEE;
  border-style: solid;
  border-width: 1px;
  outline-color: 333;
  outline-style: solid;
  outline-width: 1px;
}

.psc-CustomDisplayStyles\/TableBox\/BoxStyle {
  border-bottom-style: none;
  border-left-color: #ddd;
  border-left-style: solid;
  border-right-style: none;
  border-top-style: none;
  box-shadow: 2px 1px 0px #DDD inset;
}

.psc-CustomDisplayStyles\/TableBox\/CellStyle {
  border-bottom-color: #78C091;
  border-bottom-style: solid;
  border-bottom-width: 2pt;
  border-left-color: #78C091;
  border-left-style: solid;
  border-left-width: 2pt;
  box-shadow: 0px 0px 2px #AAA;
}

.psc-CustomDisplayStyles\/TableBox\/DateStyle {
  font-size: 11px;
  text-shadow: 1px 1px 1px #EEE;
}

.psc-CustomDisplayStyles\/TableBox\/ErrorBoxStyle {
  background-color: #FF5E5B;
  border-left-color: #AAA;
  border-left-style: solid;
  color: #EFEFEF;
  font-size: 13px;
  padding-left: 3pt;
  padding-right: 1pt;
}

.psc-CustomDisplayStyles\/TableBox\/LabelStyle {
  background-color: #EEE;
  font-size: 12px;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  text-shadow: #FFF 1px 1px 1px;
}

.psc-CustomDisplayStyles\/TableBox\/RowStyle {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
}

.psc-CustomDisplayStyles\/TableBox\/StatusRowStyle {
  background-color: #3C3C3B;
  border-bottom-color: #78C091;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #EBEBD3;
  font-size: 14px;
  padding-bottom: 2px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
}

.psc-CustomDisplayStyles\/TableBox\/ValueBoxStyle {
  border-left-color: #AAA;
  border-left-style: solid;
  font-size: 13px;
  padding-left: 3pt;
  padding-right: 1pt;
  text-shadow: #EEE 1px 1px 1px;
}

.psc-CustomDisplayStyles\/TileBoxContainer\/ContainerStyle {
  background-color: #EFEFEF;
  border-bottom-color: #50514F;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-color: #50514F;
  border-left-style: solid;
  border-left-width: 2px;
  border-right-color: #50514F;
  border-right-style: solid;
  border-right-width: 2px;
  border-top-style: none;
  outline-style: none;
}

.psc-CustomDisplayStyles\/TileBoxContainer\/RootStyle {
}

.psc-CustomDisplayStyles\/TitleBar\/HeaderBarStyle {
  background-color: #5C5D5B;
  border-bottom-color: #50514F;
  border-bottom-style: groove;
  border-bottom-width: 2pt;
  border-left-color: #50514F;
  border-left-style: solid;
  border-left-width: 1pt;
  border-right-color: #50514F;
  border-right-style: solid;
  border-right-width: 1pt;
  color: #FAFAFB;
  overflow: hidden;
}

.psc-CustomDisplayStyles\/TitleBar\/HeaderTextStyle {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: 700;
  letter-spacing: 0px;
  overflow-wrap: break-word;
  padding-left: 0px;
  padding-right: 2px;
  text-transform: uppercase;
  word-spacing: 0px;
}

.psc-Dock {
  background-color: #002143;
  color: #E6EAEE;
  font-size: 14px;
  line-height: 20px;
}

.psc-Dock_Action {
  cursor: pointer;
  fill: #59B1E8;
}

.psc-Dock_Header {
  border-bottom-color: #003E69;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.psc-Dock_Text {
  color: #FAFAFB;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #FAFAFB;
}

.psc-FormError {
  color: #C81B1B;
  font-size: 12pt;
  font-weight: bold;
}

.psc-Form\/Changed {
  background-color: #FFEFAD;
  font-weight: bold;
}

.psc-Form\/ChangedNoBackground {
  font-weight: bold;
}

.psc-Form\/ErrorLabel {
  color: #C81B1B;
  font-size: 12pt;
  font-weight: bold;
}

.psc-Form\/ErrorTextBox {
  background-color: #FFEEEE;
  border-color: #FF0000;
  border-style: solid;
  border-width: 2px;
}

.psc-Form\/Unchanged {
}

.psc-Form_Field {
  border-color: #D3D3D3;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-Form_Invalid {
  border-color: #FF8A8A;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-Form_Label {
  color: #8E8E8E;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.psc-GroupChangeIcon {
}

.psc-HMI_Clickable {
  border-color: #FFFFFF00;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
}
.psc-HMI_Clickable:hover {
  border-color: #2E2E2E;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
}

.psc-HMI_Off {
  background-color: #FF0000;
  color: #FFFFFF;
  fill: #AC00004D;
}

.psc-HMI_On {
  background-color: #00FF00;
  fill: #0080004D;
}

.psc-Header {
  background-color: #3581B8;
  border-bottom-color: #2B2D42;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  color: #E7F5FF;
  font-size: 17px;
  line-height: 17px;
  padding-left: 10px;
  padding-right: 10px;
  fill: #FFFFFF;
}

.psc-HeaderBarStyles\/NavigationItem {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.psc-HeaderBarStyles\/NavigationItem:hover {
  background-color: #2B2D42;
  color: #DEDEDE;
}

.psc-HeaderBarStyles\/NavigationItemCurrentLocation {
  background-color: #5199CD;
  cursor: pointer;
}
.psc-HeaderBarStyles\/NavigationItemCurrentLocation:hover {
  background-color: #2B2D42;
  color: #DEDEDE;
}

.psc-HeaderBarStyles\/NavigationItemCurrentLocationLink {
  border-bottom-color: #FFFFFF;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  cursor: pointer;
}

.psc-HeaderGroupChangeButton {
  color: black;
}
@keyframes psc-HeaderGroupChangeButton-0-anim {
  0% {
    color: #555;
  }
  100% {
  }
}
.psc-HeaderGroupChangeButton:hover {
  animation-name: psc-HeaderGroupChangeButton-0-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.psc-High_Performance_HMI_Off {
  background-color: #808080;
  color: #FFFFFF;
  stroke: #2E2E2E;
  stroke-width: 10px;
  fill: #808080;
}

.psc-High_Performance_HMI_On {
  background-color: #FFFFFF;
  color: #FFFFFF;
  stroke: #2E2E2E;
  stroke-width: 10px;
  fill: #FFFFFF;
}

.psc-High_Performance_Text {
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 12px;
}

.psc-High_Performance_Value {
  color: #000080;
  font-size: 12px;
  font-weight: bold;
}

.psc-HistoryRowStyles\/SwitchStyle {
  font-size: 8pt;
  outline-color: #afafaf;
  outline-style: solid;
  outline-width: 1px;
}

.psc-HomePageTableConfiguration\/BodyStyle {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.psc-HomePageTableConfiguration\/ColumnSelectionStyle {
  border-bottom-color: #E6EAEE;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
}

.psc-HomePageTableConfiguration\/ContainerStyle {
  border-color: #E6EAEE;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.psc-HomePageTableConfiguration\/HeaderStyle {
  background-color: #E6EAEE;
  border-bottom-color: #77878B;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  color: #2B2D42;
  font-size: 18px;
  outline-style: none;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.psc-HomePageTableConfiguration\/RowControlsContainer {
  color: #BEBEBE;
  font-size: 10pt;
  fill: #BEBEBE;
}
@keyframes psc-HomePageTableConfiguration\/RowControlsContainer-0-anim {
  0% {
    color: #BEBEBE;
    fill: #BEBEBE;
  }
  100% {
    color: #5c5d67;
    fill: #5c5d67;
  }
}
.psc-HomePageTableConfiguration\/RowControlsContainer:hover {
  animation-name: psc-HomePageTableConfiguration\/RowControlsContainer-0-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

.psc-ICC_Button_Big {
}

.psc-ICC_Button_Small {
}

.psc-Icon {
  fill: #2E2E2E;
}

.psc-Icon_Action {
  cursor: pointer;
  fill: #2E2E2E;
}

.psc-Label_Small {
  font-size: 12px;
}

.psc-Menu {
  background-color: #E6EAEE;
  border-right-color: #BEBEBE;
  border-right-style: solid;
  border-right-width: 1px;
}

.psc-Menu_Action {
  color: #70757A;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin-left: 6px;
  text-transform: uppercase;
}

.psc-Menu_All_Header {
  background-color: #5C7080;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu_Item {
  background-color: #E6EAEE;
  border-style: none;
  color: #2B2D42;
  font-size: 14px;
  font-weight: bold;
  outline-color: #bebebe;
  outline-style: solid;
  outline-width: 1px;
  text-shadow: #FFF 0px 1px 0px;
  text-transform: uppercase;
  fill: #2B2D42;
}
@keyframes psc-Menu_Item-0-anim {
  0% {
    background-color: #E6EAEE;
    color: #627c85;
    text-shadow: #EEE 0px 1px 0px;
    fill: #627c85;
  }
  100% {
    background-color: #D6DADE;
    color: #3c474b;
    text-shadow: #EEE 0px 1px 0px;
    fill: #3c474b;
  }
}
.psc-Menu_Item:hover {
  animation-name: psc-Menu_Item-0-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.33s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
@keyframes psc-Menu_Item-1-anim {
  0% {
    background-color: #D6DADE;
  }
  100% {
    background-color: #D6DADE;
    color: #e2c044;
    text-shadow: #FFF 0px 0px 5px;
    fill: #e2c044;
  }
}
.psc-Menu_Item:active {
  animation-name: psc-Menu_Item-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

.psc-Menu_Item_Selected {
  background-color: #E6EAEE;
  border-color: #9B9B9B;
  border-width: 1px;
  color: #2E2E2E;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Menu_Tab {
  background-color: #DADDE0;
  color: #2E2E2EB3;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Menu_Tab_Selected {
  background-color: #DADDE0;
  color: #2E2E2E;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-ModbusTableConfigurationStyles\/ExcessRowStyle {
  opacity: 0.50;
}

.psc-ModbusTableConfigurationStyles\/InputContainerStyle {
  border-left-color: #AAA;
  border-left-style: solid;
  border-right-color: #AAA;
  border-right-style: solid;
}

.psc-ModbusTableConfigurationStyles\/InputContainerStyleFail {
  border-left-color: #800000;
  border-left-style: groove;
  border-right-color: #800000;
  border-right-style: groove;
  outline-color: #800000;
  outline-style: solid;
  outline-width: 1px;
}

.psc-ModbusTableConfigurationStyles\/InputContainerStylePass {
  border-left-color: #00D900;
  border-left-style: solid;
  border-right-color: #00D900;
  border-right-style: solid;
  outline-color: #00D900;
  outline-style: solid;
  outline-width: 1px;
}

.psc-ModbusTableConfigurationStyles\/TableHeaderStyle {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-NodeStatusDateStyle {
  font-size: 11px;
  text-shadow: 1px 1px 1px #EEE;
}

.psc-NodeStatusOnlineBox {
  background-image: url("/system/SignalFire/ranger_background.png");
}

.psc-Page {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page_AddDevice\/StatusRowTextStyle {
  font-size: 18px;
  padding: 6px;
}

.psc-Page_Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page_Text {
  color: #2E2E2E;
  font-size: 14px;
  line-height: 20px;
}

.psc-PopupStyles\/CellStyle {
  border-color: #666;
  border-style: solid;
  border-width: 1px;
}

.psc-PopupStyles\/ErrorStyle {
  color: #990000;
  font-size: 13px;
  font-weight: bold;
}

.psc-PopupStyles\/HeaderStyle {
  font-size: 14px;
  padding-left: 5px;
  text-align: left;
}

.psc-PopupStyles\/LabelStyle {
  font-size: 12px;
  padding-right: 5px;
  text-align: right;
}

.psc-PopupStyles\/RowStyle {
  margin-bottom: 4px;
}

.psc-PopupStyles\/TextBoxStyle {
  border-bottom-style: none;
  border-left-color: #FF5662;
  border-left-style: double;
  border-right-style: none;
  border-top-style: none;
  font-size: 13px;
}

.psc-PowerChartDisableTagPathEntry {
  background-image: none; } #ia_powerChartComponent__settings__addEditPen__dataSource {display:none !important;} #ia_powerChartComponent__settings__pensTab__addPenLink { display: none !important;;
}

.psc-QualityDisplayStyles\/BadStyle {
  background-color: #f40000;
  border-color: #2d1e2f;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  text-shadow: #f44e3f 1px 1px 0px;
}

.psc-QualityDisplayStyles\/GoodStyle {
  background-color: #6fd08c;
  border-color: #2d1e2f;
  border-style: solid;
  border-width: 1px;
  color: #2d1e2f;
  text-shadow: #71f79f 1px 1px 0px;
}

.psc-QualityDisplayStyles\/UncertainStyle {
  background-color: #AAA;
  border-color: #333;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  text-shadow: #BBB 1px 1px 0px;
}

.psc-RangerTileStyles\/GaugeBox\/BoxStyle {
  background-color: #FEFEFE;
  border-bottom-color: #AAA;
  border-bottom-style: solid;
  border-bottom-width: 3pt;
  box-shadow: 0px 0px 2px #AAA;
  outline-color: #999;
  outline-style: solid;
  outline-width: 1pt;
}

.psc-RangerTileStyles\/GaugeBox\/SparkGraphStyle {
  background-color: #f5f1ed;
  border-color: #EEE;
  border-style: solid;
  border-width: 1px;
  outline-color: 333;
  outline-style: solid;
  outline-width: 1px;
}

.psc-RangerTileStyles\/TableBox\/BoxStyle {
  border-bottom-style: none;
  border-left-color: #ddd;
  border-left-style: solid;
  border-right-style: none;
  border-top-style: none;
  box-shadow: 2px 1px 0px #DDD inset;
}

.psc-RangerTileStyles\/TableBox\/CellStyle {
  border-bottom-color: #D97700;
  border-bottom-style: solid;
  border-bottom-width: 2pt;
  border-left-color: #D97700;
  border-left-style: solid;
  border-left-width: 2pt;
  box-shadow: 0px 0px 2px #AAA;
}

.psc-RangerTileStyles\/TableBox\/CheckboxStyle {
  background-color: #EEE;
  font-size: 12px;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  text-shadow: #FFF 1px 1px 1px;
}

.psc-RangerTileStyles\/TableBox\/DateStyle {
  font-size: 11px;
  text-shadow: 1px 1px 1px #EEE;
}

.psc-RangerTileStyles\/TableBox\/ErrorBoxStyle {
  background-color: #FF5E5B;
  border-left-color: #AAA;
  border-left-style: solid;
  color: #EFEFEF;
  font-size: 13px;
  padding-left: 3pt;
  padding-right: 1pt;
}

.psc-RangerTileStyles\/TableBox\/LabelStyle {
  background-color: #EEE;
  font-size: 12px;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  text-shadow: #FFF 1px 1px 1px;
}

.psc-RangerTileStyles\/TableBox\/RowStyle {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
}

.psc-RangerTileStyles\/TableBox\/StatusRowStyle {
  background-color: #3C3C3B;
  border-bottom-color: #D97700;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #EBEBD3;
  font-size: 14px;
  padding-bottom: 2px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
}

.psc-RangerTileStyles\/TableBox\/ValueBoxStyle {
  border-left-color: #AAA;
  border-left-style: solid;
  font-size: 13px;
  padding-left: 3pt;
  padding-right: 1pt;
  text-shadow: #EEE 1px 1px 1px;
}

.psc-RangerTileStyles\/TileBoxContainer\/ContainerStyle {
  background-color: #FFF;
  border-bottom-color: #C96700;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-color: #C96700;
  border-left-style: solid;
  border-right-color: #C96700;
  border-right-style: solid;
  border-top-style: none;
}

.psc-RangerTileStyles\/TileBoxContainer\/RootStyle {
}

.psc-RangerTileStyles\/TitleBar\/HeaderBarStyle {
  background-color: #D97700;
  border-bottom-color: #FF8C00;
  border-bottom-style: groove;
  border-bottom-width: 2pt;
  border-left-color: #D97700;
  border-left-style: solid;
  border-left-width: 1pt;
  border-right-color: #D97700;
  border-right-style: solid;
  border-right-width: 1pt;
  color: #FAFAFB;
  overflow: hidden;
}

.psc-RangerTileStyles\/TitleBar\/HeaderTextStyle {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: 700;
  letter-spacing: 0px;
  overflow-wrap: break-word;
  padding-left: 0px;
  padding-right: 2px;
  text-transform: uppercase;
  word-spacing: 0px;
}

.psc-ReportSettings\/checkBoxChanged {
  font-weight: bold;
}

.psc-ReportSettings\/checkBoxUnchanged {
}

.psc-ReportSettings\/dropdownChanged {
  background-color: #FFEFAD;
  font-weight: bold;
}

.psc-ReportSettings\/dropdownUnchanged {
}

.psc-ReportSettings\/entryBoxChanged {
  background-color: #FFEFAD;
  font-weight: bold;
}

.psc-ReportSettings\/entryBoxUnchanged {
}

.psc-ReportSettings\/entryBoxUnusable {
  border-color: #FF0000;
  border-style: solid;
  border-width: 2px;
}

.psc-ReportSettings\/markdownChanged {
  background-color: #FFEFAD;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
}

.psc-ReportSettings\/markdownUnchanged {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  padding: 5px;
}

.psc-Reports\/Markdown {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  padding: 0.25rem;
}

.psc-Section {
  margin-bottom: 12px;
}

.psc-Section_Selection {
  background-color: #FFFFFF;
  border-color: #C0C5CA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 12px;
  margin-right: 12px;
  fill: #70757A;
}

.psc-Section_Selection_Action {
  fill: #70757A;
}

.psc-Section_Selection_Icon {
  fill: #F7901E;
}

.psc-Section_Selection_Text {
  color: #70757A;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Section_Text {
  color: #2E2E2E;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 12px;
  margin-right: 12px;
}

.psc-SensorTileAIN1ValueStyle {
  font-size: 13px;
}

.psc-SensorTileGroupRowStyle {
  border-bottom-color: #D97700;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  box-shadow: 0px 0px 2px #AAA;
}

.psc-SensorTileLabelStyle {
  font-size: 12px;
  font-weight: 300;
  padding: 9px;
  text-align: right;
  text-shadow: 1px 1px 1px #EEE;
}

.psc-SensorTileValueBoxStyle {
  border-left-color: #AAA;
  border-left-style: solid;
  border-left-width: 2px;
}

.psc-Setting {
  background-color: #E6EAEEAD;
  border-radius: 4px;
  margin-bottom: 4px;
  padding-left: 4px;
}

.psc-SettingsGroupBox {
  background-color: #FFFFFF;
  border-color: #D97700;
  border-style: solid;
  border-width: 3px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 5px;
}

.psc-SettingsGroupBoxFooterBar {
  background-color: #5DA7FF;
  border-bottom-color: #FF8C00;
  border-bottom-style: groove;
  border-bottom-width: 2px;
  border-top-color: #5DA7FF;
  border-top-style: ridge;
  padding: 2px;
}

.psc-SettingsGroupBoxHeaderBar {
  background-color: #D97700;
  border-bottom-color: #FF8C00;
  border-bottom-style: groove;
  border-bottom-width: 3px;
  color: #FAFAFB;
  overflow: hidden;
}

.psc-SettingsGroupBoxHeaderText {
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 1px;
  padding-left: 8px;
  padding-right: 8px;
  text-transform: none;
  word-spacing: 13px;
}

.psc-SettingsGroupBoxIcon {
}

.psc-SettingsGroupBoxInputContainerChanging {
  border-left-color: #FFFA1F;
  border-left-style: solid;
  border-left-width: 2pt;
}

.psc-SettingsGroupBoxInputContainerStyle {
  border-left-color: #AAA;
  border-left-style: solid;
  border-top-left-radius: var(--borderRadiusInput);
  border-bottom-left-radius: var(--borderRadiusInput);
  margin-left: -0.125rem;
  margin-right: 0.25rem;
}

.psc-SettingsGroupBoxInputContainerStyleFail {
  border-left-color: #800000;
  border-left-style: groove;
  border-top-left-radius: var(--borderRadiusInput);
  border-bottom-left-radius: var(--borderRadiusInput);
  outline-color: #800000;
  outline-style: solid;
  outline-width: 1pt;
}

.psc-SettingsGroupBoxInputContainerStylePass {
  border-left-color: #00D900;
  border-left-style: solid;
  border-top-left-radius: var(--borderRadiusInput);
  border-bottom-left-radius: var(--borderRadiusInput);
  outline-color: #00D900;
  outline-style: solid;
  outline-width: 1pt;
}

.psc-SettingsGroupBoxRowStyle {
  border-bottom-color: #D97700;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  box-shadow: 0px 1px 2px #AAA;
}

.psc-SettingsGroupBoxSettingLabel {
  font-size: 14px;
  font-weight: 300;
  padding: 9px;
  text-align: right;
}

.psc-SettingsGroupBox_valueChanged {
  border-left-width: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: bold;
}

.psc-SettingsGroupBox_valueUnchanged {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.psc-SettingsGroupBox_valueUnusable {
  border-color: #FF0000;
  border-style: solid;
  border-width: 2px;
  font-weight: bold;
}

.psc-SiteAlerts\/DangerAlert {
  background-color: #FBEAEA;
}

.psc-SiteAlerts\/FullOpacityHover {
  opacity: 0.50;
}
.psc-SiteAlerts\/FullOpacityHover:hover {
  opacity: 1;
}

.psc-StatusGroupBox_GPSBoxStyle {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-left-color: #FFFFFF;
  border-left-style: solid;
  border-left-width: 2px;
}

.psc-StatusGroupBox_GPSStateBoxStyle {
  background-color: #FFFFFF;
}

.psc-StatusGroupBox_SignalStrengthBoxStyle {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 4px;
}

.psc-Sub_Section {
}

.psc-Sub_Section_Text {
  color: #2E2E2E;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.psc-Table_Header {
  background-color: #F3F6F9;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: bold;
}

.psc-Table_Row {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-top-color: #D5D5D5;
  border-top-style: solid;
  border-top-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
}

.psc-TextboxInvalid {
  background-color: rgba(255,240,240);
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #FF0000;
}

.psc-Tile_Box {
  background-color: #FAFAFA;
  border-color: #D97700;
  border-style: groove;
  border-width: 3px;
  border-radius: 4px;
}

.psc-Title {
  background-color: #E6EAEE;
  border-bottom-color: #BEBEBE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  color: #2B2D42;
  font-size: 22px;
  outline-style: none;
  padding-bottom: 10px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 10px;
}

.psc-Title_Action {
  cursor: pointer;
  fill: #47A9E6;
}

.psc-Title_Banner_Text {
  color: #70757A;
  font-size: 14px;
  line-height: 20px;
  margin-left: 6px;
  text-align: center;
  fill: #2E2E2E;
}

.psc-Title_Header {
  border-bottom-color: #DADDE0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Title_Text {
  color: #2B2D42;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  word-wrap: break-word;
  fill: #2E2E2E;
}

.psc-Title_bak {
  background-color: #E6EAEE;
}

.psc-Transparent {
  background-color: #FFFFFF00;
}

.psc-UserSettings\/checkBoxChanged {
  font-weight: bold;
}

.psc-UserSettings\/checkBoxUnchanged {
}

.psc-UserSettings\/entryBoxChanged {
  background-color: #FFEFAD;
  font-weight: bold;
}

.psc-UserSettings\/entryBoxUnchanged {
}

.psc-Value_Label {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

@keyframes psc-Alarm_Label_Active_Unack-anim {
  0% {
    background-color: #FF4747;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  100% {
    background-color: #FF4747;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #D5D5D5;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}
.psc-Alarm_Label_Active_Unack {
  animation-name: psc-Alarm_Label_Active_Unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Alarm_Label_Clear_Unack-anim {
  0% {
    background-color: #CCFFCC;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #2E2E2E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  100% {
    background-color: #CCFFCC;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}
.psc-Alarm_Label_Clear_Unack {
  animation-name: psc-Alarm_Label_Clear_Unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Form\/Changing-anim {
  0% {
    background-color: #FFFA1F;
    border-left-width: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-weight: bold;
  }
  100% {
    background-color: #FFFFFF;
    font-weight: bold;
  }
}
.psc-Form\/Changing {
  animation-name: psc-Form\/Changing-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-HMI_Fault-anim {
  0% {
    background-color: #FFFF00;
    fill: #ACAC004D;
  }
  100% {
    background-color: #FFFF00;
    fill: #8046004D;
  }
}
.psc-HMI_Fault {
  animation-name: psc-HMI_Fault-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Header_Alarm_Active-anim {
  0% {
    color: #E7F5FF;
    fill: #E7F5FF;
  }
  100% {
    color: #FCFC62;
    fill: #FCFC62;
  }
}
.psc-Header_Alarm_Active {
  animation-name: psc-Header_Alarm_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@keyframes psc-Header_Alarm_Active_Dark-anim {
  0% {
    color: #2E2E2E;
    fill: #2E2E2E;
  }
  100% {
    color: #FF4747;
    fill: #FF4747;
  }
}
.psc-Header_Alarm_Active_Dark {
  animation-name: psc-Header_Alarm_Active_Dark-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-SettingsGroupBox_valueChanging-anim {
  0% {
    background-color: #FFFA1F;
    border-left-width: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-weight: bold;
  }
  100% {
    background-color: #FFFFFF;
    font-weight: bold;
  }
}
.psc-SettingsGroupBox_valueChanging {
  animation-name: psc-SettingsGroupBox_valueChanging-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-StatusGroupBox_GPSStateBox_Active-anim {
  0% {
    background-color: #FFFF8A;
  }
  100% {
  }
}
.psc-StatusGroupBox_GPSStateBox_Active {
  animation-name: psc-StatusGroupBox_GPSStateBox_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}