@charset "UTF-8";
/** px-dropdown styles */
.px-dropdown { /* 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. */ /** Sets the global `box-sizing` state to `border-box`. css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice paulirish.com/2012/box-sizing-border-box-ftw */ /** the html and :host declarations cannot be adjacent to one other or cssmin will combine them into a single rule, breaking in Safari and Firefox. */ /** 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. */ /*------------------------------------*    #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 */ /* 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 */ /** Workaround for FF since it does not support calc(). */ /** 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 */ /** Add tiny paddings. */ /** Add small paddings. */ /** Remove paddings. */ }

.px-dropdown html { -webkit-box-sizing: border-box; box-sizing: border-box; }

.px-dropdown *, .px-dropdown *:before, .px-dropdown *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

.px-dropdown :host { /*! Comment to prevent cssmin munging this rule with html above and borking Safari */ -webkit-box-sizing: border-box; box-sizing: border-box; }

.px-dropdown a { background-color: transparent; /** Default link colors */ /** Improve readability when focused and also mouse hovered in all browsers. */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.px-dropdown .a11y, .px-dropdown .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-dropdown .a11y.focusable:active, .px-dropdown .a11y.focusable:focus, .px-dropdown .visuallyhidden.focusable:active, .px-dropdown .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-dropdown .a11y-lap, .px-dropdown .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-dropdown .a11y-portable, .px-dropdown .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-dropdown .a11y-desk, .px-dropdown .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-dropdown .a11y-palm, .px-dropdown .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-dropdown .a11y-lap-and-up, .px-dropdown .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-dropdown .a11y-desk-and-up, .px-dropdown .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-dropdown .a11y-large-and-up, .px-dropdown .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-dropdown .a11y-retina, .px-dropdown .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-dropdown .invisible { visibility: hidden !important; }

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

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

.px-dropdown .inline--flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.px-dropdown .flex--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.px-dropdown .flex--row--rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.px-dropdown .flex--col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.px-dropdown .flex--col--rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.px-dropdown .flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.px-dropdown .flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.px-dropdown .flex--wrap--rev { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.px-dropdown .flex--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.px-dropdown .flex--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.px-dropdown .flex--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.px-dropdown .flex--justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.px-dropdown .flex--spaced { -ms-flex-pack: distribute; justify-content: space-around; }

.px-dropdown .flex--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.px-dropdown .flex--middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.px-dropdown .flex--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.px-dropdown .flex--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.px-dropdown .flex--baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.px-dropdown .flex--top--multi { -ms-flex-line-pack: start; align-content: flex-start; }

.px-dropdown .flex--middle--multi { -ms-flex-line-pack: center; align-content: center; }

.px-dropdown .flex--bottom--multi { -ms-flex-line-pack: end; align-content: flex-end; }

.px-dropdown .flex--stretch--multi { -ms-flex-line-pack: stretch; align-content: stretch; }

.px-dropdown .flex--justify--multi { -ms-flex-line-pack: justify; align-content: space-between; }

.px-dropdown .flex--spaced--multi { -ms-flex-line-pack: distribute; align-content: space-around; }

.px-dropdown .flex__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.px-dropdown .flex__item--msfix { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.px-dropdown .flex__item--top { -ms-flex-item-align: start; align-self: flex-start; }

.px-dropdown .flex__item--middle { -ms-flex-item-align: center; align-self: center; }

.px-dropdown .flex__item--bottom { -ms-flex-item-align: end; align-self: flex-end; }

.px-dropdown .flex__item--baseline { -ms-flex-item-align: baseline; align-self: baseline; }

.px-dropdown fieldset { margin: 0; }

.px-dropdown fieldset, .px-dropdown fieldset legend { border: 0; padding: 0; }

.px-dropdown legend { margin-bottom: 1.33333rem; font-weight: bold; }

.px-dropdown .form-field { margin-bottom: 1.33333rem; }

.px-dropdown .form-field:last-child { margin-bottom: 2.66667rem; }

.px-dropdown label { display: block; margin-bottom: 0.26667rem; cursor: pointer; text-transform: uppercase; font-size: 12px; color: var(--px-input-label-text-color, #677e8c); letter-spacing: var(--px-headings-letter-spacing, 0.3px); }

.px-dropdown .label--inline { display: inline-block; margin-bottom: 0; }

.px-dropdown .label--inline + .text-input { margin-left: 0.66667rem; }

.px-dropdown .text-input, .px-dropdown textarea, .px-dropdown select { font: inherit; outline: 0; background-color: var(--px-input-background-color, transparent); -webkit-transition: background .4s, border-color .4s, color .4s; transition: background .4s, border-color .4s, color .4s; }

.px-dropdown .text-input:disabled, .px-dropdown .text-input[readonly], .px-dropdown textarea:disabled, .px-dropdown textarea[readonly], .px-dropdown select:disabled, .px-dropdown select[readonly] { border-color: var(--px-input-border-color--disabled, rgba(0, 0, 0, 0.2)); color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); cursor: not-allowed; background-color: var(--px-input-background-color--disabled, transparent); }

.px-dropdown .text-input:hover, .px-dropdown textarea:hover, .px-dropdown select:hover { background-color: var(--px-input-background-color--hover, #d8e0e5); }

.px-dropdown .text-input::-webkit-input-placeholder, .px-dropdown textarea::-webkit-input-placeholder, .px-dropdown select::-webkit-input-placeholder { color: var(--px-input-text-color--placeholder, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:-ms-input-placeholder, .px-dropdown textarea:-ms-input-placeholder, .px-dropdown select:-ms-input-placeholder { color: var(--px-input-text-color--placeholder, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input::-ms-input-placeholder, .px-dropdown textarea::-ms-input-placeholder, .px-dropdown select::-ms-input-placeholder { color: var(--px-input-text-color--placeholder, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input::placeholder, .px-dropdown textarea::placeholder, .px-dropdown select::placeholder { color: var(--px-input-text-color--placeholder, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:focus::-webkit-input-placeholder, .px-dropdown textarea:focus::-webkit-input-placeholder, .px-dropdown select:focus::-webkit-input-placeholder { color: var(--px-input-text-color--placeholder--focused, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:focus:-ms-input-placeholder, .px-dropdown textarea:focus:-ms-input-placeholder, .px-dropdown select:focus:-ms-input-placeholder { color: var(--px-input-text-color--placeholder--focused, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:focus::-ms-input-placeholder, .px-dropdown textarea:focus::-ms-input-placeholder, .px-dropdown select:focus::-ms-input-placeholder { color: var(--px-input-text-color--placeholder--focused, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:focus::placeholder, .px-dropdown textarea:focus::placeholder, .px-dropdown select:focus::placeholder { color: var(--px-input-text-color--placeholder--focused, rgba(0, 0, 0, 0.3)); }

.px-dropdown .text-input:disabled::-webkit-input-placeholder, .px-dropdown textarea:disabled::-webkit-input-placeholder, .px-dropdown select:disabled::-webkit-input-placeholder { color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); }

.px-dropdown .text-input:disabled:-ms-input-placeholder, .px-dropdown textarea:disabled:-ms-input-placeholder, .px-dropdown select:disabled:-ms-input-placeholder { color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); }

.px-dropdown .text-input:disabled::-ms-input-placeholder, .px-dropdown textarea:disabled::-ms-input-placeholder, .px-dropdown select:disabled::-ms-input-placeholder { color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); }

.px-dropdown .text-input:disabled::placeholder, .px-dropdown textarea:disabled::placeholder, .px-dropdown select:disabled::placeholder { color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); }

.px-dropdown .text-input { height: 2em; width: 100%; border: none; border-radius: 0; border-bottom: 1px solid var(--px-input-border-color--outer, #889aa5); padding: 0 0.33333rem; color: var(--px-input-text-color, #2c404c); }

.px-dropdown .text-input:focus { border-color: var(--px-input-border-color--outer--focused, #007acc); background-color: var(--px-input-background-color--focused, #eefbff); color: var(--px-input-text-color--focused, inherit); }

.px-dropdown .text-input + [type=checkbox], .px-dropdown .text-input + [type=radio] { margin-left: 1.33333rem; }

.px-dropdown .text-input + .label--inline { margin-left: 0.66667rem; }

.px-dropdown .text-input::-webkit-input-placeholder { padding-top: 1px; }

.px-dropdown .text-input:-ms-input-placeholder { padding-top: 1px; }

.px-dropdown .text-input::-ms-input-placeholder { padding-top: 1px; }

.px-dropdown .text-input::placeholder { padding-top: 1px; }

.px-dropdown .text-input::-ms-clear { display: none; }

.px-dropdown textarea { width: 100%; color: var(--px-input-text-color, #2c404c); overflow: auto; min-height: calc(120px + 0.66667rem); padding: 0.33333rem 0.66667rem; resize: vertical; border: 1px solid var(--px-input-border-color--outer, #889aa5); border-radius: 0; }

.px-dropdown textarea:focus { color: var(--px-input-text-color--focused, inherit); background-color: var(--px-input-textarea-background--focused, #eefbff); border: 1px solid var(--px-input-border-color--outer--focused, #007acc); }

.px-dropdown select { width: auto; padding: 0 3em 0 1em; -webkit-box-shadow: none; box-shadow: none; height: calc(2em); cursor: pointer; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%232c404c%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 0.66667rem) 37.5%; color: var(--px-select-text-color, #2c404c); background-color: var(--px-select-background-color, #d8e0e5); border: var(--px-select-border-color, transparent); border-radius: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; }

.px-dropdown select:hover { background-color: var(--px-select-background-color--hover, #a3b5bf); }

.px-dropdown select:active { background-color: var(--px-select-background-color--active, #889aa5); }

.px-dropdown select:disabled, .px-dropdown select[readonly] { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23c5d1d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E"); color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2)); }

.px-dropdown select[multiple] { padding: 0.33333rem; cursor: pointer; border: none; background: var(--px-multiselect-background-color, #ebeff2); }

.px-dropdown select::-ms-expand { display: none; }

@-moz-document url-prefix() { .px-dropdown select { padding-top: .4em; padding-bottom: .4em; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .px-dropdown select { padding-top: .4em; padding-bottom: .4em; } }

.px-dropdown .text-input + [type=submit], .px-dropdown .text-input [type=cancel], .px-dropdown .label--inline + [type=submit], .px-dropdown .label--inline [type=cancel] { margin-left: 1.33333rem; }

.px-dropdown [type=checkbox], .px-dropdown [type=radio] { margin: 0; padding: 0; font-size: 1.05em; cursor: pointer; outline: none; }

.px-dropdown [type=checkbox][disabled], .px-dropdown [type=radio][disabled] { cursor: not-allowed; }

.px-dropdown [type=checkbox][disabled] + .label--inline, .px-dropdown [type=radio][disabled] + .label--inline { cursor: not-allowed; }

.px-dropdown [type=checkbox] + .label--inline { padding-left: 5px; }

.px-dropdown [type=radio] + .label--inline { padding-left: 3px; }

.px-dropdown .form-field__help { display: inline-block; margin-top: 0; margin-left: 0.33333rem; font-size: 12px; line-height: inherit; color: var(--px-input-text-color--help, #677e8c); }

.px-dropdown .btn { display: inline-block; overflow: visible; height: var(--px-btn-height, 2em); min-width: var(--px-btn-min-width, 4.66667em); margin: 0; border: 1px solid var(--px-btn-border-color, transparent); border-radius: 0 !important; padding: 0 calc(var(--px-btn-height, 2em) / 2); -webkit-box-shadow: var(--px-btn-shadow--light, none); box-shadow: var(--px-btn-shadow--light, none); font: inherit; line-height: calc(var(--px-btn-height, 2em) - 2px); -webkit-font-smoothing: antialiased; cursor: pointer; text-align: center; text-decoration: none; text-transform: none; white-space: nowrap; background-color: var(--px-btn-background, #d8e0e5); -webkit-transition: background .4s, border-color .4s, color .4s; transition: background .4s, border-color .4s, color .4s; }

.px-dropdown .btn, .px-dropdown .btn:link, .px-dropdown .btn:visited, .px-dropdown .btn:hover, .px-dropdown .btn:active { color: var(--px-btn-color, #2c404c); }

.px-dropdown .btn:hover, .px-dropdown .btn:focus { border-color: var(--px-btn-border-color--hover, transparent); -webkit-box-shadow: var(--px-btn-shadow, none); box-shadow: var(--px-btn-shadow, none); background-color: var(--px-btn-background--hover, #a3b5bf); }

.px-dropdown .btn:active { border-color: var(--px-btn-border-color--pressed, transparent); -webkit-box-shadow: none; box-shadow: none; background-color: var(--px-btn-background--pressed, #889aa5); }

.px-dropdown .btn:active { outline: none; }

@-moz-document url-prefix() { .px-dropdown .btn:not(button) { line-height: 1.8em; } }

.px-dropdown button.btn { -webkit-appearance: button; }

.px-dropdown .btn + .btn { margin-left: 0.66667rem; }

.px-dropdown .btn--bare { height: var(--px-btn-height, 2em); border: 0 !important; border-radius: 0 !important; line-height: inherit; padding-left: 0; padding-right: 0; -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; }

.px-dropdown .btn--bare, .px-dropdown .btn--bare:link, .px-dropdown .btn--bare:visited, .px-dropdown .btn--bare:hover, .px-dropdown .btn--bare:active, .px-dropdown .btn--bare:focus { -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; }

.px-dropdown .btn--bare, .px-dropdown .btn--bare:link, .px-dropdown .btn--bare:visited { color: var(--px-btn-bare-color, #2c404c); }

.px-dropdown .btn--bare:hover, .px-dropdown .btn--bare:focus { color: var(--px-btn-bare-color--hover, #007acc); }

.px-dropdown .btn--bare:active { color: var(--px-btn-bare-color--pressed, #003d66); }

.px-dropdown .btn--bare--primary { height: var(--px-btn-height, 2em); border: 0 !important; border-radius: 0 !important; line-height: inherit; padding-left: 0; padding-right: 0; -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; }

.px-dropdown .btn--bare--primary, .px-dropdown .btn--bare--primary:link, .px-dropdown .btn--bare--primary:visited, .px-dropdown .btn--bare--primary:hover, .px-dropdown .btn--bare--primary:active, .px-dropdown .btn--bare--primary:focus { -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; }

.px-dropdown .btn--bare--primary, .px-dropdown .btn--bare--primary:link, .px-dropdown .btn--bare--primary:visited { color: var(--px-btn-primary-bare-color--visited, #007acc); }

.px-dropdown .btn--bare--primary:hover, .px-dropdown .btn--bare--primary:focus { color: var(--px-btn-primary-bare-color--hover, #005c99); }

.px-dropdown .btn--bare--primary:active, .px-dropdown .btn--bare--primary:focus { color: var(--px-btn-primary-bare-color--pressed, #003d66); }

.px-dropdown .btn--tertiary { border-color: var(--px-btn-tertiary-border-color, #889aa5); border: 1px solid; -webkit-box-shadow: none; box-shadow: none; background-color: var(--px-btn-tertiary-background, white); }

.px-dropdown .btn--tertiary, .px-dropdown .btn--tertiary:link, .px-dropdown .btn--tertiary:visited, .px-dropdown .btn--tertiary:hover, .px-dropdown .btn--tertiary:active { border-color: var(--px-btn-tertiary-border-color, #889aa5); color: var(--px-btn-tertiary-color, #007acc); }

.px-dropdown .btn--tertiary:hover, .px-dropdown .btn--tertiary:focus { color: var(--px-btn-tertiary-color--hover, #005c99); border-color: var(--px-btn-tertiary-border-color, #889aa5); -webkit-box-shadow: none; box-shadow: none; background-color: var(--px-btn-tertiary-background--hover, #c5d1d8); }

.px-dropdown .btn--tertiary:active { color: var(--px-btn-tertiary-color--pressed, #003d66); border-color: var(--px-btn-tertiary-border-color, #889aa5); -webkit-box-shadow: none; box-shadow: none; background-color: var(--px-btn-tertiary-background--pressed, #96a8b2); }

.px-dropdown .btn--disabled, .px-dropdown .btn--disabled:link, .px-dropdown .btn--disabled:visited, .px-dropdown .btn--disabled:hover, .px-dropdown .btn--disabled:active, .px-dropdown .btn--disabled:focus, .px-dropdown .btn[disabled], .px-dropdown .btn[disabled]:link, .px-dropdown .btn[disabled]:visited, .px-dropdown .btn[disabled]:hover, .px-dropdown .btn[disabled]:active, .px-dropdown .btn[disabled]:focus { color: var(--px-btn-disabled-color, rgba(0, 0, 0, 0.2)); border: 1px solid; border-color: var(--px-btn-disabled-border-color, rgba(0, 0, 0, 0.2)); -webkit-box-shadow: none; box-shadow: none; background-color: var(--px-btn-disabled-background, transparent); pointer-events: none; }

.px-dropdown .btn--icon { height: var(--px-btn-height, 2em); width: var(--px-btn-height, 2em); min-width: var(--px-btn-height, 2em); padding-right: 0; padding-left: 0; border: var(--px-btn-icon-border, 0px solid) !important; background-color: var(--px-btn-icon-background, transparent) !important; }

@-moz-document url-prefix() { .px-dropdown .btn--icon { line-height: 1.8em; } }

.px-dropdown .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)); }

.px-dropdown .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)); }

.px-dropdown .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)); }

.px-dropdown .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)); }

.px-dropdown .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)); }

.px-dropdown :host { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; color: var(--px-dropdown-text-color, inherit); }

.px-dropdown :host[disabled] { cursor: not-allowed; }

.px-dropdown :host.validation-error .dropdown-trigger { border-color: var(--px-validation-error-text-color, red); color: inherit; }

.px-dropdown :host.validation-warning .dropdown-trigger { border-color: var(--px-validation-warning-text-color, orange); color: inherit; }

.px-dropdown :host.validation-success .dropdown-trigger { border-color: var(--px-validation-success-text-color, green); color: inherit; }

.px-dropdown px-icon { --iron-icon-width: 1.06667rem; --iron-icon-height: 1.06667rem; }

.px-dropdown .dropdown { font-size: var(--px-dropdown-content-font-size, inherit); color: var(--px-dropdown-text-color, inherit); }

.px-dropdown .dropdown-trigger { max-width: inherit; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0.66667rem; padding-right: 0.66667rem; outline: none; max-width: var(--px-dropdown-max-width, 400px); font-weight: var(--px-dropdown-font-weight, normal); }

.px-dropdown .dropdown-label { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-overflow: ellipsis; text-align: left; }

.px-dropdown .dropdown-icon { --iron-icon-width: var(--px-dropdown-icon-size, 1.06667rem); margin-left: 0.33333rem; }

.px-dropdown .dropdown-content { background-color: var(--px-dropdown-bg-color, white); border: 1px solid var(--px-dropdown-border-color, gray); max-height: var(--px-dropdown-max-height, 300px); max-width: var(--px-dropdown-max-width, 400px); }

.px-dropdown .dropdown-option { padding-left: 0.66667rem; padding-right: 0.66667rem; height: 2rem; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.px-dropdown .dropdown-option .select-icon { opacity: 0; }

.px-dropdown .dropdown-option.focused { background-color: var(--px-dropdown-bg-color--hover, lightgray); }

.px-dropdown .dropdown-option.iron-selected { background-color: var(--px-dropdown-bg-color--selected, blue); color: var(--px-dropdown-text-color--selected, white); }

.px-dropdown .dropdown-option.iron-selected .select-icon { opacity: 1; stroke: var(--px-dropdown-text-color--selected, white); color: var(--px-dropdown-text-color--selected, white); }

.px-dropdown .dropdown-option[disabled] { color: var(--px-dropdown-text-color--disabled, gray); background-color: var(--px-dropdown-bg-color--didabled, transparent); cursor: not-allowed; }

.px-dropdown .dropdown-option[disabled] .select-icon { stroke: var(--px-dropdown-text-color--disabled, gray); color: var(--px-dropdown-text-color--disabled, gray); }

.px-dropdown .dropdown-option__item { pointer-events: none; }

.px-dropdown .checkbox { margin-right: 0.33333rem; outline: none; -ms-flex-negative: 0; flex-shrink: 0; }

.px-dropdown .search__form { position: relative; display: block; }

.px-dropdown .search__icon { position: absolute; top: 0; right: 0.53333rem; display: block; padding: 4px; }

.px-dropdown .search__icon--tappable { cursor: pointer; }

.px-dropdown .search__box { padding-right: 1.5rem; }

.px-dropdown .u-p-- { padding: 0.33333rem !important; }

.px-dropdown .u-pt-- { padding-top: 0.33333rem !important; }

.px-dropdown .u-pr-- { padding-right: 0.33333rem !important; }

.px-dropdown .u-pb-- { padding-bottom: 0.33333rem !important; }

.px-dropdown .u-pl-- { padding-left: 0.33333rem !important; }

.px-dropdown .u-ph-- { padding-right: 0.33333rem !important; padding-left: 0.33333rem !important; }

.px-dropdown .u-pv-- { padding-top: 0.33333rem !important; padding-bottom: 0.33333rem !important; }

.px-dropdown .u-p- { padding: 0.66667rem !important; }

.px-dropdown .u-pt- { padding-top: 0.66667rem !important; }

.px-dropdown .u-pr- { padding-right: 0.66667rem !important; }

.px-dropdown .u-pb- { padding-bottom: 0.66667rem !important; }

.px-dropdown .u-pl- { padding-left: 0.66667rem !important; }

.px-dropdown .u-ph- { padding-right: 0.66667rem !important; padding-left: 0.66667rem !important; }

.px-dropdown .u-pv- { padding-top: 0.66667rem !important; padding-bottom: 0.66667rem !important; }

.px-dropdown .u-p0 { padding: 0 !important; }

.px-dropdown .u-pt0 { padding-top: 0 !important; }

.px-dropdown .u-pr0 { padding-right: 0 !important; }

.px-dropdown .u-pb0 { padding-bottom: 0 !important; }

.px-dropdown .u-pl0 { padding-left: 0 !important; }

.px-dropdown .u-ph0 { padding-right: 0 !important; padding-left: 0 !important; }

.px-dropdown .u-pv0 { padding-top: 0 !important; padding-bottom: 0 !important; }
