.submenu {
  display: none;
  position: fixed;
  background: #fff;
  width: 250px;
  z-index: 10;
  height: 100vh;
  border-left: solid 1px #ccc;
}

.submenu > div:nth-child(1) {
  color: #dd4444;
  margin-left: 15px;
  margin-top: 25px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 500;
}

.submenu .grupo_submenus {
  color: #252424;
  height: 35px;
  line-height: 35px;
  margin-left: 15px;
  font-weight: 500;
  cursor: pointer;
}

.submenu .grupo_submenus i {
  color: #dd4444;
  margin-right: 7px;
  font-size: 10px;
  position: relative;
  top: -1px;
}

/* div irma de um grupo */
.submenu .grupo_submenus + div a {
  padding-left: 37.5px;
}

.submenu a {
  display: block;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  color: #404040;
  transition: all 0.5s;
  padding-left: 15px;
  font-size: 14px;
}

.submenu a:hover {
  background-color: rgb(191, 213, 216, 0.5);
}