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

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f100;
  
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
  margin: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 3px;
  margin: 2px;
}


/*.ia_labelComponent {*/
/*	animation-duration: 3s;*/
/*	animation-name: slidein;*/
/*}*/
/**/
/*@keyframes slidein {*/
/*	from {*/
/*		margin-left: 100%;*/
/*		width:300%*/
/*	}*/
/**/
/*	to {*/
/*		margin-left:0%;*/
/*		width: 100%;*/
/*	}*/
/*}*/

/* BEGIN STYLE CLASSES */
.psc-Custom\/Alarms\/Acknowledged\/P1 {
  background-color: #FFFFFF;
  color: #F44336;
}

.psc-Custom\/Alarms\/Acknowledged\/P2 {
  background-color: #F44336;
  color: #FFFFFF;
}

.psc-Custom\/Alarms\/Acknowledged\/P3 {
  background-color: #FFEB3B;
  color: #000000;
}

.psc-Custom\/Alarms\/Acknowledged\/P3_BAD {
  background-color: #D500F9;
  color: #FFFFFF;
}

.psc-Custom\/Devices\/State\/running {
  background-color: #f44336;
  border-color: #f44336;
  color: var(--neutral-20);
}

.psc-Custom\/Devices\/State\/running_1 {
  background-color: var(--neutral-80);
  border-color: var(--neutral-60);
  color: var(--neutral-20);
}

.psc-Custom\/Devices\/State\/stopped {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--neutral-80);
}

.psc-Custom\/Devices\/State\/stopped_1 {
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  color: var(--neutral-80);
}

.psc-Custom\/Devices\/static-device {
  color: var(--neutral-60);
}

.psc-Custom\/Framework\/Card\/Background-Dark {
  background-color: #252525;
}

.psc-Elements\/Border\/Border {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
}

.psc-Elements\/Border\/Border-Bottom {
  border-bottom-color: var(--neutral-30);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Elements\/Border\/Border-Left {
  border-left-color: var(--neutral-30);
  border-left-style: solid;
  border-left-width: 1px;
}

.psc-Elements\/Border\/Border-None {
  border-style: none;
}

.psc-Elements\/Border\/Border-On-Hover {
}
.psc-Elements\/Border\/Border-On-Hover:hover {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.psc-Elements\/Border\/Border-Radius {
  border-top-left-radius: var(--borderRadius);
  border-top-right-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}

.psc-Elements\/Border\/Border-Radius-50percent {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.psc-Elements\/Border\/Border-Right {
  border-right-color: var(--neutral-30);
  border-right-style: solid;
  border-right-width: 1px;
}

.psc-Elements\/Border\/Border-Top {
  border-top-color: var(--neutral-30);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-Elements\/BoxShadow\/Shadow-1 {
  box-shadow: var(--boxShadow1);
}

.psc-Elements\/BoxShadow\/Shadow-1-On-Hover {
}
.psc-Elements\/BoxShadow\/Shadow-1-On-Hover:hover {
  box-shadow: var(--boxShadow1);
  cursor: pointer;
}

.psc-Elements\/BoxShadow\/Shadow-2 {
  box-shadow: var(--boxShadow2);
}

.psc-Elements\/BoxShadow\/Shadow-2-On-Hover {
}
.psc-Elements\/BoxShadow\/Shadow-2-On-Hover:hover {
  box-shadow: var(--boxShadow2);
  cursor: pointer;
}

.psc-Elements\/BoxShadow\/Shadow-3 {
  box-shadow: var(--boxShadow3);
}

.psc-Elements\/BoxShadow\/Shadow-4 {
  box-shadow: var(--boxShadow4);
}

.psc-Elements\/BoxShadow\/Shadow-5 {
  box-shadow: var(--boxShadow5);
}

.psc-Elements\/BoxShadow\/Shadow-Insert {
  box-shadow: var(--boxShadow--insert);
}

.psc-Elements\/BoxShadow\/Shadow-None {
  box-shadow: 0px 0px 0px 0px;
}

.psc-Elements\/BoxShadow\/Shadow_Down_Subtle {
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
}

.psc-Elements\/BoxShadow\/Shadow_Up_Subtle {
  box-shadow: 0px 2px 4px 4px rgba(0, 0, 40, 0.15);
}

.psc-Elements\/Colour\/Background\/Black {
  background-color: #000000;
  color: #FFFFFF;
}

.psc-Elements\/Colour\/Background\/Default {
  background-color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Neutral-10 {
  background-color: var(--neutral-10);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Background\/Neutral-100 {
  background-color: var(--neutral-100);
  color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Neutral-20 {
  background-color: var(--neutral-20);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Background\/Neutral-30 {
  background-color: var(--neutral-30);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Background\/Neutral-40 {
  background-color: var(--neutral-40);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Background\/Neutral-50 {
  background-color: var(--neutral-50);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Background\/Neutral-60 {
  background-color: var(--neutral-60);
  color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Neutral-70 {
  background-color: var(--neutral-70);
  color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Neutral-80 {
  background-color: var(--neutral-80);
  color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Neutral-90 {
  background-color: var(--neutral-90);
  color: var(--neutral-10);
}

.psc-Elements\/Colour\/Background\/Transparent {
  background-color: transparent;
}

.psc-Elements\/Colour\/Button\/Button-High-Emph {
  background-color: var(--callToAction);
  color: var(--neutral-100) ;
}
.psc-Elements\/Colour\/Button\/Button-High-Emph:active {
  background-color: var(--callToAction--active) ;
  color: var(--neutral-100) ;
}
.psc-Elements\/Colour\/Button\/Button-High-Emph:disabled {
  background-color: var(--callToAction--disabled) ;
  color: var(--neutral-100) ;
}
.psc-Elements\/Colour\/Button\/Button-High-Emph:hover {
  background-color: var(--callToAction--hover) ;
  color: var(--neutral-100) ;
}

.psc-Elements\/Colour\/Button\/Button-SignIn {
  background-color: #FFFFFF;
  color: #000000;
}
.psc-Elements\/Colour\/Button\/Button-SignIn:active {
  background-color: var(--callToAction--active) ;
  color: var(--neutral-100) ;
}
.psc-Elements\/Colour\/Button\/Button-SignIn:disabled {
  background-color: var(--callToAction--disabled) ;
  color: var(--neutral-100) ;
}
.psc-Elements\/Colour\/Button\/Button-SignIn:hover {
  background-color: #D5D5D5;
}

.psc-Elements\/Colour\/Forefront\/CallToAction_Text {
  color: var(--callToAction);
}
.psc-Elements\/Colour\/Forefront\/CallToAction_Text:hover {
  color: var(--callToAction--hover);
  cursor: pointer;
}

.psc-Elements\/Colour\/Forefront\/Error_Text {
  color: var(--error);
}

.psc-Elements\/Colour\/Forefront\/PrimaryVariant_Text {
  color: #184782;
}

.psc-Elements\/Colour\/Forefront\/Primary_Text {
  color: #98AAC9;
}

.psc-Elements\/Colour\/Forefront\/Secondary_Text {
  color: #03DAC5;
}
.psc-Elements\/Colour\/Forefront\/Secondary_Text:disabled {
  background-color: #03DAC550;
}

.psc-Elements\/Colour\/Forefront\/Success_Text {
  color: var(--success);
}

.psc-Elements\/Colour\/Forefront\/Warning_Text {
  color: var(--warning);
}

.psc-Elements\/Colour\/Qual\/Qual-1 {
  background-color: var(--qual-1);
}

.psc-Elements\/Colour\/Qual\/Qual-10 {
  background-color: var(--qual-10);
}

.psc-Elements\/Colour\/Qual\/Qual-2 {
  background-color: var(--qual-2);
}

.psc-Elements\/Colour\/Qual\/Qual-3 {
  background-color: var(--qual-3);
}

.psc-Elements\/Colour\/Qual\/Qual-4 {
  background-color: var(--qual-4);
}

.psc-Elements\/Colour\/Qual\/Qual-5 {
  background-color: var(--qual-5);
}

.psc-Elements\/Colour\/Qual\/Qual-6 {
  background-color: var(--qual-6);
}

.psc-Elements\/Colour\/Qual\/Qual-7 {
  background-color: var(--qual-7);
}

.psc-Elements\/Colour\/Qual\/Qual-8 {
  background-color: var(--qual-8);
}

.psc-Elements\/Colour\/Qual\/Qual-9 {
  background-color: var(--qual-9);
}

.psc-Elements\/Colour\/State\/Error {
  background-color: var(--error);
  color: #FFFFFF;
}

.psc-Elements\/Colour\/State\/Error_Faded {
  background-color: var(--error);
  color: var(--white);
  opacity: 0.20;
}

.psc-Elements\/Colour\/State\/Error_Shape {
  color: #000000;
  fill: var(--error);
}

.psc-Elements\/Colour\/State\/Primary {
  background-color: #0483DA;
  color: #000000;
}
.psc-Elements\/Colour\/State\/Primary:hover {
  background-color: #04A3DA;
}
.psc-Elements\/Colour\/State\/Primary:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/State\/PrimaryVariant {
  background-color: #184782;
  color: #FFFFFF;
}

.psc-Elements\/Colour\/State\/Secondary {
  background-color: #03DAC5;
  color: #000000;
}
.psc-Elements\/Colour\/State\/Secondary:hover {
  background-color: 030AC5;
}
.psc-Elements\/Colour\/State\/Secondary:disabled {
  background-color: #808080;
}

.psc-Elements\/Colour\/State\/Secondary_Shape {
  fill: #03DAC5;
}

.psc-Elements\/Colour\/State\/Success {
  background-color: var(--success);
  color: var(--white);
}

.psc-Elements\/Colour\/State\/Surface {
  background-color: #121212;
  color: #FFFFFF;
}

.psc-Elements\/Colour\/State\/Warning {
  background-color: var(--warning);
  color: #FFFFFF;
}
.psc-Elements\/Colour\/State\/Warning:disabled {
  background-color: var(--neutral-60);
  color: var(--neutral-10);
  cursor: not-allowed;
}

.psc-Elements\/Colour\/State\/Warning_Secondary {
  background-color: var(--warningSecondary);
  color: var(--neutral-100);
}

.psc-Elements\/Colour\/Text\/CallToAction {
  color: var(--callToAction);
}
.psc-Elements\/Colour\/Text\/CallToAction:hover {
  color: var(--callToAction--hover);
  cursor: pointer;
}

.psc-Elements\/Colour\/Text\/Error {
  color: var(--error);
}

.psc-Elements\/Colour\/Text\/Primary {
  color: #002e61;
}

.psc-Elements\/Colour\/Text\/PrimaryVariant {
  color: #184782;
}

.psc-Elements\/Colour\/Text\/Secondary {
  color: #03DAC5;
}
.psc-Elements\/Colour\/Text\/Secondary:disabled {
  background-color: #03DAC550;
}

.psc-Elements\/Colour\/Text\/Success {
  color: var(--success);
}

.psc-Elements\/Colour\/Text\/Warning {
  color: var(--warning);
}

.psc-Elements\/Colour\/Text\/White {
  color: #FFFFFF;
}

.psc-Elements\/Colour\/Theme\/primary_colour_01 {
  background-color: #003661;
  color: #FFFFFF;
}
.psc-Elements\/Colour\/Theme\/primary_colour_01:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_02 {
  background-color: #145761;
  color: #FFFFFF;
}
.psc-Elements\/Colour\/Theme\/primary_colour_02:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_03 {
  background-color: #248D9B;
  color: #FFFFFF;
}
.psc-Elements\/Colour\/Theme\/primary_colour_03:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_04 {
  background-color: #30B6CF;
  color: #FFFFFF;
}
.psc-Elements\/Colour\/Theme\/primary_colour_04:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_04_Transparent {
  background-color: #00366190;
  color: #FFFFFF;
}
.psc-Elements\/Colour\/Theme\/primary_colour_04_Transparent:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_05 {
  background-color: #ffd000;
  color: #000000;
}
.psc-Elements\/Colour\/Theme\/primary_colour_05:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Colour\/Theme\/primary_colour_05_Transparent {
  background-color: #ffd00090;
  color: #000000;
}
.psc-Elements\/Colour\/Theme\/primary_colour_05_Transparent:disabled {
  background-color: #808080;
  cursor: not-allowed;
}

.psc-Elements\/Interactive\/Background-Hover {
}
.psc-Elements\/Interactive\/Background-Hover:hover {
  background-color: var(--neutral-30);
  cursor: pointer;
}

.psc-Elements\/Interactive\/Background-Hover-BWE-Themed {
}
.psc-Elements\/Interactive\/Background-Hover-BWE-Themed:hover {
  background-color: #EA544910;
}

.psc-Elements\/Interactive\/Background-Hover-Transparent {
}
.psc-Elements\/Interactive\/Background-Hover-Transparent:hover {
  background-color: rgba(var(--neutral-30),0.1);
  cursor: pointer;
}

.psc-Elements\/Interactive\/Button\/Highlight-On-Hover {
  color: var(--neutral-90);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Highlight-On-Hover:hover {
  background-color: var(--neutral-10);
  border-color: var(--neutral-50);
  box-shadow: var(--boxShadow2);
}

.psc-Elements\/Interactive\/Button\/Momentary {
  background-color: var(--neutral-30);
  border-color: var(--neutral-20);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-90);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Momentary:hover {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  box-shadow: var(--boxShadow2);
}
@keyframes psc-Elements\/Interactive\/Button\/Momentary-1-anim {
  0% {
  }
  100% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    box-shadow: var(--boxShadow--insert);
  }
}
.psc-Elements\/Interactive\/Button\/Momentary:active {
  animation-name: psc-Elements\/Interactive\/Button\/Momentary-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.psc-Elements\/Interactive\/Button\/Momentary-Error {
  background-color: var(--error);
  border-color: var(--error);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Momentary-Error:hover {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30);
  box-shadow: var(--boxShadow2);
  color: var(--error);
}
@keyframes psc-Elements\/Interactive\/Button\/Momentary-Error-1-anim {
  0% {
  }
  100% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    box-shadow: var(--boxShadow--insert);
  }
}
.psc-Elements\/Interactive\/Button\/Momentary-Error:active {
  animation-name: psc-Elements\/Interactive\/Button\/Momentary-Error-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.psc-Elements\/Interactive\/Button\/Momentary-Qual-1 {
  background-color: var(--qual-1);
  border-color: var(--qual-1);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Momentary-Qual-1:hover {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30);
  box-shadow: var(--boxShadow2);
  color: var(--warning);
}
@keyframes psc-Elements\/Interactive\/Button\/Momentary-Qual-1-1-anim {
  0% {
  }
  100% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    box-shadow: var(--boxShadow--insert);
  }
}
.psc-Elements\/Interactive\/Button\/Momentary-Qual-1:active {
  animation-name: psc-Elements\/Interactive\/Button\/Momentary-Qual-1-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.psc-Elements\/Interactive\/Button\/Momentary-Success {
  background-color: var(--success);
  border-color: var(--success);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Momentary-Success:hover {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30);
  box-shadow: var(--boxShadow2);
  color: var(--success);
}
@keyframes psc-Elements\/Interactive\/Button\/Momentary-Success-1-anim {
  0% {
  }
  100% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    box-shadow: var(--boxShadow--insert);
  }
}
.psc-Elements\/Interactive\/Button\/Momentary-Success:active {
  animation-name: psc-Elements\/Interactive\/Button\/Momentary-Success-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.psc-Elements\/Interactive\/Button\/Momentary-Warning {
  background-color: var(--warning);
  border-color: var(--warning);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Momentary-Warning:hover {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30);
  box-shadow: var(--boxShadow2);
  color: var(--warning);
}
@keyframes psc-Elements\/Interactive\/Button\/Momentary-Warning-1-anim {
  0% {
  }
  100% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    box-shadow: var(--boxShadow--insert);
  }
}
.psc-Elements\/Interactive\/Button\/Momentary-Warning:active {
  animation-name: psc-Elements\/Interactive\/Button\/Momentary-Warning-1-anim;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.psc-Elements\/Interactive\/Button\/Selected {
  background-color: var(--neutral-30);
  border-color: var(--neutral-40);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-90);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Selected:hover {
  background-color: var(--neutral-10);
  border-color: var(--neutral-50);
  box-shadow: var(--boxShadow2);
}

.psc-Elements\/Interactive\/Button\/Selected-Themed {
  background-color: #30B6CF4D;
  border-color: var(--neutral-40);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-90);
  cursor: pointer;
}
.psc-Elements\/Interactive\/Button\/Selected-Themed:hover {
  background-color: var(--neutral-10);
  border-color: var(--neutral-50);
  box-shadow: var(--boxShadow2);
}

.psc-Elements\/Interactive\/Container-Hover {
}
.psc-Elements\/Interactive\/Container-Hover:hover {
  background-color: var(--neutral-30);
  box-shadow: var(--boxShadow2);
  cursor: pointer;
}

.psc-Elements\/Interactive\/Container-Hover-Transparent {
}
.psc-Elements\/Interactive\/Container-Hover-Transparent:hover {
  background-color: #D5D5D550;
  box-shadow: var(--boxShadow2);
  cursor: pointer;
}

.psc-Elements\/Interactive\/Icon-Hover {
}
.psc-Elements\/Interactive\/Icon-Hover:hover {
  color: var(--neutral-40);
  cursor: pointer;
}

.psc-Elements\/Interactive\/Text-Hover {
}
.psc-Elements\/Interactive\/Text-Hover:hover {
  color: var(--callToAction);
  cursor: pointer;
  text-decoration: underline;
}

.psc-Elements\/Misc\/Pointer {
  cursor: pointer;
}

.psc-Elements\/State\/amber {
  background-color: #ffc10720;
  border-color: #ffc107;
  color: #ffc107;
}

.psc-Elements\/State\/blue {
  background-color: #2196f320;
  border-color: #2196f3;
  color: #2196f3;
}

.psc-Elements\/State\/blue-grey {
  background-color: #607d8b20;
  border-color: #607d8b;
  color: #607d8b;
}

.psc-Elements\/State\/brown {
  background-color: #79554820;
  border-color: #795548;
  color: #795548;
}

.psc-Elements\/State\/cyan {
  background-color: #00bcd420;
  border-color: #00bcd4;
  color: #00bcd4;
}

.psc-Elements\/State\/deep-orange {
  background-color: #ff572220;
  border-color: #ff5722;
  color: #ff5722;
}

.psc-Elements\/State\/deep-purple {
  background-color: #673ab720;
  border-color: #673ab7;
  color: #673ab7;
}

.psc-Elements\/State\/green {
  background-color: #4caf5020;
  border-color: #4caf50;
  color: #4caf50;
}

.psc-Elements\/State\/grey {
  background-color: #9e9e9e20;
  border-color: #9e9e9e;
  color: #9e9e9e;
}

.psc-Elements\/State\/indigo {
  background-color: #3f51b520;
  border-color: #3f51b5;
  color: #3f51b5;
}

.psc-Elements\/State\/light-blue {
  background-color: #03a9f420;
  border-color: #03a9f4;
  color: #03a9f4;
}

.psc-Elements\/State\/light-green {
  background-color: #8bc34a20;
  border-color: #8bc34a;
  color: #8bc34a;
}

.psc-Elements\/State\/lime {
  background-color: #cddc3920;
  border-color: #cddc39;
  color: #cddc39;
}

.psc-Elements\/State\/orange {
  background-color: #ff980020;
  border-color: #ff9800;
  color: #ff9800;
}

.psc-Elements\/State\/pink {
  background-color: #e91e6320;
  border-color: #e91e63;
  color: #e91e63;
}

.psc-Elements\/State\/purple {
  background-color: #9c27b020;
  border-color: #9c27b0;
  color: #9c27b0;
}

.psc-Elements\/State\/red {
  background-color: #f4433620;
  border-color: #f44336;
  color: #f44336;
}

.psc-Elements\/State\/teal {
  background-color: #00968820;
  border-color: #009688;
  color: #009688;
}

.psc-Elements\/State\/yellow {
  background-color: #ffeb3b20;
  border-color: #ffeb3b;
  color: #ffeb3b;
}

.psc-Elements\/TypeScale\/Body1 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.psc-Elements\/TypeScale\/Body2 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.0px;
}

.psc-Elements\/TypeScale\/Button {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.psc-Elements\/TypeScale\/Caption {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.psc-Elements\/TypeScale\/Font_BodyCaptionsFont {
  font-family: Noto Sans;
}

.psc-Elements\/TypeScale\/Font_HeadlinesSubtitles {
  font-family: Noto Sans;
}

.psc-Elements\/TypeScale\/Headline1 {
  font-family: Roboto;
  font-size: 96px;
  font-weight: 200;
  letter-spacing: -1.5px;
}

.psc-Elements\/TypeScale\/Headline2 {
  font-family: Roboto;
  font-size: 60px;
  font-weight: 200;
  letter-spacing: -0.5px;
}

.psc-Elements\/TypeScale\/Headline3 {
  font-family: Roboto;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0px;
}

.psc-Elements\/TypeScale\/Headline4 {
  font-family: Roboto;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0.25px;
}

.psc-Elements\/TypeScale\/Headline5 {
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0px;
}

.psc-Elements\/TypeScale\/Headline6 {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.15px;
}

.psc-Elements\/TypeScale\/Opacity-0-7 {
  opacity: 0.70;
}

.psc-Elements\/TypeScale\/Overline {
  font-family: Roboto;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.psc-Elements\/TypeScale\/Subtitle1 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
}

.psc-Elements\/TypeScale\/Subtitle2 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.psc-Elements\/TypeScale\/Weight-Bold {
  font-weight: bold;
}

@keyframes psc-Custom\/Alarms\/Active-Unacknowledged\/P1-anim {
  0% {
    background-color: #FFFFFF;
    color: #f44336;
  }
  100% {
    background-color: #D7D7D7;
    color: #FFFFFF;
  }
}
.psc-Custom\/Alarms\/Active-Unacknowledged\/P1 {
  animation-name: psc-Custom\/Alarms\/Active-Unacknowledged\/P1-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Active-Unacknowledged\/P2-anim {
  0% {
    background-color: #EF5350;
    color: #FFFFFF;
  }
  100% {
    background-color: #b71c1c;
    color: #FFFFFF;
  }
}
.psc-Custom\/Alarms\/Active-Unacknowledged\/P2 {
  animation-name: psc-Custom\/Alarms\/Active-Unacknowledged\/P2-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Active-Unacknowledged\/P3-anim {
  0% {
    background-color: #FFEE58;
    color: #000000;
  }
  100% {
    background-color: #FBC02D;
    color: #000000;
  }
}
.psc-Custom\/Alarms\/Active-Unacknowledged\/P3 {
  animation-name: psc-Custom\/Alarms\/Active-Unacknowledged\/P3-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Unacknowledged\/P1-anim {
  0% {
    background-color: #FFFFFF;
    color: #F44336;
  }
  100% {
    background-color: #FFEBEE;
    color: #B71C1C;
  }
}
.psc-Custom\/Alarms\/Unacknowledged\/P1 {
  animation-name: psc-Custom\/Alarms\/Unacknowledged\/P1-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Unacknowledged\/P2-anim {
  0% {
    background-color: #F44336;
    color: #FFFFFF;
  }
  100% {
    background-color: #b71c1c;
    color: #FFFFFF;
  }
}
.psc-Custom\/Alarms\/Unacknowledged\/P2 {
  animation-name: psc-Custom\/Alarms\/Unacknowledged\/P2-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Unacknowledged\/P3-anim {
  0% {
    background-color: #FFEB3B;
    color: #000000;
  }
  100% {
    background-color: #FBC02D;
    color: #424242;
  }
}
.psc-Custom\/Alarms\/Unacknowledged\/P3 {
  animation-name: psc-Custom\/Alarms\/Unacknowledged\/P3-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Alarms\/Unacknowledged\/P3_BAD-anim {
  0% {
    background-color: #E040FB;
    color: #F5F5F5;
  }
  100% {
    background-color: #D500F9;
    color: #FFFFFFF;
  }
}
.psc-Custom\/Alarms\/Unacknowledged\/P3_BAD {
  animation-name: psc-Custom\/Alarms\/Unacknowledged\/P3_BAD-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Devices\/State\/faulted-anim {
  0% {
    background-color: var(--neutral-50);
    border-color: var(--neutral-50);
    color: #FFFFFF;
  }
  100% {
    background-color: #f4433655;
    border-color: #f44336;
    color: FFFFFF;
  }
}
.psc-Custom\/Devices\/State\/faulted {
  animation-name: psc-Custom\/Devices\/State\/faulted-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-Custom\/Devices\/State\/faulted_1-anim {
  0% {
    background-color: #f44336AA;
    border-color: #f44336;
    color: #FFFFFF;
  }
  100% {
    background-color: #f4433655;
    border-color: #f44336;
    color: FFFFFF;
  }
}
.psc-Custom\/Devices\/State\/faulted_1 {
  animation-name: psc-Custom\/Devices\/State\/faulted_1-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}