span.doneItem {
   background: red;
   padding: 0px 6px;
   border-radius: 9999px;
   top: -14px;
   right: -9px;
   font-size: .7em;
   z-index: 41;
   position:absolute;
}
li .note {
  display: none;
}
li .note.unread{
    position: absolute;
    display:block;
    top: 0.7em;
    left: 1.2em;
    z-index: 1;
    font-size: 1.2em;
    color: red;
}

#processList ul{
    list-style-type: none;
    margin-block-start: auto;
    margin-block-end: auto;
    padding-inline-start: 0px;
}
#processList li {
    padding: 16px 10px;
    border-bottom: 1px solid #cae2a0;
    color: #eeeeee;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor:default;
    position:relative;
  }

  #processList li:hover, .clearNotes:hover {
      background: #cae2a0;
      color: #2e2e2e;
  }

  button#processList {
    font-size: 1.4em;
    color: white;
    position: relative;
    width: 1.4em;
    outline: none;
  }

  #processList div{
    position: absolute;
      width: 320px;
      right: 0;
      background: #262626;
      box-shadow: -1px 6px 6px #212121;
      padding: 24px 0px 6px 0px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border: 10px solid #262626;
  }


  #processList li img{
    padding: 0px 10px;
    max-width: 70px;
    clip-path: circle(40%);
    }

    #processList li:hover .insertCustom{
      background: #60686d;
      color:white;
      cursor:pointer;
    }

    .insertCustom{
      padding: 0.5rem 0.75rem;
      border-radius: 9999px;
      background: #cae2a0;
      color: #262626;
    }
    .fal.noRend.hidden {
      display: none;
    }
    #processList li .insertCustom:hover {
      background: #262626;
      color: white;
    }