/* Notificações:  */

.popup-notificacao {
    position: absolute;
    top: 85px;
    right: 10px;
    width: 300px;
    z-index: 9999;
    transform: translateX(120%);
    transition: transform 0.5s ease;
}

.popup-notificacao.show {
    transform: translateX(0);
}

.popup-notificacao.hide {
    transform: translateX(120%);
}

.notification-item {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.notification-item.read {
    opacity: 0.5;
}

#listaNotificacoes {
    max-height: 400px;
    overflow-y: scroll;
    scrollbar-width: thin;
}

#botaoNotificacoes {
    color: white !important;
    transition: all 0.5s;
}

.botao-mais-opcoes-notificacao {
    color: #676a6c;
    transition: all 0.2s;
}

.botao-mais-opcoes-notificacao:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

#listaNotificacoes .notification-item .botao-mais-opcoes-notificacao {
    background-color: transparent;
    color: transparent;
}

#listaNotificacoes .botao-mais-opcoes-notificacao:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #676a6c;
}
#listaNotificacoes .notification-item:hover .botao-mais-opcoes-notificacao {
    color: #676a6c;
}