/* 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; }
