#sidebar-menu .active > a {
  color: white; /* Replace with the text color for active items */
}

#sidebar-menu .active > a > .mdi {
  color: red; /* Replace with the icon color for active items */
}

/* Flex container to hold the rightbar */
.header-flex-container {
  display: flex;
  justify-content: flex-end; /* Align rightbar to the far right */
  flex-grow: 1; /* Allow the container to take up any available space */
}

/* Centered tabs container, allowed to grow */
.nav-tabs-container {
  flex: 1 1 auto; /* Grow to fill the available space */
  justify-content: center; /* Center tabs */
}