/* BEGIN STYLESHEET */
:root {
	--nav-open-width: 300px;
	--nav-closed-width: 50px;
	--nav-width: 0px;
	--topbar-height: 50px;
	--nav-link-height: 40px;

	--nav--bgColor: var(--neutral-10);
	--nav--color: var(--label);
	--nav-section-open--bgColor: var(--neutral-30);
	--nav-link-active--bgColor: var(--callToAction--active);
	--nav-link-active--color: var(--white);
	--nav-link-hover--bgColor: var(--callToAction--hover);
	--nav-link-hover--color: var(--nav-link-active--color);
	--nav-button--bgColor: transparent;
	--nav-button--color: var(--white);
	--topbar--bgColor: #2b2a2a;
	--topbar--color: var(--white);
	--nav-padding-width: 5px;

	--breakpoint-small: 450;
	--breakpoint-medium: 680;
}

/* DOCKS */
.docked-view-left {
	width: auto !important;
	height: calc(100% - var(--topbar-height)) !important;
}

/* NAV */
.psc-nav {
	width: var(--nav-width);
	border-right: 1px solid var(--border);
	background-color: var(--nav--bgColor);
	color: var(--nav--color);
	padding: 10px 0px;
	transition: all 0.2s ease-in-out;
}

.psc-nav-open {
	width: var(--nav-open-width);
	transition: all 0.2s ease-in-out;
}

.psc-nav-button {
	background-color: var(--nav-button--bgColor);
	color: var(--nav-button--color);
}

/* NAV LOGO */
.psc-nav-logo-1 {
	transition: all 0.2s ease-in-out 0.5s;
}

.psc-nav-logo-2 {
	max-width: 0;
	opacity: 0;
}

.psc-nav-open .psc-nav-logo-1 {
	max-width: 0;
	opacity: 0;
	transition: all 0.2s ease-in-out 0.3s;
}

.psc-nav-open .psc-nav-logo-2 {
	max-width: 256px;
	opacity: 1;
	transition-delay: 0.2s;
}

/* NAV SECTION */
.psc-nav-section {
	max-height: var(--nav-link-height);
	gap: 5px;
}

.psc-nav-section-open {
	color: var(--label);
	max-height: 1000px;
	border-radius: var(--borderRadius);
	background-color: var(--nav-section-open--bgColor);
	transition: max-height 0.4s ease-in-out;
}

.psc-nav-open .psc-nav-section .psc-nav-repeater {
	gap: 5px;
}
.psc-nav:not(.psc-nav-open) .psc-nav-section .psc-nav-repeater .psc-nav-link>svg:nth-child(1) {
	transition: visibility 0.2s ease-in-out 0.2s;
}
.psc-nav-open .psc-nav-section .psc-nav-repeater .psc-nav-link>svg:nth-child(1) {
	visibility: hidden;
}

/* NAV LINK */
.psc-nav-link {
	height: var(--nav-link-height);
	border-radius: var(--borderRadius);
	gap: 5px;
}

.psc-nav-link .ia_labelComponent,
.psc-nav-link>svg:nth-child(3) {
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.1s ease-in-out;
}

.psc-nav-section-open .psc-nav-link .ia_labelComponent,
.psc-nav-open .psc-nav-link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav-section-open .psc-nav-link>svg:nth-child(3),
.psc-nav-section-open .psc-nav-link>svg:nth-child(3) {
	opacity: 1;
	transform: rotate(90deg);
	transition: transform 0.2s ease-in-out;
}

.psc-nav-open .psc-nav-section svg {
	opacity: 1;
}

.psc-nav-link:hover,
.psc-nav-link.psc-selected:hover {
	color: var(--nav-link-hover--color);
	background-color: var(--nav-link-hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-nav-link.psc-selected {
	background-color: var(--nav-link-active--bgColor);
	color: var(--nav-link-active--color);
	transition: all 0.2s ease-in-out;
}

.psc-nav .psc-nav-section:not(.psc-nav-section-open) .psc-nav-link.psc-selected-parent {
	color: var(--nav-link-active--color);
	background-color: var(--nav-link-active--bgColor);
}

.psc-nav:not(.psc-nav-open) .psc-not-a-link {
	max-height: 0;
}
.psc-nav:not(.psc-nav-open) .psc-not-a-link .ia_labelComponent {
	opacity: 0;
}
.psc-nav-open .psc-nav-link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}
.psc-not-a-link:hover {
	color: var(--label);
	background-color: transparent !important;
	cursor: default !important;
	transition: all 0.2s ease-in-out;
}

/* NAV TREE */
.psc-nav .tree {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav .tree .node-wrapper {
	display: block;
}

.psc-nav-open .tree, 
.psc-nav-section-open .tree {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav .ia_treeComponent__node {
	border-radius: var(--borderRadius);
	cursor: pointer;
	font-size: 16px;
}
.psc-nav .tree-row {
	margin-bottom: 5px;
}

.psc-nav .ia_treeComponent__node:hover {
	color: var(--nav-link-active--color);
	background-color: var(--nav-link-hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-nav .ia_treeComponent__node--selected {
	background-color: var(--nav-link-active--bgColor);
	color: var(--nav-link-active--color);
	transition: all 0.2s ease-in-out;
}

.psc-nav .ia_treeComponent__node .tree-item-label {
	font-weight: normal;
}

.psc-nav .ia_treeComponent__alignmentGuide,
.psc-nav .terminal-node .ia_treeComponent__node__icon {
	display: none;
}

.psc-nav .ia_treeComponent__node .node-icon,
.psc-nav .ia_treeComponent__node .expand-icon {
	fill: var(--label);
}

.psc-nav .ia_treeComponent__node:hover .node-icon,
.psc-nav .ia_treeComponent__node:hover .expand-icon {
	fill: var(--nav-link-active--color);
}

.psc-nav .ia_treeComponent__node--selected .node-icon,
.psc-nav .ia_treeComponent__node--selected .expand-icon {
	fill: var(--nav-link-active--color);
}

/* Overrides the default scrollbar styles */
::-webkit-scrollbar {
	width: 3px;
	scrollbar-width: thin;
	scrollbar-color: var(--neutral-20) var(--neutral-90);
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: var(--neutral-50);
	border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--neutral-70);
}

/* Override the rules governing the dock mode (push or cover) */
.center.view-parent {
	max-height: calc(100% - var(--topbar-height)) !important;
	max-width: calc(100% - var(--nav-width)) !important;
	margin: var(--topbar-height) 0px 0px var(--nav-width) !important;
	transition: all 0.2s ease-in-out !important;
}


/* TABLE */
.psc-artek-table, .psc-artek-subview-table {
	border: 0px solid transparent;
	background-color: transparent;
}
.psc-artek-table .ia_table,
.psc-artek-subview-table .ia_table {
	background: transparent !important;
}
.psc-artek-table .ia_table__body,
.psc-artek-subview-table .ia_table__body {
	background-color: transparent;
}
.psc-artek-table .ia_table__headContainer{
	box-shadow: none;
	min-height: 50px;
	font-size: 18px;
}
.psc-artek-table .ia_pager {
	box-shadow: none;
	min-height: 40px;
}
.psc-artek-table .ia_tableComponent__filterContainer {
	border-radius: var(--borderRadius);
	background-color: var(--container);
}
.psc-artek-table .ia_table__headContainer {
	box-shadow: none;
	min-height: 40px;
	font-size: 16px;
	justify-content: center;
	background: transparent;
	color: inherit;
}
.psc-artek-table .ia_table__head__header__cell {
	font-weight: normal;
	min-height: 40px;
}
.psc-artek-table .ia_table__head__header__cell .content {
	justify-content: center !important;
}
.psc-artek-table .ReactVirtualized__Grid__innerScrollContainer,
.psc-artek-subview-table .ReactVirtualized__Grid__innerScrollContainer {
	background-color: transparent;
}
.psc-artek-table .ia_table__row,
.psc-artek-subview-table .ia_table__row {
	background-color: var(--container);
}
/*.psc-artek-table .tr-group:not(:last-child),*/
/*.psc-artek-subview-table .tr-group:not(:last-child) {*/
/*	margin-bottom: 5px;*/
/*}*/

.psc-artek-table .flexBodyInnerScrollContainer {
	gap: 5px;
}


.psc-artek-table .ia_tableComponent__selection--root,
.psc-artek-subview-table .ia_tableComponent__selection--root {
	border:1px var(--callToAction) solid;
}
.psc-artek-table .psc-cell {
	padding: 0 5px !important;
	border-right: 1px solid var(--containerRoot);
}








.psc-jobcard {
	max-height: 60px;
}
.psc-jobcard--expanded {
	max-height: 9999px;
}
.psc-jobcard--expanded .psc-jobcard-expander svg {
	transform: rotate(90deg);
}
.psc-jobcard-expander {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.16);
}
.psc-jobcard-details {
	opacity: 0;
	transition: all 0s ease-in-out;
	box-shadow: none;
}
.psc-jobcard--expanded .psc-jobcard-details {
	opacity: 1;
	overflow: hidden;
	background-color: var(--contextBackground);
	border-radius: 7;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.16);
	transition: opacity 0.3s ease-in-out 0.2s;
	margin: 0px 10px 10px 10px;
}

.ia_dropdown__valuePill {
    background-color: transparent;
}
.ia_dropdown__valuePill__value {
color: unset;
}

button:focus {outline:0;}

.menu-right ia_tabContainerComponent__tabMenuRight--modern{
border: 10px solid #CCC;
border-bottom:none;
}


.ia_popup {
    outline:0;
}

.ia_popup__header {
    outline:0;
}

.ia_toggleSwitch{
	outline:0;
}
/* BEGIN STYLE CLASSES */
.psc-Components\/Buttons\/Selected {
  background-color: #EBF2FF;
  color: #3A66E6;
}

.psc-Components\/Containers\/StatusCard {
  background-color: #F7F8F9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-Components\/Containers\/TaskCard {
  background-color: #FFFFFF;
  border-color: #D9DCE2;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.psc-Components\/Containers\/TaskCard:hover {
  background-color: #F1F2F4;
  cursor: pointer;
}

.psc-Components\/Labels\/Normal {
  color: #2B2B2B;
  font-size: 12px;
  font-weight: normal;
}

.psc-Components\/Labels\/SmallBold {
  color: #2B2B2B;
  font-size: 12px;
  font-weight: bold;
}

.psc-Components\/Misc\/Hover {
}
.psc-Components\/Misc\/Hover:hover {
  background-color: #F1F2F4;
}

.psc-Components\/h2 {
  background-color: #D5D5D5;
  font-weight: bold;
  text-align: center;
}

.psc-Global\/Components\/Buttons\/Selected {
  background-color: #EBF2FF;
  color: #3A66E6;
}

.psc-Global\/Components\/Containers\/StatusCard {
  background-color: #F7F8F9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-Global\/Components\/Containers\/TaskCard {
  background-color: #FFFFFF;
  border-color: #D9DCE2;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.psc-Global\/Components\/Containers\/TaskCard:hover {
  background-color: #F1F2F4;
  cursor: pointer;
}

.psc-Global\/Components\/Labels\/Normal {
  color: #2B2B2B;
  font-size: 12px;
  font-weight: normal;
}

.psc-Global\/Components\/Labels\/SmallBold {
  color: #2B2B2B;
  font-size: 12px;
  font-weight: bold;
}

.psc-Global\/Components\/Misc\/Hover {
}
.psc-Global\/Components\/Misc\/Hover:hover {
  background-color: #F1F2F4;
}

.psc-Global\/Components\/h2 {
  background-color: #D5D5D5;
  font-weight: bold;
  text-align: center;
}

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

.psc-customer-portal\/Forms\/Dock\/Page {
  background-color: #EEF2F4;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

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

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

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

.psc-customer-portal\/Forms\/Page\/Bold {
  font-weight: bold;
}

.psc-customer-portal\/Forms\/Page\/Error {
  color: #AC0000;
  font-size: 12px;
  fill: #AC0000;
}

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

.psc-customer-portal\/Forms\/Page\/Icon {
  color: #535C69;
  fill: #535C69;
}

.psc-customer-portal\/Forms\/Page\/Icon_Action {
  color: #535C69;
  cursor: pointer;
  fill: #535C69;
}

.psc-customer-portal\/Forms\/Page\/Input {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #535C69;
  font-size: 12px;
}

.psc-customer-portal\/Forms\/Page\/Item {
  color: #535C69;
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
  fill: #535C69;
}

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

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

.psc-customer-portal\/Forms\/Page\/Page {
  background-color: #FFFFFF;
  border-bottom-color: #EEF2F4;
  border-bottom-style: solid;
  border-bottom-width: 14px;
  border-left-color: #EEF2F4;
  border-left-style: solid;
  border-left-width: 14px;
  border-right-color: #EEF2F4;
  border-right-style: solid;
  border-right-width: 14px;
  font-size: 14px;
}

.psc-customer-portal\/Forms\/Page\/Radio {
  cursor: pointer;
  fill: var(--radio--unselected);
}
.psc-customer-portal\/Forms\/Page\/Radio:hover {
  fill: #212730;
}

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

.psc-customer-portal\/Forms\/Page\/Value {
  background-color: #f8f9fa;
  color: #535C69;
  fill: #535C69;
}

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

.psc-customer-portal\/Forms\/Question\/Line {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.psc-customer-portal\/Forms\/Question\/LineTab {
  border-top-right-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.psc-customer-portal\/Forms\/Question\/Question {
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 20px;
}

.psc-customer-portal\/Forms\/Question\/Section {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right-style: solid;
  border-right-width: 1px;
  padding: 20px;
}

.psc-customer-portal\/Forms\/Question\/Tab {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.psc-customer-portal\/Forms\/Question\/Text\/Section {
  font-size: 32px;
}

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

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

.psc-customer-portal\/Forms\/Title\/Title {
  background-color: #EEF2F4;
}

.psc-customer-portal\/label-large {
  color: #535C69;
  font-family: Roboto;
  font-size: 24px;
}

.psc-customer-portal\/label-largest {
  color: #535C69;
  font-family: Roboto;
  font-size: 32px;
}

.psc-customer-portal\/label-normal {
  color: #535C69;
  font-family: Roboto;
  font-size: 16px;
}

.psc-customer-portal\/label-small {
  color: #535C69;
  font-family: Roboto;
  font-size: 12px;
}

.psc-exchange\/ApplicationHelp\/Action {
  cursor: pointer;
  fill: #59B1E8;
}

.psc-exchange\/ApplicationHelp\/Button {
  background-color: #F5F5F5;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
}

.psc-exchange\/ApplicationHelp\/Dock {
  background-color: #002143;
  color: #E6EAEE;
}

.psc-exchange\/ApplicationHelp\/Field {
  color: #8E8E8E;
  font-weight: 400;
  margin-bottom: 4px;
}

.psc-exchange\/ApplicationHelp\/Header {
  border-bottom-color: #003E69;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #E6EAEE;
  font-size: 14px;
  line-height: 20px;
}

.psc-exchange\/ApplicationHelp\/Icon {
  fill: #FAFAFB;
}

.psc-exchange\/ApplicationHelp\/Small_Text {
  font-size: 12px;
}

.psc-exchange\/ApplicationHelp\/Standard_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-exchange\/ApplicationHelp\/Title {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #FAFAFB;
}

.psc-exchange\/Markdown\/Actions {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-exchange\/Markdown\/Button {
  background-color: #F5F5F5;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}
.psc-exchange\/Markdown\/Button:hover {
  border-color: #AAAAAA;
}

.psc-exchange\/Markdown\/Button_Selected {
  background-color: #D5D5D5;
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}

.psc-exchange\/Markdown\/Editor {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-exchange\/adHocTrends\/CancelButton {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
}

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

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

.psc-exchange\/adHocTrends\/ControlBar {
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 16px;
  padding-top: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.psc-exchange\/cmms\/button\/primary {
  background-color: var(--callToAction);
  border-color: var(--callToAction);
  color: #FFFFFF;
}
.psc-exchange\/cmms\/button\/primary:hover {
  background-color: var(--callToAction--hover);
  border-color: var(--callToAction--hover);
}

.psc-exchange\/cmms\/button\/root {
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.psc-exchange\/cmms\/button\/root:hover {
}
.psc-exchange\/cmms\/button\/root:disabled {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30);
  color: var(--neutral-60);
}

.psc-exchange\/cmms\/button\/secondary {
  background-color: #FFFFFF;
  border-color: var(--callToAction);
  color: var(--callToAction);
}
.psc-exchange\/cmms\/button\/secondary:hover {
  border-color: var(--callToAction--hover);
  color: var(--callToAction--hover);
}

.psc-exchange\/cmms\/button\/tertiary {
  background-color: var(--qual-5);
  border-color: var(--qual-5);
  color: #FFFFFF;
}
.psc-exchange\/cmms\/button\/tertiary:hover {
  background-color: var(--error);
  border-color: var(--error);
}

.psc-exchange\/cmms\/card\/element {
  margin-bottom: 16px;
  margin-right: 16px;
}

.psc-exchange\/cmms\/card\/inventory-count {
  background-color: var(--neutral-30);
  border-color: var(--neutral-100);
  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;
  margin-bottom: 12px;
  margin-right: 6px;
  margin-top: 12px;
  padding: 8px;
  text-align: center;
}

.psc-exchange\/cmms\/card\/primary {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  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-30);
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}
.psc-exchange\/cmms\/card\/primary:hover {
  box-shadow: 0px 0px 8px 0px var(--neutral-30); ;
  color: var(--neutral-60);
}

.psc-exchange\/cmms\/card\/secondary {
  background-color: var(--neutral-10);
  color: var(--neutral-60);
  padding-left: 10px;
  padding-right: 10px;
}

.psc-exchange\/cmms\/card\/text\/active {
  color: var(--neutral-100);
}

.psc-exchange\/cmms\/card\/text\/inactive {
  color: var(--qual-5);
}

.psc-exchange\/cmms\/card\/text\/neutral {
  color: var(--neutral-60);
}

.psc-exchange\/cmms\/card\/text\/primary {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.psc-exchange\/cmms\/card\/text\/secondary {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.psc-exchange\/cmms\/container\/border\/full {
  border-color: var(--neutral-60);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.psc-exchange\/cmms\/container\/border\/left {
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 2px;
}

.psc-exchange\/cmms\/container\/border\/right {
  border-right-color: var(--neutral-60);
  border-right-style: solid;
  border-right-width: 2px;
}

.psc-exchange\/cmms\/container\/header\/popup {
  background-color: var(--neutral-20);
  padding-left: 15px;
  padding-right: 2px;
}

.psc-exchange\/cmms\/container\/margin\/horizontal {
  margin: 0px 6px;
}

.psc-exchange\/cmms\/container\/margin\/lg {
  margin: 10px;
}

.psc-exchange\/cmms\/container\/margin\/sm {
  margin: 6px;
}

.psc-exchange\/cmms\/container\/margin\/vertical {
  margin: 6px 0px;
}

.psc-exchange\/cmms\/container\/padding\/lg {
  padding: 12px;
}

.psc-exchange\/cmms\/container\/padding\/sm {
  padding: 8px;
}

.psc-exchange\/cmms\/container\/root\/card {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  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-30);
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}
.psc-exchange\/cmms\/container\/root\/card:hover {
  box-shadow: 0px 0px 8px 0px var(--neutral-30); ;
  color: var(--neutral-60);
}

.psc-exchange\/cmms\/container\/root\/field {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  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-100);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.psc-exchange\/cmms\/container\/root\/field:disabled {
  background-color: var(--neutral-20);
  color: var(--neutral-50);
  cursor: not-allowed;
}

.psc-exchange\/cmms\/container\/root\/field-dropdown-disabled {
  background-color: var(--neutral-20);
  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-60);
  cursor: not-allowed;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.psc-exchange\/cmms\/container\/root\/panel {
  background-color: var(--neutral-20);
  color: var(--neutral-100);
}

.psc-exchange\/cmms\/container\/root\/popup-body {
  box-shadow: inset 0px 2px 3px -2px var(--neutral-40);
}

.psc-exchange\/cmms\/container\/root\/primary {
  background-color: var(--neutral-10);
  color: var(--neutral-100);
}

.psc-exchange\/cmms\/equipment-udt\/body {
  margin: 6px;
}

.psc-exchange\/cmms\/equipment-udt\/footer {
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-60);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding-left: 8px;
  padding-right: 8px;
}

.psc-exchange\/cmms\/equipment-udt\/header {
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
}

.psc-exchange\/cmms\/equipment-udt\/label {
  color: var(--neutral-60);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.psc-exchange\/cmms\/equipment-udt\/primary {
  border-color: var(--neutral-60);
  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;
}

.psc-exchange\/cmms\/equipment-udt\/secondary {
  background-color: var(--neutral-20);
}

.psc-exchange\/cmms\/equipment-udt\/value {
  background-color: #F1F1F160;
  border-color: var(--neutral-30);
  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;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 3px;
  text-align: center;
  text-transform: uppercase;
}

.psc-exchange\/cmms\/equipment-udt\/warning {
  color: var(--qual-5);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  padding: 4px;
}

.psc-exchange\/cmms\/etc\/inventory-badge {
  background-color: var(--neutral-30);
  border-color: var(--neutral-100);
  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;
  margin-bottom: 12px;
  margin-right: 6px;
  margin-top: 12px;
  padding: 8px;
  text-align: center;
}

.psc-exchange\/cmms\/etc\/navigation-container {
  background-color: var(--neutral-10);
  border-bottom-color: #76767650;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}

.psc-exchange\/cmms\/etc\/navigation-menu-item {
  background-color: var(--neutral-10);
  color: var(--neutral-100);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  text-transform: capitalize;
}
.psc-exchange\/cmms\/etc\/navigation-menu-item:hover {
  background-color: var(--neutral-20);
}
@media (max-width: 750px) {
  .psc-exchange\/cmms\/etc\/navigation-menu-item {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
  }
}

.psc-exchange\/cmms\/etc\/tab-active {
  font-weight: 700;
}

.psc-exchange\/cmms\/etc\/tab-content {
  background-color: transparent;
  border-style: none;
  outline-style: none;
}

.psc-exchange\/cmms\/etc\/value-display {
  box-shadow: 0px 0px 8px 0px var(--neutral-30); ;
  padding-bottom: 8px;
}

.psc-exchange\/cmms\/field\/input {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  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-100);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.psc-exchange\/cmms\/field\/input:disabled {
  background-color: var(--neutral-20);
  color: var(--neutral-50);
  cursor: not-allowed;
}

.psc-exchange\/cmms\/field\/input-dropdown-disabled {
  background-color: var(--neutral-20);
  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-60);
  cursor: not-allowed;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.psc-exchange\/cmms\/field\/invalid {
  color: var(--qual-5);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
}

.psc-exchange\/cmms\/field\/label {
  color: var(--neutral-60);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.psc-exchange\/cmms\/header\/primary {
  background-color: var(--neutral-20);
  box-shadow: inset 0 -1px 3px 0px var(--neutral-40);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 750px) {
  .psc-exchange\/cmms\/header\/primary {
    font-size: 20px;
  }
}

.psc-exchange\/cmms\/header\/secondary {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
}
@media (max-width: 750px) {
  .psc-exchange\/cmms\/header\/secondary {
    font-size: 18px;
  }
}

.psc-exchange\/cmms\/header\/tertiary {
  color: var(--neutral-60);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.psc-exchange\/cmms\/icons\/on-hover {
  color: var(--neutral-50);
  padding: 2px;
}
.psc-exchange\/cmms\/icons\/on-hover:hover {
  background-color: var(--neutral-30);
  color: var(--neutral-80);
}

.psc-exchange\/cmms\/icons\/root {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  cursor: pointer;
}

.psc-exchange\/cmms\/main\/body {
  padding: 18px;
  padding-bottom: 6px;
}

.psc-exchange\/cmms\/main\/footer {
  background-color: var(--neutral-20);
  color: var(--neutral-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
}

.psc-exchange\/cmms\/main\/header {
  background-color: var(--neutral-20);
  box-shadow: inset 0 -1px 3px 0 var(--neutral-40);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
}

.psc-exchange\/cmms\/main\/root {
  background-color: var(--neutral-10);
  color: var(--neutral-90);
}

.psc-exchange\/cmms\/main\/vertical-margin {
  margin-bottom: 8px;
  margin-top: 8px;
}

.psc-exchange\/cmms\/section\/header {
  background-color: var(--neutral-20);
  box-shadow: inset 0 -1px 3px 0px var(--neutral-40);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 750px) {
  .psc-exchange\/cmms\/section\/header {
    font-size: 20px;
  }
}

.psc-exchange\/cmms\/section\/message {
  background-color: #FFAC47;
  border-top-right-radius: 15px;
  box-shadow: 2px -2px 10px 4px var(--neutral-50);;
  color: var(--neutral-100);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 4px;
  padding-left: 8px;
  text-align: left;
}

.psc-exchange\/cmms\/section\/notification {
  background-color: var(--neutral-80);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 2px -2px 10px 4px var(--neutral-50);;
  color: var(--neutral-10);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 4px 6px;
  text-align: left;
}

.psc-exchange\/cmms\/section\/value-display {
  background-color: var(--neutral-10);
  border-color: var(--neutral-30);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 8px 0px var(--neutral-30); ;
  color: var(--neutral-100);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.psc-exchange\/cmms\/text\/color\/primary {
  color: var(--neutral-100);
}

.psc-exchange\/cmms\/text\/color\/secondary {
  color: var(--neutral-60);
}

.psc-exchange\/cmms\/text\/color\/warning {
  color: var(--qual-5);
}

.psc-exchange\/cmms\/text\/sz-14-400-16 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.psc-exchange\/cmms\/text\/sz-16-400-18 {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.psc-exchange\/cmms\/text\/sz-16-700-20 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.psc-exchange\/cmms\/text\/sz-18-500-30 {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.psc-exchange\/cmms\/text\/sz-18-600-20 {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.psc-exchange\/cmms\/text\/sz-18-700-24 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.psc-exchange\/cmms\/work-order-task\/state\/base {
  border-color: var(--neutral-100);
  border-style: none;
  border-width: 2px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: var(--neutral-100);
  font-size: 16px;
  padding: 4px;
  text-align: center;
}
@media (max-width: 750px) {
  .psc-exchange\/cmms\/work-order-task\/state\/base {
    font-size: 10px;
    white-space: nowrap;
  }
}

.psc-exchange\/cmms\/work-order-task\/state\/complete {
  background-color: var(--callToAction);
  color: #FFFFFF;
}

.psc-exchange\/cmms\/work-order-task\/state\/in-progress {
  background-color: var(--indicator);
}

.psc-exchange\/cmms\/work-order-task\/state\/issued {
  background-color: var(--neutral-30);
}

.psc-exchange\/cmms\/work-order-task\/state\/on-hold {
  background-color: #FFCA8A;
}

@keyframes psc-Components\/Labels\/Attention-anim {
  0% {
    color: #AC0000;
  }
  100% {
    color: #FF8A8A;
  }
}
.psc-Components\/Labels\/Attention {
  animation-name: psc-Components\/Labels\/Attention-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Global\/Components\/Labels\/Attention-anim {
  0% {
    color: #AC0000;
  }
  100% {
    color: #FF8A8A;
  }
}
.psc-Global\/Components\/Labels\/Attention {
  animation-name: psc-Global\/Components\/Labels\/Attention-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-exchange\/cmms\/work-order-task\/state\/current-anim {
  0% {
    border-color: var(--neutral-100);
    border-style: solid;
  }
  100% {
    border-color: #00000010;
    border-style: solid;
  }
}
.psc-exchange\/cmms\/work-order-task\/state\/current {
  animation-name: psc-exchange\/cmms\/work-order-task\/state\/current-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
