.contextmenu{position:fixed;min-width:150px;left:0;top:calc(100% + 10px);border-radius:4px;background-color:#fff;z-index:999999;box-shadow: 0px 4px 4px 0px #0000000D;border:1px solid #EAECF0;}
.contextmenu__item{font-size:14px;display:block;text-decoration:none;padding:10px;cursor:pointer;user-select:none;transition:0.2s;position:relative;}
.contextmenu__item .sub-menu-items{width:100%;display:flex;gap:5px;margin:0;align-items:center;}
.contextmenu__item .sub-menu-items.red-text span{color: #C31616;}
.contextmenu__item:hover:not(.contextmenu__item--disabled){background-color:#f1f1f1;}
.contextmenu__item--disabled{opacity:0.5;cursor:no-drop;}
.submenu{position:relative;}
.submenu:hover > .contextmenu__item{background-color:#f1f1f1;}
.submenu__item{position:absolute;top:0;left:100%;width:100%;border:solid 1px #ccc;background-color:#fff;border-radius:4px;padding:5px 0;opacity:0;visibility:hidden;}
.submenu > .contextmenu__item:after{content:'';border-style:solid;border-width:5px 8px;border-color:transparent transparent transparent #000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%);right:0px;transition:0.2s;}

/* fade in animation start */
.fade-enter{opacity:0;}
.fade-enter-active{opacity:1;transition:opacity 200ms;}
.fade-exit{opacity:1;}
.fade-exit-active{opacity:0;transition:opacity 200ms;}
/* fade in animation end */

/* zoom in animation start */
.zoom-enter{opacity:0;transform:scale(0.8);transform-origin:top left;}
.zoom-enter-active{opacity:1;transform:scale(1);transition:opacity 200ms,transform 200ms;transform-origin:top left;}
.zoom-exit{opacity:1;transform:scale(1);transform-origin:top left;}
.zoom-exit-active{opacity:0;transform:scale(0.8);transition:opacity 200ms,transform 200ms;transform-origin:top left;}
/* zoom in animation end */

/* to top left animation start */
.toTopLeft-enter{opacity:0;transform:translate(10px,10px);}
.toTopLeft-enter-active{opacity:1;transform:translate(0px,0px);transition:opacity 200ms,transform 200ms;}
.toTopLeft-exit{opacity:1;transform:translate(0px,0px);}
.toTopLeft-exit-active{opacity:0;transform:translate(10px,10px);transition:opacity 200ms,transform 200ms;}
/* to top left animation end */