#todo_aviso_caixa{
position: absolute;
right: 0px;
top: 32px;
display: none;
z-index: 5;
}
.todo_aviso_caixa{
background: #E6E6E6;
width: 320px;
max-height:380px;
overflow-y: auto;
padding: 10px;
color: #444;
font-family: Arial, Verdana;
font-size: 12px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border: 0 solid #000;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
transition: all 100ms linear;
}
.todo_aviso_div_principal{
padding: 5px 10px 5px 5px;
background: #FDFDFD;
margin: 0px 0px 5px;
border-radius: 2px;
color: #656565;
font-family: Arial, Verdana;
}
.todo_aviso_link{
cursor:default;
}
.todo_aviso_texto{
text-align: center;
display: block;
font-size: 14px;
padding: 5px 0px 10px 0px;
}

.todo_aviso_avatar{
max-height: 40px;
max-width: 40px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0px auto;
display: block;
background: #f0f0f0;
}
.todo_aviso_div_avatar {
display: table-cell;
padding: 5px 7px 5px 6px;
}
.todo_aviso_div_conteudo{
display: table-cell;
vertical-align: middle;
}
.todo_aviso_nome_usuario{
display: block;
font-weight: bold;
padding: 3px 5px 0px 0px;
word-wrap: break-word;
width: 100%;
max-width: 225px;
}
.todo_aviso_fechar, .todo_aviso_visualizado{
float: right;
font-weight: bold;
font-size: 12px;
cursor: pointer;
}
.todo_aviso_fechar:hover,.todo_aviso_visualizado:hover{
color: #E23E3E;
}
.todo_aviso_tempo_atras {
display: block;
}
.todo_aviso_todo_seta{
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #E6E6E6;
border-top: 10px solid transparent;
font-size: 0;
margin-bottom: -5px;
display: inline-block;
margin-left: 307px;
}
.todo_aviso_informacao{
word-wrap: break-word;
}
.todo_aviso_ver_todas{
padding: 5px;
text-align: center;
}
.todo_aviso_informacao>a{
text-decoration: none;
color: #656565;
}
.todo_aviso_informacao>a:hover{
color: #49c5bf;
text-decoration: underline;
}
.todo_aviso_ver_todas>a{
text-decoration: none;
color: #656565;
font-weight: bold;
font-size: 13px;
}
.todo_aviso_ver_todas>a:hover{
color: #49c5bf;
}

.todo_aviso_nao_notificacao{
padding: 10px;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #656565;
}

.todo_aviso_contador{
position: absolute;
bottom: 24px;
right: 0;
font-size: 11px;
color: #fafafa;
background-color: #E01515;
padding: 1px 6px 1px 6px;
border-radius: 3px;
}