.context-menu, .context-menu ul {
    position:fixed;
    z-index:1000;
    display:none;
    background-color: white;
    border: 1px solid #aaa;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    text-align:left;
    line-height:100%;
    list-style:none;
    margin:0;
    padding:0;
    min-width: 150px;
}
.context-menu li {
    margin:0;
    padding:0;
    position: relative;
    color:#333;
    text-wrap:none;
    white-space:nowrap;
    cursor:pointer;
    transition:background 0.2s, color 0.2s;
}
.context-menu li:hover {
    background-color:#333;
}
.context-menu li:hover, .context-menu li:hover > a {
    color:white;
}
.context-menu li.parent-item a {
    padding-right: 20px;
}
.context-menu li.parent-item a i {
    position:absolute;
    right:0;
    top:0;
}
.context-menu li > ul {
    position: absolute;
    left: 100%;
    top: -1px;
    background: white;
    border: 1px solid #aaa;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    color:#333;
    display:block;
    visibility:hidden;
    opacity: 0;
    transition-property: visibility, opacity;
    transition-duration: 0.2s;
    transition-delay: 1s;
    z-index: 5;
}
.context-menu li:hover > ul {
    transition: opacity 0s;
    visibility:visible;
    opacity:1;
    z-index: 10;
}
.context-menu a {
    display: block;
    color: #333;
    text-decoration: none;
    text-shadow: none;
    transition: color 0.2s;
    padding: 4px 8px;
    font-size: 13px;
}
.context-menu a:hover {
    text-decoration: none;
}
.context-menu a i {
    margin-right:3px;
}

.context-menu-trigger {
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
}
.context-menu-trigger:hover {
    background: rgba(0,0,0,0.1);
    cursor: pointer;
}