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

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

.btn:hover, .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); }

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

.btn:active { outline: none; }

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

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

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

.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; }

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

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

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

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

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

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

.btn--tertiary:hover, .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); }

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

.actionable { height: auto; border: 0; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; background: none; white-space: nowrap; line-height: inherit; text-decoration: none; font: inherit; -webkit-font-smoothing: antitodoed; cursor: pointer; outline: none; -webkit-transition: color .4s; transition: color .4s; }

.actionable, .actionable:link, .actionable:visited, .actionable:active, .actionable:focus { color: var(--px-actionable-text-color, #007acc); outline: inherit; }

.actionable:hover { color: var(--px-actionable-text-color--hover, #005c99); }

.actionable:active { color: var(--px-actionable-text-color--active, #003d66); }

.actionable--select, .actionable--select:link, .actionable--select:visited, .actionable--select:active, .actionable--select:focus { color: var(--px-selectable-text-color, #09819c); }

.actionable--select:hover { color: var(--px-selectable-text-color--hover, #065769); }

.actionable--select:active { color: var(--px-selectable-text-color--active, #032c36); }

.actionable--action, .actionable--action:link, .actionable--action:visited, .actionable--action:active, .actionable--action:focus, .actionable--secondary, .actionable--secondary:link, .actionable--secondary:visited, .actionable--secondary:active, .actionable--secondary:focus { color: var(--px-actionable-alt-text-color, #2c404c); }

.actionable--action:hover, .actionable--secondary:hover { color: var(--px-actionable-alt-text-color--hover, #007acc); }

.actionable--action:active, .actionable--secondary:active { color: var(--px-actionable-alt-text-color--active, #003d66); }

.actionable--disabled, .actionable--disabled:link, .actionable--disabled:visited, .actionable--disabled:hover, .actionable--disabled:active, .actionable[disabled], .actionable[disabled]:link, .actionable[disabled]:visited, .actionable[disabled]:hover, .actionable[disabled]:active { cursor: not-allowed; color: var(--px-actionable-disabled-text-color, rgba(0, 0, 0, 0.3)); }

.actionable--small { font-size: 0.8rem; }

.actionable--large { font-size: 1.33333rem; }

.actionable--huge { font-size: 2rem; }

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

/** px-alert-message styles */
@-webkit-keyframes fadein { from { opacity: 0;
    left: 4rem; }
  to { opacity: 1;
    left: 0; } }
@keyframes fadein { from { opacity: 0;
    left: 4rem; }
  to { opacity: 1;
    left: 0; } }

@-webkit-keyframes fadeout { from { opacity: 1;
    max-height: 6.66667rem;
    min-height: 0px; }
  to { opacity: 0;
    max-height: 0px;
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px; } }

@keyframes fadeout { from { opacity: 1;
    max-height: 6.66667rem;
    min-height: 0px; }
  to { opacity: 0;
    max-height: 0px;
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px; } }

.px-alert-message :root { --px-alert-label-background-color--important: white; --px-alert-label-text-color--important: black; --px-alert-label-background-color--error: white; --px-alert-label-text-color--error: black; --px-alert-label-background-color--warning: white; --px-alert-label-text-color--warning: black; --px-alert-label-background-color--information: white; --px-alert-label-text-color--information: black; --px-alert-label-background-color--unknown: white; --px-alert-label-text-color--unknown: black; --px-btn-min-width: 0; }

.px-alert-message [hidden] { visibility: hidden; display: none; }

.px-alert-message .alert-message { visibility: hidden; display: none; width: 26.66667rem; margin: 0.33333rem; padding: 0.66667rem; min-height: 4rem; word-wrap: break-word; word-break: break-word; background-color: var(--px-alert-message-background-color, white); position: relative; min-height: 0px; opacity: 0; max-height: 0px; padding-top: 0px; padding-bottom: 0px; }

.px-alert-message .alert-message button, .px-alert-message .alert-message a { outline: none; }

.px-alert-message .alert-message--visible { visibility: visible; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; max-height: none; padding-top: 0.66667rem; padding-bottom: 0.66667rem; }

.px-alert-message .fade-in { -webkit-animation: fadein 0.4s cubic-bezier(0.78, 0.13, 0.16, 0.87); animation: fadein 0.4s cubic-bezier(0.78, 0.13, 0.16, 0.87); }

.px-alert-message .fade-out { -webkit-animation: fadeout 0.4s cubic-bezier(0.78, 0.13, 0.16, 0.87); animation: fadeout 0.4s cubic-bezier(0.78, 0.13, 0.16, 0.87); }

.px-alert-message .message-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-left: 0.66667rem; margin-right: 0.66667rem; }

.px-alert-message .severity { min-height: 4rem; width: 4rem; margin-left: -0.6666rem; margin-top: -0.6666rem; margin-bottom: -0.6666rem; padding-top: 1rem; }

.px-alert-message .severity.important { background-color: var(--px-alert-message-color--important, red); }

.px-alert-message .severity.information { background-color: var(--px-alert-message-color--information, blue); }

.px-alert-message .severity.warning { background-color: var(--px-alert-message-color--warning, orange); }

.px-alert-message .severity.error { background-color: var(--px-alert-message-color--error, yellow); }

.px-alert-message .severity.unknown { background-color: var(--px-alert-message-color--unknown, gray); }

.px-alert-message .message { color: var(--px-alert-message-text-color, black); line-height: 1.06667rem; font-size: 0.8rem; padding: 0; margin: 0; }

.px-alert-message .message.collapsed-message { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ max-height: 2.13333rem; /* fallback */ }

.px-alert-message .message.more { font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; }

.px-alert-message .message .title { font-weight: bold; }

.px-alert-message .show-more { line-height: 1.06667rem; font-size: 0.8rem; }

.px-alert-message .message-container { width: 100%; }

.px-alert-message .action { width: auto; cursor: pointer; margin-top: 0.26667rem; }

.px-alert-message .action .dismiss { color: var(--px-alert-message-dismiss-icon-color, gray); outline: none; max-width: 50px; }

.px-alert-message .action .dismiss svg { height: 1.33333rem; width: 1.33333rem; fill: var(--px-alert-message-dismiss-icon-color, gray); stroke: var(--px-alert-message-dismiss-icon-color, gray); }
