@charset "UTF-8";
/** 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 */
/*------------------------------------*    #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. */
a { background-color: transparent; /** Default link colors */ /** Improve readability when focused and also mouse hovered in all browsers. */ }

a:link, a:visited { color: #007acc; }

a:hover { color: #005c99; }

a:active { color: #003d66; }

a:active, a:hover { outline: 0; }

/** Add/remove floats */
.float--right { float: right !important; }

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

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

/** Text alignment */
.text--left { text-align: left !important; }

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

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

/** Full height element */
.full-height { height: 100% !important; }

/** Add a help cursor to any element that gives the user extra information on `:hover`. */
.informative { cursor: help !important; }

/** Add a pointer cursor to any element, useful for on-click events */
.pointer { cursor: pointer !important; }

/** Mute an object by reducing its opacity. */
.muted { opacity: 0.5 !important; }

/** Align items to the right where they imply progression/movement forward, e.g.: <p class=proceed><a href=#>Read more...</a></p> */
.proceed { text-align: right !important; }

/** Apply capital case to an element (usually a `strong`). */
.caps { text-transform: uppercase !important; }

/** Hide visually and from screen readers: http://juicystudio.com/article/screen-readers-display-none.php */
.hidden { display: none !important; visibility: hidden; }

/** Hide content off-screen without resorting to `display:none;` */
.a11y, .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; }

.a11y.focusable:active, .a11y.focusable:focus, .visuallyhidden.focusable:active, .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) { .a11y-lap, .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) { .a11y-portable, .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) { .a11y-desk, .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) { .a11y-palm, .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) { .a11y-lap-and-up, .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) { .a11y-desk-and-up, .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) { .a11y-large-and-up, .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) { .a11y-retina, .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; } }

/** Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden !important; }

/** Truncate text with an ellipsis */
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.table-row { -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-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-appearance: normal; -moz-appearance: normal; appearance: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-row:after, .table-row:before { display: table; content: ' '; }

.table-row:after { clear: both; }

.table-row > *:not(input), .table-row > *:not(textarea), .table-row > *:not(select) { -webkit-text-size-adjust: none; -webkit-highlight: none; -webkit-tap-highlight-color: transparent; }

.table-row--tiny { padding: 0.33333rem; }

.table-row--small { padding: 0.66667rem; }

.table-row--large { padding: 1.33333rem; }

.table-row--huge { padding: 2rem; }

.table-row--flush { line-height: normal; }

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

.table-row--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }

.table-row--center > * { text-align: center; -ms-flex-item-align: center; align-self: center; }

.table-row--tappable { cursor: pointer; }

.table-row--tappable:active { color: var(--px-table-row-selected-color, white); background: var(--px-table-row-selected-background-color, black); }

.table-row--tappable:active { color: var(--px-table-row-selected-color, white); background-color: var(--px-table-row-selected-background-color, black); }

.table-row--tappable:active .table-row__body, .table-row--tappable:active .table-row__label, .table-row--tappable:active .table-row__subtitle, .table-row--tappable:active .table-row__title { color: var(--px-table-row-selected-color, white); }

.table-row--collapsable { cursor: pointer; border-bottom: none; }

.table-row--collapsable:active { color: var(--px-table-row-selected-color, white); background: var(--px-table-row-selected-background-color, black); }

.table-row--collapsable ~ .table-row__content { -webkit-transition: var(--px-table-row-collapseable-transition, all 0.3s); transition: var(--px-table-row-collapseable-transition, all 0.3s); display: none; margin-left: 1rem; }

.table-row--collapsable ~ .table-row__content .table-row { border-bottom: none; }

.table-row--collapsable--is-opened ~ .table-row__content { display: block; }

.table-row--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.table-row--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.table-row--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.table-row__content { -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; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; user-select: none; }

.table-row__content--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.table-row__content--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.table-row__content--flush { line-height: normal; }

.table-row__title { -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-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; line-height: normal; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; }

.table-row__subtitle { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-flex-item-align: stretch; align-self: stretch; white-space: nowrap; line-height: normal; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.table-row__body { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; white-space: normal; line-height: normal; }

.table-row__label { -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-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-item-align: center; align-self: center; white-space: nowrap; position: relative; top: 2px; }

.table-row__label--right { text-align: left; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-right: 1rem; }

.table-row__label--left { -webkit-box-flex: 0; -ms-flex: 0 1 80px; flex: 0 1 80px; text-align: right; margin-right: 1rem; }

.table-row__media { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: var(--px-table-row-media-margin, 0.66667rem); margin-right: var(--px-table-row-media-margin, 0.66667rem); }

.table-row__media--left { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.table-row__media--right { margin-right: var(--px-table-row-media-margin-right, 0); -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

.table-row__media--image img { display: block; max-width: 80px; max-height: 80px; }

.table-row .btn { outline: none; min-height: 44px; width: 100%; }
