/*
.nav-tabs {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

.nav-tabs::-webkit-scrollbar {
  height: 6px;
}

.nav-tabs::-webkit-scrollbar-thumb {
  background-color: #ccc; 
  border-radius: 3px;
}

.nav-tabs .nav-item {
  flex-shrink: 0; 
}*/

.nav-tabs {
  --bs-nav-tabs-border-color: rgba(164, 174, 198, 0.2);
  --bs-nav-tabs-border-radius: 0.4rem;
  --bs-nav-tabs-link-hover-border-color: transparent;
  --bs-nav-tabs-link-active-color: #263238;
  --bs-nav-tabs-link-active-bg: #e9eaeb;
  --bs-nav-tabs-link-active-border-color: rgba(164, 174, 198, 0.2);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);

  display: flex;
  overflow-x: auto;
  overflow-y: hidden; 
  white-space: nowrap;
  -ms-overflow-style: none;  
  scrollbar-width: auto;  
}

.nav-tabs .nav-link {
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  flex-shrink: 0; /* Prevent shrinking of nav-links */
  white-space: nowrap;
  display: flex;
  align-items: center; /* Vertically center the text */
}

.nav-tabs::-webkit-scrollbar {
  height: 6px; /* Set the height of the scrollbar */
}

.nav-tabs::-webkit-scrollbar-thumb {
  background-color: #ccc; 
  border-radius: 3px;
}

.nav-tabs .nav-item {
  flex-shrink: 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}