/* body {
    margin:0px;
    font-family:"Open Sans",sans-serif;
  } */
  #context-menu {
    position:fixed;
    z-index:10000;
    width:auto;
    background: rgba(0,0,0,0.75);
    
    border-radius:5px;
    transform:scale(0);
    transform-origin:top left;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.4);    
  }
  #context-menu.active {
    transform:scale(1);
    transition:transform 300ms ease-in-out;
  }
  #context-menu .item {
    padding:8px 10px;
    font-size:15px;
    color:#eee;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
  }
  #context-menu .item:hover {
    background-color: rgb(70, 70, 70);    
    box-shadow: 0 0 10px #9ecaed;
    border: 1px solid #9ecaed;
  }
  #context-menu .item i {
    display:inline-block;
    margin-right:5px;   
    cursor: pointer; 
  }
  #context-menu hr {
    margin:2px 0px;
    border-color:#555;
  }

  #context-menu .item .txt-icon{
    font-size:9px;
    font-weight: bold;
  }