@import url(https://fonts.googleapis.com/css2?family=Palanquin:wght@400;600;700&display=swap);
/* TODO: Get dark page vals*/
/* ------------------------------------------------------------------------------------------------
  import variables
--------------------------------------------------------------------------------------------------- */
/* TODO: Get dark page vals*/
/* ------------------------------------------------------------------------------------------------
  import mixin files
--------------------------------------------------------------------------------------------------- */
/* TODO: Get dark page vals*/
.border-danger {
  border: 1px solid #C10015 !important;
}

/* ------------------------------------------------------------------------------------------------
  import component files
--------------------------------------------------------------------------------------------------- */
.q-notifications__list {
  margin-top: 3rem;
}
.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: #F1FFF4 !important;
  color: #21BA45;
}
.q-badge.bg-warning {
  background-color: #FFFEF1 !important;
  color: #cb9d33;
}
.q-badge.bg-negative {
  background-color: #FFF1F1 !important;
  color: #C10015;
}
.q-badge.bg-gray {
  background-color: #ececec !important;
  color: #212121;
}

body.body--dark .q-badge {
  background-color: #372959 !important;
}
body.body--dark .q-badge.bg-null {
  color: #9d73ff;
}
body.body--dark .q-badge.bg-positive {
  background-color: #21472a !important;
}
body.body--dark .q-badge.bg-warning {
  background-color: #4c4026 !important;
}
body.body--dark .q-badge.bg-negative {
  background-color: #49191e !important;
}
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: #52dbcc;
}
.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: #695df2;
}
.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: #a32a37;
}

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

.app-action-btn,
.app-expand-btn,
.app-delete-btn {
  color: #29D3BF;
  background-color: #e3f6f8;
  font-weight: 600;
  transition: 0.2s;
  border-radius: 0.25rem;
}
.app-action-btn.app-highlighted-btn,
.app-expand-btn.app-highlighted-btn,
.app-delete-btn.app-highlighted-btn {
  color: #FFFFFF;
  background-color: #29D3BF;
}
.app-action-btn.app-gray, .app-action-btn.app-grey,
.app-expand-btn.app-gray,
.app-expand-btn.app-grey,
.app-delete-btn.app-gray,
.app-delete-btn.app-grey {
  background-color: #F8F9FF;
  color: #212121;
}
.app-action-btn.app-gray:hover, .app-action-btn.app-grey:hover,
.app-expand-btn.app-gray:hover,
.app-expand-btn.app-grey:hover,
.app-delete-btn.app-gray: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: #212121;
}
.app-action-btn:hover,
.app-expand-btn:hover,
.app-delete-btn:hover {
  color: #F3F3F3;
  background-color: #7FE5D9;
}
.app-action-btn:focus,
.app-expand-btn:focus,
.app-delete-btn:focus {
  background-color: #15B9A7;
  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(41, 211, 191, 0.25);
}

body.body--dark .app-action-btn.app-btn-contrast,
body.body--dark .app-expand-btn.app-btn-contrast {
  background-color: #212121;
  color: #F3F3F3;
}
body.body--dark .app-action-btn:not(.app-highlighted-btn),
body.body--dark .app-expand-btn:not(.app-highlighted-btn) {
  background-color: #142624;
}
body.body--dark .app-flowcard-btn-start {
  color: #9d73ff;
}
body.body--dark .app-flowcard-btn-start:hover {
  background-color: #52dbcc;
}
body.body--dark .app-flowcard-btn-end {
  color: #9d73ff;
}
body.body--dark .app-flowcard-btn-end:hover {
  background-color: #695df2;
}
body.body--dark .app-flowcard-btn-delete {
  color: #29D3BF;
}
body.body--dark .app-flowcard-btn-delete:hover {
  background-color: #a32a37;
}
body.body--dark .app-delete-jdm {
  color: #e4aab0;
  background-color: #411a1f;
}
body.body--dark .app-delete-jdm:hover {
  color: #F3F3F3;
  background-color: #C10015;
}
body.body--dark .app-action-btn.app-gray, body.body--dark .app-action-btn.app-grey, body.body--dark .app-expand-btn.app-gray, body.body--dark .app-expand-btn.app-grey {
  color: #29D3BF;
}
body.body--dark .app-action-btn.app-gray:hover, body.body--dark .app-action-btn.app-grey:hover, body.body--dark .app-expand-btn.app-gray: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;
}

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

.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: #e3f5f9;
  z-index: 1;
}
.app-card-container .q-field__control {
  background-color: #FFFFFF;
}

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

body.body--dark .app-card-container .app-card:hover {
  background-color: #142523;
  z-index: 1;
}
body.body--dark .app-card-container .app-card .q-field__control {
  background-color: #121212;
}

.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: 0;
  background: rgba(255, 255, 255, 0.8);
}
body.screen--md.body--dark .chart-filter, body.screen--lg.body--dark .chart-filter, body.screen--xl.body--dark .chart-filter {
  background: rgba(33, 33, 33, 0.8);
}

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

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

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

.error-modal-trace-item pre {
  background-color: #F3F3F3;
}

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

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

.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: #29D3BF;
}

.q-field__control-container .q-field__label {
  padding-bottom: 1rem;
}
.q-field__control-container input, .q-field__control-container textarea, .q-field__control-container select {
  border: 1px solid transparent;
}
.q-field__control-container input:-webkit-autofill, .q-field__control-container input:-webkit-autofill:hover, .q-field__control-container input:-webkit-autofill:focus, .q-field__control-container textarea:-webkit-autofill, .q-field__control-container textarea:-webkit-autofill:hover, .q-field__control-container textarea:-webkit-autofill:focus, .q-field__control-container select:-webkit-autofill, .q-field__control-container select:-webkit-autofill:hover, .q-field__control-container select:-webkit-autofill:focus {
  border: 1px solid #29D3BF;
  -webkit-text-fill-color: #29D3BF;
  -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;
}

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

.q-field--dense .q-field__label {
  padding-top: 0.25rem;
}

pre {
  white-space: pre-line;
}

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 {
  border: 1px solid #29D3BF;
  -webkit-text-fill-color: #29D3BF;
  -webkit-box-shadow: 0 0 0 1000px #121212 inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

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

.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 {
  min-width: 3.5rem;
  padding: 0;
}
.q-pagination .q-btn-item.disabled {
  opacity: 0.4 !important;
}

.lds-ring {
  z-index: 2;
  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 .q-tab__label {
  font-weight: 600;
}

.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: #121212;
}
body.body--dark .q-table tbody tr:hover {
  background-color: #121212;
}

.app-flow-execution-table td:first-child {
  max-width: 1rem;
  background-color: #FFFFFF;
}
.app-flow-execution-table th:first-child {
  background-color: #F8F9FF;
}
.app-flow-execution-table th:first-child, .app-flow-execution-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.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;
  }
}

body.body--dark .app-flow-execution-table td:first-child {
  max-width: 1rem;
  background-color: #121212;
}
body.body--dark .app-flow-execution-table th:first-child, body.body--dark .app-flow-execution-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
body.body--dark .app-flow-execution-table th:first-child {
  background-color: #121212;
}
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;
}

.q-dark .apexcharts-tooltip.apexcharts-theme-light {
  color: #212121;
}

/* ------------------------------------------------------------------------------------------------
  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: 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-dashcard, .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-dashcard, .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-dashcard, .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-dashcard, .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-dashcard, .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-dashcard, .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-dashcard .app-dashcard-label, .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-dashcard .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-dashcard .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-dashcard .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-dashcard .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-dashcard .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-dashcard .q-btn.q-btn--round, .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-dashcard .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-dashcard .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-dashcard .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-dashcard .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-dashcard .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-dashcard:hover, .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-dashcard: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-dashcard: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-dashcard: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-dashcard: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-dashcard: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 {
  background-color: #e3f5f9;
  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: #e3f5f9;
  z-index: 1;
  cursor: pointer;
}

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

body.body--dark .q-page-container {
  background-color: #121212;
}
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-dashcard-container .app-dashcard:hover, body.body--dark .q-page-container .q-page .app-dashcard-container .app-heartbeat:hover, body.body--dark .q-page-container .q-page .app-dashcard-container .app-message-queue:hover, body.body--dark .q-page-container .q-page .app-dashcard-container .app-supervisor:hover, body.body--dark .q-page-container .q-page .app-dashcard-container .app-disk-space:hover, body.body--dark .q-page-container .q-page .app-dashcard-container .app-redis-memory-usage:hover, body.body--dark .q-page-container .q-page .app-heartbeat-container .app-dashcard:hover, 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-dashcard: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-dashcard: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-dashcard: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-dashcard: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: #142523;
}
body.body--dark .q-page-container .q-page .app-flowcard-container .app-flowcard:hover {
  background-color: #142523;
}

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

.app-footer {
  background: #F8F9FF;
  margin-top: -58px;
}

.q-page > div {
  margin-bottom: 58px;
}

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

/*@font-face {
  font-family: 'Palanquin';
  src: url('https://fonts.googleapis.com/css2?family=Palanquin&display=swap');
}

@font-face {
  font-family: 'PalanquinBold';
  src: url('https://fonts.googleapis.com/css2?family=Palanquin:wght@700&display=swap');
  font-weight: bold;
}*/
html, body {
  font-family: "Palanquin", sans-serif;
}

h1 {
  margin-top: 2.5rem;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
  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:hover {
  text-decoration: underline;
}

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

* {
  word-break: break-word;
}

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

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

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

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

body.body--dark .q-item.q-router-link--active, body.body--dark .q-item--active {
  color: #9d73ff;
}
body.body--dark .q-item--dark {
  color: #F3F3F3;
}
body.body--dark .invert-icon-dark {
  filter: invert(1);
}

/* ------------------------------------------------------------------------------------------------
  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 #29D3BF;
  }
  to {
    box-shadow: 0 0 5px 5px #29D3BF;
  }
}
.q-spinner {
  z-index: 9999;
}
.sq-dialog .inner-container {
  resize: both;
  max-width: 95vw;
  min-height: 20vh;
}
.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;
}
.app-menu a:hover {
  text-decoration: none;
}
.q-item__section--avatar {
  padding-right: 0;
  min-width: 2.5rem;
}
.q-item:not(.q-router-link--active) .q-item__section--side > .q-icon {
  filter: grayscale(1);
}
/* TODO: Get dark page vals*/
.entity-list-container {
  min-height: 100px;
}
.q-card__section {
  padding: 0.25rem;
}
.app-entity-link {
  cursor: pointer;
}
.app-entity-link.active {
  color: #7940FF;
}
.app-entity-link:hover {
  color: #29D3BF;
}
.app-entity-badge {
  padding: 0 0.25rem;
  background-color: #F3F3F3;
  color: #212121;
}
body.body--dark .app-entity-link:hover {
  color: #212121;
  background-color: #29D3BF;
}
body.body--dark .app-entity-badge {
  background-color: #212121;
  color: #F3F3F3;
}
.q-item__label {
  align-items: center;
  display: flex;
}
.app-entity-list-reload {
  cursor: pointer;
}
.app-entity-list-reload:hover {
  color: #29D3BF;
}
.q-drawer .app-logo-wrapper .app-logo {
  height: 3rem;
}
.q-drawer .app-help {
  text-decoration: none;
}
.q-drawer .app-help:hover div {
  text-decoration: underline;
}
.q-drawer .app-menu h2 {
  font-size: 1rem;
}
.q-drawer .q-item .q-item__section--side > .q-icon {
  font-size: 1.25rem;
  top: -1px;
}
/* TODO: Get dark page vals*/
.app-user div {
  line-height: 1.25;
}
.app-name-accent1 {
  font-weight: bold;
  color: #212121;
}
.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: #212121;
}
.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--light .app-user-real-name {
  color: #212121;
}
body.body--light .app-user-technical-name {
  color: #616161;
}
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;
}
/* TODO: Get dark page vals*/
.app-build {
  color: #616161;
}
.app-toolbar {
  background-color: #F8F9FF;
}
body.body--dark .app-toolbar {
  background-color: #121212;
}
.q-editor-toolbar .q-btn.disabled {
  opacity: 0.3 !important;
}
/* TODO: Get dark page vals*/
.json-editor, .app-editor {
  z-index: 2998;
}
.json-editor {
  background: #F8F9FF;
  font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px;
  min-width: 100%;
  resize: both;
}
.json-editor:not(.custom-min-height) {
  min-height: 12rem;
}
.json-editor:not(.custom-min-height) .json-editor-wrapper .json-editor__container {
  min-height: 80px;
}
.json-editor.contrast {
  background: #FFFFFF;
  color: #212121;
}
.json-editor:hover {
  border: 1px solid #29D3BF;
}
.json-editor:focus-within {
  box-shadow: 0 0 3px #29D3BF;
}
.json-editor__textarea:focus {
  outline: none;
}
.json-editor-wrapper .json-editor__container {
  min-height: 80px;
  height: 100%;
}
body.body--light .json-editor {
  background: #F8F9FF;
  color: #212121;
}
body.body--light .json-editor.contrast, body.body--light .json-editor .contrast {
  background: #FFFFFF;
}
body.body--light textarea.json-editor__textarea::selection {
  background: #888;
}
.q-editor-toolbar .q-btn.disabled {
  opacity: 0.3 !important;
}
.app-editor:not(.custom-max-height) {
  max-height: 50vh;
}
.app-editor.invalid-code .json-editor {
  border: 1px solid #C10015;
}
.app-editor.invalid-code .json-editor:focus-within {
  box-shadow: 0 0 3px #C10015;
}
.sq-editor-offset {
  margin-bottom: 2rem;
}
.sq-invalid-json-notif {
  position: sticky;
  display: flex;
  justify-content: flex-end;
}
.ace_editor {
  font-size: 0.75rem;
}
.ace_editor .ace_variable {
  font-style: normal;
}
.ace_editor .ace_fold-widget {
  transform: scale(1.2);
}
.ace_editor .ace_marker-layer .ace_bracket {
  padding: 0.2rem;
  transform: translateX(1px);
  background-color: rgba(41, 211, 191, 0.2);
}
.ace_editor .ace_print-margin {
  opacity: 0.2;
}
.ace_editor.app-editor-light, .ace_marker-layer .ace_bracket {
  background-color: #FFFFFF;
}
.ace_editor.app-editor-light .ace_gutter, .ace_editor.app-editor-light .ace_marker-layer .ace_active-line, .ace_marker-layer .ace_bracket .ace_gutter, .ace_marker-layer .ace_bracket .ace_marker-layer .ace_active-line {
  background-color: #F8F9FF;
}
.ace_editor.app-editor-dark, .ace_gutter {
  background-color: #121212;
}
.ace_editor.app-editor-dark .ace_marker-layer .ace_active-line, .ace_editor.app-editor-dark .ace_marker-layer .ace_bracket, .ace_gutter .ace_marker-layer .ace_active-line, .ace_gutter .ace_marker-layer .ace_bracket {
  background-color: #212121;
}
body.body--dark .json-editor {
  color: #F3F3F3;
  caret-color: white;
  background: #121212;
}
body.body--dark .json-editor.contrast, body.body--dark .json-editor .contrast {
  background: #000;
}
body.body--dark textarea.json-editor__textarea::selection {
  background: #444;
}
/* TODO: Get dark page vals*/
@media (min-width: 599px) {
.app-create-filesystem-name-input {
    width: 50%;
}
}
.dialog-title {
  line-height: 1rem;
}
/* TODO: Get dark page vals*/
@media (min-width: 599px) {
.app-create-filesystem-name-input {
    width: 50%;
}
}
/* TODO: Get dark page vals*/
.app-browser-filesystem-item-wrapper {
  cursor: pointer;
  transition: 0.33s;
}
.app-browser-filesystem-item-wrapper .app-browser-filesystem-item {
  padding: 0.25rem 0.5rem;
}
.q-tree.app-browser-filetree > .q-tree__node--child > .q-tree__node-header {
  padding-left: unset;
}
body.body--light .app-browser-filesystem-item-wrapper.active {
  background: #e3e3e9;
}
body.body--light .app-browser-filesystem-item-wrapper:hover {
  background: #d8d9de;
}
body.body--dark .app-browser-filesystem-item-wrapper.active {
  background: #292929;
}
body.body--dark .app-browser-filesystem-item-wrapper:hover {
  background: #343434;
}
/* TODO: Get dark page vals*/
.app-browser-filesystem-item-wrapper {
  cursor: pointer;
  transition: 0.33s;
}
.app-browser-filesystem-item-wrapper .app-browser-filesystem-item {
  padding: 0.25rem 0.5rem;
}
.q-tree.app-browser-filetree > .q-tree__node--child > .q-tree__node-header {
  padding-left: unset;
}
.app-filemanager .q-item {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.app-filemanager .q-item.active i.q-icon {
  color: #7940FF;
}
.app-filemanager .q-item.renaming {
  border: 2px dashed black;
}
.app-filemanager .q-focusable:focus > .q-focus-helper, .app-filemanager body.desktop .q-manual-focusable--focused > .q-focus-helper, .app-filemanager body.desktop .q-hoverable:hover > .q-focus-helper,
.app-filemanager .q-focus-helper:before {
  background: unset !important;
}
body.body--light .app-browser-filesystem-item-wrapper.active,
body.body--light .app-filemanager .q-item.active {
  background: #e3e3e9;
}
body.body--light .app-browser-filesystem-item-wrapper:hover,
body.body--light .app-filemanager .q-item:hover {
  background: #d8d9de;
}
body.body--dark .app-browser-filesystem-item-wrapper.active,
body.body--dark .app-filemanager .q-item.active {
  background: #292929;
}
body.body--dark .app-browser-filesystem-item-wrapper:hover,
body.body--dark .app-filemanager .q-item:hover {
  background: #343434;
}
/* TODO: Get dark page vals*/
.app-browser-path .q-field__inner {
  background-color: #FFFFFF;
}
body.body--dark .app-browser-path .q-field__inner {
  background-color: #121212;
}
/* TODO: Get dark page vals*/
.app-items-per-page-select {
  background-color: #FFFFFF;
  width: 10rem;
}
body.body--dark .app-items-per-page-select {
  background-color: #212121;
}
/* TODO: Get dark page vals*/
.q-pagination input.q-field__native:hover, .q-pagination input.q-field__native:focus {
  border: 1px solid #29D3BF;
}
.app-cronjob-name-input .q-field__native.q-placeholder, .app-cronjob-mail-input .q-field__native.q-placeholder {
  padding-left: 1rem;
}
.app-empty-list {
  min-height: 100px;
}
.app-dashcard {
  min-height: 80px;
}
.app-dashcard.clickable {
  cursor: pointer;
}
.app-dashcard-value {
  font-size: 3rem;
  line-height: 0.5;
}
/* TODO: Get dark page vals*/
.app-heartbeat-headline-container .app-heartbeat-headline {
  line-height: 1;
  font-size: 1rem;
}
.app-heartbeat {
  background-repeat: no-repeat no-repeat;
  background-position: left top;
  background-size: contain;
}
.app-heartbeat.app-heartbeat-positive {
  background-color: #F1FFF4;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%2321BA45" width="76.044" height="43.415" id="Schnittmenge_4" data-name="Schnittmenge 4" viewBox="0 0 76.044 43.415"%3E%3Cpath d="M10.179,43.407a1.781,1.781,0,0,1-1.687-1.267L2.757,20.931,1.1,25.522A1.8,1.8,0,0,1-.615,26.667H-11.479a1.747,1.747,0,0,1-1.811-1.674,1.747,1.747,0,0,1,1.811-1.674H-1.92l3.209-8.9a1.783,1.783,0,0,1,1.786-1.143,1.781,1.781,0,0,1,1.686,1.267L10.5,35.751,23.016,1.024a1.95,1.95,0,0,1,3.434,0L38.968,35.751,44.7,14.542a1.782,1.782,0,0,1,1.687-1.267,1.741,1.741,0,0,1,1.786,1.143l3.209,8.9h9.559a1.884,1.884,0,0,1,1.28.49,1.587,1.587,0,0,1,0,2.368,1.887,1.887,0,0,1-1.28.49H50.081a1.8,1.8,0,0,1-1.717-1.145l-1.655-4.59L40.973,42.14a1.781,1.781,0,0,1-1.687,1.267l-.069,0A1.8,1.8,0,0,1,37.5,42.264L24.733,6.848,11.965,42.264a1.667,1.667,0,0,1-1.623,1.15Q10.261,43.414,10.179,43.407Z" transform="translate(13.289 0.001)" opacity=".10" /%3E%3C/svg%3E');
}
.app-heartbeat.app-heartbeat-warning {
  background-color: #FFFEF1;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23CB9D33" width="76.044" height="43.415" id="Schnittmenge_4" data-name="Schnittmenge 4" viewBox="0 0 76.044 43.415"%3E%3Cpath d="M10.179,43.407a1.781,1.781,0,0,1-1.687-1.267L2.757,20.931,1.1,25.522A1.8,1.8,0,0,1-.615,26.667H-11.479a1.747,1.747,0,0,1-1.811-1.674,1.747,1.747,0,0,1,1.811-1.674H-1.92l3.209-8.9a1.783,1.783,0,0,1,1.786-1.143,1.781,1.781,0,0,1,1.686,1.267L10.5,35.751,23.016,1.024a1.95,1.95,0,0,1,3.434,0L38.968,35.751,44.7,14.542a1.782,1.782,0,0,1,1.687-1.267,1.741,1.741,0,0,1,1.786,1.143l3.209,8.9h9.559a1.884,1.884,0,0,1,1.28.49,1.587,1.587,0,0,1,0,2.368,1.887,1.887,0,0,1-1.28.49H50.081a1.8,1.8,0,0,1-1.717-1.145l-1.655-4.59L40.973,42.14a1.781,1.781,0,0,1-1.687,1.267l-.069,0A1.8,1.8,0,0,1,37.5,42.264L24.733,6.848,11.965,42.264a1.667,1.667,0,0,1-1.623,1.15Q10.261,43.414,10.179,43.407Z" transform="translate(13.289 0.001)" opacity=".10" /%3E%3C/svg%3E');
}
.app-heartbeat.app-heartbeat-negative {
  background-color: #FFF1F1;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23C10015" width="76.044" height="43.415" id="Schnittmenge_4" data-name="Schnittmenge 4" viewBox="0 0 76.044 43.415"%3E%3Cpath d="M10.179,43.407a1.781,1.781,0,0,1-1.687-1.267L2.757,20.931,1.1,25.522A1.8,1.8,0,0,1-.615,26.667H-11.479a1.747,1.747,0,0,1-1.811-1.674,1.747,1.747,0,0,1,1.811-1.674H-1.92l3.209-8.9a1.783,1.783,0,0,1,1.786-1.143,1.781,1.781,0,0,1,1.686,1.267L10.5,35.751,23.016,1.024a1.95,1.95,0,0,1,3.434,0L38.968,35.751,44.7,14.542a1.782,1.782,0,0,1,1.687-1.267,1.741,1.741,0,0,1,1.786,1.143l3.209,8.9h9.559a1.884,1.884,0,0,1,1.28.49,1.587,1.587,0,0,1,0,2.368,1.887,1.887,0,0,1-1.28.49H50.081a1.8,1.8,0,0,1-1.717-1.145l-1.655-4.59L40.973,42.14a1.781,1.781,0,0,1-1.687,1.267l-.069,0A1.8,1.8,0,0,1,37.5,42.264L24.733,6.848,11.965,42.264a1.667,1.667,0,0,1-1.623,1.15Q10.261,43.414,10.179,43.407Z" transform="translate(13.289 0.001)" opacity=".10" /%3E%3C/svg%3E');
}
.app-heartbeat.app-heartbeat-none .app-heartbeat-delay-info {
  color: #212121;
}
.app-heartbeat .app-heartbeat-row-top {
  padding-bottom: 0;
}
.app-heartbeat .app-heartbeat-row-bottom {
  padding-top: 0;
}
body.body--dark .app-heartbeat.app-heartbeat-positive {
  background-color: #21472a;
}
body.body--dark .app-heartbeat.app-heartbeat-warning {
  background-color: #4c4026;
}
body.body--dark .app-heartbeat.app-heartbeat-negative {
  background-color: #49191e;
}
body.body--dark .app-heartbeat.app-heartbeat-none .app-heartbeat-delay-info {
  color: #F3F3F3;
}
body.body--dark .app-heartbeat.app-heartbeat-none .app-heartbeat-delay-info .q-icon:first-child {
  filter: invert(1);
}
body.body--dark .app-heartbeat .app-heartbeat-delay-info .q-icon:first-child {
  filter: invert(1);
}
/* TODO: Get dark page vals*/
.custom-chart-legend {
  box-shadow: none !important;
}
.custom-chart-legend .q-table__card {
  box-shadow: none !important;
}
.custom-chart-legend .q-table {
  background: none !important;
  border: none !important;
}
.custom-chart-legend .q-table thead, .custom-chart-legend .q-table tr, .custom-chart-legend .q-table th, .custom-chart-legend .q-table, .custom-chart-legend td {
  border: none !important;
}
@media (max-width: 1919px) {
.custom-chart-legend tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}
body.body--dark .custom-chart-legend .q-badge--outline {
  background: #FFFFFF;
}
.app-validation-table-filter-input {
  min-width: 150px;
  width: -moz-fit-content;
  width: fit-content;
}
body.body--dark .q-table__container .app-validation-table-filter-input.q-field.q-select--multiple {
  background: unset;
}
.app-disk-space-card .custom-chart-legend {
  background: none !important;
}
.app-disk-space {
  min-height: 465px;
}
.apex-chart-container {
  min-height: 365px;
}

.app-redis-memory-usage {
    min-height: 465px;
.apexcharts-zoomout-icon {
      order: -1;
      margin-right: unset;
}
}

/* TODO: Get dark page vals*/
.app-dashcard-container {
  margin-right: -1rem;
}
.app-time-series-visualization .q-card {
  cursor: pointer;
}
@media (min-width: 1023px) {
.app-heartbeat-card {
    margin-left: 0.5rem;
}
}
@media (max-width: 599px) {
.app-heartbeat-container.app-supervisor-container.app-message-queue-container.app-disk-space-container.app-redis-memory-usage-container {
    margin-right: 1rem;
}
.app-message-queue-card {
    padding-top: 0 !important;
}
}
.app-supervisor {
  margin-right: 1rem !important;
}
@media (min-width: 1023px) {
.app-disk-space {
    margin-right: 1rem !important;
}
}
.app-message-queue-card, .app-supervisor-card, .app-disk-space-card, .app-redis-memory-usage-card, .app-redis-memory-usage-card {
  min-height: 178.58px;
}
/* TODO: Get dark page vals*/
.app-confirm-delete-field input {
  border-bottom: 2px solid #C10015;
  transition: 0.5s;
}
.app-confirm-delete-field.match input {
  border-bottom: 2px solid #21BA45;
}
/* TODO: Get dark page vals*/
.app-entity-listing-row-container[data-v-41f779ba] {
  background-color: #FFFFFF;
  max-width: 100vw;
  word-break: break-word;
}
.app-entity-listing-row-container.blocked[data-v-41f779ba] {
  cursor: not-allowed;
}
.app-entity-listing-row-container[data-v-41f779ba]:hover {
  background-color: #f4fdfc;
}
.app-entity-listing-row-container > div[data-v-41f779ba]:not(.app-entity-listing-row-actions) {
  display: inline-block;
  word-break: break-all;
  line-height: 1;
}
.app-entity-listing-row-container > .app-entity-listing-row-actions[data-v-41f779ba] {
  max-height: 4rem;
  flex-wrap: nowrap;
  position: sticky;
  top: 4rem;
  left: 3rem;
  z-index: 1;
}
.app-entity-listing-row-container > .app-entity-listing-row-actions .app-action-btn[data-v-41f779ba] {
  padding: 1rem;
}
@media (max-width: 1023px) {
.app-entity-listing-row-container > .app-entity-listing-row-actions .app-action-btn[data-v-41f779ba] {
    flex: 1 1 0;
    padding: 0.5rem;
}
.app-entity-listing-row-container > .app-entity-listing-row-actions > div[data-v-41f779ba] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.app-entity-listing-row-container hr[data-v-41f779ba] {
  border-top: #FFFFFF;
  border-bottom: unset;
}
.app-entity-listing-row-container .app-entity-listing-editor-wrapper[data-v-41f779ba] {
  max-height: 5rem;
}
.app-entity-listing-row-container .app-entity-listing-editor-wrapper.expanded[data-v-41f779ba] {
  max-height: unset;
}
@media (max-width: 1023px) {
.app-entity-listing-row-container > div[data-v-41f779ba] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.app-placeholder-container[data-v-41f779ba] {
  height: 100px;
  background-color: #F8F9FF;
}
.app-entity-listing-row-actions[data-v-41f779ba] {
  display: flex;
  flex-wrap: wrap;
}
body.body--dark .app-entity-listing-row-container[data-v-41f779ba] {
  background-color: #212121;
}
body.body--dark .app-placeholder-container[data-v-41f779ba] {
  background-color: #121212;
}
/* TODO: Get dark page vals*/
body.body--dark .app-entity-query-editor-wrapper {
  background-color: #212121;
}
body.body--dark .app-entity-query-editor-wrapper:hover {
  background-color: #212a29;
}
body.body--dark .app-entity-query-editor-wrapper .q-btn.text-negative {
  background-color: #C10015;
  color: white !important;
}
body.body--dark .app-entity-query-editor-wrapper .q-btn.text-negative:hover {
  background-color: #a32a37;
}
/* TODO: Get dark page vals*/
.app-entity-query-editor-wrapper {
  background-color: #FFFFFF;
}
.app-entity-query-editor-wrapper .app-entity-query-editor {
  margin: 0;
  overflow: visible;
}
.app-entity-page-container {
  order: 2;
  padding: 1rem 0.25rem;
}
@media (min-width: 599px) {
.app-entity-page-container {
    order: unset;
}
}
@media (min-width: 599px) {
.app-entity-page-container {
    padding: 1rem;
}
}
.app-entity-list-container-wrapper {
  order: 1;
}
@media (min-width: 599px) {
.app-entity-list-container-wrapper {
    order: unset;
}
}
.app-entity-list-container-wrapper .app-entity-list-container {
  margin: 1.5rem;
}
@media (min-width: 599px) {
.app-entity-list-container-wrapper .app-entity-list-container {
    position: sticky;
    top: 4rem;
}
}
.app-entity-list-container-wrapper .app-entity-list-container .app-entity-list-container-inner {
  padding-left: 1rem;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.app-entity-list-container-wrapper .app-entity-list-container .app-entity-list-container-inner h2 {
  font-size: 0.8rem;
  font-weight: 600;
}
.q-btn:hover {
  text-decoration: none;
}
.app-error-action-container .app-action-btn {
  background-color: rgba(8, 40, 36, 0.1019607843);
}
.app-filter-area-content .q-icon.q-chip__icon--remove {
  display: none;
}

.app-flow-status-action-bar {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

/* TODO: Get dark page vals*/
.app-tree-action-bar {
  background-color: #FFFFFF;
  z-index: 1;
  padding-bottom: 0.4rem;
  padding-top: 0.5rem;
}
@media (min-width: 599px) {
.app-tree-action-bar {
    position: sticky;
    top: 3.5rem;
}
}
.app-flow-execution-refresh-btn button:first-of-type {
  padding-right: 0.5rem;
}
.app-flow-execution-refresh-btn .q-btn__content {
  font-weight: 600;
}
.app-flow-execution-refresh-btn.loading button:first-of-type i {
  animation: running-animation 1s 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);
}
}
.app-all-filtered-info {
  color: #B9B9B9;
}
.app-tree-action-bar .q-icon {
  display: inline-block;
}
.app-tree-action-bar .q-btn:not(.q-btn-dropdown__arrow-container) {
  padding: 0 0.5rem;
}
.app-tree-action-bar .q-btn, .app-tree-action-bar .app-flow-execution-refresh-btn .q-btn__content {
  font-weight: 600;
}
.app-tree-action-bar .q-btn .q-icon:not(.q-btn-dropdown__arrow), .app-tree-action-bar .app-flow-execution-refresh-btn .q-btn__content .q-icon:not(.q-btn-dropdown__arrow) {
  font-size: 1rem;
}
.app-tree-action-bar .flex > *, .app-tree-action-bar .flex > * .q-field__control {
  height: 2rem;
}
.app-tree-action-bar .flex > * .q-field__label, .app-tree-action-bar .flex > * .q-field__control .q-field__label {
  padding-top: unset;
}
.app-tree-action-bar .q-field:not(.q-field--focused.q-field--highlighted).q-field--dense .q-field__label {
  transform: translateY(-3px);
}
body.body--dark .app-tree-action-bar {
  background-color: #212121;
}
/* TODO: Get dark page vals*/
.app-flow-status-badge.active {
  border: 1px solid #7940FF;
}
/* TODO: Get dark page vals*/
.q-tree {
  margin-top: 1rem;
}
.q-tree.app-tree-finished {
  animation: finish-animation 1s ease-in-out;
}
@keyframes finish-animation {
0% {
    /* Define the initial state */
    background: rgba(33, 186, 69, 0.25);
}
100% {
    /* Define the final state */
    background: unset;
}
}
.q-tree .q-tree__arrow {
  margin: 0 2px 4px -4px;
}
.q-tree .q-tree__node .app-recently-updated-node .app-progress-badge {
  animation: pulse 2s infinite;
}
.q-tree .q-tree__node .q-tree__node--parent, .q-tree .q-tree__node .q-tree__node--child {
  padding-top: 0.25rem;
}
.q-tree .q-tree__node .q-tree__node--parent:first-of-type, .q-tree .q-tree__node .q-tree__node--child:first-of-type {
  padding-top: 0.75rem;
}
.q-tree .q-tree__node .q-tree__node--parent .q-tree__node-header, .q-tree .q-tree__node .q-tree__node--child .q-tree__node-header {
  margin: unset;
  padding: 0.25rem 0;
}
.q-tree .q-tree__node .q-tree__node--parent .q-tree__node-header:hover, .q-tree .q-tree__node .q-tree__node--child .q-tree__node-header:hover {
  background-color: #e6e6e6;
}
.q-tree .q-tree__node .app-flowexecution-top-label-wrapper {
  max-width: 100%;
  white-space: nowrap;
}
.q-tree .q-tree__node .q-tree__node-header-content .app-flowexecution-top-label-wrapper {
  position: absolute;
  top: -0.75rem;
}
.q-tree .q-tree__node .q-tree__node-header-content .app-flowececution-wrapper {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
}
.q-tree > .q-tree__node > .q-tree__node-header .app-flowexecution-top-label-wrapper {
  top: 0;
}
.q-tree .q-tree__node .q-tree__node-header-content {
  margin-top: 0.25rem;
}
.q-tree__node {
  max-width: 1080px;
}
.q-tree__node .q-tree__arrow {
  margin: 0 0 6px 0;
}
.q-tree__node:last-child .q-tree__node-header::before {
  bottom: 0.75rem;
}
@media (min-width: 599px) {
.q-tree__node:last-child .q-tree__node-header::before {
    top: -1.5rem;
}
}
.q-tree__children {
  width: 100%;
  padding-left: 8px;
}
@media (min-width: 599px) {
.q-tree__children {
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    min-width: 480px;
    /* Might require extra adjustment for deep levels */
}
}
.q-tree .q-badge {
  margin: 0.25rem;
  padding: 0.25rem;
  max-height: 1rem;
  font-weight: 600;
}
@media (min-width: 599px) {
.q-tree .q-badge {
    margin: unset;
}
}
.app-flow-execution-refresh-btn button:first-of-type {
  padding-right: 0.5rem;
}
.app-flow-execution-refresh-btn .q-btn__content {
  font-weight: 600;
}
.app-flow-execution-refresh-btn.loading button:first-of-type i {
  animation: running-animation 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes pulse {
0% {
    box-shadow: 0 0 0 0px rgba(121, 64, 255, 0.8);
}
100% {
    box-shadow: 0 0 0 10px rgba(121, 64, 255, 0);
}
}
@keyframes pulse-dark {
0% {
    box-shadow: 0 0 0 0px rgba(41, 211, 191, 0.8);
}
100% {
    box-shadow: 0 0 0 10px rgba(41, 211, 191, 0);
}
}
@keyframes running-animation {
0% {
    transform: scale(0.8) rotate(0deg);
}
25% {
    transform: scale(0.8) rotate(90deg);
}
50% {
    transform: scale(0.8) rotate(180deg);
}
75% {
    transform: scale(0.8) rotate(270deg);
}
100% {
    transform: scale(0.8) rotate(360deg);
}
}
.app-flex-execution-detail-tabs .q-tab {
  max-width: 552px;
}
.app-all-filtered-info {
  color: #B9B9B9;
}
.q-page-container .q-page .q-tab-panels.app-flow-execution-detail-panel {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.app-tree-action-bar .q-icon {
  display: inline-block;
}
.app-flowexecution-wrapper {
  background-color: #e6e6e6;
}
.fixed-tooltip {
  position: fixed;
  top: unset !important;
  bottom: 0;
  left: 0 !important;
  width: 100%;
}
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--parent .q-tree__node-header:hover, body.body--dark .q-tree .q-tree__node .q-tree__node--child .q-tree__node-header:hover {
  background-color: #121212;
}
body.body--dark .q-page-container .q-page .q-tab-panels.app-flow-execution-detail-panel {
  background-color: #212121;
}
body.body--dark .app-flowexecution-wrapper {
  background-color: #3b3b3b;
}
/* TODO: Get dark page vals*/
.app-flow-execution-detail-panel, .app-flow-execution-detail-panel .q-panel.scroll {
  overflow: unset;
}
.app-flow-execution-detail-panel.app-tab-transitioning.q-panel-parent {
  overflow: hidden;
}
.app-flow-execution-detail-page .app-jump-to-execution {
  font-weight: 600;
}
.app-flow-execution-detail-page .app-jump-to-execution:not(:hover) img.q-icon {
  filter: invert(65%) sepia(83%) saturate(382%) hue-rotate(121deg) brightness(92%) contrast(92%);
}
body.body--dark .app-flex-execution-detail-tabs .q-tab:not(.q-tab--active) .q-icon {
  filter: brightness(0) invert(1);
}
.app-flex-execution-detail-tabs .q-tab--active .q-icon {
  filter: invert(65%) sepia(83%) saturate(500%) hue-rotate(206deg) brightness(85%) contrast(2);
}
.app-flex-execution-detail-tabs .q-icon {
  width: 1rem;
  height: 1rem;
}
.context-container[data-v-0d60625c] {
  max-height: 80%;
}
/* TODO: Get dark page vals*/
.app-jdm-item {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.app-jdm-item:hover {
  border: 1px solid #29D3BF;
  cursor: pointer;
  z-index: 1;
}
body.body--dark .app-jdm-item {
  background: #212121;
  border: 1px solid rgba(255, 255, 255, 0.28);
}
/* TODO: Get dark page vals*/
.app-select-fqcn-input {
  border: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
}
.app-select-fqcn-input:focus-visible {
  outline: unset;
}
.app-select-fqcn-input .q-field__inner .q-field__control, .app-select-process-step-input .q-field__inner .q-field__control {
  padding: 0 0.5rem;
}
body.body--dark .app-select-fqcn-input {
  background-color: #121212;
}
/* TODO: Get dark page vals*/
@media (max-width: 1023px) {
.q-flow-item-details > div {
    margin-left: unset;
}
}
/* TODO: Get dark page vals*/
.q-page-container .q-page .app-dashcard-container .app-dashcard.app-flow-execution-card {
  margin-left: unset;
}
.app-expansion-section .one-liner {
  max-width: 100%;
}
.app-expansion-section .one-liner-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
}
.app-flow-detail .app-jdm-item + .app-jdm-item {
  margin-top: 1rem;
}
.app-flow-execution-card {
  padding: unset;
}
.app-flow-detail .controls .app-action-btn {
  margin-top: 1rem;
}
@media (min-width: 1023px) {
.app-flow-detail .controls .app-action-btn {
    margin-top: unset;
}
}
.app-jdm-section {
  padding: 0 0.8rem;
}
.app-jdm-section .app-jdm-empty {
  padding: 0 0.5rem;
}
body.body--dark .app-jump-to-execution {
  color: #F3F3F3;
}
body.body--dark .app-jump-to-execution .q-icon {
  filter: invert(1);
}
@media (max-width: 599px) {
.last-execution-info {
    justify-content: flex-start;
}
.last-execution-info > div {
    margin-right: 1rem;
}
}
.app-flow-detail .app-headline-container .app-edit-flowname img {
  width: 1rem;
  height: 1rem;
  filter: invert(65%) sepia(83%) saturate(382%) hue-rotate(121deg) brightness(92%) contrast(92%);
}
.app-flow-detail .app-headline-container .app-edit-flowname:hover img {
  filter: invert(1);
}
#particles-js {
  position: absolute;
  bottom: 5vh;
  right: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* ---- reset ---- */
canvas {
  display: block;
  vertical-align: bottom;
}
.app-login-form {
  position: relative;
  z-index: 1;
}
.app-login-input-wrapper {
  margin: -1.25rem;
}
.app-login-input-wrapper .q-field__control:before, .app-login-input-wrapper .q-field__control:after {
  left: 1rem;
}
.app-password-recover {
  text-decoration: underline;
}
.app-login-input-password, .app-login-input-name, .app-password-recover {
  max-width: 400px;
}
/* TODO: Get dark page vals*/
.app-flow-item-action-menu .q-btn .q-icon {
  font-size: 1rem;
}
.app-flow-detail .app-jump-to-execution img.q-icon {
  filter: invert(65%) sepia(83%) saturate(382%) hue-rotate(121deg) brightness(92%) contrast(92%);
}
.app-flow-item .app-jump-to-execution {
  color: #212121;
}
body.body--dark .app-jump-to-execution {
  color: #29D3BF;
  background-color: #212a29;
}
body.body--dark .app-flow-menu-dropdown .q-icon {
  filter: brightness(0) invert(1);
}
body.body--dark .app-flow-execution-detail-page .app-jump-to-execution .q-icon {
  filter: brightness(0) invert(1);
}
/* TODO: Get dark page vals*/
.app-page-password-recover.disabled {
  opacity: 0.3;
}
.app-page-password-recover .lds-ring {
  transform: translateX(-50%);
  top: 10rem;
}
.app-page-password-recover .q-field__control:before, .app-page-password-recover .q-field__control:after {
  left: 0;
}
.app-submit-send-info,
.app-submit-sent {
  opacity: 0;
  transition: 0.5s;
  transform: translateY(-10px);
}
.app-submit-send-info.show,
.app-submit-sent.show {
  opacity: 1;
  transform: unset;
}
.app-submit-sent {
  color: #21BA45;
}
.app-submit-sent.app-fail {
  color: #C10015;
}
.psw-req .q-field__control:before,
.psw-req .q-field__control:after {
  left: 0;
}
.psw-req .app-submit-send-info {
  display: inline-block;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(-10px);
}
.psw-req .app-submit-send-info.show {
  opacity: 1;
  transform: unset;
}
.app-page-password-reset.disabled {
  opacity: 0.3;
}
.app-page-password-reset .lds-ring {
  transform: translateX(-50%);
  top: 10rem;
}
.app-login-input-wrapper {
  margin: -1.25rem;
}
.app-login-input-name, .app-login-input-password, .app-login-input-password-confirm {
  max-width: 400px;
}
.psw-res .q-field__control:before,
.psw-res .q-field__control:after {
  left: 1rem;
}
.app-user-name-input .q-field__native.q-placeholder[data-v-6d67ec0e], .app-user-mail-input .q-field__native.q-placeholder[data-v-6d67ec0e] {
  padding-left: 1rem;
}
.q-btn.disabled[data-v-6d67ec0e] {
  opacity: 0.3 !important;
}
.q-btn.disabled[data-v-6d67ec0e]::before {
  box-shadow: none;
}
.app-user-management-table .q-table__top {
  padding: 0 0 1rem 0;
}
.validation-table .severity-filter {
  height: auto;
}
.validation-table .severity-filter .q-toggle {
  min-width: 7rem;
}
body.screen--xs .validation-table .severity-filter {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  width: auto;
}
.validation-table .severity-filter .entity-filter {
  height: auto;
}
body.screen--xs .validation-table .severity-filter .entity-filter {
  width: 100%;
  margin-left: 0;
}
.validation-table .severity-filter .search-filter {
  height: auto;
}
body.screen--xs .validation-table .severity-filter .search-filter {
  width: 100%;
  margin-left: 0;
}
.validation-table .severity-filter .validation-table-filter {
  background: none !important;
}
.severity-chart {
  min-height: 450px;
}
.common-messages-chart[data-v-06700f46] {
  min-height: 400px;
}
.flow-severities-chart {
  min-height: 7rem;
}
.most-seen-entities-chart {
  min-height: 400px;
}
.alert-entities-chart {
  min-height: 450px;
}
.alert-entities-chart .validation-graph {
  justify-content: right !important;
  align-items: self-end !important;
}
.alert-entities-chart .apexcharts-canvas {
  margin: 0 0 0 auto;
}
.flow-severities-card body.screen--xs, body.screen--sm .flow-severities-card, .flow-severities-card body.screen--md {
  margin-top: 16px;
}
.severity-levels-card body.screen--lg, .severity-levels-card body.screen--xl {
  margin-right: 16px;
}
.chart-header {
  font-size: 16px;
  font-weight: 900;
  opacity: 1;
}
.validation-graph body.screen--xs, .validation-graph body.screen--sm {
  width: 350px;
}
.validation-graph body.screen--md, .validation-graph body.screen--lg {
  width: 500px;
}
.chart-filter body.screen--xs, .chart-filter body.screen--sm {
  position: relative;
}
.chart-filter body.screen--md {
  margin-top: 15px;
  margin-right: 15px;
}
.chart-filter body.screen--lg, .chart-filter body.screen--xl {
  margin-top: 20px;
  margin-right: 20px;
}
.failed-messages-modal .failed-messages-modal-content {
  margin: 24px 24px;
}
body.screen--xs .failed-messages-modal .failed-messages-modal-content {
  margin: 24px 0;
}
.failed-messages-modal .q-chip {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.00714em;
}
.failed-messages-modal .q-item {
  padding-left: 24px;
  padding-bottom: 24px;
}
body.screen--xs .failed-messages-modal .q-item {
  padding-left: 0;
  padding-bottom: 24px;
}

.app-empty-list[data-v-4b94d0bf] {
    min-height: 100px;
}

.markdown a {
  color: #7940FF;
}
.config-tab-list {
  width: 200px;
  position: absolute;
}
.config-tab-list .q-tabs {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.config-tab-list .q-tabs .q-tab {
  justify-content: flex-start;
}
.config-tab-list .q-tabs .q-tab__indicator {
  display: none;
}
.config-content {
  transition: all 0.8s ease;
}
.expert-mode {
  margin-left: 220px;
  transition: all 0.8s ease;
}
.q-panel-parent.overflow-visible .q-panel.scroll {
  overflow: visible;
}
.jdm-config-builder {
  min-height: calc(100vh - 140px);
}
.preference-popup {
  min-width: 250px;
}
.flow-name {
  line-height: 35px;
}
.form-preview {
  min-height: calc(100vh - 100px);
}
.form-builder-form {
  min-height: calc(100vh - 100px);
}
.q-snippet-description textarea {
  min-height: 26px !important;
}
/* TODO: Get dark page vals*/
.app-cache-total-usage-table td[data-v-f84f1348]:first-child {
  max-width: 1rem;
  background-color: #FFFFFF;
}
.app-cache-total-usage-table th[data-v-f84f1348]:first-child,
.app-cache-total-usage-table td[data-v-f84f1348]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
.app-cache-total-usage-table th[data-v-f84f1348],
.app-cache-total-usage-table td[data-v-f84f1348] {
    padding: 0 0.3rem;
}
}
body.body--dark .app-cache-total-usage-table td[data-v-f84f1348]:first-child {
  max-width: 1rem;
  background-color: #121212;
}
body.body--dark .app-cache-total-usage-table th[data-v-f84f1348]:first-child,
body.body--dark .app-cache-total-usage-table td[data-v-f84f1348]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
/* TODO: Get dark page vals*/
.app-cache-usage-table td[data-v-09481a26]:first-child {
  max-width: 1rem;
  background-color: #FFFFFF;
}
.app-cache-usage-table th[data-v-09481a26]:first-child,
.app-cache-usage-table td[data-v-09481a26]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
.app-cache-usage-table th[data-v-09481a26],
.app-cache-usage-table td[data-v-09481a26] {
    padding: 0 0.3rem;
}
}
body.body--dark .app-cache-usage-table td[data-v-09481a26]:first-child {
  max-width: 1rem;
  background-color: #121212;
}
body.body--dark .app-cache-usage-table th[data-v-09481a26]:first-child,
body.body--dark .app-cache-usage-table td[data-v-09481a26]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.app-cache-list-reload[data-v-09481a26] {
  cursor: pointer;
}
.app-cache-list-reload[data-v-09481a26]:hover {
  color: #29D3BF;
}

[data-v-1b7f0904] .selected-item-container {
    border-right: 1px solid #303030;
}


.remove-button-container[data-v-24c02c50] {
    margin-left: 6px;
}

.q-field--dense .q-field__bottom {
  margin-bottom: 5px !important;
}
.expansion-header {
  padding: 0;
}
.expansion-header .q-item__section--avatar {
  min-width: 1.5rem;
}
.date-picker[data-v-02e9b223] .q-field__after {
  width: 60%;
}
.date-picker[data-v-02e9b223] .q-field__bottom {
  position: absolute;
}
.date-picker .date-picker-input[data-v-02e9b223] .q-field__control-container {
  padding-top: 0 !important;
}

/*# sourceMappingURL=app.07110e5d.css.map*/