#context-menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, .2);
  z-index: 500;
  overflow: visible;
  min-width: 10rem;
  border-radius: 8px;
  padding: 10px;
}
  
#context-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;

}
  
#context-menu ul li {
  padding: .5em;
  list-style: none;
  margin: 0;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 3px;
}

#context-menu ul li a {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;  
}


#context-menu ul li a div{
  width: auto;
  margin: 0;
  padding: 5px;
  border-radius: 8px;
  margin-right: .5rem;
}

#context-menu ul li a div.green{ background-color: var(--green2); }
#context-menu ul li a div.red{ background-color: var(--red2); }
#context-menu ul li a div.yellow{ background-color: var(--yellow2); }
#context-menu ul li a div.blue{ background-color: var(--blue); }
#context-menu ul li a div.pink{ background-color: var(--colorMorado); }
  
  
  #context-menu ul li a,
  #context-menu ul li a:visited{
      color: black;
      text-decoration: none;
     
  }
  
  #context-menu ul li .ico {
      height: 20px;
      width: 20px;
      margin: 0 6px;
      overflow: visible;
  }
  
  
  #context-menu ul li:hover {
    background-color: #f0f0f0;
  }
  
  #context-menu.hidden {
   display: none;
  }