.menu {
  position:relative;
  padding: 0px;
}

.menu-item {
  width: 100%;
  min-height: 50px;
  cursor: pointer;
}

.menu-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  color: black;
  min-height: inherit;
  padding-right:10px;
  padding-left:10px;
}

.menu-item-content .menu-item-icon {
	font-size: 2.1em;
	margin-right: 10px;
  vertical-align: middle;
  user-select: none;
  color: #747474;
}

.menu-item-content:hover .menu-item-icon,
.menu-item-content:focus .menu-item-icon,
.menu-item.submenu>.menu-item-content[expanded="true"] .menu-item-icon {
  color: #0085F5;
}

.menu-item-content:hover,
.menu-item-content:focus,
.menu-item.submenu>.menu-item-content[expanded="true"] {
  color: #00B5F7;
  background-color: #EEE;
}

/*Sub-menu*/
.menu .menu {
  background-color: #EEE;
}

.menu .menu .menu-item-content:hover,
.menu .menu .menu-item-content:focus {
  background-color: #E0E0E0;
}

.menu-item-content.final-item {
  font-family: 'Roboto', sans-serif;
  padding-left: 2.1em;
}

.menu-item-content:hover.final-item,
.menu-item-content:focus.final-item {
  color: #000;
  font-weight: 500;
}