/*------------------------------------*    #PX-COLORS-DESIGN
\*------------------------------------*/
/** Neutral Palette (gray20 is darkest, gray1 is lightest) */
/** Define grey = gray to avoid dev typos */
/** Actionable Palette */
/** Selection Palette */
/** Dark Actionable Palette */
/** Alerts and Status */
/** Data Visualization */
/** Orange */
/** Yellow */
/** Yellow Green */
/** Green */
/** Teal */
/** Aqua */
/** Cyan */
/** Blue */
/** Violet */
/** Purple */
/** Pink */
/** Red */
/** Brown */
/** Gray */
/** Define grey = gray to avoid dev typos */
/** Salmon */
.shadow-component { -webkit-box-shadow: 0px 1px 1px var(--px-shadow-component, rgba(0, 0, 0, 0.2)); box-shadow: 0px 1px 1px var(--px-shadow-component, rgba(0, 0, 0, 0.2)); }

.shadow-temporary { -webkit-box-shadow: 0px 1px 3px var(--px-shadow-temporary, rgba(0, 0, 0, 0.2)); box-shadow: 0px 1px 3px var(--px-shadow-temporary, rgba(0, 0, 0, 0.2)); }

.shadow-navigation { -webkit-box-shadow: 0px 2px 4px var(--px-shadow-navigation, rgba(0, 0, 0, 0.2)); box-shadow: 0px 2px 4px var(--px-shadow-navigation, rgba(0, 0, 0, 0.2)); }

.shadow-notification { -webkit-box-shadow: 0px 4px 8px var(--px-shadow-notification, rgba(0, 0, 0, 0.2)); box-shadow: 0px 4px 8px var(--px-shadow-notification, rgba(0, 0, 0, 0.2)); }

.shadow-modal { -webkit-box-shadow: 0px 6px 12px var(--px-shadow-modal, rgba(0, 0, 0, 0.2)); box-shadow: 0px 6px 12px var(--px-shadow-modal, rgba(0, 0, 0, 0.2)); }

/** AppNav styles */
.px-app-nav { height: var(--px-app-nav-height, 4rem); background-color: var(--px-app-nav-background-color, whitesmoke); -webkit-box-shadow: var(--px-app-nav-box-shadow, 0px 2px 4px var(--px-shadow-navigation, rgba(0, 0, 0, 0.2))); box-shadow: var(--px-app-nav-box-shadow, 0px 2px 4px var(--px-shadow-navigation, rgba(0, 0, 0, 0.2))); display: block; width: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

.px-app-nav .app-nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

.px-app-nav .app-nav__items { height: var(--px-app-nav-height, 4rem); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; }

.px-app-nav.vertical { overflow-x: hidden; overflow-y: hidden; position: var(--px-app-nav-vertical-position, absolute); height: var(--px-app-nav-vertical-height, 100%); left: 0; top: 0; min-width: var(--px-app-nav-vertical-width, 4rem); max-width: var(--px-app-nav-vertical-width, 4rem); -webkit-transition: var(--px-app-nav-vertical-transition, max-width 250ms ease); transition: var(--px-app-nav-vertical-transition, max-width 250ms ease); }

.px-app-nav.vertical.vertical-opened { overflow-y: auto; max-width: var(--px-app-nav-vertical-width--opened, 21.33333rem); }

.px-app-nav.vertical .app-nav { display: block; }

.px-app-nav.vertical .app-nav__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.px-app-nav-group { color: var(--px-base-text-color, #2c404c); line-height: 1.33333; /* [1] */ /* [4] */ -moz-osx-font-smoothing: grayscale; /* [5] */ -webkit-font-smoothing: antialiased; /* [5] */ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; overflow: hidden; }

.px-app-nav-group .px-app-nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.px-app-nav-group .app-nav-group__dropdown { display: block; height: calc(100vh - var(--px-app-nav-height, 4rem)); z-index: 399; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); }

.px-app-nav-group .app-nav-group__dropdown__content { background-color: var(--px-app-nav-subitem-background-color, white); max-width: inherit; margin: 1px; position: relative; top: -1px; }

/* Copyright (c) 2014 GE Global Research. All rights reserved. The copyright to the computer software herein is the property of GE Global Research. The software may be used and/or copied only with the written permission of GE Global Research or in accordance with the terms and conditions stipulated in the agreement/contract under which the software has been supplied. */
.px-app-nav-subgroup { line-height: 1.33333; /* [1] */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; /* [4] */ -moz-osx-font-smoothing: grayscale; /* [5] */ -webkit-font-smoothing: antialiased; /* [5] */ display: block; height: auto; }

.app-nav-subgroup__dropdown { height: 0px; overflow: hidden; }

.app-nav-subgroup__dropdown--open { height: auto; overflow: auto; }

/* Item State: Hover */
/* Item State: Pressed */
/* Item State: Selected */
/* Item State: Default */
/* Item State: Selected+Collapsed */
/* Item State: Empty */
.px-app-nav-item { line-height: 1.33333; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--px-app-nav-height, 4rem); padding-left: var(--px-app-nav-item-padding, 1rem); padding-right: var(--px-app-nav-item-padding, 1rem); cursor: pointer; color: var(--px-app-nav-item-text-color, darkgray); background-color: var(--px-app-nav-item-background-color, lightgray); --iron-icon-stroke-color: var(--px-app-nav-item-icon-color, darkgray); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; /* Item State: Selected */ /* Item State: Selected+Collapsed */ /* Item State: Empty */ /* Sub-components */ }

.px-app-nav-item:hover { color: var(--px-app-nav-item-text-color--hover, lightgray); background-color: var(--px-app-nav-item-background-color--hover, darkgray); --iron-icon-stroke-color: var(--px-app-nav-item-icon-color--hover, lightgray); }

.px-app-nav-item:active { color: var(--px-app-nav-item-text-color--pressed, darkgray); background-color: var(--px-app-nav-item-background-color--pressed, lightgray); --iron-icon-stroke-color: var(--px-app-nav-item-icon-color--pressed, darkgray); }

.px-app-nav-item.selected { color: var(--px-app-nav-item-text-color--selected, darkgray); background-color: var(--px-app-nav-item-background-color--selected, white); --iron-icon-stroke-color: var(--px-app-nav-item-icon-color--selected, darkgray); }

.px-app-nav-item.selected:before { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: var(--px-app-nav-item-stripe-size--selected, 0.13333rem); background-color: var(--px-app-nav-item-stripe-color--selected, blue); }

.px-app-nav-item.selected.collapsed { color: var(--px-app-nav-item-text-color--collapsed, darkgray); background-color: var(--px-app-nav-item-background-color--collapsed, white); --iron-icon-stroke-color: var(--px-app-nav-item-icon-color--collapsed, darkgray); }

.px-app-nav-item.selected.collapsed:before { top: 0; left: 0; bottom: 0; right: auto; height: 100%; width: var(--px-app-nav-item-stripe-size--selected, 0.13333rem); }

.px-app-nav-item .app-nav-item__label { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.px-app-nav-item.collapsed .app-nav-item__label, .px-app-nav-item.overflowed .app-nav-item__label { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.px-app-nav-item .app-nav-item__label--empty { display: block; width: 6.66667rem; height: 0.66667rem; background-color: var(--px-app-nav-item-background-color--empty, lightgray); }

.px-app-nav-item .app-nav-item__icon { --iron-icon-height: var(--px-app-nav-item-icon-size, 2rem); --iron-icon-width: var(--px-app-nav-item-icon-size, 2rem); }

.px-app-nav-item .app-nav-item__icon--with-label { margin-right: 0.33333rem; }

.px-app-nav-item .app-nav-item__icon--empty { display: block; width: var(--px-app-nav-item-icon-size, 2rem); height: var(--px-app-nav-item-icon-size, 2rem); background-color: var(--px-app-nav-item-background-color--empty, lightgray); -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.px-app-nav-item .app-nav-item__dropdown-icon { --iron-icon-height: 1.33333rem; --iron-icon-width: 1.33333rem; margin-left: 0.2rem; }

.px-app-nav-item.only-show-icon .app-nav-item__label { display: none; }

.px-app-nav-item.only-show-icon .app-nav-item__dropdown-icon, .px-app-nav-item.only-show-icon .app-nav-item__label { display: none; }

/* Copyright (c) 2014 GE Global Research. All rights reserved. The copyright to the computer software herein is the property of GE Global Research. The software may be used and/or copied only with the written permission of GE Global Research or in accordance with the terms and conditions stipulated in the agreement/contract under which the software has been supplied. */
:host { line-height: 1.33333; /* [1] */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; /* [4] */ -moz-osx-font-smoothing: grayscale; /* [5] */ -webkit-font-smoothing: antialiased; /* [5] */ }

/* Subitem State: Default */
/* Subitem State: Hover */
/* Subitem State: Collapsed */
/* Subitem State: Selected */
/* Subitem State: Collapsed */
/* Subitem State: Collapsed:hover */
.px-app-nav-subitem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1rem; padding-right: 1rem; cursor: pointer; height: var(--px-app-nav-subitem-height, 2rem); color: var(--px-app-nav-subitem-text-color, darkgray); background-color: var(--px-app-nav-subitem-background-color, white); }

.px-app-nav-subitem:hover { color: var(--px-app-nav-subitem-text-color--hover, darkgray); background-color: var(--px-app-nav-subitem-background-color--hover, lightgray); }

.px-app-nav-subitem.selected { color: var(--px-app-nav-subitem-text-color--selected, white); background-color: var(--px-app-nav-subitem-background-color--selected, blue); }

.px-app-nav-subitem.collapsed { color: var(--px-app-nav-subitem-text-color--collapsed, darkgray); background-color: var(--px-app-nav-subitem-background-color--collapsed, darkgray); padding-left: 3.66667rem; }

:host([collapsed]:hover) { background-color: var(--px-app-nav-subitem-background-color--collapsed-hover, darkgray); }

/* Subitem State: Collapsed+Parent Selected+NOT selected */
:host([collapsed][parent-selected]) { color: var(--px-app-nav-subitem-text-color--parent-collapsed-not-selected, darkgray); background-color: var(--px-app-nav-subitem-background-color--parent-collapsed-not-selected, white); }

:host([collapsed][parent-selected]):before { content: ''; display: block; background-color: var(--px-app-nav-subitem-accent-color--parent-collapsed-selected, blue); position: absolute; top: 0; left: 0; bottom: 0; width: 2px; height: 100%; }

:host([collapsed][parent-selected]:hover) { background-color: var(--px-app-nav-subitem-background-color--parent-collapsed-hover, lightgray); }

/* Subitem State: Collapsed+Parent Selected+Selected */
:host([collapsed][parent-selected][selected]) { color: var(--px-app-nav-subitem-text-color--parent-collapsed-selected, white); background-color: var(--px-app-nav-subitem-background-color--parent-collapsed-selected, lightgray); }

/* Sub-components */
.app-nav-subitem__label { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
