/* ACCOUNT SWITCHER IN SIDEBAR */
/* Dropdown Button */
.dropbtn, .dropbtn2 {
    border: none !important;
  background-color: var(--color-primary, #a37140);
  color: var(--color-header-text);
  padding: var(--accountswitcher-padding-btn);
  font-size: var(--accountswitcher-font-size-small);
  min-width: var(--accountswitcher-min-width-btn);
}

/* The container <div> - needed to position the dropdown content */
.dropdown, .dropdown2 {
  position: relative;
  display: inline-block;
  min-width: 80px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content, .dropdown2-content {
  display: none;
  position: absolute;
  background-color: var(--color-thead-border);
  min-width: var(--accountswitcher-min-width-content);
  z-index: 1;
  height: var(--accountswitcher-dropdown-height);
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-wrap: break-word;
  padding: var(--accountswitcher-dropdown-padding);
  font-size: var(--accountswitcher-font-size-large);
}

/* Links inside the dropdown */
.dropdown-content a, .dropdown2-content a {
  color: var(--accountswitcher-accent);
  background-color: var(--color-thead-border);
  padding: var(--accountswitcher-padding-link);
  text-decoration: none;
  display: block;
  font-size: var(--accountswitcher-font-size-large);
  min-width: var(--accountswitcher-min-width-content);
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown2-content a:hover {
  background-color: var(--color-thead-border);
    color: var(--color-thread-text);
}

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn, .dropdown2:hover .dropbtn2 {
  background-color: var(--color-primary);
}