/* 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\/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\/ChartRangeSelector {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.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\/Label {
  color: var(--neutral-100);
  font-family: Roboto;
  font-size: 14px;
}

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

.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-Button_1\/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_1\/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-Cards\/Container {
  border-color: var(--neutral-50);
  border-style: solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 8px;
}

.psc-Cards\/Header {
  border-bottom-color: var(--neutral-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 4px;
  text-align: center;
}

.psc-Cards\/Subheader {
  font-size: 1.125em;
  padding-bottom: 4px;
  text-align: center;
}

.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\/ColorPicker\/Container {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 4px;
}

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

.psc-HPHMI\/Dark\/ChangingValue {
  color: #0000FF;
  font-weight: bold;
}

.psc-HPHMI\/Dark\/Label {
  color: #FFFFFF;
  font-weight: bold;
}

.psc-HPHMI\/Dark\/ScreenBackground {
  background-color: #D5D5D5;
}

.psc-HPHMI\/Dark\/StaticValue {
  color: #FFFFFF;
}

.psc-HPHMI\/Dark\/Text {
  color: #FFFFFF;
  font-weight: bold;
}

.psc-HPHMI\/Standard\/ChangingValue {
  color: #0000FF;
  font-weight: bold;
}

.psc-HPHMI\/Standard\/Label {
  color: #000000;
  font-weight: bold;
}

.psc-HPHMI\/Standard\/ScreenBackground {
  background-color: #D5D5D5;
}

.psc-HPHMI\/Standard\/StaticValue {
  color: #000000;
}

.psc-HPHMI\/Standard\/Text {
  color: #000000;
}

.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: var(--neutral-10);
  border-bottom-color: var(--neutral-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 5px;
  padding-top: 5px;
  fill: #FFFFFF;
}

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

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

.psc-Margin {
  padding: 4px;
}

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

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

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-left-color: var(--neutral-40);
  border-left-style: solid;
  border-left-width: 1px;
  color: var(--neutral-100);
  font-size: 14px;
  text-transform: capitalize;
  fill: var(--neutral-60);
}
.psc-Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

.psc-Menu\/Item_Selected {
  background-color: var(--callToActionHighlight);
  font-weight: bold;
}

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

.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-Padding\/Small {
  padding: 4px;
}

.psc-Page {
  background-color: var(--neutral-20);
  color: var(--neutral-100);
  font-size: 14px;
}

.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-SVG\/Stroke {
  stroke: var(--border);
}

.psc-SVG\/StrokeAndFill {
  stroke: var(--border);
  fill: var(--container);
}

.psc-Text\/ProcessValue {
  color: var(--callToAction);
  font-size: 18px;
  font-weight: bold;
}

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

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

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

@keyframes psc-Flash-anim {
  0% {
    background-color: #FF8C00;
  }
  100% {
    background-color: #FF0000;
  }
}
.psc-Flash {
  animation-name: psc-Flash-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: step-start;
}
