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

    .ia_powerChartComponent__chart .range-selector-container{ display: none !important; }
    .ia_dropdown__valuePill__value {
    		color: unset;
    	}
    @keyframes spinner {
    		0% {transform: rotate(0deg);}
    		100% {transform: rotate(360deg);}
    	}

/*
	div.forbidden-page p {
		visibility: hidden;
	}

	div.forbidden-page p:after {
		content: "Watervision is currently down for scheduled maintenance. Please check back later.";
		visibility: visible;
		display: block;
	}

	div.forbidden-page h1 {
		visibility: hidden;
	}

	div.forbidden-page h1:after {
		content: "Down for Maintenance";
		visibility: visible;
		display: block;
	}

	.terminal-state-link {
		visibility: hidden;
	}
*/
/* BEGIN STYLE CLASSES */
.psc-AdHocTrends\/CancelButton {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/CancelButtonMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/Control {
  padding: 1px;
}

.psc-AdHocTrends\/ControlBar {
  padding-bottom: 8px;
  padding-left: 14px;
  padding-right: 16px;
  padding-top: 16px;
}

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

.psc-AdHocTrends\/FullRadius {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/FullRadiusMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.psc-AdHocTrends\/FunctionBar {
  background-color: var(--neutral-20);
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 16px;
  padding-top: 2px;
}

.psc-AdHocTrends\/FunctionTitle {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

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

.psc-AdHocTrends\/HeaderTitle {
  font-weight: bold;
}

.psc-AdHocTrends\/LeftRadius {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/LeftRadiusMobile {
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
}

.psc-AdHocTrends\/MobileControl {
  padding: 1px;
}

.psc-AdHocTrends\/MobileControlBar {
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
}

.psc-AdHocTrends\/MobileFunctionBar {
  background-color: var(--neutral-20);
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.psc-AdHocTrends\/RightRadius {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/RightRadiusMobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-AdHocTrends\/SaveLoadButton {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.psc-AdHocTrends\/SaveLoadButtonMobile {
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
}

.psc-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/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-Background\/Black {
  background-color: #000000;
}

.psc-Background\/Blue {
  background-color: #2498F5;
}

.psc-Background\/DarkGray {
  background-color: #808080;
}

.psc-Background\/DkGrayGradient {
  background-image: linear-gradient(0deg, rgba(111,111,111,1) 0%, rgba(235,235,235,1) 100%);
}

.psc-Background\/Green {
  background-color: #8AC43E;
}

.psc-Background\/LtGray {
  background-color: #D5D5D5;
}

.psc-Background\/LtGrayGradient {
  background-image: linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(254,254,254,1) 100%);;
}

.psc-Background\/NavBarActive {
}
.psc-Background\/NavBarActive:active {
  background-color: #D5D5D5;
}

.psc-Background\/NavBarHover {
}
.psc-Background\/NavBarHover:hover {
  background-color: #8A8AFF;
}

.psc-Background\/Orange {
  background-color: #FF6000;
}

.psc-Background\/PumpGradient {
  background-color: background: rgb(45,159,229); background: radial-gradient(circle, rgba(45,159,229,1) 19%, rgba(2,0,36,1) 27%, rgba(0,212,255,1) 100%);;
}

.psc-Background\/Purple {
  background-color: #712E88;
}

.psc-Background\/Red {
  background-color: #BF272C;
}

.psc-Background\/Transparent {
  background-color: #FFFFFF00;
}

.psc-Background\/WVGradient {
  background-image: url("/system/images/watervision/header_bgnd.jpg");
  background-position: cover;
}

.psc-Background\/WVGradient_1 {
  background-image: linear-gradient(0deg, rgba(66,95,129,1) 15%, rgba(134,178,212,1) 100%);
  background-position: cover;
}

.psc-Background\/WatertronicsBlue {
  background-color: #00457C;
}

.psc-Background\/WatertronicsGreen {
  background-color: #008852;
}

.psc-Background\/Yellow {
  background-color: #FFDE17;
}

.psc-Borders\/BorderSolidBlackRounded5px {
  border-color: #2B2B2B;
  border-style: solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-Borders\/markerBlueborderWhite {
  background-color: 2498F5;
  border-color: FFFFFF;
}

.psc-Borders\/markerColorGreen {
  background-color: 8AC43E;
  border-color: CCCCCC;
}

.psc-Borders\/markerColorLightGray {
  background-color: EEEEEE;
  border-color: CCCCCC;
}

.psc-Borders\/markerColorWhite {
  background-color: FFFFFF;
  border-color: CCCCCC;
}

.psc-Borders\/markerGreenborderWhite {
}

.psc-Borders\/markerRedborderWhite {
  background-color: BF272C;
  border-color: FFFFFF;
}

.psc-Borders\/markerWhiteborderBlack {
  background-color: FFFFFF;
  border-color: 000000;
}

.psc-Padding\/Padding10Pt {
  padding: 10px;
}

.psc-Padding\/Padding5Pt {
  padding: 5px;
}

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

.psc-Text\/Color\/Black {
  color: #2B2B2B;
}

.psc-Text\/Color\/Blue {
  color: #2498F5;
}

.psc-Text\/Color\/Green {
  color: #8AC43E;
}

.psc-Text\/Color\/Orange {
  color: #FF6000;
}

.psc-Text\/Color\/Purple {
  color: #712E88;
}

.psc-Text\/Color\/Red {
  color: #BF272C;
}

.psc-Text\/Color\/WatertronicsBlue {
  color: #00457C;
}

.psc-Text\/Color\/WatertronicsGreen {
  color: #008852;
}

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

.psc-Text\/Color\/Yellow {
  color: #FFDE17;
}

.psc-Text\/Underline {
  text-decoration: underline;
}

.psc-Text\/Uppercase {
  text-transform: uppercase;
}

.psc-Text\/pressurizing {
  background-color: #FFFF47;
  color: #000000;
  font-family: monospace;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}

.psc-Text\/regulating {
  background-color: #800080;
  color: #FAFAFB;
  font-family: monospace;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}

.psc-_CompleteStyles\/BasicText {
  font-size: 12px;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/BasicText {
    font-size: 16px;
  }
}

.psc-_CompleteStyles\/BottomLabelText {
  font-size: 16px;
  font-weight: bolder;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/BottomLabelText {
    font-size: 20px;
    font-weight: bolder;
  }
}

.psc-_CompleteStyles\/Dashboard_Sidebar\/backActionStyle {
  background-color: #2498F5;
  color: #FFFFFF;
  text-decoration: underline;
}
.psc-_CompleteStyles\/Dashboard_Sidebar\/backActionStyle:hover {
  background-color: #00FFFF;
}
.psc-_CompleteStyles\/Dashboard_Sidebar\/backActionStyle:active {
  background-color: #0000D9;
}

.psc-_CompleteStyles\/Dashboard_Sidebar\/headerStyle {
  background-image: linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(254,254,254,1) 100%);;
  background-position: cover;
}
.psc-_CompleteStyles\/Dashboard_Sidebar\/headerStyle:hover {
  background-image: linear-gradient(0deg, rgba(155,155,155,1) 0%, rgba(254,254,254,1) 100%);;
  font-weight: bolder;
}

.psc-_CompleteStyles\/Dashboard_Sidebar\/itemStyle {
  background-position: cover;
  text-decoration: underline;
}
.psc-_CompleteStyles\/Dashboard_Sidebar\/itemStyle:hover {
  background-color: #A6A6A6;
  font-weight: bolder;
}

.psc-_CompleteStyles\/Dashboard_Sidebar\/itemStyleHighlight {
  background-image: linear-gradient(0deg, rgba(66,95,129,1) 15%, rgba(134,178,212,1) 100%);
  background-position: cover;
  color: #FFFFFF;
  font-weight: bolder;
  text-decoration: underline;
}

.psc-_CompleteStyles\/HeaderText {
  font-size: 16px;
  font-weight: bolder;
}
@media (min-width: 1200px) {
  .psc-_CompleteStyles\/HeaderText {
    font-size: 24px;
    font-weight: bolder;
  }
}

.psc-_CompleteStyles\/HeaderText_1 {
  font-size: 16px;
  font-weight: bolder;
}
@media (min-width: 1200px) {
  .psc-_CompleteStyles\/HeaderText_1 {
    font-size: 24px;
    font-weight: bolder;
  }
}

.psc-_CompleteStyles\/LabelText {
  font-size: 12px;
  font-weight: bolder;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/LabelText {
    font-size: 16px;
    font-weight: bolder;
  }
}
@media (max-width: 400px) {
  .psc-_CompleteStyles\/LabelText {
    font-size: 10px;
  }
}

.psc-_CompleteStyles\/NavBar\/BasicText {
  font-size: 12px;
}
@media (min-width: 600px) {
  .psc-_CompleteStyles\/NavBar\/BasicText {
    font-size: 18px;
  }
}

.psc-_CompleteStyles\/NavBar\/HeaderText {
  color: #FAFAFB;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/NavBar\/HeaderText {
    font-size: 24px;
  }
}
@media (min-width: 400px) {
  .psc-_CompleteStyles\/NavBar\/HeaderText {
    font-size: 18px;
  }
}

.psc-_CompleteStyles\/NavBar\/HeaderText_Time {
  color: #FAFAFB;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 400px) {
  .psc-_CompleteStyles\/NavBar\/HeaderText_Time {
    font-size: 8px;
  }
}
@media (min-width: 1300px) {
  .psc-_CompleteStyles\/NavBar\/HeaderText_Time {
    font-size: 16px;
  }
}

.psc-_CompleteStyles\/NavBar\/itemStyle {
  background-color: #FFFFFF;
  color: #000000;
}
.psc-_CompleteStyles\/NavBar\/itemStyle:hover {
  background-image: linear-gradient(0deg, rgba(66,95,129,1) 15%, rgba(134,178,212,1) 100%);
  background-position: cover;
  color: #FFFFFF;
}

.psc-_CompleteStyles\/NavBar\/userText {
  font-size: 1rem;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/NavBar\/userText {
    font-size: 16px;
  }
}

.psc-_CompleteStyles\/TableButton {
  background-color: #808080;
}
.psc-_CompleteStyles\/TableButton:hover {
  background-image: linear-gradient(0deg, rgba(66,95,129,1) 15%, rgba(134,178,212,1) 100%);
  background-position: cover;
}

.psc-_CompleteStyles\/UnitLabel {
  font-weight: bold;
  text-transform: uppercase;
}

.psc-_CompleteStyles\/WVGradient_WhiteText {
  background-image: linear-gradient(0deg, rgba(66,95,129,1) 15%, rgba(134,178,212,1) 100%);
  background-position: cover;
  color: #FFFFFF;
}

.psc-_CompleteStyles\/column_labels {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
@media (max-width: 420px) {
  .psc-_CompleteStyles\/column_labels {
    font-size: 12px;
    text-align: center;
  }
}

.psc-_CompleteStyles\/column_text {
  font-size: 16px;
  text-align: left;
}
@media (max-width: 420px) {
  .psc-_CompleteStyles\/column_text {
    font-size: 12px;
    text-align: center;
  }
}

.psc-_CompleteStyles\/device_header {
  font-size: 32px;
  font-weight: bolder;
  margin-left: 10px;
}
@media (max-width: 1000px) {
  .psc-_CompleteStyles\/device_header {
    font-size: 28px;
    font-weight: bolder;
  }
}

.psc-_CompleteStyles\/pump_small_name {
  font-size: 12px;
  font-weight: bolder;
}
@media (min-width: 1000px) {
  .psc-_CompleteStyles\/pump_small_name {
    font-size: 16px;
    font-weight: bolder;
  }
}
@media (max-width: 400px) {
  .psc-_CompleteStyles\/pump_small_name {
    font-size: 10px;
  }
}

@keyframes psc-AlarmJournal\/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-AlarmJournal\/Active_Unack {
  animation-name: psc-AlarmJournal\/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-AlarmJournal\/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-AlarmJournal\/Clear_Unack {
  animation-name: psc-AlarmJournal\/Clear_Unack-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}