.usercm a {
    text-decoration: none;
  }
  div.usercm{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-color:#fff;
    font-size:13px!important;
    width:130px;
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);
    box-shadow:0px 0px 15px var(--text-color);
    position:absolute;
    display:none;
    z-index:10000;
    opacity:0.9;
    border-radius: 10px;
  }
  div.usercm ul{
    list-style-type:none;
    list-style-position:outside;
    margin:0px;padding:0px;
    display:block
  }
  div.usercm ul li{
    margin:0px;padding:0px;line-height:35px;
  }
  div.usercm ul li a{
    color:var(--text-color);padding:0 15px;display:block;border-radius: 5px
  }
  div.usercm ul li a:hover{
    color:#fff;background:#73c9e5;border-radius: 5px
  }
  div.usercm ul li a i{
    margin-right:10px
  }
  .usercm a.disabled{
    color:#c8c8c8!important;cursor:not-allowed
  }
  .usercm a.disabled:hover{
    background-color:rgba(255,11,11,0)!important
  }
  div.usercm{
    animation:myfirst 0.2s;
    animation-fill-mode:forwards;
    animation-timing-function:ease;
  }
  @keyframes myfirst
  {
    from {background:rgba(255, 0, 0, 0);}
    to {background:var(--board-bg-color);}
  }
  
  @-webkit-keyframes myfirst /* Safari and Chrome */
  {
    from {background:rgba(255, 0, 0, 0);}
    to {background:var(--board-bg-color);}
  }