.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display:	none;
  position: absolute;
  background-color: var(--menu-bg);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  line-height: 16px;
  font-size: 16px;
  margin-top: 12px;
  left: 0px;
  text-align: left;
}

.dropdown-content .userinfo {
	display: inline-block;
	 padding: 0px;
	 margin: 0px;
    padding: 12px 12px;
	font-weight: 100;
}

.dropdown-content a {
  color: var(--menu-text);
  text-decoration: none;
  display: block;
  padding: 12px 12px !important;
   white-space: nowrap;

}

.dropdown-content a:hover,
.dropdown-content a:hover i,
.dropdown-content a:hover i:hover
{	
  background-color: var(--menu-bg-hover) !important;	
	color: var(--menu-text-hover) !important;
}

.show {display:block;}

.dropdown-content a i {
	margin-right: 3px;
  pointer-events: none; /* hit a only */
}