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

/* BEGIN STYLE CLASSES */
.psc-AxineDesignGuide-p {
  background-color: #C1C8D2;
  font-weight: bold;
}
.psc-AxineDesignGuide-p:disabled {
  background-color: fffffff;
  color: #0092F7;
}

.psc-AxineDesignGuide-s {
  background-color: #f4fbff;
  color: #000000;
  text-align: center;
}

.psc-DesignGuide-tab {
  color: #FFFFFF;
  font-weight: bold;
}

.psc-PID_object_hover {
  border-color: #FFFFFF00;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.psc-PID_object_hover:hover {
  border-color: var(--infoSecondary);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.psc-Selected {
  background-color: #0000FF;
  color: #FFFFFF;
}

.psc-background\/blue {
  background-color: var(--callToAction--hover);
}

.psc-background\/green {
  background-color: #34a853;
}

.psc-background\/grey {
  background-color: var(--neutral-30);
}

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

.psc-background\/grey_2 {
  background-color: var(--neutral-50);
}

.psc-background\/red {
  background-color: #dc3545;
}

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

.psc-background_hover {
}
.psc-background_hover:hover {
  background-color: var(--infoSecondary);
}

.psc-border\/all {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

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

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

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

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

.psc-button_hover {
  border-color: #555555;
  fill: #808080;
}
.psc-button_hover:hover {
  border-color: var(--infoSecondary);
  fill: #2895D2;
}

.psc-buttons\/button_one {
  background-color: #D4D4D4;
  border-color: #969696;
  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;
  color: #303030;
  font-family: Arial;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}

.psc-buttons\/icon {
  background-color: transparent;
  border-style: none;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: none;
}
.psc-buttons\/icon:active {
  background-color: var(--neutral-10);
}
.psc-buttons\/icon:focus {
  border-style: solid;
  box-shadow: none;
}
.psc-buttons\/icon:hover {
  background-color: var(--neutral-20);
}

.psc-buttons\/round {
  border-style: none;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.psc-buttons\/round:hover {
  border-style: solid;
}

.psc-buttons\/simple {
  font-weight: 500;
}

.psc-card\/box_shadow {
  box-shadow:  0px 0px 3px rgba(0, 0, 0, .5);
}

.psc-card\/header {
  background-color: var(--neutral-20);
  border-bottom-color: var(--neutral-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 12px;
}

.psc-card\/shadow {
  background-color: var(--neutral-20);
  border-color: var(--neutral-40);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(60,64,67,.3);
}

.psc-card\/simple {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-card\/simple_light {
  border-color: var(--neutral-30);
  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-components\/equipment_hover {
  background-color: var(--p_1);
}
.psc-components\/equipment_hover:hover {
  background-color: var(--s_0-50);
  cursor: pointer;
}
.psc-components\/equipment_hover:active {
  background-color: var(--s_0-75);
}

.psc-health\/green {
  fill: green;
}

.psc-health\/red {
  fill: var(--error);
}

.psc-health\/yellow {
  fill: yellow;
}

.psc-hover\/border {
}
.psc-hover\/border:hover {
  box-shadow:  0px 0px 7px var(--neutral-50);
}

.psc-hover\/no_border {
}
.psc-hover\/no_border:hover {
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  outline-color: transparent;
  outline-style: none;
  outline-width: 0px;
}

.psc-hover\/tab {
}
.psc-hover\/tab:hover {
  border-bottom-color: var(--neutral-50);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  cursor: pointer;
  opacity: 0.80;
}

.psc-liveValues {
  color: #1F7FB4;
}

.psc-margin\/large\/all {
  margin: 15px;
}

.psc-margin\/large\/bottom {
  margin-bottom: 15px;
}

.psc-margin\/large\/left {
  margin-left: 15px;
}

.psc-margin\/large\/right {
  margin-right: 15px;
}

.psc-margin\/large\/top {
  margin-top: 15px;
}

.psc-margin\/medium\/all {
  margin: 10px;
}

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

.psc-margin\/medium\/left {
  margin-left: 10px;
}

.psc-margin\/medium\/right {
  margin-right: 10px;
}

.psc-margin\/medium\/top {
  margin-top: 10px;
}

.psc-margin\/small\/all {
  margin: 5px;
}

.psc-margin\/small\/bottom {
  margin-bottom: 5px;
}

.psc-margin\/small\/left {
  margin-left: 5px;
}

.psc-margin\/small\/right {
  margin-right: 5px;
}

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

.psc-margin\/tiny\/all {
  margin: 2.5px;
}

.psc-margin\/tiny\/bottom {
  margin-bottom: 2.5px;
}

.psc-margin\/tiny\/left {
  margin-left: 2.5px;
}

.psc-margin\/tiny\/right {
  margin-right: 2.5px;
}

.psc-margin\/tiny\/top {
  margin-top: 2.5px;
}

.psc-offline {
  background-color: #FF2930;
  color: #FFFFFF;
}

.psc-online {
  background-color: #4EDD48;
  color: #000000;
}

.psc-padding-5 {
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}

.psc-padding\/large\/all {
  padding: 20px;
}

.psc-padding\/large\/bottom {
  padding-bottom: 20px;
}

.psc-padding\/large\/left {
  padding-left: 20px;
}

.psc-padding\/large\/right {
  padding-right: 20px;
}

.psc-padding\/large\/top {
  padding-top: 20px;
}

.psc-padding\/medium\/all {
  padding: 10px;
}

.psc-padding\/medium\/bottom {
  padding-bottom: 10px;
}

.psc-padding\/medium\/left {
  padding-left: 10px;
}

.psc-padding\/medium\/right {
  padding-right: 10px;
}

.psc-padding\/medium\/top {
  padding-top: 10px;
}

.psc-padding\/small\/all {
  padding: 5px;
}

.psc-padding\/small\/bottom {
  padding-bottom: 5px;
}

.psc-padding\/small\/left {
  padding-left: 5px;
}

.psc-padding\/small\/right {
  padding-right: 5px;
}

.psc-padding\/small\/top {
  padding-top: 5px;
}

.psc-padding\/tiny\/all {
  padding: 2.5px;
}

.psc-padding\/tiny\/bottom {
  padding-bottom: 2.5px;
}

.psc-padding\/tiny\/left {
  padding-left: 2.5px;
}

.psc-padding\/tiny\/right {
  padding-right: 2.5px;
}

.psc-padding\/tiny\/top {
  padding-top: 2.5px;
}

.psc-text\/align\/left {
  text-align: left;
}

.psc-text\/align\/right {
  text-align: right;
}

.psc-text\/bold\/bold {
  font-weight: bolder;
}

.psc-text\/color\/black {
  color: #202124;
}

.psc-text\/color\/blue {
  color: #1a73e8;
}

.psc-text\/color\/green {
  color: #34a853;
}

.psc-text\/color\/grey {
  color: #f1f3f4;
}

.psc-text\/color\/grey_1 {
  color: #f8f9fa;
}

.psc-text\/color\/grey_2 {
  color: #AAAAAA;
}

.psc-text\/color\/red {
  color: #dc3545;
}

.psc-text\/color\/white {
  color: #ffffff;
}

.psc-text\/label {
  color: var(--neutral-70);
  font-weight: 500;
}

.psc-text\/muted {
  color: var(--neutral-70);
  font-weight: 600;
}

.psc-text\/size\/huge {
  font-size: 26pt;
}

.psc-text\/size\/large {
  font-size: 20pt;
}

.psc-text\/size\/px08 {
  font-size: 8px;
}

.psc-text\/size\/px10 {
  font-size: 10px;
}

.psc-text\/size\/px12 {
  font-size: 12px;
}

.psc-text\/size\/px14 {
  font-size: 14px;
}

.psc-text\/size\/px16 {
  font-size: 16px;
}

.psc-text\/size\/px20 {
  font-size: 20px;
}

.psc-text\/size\/px24 {
  font-size: 24px;
}

.psc-text\/size\/px32 {
  font-size: 32px;
}

.psc-text\/size\/small {
  font-size: 11pt;
}

.psc-text\/size\/tiny {
  font-size: 9pt;
}

.psc-text\/size\/very_tiny {
  font-size: 7pt;
}

.psc-text\/title {
  color: var(--neutral-90);
  font-weight: 600;
}

@keyframes psc-health\/flashing_red-anim {
  0% {
    fill: var(--error);
  }
  100% {
  }
}
.psc-health\/flashing_red {
  animation-name: psc-health\/flashing_red-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

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