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

.mes_window__toolbar {
	background-color: var(--nv);
}

.mes_mesTable__header {
	background-color: var(--nv);
	}

.mes_mesHeader__toolbar {
    background-color: var(--nv);
}

.mes_mesTable__container {
    border-radius: 5px;
}

.MuiToolbar-root {
	border-radius: 5px;
}

.bpmgr149 {
    background-color: var(--neutral-90);
}

.MuiAppBar-root {
    border-radius: 5px;
    margin-bottom: 10px;
}

.MuiAppBar-colorPrimary {
    background-color: #424242;
}

.MuiTabs-indicator {
    border-bottom: 2px solid var(--nv) !important;
}

.MuiSwitch-colorPrimary.Mui-checked {
    color: var(--nv);
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
    border-color: var(--nv);
}

.MuiFormLabel-root.Mui-focused {
    color: var(--nv);
}

.ia_button--primary {
    background-color: var(--nv);
    color: var(--neutral-10);
}

@media (hover: none) {
    .MuiButton-containedPrimary:hover {
        background-color: var(--nv);
        opacity: 0.9;
    }
}

.MuiButton-containedPrimary {
    background-color: var(--nv);
}

.MuiButton-textPrimary {
    color: var(--nv);
}

.ia_radio .ia_radio__selectedIcon {
    color: var(--nv);
}

.ia_pager__page--active {
    background: var(--nv);
    color: var(--neutral-10);
}

.ia_tableComponent__selection {
    background-color: var(--nv);
    opacity: 0.5;
}

.mes_icon__primaryDark {
    fill: var(--nv);
}

.mes_icon__message {
    fill: var(--nv);
}

.mes_dialog__iconQuestion {
    color: var(--nv);
}

.psc-Menu\/Item:hover {
    background-color: var(--nv) !important;
    opacity: 0.7;
    color: var(--neutral-90) !important;
}

.psc-Menu\/All_Header {
    background-color: var(--neutral-20) !important;
    color: var(--neutral-90) !important;
}

:root {
	--background: #212121;
    --color: var(--white);
    --faintBackground: #212121;
    --altBackground: var(--white);
    --errorColor: var(--secondary-red-60);
    --primary-light: var(--primary-blue-10);
    --buttonBackground: var(--black-65);
    --buttonBorderColor: var(--primary-blue-20);
    --buttonColor: var(--primary-blue-20);
    --buttonFontSize: 14px;
    --buttonHoverBackground: var(--nv);
    --buttonHoverBorderColor: var(--neutral-90);
    --buttonHoverColor: var(--black-87);
    --buttonGroup1Background: var(--nv);
    --buttonGroup1Color: var(--white);
    --buttonGroup1HoverBackground: var(--nv);
    --buttonGroup1HoverColor: var(--white);
    --buttonGroup2Background: var(--neutral-40);
    --buttonGroup2Color: var(--white);
    --buttonGroup2HoverBackground: var(--neutral-60);
    --buttonGroup2HoverColor: var(--white);
    --buttonGroup3Background: var(--primary-green-40);
    --buttonGroup3Color: var(--white);
    --buttonGroup3HoverBackground: var(--primary-green-60);
    --buttonGroup3HoverColor: var(--white);
    --checkboxCheckedColor: var(--color);
    --checkboxHoverBackground: rgb(51 110 173 / 4%);
    --contextMenuBackground: var(--nv);
    --contextMenuBorderColor: var(--white);
    --contextMenuColor: var(--white);
    --contextMenuFontSize: 20px;
    --contextMenuHoverBackground: var(--primary-blue-20);
    --contextMenuHoverColor: var(--white);
    --dialogBackground: var(--faintBackground);
    --dialogColor: var(--white);
    --dialogFontSize: 16px;
    --dialogButtonBackground: var(--nv);
    --dialogButtonColor: var(--white);
    --dialogButtonFontSize: 14px;
    --dialogButtonHoverBackground: var(--nv);
    --dialogButtonHoverColor: var(--white);
    --dialogTitleBackground: var(--nv);
    --dialogTitleButtonColor: var(--white);
    --dialogTitleButtonHoverBackground: var(--nv);
    --dialogTitleButtonHoverColor: var(--white);
    --dialogTitleColor: var(--white);
    --dialogTitleFontSize: 20px;
    --dialogDividerBackground: var(--faintBackground);
    --dividerBackground: var(--faintBackground);
    --downtimeReasonBackground: var(--black-87);
    --downtimeReasonBorderColor: var(--nv);
    --downtimeReasonColor: var(--nv);
    --downtimeReasonFontSize: 14px;
    --downtimeReasonHoverBackground: var(--nv);
    --downtimeReasonHoverBorderColor: var(--nv);
    --downtimeReasonHoverColor: var(--white);
    --downtimeReasonSelectedBackground: var(--primary-green-60);
    --downtimeReasonSelectedBorderColor: var(--nv);
    --downtimeReasonSelectedColor: var(--white);
    --drawerBackground: var(--faintBackground);
    --editScheduleBackground: var(--faintBackground);
    --equipmentLabelBackground: var(--faintBackground);
    --equipmentLabelColor: var(--white);
    --equipmentLabelFontSize: 16px;
    --iconButtonBackground: var(--black-65);
    --iconButtonColor: var(--white);
    --iconButtonHoverBackground: var(--nv);
    --iconButtonHoverColor: var(--white);
    --inputBackground: var(--faintBackground);
    --inputBorderColor: var(--nv);
    --inputBorderStyle: solid;
    --inputBorderWidth: 2px;
    --inputColor: var(--white);
    --inputFontSize: 16px;
    --inputCheckboxColor: var(--primary-green-60);
    --inputCheckboxHoverBackground: var(--primary-green-30);
    --inputCheckboxLabelBackground: var(--faintBackground);
    --inputCheckboxLabelColor: var(--white);
    --inputCheckboxLabelFontSize: 1rem;
    --inputLabelColor: var(--nv);
    --inputDatePickerBackground: var(--faintBackground);
    --inputDatePickerColor: var(--white);
    --inputDatePickerClockBackground: var(--faintBackground);
    --inputDatePickerClockColor: var(--white);
    --inputDatePickerClockSelectedBackground: var(--nv);
    --inputDatePickerDOWColor: var(--white);
    --inputDatePickerHeaderBackground: var(--nv);
    --inputDatePickerHeaderColor: var(--white);
    --inputDatePickerHoverBackground: var(--faintBackground);
    --inputDatePickerHoverColor: var(--white);
    --inputDatePickerIconColor: var(--white);
    --inputDatePickerIconHoverBackground: var(--primary-green-20);
    --inputDatePickerIconHoverColor: var(--nv);
    --inputDatePickerSelectedBackground: var(--nv);
    --inputDatePickerSelectedColor: var(--white);
    --inputDropDownBackground: var(--nv);
    --inputDropDownColor: var(--white);
    --inputDropDownFontSize: 20px;
    --inputDropDownMaxHeight: 21em;
    --inputDropDownHoverBackground: var(--primary-blue-20);
    --inputDropDownHoverColor: var(--white);
    --inputDropDownIconColor: var(--white);
    --inputDropDownSelectedBackground: var(--primary-green-40);
    --inputDropDownSelectedColor: var(--white);
    --inputBorderHoverColor: var(--nv);
    --inputRadioColor: var(--primary-green-60);
    --inputRadioHoverBackground: var(--primary-green-30);
    --inputSliderBackground: var(--faintBackground);
    --inputSliderColor: var(--white);
    --inputRadioLabelBackground: var(--faintBackground);
    --inputRadioLabelColor: var(--white);
    --inputRadioLabelFontSize: 0.9rem;
    --labelBackground: var(--faintBackground);
    --labelColor: var(--white);
    --labelFontSize: 16px;
    --listBackground: var(--faintBackground);
    --listBorderColor: var(--primary-blue-20);
    --listBorderRadius: 10px;
    --listBorderStyle: solid;
    --listBorderWidth: 2px;
    --listPadding: 0px;
    --listCheckboxColor: var(--primary-green-60);
    --listCheckboxPadding: 2px 6px;
    --listContainerBackground: var(--secondary-charcoal-10);
    --listContainerBorderRadius: 10px;
    --listHeaderBackground: var(--primary-blue-20);
    --listHeaderColor: var(--nv);
    --listHeaderFontSize: 14px;
    --listHeaderBadgeBackground: var(--nv);
    --listHeaderBadgeColor: var(--white);
    --listHeaderBadgeFontSize: 12px;
    --listHeaderIconColor: var(--black-54);
    --listHeaderIconHoverBackground: var(--nv);
    --listHeaderIconHoverColor: var(--white);
    --listItemBackground: var(--faintBackground);
    --listItemColor: var(--white);
    --listItemFontSize: 13px;
    --listItemPadding: 3px 16px;
    --listItemAltBackground: var(--primary-blue-10);
    --listItemHoverBackground: var(--primary-green-20);
    --listItemHoverColor: var(--white);
    --listItemSelectedBackground: var(--primary-blue-10);
    --listItemSelectedColor: var(--white);
    --equipmentManagerBackground: var(--faintBackground);
    --materialManagerBackground: var(--faintBackground);
    --popupMenuBackground: var(--faintBackground);
    --popupMenuBorderColor: var(--nv);
    --popupMenuMaxHeight: 21em;
    --popupMenuColor: var(--nv);
    --popupMenuFontSize: 14px;
    --popupMenuHoverBackground: var(--nv);
    --popupMenuHoverColor: var(--white);
    --popupMenuSelectedBackground: var(--primary-green-60);
    --popupMenuSelectedColor: var(--white);
    --radioGroupBackground: var(--faintBackground);
    --radioGroupBorderColor: var(--nv);
    --radioGroupLabelBackground: var(--primary-green-60);
    --radioGroupLabelFontSize: 1em;
    --sectionBackground: var(--faintBackground);
    --sectionBorderColor: var(--nv);
    --tableBackground: var(--faintBackground);
    --tableBorderColor: var(--primary-blue-20);
    --tableColor: var(--white);
    --tableFontSize: 14px;
    --tableColumnChooserBackground: var(--white);
    --tableColumnChooserColor: var(--black);
    --tableColumnChooserHoverBackground: var(--black-4);
    --tableColumnChooserHoverColor: var(--black-87);
    --tableColumnChooserFontSize: var(--buttonFontSize);
    --tableColumnChooserCheckboxColor: var(--buttonColor);
    --tableColumnChooserCheckboxHoverBackground: var(--primary-blue-4);
    --tableGridLineColor: var(--white);
    --tableGridLineStyle: solid;
    --tableGridLineSize: 1px;
    --tableCellPaddingHorizontal: 8px;
    --tableCellPaddingVertical: 8px;
    --tableSelectedBackground: var(--neutral-30);
    --tableSelectedRowColor: var(--black-87);
    --tableRowHeight: 30px;
    --tableHeaderBackground: var(--primary-blue-20);
    --tableHeaderColor: var(--white);
    --tableHeaderFontSize: 14px;
    --timelineBackground: var(--faintBackground);
    --timelineColor: var(--white);
    --timelineHeaderBackground: var(--primary-blue-30);
    --timelineHeaderColor: var(--white);
    --timelineBorderHoverColor: var(--nv);
    --timelineHeaderDateBackground: var(--primary-blue-30);
    --timelineHeaderDateColor: var(--white);
    --toolbarBackground: var(--nv);
    --toolbarColor: var(--white);
    --toolbarFontSize: 16px;
    --toolbarButtonColor: var(--primary-blue-10);
    --toolbarButtonHoverBackground: var(--neutral-10);
    --toolbarButtonHoverColor: var(--white);
    --tooltipBackground: var(--black-87);
    --tooltipColor: var(--white);
    --tooltipFontSize: 10px;
    --treeBackground: var(--faintBackground);
    --treeColor: var(--white);
    --treeFontSize: 1rem;
    --treeArrowColor: var(--white);
    --treeIconSize: 1.5rem;
    --treeIconColorNodeClosed: var(--white);
    --treeIconColorNodeOpen: var(--white);
    --treeSelectedBackground: var(--secondary-yellow-20);
    --treeSelectedBorderColor: var(--secondary-brown-30);
    --treeSelectedColor: var(--white);
}

::selection {
    background: var(--neutral-10);
    color: var(--label);
}

.mes_drawer__drawerToolbar {
    background-color: var(--nv);
}


.mes_dialog__title {
    background-color: var(--nv);
    margin-bottom: 10px;
    border-radius: 5px;
}

.MuiInputBase-root {
    color: var(--nv);
}

input {
    color: var(--nv);
}

.ebr10 {
    height: 97% !important;
}
/* BEGIN STYLE CLASSES */
.psc-Dashboard\/Widget {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 10px;
}

.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-Labels\/Label {
  color: var(--neutral-90);
}

.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-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\/Tables\/header {
  font-family: monospace;
  font-weight: bolder;
}

.psc-Page\/Tables\/rows {
  font-family: monospace;
  font-size: 16px;
  font-weight: bold;
}

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

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