.chat-context-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  .context-inner-menu {
    border: 1px solid lighten($chat-primary, 20%);
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: $chat-primary;
    font-size: 14px;
    min-width: 120px;
    border-radius: 2px;

    li {
      a {
        padding: 10px;
        display: block;
        text-decoration: none;
        color: $chat-text-inverse;

        &:hover {
          background-color: $chat-primary-dark;
        }
      }

      &.disabled {
        display: none;

        a {
          cursor: default;
          opacity: 0.5;
        }
      }
    }
  }
}

body.context-menu-opened {
  overflow-x: hidden;
}