/* BEGIN STYLE CLASSES */
.psc-AdHocTrends\/CancelButton {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/CancelButtonMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/Control {
  padding: 1px;
}

.psc-AdHocTrends\/ControlBar {
  padding: 10px;
}

.psc-AdHocTrends\/DropDown {
  background-color: var(--neutral-10);
  color: var(--neutral-90);
}

.psc-AdHocTrends\/FullRadius {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/FullRadiusMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.psc-AdHocTrends\/FunctionBar {
  background-color: var(--neutral-20);
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 16px;
  padding-top: 2px;
}

.psc-AdHocTrends\/FunctionTitle {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

.psc-AdHocTrends\/Header {
  background-color: var(--neutral-20);
}

.psc-AdHocTrends\/HeaderTitle {
  font-weight: bold;
}

.psc-AdHocTrends\/LeftRadius {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/LeftRadiusMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/MobileControl {
  padding: 1px;
}

.psc-AdHocTrends\/MobileControlBar {
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
}

.psc-AdHocTrends\/MobileFunctionBar {
  background-color: var(--neutral-20);
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.psc-AdHocTrends\/RightRadius {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/RightRadiusMobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-AdHocTrends\/SaveLoadButton {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/SaveLoadButtonMobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/Card\/Bold_Text {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
}

.psc-AlarmJournal\/Card\/Card {
  background-color: var(--neutral-10);
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  margin: 5px;
}

.psc-AlarmJournal\/Card\/Embedded {
  margin: 5px;
}

.psc-AlarmJournal\/Card\/Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-AlarmJournal\/Card\/Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-AlarmJournal\/Card\/Label {
  color: var(--neutral-60);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-AlarmJournal\/Card\/Row {
  margin-bottom: 2px;
}

.psc-AlarmJournal\/Card\/Title {
  background-color: var(--neutral-20);
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--qual-2);
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: #2E2E2E;
}

.psc-AlarmJournal\/Card\/Value {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.psc-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/TableCardLayout\/Label {
  color: #2B2B2B;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.psc-Button {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.psc-Events\/Available {
  background-color: #00D900;
}

.psc-Events\/CommError {
  background-color: #000000;
}

.psc-Events\/Fault {
  background-color: #D90000;
}

.psc-Events\/Generic {
  background-color: #B8B8B8;
}

.psc-Events\/Night {
  background-color: #3680B4;
}

.psc-Events\/On {
  background-color: #00D900;
}

.psc-Events\/Ready {
  background-color: #ED8700;
}

.psc-Events\/Running {
  background-color: #00D900;
}

.psc-Events\/Stopped {
  background-color: #FF8C00;
}

.psc-Events\/Unavailable {
  background-color: #FF8C00;
}

.psc-Events\/Wait {
  background-color: #EDB700;
}

.psc-Framework\/Card\/Bold_Text {
  font-weight: bold;
}

.psc-Framework\/Card\/Card {
  background-color: var(--neutral-10);
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  margin: 5px;
}

.psc-Framework\/Card\/Embedded {
  margin: 5px;
}

.psc-Framework\/Card\/Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-Framework\/Card\/Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Framework\/Card\/Label {
  color: var(--qual-2);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-Framework\/Card\/Row {
  margin-bottom: 2px;
}

.psc-Framework\/Card\/Title {
  background-color: #E6EAEEAD;
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: #2E2E2E;
}

.psc-Framework\/Card\/Value {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.psc-GenericText\/above-below-margins {
  padding-bottom: 5px;
  padding-top: 5px;
}

.psc-GenericText\/data-large {
  color: var(--neutral-90);
  font-size: 20px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-medium {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-medium-bold {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-medium-color {
  color: var(--qual-2);
  font-size: 16px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-small {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-small-bold {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/data-small-color {
  color: var(--qual-2);
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/date-time {
  background-color: var(--neutral-20);
}

.psc-GenericText\/dropdown {
  background-color: var(--neutral-10);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  margin: 5px;
  stroke: var(--qual-2);
}

.psc-GenericText\/dropdown-options {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}

.psc-GenericText\/form-label {
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-GenericText\/header-small {
  color: var(--qual-2);
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

.psc-GenericText\/hover {
}
.psc-GenericText\/hover:hover {
  cursor: pointer;
  text-decoration: underline;
}

.psc-GenericText\/icon-hover {
}
.psc-GenericText\/icon-hover:hover {
  cursor: pointer;
  opacity: 0.75;
}

.psc-GenericText\/underline-padding {
  border-bottom-color: var(--neutral-30);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Header\/background-green {
  background-color: var(--qual-3);
  color: var(--neutral-10);
  padding: 5px;
}

.psc-Header\/background-grey {
  background-color: var(--neutral-30);
  color: var(--neutral-10);
  padding: 5px;
}

.psc-Header\/background-orange {
  background-color: var(--qual-10);
  color: var(--neutral-10);
  padding: 5px;
}

.psc-Header\/background-red {
  background-color: var(--qual-5);
  color: var(--neutral-10);
  padding: 5px;
}

.psc-Header\/bottom-bar-background {
  color: var(--neutral-90);
}

.psc-Header\/icon {
  margin-bottom: 5px;
  margin-top: 5px;
}

.psc-Header\/large-capital-text {
  color: var(--neutral-90);
  font-size: clamp(20px,0.8*(1.0vmin + 1.0vmax),44px);
  font-weight: bold;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}

.psc-Header\/large-text-bold {
  color: var(--neutral-90);
  font-size: clamp(20px,0.8*(1.0vmin + 1.0vmax),44px);
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: center;
}

.psc-Header\/large-text-color {
  color: var(--qual-2);
  font-size: clamp(20px,0.8*(1.0vmin + 1.0vmax),44px);
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: center;
}

.psc-Header\/logout-login {
  border-color: var(--neutral-20);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.psc-Header\/logout-login:hover {
  background-color: var(--neutral-50);
  cursor: pointer;
}

.psc-Header\/small-text {
  color: var(--neutral-20);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.psc-Header\/top-bar-background {
  background-color: var(--blue);
  color: var(--neutral-20);
}

.psc-IEC\/hover {
}
.psc-IEC\/hover:hover {
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
}

.psc-Maps\/icon {
}
.psc-Maps\/icon:hover {
  border-bottom-color: var(--qual-2);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  cursor: pointer;
}

.psc-Maps\/target {
  color: var(--neutral-60);
  font-size: 8px;
  text-align: right;
}

.psc-Maps\/text {
  color: var(--neutral-90);
  font-size: 14px;
  font-weight: bolder;
  text-align: left;
}

.psc-Maps\/value {
  color: var(--neutral-90);
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}

.psc-Navigation\/label {
  color: var(--blue);
  font-size: 12px;
  font-weight: 500;
}

.psc-Navigation\/label_selected {
  color: var(--neutral-10);
  font-size: 13px;
  font-weight: 700;
}

.psc-Navigation\/menu_selected {
  background-color: --qual-2;
  color: --neutral-90;
  font-weight: bold;
}

.psc-Navigation\/panel {
  background-color: var(--neutral-10);
  border-color: var(--neutral-80);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.psc-Navigation\/panel:hover {
  box-shadow: 0px 0px 2px 2px #00000029;
  cursor: pointer;
}

.psc-Navigation\/panel_selected {
  background-color: var(--blue);
  border-color: var(--neutral-90);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}

.psc-Panels\/panel-20 {
  background-color: var(--neutral-20);
}

.psc-Panels\/panel-above-below-margins {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.psc-Panels\/panel-border {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-Panels\/panel-hover-shadow {
}
.psc-Panels\/panel-hover-shadow:hover {
  box-shadow: 0px 0px 5px 5px #00000029;
  cursor: pointer;
}

.psc-Panels\/panel-margin-bottom {
  margin-bottom: 10px;
}

.psc-Panels\/panel-margin-top {
  margin-top: 5px;
}

.psc-Panels\/panel-margins {
  border-color: #00000029;
  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;
  margin: 10px;
  overflow-x: hidden;
}

.psc-Panels\/panel-margins-5px {
  border-color: var(--neutral-30);
  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;
  margin: 5px;
  overflow-x: hidden;
}

.psc-Panels\/panel-margins-5px-noborder {
  margin: 5px;
  overflow-x: hidden;
}

.psc-Panels\/panel-padding-all-sides {
  padding: 5px;
}

.psc-Panels\/panel-regular {
  background-color: var(--neutral-10);
}

.psc-Panels\/panel-separator-shadow {
  background-color: var(--neutral-20);
  border-color: #D5D5D5;
  border-style: groove;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 2px 2px #D5D5D5;
  overflow-x: hidden;
}

.psc-Panels\/panel-shadow {
  background-color: var(--neutral-20);
  border-color: #00000029;
  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;
  box-shadow: 0px 0px 5px 5px #00000029;
  margin: 5px;
  overflow-x: hidden;
}

.psc-Table\/bubble {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 2px;
}

.psc-Table\/error {
  background-color: #FF494938;
}

.psc-Table\/fault {
  background-color: var(--error);
  color: var(--neutral-20);
}

.psc-Table\/none {
  color: var(--neutral-100);
}

.psc-Table\/text-color-red {
  color: var(--qual-5);
}

@keyframes psc-AlarmJournal\/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-AlarmJournal\/Active_Unack {
  animation-name: psc-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/Clear_Unack {
  animation-name: psc-AlarmJournal\/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-Events\/fault-border-anim {
  0% {
    border-color: var(--qual-5);
    border-style: solid;
    border-width: 2px;
  }
  100% {
    border-color: var(--neutral-20);
    border-style: solid;
    border-width: 2px;
  }
}
.psc-Events\/fault-border {
  animation-name: psc-Events\/fault-border-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}