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

/* ===== Start scrollbar CSS for dark mode ===== */

::-webkit-scrollbar {
	width: 20px;
	height: 20px;
}

::-webkit-scrollbar-corner {
    background: var(--neutral-40);
}

::-webkit-scrollbar-thumb {
	background-color: var(--neutral-40);
}

/* ===== End scrollbar CSS for dark mode ===== */


/* Change color of resize bar for docked views */
.resize-zone[class="resize-zone"] {
	background-color: var(--neutral-40);
}

/* Remove box shadow since in dark it is a white glow,
and looks better without the white glow.*/
.docked-view.docked-view-bottom.dock-cover-shadow-bottom {
	box-shadow: none;
}

/* Change opacity of resize bar for docked views */
.dock-border.drag-border {
	opacity: 0.5;
}

/* custom heatmap animations */
/**/
@keyframes fluctuate-blur {
  0% {
    filter: blur(8px);
  }
  100% {
    filter: blur(16px);
  }
}


/* Min width for resizable popups */
[id*="popup-datacenter-fullsize-popup"] {
	min-width: 350px !important;
}
/* BEGIN STYLE CLASSES */
.psc-exchange\/datacenter\/alarms\/navigation-item {
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  border-bottom-left-radius: 7.5px;
  border-bottom-right-radius: 7.5px;
  color: var(--neutral-60);
  cursor: pointer;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  padding: 7.5px;
}
.psc-exchange\/datacenter\/alarms\/navigation-item:hover {
  background-color: var(--neutral-30);
}

.psc-exchange\/datacenter\/alarms\/section {
  border-color: var(--neutral-40);
  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;
  font-weight: 400;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.psc-exchange\/datacenter\/alarms\/selected {
  background-color: var(--neutral-30);
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  border-bottom-left-radius: 7.5px;
  border-bottom-right-radius: 7.5px;
  color: var(--neutral-100);
  fill: var(--neutral-30);
}
.psc-exchange\/datacenter\/alarms\/selected:hover {
  background-color: var(--neutral-30);
}

.psc-exchange\/datacenter\/architecture\/icons\/pipe-connected {
  color: #00D900;
}

.psc-exchange\/datacenter\/architecture\/icons\/pipe-disconnected {
}
@keyframes psc-exchange\/datacenter\/architecture\/icons\/pipe-disconnected-0-anim {
  0% {
    color: FFCCCC;
  }
  100% {
    color: #D90000;
  }
}
.psc-exchange\/datacenter\/architecture\/icons\/pipe-disconnected:active {
  animation-name: psc-exchange\/datacenter\/architecture\/icons\/pipe-disconnected-0-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.psc-exchange\/datacenter\/architecture\/icons\/server-selected {
  background-color: #AAAAAA99;
  border-style: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 0px 5px 1px #D5D5D599;
}

.psc-exchange\/datacenter\/container {
  background-color: var(--neutral-10);
  padding: 10px;
}

.psc-exchange\/datacenter\/equipment\/common\/base {
  font-size: 5px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/equipment\/common\/text {
  color: var(--neutral-90);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/equipment\/common\/value {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/faceplates\/active-alarm-count\/container {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  border-bottom-left-radius: 7.5px;
  border-bottom-right-radius: 7.5px;
  padding: 10px;
}
.psc-exchange\/datacenter\/faceplates\/active-alarm-count\/container:hover {
  background-color: var(--neutral-20);
  cursor: pointer;
}

.psc-exchange\/datacenter\/faceplates\/active-alarm-count\/label {
  color: var(--label);
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/alarm-priorities\/critical {
  color: var(--error);
}

.psc-exchange\/datacenter\/faceplates\/ahu\/alarm-priorities\/diagnostic {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/faceplates\/ahu\/alarm-priorities\/high {
  color: var(--error);
}

.psc-exchange\/datacenter\/faceplates\/ahu\/alarm-priorities\/low {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/faceplates\/ahu\/alarm-priorities\/medium {
  color: var(--warning);
}

.psc-exchange\/datacenter\/faceplates\/ahu\/discharge-metrics\/base {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/discharge-metrics\/units {
  color: var(--label);
  text-align: left;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/discharge-metrics\/value {
  color: var(--callToAction);
  text-align: right;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/energy-consumed {
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  padding: 7.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/dark\/error {
  background-color: var(--error);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/dark\/off {
  background-color: var(--neutral-20);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/dark\/on {
  background-color: var(--callToAction);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/extraLeftRightPadding {
  padding-left: 20px;
  padding-right: 20px;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/light\/error {
  background-color: var(--error);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/light\/off {
  background-color: var(--neutral-20);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ahu\/status\/generic\/light\/on {
  background-color: var(--callToAction);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/status\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  padding: 7.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/status\/generic\/closed {
  background-color: var(--error);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/status\/generic\/extraLeftRightPadding {
  padding-left: 20px;
  padding-right: 20px;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/status\/generic\/open {
  background-color: var(--neutral-90);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/status\/generic\/tripped {
  background-color: var(--qual-10);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/circuit-breaker\/title {
  color: var(--label);
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  white-space: pre-wrap;
}

.psc-exchange\/datacenter\/faceplates\/container {
  background-color: var(--neutral-10);
  padding: 5px;
}

.psc-exchange\/datacenter\/faceplates\/gen\/status\/auto {
  background-color: var(--callToAction);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/gen\/status\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  padding: 7.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/gen\/status\/extraLeftRightPadding {
  padding-left: 20px;
  padding-right: 20px;
}

.psc-exchange\/datacenter\/faceplates\/gen\/status\/off {
  background-color: var(--neutral-50);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/gen\/status\/standby {
  background-color: var(--neutral-50);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/breaker\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/button\/base {
  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;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  padding: 7.5px;
  text-align: center;
  white-space: pre;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/button\/disabled {
  color: var(--neutral-40);
  cursor: not-allowed;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/button\/enabled {
  color: var(--neutral-90);
  cursor: pointer;
}
.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/button\/enabled:hover {
  background-color: var(--neutral-20);
  border-color: var(--neutral-40);
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/label {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/pqm\/title {
  color: var(--neutral-90);
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/pqm\/value {
  color: var(--neutral-80);
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/section-title {
  color: var(--neutral-70);
  font-family: Roboto;
  font-size: 21px;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/selected {
  background-color: var(--neutral-20);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/diagram\/sublabel {
  color: var(--neutral-70);
  font-size: 12px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/status\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  padding: 7.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/status\/generic\/extraLeftRightPadding {
  padding-left: 20px;
  padding-right: 20px;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/status\/generic\/off {
  background-color: var(--neutral-90);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/lvswg\/status\/generic\/on {
  background-color: var(--callToAction);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/section {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 10px;
}

.psc-exchange\/datacenter\/faceplates\/section-title\/base {
  font-family: Roboto;
  font-size: 14px;
  text-align: center;
  white-space: pre-wrap;
}

.psc-exchange\/datacenter\/faceplates\/section-title\/bold {
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/section-title\/important {
  color: var(--label);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/section-title\/left-aligned {
  text-align: left;
}

.psc-exchange\/datacenter\/faceplates\/section-title\/primary {
  color: var(--label);
}

.psc-exchange\/datacenter\/faceplates\/section-title\/secondary {
  color: var(--neutral-50);
}

.psc-exchange\/datacenter\/faceplates\/section-title\/small {
  font-family: Roboto;
  font-size: 9px;
  text-align: center;
  white-space: pre-wrap;
}

.psc-exchange\/datacenter\/faceplates\/ups\/alarm-priorities\/critical {
  color: var(--error);
}

.psc-exchange\/datacenter\/faceplates\/ups\/alarm-priorities\/diagnostic {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/faceplates\/ups\/alarm-priorities\/high {
  color: var(--error);
}

.psc-exchange\/datacenter\/faceplates\/ups\/alarm-priorities\/low {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/faceplates\/ups\/alarm-priorities\/medium {
  color: var(--warning);
}

.psc-exchange\/datacenter\/faceplates\/ups\/discharge-metrics\/base {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ups\/discharge-metrics\/units {
  color: var(--label);
  text-align: left;
}

.psc-exchange\/datacenter\/faceplates\/ups\/discharge-metrics\/value {
  color: var(--callToAction);
  text-align: right;
}

.psc-exchange\/datacenter\/faceplates\/ups\/energy-consumed {
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/base {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  padding: 7.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/generic\/dark\/off {
  background-color: var(--neutral-20);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/generic\/dark\/on {
  background-color: var(--callToAction);
  color: var(--neutral-100);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/generic\/extraLeftRightPadding {
  padding-left: 20px;
  padding-right: 20px;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/generic\/light\/off {
  background-color: var(--neutral-20);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/ups\/status\/generic\/light\/on {
  background-color: var(--callToAction);
  color: var(--neutral-10);
  font-weight: 500;
}

.psc-exchange\/datacenter\/faceplates\/value\/generic {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/value\/important {
  font-family: Roboto;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/faceplates\/value\/larger {
  font-family: Roboto;
  font-size: 24.5px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/container {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 10px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/title\/aisle-temp {
  font-size: 15px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/title\/base {
  color: var(--label);
  font-family: Roboto;
  text-align: center;
  white-space: pre-wrap;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/title\/main {
  font-size: 27px;
  font-weight: 500;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/title\/primary {
  font-size: 22px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/title\/secondary {
  font-size: 16px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/aisle-temp {
  font-size: 17px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/bad {
  color: var(--error);
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/base {
  color: var(--callToAction);
  font-family: Roboto;
  text-align: center;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/bold {
  font-weight: 500;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/good {
  color: var(--indicator);
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/primary {
  font-size: 21px;
}

.psc-exchange\/datacenter\/floor-plan\/data-hall-kpi\/value\/secondary {
  font-size: 20px;
}

.psc-exchange\/datacenter\/floor-plan\/device {
  cursor: pointer;
  stroke: var(--neutral-100);
  stroke-width: 2px;
}

.psc-exchange\/datacenter\/floor-plan\/devices\/ahu {
  fill: var(--qual-3);
}

.psc-exchange\/datacenter\/floor-plan\/devices\/gen {
  fill: var(--qual-8);
}

.psc-exchange\/datacenter\/floor-plan\/devices\/lvswg {
  fill: var(--qual-8);
}

.psc-exchange\/datacenter\/floor-plan\/devices\/pdu {
  fill: var(--qual-8);
}

.psc-exchange\/datacenter\/floor-plan\/devices\/ups {
  fill: var(--qual-8);
}

.psc-exchange\/datacenter\/floor-plan\/devices\/xfr {
  fill: var(--qual-8);
}

.psc-exchange\/datacenter\/floor-plan\/root-container {
  padding: 10px;
}

.psc-exchange\/datacenter\/framework\/alarm-count {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  color: var(--neutral-10);
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/framework\/alarmPriority\/default {
  background-color: var(--neutral-70);
}

.psc-exchange\/datacenter\/framework\/alarmPriority\/high {
  background-color: var(--qual-4);
}

.psc-exchange\/datacenter\/framework\/alarmPriority\/low {
  background-color: var(--warning);
}

.psc-exchange\/datacenter\/framework\/clickable {
  cursor: pointer;
}
.psc-exchange\/datacenter\/framework\/clickable:hover {
  background-color: var(--neutral-20);
}

.psc-exchange\/datacenter\/framework\/data\/base {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/framework\/data\/numeric-value {
  color: var(--callToAction);
  font-weight: bold;
  text-align: right;
}

.psc-exchange\/datacenter\/framework\/data\/text-value {
  color: var(--callToAction);
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/framework\/dropdown {
  background-color: var(--neutral-20);
  cursor: pointer;
}
.psc-exchange\/datacenter\/framework\/dropdown:hover {
  background-color: var(--neutral-30);
}

.psc-exchange\/datacenter\/framework\/navigation\/container {
  background-color: var(--neutral-10);
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
}

.psc-exchange\/datacenter\/framework\/navigation\/footer {
  border-top-color: var(--neutral-30);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-exchange\/datacenter\/framework\/navigation\/header {
  border-bottom-color: var(--neutral-30);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-exchange\/datacenter\/framework\/navigation\/navigation-item\/label {
  border-bottom-color: #FFFFFF00;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--neutral-70);
  cursor: pointer;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
  fill: var(--neutral-70);
}
.psc-exchange\/datacenter\/framework\/navigation\/navigation-item\/label:hover {
  background-color: var(--neutral-20);
}

.psc-exchange\/datacenter\/framework\/navigation\/navigation-item\/mobile-label {
  border-top-color: #FFFFFF00;
  border-top-style: solid;
  border-top-width: 3px;
  color: var(--neutral-70);
  cursor: pointer;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  fill: var(--neutral-70);
}

.psc-exchange\/datacenter\/framework\/navigation\/navigation-item\/mobile-selected {
  background-color: var(--neutral-20);
  border-top-color: var(--callToAction--active);
  border-top-style: solid;
  border-top-width: 3px;
  color: var(--callToAction--active);
  font-weight: 400;
  fill: var(--callToAction--active);
}

.psc-exchange\/datacenter\/framework\/navigation\/navigation-item\/selected {
  background-color: var(--neutral-20);
  border-bottom-color: var(--callToAction--active);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--callToAction--active);
  font-weight: 400;
  fill: var(--callToAction--active);
}

.psc-exchange\/datacenter\/framework\/settings\/title {
  color: var(--neutral-60);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7.5px;
}

.psc-exchange\/datacenter\/heatmap\/floorplan-borders {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

.psc-exchange\/datacenter\/heatmap\/heat-aisle {
  border-bottom-color: var(--neutral-30);
  border-bottom-style: double;
  border-bottom-width: 6px;
  border-left-color: var(--neutral-30);
  border-left-style: none;
  border-left-width: 1px;
  border-right-color: var(--neutral-30);
  border-right-style: none;
  border-right-width: 1px;
  border-top-color: var(--neutral-30);
  border-top-style: double;
  border-top-width: 6px;
}

.psc-exchange\/datacenter\/heatmap\/server-rack {
  background-color: var(--neutral-10);
  background-image: repeating-linear-gradient(         45deg,         rgba(128,128,128,0.25) 25%,         transparent 25%,         transparent 50%,         rgba(128,128,128,0.25) 50%,         rgba(128,128,128,0.25) 75%,         transparent 75%,         transparent     );
  background-size: 8px 8px;
  border-color: var(--neutral-50);
  border-style: none;
  border-width: 1px;
  opacity: 1;
}

.psc-exchange\/datacenter\/heatmap\/temperature-label {
  background-color: var(--neutral-30);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  opacity: 0.70;
  text-align: center;
}

.psc-exchange\/datacenter\/icon {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: var(--neutral-60);
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  fill: var(--label);
}
.psc-exchange\/datacenter\/icon:hover {
  background-color: var(--neutral-30);
}

.psc-exchange\/datacenter\/icon-mobile {
  color: var(--neutral-60);
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  fill: var(--label);
}

.psc-exchange\/datacenter\/kpi-details\/container {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 5px;
}

.psc-exchange\/datacenter\/kpi-details\/current-value {
  color: var(--callToAction);
  font-family: Roboto;
  font-size: 22px;
  text-align: center;
}

.psc-exchange\/datacenter\/kpi-details\/title {
  color: var(--label);
  font-family: Roboto;
  font-size: 17px;
  text-align: center;
}

.psc-exchange\/datacenter\/kpi-details\/trend\/dropdown-option {
  background-color: #FFFFFF00;
  color: var(--label);
  font-family: Roboto;
  font-size: 13px;
  padding: 7.5px;
}

.psc-exchange\/datacenter\/kpi-details\/trend\/dropdown-selected-value {
  background-color: #FFFFFF00;
  border-color: var(--neutral-30);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: var(--label);
  font-family: Roboto;
  font-size: 13px;
  padding: 0.15vmin;
}

.psc-exchange\/datacenter\/kpi-details\/trend\/value\/name {
  color: var(--label);
  font-family: Roboto;
  font-size: 12px;
  text-align: center;
}

.psc-exchange\/datacenter\/kpi-details\/trend\/value\/value {
  color: var(--callToAction);
  font-family: Roboto;
  font-size: 14px;
  text-align: center;
}

.psc-exchange\/datacenter\/overview\/container {
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 5px;
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/section-number {
  color: var(--label);
  font-family: Roboto;
  font-size: 19px;
  text-align: center;
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/status {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Roboto;
  font-size: 19px;
  padding: 6.5px;
  text-align: center;
  white-space: nowrap;
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/average {
  background-color: var(--label);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/caution {
  background-color: var(--warning);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/commissioning {
  background-color: var(--label);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/maintenance {
  background-color: var(--label);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/offline {
  background-color: var(--label);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/optimal {
  background-color: var(--callToAction);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/statuses\/sub-optimal {
  background-color: var(--label);
  color: var(--neutral-10);
}

.psc-exchange\/datacenter\/overview\/data-hall-performance-grade\/title {
  font-size: 17px;
}

.psc-exchange\/datacenter\/overview\/label-and-value\/current-value {
  color: var(--callToAction);
  font-family: Roboto;
  font-size: 31px;
  text-align: center;
}

.psc-exchange\/datacenter\/overview\/label-and-value\/title {
  font-size: 17px;
}

.psc-exchange\/datacenter\/overview\/simple-gauge\/current-value {
  font-family: Roboto;
  text-align: center;
}

.psc-exchange\/datacenter\/overview\/simple-gauge\/gauge {
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.psc-exchange\/datacenter\/overview\/simple-gauge\/title {
  font-size: 17px;
}

.psc-exchange\/datacenter\/overview\/title {
  color: var(--label);
  font-family: Roboto;
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/annotation\/icon {
  border-color: var(--neutral-50);
  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: var(--callToAction--active);
  cursor: pointer;
  font-size: 20px;
  text-align: center;
}
.psc-exchange\/datacenter\/scenarios\/annotation\/icon:hover {
  background-color: var(--neutral-30);
}

.psc-exchange\/datacenter\/scenarios\/annotation\/popup {
  background-color: var(--callToAction--hover);
  padding: 15px;
}

.psc-exchange\/datacenter\/scenarios\/container\/background {
  background-color: var(--neutral-10);
  padding: 10px;
}

.psc-exchange\/datacenter\/scenarios\/container\/section {
  background-color: var(--neutral-10);
  border-color: var(--neutral-50);
  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: 10px;
}

.psc-exchange\/datacenter\/scenarios\/container\/sparkline {
  background-color: var(--neutral-10);
  border-color: var(--neutral-50);
  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: 10px;
}

.psc-exchange\/datacenter\/scenarios\/label\/base {
  font-family: Roboto;
  font-weight: 500;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/base {
  color: var(--neutral-70);
  white-space: pre;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/large {
  font-size: 25px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/large-mobile {
  font-size: 21px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/main-title {
  color: var(--label);
  font-size: 30px;
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/main-title-mobile {
  color: var(--label);
  font-size: 22px;
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/medium {
  font-size: 20px;
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/sla {
  font-size: 17px;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/sla-mobile {
  font-size: 13px;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/small {
  font-size: 16px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/tiny {
  font-size: 12px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/very-small {
  font-size: 15.5px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/very-small-mobile {
  font-size: 13px;
  text-align: left;
}

.psc-exchange\/datacenter\/scenarios\/label\/text\/very-tiny {
  font-size: 10.5px;
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/base {
  color: var(--neutral-100);
  text-align: center;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/extra-small {
  font-size: 15.5px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/extra-small-mobile {
  font-size: 13px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/large {
  font-size: 65px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/large-mobile {
  font-size: 50px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/medium {
  font-size: 32px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/red {
  color: var(--error);
  text-align: center;
  fill: var(--error);
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/sla {
  font-size: 17px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/sla-mobile {
  font-size: 13px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/small {
  font-size: 25px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/tiny {
  font-size: 15px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/very-small {
  font-size: 20px;
}

.psc-exchange\/datacenter\/scenarios\/label\/value\/yellow {
  color: var(--qual-10);
  text-align: center;
  fill: var(--qual-10);
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/base {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/closed {
  color: var(--qual-5);
  stroke: var(--qual-5);
  fill: var(--qual-5);
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/numeric-value {
  color: var(--callToAction);
  font-weight: bold;
  text-align: right;
  fill: var(--callToAction);
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/open {
  color: var(--neutral-90);
  stroke: var(--neutral-90);
  fill: var(--neutral-90);
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/tripped {
  color: var(--qual-10);
  stroke: var(--qual-10);
  fill: var(--qual-10);
}

.psc-exchange\/datacenter\/singleline\/equipment\/breaker\/unmanaged {
  color: var(--neutral-70);
  stroke: var(--neutral-70);
  fill: var(--neutral-70);
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/alarmPriority\/high {
  color: var(--qual-4);
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/alarmPriority\/low {
  color: var(--warning);
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/base {
  font-size: 5px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/subtext {
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/text {
  color: var(--neutral-90);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/equipment\/common\/value {
  color: var(--callToAction);
}

.psc-exchange\/datacenter\/singleline\/equipment\/device\/off {
  background-color: var(--neutral-10);
  border-color: var(--neutral-90);
  border-style: solid;
  border-width: 1px;
}

.psc-exchange\/datacenter\/singleline\/equipment\/device\/on {
  background-color: var(--neutral-10);
  border-color: var(--qual-5);
  border-style: solid;
  border-width: 1px;
}

.psc-exchange\/datacenter\/singleline\/equipment\/device\/unmanaged {
  background-color: var(--neutral-40);
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 2px;
}

.psc-exchange\/datacenter\/singleline\/equipment\/pqm\/base {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.psc-exchange\/datacenter\/singleline\/equipment\/pqm\/title {
  color: var(--neutral-90);
  font-family: Roboto;
  font-size: 4.5px;
  font-weight: 500;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/equipment\/pqm\/value {
  color: var(--neutral-80);
  font-family: Roboto;
  font-size: 4.5px;
  font-weight: 400;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/label {
  color: var(--neutral-70);
  font-size: 4px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/datacenter\/singleline\/section-sub-title {
  color: var(--neutral-60);
  font-size: 5px;
}

.psc-exchange\/datacenter\/singleline\/section-title {
  color: var(--neutral-70);
  font-family: Roboto;
  font-size: 7px;
}

.psc-exchange\/datacenter\/singleline\/sublabel {
  color: var(--neutral-70);
  font-size: 4px;
  text-align: center;
}

@keyframes psc-exchange\/datacenter\/architecture\/icons\/server-faulted-anim {
  0% {
    border-style: none;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
  }
  100% {
    background-color: #FF000099;
    border-style: none;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    box-shadow: 0px 0px 5px 1px #FF000099;
  }
}
.psc-exchange\/datacenter\/architecture\/icons\/server-faulted {
  animation-name: psc-exchange\/datacenter\/architecture\/icons\/server-faulted-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-exchange\/datacenter\/heatmap\/gradient-fade-1-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.psc-exchange\/datacenter\/heatmap\/gradient-fade-1 {
  animation-name: psc-exchange\/datacenter\/heatmap\/gradient-fade-1-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}

@keyframes psc-exchange\/datacenter\/heatmap\/gradient-fade-2-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.psc-exchange\/datacenter\/heatmap\/gradient-fade-2 {
  animation-name: psc-exchange\/datacenter\/heatmap\/gradient-fade-2-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}

@keyframes psc-exchange\/datacenter\/heatmap\/temperature-alarm-anim {
  0% {
    background-color: yellow;
    color: var(--neutral-10);
  }
  100% {
    background-color: red;
    color: var(--neutral-10);
  }
}
.psc-exchange\/datacenter\/heatmap\/temperature-alarm {
  animation-name: psc-exchange\/datacenter\/heatmap\/temperature-alarm-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}