#notificar{
    position: fixed;
    top: 80px;
    right: -145px;
    z-index: 50;
    /* font-size: 1.5rem; */
    background-color: yellow;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
}

#notificar .noti{
    display: flex;
    align-items: center;
    padding: 0.5rem;
    font-size: 1.5rem;
    text-decoration: none;
    color: black;
    white-space: nowrap;
}
#notificar .noti svg{
    margin-right: 10px;
}
.noti{
    position: relative;
}
.noti:hover{
    left: -150px;
}
.noti:hover.docentes{
    background-color: aliceblue;
}
.noti:hover.comunidad{
    background-color:chartreuse;
}