/*Estilos de menu de arbol*/
.arbol {
  margin: 5% 0 5% 5%;
}

ul,
#menuTree {
  list-style-type: none;
}

#menuTree {
  margin: 0;
  padding: 0;
}

.carret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  font-weight: bold;
}

.carret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.carret-down::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
}

.nested {
  display: none;
}

.active {
  display: block;
}

.linked {
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  color: black;
  padding: 0 15%;
  list-style-position: inside;
  text-align: left;
}

.linked:hover, .linked:active {
  background-color: #5163e4;
  color: white;
  box-shadow:  5px 5px 15px #5a5a5a,
             -5px -5px 15px #ffffff;
}