#user-initials-icon {
    position:relative;    
    width:30px;
    height:30px;
    line-height: 30px;
    border-radius: 15px;
    background-color:var(--accent-color);
}
.user-initial-icon { 
    font-size:14px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.user-icon--hover {
    background-color: var(--accent-color);;
    border-radius: 15px;
}

.user-icon--active {
    background-color: var(--accent-color);
    border-radius: 15px;
}
/* position:relative;width:30px;height:30px;border-radius:50%;float:left;height:30px; */

div.user-icon-layer {
    font-size:12px;
    background-color:#FFF;
    border-radius: 5px;
    border:1px solid #CCC;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}