.dropdown { /* Styles for the dropdown list item */
  position: relative; /* Needed for proper positioning of the dropdown content */
}

.dropdown-toggle { /* Styles for the trigger element (Users link) */
  display: block; /* Make it behave like a block-level element for proper dropdown positioning */
}

.dropdown-menu { /* Styles for the dropdown content list */
  display: none; /* Hide initially */
  position: absolute; /* Position relative to the trigger element */
  /* Set background color */
  min-width: 200px; /* Set minimum width */
  list-style: none; /* Remove default list styling */
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
  z-index: 1; /* Set stacking order to ensure it appears above other elements */
}

.dropdown:hover .dropdown-menu { /* Show the dropdown content on hover */
  display: block;
}

.dropdown-menu.show {
  display: block; /* Show the dropdown menu when the "show" class is added */
}