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

/* To utilize these CSS features, set a Classes property (under Props/style)with the feature name excluding the '.psc-' prefix */
/* ex. classes: frosted-glass  */
/* additional styles can be added by placing a space between each style in the 'classes' property  */
/* ex. classes: frosted-glass Prod/Divisions/KBC/PageBackgroundDay */

.psc-frosted-glass {
    background-color: rgba(213, 213, 213, 0.3);
    backdrop-filter: blur(5px);
    border-radius: 8px;
}

.psc-transparent-glass {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;

}
/* 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-DashboardBorder {
  border-color: #000000;
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-DashboardOutline {
  outline-color: var(--neutral-50);
  outline-style: solid;
  outline-width: 1.5px;
}

.psc-DashboardTitle {
  background-color: #D5D5D5;
  color: #000000;
  text-align: center;
}

.psc-DashboardTitleTab {
  background-clip: border-box;
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  color: var(--neutral-80);
  font-family: Noto Sans;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0px;
  padding: 0.5rem;
  text-align: center;
}

.psc-Empty {
}

.psc-Framework\/Card\/Bold_Text {
  color: var(--neutral-70);
  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 {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 10px;
  text-transform: uppercase;
}

.psc-Framework\/Card\/Refresh {
  background-color: var(--neutral-20);
}
.psc-Framework\/Card\/Refresh:hover {
  background-color: var(--neutral-70);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.psc-Framework\/Card\/Refresh:active {
  background-color: var(--neutral-70);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-Framework\/Card\/Row {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-left: 4px;
  margin-right: 4px;
}

.psc-Framework\/Card\/StandardText {
  color: var(--neutral-70);
  font-size: 14px;
}

.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: var(--neutral-70);
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.psc-Framework\/PieChart\/legend {
  background-color: var(--neutral-20);
  color: var(--neutral-20);
  font-size: 12px;
  font-weight: 500;
}

.psc-Prod\/Admin\/ACMAccessLevelBorder {
  border-color: var(--qual-10);
  border-style: solid;
  border-width: 5px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.psc-Prod\/Admin\/ACMAccessLevelStepHelp {
  background-color: var(--qual-10);
  border-color: var(--neutral-70);
  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;
  color: var(--neutral-10);
  cursor: help;
  text-align: center;
}

.psc-Prod\/Admin\/ACMAuditUserBorder {
  border-color: var(--success);
  border-style: solid;
  border-width: 5px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.psc-Prod\/Admin\/ACMButtonStyle {
  box-shadow: 5px 5px 5px -5px grey;
}
.psc-Prod\/Admin\/ACMButtonStyle:active {
  background-color: var(--neutral-80);
}

.psc-Prod\/Admin\/ACMUserGroupBorder {
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 5px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.psc-Prod\/Admin\/adminToolTips {
  background-color: --neutral-80;
  border-color: --neutral-100;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: --neutral-10;
  white-space: pre;
}

.psc-Prod\/Admin\/unsGeneratorFieldHighlight {
  border-color: var(--callToAction--active);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  outline-color: var(--callToAction--active);
  outline-style: dashed;
  outline-width: 1;
}

.psc-Prod\/Admin\/unsGeneratorInputValue {
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.psc-Prod\/Admin\/unsGeneratorStepHelp {
  background-color: var(--qual-2);
  border-color: var(--neutral-70);
  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;
  color: var(--neutral-10);
  cursor: help;
  text-align: center;
}

.psc-Prod\/Admin\/widgetHeader {
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
}

.psc-Prod\/Divisions\/BMS\/BMSByTimeLinks {
  color: ---info;
  cursor: pointer;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}

.psc-Prod\/Divisions\/BMS\/BMSFaultHeadingsText {
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}

.psc-Prod\/Divisions\/BMS\/BMSFaultValues {
  border-color: var(--neutral-50);
  border-style: dotted;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: center;
}

.psc-Prod\/Divisions\/BMS\/BMSFaults {
  background-image: linear-gradient(-130deg, var(--neutral-30), var(--neutral-10));
  border-color: #808080;
  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;
  margin-top: 5px;
}

.psc-Prod\/Divisions\/BMS\/BMSPageBackgroundDay {
  background-color: --neutral-10;
  background-image: linear-gradient(to left, white 0px, transparent 80%-20%), url("/system/images/KP/KP Background.svg");
  background-position: center;
  background-size: cover;
}

.psc-Prod\/Divisions\/BMS\/BMSPageBackgroundNight {
  background-color: --neutral-10;
  background-image: linear-gradient(to left, black 0px, transparent 80%-20%), url("/system/images/KP/KP Background.svg");
  background-repeat: no-repeat;
}

.psc-Prod\/Divisions\/BMS\/BMSRHDockInputValue {
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.psc-Prod\/Divisions\/BMS\/BMSRHDockLabelValue {
  color: --neutral-90;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.psc-Prod\/Divisions\/BMS\/BMSSparkline {
  border-color: --neutral-100;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  outline-style: none;
}

.psc-Prod\/Divisions\/BMS\/BMSStatus {
  background-image: linear-gradient(-130deg, var(--neutral-30), var(--neutral-10));
  border-color: #808080;
  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;
  margin-top: 5px;
  opacity: 1;
}

.psc-Prod\/Divisions\/BMS\/BMSStatusFaultBorders {
  background-color: var(--neutral-20);
  border-color: D5D5D5;
  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;
  overflow: auto;
}

.psc-Prod\/Divisions\/BMS\/BMSTitleTab {
  background-clip: border-box;
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: var(--neutral-80);
  font-family: Noto Sans;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0px;
  padding: 0.5rem;
  text-align: center;
}

.psc-Prod\/Divisions\/BMS\/BMSToolTips {
  background-color: --neutral-80;
  border-color: --neutral-100;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: --neutral-10;
  white-space: pre;
}

.psc-Prod\/Divisions\/KBC\/KBCChevronIconStyle {
  background-color: var(--neutral-20);
}
.psc-Prod\/Divisions\/KBC\/KBCChevronIconStyle:active {
  background-color: var(--neutral-80);
}

.psc-Prod\/Divisions\/KBC\/KBCDateTimePeriods {
  color: var(--neutral-90);
  cursor: pointer;
  font-family: Arial;
  font-size: 20px;
  text-align: center;
  text-shadow: var(--qual-10);
}
.psc-Prod\/Divisions\/KBC\/KBCDateTimePeriods:hover {
  background-color: var(--neutral-30);
}

.psc-Prod\/Divisions\/KBC\/KBCMainViewsStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: outset;
  border-width: 1px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 10px 10px 5px -5px grey;
  padding: 20px;
}
.psc-Prod\/Divisions\/KBC\/KBCMainViewsStyles:hover {
  background-color: var(--neutral-10);
}

.psc-Prod\/Divisions\/KBC\/KBCToolTip {
  border-style: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 10px 10px 5px -5px grey;
  text-align: left;
}

.psc-Prod\/Divisions\/KBC\/PageBackgroundDay {
  background-color: --neutral-10;
  background-image: linear-gradient(to left, white 0px, transparent 80%-20%), url("/system/images/KBC/KBC Hex Background.png");
  background-repeat: repeat;
}

.psc-Prod\/Divisions\/KBC\/PageBackgroundNight {
  background-color: --neutral-10;
  background-image: linear-gradient(to left, black 0px, transparent 80%-20%), url("/system/images/KBC/KBC Hex Background.png");
  background-repeat: repeat;
}

.psc-Prod\/Divisions\/KCD\/DateTimePeriods {
  color: var(--neutral-90);
  cursor: pointer;
  font-family: Arial;
  font-size: 14px;
  text-align: center;
  text-shadow: var(--qual-10);
}
.psc-Prod\/Divisions\/KCD\/DateTimePeriods:hover {
  background-color: var(--neutral-30);
}

.psc-Prod\/Divisions\/KJ\/KJMainViewsStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 10px 10px 5px -5px grey;
  margin-bottom: 5px;
  margin-right: 5px;
}
.psc-Prod\/Divisions\/KJ\/KJMainViewsStyles:hover {
  background-color: var(--neutral-10);
}

.psc-Prod\/Divisions\/KJ\/KJRHDockTextStyles {
  color: var(--neutral-90);
  font-size: 12px;
}

.psc-Prod\/Divisions\/NM\/NMGaugesStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-30);
  border-style: outset;
  border-width: 1px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 5px 5px 3px -3px grey;
  margin-bottom: 5px;
  margin-right: 5px;
}
.psc-Prod\/Divisions\/NM\/NMGaugesStyles:hover {
  background-color: var(--neutral-10);
}

.psc-Prod\/Divisions\/NM\/NMLinkActions {
  background-color: var(--neutral-20);
  border-color: var(--neutral-10);
  border-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: var(--neutral-90);
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  text-decoration: underline;
}
.psc-Prod\/Divisions\/NM\/NMLinkActions:hover {
  background-color: var(--neutral-70);
}

.psc-Prod\/Divisions\/NM\/NMMainViewsStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-50);
  border-style: hidden;
  border-width: 2px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 10px 10px 5px -5px grey;
  margin-bottom: 5px;
  margin-right: 5px;
}
.psc-Prod\/Divisions\/NM\/NMMainViewsStyles:hover {
  background-color: var(--neutral-10);
}

.psc-Prod\/Divisions\/NM\/NMRHDockTextStyles {
  color: var(--neutral-90);
  font-size: 12px;
}

.psc-Prod\/Divisions\/NM\/NMSparlinesBGStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.psc-Prod\/Divisions\/NM\/NMSparlinesStyles {
  background-color: var(--neutral-20);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.psc-Prod\/Divisions\/NM\/NMSparlinesStyles:hover {
  background-color: var(--neutral-10);
}

.psc-RadarChart\/ActualShape {
  opacity: 0.90;
  stroke: #00000080;
  stroke-width: 0.5;
  fill: #AAAAAA;
}

.psc-RadarChart\/Axes {
  stroke: #555555;
  stroke-width: 0.2;
}

.psc-RadarChart\/DesiredShape {
  stroke: #55555580;
  stroke-width: 0.4;
  fill: #FF8C00;
}

.psc-RadarChart\/Label {
  font-size: 4px;
  text-align: right;
  fill: var(--neutral-80);
}

.psc-RadarChart\/Scales {
  stroke: #999999;
  stroke-width: 0.2;
  fill: none;
}

.psc-RadarChart\/WarningShape {
  stroke: #00000080;
  stroke-width: 0.5;
  fill: #FF0000;
}

.psc-RosterManagement\/Buttons\/Removal {
}

.psc-RosterManagement\/Header {
  background-color: #2B2B2B;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 20px;
  font-weight: lighter;
  text-align: start;
  text-indent: 6px;
}

.psc-RosterManagement\/Icons {
  cursor: pointer;
  margin-top: 5px;
}

.psc-RosterManagement\/Tables {
  border-style: solid;
  border-width: 1px;
  margin: 10px;
  margin-right: 0px;
}

@keyframes psc-Animated-anim {
  0% {
    background-color: #FF0000;
  }
  100% {
  }
}
.psc-Animated {
  animation-name: psc-Animated-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes psc-Prod\/Divisions\/KBC\/KBCMainViewsStylesOneFlash-anim {
  0% {
    background-color: #CCCCFF;
  }
  100% {
  }
}
.psc-Prod\/Divisions\/KBC\/KBCMainViewsStylesOneFlash {
  animation-name: psc-Prod\/Divisions\/KBC\/KBCMainViewsStylesOneFlash-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}