.iconeProjeto:after{
    content: "\e171";
    color: #318FC6;
}

.iconeAgenda:after{
    content: "\e032";
    color: #FF4D37;
}

.iconeAgenda,.iconeProjeto{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropdown-menu ul {
    list-style: none;
    padding: 0;
    overflow: auto;
    max-height: 400px;

}
.iconeNotificacao.open:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    margin-left: 12px;
    top: 40px;
    z-index: 99999;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.iconeNotificacao.open:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    margin-left: 10px;
    top: 38px;
    z-index: 99999;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid rgba(0, 0, 0, .15);
}
ul.listaNotificacoes .nenhumaNotificacao{text-align:center; padding:10px;}
ul.listaNotificacoes{
    padding-bottom: 40px;
}
li.topoListaNotificacao{}
li.itemListaNotificacao,
li.itemListaNotificacao a{
    color: #333;
}
li.topoListaNotificacao,li.itemListaNotificacao{padding:.7em;border-bottom: 1px solid #ddd;}
li.itemListaNotificacao:last-of-type{border-bottom: none;}
li.itemListaNotificacao{cursor:pointer; position:relative;}
li.itemListaNotificacao:hover{background-color: #0992C2; color:#fff;}
li.itemListaNotificacao:hover a {color:#2a6496;}
li.itemListaNotificacao:hover .fechar-itemListaNotificacao,
li.itemListaNotificacao:hover .glyphicon.glyphicon-send,
li.itemListaNotificacao:hover .iconeAgenda:after,
li.itemListaNotificacao:hover .iconeProjeto:after,
li.itemListaNotificacao:hover .tagNameUser,
li.itemListaNotificacao:hover .timeago{color:#fff;}
li.rodapeListaNotificacoes{background-color: #eee;
    bottom: 0;
    height: 40px;
    position: absolute;
    width: 100%;
    text-align: center;

    box-shadow: 0px 2px 6px 2px rgba(0,0,0,.3);
}
.fechar-itemListaNotificacao{
    position: absolute;
    right: 0;
    top: 0;
    margin: .4em .6em 0 0;
    font-size: .8em;
    color:#0992c2;
}
.notificacaoNaoLida{background-color:#eee;}
.notificacaoNaoLida .statusNotificacao,.notificacaoLida .statusNotificacao{ width:6px; height:6px; border-radius:6px; right:10px; position: absolute; top: 10px; display: block;  }


.notificacaoNaoLida .statusNotificacao{ background-color:#fff; box-shadow: 0px 0px 0px 1px #0992c2, 0px 0px 0px 2px #fff;}
.notificacaoLida .statusNotificacao{background-color:#0992C2; box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px #0992c2;}
.img-itemListaNotificacao img{background-color:#fff; float:left; margin-right:.7em;}
.msg-itemListaNotificacao p{font-size: .8em; display:none;}

.modal-body .msg-itemListaNotificacao p{display:block;}
.msg-itemListaNotificacao .titulo-itemListaNotificacao{font-size:.9em;}
.tagNameUser{font-weight:bold; color:#000;}
li.rodapeListaNotificacoes a{
    color: #666;
    padding: 0;
    line-height: 40px;
    display:inline-block;
    width:100%;
}

.notificacaoNaoLida .statusNotificacao:after{
    content: "Marcar como lida";
    padding: 2px 4px 4px 4px;
    position: absolute;
    top: -5px;
    display:none;
    right: 18px;
    width:100px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.notificacaoNaoLida .statusNotificacao:hover:after{
    display: block;
}

.notificacaoLida .statusNotificacao:after{
    content: "Marcar como Não Lida";
    padding: 2px 4px 4px 4px;
    display: none;
    position: absolute;
    top: -5px;
    right: 18px;
    width: 130px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.statusNotificacao:before{
    content: "";
    display: none;
    position: absolute;
    left: -13px;
    top: 0px;
    z-index: 99999;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000;
}

.statusNotificacao:hover:before {
    display: inline-block;
}
.notificacaoLida .statusNotificacao:hover:after{
    display: block;
}
li.itemListaNotificacao .timeago{font-size:11px; color:#999; display:inline-block; margin-left:5px;}

.modal-body .timeago {
    font-size: 11px;
    color: #999;
}

.modal-body .dataNotificacao{
    text-align:right;
    float: right;
    width:20%;
}

.modal-body .msg-itemListaNotificacao{width:70%}
.modal-body .img-itemListaNotificacao{width:10%;}
.modal-body .msg-itemListaNotificacao,.modal-body .img-itemListaNotificacao{float:left; display:block;}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

ul.listaNotificacoes li.naoHaMaisNotificacoes{
    color: #666;
    padding: 5px;
    text-align: center;
}