.form-control[type="search"] {
  border-radius: 1.5rem;
}

.no-hover {
  pointer-events: none;
}

.bg-tertiary {
  background-color: var(--bs-tertiary-bg);
}

.bg-hover-tertiary:hover {
  background-color: var(--bs-tertiary-bg);
}
.bg-hover-secondary:hover {
  background-color: var(--bs-secondary-bg);
}
.bg-hover-primary:hover {
  background-color: var(--bs-primary);
}
.bg-hover-info:hover {
  background-color: var(--bs-info);
}
.bg-hover-dark:hover {
  background-color: var(--bs-dark);
}


.nav-circle-btn {
  /* Floating back button
  left: 10px;
  top: 70px; */
  width: 40px;
  height: 40px;
  font-size: 24px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  box-shadow: none !important;
  transition: background-color 0.2s ease;
}

.nav-circle-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

/* Background color for team roles */
.bg-owner {
  background-color: var(--bs-indigo);
}
.bg-manager {
  background-color: var(--bs-teal);
}
.bg-member {
  background-color: var(--bs-gray-500);
}
.bg-changing-role {
  background-color: var(--bs-info-bg-subtle);
}

.select-role-badge {
  position: relative;
  transform: rotate(10deg);
  top: -10px;
}

/* Customizing the BS5 theme */
:root, [data-bs-them=light] {
  --bs-secondary-rgb: 245,245,250;
  --bs-dropdown-link-hover-bg: 245,245,250;
}

.alert-error {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}