/* 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: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-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 {
  -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);
}

.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;
}
.q-pagination .q-field__control .q-field__control-container {
  margin: unset;
}

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

.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: #101010;
}
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: #101010;
}
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;
  color: #161619;
}
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: 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:hover:not(.q-item) {
  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: #52525d;
}

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

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 {
  resize: both;
  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 */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.entity-list-container {
  min-height: 100px;
}
.q-card__section {
  padding: 0.25rem;
}
.app-entity-link {
  cursor: pointer;
  border-radius: 10px;
}
.app-entity-link.active {
  color: #7940FF;
}
.app-entity-link:hover {
  color: #7940FF;
}
.app-entity-link > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.app-entity-badge {
  padding: 0 0.25rem;
  background-color: #F3F3F3;
  color: #161619;
}
body.body--dark .app-entity-link:hover {
  color: #F3F3F3;
  background-color: #7940FF;
}
body.body--dark .app-entity-badge {
  background-color: #161619;
  color: #F3F3F3;
}
.q-item__label {
  align-items: center;
  display: flex;
}
.app-entity-list-reload {
  cursor: pointer;
}
.app-entity-list-reload:hover {
  color: #7940FF;
}
/* 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: 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;
}
body.body--dark .app-toolbar {
  background-color: #101010;
}
.q-spinner {
  z-index: 9999;
}
.q-editor-toolbar .q-btn.disabled {
  opacity: 0.3 !important;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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: #161619;
}
.json-editor:hover {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.json-editor:focus-within {
  box-shadow: 0 0 3px #7940FF;
}
.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: #161619;
}
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(121, 64, 255, 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: #101010;
}
.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: #161619;
}
body.body--dark .json-editor {
  color: #F3F3F3;
  caret-color: white;
  background: #101010;
}
body.body--dark .json-editor.contrast, body.body--dark .json-editor .contrast {
  background: #000;
}
body.body--dark textarea.json-editor__textarea::selection {
  background: #444;
}
body.body--dark .ace-pastel-on-dark .ace_gutter {
  background-color: #232028;
  color: #F3F3F3;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
@media (min-width: 599px) {
.app-create-filesystem-name-input {
    width: 50%;
}
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-browser-filesystem-item-wrapper {
  cursor: pointer;
  transition: 0.33s;
  border-radius: 10px;
}
.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: #e1e2e8;
}
body.body--light .app-browser-filesystem-item-wrapper:hover {
  background: #d6d7dd;
}
body.body--dark .app-browser-filesystem-item-wrapper.active {
  background: #272727;
}
body.body--dark .app-browser-filesystem-item-wrapper:hover {
  background: #323232;
}
.sq-no-pointer-area, .sq-no-pointer-area * {
  pointer-events: none;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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;
  border-radius: 10px;
}
.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: #e1e2e8;
}
body.body--light .app-browser-filesystem-item-wrapper:hover,
body.body--light .app-filemanager .q-item:hover {
  background: #d6d7dd;
}
body.body--dark .app-browser-filesystem-item-wrapper.active,
body.body--dark .app-filemanager .q-item.active {
  background: #272727;
}
body.body--dark .app-browser-filesystem-item-wrapper:hover,
body.body--dark .app-filemanager .q-item:hover {
  background: #323232;
}
.drag-select {
  display: flex;
  flex-wrap: wrap;
}
.drag-select-option {
  height: auto;
  width: 100%;
}
@media (min-width: 600px) {
.drag-select-option {
    width: 50%;
}
}
@media (min-width: 1440px) {
.drag-select-option {
    width: 33.3333%;
}
}
@media (min-width: 1920px) {
.drag-select-option {
    width: 25%;
}
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-browser-path .q-field__inner .q-field__control::before {
  background-color: #FFFFFF;
}
body.body--dark .app-browser-path .q-field__inner .q-field__control::before {
  background-color: #101010;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-items-per-page-select {
  background-color: #FFFFFF;
  width: 10rem;
  border-radius: 20px;
  padding-left: 12px;
}
body.body--dark .app-items-per-page-select {
  background-color: #161619;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.q-pagination input.q-field__native:hover, .q-pagination input.q-field__native:focus {
  border: 1px solid #7940FF;
}
.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;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-dashcard {
  min-height: 80px;
}
.app-dashcard.clickable {
  cursor: pointer;
}
.app-dashcard-value {
  font-size: 3rem;
  line-height: 0.5;
}
.app-dashcard-container .app-dashcard.clickable:hover {
  background-color: #f3f2ff;
}
body.body--dark .app-dashcard-container .app-dashcard.clickable:hover {
  background-color: #232028;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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: #bfe5c8;
  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: #e1d5bb;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23A97B11" 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: #e7b6bc;
  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: #161619;
}
.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: #193f24;
}
body.body--dark .app-heartbeat.app-heartbeat-warning {
  background-color: #3b2f17;
}
body.body--dark .app-heartbeat.app-heartbeat-negative {
  background-color: #960616;
}
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);
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-disk-space-card .custom-chart-legend {
  background: none !important;
}
.app-disk-space {
  min-height: 465px;
}
@media (min-width: 1023px) {
.chart-filter {
    border-top-right-radius: 20px !important;
}
}
.apex-chart-container {
  min-height: 365px;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-redis-memory-usage {
  min-height: 465px;
}
.app-redis-memory-usage .apexcharts-zoomout-icon {
  order: -1;
  margin-right: unset;
}
body.body--dark .apexcharts-tooltip {
  color: #161619;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-confirm-delete-field input {
  border-bottom: 2px solid #C10015;
  transition: 0.5s;
}
.app-confirm-delete-field.match input {
  border-bottom: 2px solid #21BA45;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
[data-v-3be4aa1d]::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-entity-listing-row-container[data-v-3be4aa1d] {
  cursor: pointer;
  background-color: #FFFFFF;
  max-width: 100vw;
  word-break: break-word;
}
.app-entity-listing-row-container .app-entity-listing-editor-wrapper[data-v-3be4aa1d], .app-entity-listing-row-container hr[data-v-3be4aa1d] {
  cursor: auto;
}
.app-entity-listing-row-container.blocked[data-v-3be4aa1d] {
  cursor: not-allowed;
}
.app-entity-listing-row-container[data-v-3be4aa1d]:hover {
  background-color: #f8f5ff;
}
.app-entity-listing-row-container > div[data-v-3be4aa1d]: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-3be4aa1d] {
  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-3be4aa1d] {
  padding: 0.5rem;
}
@media (max-width: 1023px) {
.app-entity-listing-row-container > .app-entity-listing-row-actions .app-action-btn[data-v-3be4aa1d] {
    flex: 1 1 0;
    padding: 0.5rem;
}
.app-entity-listing-row-container > .app-entity-listing-row-actions > div[data-v-3be4aa1d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.app-entity-listing-row-container hr[data-v-3be4aa1d] {
  border-top: #FFFFFF;
  border-bottom: unset;
}
.app-entity-listing-row-container .app-entity-listing-editor-wrapper[data-v-3be4aa1d] {
  max-height: 5rem;
}
.app-entity-listing-row-container .app-entity-listing-editor-wrapper.expanded[data-v-3be4aa1d] {
  max-height: unset;
}
@media (max-width: 1023px) {
.app-entity-listing-row-container > div[data-v-3be4aa1d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.app-placeholder-container[data-v-3be4aa1d] {
  height: 100px;
  background-color: #F8F9FF;
}
.app-entity-listing-row-actions[data-v-3be4aa1d] {
  display: flex;
  flex-wrap: wrap;
}
.app-entity-listing-row-date-container .q-icon[data-v-3be4aa1d] {
  font-size: 1rem;
  opacity: 0.5;
  transition: opacity 0.2s ease-out;
}
.app-entity-listing-row-date-container:hover .q-icon[data-v-3be4aa1d] {
  opacity: 1;
}
@media (max-width: 1023px) {
.app-entity-listing-row-date-container[data-v-3be4aa1d] {
    flex-wrap: nowrap;
}
.app-entity-listing-row-date-container span[data-v-3be4aa1d] {
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.app-listing-row-actions-2 .q-btn[data-v-3be4aa1d] {
  font-size: 14px;
  padding: 0 1rem;
}
.app-entity-listing-row-container[data-v-3be4aa1d]:hover {
  background-color: #f3f2ff;
}
body.body--dark .app-entity-listing-row-container[data-v-3be4aa1d] {
  background-color: #161619;
}
body.body--dark .app-entity-listing-row-container[data-v-3be4aa1d]:hover {
  background-color: #232028;
}
body.body--dark .app-placeholder-container[data-v-3be4aa1d] {
  background-color: #101010;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-entity-listing-row-container, .app-entity-query-editor-wrapper {
  border-radius: 20px;
}
body.body--dark .app-entity-query-editor-wrapper {
  background-color: #161619;
}
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: #b30d44;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-entity-query-editor-wrapper {
  background-color: #FFFFFF;
}
.app-entity-query-editor-wrapper .app-entity-query-editor {
  margin: 0;
  overflow: visible;
}
.app-entity-query-editor-wrapper .sq-submit-query-btn {
  padding: 0 1rem;
}
.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;
}
.app-empty-list {
  min-height: 100px;
}
.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;
}
.date-filter.q-field.q-field--readonly.q-field--outlined .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.24);
}

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

/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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, .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 > * .q-field__label, .app-tree-action-bar .flex > * .q-field__control .q-field__label {
  padding-top: unset;
}
.app-action-btn-label {
  color: #F3F3F3;
}
body.body--dark .app-tree-action-bar {
  background-color: #161619;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-flow-status-badge.active {
  border: 1px solid #7940FF;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
[data-v-3d985b4c]::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.q-tree[data-v-3d985b4c] {
  margin-top: 1rem;
  background-color: #FFFFFF;
  padding: 1rem 1rem;
}
.q-tree.app-tree-finished[data-v-3d985b4c] {
  animation: finish-animation-3d985b4c 1s ease-in-out;
}
@keyframes finish-animation-3d985b4c {
0% {
    /* Define the initial state */
    background: rgba(33, 186, 69, 0.25);
}
100% {
    /* Define the final state */
    background: unset;
}
}
.q-tree .q-tree__node .app-recently-updated-node .app-progress-badge[data-v-3d985b4c] {
  animation: pulse-3d985b4c 2s infinite;
}
.q-tree .q-tree__node .q-tree__node--parent[data-v-3d985b4c], .q-tree .q-tree__node .q-tree__node--child[data-v-3d985b4c] {
  padding-top: 0.25rem;
}
.q-tree .q-tree__node .q-tree__node--parent .q-tree__node-header[data-v-3d985b4c], .q-tree .q-tree__node .q-tree__node--child .q-tree__node-header[data-v-3d985b4c] {
  margin: unset;
  height: 27px;
}
.q-tree .q-tree__node .app-flowexecution-top-label-wrapper[data-v-3d985b4c] {
  width: 100%;
  white-space: nowrap;
  height: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.q-tree .q-tree__node .app-flowexecution-top-label-wrapper .status-badge[data-v-3d985b4c] {
  width: 50px;
  padding-left: 0.45rem;
}
.q-tree .q-tree__node .q-tree__node-header-content .app-flowexecution-wrapper[data-v-3d985b4c] {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
}
.q-tree__node-header[data-v-3d985b4c] {
  height: 27px;
  padding: 4px 0;
}
.q-tree > .q-tree__node > .q-tree__node-header .app-flowexecution-top-label-wrapper[data-v-3d985b4c] {
  margin-left: 0.5rem;
}
.q-tree__node[data-v-3d985b4c] {
  max-width: 1080px;
}
.q-tree__node .q-tree__arrow[data-v-3d985b4c] {
  margin: 0 0 0 0.5rem;
}
.q-tree__node:last-child .q-tree__node-header[data-v-3d985b4c]::before {
  bottom: 0.75rem;
}
@media (min-width: 599px) {
.q-tree__node:last-child .q-tree__node-header[data-v-3d985b4c]::before {
    top: -1rem;
}
}
.q-tree__children[data-v-3d985b4c] {
  width: 100%;
  padding-left: 8px;
}
@media (min-width: 599px) {
.q-tree__children[data-v-3d985b4c] {
    width: auto;
    min-width: 480px;
    /* Might require extra adjustment for deep levels */
}
}
.q-tree .q-badge[data-v-3d985b4c] {
  margin: 0.25rem;
  padding: 0.25rem;
  max-height: 1rem;
  font-weight: 600;
}
@media (min-width: 599px) {
.q-tree .q-badge[data-v-3d985b4c] {
    margin: unset;
}
}
.app-flow-execution-refresh-btn button[data-v-3d985b4c]:first-of-type {
  padding-right: 0.5rem;
}
.app-flow-execution-refresh-btn .q-btn__content[data-v-3d985b4c] {
  font-weight: 600;
}
.app-flow-execution-refresh-btn.loading button:first-of-type i[data-v-3d985b4c] {
  animation: running-animation-3d985b4c 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes pulse-3d985b4c {
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-3d985b4c {
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 running-animation-3d985b4c {
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[data-v-3d985b4c] {
  max-width: 552px;
}
.app-all-filtered-info[data-v-3d985b4c] {
  color: #B9B9B9;
}
.q-page-container .q-page .q-tab-panels.app-flow-execution-detail-panel[data-v-3d985b4c] {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.app-tree-action-bar .q-icon[data-v-3d985b4c] {
  display: inline-block;
}
.app-flowexecution-wrapper[data-v-3d985b4c] {
  background-color: #e6e6e6;
}
.app-flowexecution-wrapper.progress-bar[data-v-3d985b4c] {
  height: 1rem;
  width: 205px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.8rem;
}
.app-flowexecution-wrapper.progress-bar--indeterminate[data-v-3d985b4c] {
  background: linear-gradient(90deg, #9466FF 25%, #7940FF 50%, #5B30BF 75%);
  background-size: 200% 100%;
  animation: progress-indeterminate-3d985b4c 1.5s infinite linear;
}
@keyframes progress-indeterminate-3d985b4c {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.fixed-tooltip[data-v-3d985b4c] {
  position: fixed;
  top: unset !important;
  bottom: 0;
  left: 0 !important;
  width: 100%;
}
.q-tree__node--link[data-v-3d985b4c] {
  height: 27px;
}
[data-v-3d985b4c] .q-tree__node-header.q-tree__node--link {
  border-bottom: 1px rgba(0, 0, 0, 0.26) solid;
  background-color: rgba(238, 238, 238, 0.46);
  font-weight: bolder;
}
[data-v-3d985b4c] .q-tree__node-header.q-tree__node--link:hover {
  background-color: #f2f2f2;
}
[data-v-3d985b4c] .q-tree .q-tree__node-header:hover,[data-v-3d985b4c] .q-tree__children > .q-tree__node--child > .q-tree__node-header:hover {
  background-color: #f4f4f4;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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;
}
.q-layout > div .app-jump-to-execution.app-action-btn .q-icon img {
  filter: invert(1);
}
body.body--dark .app-flex-execution-detail-tabs .q-icon {
  filter: grayscale(1) brightness(0) invert(1);
}
.app-flex-execution-detail-tabs .q-icon {
  width: 1rem;
  height: 1rem;
}
.context-container[data-v-0d60625c] {
  max-height: 80%;
}
.context-container[data-v-1e875d17] {
  max-height: 80%;
}
.context-container[data-v-09facb74] {
  max-height: 80%;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-jdm-item {
  background: #F8F9FF;
  transition: 0.25s;
  border-radius: 20px;
}
.app-jdm-item:hover {
  background-color: #dfd4ff;
  cursor: pointer;
  z-index: 1;
}
body.body--dark .app-jdm-item {
  background: #101010;
}
body.body--dark .app-jdm-item:hover {
  background-color: #251a40;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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: #101010;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
@media (max-width: 1023px) {
.q-flow-item-details > div {
    margin-left: unset;
}
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.q-page-container .q-page .app-dashcard-container .app-dashcard.app-flow-execution-card {
  margin-left: unset;
}
.app-expansion-section {
  margin: 0 1rem 1.5rem;
}
@media (min-width: 1919px) {
.app-expansion-section {
    margin: 0 0 1.5rem;
}
}
.app-expansion-section .q-expansion-item {
  margin: unset;
}
.app-expansion-section .q-expansion-item.q-expansion-item--expanded {
  padding-bottom: 0.5rem;
}
.app-expansion-section .q-expansion-item .q-item {
  transition: 0.25s;
}
.app-expansion-section .q-expansion-item.q-expansion-item--collapsed .q-item {
  border-radius: 20px;
}
.app-expansion-section .q-expansion-item.q-expansion-item--expanded .q-item {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.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(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;
}
.sq-login-btn {
  padding: 0 1rem;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-flow-item-action-menu .q-btn .q-icon {
  font-size: 1rem;
}
.app-flow-item .app-jump-to-execution {
  color: #161619;
}
body.body--dark .app-jump-to-execution {
  color: #F3F3F3;
  background-color: #1b1825;
}
body.body--dark .app-flow-menu-dropdown .q-icon {
  filter: grayscale(1) brightness(0) invert(1);
}
body.body--dark .app-flow-execution-detail-page .app-jump-to-execution .q-icon {
  filter: grayscale(1) brightness(0) invert(1);
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.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-8bb1c244], .app-user-mail-input .q-field__native.q-placeholder[data-v-8bb1c244] {
  padding-left: 1rem;
}
.q-btn.disabled[data-v-8bb1c244] {
  opacity: 0.3 !important;
}
.q-btn.disabled[data-v-8bb1c244]::before {
  box-shadow: none;
}
.sq-edit-own-user-btn {
  width: calc(100% - 1.5rem);
  margin: 0 0 0 0.5rem;
  padding: 0.25rem 0.75rem;
}
.sq-items-per-page-input {
  width: calc(100% - .5rem);
}
.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-3bed11fe] {
    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;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.text-warning {
  color: #a97b11 !important;
}
.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;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.sq-snippets-tabs {
  margin: 2rem 0 0 0;
}
.sq-snippets-search .q-field__inner .q-field__control::before {
  background-color: #FFFFFF;
}
body.body--dark .sq-snippets-search .q-field__inner .q-field__control::before {
  background-color: #101010;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
[data-v-083fde0d]::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-cache-total-usage-table td[data-v-083fde0d]:first-child {
  max-width: 1rem;
  background-color: #FFFFFF;
}
.app-cache-total-usage-table th[data-v-083fde0d]:first-child,
.app-cache-total-usage-table td[data-v-083fde0d]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
.app-cache-total-usage-table th[data-v-083fde0d],
.app-cache-total-usage-table td[data-v-083fde0d] {
    padding: 0 0.3rem;
}
}
body.body--dark .app-cache-total-usage-table td[data-v-083fde0d]:first-child {
  max-width: 1rem;
  background-color: #101010;
}
body.body--dark .app-cache-total-usage-table th[data-v-083fde0d]:first-child,
body.body--dark .app-cache-total-usage-table td[data-v-083fde0d]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
/* Primary */
/* Active */
/* Gray */
/* Secondary */
/* Gradients */
/* Mapping */
[data-v-167263a4]::selection {
  background: #7940FF;
  color: #fff;
  text-shadow: 0 0 #fff;
}

/* border-radius */
.app-cache-usage-table td[data-v-167263a4]:first-child {
  max-width: 1rem;
  background-color: #FFFFFF;
}
.app-cache-usage-table th[data-v-167263a4]:first-child,
.app-cache-usage-table td[data-v-167263a4]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
.app-cache-usage-table th[data-v-167263a4],
.app-cache-usage-table td[data-v-167263a4] {
    padding: 0 0.3rem;
}
}
body.body--dark .app-cache-usage-table td[data-v-167263a4]:first-child {
  max-width: 1rem;
  background-color: #101010;
}
body.body--dark .app-cache-usage-table th[data-v-167263a4]:first-child,
body.body--dark .app-cache-usage-table td[data-v-167263a4]:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.app-cache-list-reload[data-v-167263a4] {
  cursor: pointer;
}
.app-cache-list-reload[data-v-167263a4]:hover {
  color: #7940FF;
}

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


.remove-button-container[data-v-20e88888] {
    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-e625d70e] .q-field__after {
  width: 60%;
}
.date-picker[data-v-e625d70e] .q-field__bottom {
  position: absolute;
}
.date-picker .date-picker-input[data-v-e625d70e] .q-field__control-container {
  padding-top: 0 !important;
}

/*# sourceMappingURL=app.8c304d17.css.map*/