/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

@keyframes fan {
  0%   {transform: rotateY(0deg);}

  100% {transform: rotateY(359deg);}
}

.psc-icon{
	cursor: pointer;	
}

/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

@keyframes blade-rotate {
  0%   {transform: rotateX(0deg);}
  50% {transform: rotateX(180deg);}
  100% {transform: rotateX(359deg);}
}

@keyframes rod-stroke {
  0%   {transform: rotate(0deg);}
  100% {transform: rotate(45deg);}
}

@keyframes rod-pump {
  0%   {transform: translateY(0);}
  100% {transform: translateY(45px);}
}

@keyframes rod-oil {
  0%   {transform: scaleY(1.0); }
  70%  {transform: scaleY(2.35);}  
  100% {transform: scaleY(2.35);}
}

@keyframes reciprocating {
  0%   {transform: translateX(0px); }
  100% {transform: translateX(-86px);}
}

/*.psc-borders{*/
/*	position: relative;*/
/*	padding: 10px;*/
/*	z-index: 1;*/
/*}*/
/**/
/*.psc-borders::before{*/
/*	position: absolute;*/
/*	content: "";*/
/*	z-index: -1;*/
/**/
/*	  top: 0px;*/
/*	  left: 0px;*/
/*	  right:0px;*/
/*	  bottom:0px;*/
/*	border: 1px solid yellow;*/
/*}*/

/* High Performance Alarm Indication from BIJC
 * Created by Lewis Storey & Yahia Aboueleish*/

/*Priority 1 Alarm indicated by a red border, a red square priority symbol and the number 1*/


.psc-hph-alarm-border-1 {
  position: relative;
  box-shadow: 0px 0px 0px 2px var(--alarm-border-color, red);
}

.psc-hph-alarm-top-left-border-1 {
  position: relative;
  box-shadow: -1px -1px 0px 1px var(--alarm-border-color, red);
}

.psc-hph-alarm-icon-1 {
  position: relative;
}

.psc-hph-alarm-inner-icon-1 {
  position: relative;
}

.psc-hph-alarm-inner-icon-1::before,.psc-hph-alarm-border-1::before,.psc-hph-alarm-top-left-border-1::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  background-color: var(--alarm-priority-color, red); 
}

.psc-hph-alarm-inner-icon-1::after,.psc-hph-alarm-border-1::after,.psc-hph-alarm-top-left-border-1::after {
  counter-reset: alarm-content var(--alarm-priority-number, 1);
  content: counter(alarm-content);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.psc-hph-alarm-icon-1::before,.psc-hph-alarm-border-1::before,.psc-hph-alarm-top-left-border-1::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: var(--alarm-priority-color, red); 
}

.psc-hph-alarm-icon-1::after,.psc-hph-alarm-border-1::after,.psc-hph-alarm-top-left-border-1::after {
  counter-reset: alarm-content var(--alarm-priority-number, 1);
  content: counter(alarm-content);
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

/*Priority 2 Alarm indicated by a yellow border, a yellow triangle priority symbol and the number 2*/

.psc-hph-alarm-border-2 {
  position: relative;
  box-shadow: 0px 0px 0px 2px var(--alarm-border-color, #E6E600);
}

.psc-hph-alarm-top-left-border-2 {
  position: relative;
  box-shadow: -1px -1px 0px 1px var(--alarm-border-color, #E6E600);
}

.psc-hph-alarm-icon-2 {
  position: relative;
}

.psc-hph-alarm-inner-icon-2 {
  position: relative;
}

.psc-hph-alarm-inner-icon-2::before,.psc-hph-alarm-border-2::before,.psc-hph-alarm-top-left-border-2::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 25px solid var(--alarm-priority-color, #E6E600);
}

.psc-hph-alarm-inner-icon-2::after,.psc-hph-alarm-border-2::after,.psc-hph-alarm-top-left-border-2::after {
  counter-reset: alarm-content var(--alarm-priority-number, 2);
  content: counter(alarm-content);
  position: absolute;
  top: 3px;
  left: 4px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.psc-hph-alarm-icon-2::before,.psc-hph-alarm-border-2::before,.psc-hph-alarm-top-left-border-2::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 25px solid var(--alarm-priority-color, #E6E600);
}

.psc-hph-alarm-icon-2::after,.psc-hph-alarm-border-2::after,.psc-hph-alarm-top-left-border-2::after {
  counter-reset: alarm-content var(--alarm-priority-number, 2);
  content: counter(alarm-content);
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

/*Priority 3 Alarm indicated by an orange border, an orange upside down triangle priority symbol and the number 3*/

.psc-hph-alarm-border-3 {
  position: relative;
  box-shadow: 0px 0px 0px 2px var(--alarm-border-color, orange);
}

.psc-hph-alarm-top-left-border-3 {
  position: relative;
  box-shadow: -1px -1px 0px 1px var(--alarm-border-color, orange);
}

.psc-hph-alarm-icon-3 {
  position: relative;
}

.psc-hph-alarm-inner-icon-3 {
  position: relative;
}

.psc-hph-alarm-inner-icon-3::before,.psc-hph-alarm-border-3::before,.psc-hph-alarm-top-left-border-3::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 25px solid var(--alarm-priority-color, orange);
  transform: rotate(180deg); 
}

.psc-hph-alarm-inner-icon-3::after,.psc-hph-alarm-border-3::after,.psc-hph-alarm-top-left-border-3::after {
  counter-reset: alarm-content var(--alarm-priority-number, 3);
  content: counter(alarm-content);
  position: absolute;
  top: 0px;
  left: 4px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.psc-hph-alarm-icon-3::before,.psc-hph-alarm-border-3::before,.psc-hph-alarm-top-left-border-3::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 25px solid var(--alarm-priority-color, orange);
  transform: rotate(180deg); 
}

.psc-hph-alarm-icon-3::after,.psc-hph-alarm-border-3::after,.psc-hph-alarm-top-left-border-3::after {
  counter-reset: alarm-content var(--alarm-priority-number, 3);
  content: counter(alarm-content);
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

/*Diagnostic Priority Alarm indicated by a magenta border, magenta diamond priority symbol and the number 4*/

.psc-hph-alarm-border-4 {
  position: relative;
  box-shadow: 0px 0px 0px 2px var(--alarm-border-color, magenta);
}

.psc-hph-alarm-top-left-border-4 {
  position: relative;
  box-shadow: -1px -1px 0px 1px var(--alarm-border-color, magenta);
}

.psc-hph-alarm-icon-4 {
  position: relative;
}

.psc-hph-alarm-inner-icon-4 {
  position: relative;
}

.psc-hph-alarm-inner-icon-4::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background-color: var(--alarm-priority-color, magenta); 
  transform: rotate(45deg); 
}

.psc-hph-alarm-inner-icon-4::after {
  counter-reset: alarm-content var(--alarm-priority-number, 4);
  content: counter(alarm-content);
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.psc-hph-alarm-icon-4::before,.psc-hph-alarm-border-4::before,.psc-hph-alarm-top-left-border-4::before {
  content: "";
  position: absolute;
  top: -11px;
  left: -11px;
  width: 20px;
  height: 20px;
  background-color: var(--alarm-priority-color, magenta); 
  transform: rotate(45deg); 
}

.psc-hph-alarm-icon-4::after,.psc-hph-alarm-border-4::after,.psc-hph-alarm-top-left-border-4::after {
  counter-reset: alarm-content var(--alarm-priority-number, 4);
  content: counter(alarm-content);
  position: absolute;
  top: -11px;
  left: -11px;
  width: 20px;
  height: 20px;
  color: #000000; 
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}


/* BEGIN STYLE CLASSES */
.psc-Animations\/IOM-FLT {
}

.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(--color-label-1);
  font-family: D-DIN;
  font-size: 14px;
  font-variant: small-caps;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  margin-right: 10px;
}

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

.psc-Framework\/Card\/Value {
  color: var(--color-blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.psc-Neumorphism {
  background-color: #f1f3f6;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 0px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  box-shadow: inset 0 0 15px rgba(55, 84, 170,0),     inset 0 0 20px rgba(255, 255, 255,0),     7px 7px 15px rgba(55, 84, 170,.15),     -7px -7px 20px rgba(255, 255, 255,1),     inset 0px 0px 4px rgba(255, 255, 255,.2);;
  margin: 5px;
}

.psc-PID\/AI\/ALM-active-ack {
  background-color: #FFD500;
}

.psc-PID\/AI\/ESD-active-ack {
  background-color: #FF0000;
}

.psc-PID\/Comp\/OFF {
  background-color: #AAAAAA;
  border-color: #555555;
  border-style: solid;
  border-width: 1.5px;
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-PID\/Comp\/ON {
  background-color: #CCFFCC;
  border-color: #555555;
  border-style: solid;
  border-width: 1.5px;
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-PID\/ESD-tree\/arrow-ESD {
  color: #AC0000;
  font-size: 12px;
  stroke: #AC0000;
  fill: #AC0000;
}

.psc-PID\/ESD-tree\/arrow-NRM {
  color: #2B2B2B;
  font-size: 12px;
  stroke: #2B2B2B;
  fill: #2B2B2B;
}

.psc-PID\/ESD-tree\/box-ESD {
  background-color: #AC0000;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 6px;
  text-align: center;
  white-space: pre-wrap;
  stroke: #AC0000;
  fill: #AC0000;
}

.psc-PID\/ESD-tree\/box-NRM {
  background-color: #2B2B2B;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 6px;
  text-align: center;
  white-space: pre-wrap;
}

.psc-PID\/PMP\/FLT {
  fill: #FFEA89;
}

.psc-PID\/PMP\/OFF {
  fill: #AAAAAA;
}

.psc-PID\/PMP\/ON {
  fill: #CCFFCC;
}

.psc-PID\/XS\/ESD {
  background-color: #FF474782;
  color: #555555;
  cursor: pointer;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  white-space: pre-wrap;
}

.psc-PID\/XS\/NRM {
  background-color: #CCFFCCDB;
  color: #555555;
  cursor: pointer;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  white-space: pre-wrap;
}

.psc-PID\/guideline {
  color: #D5D5D5;
  font-family: Roboto;
  font-size: 9px;
  font-weight: lighter;
  fill: #D5D5D5;
}
.psc-PID\/guideline:hover {
  color: #808080;
  cursor: zoom-in;
  font-size: 10px;
  font-weight: bold;
}

.psc-PID\/nav-hover {
  cursor: pointer;
  margin-top: 1px;
  overflow: hidden;
  padding-left: 5px;
}
.psc-PID\/nav-hover:hover {
  background-color: #FF8C00;
  overflow: hidden;
}

.psc-PID\/page-label {
  color: #555555;
  font-family: Oswald;
  font-size: 18px;
  font-weight: 300;
  text-shadow: #555555 2 2 2;
  text-transform: capitalize;
  white-space: pre-wrap;
}

.psc-PID\/page-title {
  color: #555555;
  font-family: Oswald;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-decoration: underline;
  text-shadow: #555555 2 2 2;
  text-transform: capitalize;
  white-space: pre-wrap;
}

.psc-PID\/valve\/close {
  stroke: #555555;
  fill: var(--color-pid-off);
}

.psc-PID\/valve\/offline {
  stroke: #555555;
  fill: #646464;
}

.psc-PID\/valve\/open {
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  stroke: #555555;
  fill: var(--color-pid-on);
}

.psc-RadarChart\/ActualShape {
  stroke: #00000080;
  stroke-width: 0.5;
  fill: #B8DAFF33;
}

.psc-RadarChart\/Axes {
  stroke: #555555;
  stroke-width: 0.2;
}

.psc-RadarChart\/DesiredShape {
  stroke: #55555580;
  stroke-width: 0.4;
  fill: #FFFFFF33;
}

.psc-RadarChart\/Label {
  font-family: D-DIN;
  font-size: 4px;
  fill: var(--color-label-0);
}

.psc-RadarChart\/Scales {
  stroke: #999999;
  stroke-width: 0.2;
  fill: none;
}

.psc-exchange\/simple-rectangle-chart\/framework\/legend\/item\/label {
  color: var(--label);
  font-family: Roboto;
  font-size: 100%;
  font-weight: 400;
}

.psc-exchange\/simple-rectangle-chart\/simple-rectangle-chart-detailed\/date-range {
  color: var(--neutral-70);
  font-family: Roboto;
  font-size: 85%;
  font-weight: 400;
}

.psc-exchange\/simple-rectangle-chart\/simple-rectangle-chart-detailed\/title {
  color: var(--label);
  font-family: Roboto;
  font-size: 100%;
  font-weight: 400;
  text-align: center;
}

@keyframes psc-Animations\/Arrow-anim {
  0% {
    opacity: 0.16;
    padding-left: 0%;
  }
  30% {
    opacity: 1;
  }
  70% {
  }
  100% {
    opacity: 0;
    padding-left: 100%;
  }
}
.psc-Animations\/Arrow {
  animation-name: psc-Animations\/Arrow-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/GRN_LED_Blink-anim {
  0% {
    fill: #00ff00;
  }
  100% {
    fill: #005500;
  }
}
.psc-Animations\/GRN_LED_Blink {
  animation-name: psc-Animations\/GRN_LED_Blink-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/HIMA_7SEG-anim {
  0% {
    margin-left: 168px;
    margin-right: 0;
  }
  100% {
    margin-left: 20px;
  }
}
.psc-Animations\/HIMA_7SEG {
  animation-name: psc-Animations\/HIMA_7SEG-anim;
  animation-delay: 0s;
  animation-direction: alternate-reverse;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/HVAC-7seg-anim {
  0% {
    margin-left: 30%;
    margin-right: 0px;
  }
  100% {
    margin-left: -30%;
  }
}
.psc-Animations\/HVAC-7seg {
  animation-name: psc-Animations\/HVAC-7seg-anim;
  animation-delay: 0s;
  animation-direction: alternate-reverse;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/LED-green-anim {
  0% {
    fill: #003E00;
  }
  70% {
    fill: #003E00;
  }
  100% {
    fill: #00ff00;
  }
}
.psc-Animations\/LED-green {
  animation-name: psc-Animations\/LED-green-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/LED-green-fast-anim {
  0% {
    fill: #003E00;
  }
  100% {
    fill: #00ff00;
  }
}
.psc-Animations\/LED-green-fast {
  animation-name: psc-Animations\/LED-green-fast-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 100ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animations\/LED-red-fast-anim {
  0% {
    fill: #003E00;
  }
  100% {
    fill: #FF0000;
  }
}
.psc-Animations\/LED-red-fast {
  animation-name: psc-Animations\/LED-red-fast-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 100ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Animations\/Sending-Command-anim {
  0% {
  }
  100% {
    background-color: orange;
  }
}
.psc-Animations\/Sending-Command {
  animation-name: psc-Animations\/Sending-Command-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes psc-Animations\/Wave-anim {
  0% {
    background-position: -80px 0;
  }
  100% {
    background-position: 0 0;
  }
}
.psc-Animations\/Wave {
  animation-name: psc-Animations\/Wave-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 2s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/alert-wave-anim {
  0% {
    opacity: 0.80;
    overflow: hidden;
    overflow-y: hidden;
    padding: 100%;
  }
  100% {
    opacity: 0;
    padding: 0px;
  }
}
.psc-Animations\/alert-wave {
  animation-name: psc-Animations\/alert-wave-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 2.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}

@keyframes psc-Animations\/communication-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.psc-Animations\/communication {
  animation-name: psc-Animations\/communication-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 100ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/opcaity-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.psc-Animations\/opcaity {
  animation-name: psc-Animations\/opcaity-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/pump-7seg-anim {
  0% {
    margin-left: 230px;
    margin-right: 0px;
  }
  100% {
    margin-left: 0px;
  }
}
.psc-Animations\/pump-7seg {
  animation-name: psc-Animations\/pump-7seg-anim;
  animation-delay: 0s;
  animation-direction: alternate-reverse;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/pump-fault-anim {
  0% {
    stroke: #AC0000;
    fill: #FB090924;
  }
  100% {
    stroke: #808080;
    fill: #5555551C;
  }
}
.psc-Animations\/pump-fault {
  animation-name: psc-Animations\/pump-fault-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/wave-fill-anim {
  0% {
    background-position: -185px;
  }
  100% {
    background-position: 0px;
  }
}
.psc-Animations\/wave-fill {
  animation-name: psc-Animations\/wave-fill-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Animations\/wifiScan-anim {
  0% {
    padding-bottom: 100%;
  }
  100% {
    opacity: 0;
  }
}
.psc-Animations\/wifiScan {
  animation-name: psc-Animations\/wifiScan-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 4s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@keyframes psc-PID\/AI\/ALM-active-unack-anim {
  0% {
    background-color: #FCFCFC90;
  }
  100% {
    background-color: #FFD500;
  }
}
.psc-PID\/AI\/ALM-active-unack {
  animation-name: psc-PID\/AI\/ALM-active-unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/ALM_Active-anim {
  0% {
    background-color: #FCFCFC;
  }
  100% {
    background-color: #FFD500;
  }
}
.psc-PID\/AI\/ALM_Active {
  animation-name: psc-PID\/AI\/ALM_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/ALM_Clear-anim {
  0% {
    background-color: #FCFCFC;
  }
  100% {
    background-color: #CCFFFF;
  }
}
.psc-PID\/AI\/ALM_Clear {
  animation-name: psc-PID\/AI\/ALM_Clear-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/ESD-active-anim {
  0% {
    background-color: #FCFCFC;
  }
  100% {
    background-color: #FF0000;
  }
}
.psc-PID\/AI\/ESD-active {
  animation-name: psc-PID\/AI\/ESD-active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/ESD-active-unack-anim {
  0% {
    background-color: #FCFCFC90;
  }
  100% {
    background-color: #FF0000;
  }
}
.psc-PID\/AI\/ESD-active-unack {
  animation-name: psc-PID\/AI\/ESD-active-unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/ESD_Clear-anim {
  0% {
    background-color: #FCFCFC;
  }
  100% {
    background-color: #8AFFFF;
  }
}
.psc-PID\/AI\/ESD_Clear {
  animation-name: psc-PID\/AI\/ESD_Clear-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/AI\/clear-unack-anim {
  0% {
    background-color: #FCFCFC1A0;
  }
  100% {
    background-color: #8AFFFF;
  }
}
.psc-PID\/AI\/clear-unack {
  animation-name: psc-PID\/AI\/clear-unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/Alarm\/Seperator-anim {
  0% {
    background-color: #E9F0F1;
  }
  100% {
    background-color: #FFDA00;
  }
}
.psc-PID\/Alarm\/Seperator {
  animation-name: psc-PID\/Alarm\/Seperator-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/Alarm\/TextResizing-anim {
  0% {
    font-size: 16px;
  }
  100% {
    font-size: 22px;
  }
}
.psc-PID\/Alarm\/TextResizing {
  animation-name: psc-PID\/Alarm\/TextResizing-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/ESD-text-alarm-anim {
  0% {
    color: $FF4D4F;
    opacity: 0;
  }
  100% {
    color: #D90000;
  }
}
.psc-PID\/ESD-text-alarm {
  animation-name: psc-PID\/ESD-text-alarm-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-PID\/ESD-tree\/INHIBIT-anim {
  0% {
    color: #FF0000;
  }
  100% {
    color: #FFDB00;
  }
}
.psc-PID\/ESD-tree\/INHIBIT {
  animation-name: psc-PID\/ESD-tree\/INHIBIT-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/ESD-tree\/INHIBIT_BK-anim {
  0% {
    background-color: #FF8A8A;
  }
  100% {
    background-color: #FFC200;
  }
}
.psc-PID\/ESD-tree\/INHIBIT_BK {
  animation-name: psc-PID\/ESD-tree\/INHIBIT_BK-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/Network\/PTP-alarm-anim {
  0% {
    background-color: #FFCCCC;
  }
  100% {
    background-color: #FFE9E9;
    opacity: 1;
  }
}
.psc-PID\/Network\/PTP-alarm {
  animation-name: psc-PID\/Network\/PTP-alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/PMP\/ESD-anim {
  0% {
    fill: #808080;
  }
  100% {
    fill: #FF0000;
  }
}
.psc-PID\/PMP\/ESD {
  animation-name: psc-PID\/PMP\/ESD-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/PMP\/FTR-anim {
  0% {
    fill: #FFE897;
  }
  100% {
    fill: #CCFFCC;
  }
}
.psc-PID\/PMP\/FTR {
  animation-name: psc-PID\/PMP\/FTR-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-PID\/PMP\/FTS-anim {
  0% {
    fill: #FFE897;
  }
  100% {
    fill: #FF4D4F;
  }
}
.psc-PID\/PMP\/FTS {
  animation-name: psc-PID\/PMP\/FTS-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-PID\/PMP\/HPMP-anim {
  0% {
  }
  100% {
    opacity: 1;
    padding-left: 27px;
  }
}
.psc-PID\/PMP\/HPMP {
  animation-name: psc-PID\/PMP\/HPMP-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-PID\/radarScan-anim {
  0% {
    padding-bottom: 200px;
  }
  100% {
    opacity: 0;
    padding-bottom: 0px;
  }
}
.psc-PID\/radarScan {
  animation-name: psc-PID\/radarScan-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 3s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}

@keyframes psc-PID\/valve\/DIS-anim {
  0% {
    fill: #CCFFCC;
  }
  100% {
    fill: #808080;
  }
}
.psc-PID\/valve\/DIS {
  animation-name: psc-PID\/valve\/DIS-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-PID\/valve\/ESD-FC-anim {
  0% {
    stroke: #555555;
    fill: #808080;
  }
  100% {
    stroke: #555555;
    fill: #FF0000;
  }
}
.psc-PID\/valve\/ESD-FC {
  animation-name: psc-PID\/valve\/ESD-FC-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-PID\/valve\/ESD-FO-anim {
  0% {
    stroke: #555555;
    fill: #CCFFCC;
  }
  100% {
    stroke: #555555;
    fill: #FF0000;
  }
}
.psc-PID\/valve\/ESD-FO {
  animation-name: psc-PID\/valve\/ESD-FO-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-PID\/where-are-you-anim {
  0% {
    background-color: #00FFC4;
    color: #555555;
  }
  100% {
    background-color: transparent;
    color: #555555;
  }
}
.psc-PID\/where-are-you {
  animation-name: psc-PID\/where-are-you-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-error-fading-anim {
  0% {
  }
  100% {
    opacity: 0;
  }
}
.psc-error-fading {
  animation-name: psc-error-fading-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 8s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}

@keyframes psc-view-load-anim {
  0% {
    opacity: 0;
  }
  100% {
  }
}
.psc-view-load {
  animation-name: psc-view-load-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}