#liNotificacoes {
}

    #liNotificacoes a {
        position: relative;
    }

        #liNotificacoes a .qtd-notificacoes {
            font-size: 10px;
            line-height: 10px;
            font-weight: bold;
            position: absolute;
            top: 20%;
            left: 50%;
            padding: 2px 4px 2px 3px;
            background: #ff4c4c;
            border-radius: 15px;
            color: white;
        }

    #liNotificacoes .sub-menu {
        width: auto;
        padding: 0;
        max-height: 500px;
        overflow: auto;
    }

        #liNotificacoes .sub-menu ul {
            padding: 0;
        }

            #liNotificacoes .sub-menu ul li ~ li {
                border-top: 1px solid #b2b2b2;
            }

            #liNotificacoes .sub-menu ul li a {
                width: 250px;
                background: #fafafa;
                padding: 5px 12.5px;
                border-right: 5px solid #ff4c4c;
            }

                #liNotificacoes .sub-menu ul li a.lida {
                    background: #efefef;
                    border-right-color: #efefef;
                }

                #liNotificacoes .sub-menu ul li a .pedidoDesc {
                    display: block;
                    font-size: 12px;
                    font-weight: bold;
                }

                #liNotificacoes .sub-menu ul li a .descricao {
                    display: block;
                    font-size: 15px;
                }

                #liNotificacoes .sub-menu ul li a .dataDesc {
                    display: block;
                    font-size: 10px;
                    color: #adadad;
                    margin-top: -5px;
                }


        #liNotificacoes .sub-menu .vazio {
            display: block;
            width: 190px;
            padding: 5px;
        }