:root {
  --q-font-family: manrope, -apple-system, blinkmacsystemfont, Segoe UI, oxygen, ubuntu, cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
  --q-primary: #613cf8 !important;
  --q-primary-1: #c0b1fc !important;
  --q-primary-2: #dfd8fe !important;
  --q-primary-3: #f0edff !important;
  --q-secondary: #302479 !important;
  --q-accent: #6c6fb7 !important;
  --q-negative: #e73f53 !important;
  --q-negative-1: #fef0f2 !important;
  --q-positive: #129b73 !important;
  --q-positive-1: #e7fbf5 !important;
  --q-positive-2: #f0fcf7 !important;
  --q-info: #2f7bc1 !important;
  --q-info-1: #ebf5fe !important;
  --q-warning: #c18610 !important;
  --q-warning-1: #fffbec !important;
  --q-util-1: #d6dfe7 !important;
  --q-util-2: #e6ecf1 !important;
  --q-util-3: #f7f9fa !important;
  --q-amber-4: #ffd54f !important;
  --q-backdrop-overlay: rgba(19, 12, 50, 0.75) !important;
  --q-radius-xs: 4px !important;
  --q-radius-sm: 8px !important;
  --q-radius-md: 16px !important;
  --q-radius-lg: 24px !important;
  --q-radius-xl: 48px !important;
  --q-radius-rounded: 50% !important;
}

.app-nav-bar.q-header {
  height: 3.5rem;
  background: white;
  box-shadow: 0 4px 8px rgba(219, 225, 245, 0.25);
}
.app-nav-bar.q-header .dp-nav-bar {
  box-sizing: border-box;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
  height: inherit;
  padding: 0 1rem;
}
.app-nav-bar.q-header .dp-nav-bar .left-side.dp-nav-bar--content,
.app-nav-bar.q-header .dp-nav-bar .right-side.dp-nav-bar--content {
  display: flex;
  flex: initial;
  gap: 1.5rem;
}
.app-nav-bar.q-header .dp-nav-bar .right-side.dp-nav-bar--content {
  justify-content: flex-end;
}
.app-nav-bar.q-header .dp-nav-bar .right-side .dp-nav-bar-item--list-property {
  order: 0;
}
.app-nav-bar.q-header .dp-nav-bar .right-side .dp-nav-bar-item--language {
  order: 1;
}
.app-nav-bar.q-header .dp-nav-bar .right-side .dp-nav-bar-item--profile {
  order: 2;
}
.app-nav-bar.q-header .dp-nav-bar .middle {
  position: relative;
  flex: 1;
  width: 100%;
}
.app-nav-bar.q-header .dp-nav-bar .middle > .dp-nav-bar-item:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 0.5px;
  height: 75%;
  content: "";
  background: #d6dfe7;
  transform: translate3d(-0.75rem, -50%, 0);
}
.app-nav-bar.q-header .dp-nav-bar .dp-nav-bar--content {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.app-nav-bar.q-header .dp-nav-bar .dp-nav-bar-item .q-btn .q-btn__content .q-icon {
  margin-left: 0;
}
.app-nav-bar.q-header .dp-nav-bar .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 0;
}
.app-nav-bar.q-header .dp-nav-bar .sp-filter-location .q-icon {
  margin: 0.5rem;
}
.app-nav-bar.q-header .dp-nav-bar .sp-filter-location .q-icon svg {
  color: #302479;
}
.app-nav-bar.q-header .mb-nav-bar {
  box-sizing: border-box;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: 100%;
  height: inherit;
  padding: 0.25rem 1rem;
}
.app-nav-bar.q-header .mb-nav-bar .left-side.mb-nav-bar--content,
.app-nav-bar.q-header .mb-nav-bar .right-side.mb-nav-bar--content {
  display: flex;
  flex: initial;
  gap: 0.5rem;
}
.app-nav-bar.q-header .mb-nav-bar .right-side.mb-nav-bar--content {
  justify-content: flex-end;
}
.app-nav-bar.q-header .mb-nav-bar .middle {
  position: relative;
  flex: 1;
  width: 100%;
}
.app-nav-bar.q-header .mb-nav-bar .middle > .mb-nav-bar-item:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 0.5px;
  height: 75%;
  content: "";
  background: #d6dfe7;
  transform: translate3d(-0.75rem, -50%, 0);
}

.nav-bar-menu--item {
  z-index: 6;
  font-weight: 600;
  color: #302479;
  border: none;
}
.nav-bar-menu--item .q-option-group[role=radiogroup] div {
  margin-left: 0;
}
@media (min-width: 1199px) {
  .nav-bar-menu--item {
    position: absolute;
    z-index: 6;
    overflow: visible !important;
    background: white;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 4px 8px rgba(219, 225, 245, 0.25);
  }
  .nav-bar-menu--item .scroll {
    height: 100%;
    max-height: 65vh;
    overflow: auto;
  }
  .nav-bar-menu--item .q-virtual-scroll__content {
    max-height: 240px;
    overflow: auto;
  }
  .nav-bar-menu--item .selected .q-chip__icon {
    font-size: 1rem;
  }
}