/* apps/pedixapp-menu/src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
ul[class],
ol[class] {
  padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
ul[class],
ol[class] {
  list-style: none;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
button,
a {
  cursor: pointer !important;
}
button:focus,
a:focus {
  outline: none !important;
}
form:focus {
  outline: none;
}
:root {
  --theme1: #ffffff;
  --theme1-contrast: #9575cd;
  --theme2: #3b3c66;
  --theme2-contrast: #ffffff;
  --yellow: #ffd082;
  --cyan: #88e1f2;
  --danger: #ff7c7c;
  --danger-bg: #ff7c7c;
  --danger-text: #21243d;
  --success: #88e1f2;
  --success-bg: #88e1f2;
  --success-text: #21243d;
  --info: #88e1f2;
  --info-bg: #88e1f2;
  --info-text: #21243d;
  --warning: #ffd082;
  --warning-bg: #ffd082;
  --warning-text: #21243d;
  --white: white;
  --link: #007bff;
}
html.ready {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: 100dvw;
  height: 100dvh;
}
html.ready body {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 100dvh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow: hidden;
  font-family:
    "Lato",
    "sans-serif",
    "Roboto",
    "RobotoFallback",
    "Helvetica",
    "Arial",
    sans-serif;
  color: #21243d;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
html.ready .app-root,
html.ready app-root {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0 auto;
}
pxw-text-field,
pxw-checkbox-group,
pxw-date-range,
pxw-image {
  margin-bottom: 1.5em;
}
.modal {
  bottom: 0;
  height: auto !important;
  overflow: hidden !important;
  display: block !important;
}
.modal .modal-dialog {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}
.modal .modal-dialog .modal-content {
  position: static;
  width: 96%;
  max-width: 96dvw;
  height: 98%;
  max-height: 98dvh;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 900px) {
  .modal .modal-dialog .modal-content {
    max-width: 800px;
  }
}
@media (min-height: 1100px) {
  .modal .modal-dialog .modal-content {
    max-height: 1000px;
  }
}
.modal.small .modal-content {
  position: static;
  width: 90%;
  max-width: 90dvw;
  height: 92%;
  max-height: 92dvh;
}
@media (min-width: 600px) {
  .modal.small .modal-content {
    max-width: 500px;
  }
}
@media (min-height: 800px) {
  .modal.small .modal-content {
    max-height: 700px;
  }
}
.modal.embeeded .modal-content {
  position: static;
  width: 92%;
  max-width: 92dvw;
  height: 95%;
  max-height: 95dvh;
}
@media (min-width: 800px) {
  .modal.embeeded .modal-content {
    max-width: 700px;
  }
}
@media (min-height: 950px) {
  .modal.embeeded .modal-content {
    max-height: 850px;
  }
}
.modal.wide .modal-content {
  max-width: none;
  max-height: none;
}
.modal.fullscreen .modal-content {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
}
.modal:not(.show),
.modal:not(.show) *,
.modal-backdrop:not(.show),
.modal-backdrop:not(.show) * {
  pointer-events: none !important;
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-code-color: #d63384;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}
h6,
h5,
h4,
h3,
h2,
h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 280px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: white;
  --bs-tooltip-bg: #21243d;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
a {
  text-decoration: none;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #21243d;
}
.ui-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  color: #ffd082;
  transition: color 0.5s ease-out;
}
.ui-loader--with-overlay {
  background: rgba(18, 18, 18, 0.3);
  z-index: 99999;
}
.ui-loader--local {
  position: absolute;
  z-index: 1;
}
.ui-loader--inline-block {
  padding: 0.5em;
  position: static;
}
.ui-loader--non-blocking {
  pointer-events: none;
}
.ui-loader pxw-icon svg {
  width: 60px !important;
  height: 60px !important;
}
.ui-loader--size-sm pxw-icon svg {
  width: 40px !important;
  height: 40px !important;
}
.ui-loader__preboot-spinner {
  overflow: visible;
  width: 60px !important;
  height: 60px !important;
  animation: icon-spin 2s infinite linear;
  display: inline-block;
  color: #ffd082;
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.ui-animation--pulse-opacity {
  animation: ui-animation--pulse-opacity 1s ease-in-out infinite alternate;
}
@keyframes ui-animation--pulse-opacity {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.ui-title {
  font-family:
    "Anton",
    "Impact",
    "sans-serif";
  color: var(--theme2-contrast);
  font-size: 22px;
  padding: 0 1rem 0;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 400px) {
  .ui-title {
    font-size: 20px;
  }
}
.ui-title pxw-icon {
  cursor: pointer;
}
.ui-title pxw-icon[icon=back] {
  margin-right: 0.4em;
}
.ui-title .ui-item-link {
  line-height: 1;
}
.ui-subtitle {
  font-family:
    "Lato",
    "sans-serif",
    "Roboto",
    "RobotoFallback",
    "Helvetica",
    "Arial",
    sans-serif;
  color: #21243d;
  font-size: 18px;
  margin: 0 0 1.2em;
  font-weight: 700;
  border-bottom: 1px dotted #c0c0c0;
  padding-bottom: 0.4em;
}
.ui-item-link {
  color: inherit;
}
.ui-item-link:hover {
  text-decoration: none;
  color: inherit;
}
.ui-input {
  margin-bottom: 1.5em;
  display: block;
  font-family:
    "Lato",
    "sans-serif",
    "Roboto",
    "RobotoFallback",
    "Helvetica",
    "Arial",
    sans-serif;
}
.ui-input--disabled {
  background-color: rgba(248, 248, 248, 0.4);
  border-color: #f8f8f8;
  cursor: not-allowed;
}
.ui-input--disabled .ui-input__input,
.ui-input--disabled .addon-prepend,
.ui-input--disabled .addon-append {
  color: rgba(33, 36, 61, 0.4) !important;
}
.ui-input--disabled .ui-input__editor {
  cursor: not-allowed;
  pointer-events: none;
}
.ui-input__container--with-addons {
  display: grid !important;
  grid-template-columns: min-content 1fr min-content;
}
.ui-input .ui-input__input {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  background: transparent;
  color: #21243d;
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.8em;
  border: none;
}
.ui-input .ui-input__input:focus {
  outline: none;
}
.ui-input .ui-input__input::placeholder {
  color: rgba(18, 18, 18, 0.3);
}
.ui-input__error-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-input__error {
  display: block;
  margin: 0;
  color: #df0000;
  font-size: 12px;
  padding: 0.2em 0 0 0.1em;
}
.ui-input__editor {
  display: flex;
  align-items: center;
}
.ui-input__editor .ui-input__input {
  flex: 100% 1 1;
}
.ui-input__editor .ui-input__error-icon {
  flex: min-content 0 0;
}
.ui-input__error-icon {
  color: #df0000 !important;
  padding-right: 0.5em;
}
.ui-input--with-helper .dx-invalid {
  margin-bottom: 1.5em;
}
.ui-input--validation-only .dx-invalid {
  margin-bottom: 0;
}
.ui-input--inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ui-input--inline .ui-label {
  margin: 0 0.5em 0 0;
}
.ui-input--inline .ui-input__container {
  width: auto !important;
}
.ui-input > pxw-text-field,
.ui-input > pxw-checkbox-group,
.ui-input > pxw-date-range,
.ui-input > pxw-image {
  margin-bottom: 0;
}
.ui-input:not(.ui-input-checkbox) > .ui-input__container,
.ui-input:not(.ui-input-checkbox) > .ui-input__wrapper .ui-input__container {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border: 1px solid rgb(240.35, 240.35, 240.35);
  border-radius: 6px;
}
.ui-input dx-text-box,
.ui-input dx-text-area,
.ui-input dx-number-box,
.ui-input dx-date-box,
.ui-input dx-select-box {
  width: 100%;
}
.ui-input .dx-texteditor,
.ui-input .ui-input__editor {
  border-radius: 0;
}
.ui-input .ui-input__editor {
  width: 100%;
}
.ui-input .dx-texteditor-container {
  width: 100%;
}
.ui-input .dx-editor-outlined {
  box-shadow: none !important;
}
.ui-input .ui-input__addon-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.ui-input .addon-prepend + .dx-texteditor,
.ui-input .dx-texteditor + .addon-append,
.ui-input .ui-input__addon-wrapper:not(:empty) + .ui-input__editor,
.ui-input .ui-input__editor + .ui-input__addon-wrapper:not(:empty),
.ui-input .addon-append + .addon-append,
.ui-input .addon-prepend + .addon-prepend {
  border-left: 1px solid #ededed;
}
.ui-input .addon-prepend,
.ui-input .addon-append,
.ui-input .dx-texteditor-input,
.ui-input .dx-placeholder::before {
  font-size: 14px;
  line-height: 1.1;
}
.ui-input .dx-texteditor-input,
.ui-input .dx-placeholder::before {
  padding: 0.8em !important;
}
.ui-input .addon-prepend,
.ui-input .addon-append {
  padding: 0 0.8em !important;
  color: #808080;
  margin: 0;
}
.ui-input.ui-input-textarea .dx-texteditor-input,
.ui-input.ui-input-textarea .dx-placeholder::before {
  line-height: 1.5;
}
.ui-form-fieldset {
  padding: 1.5em 1rem 0.5em;
  border: 1px dotted silver;
  border-radius: 6px;
  margin-top: 1em;
}
.ui-label {
  font-family:
    "Lato",
    "sans-serif",
    "Roboto",
    "RobotoFallback",
    "Helvetica",
    "Arial",
    sans-serif;
  color: #21243d;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  margin: 0 0 0.5em;
  font-size: 14px;
  display: block;
}
.ui-label--xs {
  font-size: 12px;
  color: rgba(33, 36, 61, 0.8);
}
.ui-label--md {
  font-size: 16px;
  color: #ff7c7c;
  margin-bottom: 1em;
}
.ui-label--required::after {
  content: " *";
  color: #df0000;
  padding: 0 0.2em;
}
.ui-helper {
  color: #808080;
  font-size: 13px;
  margin: 0.5em 0 1em;
}
.ui-helper__help-icon {
  color: #007bff;
}
.ui-help-link {
  color: #007bff;
  cursor: pointer;
}
.ui-help-link:hover {
  color: rgb(76.5, 162.6, 255);
  text-decoration: none;
}
.ui-preboot button *,
.ui-preboot a *,
.ui-preboot pxw-icon * {
  pointer-events: none;
}
.ui-visibility {
  margin: 0.3em 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ui-visibility__separator {
  margin: 0 1em;
  height: 1.3em;
  border-left: 1px dotted #999;
}
.ui-separator {
  border: none;
  border-top: 1px solid #ededed;
  margin: 1.8em 0;
  opacity: 1;
}
.ui-separator--sm {
  margin: 1em 0;
}
.ui-line-through {
  position: relative;
  margin: 1.8em 0;
  text-align: center;
}
.ui-line-through--sm {
  margin: 1em 0;
}
.ui-line-through:before {
  content: "";
  position: absolute;
  top: 0.85em;
  left: 0;
  right: 0;
  border-top: 1px solid #ededed;
}
.ui-line-through__content {
  display: inline-block;
  background: white;
  padding: 0 1em;
  font-size: 15px;
  color: #808080;
  font-style: italic;
  position: relative;
}
.ui-clickable {
  cursor: pointer;
}
.ui-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ui-flex {
  display: flex;
}
.ui-flex--center-in-parent {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ui-table-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 1em;
}
.ui-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #21243d;
}
.ui-table__heading-row {
  background: #21243d;
  color: white;
}
.ui-table__heading-col {
  font-size: 15px;
}
.ui-table__heading-col {
  padding: 8px 12px;
}
.ui-table__body-col {
  padding: 12px 12px;
}
.ui-table__body-col {
  font-size: 14px;
}
.ui-table__body-row:nth-child(even) {
  background: #f8f8f8;
}
.ui-table__body-col .ui-table .ui-table__body-col {
  border-left: 1px solid #ededed;
}
.ui-popup pxw-card {
  padding: 0;
}
.ui-popup .content.scroll-enabled {
  overflow-y: hidden !important;
  grid-template-rows: 100% !important;
}
.ui-popup .content > .body {
  padding: 0;
}
.ui-popover-menu {
  padding: 0.5em !important;
}
@media (max-width: 575px) {
  .ui-hidden--mobile {
    display: none;
  }
}
@media (min-width: 576px) {
  .ui-hidden--non-mobile {
    display: none;
  }
}
.ui-dropdown__backdrop {
  position: absolute;
  z-index: 10;
  left: -5000px;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  background: rgba(18, 18, 18, 0.2);
}
@media screen {
  .ui-printable {
    display: none !important;
  }
}
@media print {
  html,
  body {
    padding: 0 !important;
    margin: 0 !important;
    margin: 0;
    padding: 0;
  }
  body.ui-printable--active > .ui-printable {
    display: block !important;
    padding: 0.2em;
  }
  body > *:not(.ui-printable) {
    display: none !important;
  }
}

/* angular:styles/global:styles */