@charset "UTF-8";
/** px-navbar styles */
.px-navbar { /*------------------------------------*    #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 */ /** A series of helper classes to use arbitrarily. Only use a helper class if an element/component doesn’t already have a class to which you could apply this styling, e.g. if you need to float `.main-nav` left then add `float:left;` to that ruleset as opposed to adding the `.float--left` class to the markup. A lot of these classes carry `!important` as you will always want them to win out over other selectors. */ /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ /** Add/remove floats */ /** Text alignment */ /** Full height element */ /** Add a help cursor to any element that gives the user extra information on `:hover`. */ /** Add a pointer cursor to any element, useful for on-click events */ /** Mute an object by reducing its opacity. */ /** Align items to the right where they imply progression/movement forward, e.g.: <p class=proceed><a href=#>Read more...</a></p> */ /** Apply capital case to an element (usually a `strong`). */ /** Hide visually and from screen readers: http://juicystudio.com/article/screen-readers-display-none.php */ /** Hide content off-screen without resorting to `display:none;` */ /** Hide visually and from screen readers, but maintain layout */ /** Truncate text with an ellipsis */ /** Margin and padding helper classes. Use these to tweak layout on a micro level. `.u-(m|p)(t|r|b|l|h|v)(-|+|0) {}` = utility - margin/padding top/right/bottom/left/horizontal/vertical less/more/none */ /* Copyright (c) 2016 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-navbar a { background-color: transparent; /** Default link colors */ /** Improve readability when focused and also mouse hovered in all browsers. */ }

.px-navbar a:link, .px-navbar a:visited { color: #007acc; }

.px-navbar a:hover { color: #005c99; }

.px-navbar a:active { color: #003d66; }

.px-navbar a:active, .px-navbar a:hover { outline: 0; }

.px-navbar .float--right { float: right !important; }

.px-navbar .float--left { float: left !important; }

.px-navbar .float--none { float: none !important; }

.px-navbar .text--left { text-align: left !important; }

.px-navbar .text--center { text-align: center !important; }

.px-navbar .text--right { text-align: right !important; }

.px-navbar .full-height { height: 100% !important; }

.px-navbar .informative { cursor: help !important; }

.px-navbar .pointer { cursor: pointer !important; }

.px-navbar .muted { opacity: 0.5 !important; }

.px-navbar .proceed { text-align: right !important; }

.px-navbar .caps { text-transform: uppercase !important; }

.px-navbar .hidden { display: none !important; visibility: hidden; }

.px-navbar .a11y, .px-navbar .visuallyhidden { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }

.px-navbar .a11y.focusable:active, .px-navbar .a11y.focusable:focus, .px-navbar .visuallyhidden.focusable:active, .px-navbar .visuallyhidden.focusable:focus { position: static; overflow: visible; width: auto; height: auto; margin: 0; clip: auto; }

@media screen and (min-width: 45em) and (max-width: 63.9375em) { .px-navbar .a11y-lap, .px-navbar .visuallyhidden-lap { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (max-width: 63.9375em) { .px-navbar .a11y-portable, .px-navbar .visuallyhidden-portable { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 64em) { .px-navbar .a11y-desk, .px-navbar .visuallyhidden-desk { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (max-width: 44.9375em) { .px-navbar .a11y-palm, .px-navbar .visuallyhidden-palm { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 45em) { .px-navbar .a11y-lap-and-up, .px-navbar .visuallyhidden-lap-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 64em) { .px-navbar .a11y-desk-and-up, .px-navbar .visuallyhidden-desk-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 120em) { .px-navbar .a11y-large-and-up, .px-navbar .visuallyhidden-large-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .px-navbar .a11y-retina, .px-navbar .visuallyhidden-retina { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

.px-navbar .invisible { visibility: hidden !important; }

.px-navbar .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.px-navbar .has-navbar { padding-top: 56px; position: relative; }

.px-navbar .navbar { position: absolute; top: 0; left: 0; right: 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: var(--px-navbar-transition, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)); transition: var(--px-navbar-transition, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)); }

.px-navbar .navbar--is-hidden { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

.px-navbar .navbar * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

.px-navbar .navbar .btn, .px-navbar .navbar button { outline: none; }

.px-navbar .navbar--tiny { padding: 0.33333rem; }

.px-navbar .navbar--small { padding: 0.66667rem; }

.px-navbar .navbar--default { padding: 1rem; }

.px-navbar .navbar--large { padding: 1.33333rem; }

.px-navbar .navbar--huge { padding: 2rem; }

.px-navbar .navbar--fixed { position: fixed; }

.px-navbar .navbar--static { position: static; }

.px-navbar .navbar__inner { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 56px; padding: 0.33333rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.px-navbar .navbar__center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-item-align: center; align-self: center; text-align: center; }

.px-navbar .navbar__center > * { display: block; }

.px-navbar .navbar__left { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; }

.px-navbar .navbar__right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; }

.px-navbar .navbar__title { display: block; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.px-navbar .navbar__subtitle { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.px-navbar .navbar__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }

.px-navbar .navbar .navbar__button { padding: 0.33333rem; letter-spacing: 0; line-height: 20px; padding: 0.33333rem; min-width: 2.93333rem; min-height: 2.93333rem; -webkit-transition: none; transition: none; vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.px-navbar .navbar .navbar__button.btn { min-width: 2.93333rem; height: 2.93333rem; }

.px-navbar .navbar .navbar__button i, .px-navbar .navbar .navbar__button span { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-item-align: center; align-self: center; }

.px-navbar .navbar .navbar__button:disabled, .px-navbar .navbar .navbar__button[disabled] { opacity: 0.3; cursor: default; pointer-events: none; }

.px-navbar .navbar .navbar__button:focus { outline: none; -webkit-transition: none; transition: none; }

.px-navbar .navbar .navbar__button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none; }

.px-navbar .navbar .navbar__button--back i.fa-angle-left { margin-right: 0.66667rem; }

.px-navbar :root { --px-navbar-background-color: var(--px-base-background-color, white); --px-navbar-title-color: var(--px-base-text-color, --px-view-header-title-color); }

.px-navbar .navbar { font-size: 15px; border-bottom: 1px solid gray; border-bottom: var(--px-navbar-border-bottom, 1px solid gray); background-color: var(--px-navbar-background-color, white); color: var(--px-navbar-color, black); }

.px-navbar .navbar--transparent { background-color: transparent; color: var(--px-navbar-font-color, #2c404c); }

.px-navbar .navbar--transparent .navbar__button { color: var(--px-navbar-font-color, #2c404c); }

.px-navbar .navbar--shadow { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); }

.px-navbar .navbar ::content .navbar__button, .px-navbar .navbar .navbar__button { background-color: var(--px-navbar-button-background-color, transparent); color: var(--px-navbar-button-color, blue); border: var(--px-navbar-button-border, 1px solid transparent); border-radius: 2px; font-size: 15px; color: var(--px-base-text-color, var(--px-navbar-button-color, blue)); cursor: pointer; }

.px-navbar .navbar ::content .navbar__button > *, .px-navbar .navbar .navbar__button > * { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; }

.px-navbar .navbar ::content .navbar__button:active, .px-navbar .navbar .navbar__button:active { background-color: rgba(0, 0, 0, 0.5); -webkit-transition: none; transition: none; opacity: 0.5; }

.px-navbar .navbar__title { font-size: 1rem; color: var(--px-navbar-title-color, black); }

.px-navbar .navbar__subtitle { font-size: 0.8rem; color: var(--px-navbar-subtitle-color, #677e8c); }

.px-navbar .toggle__menu { color: inherit; width: 30px; height: 30px; overflow: hidden; opacity: 0.54; -webkit-transition: opacity 0.333s cubic-bezier(0, 0, 0.21, 1); transition: opacity 0.333s cubic-bezier(0, 0, 0.21, 1); border: none; outline: none; cursor: pointer; }

.px-navbar .toggle__menu svg { fill: currentColor; }

.px-navbar .toggle__menu:focus, .px-navbar .toggle__menu:hover { opacity: 1; }
