/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/
:root {
  --color: rgb(255, 165, 0);
  --opacity: 0.1;
  --blink-animation: 1.1;
}
.psc-menu_selected{
	background-color: var(--color);color: black;
	}

.psc-roundedButton{
	background-color : --seq-3;
	border-radius: 30px;
	border: 2px solid #00DD00;
	transition: opacity 0.7s, transform 0.7s;
	}

.psc-roundedButton:hover{
	opacity: 1;
	transform: scale(1.8);
	}

.psc-ApplyButton{
	transition: opacity 0.7s, transform 0.7s;
	}

.psc-ApplyButton:hover{
	z-index: 15;
	opacity: 1;
	transform: scale(1.2);
	}

.psc-RestRoomSVG{
	border-radius: 1.2px;
	transition: opacity 0.7s, transform 0.7s;
	}

.psc-RestRoomSVG:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(4.0);
	}

.psc-RestRoomSVGBlink{
	cursor: pointer;
	z-index: 16;
	border-radius: 1.2px;
	animation: pulseScale 2s infinite alternate;
	}
	
@-webkit-keyframes pulseScale { 
  from { transform: scale(1); opacity: 0.8; }
  to { transform: scale(3.5); opacity: 1.0; }
}

.psc-hvacfanstatus:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(2.5);
	}

.psc-hvacfanstatusBlink{
	cursor: pointer;
	z-index: 16;
	border-radius: 1.2px;
	animation: fanstatus 2s infinite alternate;
	}
	
@-webkit-keyframes fanstatus { 
  from { transform: scale(1); opacity: 0.8; }
  to { transform: scale(2.5); opacity: 1.0; }
}

.psc-SmartBinSVG{
	border-radius: 1px;
	transition: opacity 0.7s, transform 0.7s;
	}

.psc-SmartBinSVG:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(5.0);
	}


.psc-SmartBinSVGBlink{
	cursor: pointer;
	z-index: 16;
	border-radius: 1.2px;
	animation: smartbinpulseScale 2s infinite alternate;
	}
	
@-webkit-keyframes smartbinpulseScale { 
  from { transform: scale(1); opacity: 0.8; }
  to { transform: scale(3.5); opacity: 1.0; }
}

.psc-HVACColdHotIcon{
	border-radius: 1px;
	transition: opacity 0.7s, transform 0.7s;
	}

.psc-HVACColdHotIcon:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(1.5);
	}

.psc-HvacSVG:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(5.0);
	}

.psc-HvacSVGBlink{
	cursor: pointer;
	z-index: 16;
	border-radius: 1.2px;
	animation: hvacpulseScale 1s infinite alternate;
	}
	
@-webkit-keyframes hvacpulseScale { 
  from { transform: scale(0.3); opacity: 1.0; }
  to { transform: scale(1.0); opacity: 1.0; }
}

.psc-EscalatorSVG:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(5.0);
	}

.psc-EscalatorSVGBlink{
	cursor: pointer;
	z-index: 16;
	border-radius: 1.2px;
	animation: hvacpulseScale 1s infinite alternate;
	}

.ia_popup_header{
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}

.ia_popup{
border-radius: 15px;
overflow: hidden;
}

/* Circle around the close button */
.close-icon {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ff6b6b;        /* #8B0000 dark red outer circle */
    background-color: transparent;        /* #ff6b6b light red background */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover effect - darkens slightly on hover */
.close-icon:hover {
    background-color: #e05555;        /* slightly darker light red on hover */
    border-color: #6B0000;            /* slightly darker dark red on hover */
}

.popup-header .popup-title,
.popup-header span,
.popup-header {
    font-weight: 500 !important;
}

.psc-ToolTip1{
	background-color : var(--callToAction--hover);
	color : var(--neutral-90);
	white-Space : pre;
	font-size : 14px
	}
.psc-ToolTips{
	background-color : #ff00ff;
	font-size : 14px;
	white-Space : pre;
	border-radius: 5px;
	box-shadow: 0 0 20px #ff00ff;
	}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.blink {
  animation: blink 1s infinite;
}

.psc-LegendIcon:hover{
	z-index: 15;
	opacity: 0.99;
	cursor: pointer;
	transform: scale(2.0);
	}

/* Standard Under devlopment page */

@keyframes psc-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.psc-GearSpin {
    animation: psc-spin 6s linear infinite;
    display: inline-block;
    border: 0.5px solid #AFA9EC;
}

@keyframes psc-float {
    0%,100% { transform: translateY(0px); }
    50%      { transform: translateY(-8px); }
}

.psc-FloatIcon {
    animation: psc-float 4s ease-in-out infinite;
}

/* Hide scrollbar — scroll still works */
.psc-HelpScrollPanel::-webkit-scrollbar {
    display: none;
}
.psc-HelpScrollPanel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* BEGIN STYLE CLASSES */
.psc-ELMNT_OUT_HI-LITE {
}
.psc-ELMNT_OUT_HI-LITE:hover {
  cursor: pointer;
  stroke: #0004FF;
  stroke-width: 500 px;
}

.psc-Elmt_Hilite {
}
.psc-Elmt_Hilite:hover {
  background-color: #FF8C0047;
}

.psc-Hand-on-hover {
}
.psc-Hand-on-hover:hover {
  cursor: pointer;
}

.psc-Header\/DropDown {
  background-color: var(--neutral-20);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  margin-bottom: 10px;
  margin-top: 10px;
}

.psc-Header\/Header {
  background-color: #003E69;
  color: #E7F5FF;
  font-size: 14px;
  line-height: 17px;
  fill: #FFFFFF;
}

.psc-Header\/Icon {
  color: #FFFFFF;
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-Menu\/All_Header {
  background-color: var(--neutral-80);
  color: var(--neutral-10);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-bottom-style: none;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-80);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:last-child {
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.psc-Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

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

.psc-NewStyle {
}

.psc-Page\/Alarm\/Alarm {
  border-bottom-style: none;
  border-left-color: var(--neutral-40);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: var(--neutral-40);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: none;
}

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

.psc-Page\/Bold {
  font-weight: bold;
}

.psc-Page\/Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page\/Page {
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page\/Text {
  font-size: 14px;
  line-height: 20px;
}

.psc-Test {
}
@keyframes psc-Test-0-anim {
  0% {
  }
  100% {
  }
}
@media (min-width: 50px) {
  .psc-Test {
    animation-name: psc-Test-0-anim;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
}

.psc-Title\/Icon {
  fill: var(--neutral-90);
}

.psc-Title\/Text {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-Title\/Text_1 {
  color: var(--qual-8);
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  margin-left: 6px;
  fill: var(--neutral-100);
}

.psc-Title\/Title {
  background-color: var(--neutral-30);
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-custom {
}

@keyframes psc-Header\/Alarm_Active-anim {
  0% {
    color: #E7F5FF;
    fill: #E7F5FF;
  }
  100% {
    color: #FF2E2E;
    fill: #FF2E2E;
  }
}
.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;
}
