:root,
[data-bs-theme="light"] {
  --bs-primary: #1864ab;
  --bs-primary-rgb: 24, 100, 171;
  --bs-primary-text-emphasis: #0b3d7a;
  --bs-primary-bg-subtle: #e7f5ff;
  --bs-primary-border-subtle: #a5d8ff;
  --bs-link-color: #1864ab;
  --bs-link-color-rgb: 24, 100, 171;
  --bs-link-hover-color: #145196;
  --bs-link-hover-color-rgb: 20, 81, 150;
}

.no-underline {
  text-decoration: none;
}

.admin-menu {
  color: #955200 !important;
}

.select2-container {
  width: 100% !important;
}

.list-search-form {
  display: flex;
  gap: 0.5rem;
  flex: 0 0 auto;
  max-width: 100%;
  margin-left: auto;
}

.list-search-form .form-control[name="q"] {
  width: 18rem;
  max-width: 100%;
  flex: 0 0 auto;
}

.list-filter-dropdown-menu .select2-container:not(.select2-container--open) .select2-dropdown {
  display: none !important;
}

.list-filter-dropdown-menu .select2-dropdown {
  position: static !important;
  width: 100% !important;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-sm);
  margin-top: 0.25rem;
  box-shadow: none;
}

.list-filter-dropdown-menu .select2-search--dropdown {
  padding: 0.5rem;
}

.list-filter-dropdown-menu .select2-results > .select2-results__options {
  max-height: 220px;
  overflow-y: auto;
}

.list-filter--status,
.list-filter--rented {
  --list-filter-bg: var(--bs-primary-bg-subtle);
  --list-filter-border: var(--bs-primary-border-subtle);
  --list-filter-text: var(--bs-primary);
}

.list-filter--landlord {
  --list-filter-bg: #e6fcf5;
  --list-filter-border: #96f2d7;
  --list-filter-text: #087f5b;
}

.list-filter--employee {
  --list-filter-bg: #fff4e6;
  --list-filter-border: #ffc078;
  --list-filter-text: #d9480f;
}

.list-filter--status_reason {
  --list-filter-bg: #f3f0ff;
  --list-filter-border: #d0bfff;
  --list-filter-text: #5f3dc4;
}

.list-filter--housing_type {
  --list-filter-bg: #dee2e6;
  --list-filter-border: #495057;
  --list-filter-text: #212529;
}

.list-filter-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.7rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  border: 1px solid #ced4da;
  border-radius: 999px;
  background: #fff;
  color: #495057;
}

.list-filter-trigger:hover {
  background: #f8f9fa;
  color: #495057;
}

.list-filter-trigger--active {
  background: var(--list-filter-bg, #f1f3f5);
  border-color: var(--list-filter-border, #dee2e6);
  color: var(--list-filter-text, #212529);
}

.list-filter-trigger--active:hover {
  filter: brightness(0.97);
  color: var(--list-filter-text, #212529);
}

.list-filter-trigger--compact {
  padding: 0.15rem 0.45rem;
  border-radius: var(--bs-border-radius-sm);
}

.active-filters-bar__heading {
  flex-shrink: 0;
}

.active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem 0.2rem 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  border: 1px solid var(--list-filter-border, #dee2e6);
  border-radius: 999px;
  cursor: pointer;
  background: var(--list-filter-bg, #f1f3f5);
  color: var(--list-filter-text, #212529);
}

.active-filter-chip:hover {
  filter: brightness(0.97);
}

.active-filter-chip__category {
  font-weight: 600;
  color: var(--list-filter-text, #495057);
}

.active-filter-chip__separator {
  color: var(--list-filter-text, #868e96);
  font-weight: 700;
  opacity: 0.65;
  user-select: none;
}

.active-filter-chip__remove {
  font-size: 0.65rem;
  opacity: 0.65;
  margin-left: 0.1rem;
}

.list-filter-shortcut-chip {
  border-radius: 999px;
  border: 1px solid var(--list-filter-border, #dee2e6);
  background: #fff;
  color: var(--list-filter-text, #212529);
  font-weight: 500;
}

.list-filter-shortcut-chip:hover {
  background: var(--list-filter-bg, #f1f3f5);
  border-color: var(--list-filter-border, #dee2e6);
  color: var(--list-filter-text, #212529);
}

.list-filter-shortcut-chip--active {
  background: var(--list-filter-bg, #f1f3f5);
  border-color: var(--list-filter-border, #dee2e6);
  color: var(--list-filter-text, #212529);
}

.list-filter-option {
  background: transparent;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: left;
}

.list-filter-option:hover {
  background: var(--bs-tertiary-bg);
}

.list-filter-option--selected {
  background: var(--list-filter-bg, #f1f3f5);
  color: var(--list-filter-text, #212529);
  font-weight: 500;
  box-shadow: inset 0 0 0 1px var(--list-filter-border, #ced4da);
}

.list-filter-option--selected:hover {
  filter: brightness(0.97);
}

.list-filter-option-icon-col {
  flex: 0 0 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-secondary-color);
  line-height: 1.4;
}

.list-filter-option-icon-col--double {
  flex-basis: 2.5rem;
  gap: 0.15rem;
}

.table-striped {
  --bs-table-striped-bg: #f0f8ff;
  /*  --bs-table-striped-text: #000; */
}

.table-hover {
  --bs-table-hover-bg: #d3d3d3;
  /* --bs-table-hover-text: #000; */
}

.via-humanis-immobilier-color {
  color: #016b9d !important;
}

/* remove the small arrow from the dropdown bootstrap element */
.no-caret.dropdown-toggle::after {
  display: none !important;
}

/* Style for tooltip-enabled text with dotted underline */
.tooltip-text {
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: help;
  text-underline-offset: 2px;
}

.cad-settings-nav {
  background: var(--bs-light);
  padding: 0.25rem;
  border-radius: var(--bs-border-radius-pill);
  width: fit-content;
  gap: 0.25rem;
}

.cad-settings-nav .nav-link {
  border-radius: var(--bs-border-radius-pill);
  color: var(--bs-secondary-color);
  padding: 0.35rem 1rem;
}

.cad-settings-nav .nav-link:hover {
  color: var(--bs-body-color);
}

.cad-settings-nav .nav-link.active {
  background: var(--bs-body-bg);
  color: var(--bs-primary);
  box-shadow: var(--bs-box-shadow-sm);
}