@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw.bb8ee9ee.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw.b69d1cce.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw.eb9d7304.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw.2115c3bd.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw.2cafd699.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  src: url(../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw.7f471697.woff) format('woff');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.c5371cfb.woff2) format('woff2'), url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.4d73cb90.woff) format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */

::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
/* ------------------------------------------------------------------------------------------------
  import variables
--------------------------------------------------------------------------------------------------- */
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */

::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
/* ------------------------------------------------------------------------------------------------
  import mixin files
--------------------------------------------------------------------------------------------------- */
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */

::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.border-danger {
  border: 1px solid #C10015 !important;
}

/* ------------------------------------------------------------------------------------------------
  import component files
--------------------------------------------------------------------------------------------------- */
.q-notifications__list {
  margin-top: 3rem;
}
.q-notifications__list .q-notification {
  opacity: 0.75;
  pointer-events: none;
}
.q-notifications__list .q-notification:hover {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.app-flow-status-badge {
  /*&.running {
    animation: running-animation 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }
  @keyframes running-animation {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }*/
}

.q-badge.bg-positive {
  background-color: #bfe5c8 !important;
  color: #1c682f;
}
.q-badge.bg-warning {
  background-color: #e1d5bb !important;
  color: #604915;
}
.q-badge.bg-negative {
  background-color: #e7b6bc !important;
  color: #6c0b17;
}
.q-badge.bg-gray {
  background-color: #ececec !important;
  color: #161619;
}

body.body--dark .q-badge {
  background-color: #2f2153 !important;
}
body.body--dark .q-badge.bg-null {
  color: #9d73ff;
}
body.body--dark .q-badge.bg-positive {
  background-color: #193f24 !important;
  color: #deede2;
}
body.body--dark .q-badge.bg-warning {
  background-color: #3b2f17 !important;
  color: #ece7dc;
}
body.body--dark .q-badge.bg-negative {
  background-color: #960616 !important;
  color: #eedbdd;
}
body.body--dark .q-badge.bg-gray {
  background-color: #868686 !important;
  color: lightgray;
}

/*.app-flow-item .app-flow-status-badge {
  width: 1rem;
  height: 1rem;
  .q-icon {
    transform: scale(.75);
  }
}

.app-flow-detail .app-flow-status-badge {
  width: 1.25rem;
  height: 1.25rem;
}*/
.q-badge.app-badge-round {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 12px;
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
  position: relative;
  left: -9970px;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background-color: #7940FF;
  color: #7940FF;
  box-shadow: 9999px 0 0 -5px #7940FF;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background-color: #7940FF;
  color: #7940FF;
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #7940FF;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #7940FF;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #7940FF;
  }
  30% {
    box-shadow: 9984px 0 0 2px #7940FF;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px #7940FF;
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #7940FF;
  }
  30% {
    box-shadow: 9999px 0 0 2px #7940FF;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px #7940FF;
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #7940FF;
  }
  30% {
    box-shadow: 10014px 0 0 2px #7940FF;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px #7940FF;
  }
}
.app-button-back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 100%;
  color: #F3F3F3;
}
.app-button-back i {
  transition: 0.25s;
}
.app-button-back:hover i {
  transform: translateX(-25%);
}

.app-flowcard .app-flowcard-btn-start {
  color: #7940FF;
  transition: 0.25s;
  font-weight: bold;
  z-index: 1;
}
.app-flowcard .app-flowcard-btn-start:hover {
  color: #F3F3F3;
  background-color: #9265ff;
}
.app-flowcard .app-flowcard-btn-end {
  color: #7940FF;
  transition: 0.25s;
  font-weight: bold;
  z-index: 1;
}
.app-flowcard .app-flowcard-btn-end:hover {
  color: #F3F3F3;
  background-color: #7940ff;
}
.app-flowcard .app-flowcard-btn-delete {
  color: #7940FF;
  transition: 0.25s;
  z-index: 1;
}
.app-flowcard .app-flowcard-btn-delete:hover {
  color: #F3F3F3;
  background-color: #b30d44;
}

.q-btn, .q-btn-dropdown, .q-tab {
  text-transform: none;
}

.app-action-btn,
.app-expand-btn,
.app-delete-btn {
  color: #F3F3F3;
  background-color: #7940FF;
  font-weight: 600;
  transition: 0.2s;
  border-radius: 8px;
  padding: 2px 6px 2px 6px;
}
.app-action-btn.app-highlighted-btn,
.app-expand-btn.app-highlighted-btn,
.app-delete-btn.app-highlighted-btn {
  color: #FFFFFF;
  background-color: #7940FF;
}
.app-action-btn.app-grey,
.app-expand-btn.app-grey,
.app-delete-btn.app-grey {
  background-color: #F8F9FF;
  color: #161619;
}
.app-action-btn.app-grey:hover,
.app-expand-btn.app-grey:hover,
.app-delete-btn.app-grey:hover {
  color: initial;
}
.app-action-btn.app-btn-contrast,
.app-expand-btn.app-btn-contrast,
.app-delete-btn.app-btn-contrast {
  background-color: #FFFFFF;
  color: #161619;
}
.app-action-btn:hover,
.app-expand-btn:hover,
.app-delete-btn:hover {
  color: #F3F3F3;
  background-color: #9466FF;
}
.app-action-btn:focus,
.app-expand-btn:focus,
.app-delete-btn:focus {
  background-color: #9466FF;
  color: #F3F3F3;
}

.app-delete-btn {
  background-color: #f8e2e2;
  color: #C10015;
}
.app-delete-btn:hover, .app-delete-btn:focus {
  color: #F3F3F3;
  background-color: #C10015;
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
  border-left: 1px solid rgba(121, 64, 255, 0.25);
}

.q-btn-group.app-action-btn {
  padding: unset;
}

.app-simple-btn {
  color: #7940FF;
  background: unset;
}

body.body--light .app-action-btn.q-btn-group .q-btn-item[aria-pressed=true] {
  background-color: #9466FF !important;
}

body.body--dark .app-action-btn.app-btn-contrast,
body.body--dark .app-expand-btn.app-btn-contrast {
  background-color: #161619;
  color: #F3F3F3;
}
body.body--dark .app-action-btn:not(.app-highlighted-btn),
body.body--dark .app-expand-btn:not(.app-highlighted-btn) {
  background-color: #3D2080;
}
body.body--dark .app-action-btn.app-grey,
body.body--dark .app-expand-btn.app-grey {
  color: #7940FF;
}
body.body--dark .app-action-btn.app-grey:hover,
body.body--dark .app-expand-btn.app-grey:hover {
  color: #F3F3F3;
}
body.body--dark .app-flowcard-btn-start {
  color: #9d73ff;
}
body.body--dark .app-flowcard-btn-start:hover {
  background-color: #9265ff;
}
body.body--dark .app-flowcard-btn-end {
  color: #9d73ff;
}
body.body--dark .app-flowcard-btn-end:hover {
  background-color: #7940ff;
}
body.body--dark .app-flowcard-btn-delete {
  color: #7940FF;
}
body.body--dark .app-flowcard-btn-delete:hover {
  background-color: #b30d44;
}
body.body--dark .app-delete-jdm, body.body--dark .app-delete-btn {
  color: #e4aab0;
  background-color: #381218 !important;
}
body.body--dark .app-delete-jdm:hover, body.body--dark .app-delete-btn:hover {
  color: #F3F3F3;
  background-color: #C10015;
}
body.body--dark .app-action-btn.app-grey, body.body--dark .app-expand-btn.app-grey {
  color: #7940FF;
}
body.body--dark .app-action-btn.app-grey:hover, body.body--dark .app-expand-btn.app-grey:hover {
  color: #F3F3F3;
}
body.body--dark .q-btn.bg-primary {
  background-color: #7940FF !important;
}
body.body--dark .q-btn.disabled {
  opacity: 0.3 !important;
}
body.body--dark .app-action-btn.app-simple-btn {
  background: unset;
}

.q-card {
  border-radius: 20px;
}

.app-card-bg-icon {
  color: #B9B9B9;
  opacity: 10%;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.app-card-container .app-card {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.app-card-container .app-card .app-dashcard-label {
  font-size: 1rem;
}
.app-card-container .app-card:hover {
  background-color: #f3f2ff;
  z-index: 1;
}

.app-dashcard, .app-heartbeat, .app-message-queue, .app-supervisor, .app-card {
  transition: 0.3s;
}

.app-dashcard {
  background-color: #f2ecff;
}

body.body--dark .app-card-container .app-card:hover {
  background-color: #1b1528;
  z-index: 1;
}
body.body--dark .app-dashcard {
  background-color: #1b1528;
}

.app-linkable-graph .apexcharts-series {
  cursor: pointer;
}

.chart-filter {
  z-index: 1;
  padding: 0.5rem;
}

body.screen--md .chart-filter, body.screen--lg .chart-filter, body.screen--xl .chart-filter {
  position: absolute;
  top: 0;
  right: 3.5rem;
}

.app-logo-decoration {
  height: 15rem;
  width: 15rem;
}

.q-dialog {
  z-index: 9000;
}

.q-menu, .q-dialog .app-tooltip-mobile {
  z-index: 9001;
}

.q-dialog__inner > div {
  border-radius: 20px;
}

.q-dialog__inner--minimized > div {
  background-color: #F3F3F3;
}

body.body--dark .q-dialog__inner--minimized > div {
  background-color: #101010;
}

.error-modal {
  font-size: 1rem;
}
.error-modal-trace-item pre {
  white-space: revert;
}
.error-modal-trace-item .q-expansion-item .q-item {
  padding: 0;
}
.error-modal-trace-item .q-expansion-item .q-item .q-item__label {
  font-weight: bold;
}

.ace-iplastic .ace_entity.ace_name.ace_function,
.ace-iplastic .ace_entity.ace_other,
.ace-iplastic .ace_entity.ace_other.ace_attribute-name,
.ace-iplastic .ace_variable {
  color: var(--q-primary);
}
.ace-iplastic .ace_constant.ace_character,
.ace-iplastic .ace_constant.ace_language,
.ace-iplastic .ace_constant.ace_numeric,
.ace-iplastic .ace_constant.ace_other {
  color: var(--q-primary);
}
.ace-iplastic .ace_string {
  color: var(--q-accent);
}

.ace-pastel-on-dark .ace_variable {
  color: color-mix(in srgb, var(--q-primary), #fff 60%);
}
.ace-pastel-on-dark .ace_string {
  color: color-mix(in srgb, var(--q-accent), #fff 60%);
}
.ace-pastel-on-dark .ace_constant.ace_language {
  color: color-mix(in srgb, var(--q-primary), #fff 30%);
}

.ace-pastel-on-dark .ace_print-margin,
.ace-iplastic .ace_print-margin {
  display: none;
}
.ace-pastel-on-dark .ace_fold,
.ace-iplastic .ace_fold {
  transition: background-color 0.2s ease-out;
  background-color: color-mix(in srgb, var(--q-secondary), #000 10%);
}
.ace-pastel-on-dark .ace_fold:hover, .ace-pastel-on-dark .ace_fold:focus, .ace-pastel-on-dark .ace_fold:active,
.ace-iplastic .ace_fold:hover,
.ace-iplastic .ace_fold:focus,
.ace-iplastic .ace_fold:active {
  background-color: var(--q-secondary);
}

.ace_editor,
.json-editor {
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.ace_editor.ace_focus,
.json-editor.ace_focus {
  box-shadow: 0 0 3px var(--q-secondary);
}
.ace_editor:hover,
.json-editor:hover {
  border-color: #7940FF;
}

q-field.q-field__control-container input, q-field.q-field__control-container textarea, q-field.q-field__control-container select {
  border: 1px solid transparent;
}
q-field.q-field__control-container input:-webkit-autofill, q-field.q-field__control-container input:-webkit-autofill:hover, q-field.q-field__control-container input:-webkit-autofill:focus, q-field.q-field__control-container textarea:-webkit-autofill, q-field.q-field__control-container textarea:-webkit-autofill:hover, q-field.q-field__control-container textarea:-webkit-autofill:focus, q-field.q-field__control-container select:-webkit-autofill, q-field.q-field__control-container select:-webkit-autofill:hover, q-field.q-field__control-container select:-webkit-autofill:focus {
  -webkit-text-fill-color: #7940FF;
  -webkit-box-shadow: 0 0 0 1000px #F8F9FF inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.q-field.q-field--highlighted input:-webkit-autofill, .q-field.q-field--highlighted input:-webkit-autofill:hover, .q-field.q-field--highlighted input:-webkit-autofill:focus, .q-field.q-field--highlighted textarea:-webkit-autofill, .q-field.q-field--highlighted textarea:-webkit-autofill:hover, .q-field.q-field--highlighted textarea:-webkit-autofill:focus, .q-field.q-field--highlighted select:-webkit-autofill, .q-field.q-field--highlighted select:-webkit-autofill:hover, .q-field.q-field--highlighted select:-webkit-autofill:focus {
  border: 1px solid #7940FF;
  border-left: unset;
  border-right: unset;
}

.q-field--highlighted.q-field--outlined .q-field__control::before, .q-field--highlighted.q-field--outlined .q-field__control:hover::before {
  border: 2px solid #7940FF;
}

.q-field--outlined .q-field__control::after {
  border: unset;
  border-left: unset;
  border-left: unset;
}

.app-items-per-page-select {
  padding: 0.25rem 0.5rem;
}

pre {
  white-space: pre-wrap;
}

body.body--dark .q-dialog .q-field--dark .q-field__control::before,
body.body--dark .q-field__bottom .q-field--dark .q-field__control::before {
  border-color: rgba(255, 255, 255, 0.6);
}
body.body--dark input:-webkit-autofill, body.body--dark input:-webkit-autofill:hover, body.body--dark input:-webkit-autofill:focus, body.body--dark textarea:-webkit-autofill, body.body--dark textarea:-webkit-autofill:hover, body.body--dark textarea:-webkit-autofill:focus, body.body--dark select:-webkit-autofill, body.body--dark select:-webkit-autofill:hover, body.body--dark select:-webkit-autofill:focus {
  -webkit-text-fill-color: #7940FF;
  -webkit-box-shadow: 0 0 0 1000px #101010 inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.q-field__control {
  background-color: unset;
}

.q-field__control {
  padding: 0 1rem;
}
.q-field__control::before {
  border-radius: 20px;
}

.q-field__control::after, .q-field__control .q-field__control-container, .q-field__bottom {
  margin: 0 12px;
}

.q-field .q-field__inner .q-field__control::before {
  background-color: #FFFFFF;
}

body.body--dark .q-field .q-field__inner .q-field__control::before {
  background-color: #101010;
}

.q-avatar__content {
  height: 100%;
}

.app-icon-flow-start.q-icon, .app-icon-flow-stop.q-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
}

.app-icon-flow-stop {
  color: #303030;
}

body.body--dark .app-topbar-btn, body.body--dark .app-icon-flow-start, body.body--dark .app-icon-flow-stop {
  filter: invert(1);
}
body.body--dark .app-topbar-btn:hover img {
  filter: invert(1);
}

.q-btn.negative-hover:hover .q-icon, .q-btn.negative-hover:active .q-icon, .q-btn.negative-hover:focus .q-icon {
  color: #C10015;
}

.q-layout > div .q-icon img {
  width: 1rem;
  height: 1rem;
}

.overflow-visible {
  overflow: visible !important;
}

.q-pagination input.q-field__native.q-placeholder {
  padding: 0;
}
.q-pagination .q-btn-item.disabled {
  opacity: 0.4 !important;
}
.q-pagination .q-field__control .q-field__control-container {
  margin: unset;
}

.lds-ring {
  z-index: 3000;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
}
.lds-ring-wrapper {
  min-height: 4rem;
}
.lds-ring.centered {
  top: 40vh;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  margin: -1rem;
  border: 2px solid #7940FF;
  border-radius: 50%;
  animation: lds-ring 1.1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #7940FF transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.q-tab-panels {
  background-color: unset;
}

.q-tab .q-tab__label {
  font-weight: 600;
}

.q-tabs:not(.q-tabs--vertical) {
  margin-left: 1.25rem;
}
.q-tabs:not(.q-tabs--vertical) .q-tab {
  background-color: #7940FF;
  color: #F3F3F3;
  padding: 0 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  margin-right: 0.25rem;
  opacity: 1;
}
.q-tabs:not(.q-tabs--vertical) .q-tab.q-tab--inactive {
  opacity: 0.6;
}
.q-tabs:not(.q-tabs--vertical) .q-tab .q-tab__label {
  color: #F3F3F3;
  padding: 0.25rem;
}
.q-tabs:not(.q-tabs--vertical) .q-tab img {
  filter: grayscale(1) brightness(0) invert(1);
}
.q-tabs:not(.q-tabs--vertical) .q-tabs__content {
  border-bottom: 0.175rem solid #7940FF;
}
.q-tabs:not(.q-tabs--vertical) body.body--dark .q-tab {
  color: #161619;
}
.q-tabs:not(.q-tabs--vertical) body.body--dark .q-tab .q-tab__label {
  color: #161619;
}

.q-table__container {
  border-radius: 20px;
}
.q-table__container .q-table, .q-table__container .q-field.q-select--multiple {
  background: #FFFFFF;
}

.q-table thead {
  background: #F8F9FF;
}
.q-table thead th {
  border: unset;
}

.q-table tbody tr:hover {
  background-color: #FFFFFF;
}

body.body--dark .q-table__container .q-table, body.body--dark .q-table__container .q-table thead, body.body--dark .q-table__container .q-field.q-select--multiple {
  background: var(--q-dark);
}
body.body--dark .q-table tbody tr:hover {
  background-color: #101010;
}

@media (min-width: 1439px) {
  .app-flow-execution-table td:first-child {
    max-width: 1rem;
  }
}
.app-flow-execution-table .app-to-detail-btn img {
  font-size: 13px;
  margin-left: 0.5rem;
}
.app-flow-execution-table .app-to-detail-btn span {
  font-size: 13px;
}
.app-flow-execution-table th, .app-flow-execution-table td {
  padding: 0 0.3rem;
}
@media only screen and (min-width: 600px) {
  .app-flow-execution-table {
    /* TODO cs: Opt: get quasar breakpoint variables to work here */
  }
  .app-flow-execution-table th, .app-flow-execution-table td {
    padding: 7px 16px;
  }
}

@media (min-width: 1439px) {
  body.body--dark .app-flow-execution-table td:first-child {
    max-width: 1rem;
  }
}
body.body--dark .app-flow-execution-table .app-to-detail-btn .q-icon {
  filter: invert(1);
}
body.body--dark .app-flow-execution-table .app-to-detail-btn .span {
  color: white;
}

/*.q-page-container .apexcharts-tooltip {
  white-space: break-spaces;
}*/
.q-tooltip {
  z-index: 9001;
}

.app-tooltip-mobile {
  word-break: normal;
  background-color: #7940FF;
  color: #FFFFFF;
  font-size: 1rem;
}
.app-tooltip-mobile.sq-tooltip-positive {
  background-color: #21BA45;
}
.app-tooltip-mobile.sq-tooltip-negative {
  background-color: #C10015;
}
.app-tooltip-mobile.sq-tooltip-queueing {
  background-color: #B9B9B9;
}

body.body--dark .app-tooltip-mobile.sq-tooltip-positive {
  background-color: #193f24;
}
body.body--dark .app-tooltip-mobile.sq-tooltip-negative {
  background-color: #960616;
}
body.body--dark .app-tooltip-mobile.sq-tooltip-queueing {
  background-color: #B9B9B9;
}

/* ------------------------------------------------------------------------------------------------
  import layout files
--------------------------------------------------------------------------------------------------- */
.app-bg {
  background-color: #F8F9FF;
}

.app-bg2 {
  background-color: #FFFFFF;
}

.bg-gray, .bg-grey {
  background-color: #f9f9f9;
}

.q-page-container {
  background-color: #F8F9FF;
}
.q-page-container .q-page {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: min(80vw, 2160px);
}
@media (max-width: 1919px) {
  .q-page-container .q-page {
    max-width: 1440px;
  }
}
.q-page-container .q-page .q-tab-panels {
  background-color: unset;
}
.q-page-container .q-page .app-dashcard-container, .q-page-container .q-page .app-heartbeat-container, .q-page-container .q-page .app-message-queue-container, .q-page-container .q-page .app-supervisor-container, .q-page-container .q-page .app-disk-space-container, .q-page-container .q-page .app-redis-memory-usage-container {
  padding: 0;
}
.q-page-container .q-page .app-dashcard-container .app-heartbeat, .q-page-container .q-page .app-dashcard-container .app-message-queue, .q-page-container .q-page .app-dashcard-container .app-supervisor, .q-page-container .q-page .app-dashcard-container .app-disk-space, .q-page-container .q-page .app-dashcard-container .app-redis-memory-usage, .q-page-container .q-page .app-heartbeat-container .app-heartbeat, .q-page-container .q-page .app-heartbeat-container .app-message-queue, .q-page-container .q-page .app-heartbeat-container .app-supervisor, .q-page-container .q-page .app-heartbeat-container .app-disk-space, .q-page-container .q-page .app-heartbeat-container .app-redis-memory-usage, .q-page-container .q-page .app-message-queue-container .app-heartbeat, .q-page-container .q-page .app-message-queue-container .app-message-queue, .q-page-container .q-page .app-message-queue-container .app-supervisor, .q-page-container .q-page .app-message-queue-container .app-disk-space, .q-page-container .q-page .app-message-queue-container .app-redis-memory-usage, .q-page-container .q-page .app-supervisor-container .app-heartbeat, .q-page-container .q-page .app-supervisor-container .app-message-queue, .q-page-container .q-page .app-supervisor-container .app-supervisor, .q-page-container .q-page .app-supervisor-container .app-disk-space, .q-page-container .q-page .app-supervisor-container .app-redis-memory-usage, .q-page-container .q-page .app-disk-space-container .app-heartbeat, .q-page-container .q-page .app-disk-space-container .app-message-queue, .q-page-container .q-page .app-disk-space-container .app-supervisor, .q-page-container .q-page .app-disk-space-container .app-disk-space, .q-page-container .q-page .app-disk-space-container .app-redis-memory-usage, .q-page-container .q-page .app-redis-memory-usage-container .app-heartbeat, .q-page-container .q-page .app-redis-memory-usage-container .app-message-queue, .q-page-container .q-page .app-redis-memory-usage-container .app-supervisor, .q-page-container .q-page .app-redis-memory-usage-container .app-disk-space, .q-page-container .q-page .app-redis-memory-usage-container .app-redis-memory-usage {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.q-page-container .q-page .app-dashcard-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-dashcard-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-dashcard-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-dashcard-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-dashcard-container .app-redis-memory-usage .app-dashcard-label, .q-page-container .q-page .app-heartbeat-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-heartbeat-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-heartbeat-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-heartbeat-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-heartbeat-container .app-redis-memory-usage .app-dashcard-label, .q-page-container .q-page .app-message-queue-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-message-queue-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-message-queue-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-message-queue-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-message-queue-container .app-redis-memory-usage .app-dashcard-label, .q-page-container .q-page .app-supervisor-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-supervisor-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-supervisor-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-supervisor-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-supervisor-container .app-redis-memory-usage .app-dashcard-label, .q-page-container .q-page .app-disk-space-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-disk-space-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-disk-space-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-disk-space-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-disk-space-container .app-redis-memory-usage .app-dashcard-label, .q-page-container .q-page .app-redis-memory-usage-container .app-heartbeat .app-dashcard-label, .q-page-container .q-page .app-redis-memory-usage-container .app-message-queue .app-dashcard-label, .q-page-container .q-page .app-redis-memory-usage-container .app-supervisor .app-dashcard-label, .q-page-container .q-page .app-redis-memory-usage-container .app-disk-space .app-dashcard-label, .q-page-container .q-page .app-redis-memory-usage-container .app-redis-memory-usage .app-dashcard-label {
  font-size: 1rem;
}
.q-page-container .q-page .app-dashcard-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-dashcard-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-dashcard-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-dashcard-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-dashcard-container .app-redis-memory-usage .q-btn.q-btn--round, .q-page-container .q-page .app-heartbeat-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-heartbeat-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-heartbeat-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-heartbeat-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-heartbeat-container .app-redis-memory-usage .q-btn.q-btn--round, .q-page-container .q-page .app-message-queue-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-message-queue-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-message-queue-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-message-queue-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-message-queue-container .app-redis-memory-usage .q-btn.q-btn--round, .q-page-container .q-page .app-supervisor-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-supervisor-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-supervisor-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-supervisor-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-supervisor-container .app-redis-memory-usage .q-btn.q-btn--round, .q-page-container .q-page .app-disk-space-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-disk-space-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-disk-space-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-disk-space-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-disk-space-container .app-redis-memory-usage .q-btn.q-btn--round, .q-page-container .q-page .app-redis-memory-usage-container .app-heartbeat .q-btn.q-btn--round, .q-page-container .q-page .app-redis-memory-usage-container .app-message-queue .q-btn.q-btn--round, .q-page-container .q-page .app-redis-memory-usage-container .app-supervisor .q-btn.q-btn--round, .q-page-container .q-page .app-redis-memory-usage-container .app-disk-space .q-btn.q-btn--round, .q-page-container .q-page .app-redis-memory-usage-container .app-redis-memory-usage .q-btn.q-btn--round {
  cursor: default;
}
.q-page-container .q-page .app-dashcard-container .app-heartbeat:hover, .q-page-container .q-page .app-dashcard-container .app-message-queue:hover, .q-page-container .q-page .app-dashcard-container .app-supervisor:hover, .q-page-container .q-page .app-dashcard-container .app-disk-space:hover, .q-page-container .q-page .app-dashcard-container .app-redis-memory-usage:hover, .q-page-container .q-page .app-heartbeat-container .app-heartbeat:hover, .q-page-container .q-page .app-heartbeat-container .app-message-queue:hover, .q-page-container .q-page .app-heartbeat-container .app-supervisor:hover, .q-page-container .q-page .app-heartbeat-container .app-disk-space:hover, .q-page-container .q-page .app-heartbeat-container .app-redis-memory-usage:hover, .q-page-container .q-page .app-message-queue-container .app-heartbeat:hover, .q-page-container .q-page .app-message-queue-container .app-message-queue:hover, .q-page-container .q-page .app-message-queue-container .app-supervisor:hover, .q-page-container .q-page .app-message-queue-container .app-disk-space:hover, .q-page-container .q-page .app-message-queue-container .app-redis-memory-usage:hover, .q-page-container .q-page .app-supervisor-container .app-heartbeat:hover, .q-page-container .q-page .app-supervisor-container .app-message-queue:hover, .q-page-container .q-page .app-supervisor-container .app-supervisor:hover, .q-page-container .q-page .app-supervisor-container .app-disk-space:hover, .q-page-container .q-page .app-supervisor-container .app-redis-memory-usage:hover, .q-page-container .q-page .app-disk-space-container .app-heartbeat:hover, .q-page-container .q-page .app-disk-space-container .app-message-queue:hover, .q-page-container .q-page .app-disk-space-container .app-supervisor:hover, .q-page-container .q-page .app-disk-space-container .app-disk-space:hover, .q-page-container .q-page .app-disk-space-container .app-redis-memory-usage:hover, .q-page-container .q-page .app-redis-memory-usage-container .app-heartbeat:hover, .q-page-container .q-page .app-redis-memory-usage-container .app-message-queue:hover, .q-page-container .q-page .app-redis-memory-usage-container .app-supervisor:hover, .q-page-container .q-page .app-redis-memory-usage-container .app-disk-space:hover, .q-page-container .q-page .app-redis-memory-usage-container .app-redis-memory-usage:hover {
  z-index: 1;
}
.q-page-container .q-page .app-flowcard-container {
  flex-direction: column;
}
.q-page-container .q-page .app-flowcard-container .app-flowcard .app-flowcard-label {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.q-page-container .q-page .app-flowcard-container .app-flowcard:hover {
  background-color: #f3f2ff;
  z-index: 1;
  cursor: pointer;
}

.q-header, .q-footer {
  z-index: 2999;
}

body.body--dark .q-page-container {
  background-color: #101010;
}
body.body--dark .q-page-container .q-page {
  display: flex;
}
body.body--dark .q-page-container .q-page > div > div > h1, body.body--dark .q-page-container .q-page > div > div > h1 + p {
  color: #F3F3F3;
}
body.body--dark .q-page-container .q-page .app-heartbeat-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-heartbeat-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-heartbeat-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-heartbeat-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-heartbeat-container .app-redis-memory-usage:hover, body.body--dark .q-page-container .q-page .app-message-queue-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-message-queue-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-message-queue-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-message-queue-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-message-queue-container .app-redis-memory-usage:hover, body.body--dark .q-page-container .q-page .app-supervisor-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-supervisor-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-supervisor-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-supervisor-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-supervisor-container .app-redis-memory-usage:hover, body.body--dark .q-page-container .q-page .app-disk-space-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-disk-space-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-disk-space-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-disk-space-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-disk-space-container .app-redis-memory-usage:hover, body.body--dark .q-page-container .q-page .app-redis-memory-usage-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-redis-memory-usage-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-redis-memory-usage-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-redis-memory-usage-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-redis-memory-usage-container .app-redis-memory-usage:hover {
  background-color: #161619;
}
body.body--dark .q-page-container .q-page .app-flowcard-container .app-flowcard:hover {
  background-color: #232028;
}

.app-headline-container {
  min-height: 7rem;
}

.app-footer {
  background: #F8F9FF;
}

body.body--dark .app-footer {
  background-color: #101010;
}

/* --------------- fonts --------------- */
/* palanquin-regular - latin */
@font-face {
  font-family: "Palanquin";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/palanquin-v13-latin-regular.daf573d8.woff2) format("woff2"), url(../fonts/palanquin-v13-latin-regular.76d18a5a.woff) format("woff");
  font-display: swap;
}
/* palanquin-500 - latin */
@font-face {
  font-family: "Palanquin";
  font-style: normal;
  font-weight: 500;
  src: local(""), url(../fonts/palanquin-v13-latin-500.4fec0280.woff2) format("woff2"), url(../fonts/palanquin-v13-latin-500.818297c2.woff) format("woff");
  font-display: swap;
}
/* palanquin-600 - latin */
@font-face {
  font-family: "Palanquin";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/palanquin-v13-latin-600.603517c4.woff2) format("woff2"), url(../fonts/palanquin-v13-latin-600.3b6bdd53.woff) format("woff");
  font-display: swap;
}
/* palanquin-700 - latin */
@font-face {
  font-family: "Palanquin";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/palanquin-v13-latin-700.342d653d.woff2) format("woff2"), url(../fonts/palanquin-v13-latin-700.e44df8d3.woff) format("woff");
  font-display: swap;
}
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/plus-jakarta-sans-regular.2cf169f1.woff2) format("woff2"), url(../fonts/plus-jakarta-sans-regular.8b8f90ab.ttf) format("ttf");
  font-display: swap;
}
/* plus-jakarta-sans-500 - latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  src: local(""), url(../fonts/plus-jakarta-sans-500.42b5d146.woff2) format("woff2"), url(../fonts/plus-jakarta-sans-500.f78ffc04.ttf) format("ttf");
  font-display: swap;
}
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/plus-jakarta-sans-600.71c2742e.woff2) format("woff2"), url(../fonts/plus-jakarta-sans-600.cf92107f.ttf) format("ttf");
  font-display: swap;
}
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/plus-jakarta-sans-700.59d4888c.woff2) format("woff2"), url(../fonts/plus-jakarta-sans-700.542d4930.ttf) format("ttf");
  font-display: swap;
}
/* ------------------------------------------- */
html, body {
  font-family: "Palanquin", sans-serif;
}

h1 {
  margin-top: 2.5rem;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 1024px) {
  h1 {
    /* TODO cs: Opt: get quasar breakpoint variables to work here */
    margin-top: 0;
  }
}

.app-logged-in h1 {
  margin-top: 1rem;
}
@media only screen and (min-width: 1024px) {
  .app-logged-in h1 {
    margin-top: 0;
  }
}

h2 {
  font-size: 20px;
  line-height: 2;
  margin: unset;
}

a {
  text-decoration: none;
  color: inherit;
}
a a:hover:not(.q-item):not(.entity-list-link) {
  text-decoration: underline;
}
a:hover.entity-list {
  text-decoration: none;
}

.app-text-weight-semibold {
  font-weight: 600;
}

* {
  word-break: break-word;
}

.app-text-break-all {
  word-break: break-all;
}

.text-gray, .text-light {
  color: #52525d;
}

.line-height-1 {
  line-height: 1;
}

.app-flow-desc {
  font-size: 0.8rem;
}

.app-headline-container .app-flow-desc {
  font-size: 1.25rem;
  margin-left: 0.5rem;
}

body.body--dark .text-primary {
  color: #9d73ff !important;
}

body.body--dark .q-page {
  background-color: #101010;
}
body.body--dark .q-item.q-router-link--active, body.body--dark .q-item--active {
  color: #9d73ff;
}
body.body--dark .q-item--dark:not(.q-router-link--active) {
  color: #F3F3F3;
}
body.body--dark .invert-icon-dark {
  filter: invert(1);
}
body.body--dark .q-chip--dark {
  background-color: #8B8B8B;
}
body.body--dark .q-tree {
  background-color: #101010;
}
body.body--dark .q-tree .q-tree__node .app-recently-updated-node .app-progress-badge {
  animation: pulse-dark 2s infinite;
}
body.body--dark .q-tree .q-tree__node .q-tree__node-header-content .app-flowexecution-wrapper {
  background-color: #161619;
}
body.body--dark .q-page-container .q-page .q-tab-panels.app-flow-execution-detail-panel {
  background-color: #161619;
}
body.body--dark .app-flowexecution-wrapper {
  background-color: #2e2e34;
}
body.body--dark .q-hoverable:hover {
  background-color: #101010;
}
body.body--dark .q-tree__node .q-tree__node-header-content .app-flowexecution-wrapper {
  background-color: #b3b3b3;
  background-repeat: no-repeat;
}
body.body--dark .q-tree__node-header.q-tree__node--link {
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
  background-color: #2a2a2a;
  font-weight: bolder;
}
body.body--dark .q-tree__node-header.q-tree__node--link:hover {
  background-color: rgba(255, 255, 255, 0.07);
}
body.body--dark .q-tree .q-tree__node-header:hover, body.body--dark .q-tree__children > .q-tree__node--child > .q-tree__node-header:hover {
  background-color: rgba(255, 255, 255, 0.09);
}

/* ------------------------------------------------------------------------------------------------
  debug stuff
--------------------------------------------------------------------------------------------------- */
.wip {
  border: 1px dashed rgba(255, 165, 0, 0.8);
}

.custom-breadcrumb a {
  text-decoration: none;
  color: #7940FF;
}

.animate-glow {
  animation: glow 1s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px #7940FF;
  }
  to {
    box-shadow: 0 0 5px 5px #7940FF;
  }
}
.sq-dialog .inner-container {
  width: auto;
  max-width: 95vw;
  min-height: 200px;
}
.sq-dialog .inner-container.size-small {
  min-width: 40%;
}
.sq-dialog .inner-container.size-medium {
  min-width: 60%;
}
.sq-dialog .inner-container.size-large {
  min-width: 80%;
}
.sq-dialog-full-height {
  min-height: 90vh;
}
.draggable-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
}
.draggable-dialog .is--draggable {
  cursor: move;
  height: calc(100% - 1rem);
}
.draggable-dialog .is--draggable .q-form, .draggable-dialog .is--draggable .q-card__section {
  cursor: auto;
  overflow: auto;
}
.pdf-vue3-main.pdf {
  cursor: initial;
}
.pdf-vue3-main.pdf .pdf-vue3-backToTopBtn {
  cursor: pointer;
}
.app-menu a:hover {
  text-decoration: none;
}
.q-item__section--avatar {
  padding-right: 0;
  min-width: 2.5rem;
}
body.body--light .q-item:not(.q-router-link--active) .q-item__section--side > .q-icon {
  filter: grayscale(1) brightness(0);
}
body.body--dark .q-item:not(.q-router-link--active) .q-item__section--side > .q-icon {
  filter: grayscale(1) brightness(5);
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
[data-v-7e1f725c]::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.entity-list-container[data-v-7e1f725c] {
  min-height: 100px;
}
.q-card__section[data-v-7e1f725c] {
  padding: 0 0.25rem;
}
.app-entity-link > div > div[data-v-7e1f725c] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.app-entity-badge[data-v-7e1f725c] {
  padding: 0 0.25rem;
  background-color: #F3F3F3;
  color: #161619;
}
.q-item__label[data-v-7e1f725c] {
  align-items: center;
  display: flex;
}
.app-entity-list-reload[data-v-7e1f725c] {
  cursor: pointer;
}
.app-entity-list-reload[data-v-7e1f725c]:hover {
  color: #7940FF;
}
.entity-list[data-v-7e1f725c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  border-radius: 8px;
  padding: 0.25rem;
}
.entity-list[data-v-7e1f725c]:hover, .entity-list.active[data-v-7e1f725c] {
  color: #F3F3F3;
  background-color: #7940FF;
}
.entity-list .entity-list-link[data-v-7e1f725c] {
  flex: 1;
  text-decoration: none;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
body.body--dark .app-entity-badge[data-v-7e1f725c] {
  background-color: #161619;
  color: #F3F3F3;
}
body.body--dark .entity-list[data-v-7e1f725c]:hover, body.body--dark .entity-list.active[data-v-7e1f725c] {
  background-color: #422e70;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.q-drawer .app-logo-wrapper .app-logo {
  height: 3rem;
}
.q-drawer a.app-help {
  text-decoration: none !important;
}
.q-drawer a.app-help:hover .sq-help-label {
  text-decoration: underline !important;
}
.q-drawer .app-menu h2 {
  font-size: 1rem;
}
.q-drawer .q-item .q-item__section--side > .q-icon {
  font-size: 1.25rem;
  top: -1px;
}
body.body--dark .q-drawer {
  background-color: #161619;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.q-header {
  background-color: #F8F9FF;
}
.q-header .app-toolbar {
  max-width: min(80vw, 2160px);
}
@media (max-width: 1919px) {
.q-header .app-toolbar {
    max-width: 1440px;
}
}
.app-user-btn-header {
  padding: 0 2rem;
  margin-right: -1rem;
  transition: 0.25s;
  border-radius: 30px;
}
.app-user-btn-header .app-user-container:not(:hover) {
  color: #161619;
}
body.body--dark .q-header {
  background-color: #101010;
}
body.body--dark .app-user-btn-header .app-user-container:not(:hover) {
  color: #F3F3F3;
}
.app-user div {
  line-height: 1.25;
}
.app-name-accent1 {
  font-weight: bold;
  color: #161619;
}
.app-name-accent2 {
  font-weight: bold;
  color: #7940FF;
}
.app-avatar {
  background: #7940FF;
  color: #F3F3F3;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-user .app-user-real-name {
  font-weight: bold;
}
.app-user .app-user-technical-name {
  font-weight: normal;
  font-size: 0.8rem;
}
.app-topbar-btn {
  color: #161619;
}
.app-user-viewport-xs .app-avatar {
  display: none;
}
.app-user-viewport-xs .app-user {
  margin-left: unset;
}
.app-user-viewport-xs .app-user .app-user-real-name, .app-user-viewport-xs .app-user .app-user-technical-name {
  margin-left: unset;
  max-width: 35vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.body--dark .q-drawer .app-name-accent1 {
  color: white;
}
body.body--dark .app-avatar {
  background: #7940FF;
}
body.body--dark .app-user-real-name, body.body--dark .app-topbar-btn {
  color: #F3F3F3;
}
body.body--dark .app-user-technical-name {
  color: #9e9e9e;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-build {
  color: #52525d;
}
.app-toolbar {
  background-color: #F8F9FF;
}
.sq-page-container {
  min-height: 100vh;
}
body.body--dark .app-toolbar {
  background-color: #101010;
}

/*# sourceMappingURL=app.ef4bf025.css.map*/