/* Styling for the dropdown menu with user actions */
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  display: none;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

/* Styling for the links inside the dropdown menu */
.dropdown-menu a {
  display: block;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
}

/* Styling for the links inside the dropdown menu on hover */
.dropdown-menu a:hover {
  background-color: #ddd;
}

/* Styling for the dropdown column containing filter options */
.dropdown-column {
  background-color: #f2f2f2;
  padding: 12px 20px;
  width: 240px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Styling for individual dropdown elements */
.dropdown {
  margin-bottom: 20px;
}

/* Styling for the labels of the dropdown elements */
.dropdown label {
  display: block;
  margin-bottom: 5px;
}

/* Styling for the dropdown select menus */
.dropdown select {
  width: 100%;
  padding: 5px;
  transition: background-color 0.5s ease-in-out;
  cursor: pointer;
}

/* Styling for the dropdown select menus on focus */
.dropdown select:focus {
  background-color: #e8e8e8;
}