.psc-AdHocTrends\/AddTag {
  background-color: #E0E0E0;
  border-radius: 0;
  color: #303030;
  margin-top: 4px;
}
.psc-AdHocTrends\/AddTag:hover {
  background-color: #C1C1C1;
}

.psc-AdHocTrends\/Button {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0;
  fill: #303030;
}

.psc-AdHocTrends\/ChartRangeSelector {
  border-color: #303030;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: #303030;
}

.psc-AdHocTrends\/Content {
  background-color: #FFFFFF;
  padding: 4px;
}

.psc-AdHocTrends\/DisabledIcon {
  cursor: auto;
  fill: #00000040;
}

.psc-AdHocTrends\/Label {
  color: #1C1C1C;
  font-family: Roboto;
  font-size: 14px;
}

.psc-AdHocTrends\/ML_LogoText {
  font-family: Noto Sans;
}

.psc-AdHocTrends\/TagTree {
  border-color: #303030;
  border-style: solid;
  border-width: 1px;
}

.psc-AdHocTrends\/Title {
  color: #303030;
  font-size: 20px;
  font-weight: 500;
  margin-right: 10px;
}

.psc-AdHocTrends\/TitleBar {
  background-color: #D5D5D5;
}

.psc-AdHocTrends\/Tooltip {
  background-color: #E3E3E3;
  color: #333;
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
}

.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-Button {
  background-color: hsl(190, 100%, 85%) !important;
  background-image: linear-gradient(#fcfcfc, #d8d8d8);
  background-repeat: repeat-x;
  border-color: #fcfcfc #fcfcfc hsl(190, 100%, 81.5%);
  border-radius: 8px;
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
}

.psc-Button_Action {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  fill: #FFFFFF;
}

.psc-Button_Action_Disabled {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.20;
  fill: #FFFFFF;
}

.psc-Button_Selected {
  background-color: hsl(190, 100%, 85%) !important;
  background-image: linear-gradient(#686868, #acacac);
  background-repeat: repeat-x;
  border-color: #fcfcfc #fcfcfc hsl(190, 100%, 81.5%);
  border-radius: 8px;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
}

.psc-Card {
  background-color: #FAFAFA;
  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-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-CourseTable {
  color: #2B2B2B;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  overflow-wrap: normal;
  text-align: center;
  text-overflow: clip;
}

.psc-Dock {
  background-color: #002143;
  color: #E6EAEE;
  font-family: Roboto;
  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-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #FAFAFB;
}

.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: #2B2B2B;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.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: rgba(255,0,0,1);
  color: rgba(255,255,255,1);
  fill: rgba(172,0,0,0.30196078431372547);
}

.psc-HMI_On {
  background-color: rgba(0,255,0,1);
  fill: rgba(0,129,0,0.3);
}

.psc-Header {
  background-color: #557A95;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  fill: #FFFFFF;
}

.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-family: Roboto;
  font-size: 12px;
  font-weight: bold;
}

.psc-ICC_Button_Big {
  font-family: roboto;
  font-size: 25px;
}

.psc-ICC_Button_Small {
  font-family: roboto;
  font-size: 18px;
}

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

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

.psc-Label {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #000000;
  font-family: Verdana;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

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

.psc-Menu {
  background-color: #DABE75;
  font-family: Roboto;
}

.psc-Menu_Action {
  color: #70757A;
  cursor: pointer;
  font-family: Roboto;
  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-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu_Item {
  background-color: #E6EAEE;
  border-color: #9B9B9B;
  border-width: 1px;
  border-left-color: #BEBEBE;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #BEBEBE;
  border-right-style: solid;
  border-right-width: 1px;
  color: #2E2E2E;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

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

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

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

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

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

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

.psc-Popup_Hover {
}
.psc-Popup_Hover:hover {
  background-color: #EBEBEB;
}

.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-family: Roboto;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

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

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

.psc-Sub_Section {
}

.psc-Sub_Section_Text {
  color: #2E2E2E;
  font-family: Roboto;
  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-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  color: #2E2E2E;
  font-size: 12px;
}

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

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

.psc-Title_Banner_Text {
  color: #70757A;
  font-family: Roboto;
  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: #2E2E2E;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #2E2E2E;
}

.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-AnimatedLabel-anim {
  0% {
    background-color: #FFFF00;
    color: #000000;
  }
  100% {
    background-color: #AC0000;
    color: #FFFFFF;
  }
}
.psc-AnimatedLabel {
  animation-name: psc-AnimatedLabel-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-HMI_Fault-anim {
  0% {
    background-color: rgba(255, 255, 0, 1.0);
    fill: rgba(172,172,0,0.30196078431372547);
  }
  100% {
    background-color: rgba(255, 255, 0, 1.0);
    fill: rgba(129,70,0,0.30196078431372547);
  }
}
.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: #FFCCCC;
    fill: #FFCCCC;
  }
}
.psc-Header_Alarm_Active {
  animation-name: psc-Header_Alarm_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-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-VisionLink-anim {
  0% {
    margin-top: -55px;
  }
  100% {
    margin-top: 10px;
  }
}
.psc-VisionLink {
  animation-name: psc-VisionLink-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}