.navtop-primary {
  	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
}
.navtop-primary:after {
	content: "";
	display: table;
	clear:both;
}
.navtop-primary-column {
	float: left;
	width: auto;
}
.button-dropdown {
	float: right;
	position: relative;
	display: inline-block;
}
.button-nav {
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.nav-dropdown-content {
	display:none;
	top: 100%;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	position: absolute;
	overflow: auto;
	right: 0;
	z-index: 1000;
}
.nav-dropdown-content a {
	color: #333333;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-size: .8125rem;
	transition: 0.3s;
}
.nav-dropdown-content a:hover {
	background-color: #7651a1;
	margin-left: 3px;
	margin-right: 3px;
	color: #ffffff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(118, 81, 161, 0.80);
	font-size: .8125rem;
}
.show-nav-dropdown {
	display: block;
	animation: fadeSlideMenu 0.5s ease-in-out forwards;
}
.navtop-primary i {
	color: #7651a1;
	font-size: 20px;
	margin-left: 30px;
	margin-top: 20px;
	transition: 0.3s;
}
.navtooltip {
  position: relative;
  display: inline-block;
}

.navtooltip .navtooltiptext {
  visibility: hidden;
width: 120px;
background-color: #7651a1;
color: #ffffff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 80%;
margin-left: -70px;
font-size: .8125rem;
opacity: 0;
  transition: opacity 1s;
  overflow: hidden;
}

.navtooltip .navtooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.navtooltip:hover .navtooltiptext {
  visibility: visible;
  opacity: 1;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(118, 81, 161, 0.80);
}
