/* BEGIN STYLE CLASSES */
.psc-AdHocTrends\/AddTag {
  background-color: var(--neutral-30);
  border-radius: 0px;
  color: var(--neutral-100);
  margin-top: 4px;
}
.psc-AdHocTrends\/AddTag:hover {
  background-color: #C1C1C1;
}

.psc-AdHocTrends\/Button {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  fill: var(--neutral-100);
}

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

.psc-AdHocTrends\/Content {
  background-color: var(--neutral-10);
  padding: 4px;
}

.psc-AdHocTrends\/DisabledIcon {
  cursor: auto;
  fill: var(--neutral-60);
}

.psc-AdHocTrends\/Label {
  color: var(--neutral-100);
  font-family: Roboto;
  font-size: 14px;
}

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

.psc-AdHocTrends\/Title {
  color: var(--neutral-100);
  font-size: 20px;
  font-weight: 500;
  margin-right: 10px;
}

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

.psc-AdHocTrends\/Tooltip {
  background-color: var(--neutral-30);
  color: var(--neutral-100);
  font-family: Roboto;
  font-size: 13px;
  text-align: center;
}

.psc-Bold_Text {
  font-weight: bold;
}

.psc-Button\/Error {
  background-image: linear-gradient(180deg, #E74E67 0%, #E83A56 100%);
  border-color: #E83A56;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-Button\/Standard {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.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: 4px;
  padding-right: 4px;
  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-Form\/Error {
  color: #e83a56;
  font-size: 16px;
  fill: #e83a56;
}

.psc-Form\/Field {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-100);
  font-size: 16px;
}

.psc-Form\/Field_Error {
  background-color: var(--neutral-10);
  border-color: #e83a56;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: var(--neutral-100);
  font-size: 16px;
}

.psc-Framework\/Card\/Bold_Text {
  font-weight: bold;
}

.psc-Framework\/Card\/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-Framework\/Card\/Embedded {
  margin: 5px;
}

.psc-Framework\/Card\/Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-Framework\/Card\/Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Framework\/Card\/Label {
  color: #8E8E8E;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-Framework\/Card\/Row {
  margin-bottom: 2px;
}

.psc-Framework\/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-Framework\/Card\/Value {
  color: #000080;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.psc-Framework\/ColorPicker\/Container {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 4px;
}

.psc-Framework\/TagPicker\/Button {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-Framework\/TagPicker\/Container {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-General_Text {
  color: var(--neutral-100);
}

.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: #FFFFFF;
  color: #333333;
  font-size: 14px;
  line-height: 17px;
  fill: #333333;
}

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

.psc-Header\/Title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: normal;
  line-height: 19px;
  fill: #FFFFFF;
}

.psc-MQTT\/Bold_Text {
  font-weight: bold;
}

.psc-MQTT\/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-MQTT\/Embedded {
  margin: 5px;
}

.psc-MQTT\/Item {
  padding-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
}

.psc-MQTT\/Item_Border {
  border-bottom-color: #D5D5D5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-MQTT\/Label {
  color: #8E8E8E;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-MQTT\/Row {
  margin-bottom: 2px;
}

.psc-MQTT\/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-MQTT\/Value {
  color: #000080;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.psc-Margin {
  padding: 4px;
}

.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\/All_Header:hover {
  background-color: var(--neutral-80);
}

.psc-Menu\/Icon {
  cursor: pointer;
  fill: #6C6C6C;
}

.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\/Item_Selected {
  background-color: var(--neutral-20);
  border-color: var(--neutral-60);
  border-width: 1px;
  color: var(--neutral-100);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  fill: var(--neutral-50);
}

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

.psc-Menu\/Small_Text {
  border-left-color: var(--neutral-60);
  color: var(--neutral-100);
  font-size: 10px;
  text-align: center;
}

.psc-Menu\/Tab {
  background-color: var(--neutral-30);
  color: var(--neutral-90);
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Menu\/Tab_Selected {
  background-color: var(--neutral-30);
  color: var(--neutral-100);
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.psc-Menu\/Text {
  border-left-color: var(--neutral-60);
  color: var(--neutral-100);
  font-size: 24px;
}

.psc-Page1 {
  background-color: var(--neutral-20);
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-100);
  font-size: 14px;
}

.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-Popup\/Error_Text {
  color: #e83a56;
  font-size: 24px;
  fill: #e83a56;
}

.psc-Popup\/Text {
  color: var(--neutral-100);
  font-size: 24px;
  fill: var(--neutral-60);
}

.psc-Snowflake\/Alarm\/Active {
  color: var(--error);
  font-size: 14px;
  font-weight: 500;
  fill: var(--error);
}

.psc-Snowflake\/Alarm\/Inactive {
  color: var(--neutral-80);
  font-size: 14px;
  font-weight: 500;
  fill: var(--neutral-80);
}

.psc-Snowflake\/AllMargins {
  margin: 10px;
}

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

.psc-Snowflake\/Card\/Card {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 40, 0.15);
  margin: 5px;
}

.psc-Snowflake\/Card\/Embedded {
  margin: 5px;
}

.psc-Snowflake\/Card\/Title {
  background-color: var(--neutral-20);
  border-bottom-color: var(--neutral-30);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--neutral-80);
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  fill: var(--neutral-80);
}

.psc-Snowflake\/Dock\/Dock {
  background-color: var(--white);
  border-left-color: var(--neutral-30);
  border-left-style: solid;
  border-left-width: 1px;
  color: var(--neutral-80);
  font-size: 12px;
}

.psc-Snowflake\/Form {
  border-color: var(--neutral-40);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: var(--neutral-80);
  font-size: 12px;
}

.psc-Snowflake\/Header\/Header {
  background-color: #003E69;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  fill: #FFFFFF;
}

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

.psc-Snowflake\/Header\/Title {
  color: #FFFFFF;
  font-size: 20px;
}

.psc-Snowflake\/Icon {
  color: var(--neutral-80);
  fill: var(--neutral-80);
}

.psc-Snowflake\/Link {
  color: var(--callToAction);
  cursor: pointer;
  font-size: 12px;
}

.psc-Snowflake\/Margins {
  margin-left: 10px;
  margin-right: 10px;
}

.psc-Snowflake\/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-Snowflake\/Menu\/Item {
  background-color: var(--neutral-10);
  border-style: none;
  color: var(--neutral-80);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  fill: var(--neutral-80);
}
.psc-Snowflake\/Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

.psc-Snowflake\/Menu\/ItemSelected {
  background-color: var(--calToActionHighlight);
  font-weight: bold;
}

.psc-Snowflake\/Menu\/Menu {
  background-color: var(--neutral-10);
  border-right-color: var(--neutral-30);
  border-right-style: solid;
  border-right-width: 1px;
}

.psc-Snowflake\/Page {
  background-color: var(--white);
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-80);
  font-size: 12px;
}

.psc-Snowflake\/Section {
  color: var(--neutral-80);
  font-size: 16px;
  font-weight: 500;
  fill: var(--neutral-80);
}

.psc-Snowflake\/Setting {
  color: var(--neutral-80);
  font-size: 12px;
  text-transform: uppercase;
}

.psc-Snowflake\/Text {
  color: var(--neutral-80);
  font-size: 12px;
}

.psc-Snowflake\/Title\/Text {
  color: var(--neutral-80);
  font-size: 24px;
  line-height: 24px;
  margin-left: 6px;
  fill: var(--neutral-80);
}

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

.psc-Snowflake\/Value {
  color: var(--neutral-80);
  font-size: 40px;
}

.psc-TagDashboard\/Alarm\/Active {
  color: #D90000;
  font-size: 14px;
  font-weight: 500;
  fill: #D90000;
}

.psc-TagDashboard\/Alarm\/Inactive {
  color: #535C69;
  font-size: 14px;
  font-weight: 500;
  fill: #535C69;
}

.psc-TagDashboard\/Form {
  font-size: 14px;
}

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

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

.psc-TagDashboard\/Header\/Title {
  color: #FFFFFF;
  font-size: 20px;
}

.psc-TagDashboard\/Menu\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-TagDashboard\/Menu\/Item {
  color: #535C69;
  font-size: 12px;
  font-weight: bolder;
  margin-left: 5px;
  text-transform: uppercase;
  fill: #535C69;
}

.psc-TagDashboard\/Menu\/Menu {
  background-color: #EEF2F4;
  padding: 10px;
}

.psc-TagDashboard\/Menu\/Text {
  color: #535C69;
  font-size: 12px;
}

.psc-TagDashboard\/Page\/Alternate {
  background-color: #FAFAFA;
  font-size: 14px;
}

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

.psc-TagDashboard\/Page\/Header {
  color: #535C69;
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
}

.psc-TagDashboard\/Page\/Link {
  color: var(--callToAction);
  cursor: pointer;
  font-size: 12px;
}

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

.psc-TagDashboard\/Page\/Page {
  background-color: #FFFFFF;
  font-size: 14px;
}

.psc-TagDashboard\/Page\/Text {
  color: #535C69;
  font-size: 12px;
}

.psc-TagDashboard\/Popup\/Page {
  background-color: #FFFFFF;
  font-size: 14px;
}

.psc-TagDashboard\/SmallTitle\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-TagDashboard\/SmallTitle\/Text {
  color: #535C69;
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-TagDashboard\/SmallTitle\/Title {
  background-color: #EEF2F4;
}

.psc-TagDashboard\/Title\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-TagDashboard\/Title\/Text {
  color: #535C69;
  font-size: 24px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-TagDashboard\/Title\/Title {
  background-color: #EEF2F4;
}

.psc-TagDashboard\/Value {
  color: #535C69;
  font-size: 14px;
  font-weight: 600;
}

.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\/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;
}

@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;
}