#notification_li{position:relative}
#notificationContainer {
background-color: #FEFEFE;
border: 1px solid rgba(210, 210, 210, 1);
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
overflow: visible;
position: absolute;
top: 55px;
margin-left: -375px;
width: 400px;
z-index: 2;
display: none;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius: 6px; 
}
#notificationContainer:before {
position: absolute;
top: -7px;
right: 10px;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #384D61;
border-left: 7px solid transparent;
content: '';
}
#notificationTitle {
z-index: 1000;
font-weight: bold;
padding: 12px;
letter-spacing: 0.03em;
font-size: 13px;
background-color: #384D61;
color: white;
width: 377px;
border-bottom: 1px solid #FEFEFE;
-moz-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0;
-o-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}

#notificationsBody {
padding: 5px 0px 0px 0px !important;
min-height: 300px;
}
#notificationFooter {
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
-moz-border-radius: 0 0 6px 6px;
-ms-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
#notificationFooter a {
	color: #384D61;
 }
 #notificationFooter a:hover {
	color: #008CB5;
 }

 .comment_count {
padding: 0px 7px;
background: #E50652;
color: #ffffff;
font-weight: bold;
border-radius: 50px;
position: absolute;
margin-top: -2px;
font-size: 10px;
}

#notification_count {
    padding: 4px;
    background: #E50652;
    color: #ffffff;
    font-weight: bold;
    margin-left: -5px;
    border-radius: 50px;
    margin-top: -2px;
    font-size: 0px;
    position: relative;
    right: -5px;
    top: -15px;
}
#avisosPendientes_count {
    padding: 4px;
    background: #E50652;
    color: #ffffff;
    font-weight: bold;
    margin-left: -5px;
    border-radius: 50px;
    margin-top: -2px;
    font-size: 0px;
    position: relative;
    right: 10px;
    top: -15px;
}


.notify {
	padding: 10px 0;
    vertical-align:top;
    border-bottom: 1px solid #E9EAED;
}
.notify-title {
    margin-top  : 20px;
}

.notify-title div p, .notify-title span{
    padding: 10px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #005270
}

.notify-title span{
    float       : right;
    margin-right: 30px;
}

.notify-title div p{
    padding: 10px 0px 0px;
    margin-left: 20px;
}


div.notify-title svg {
    text-align: center;
min-width: 12px;
border-radius: 50px;
padding: 8px;
margin: 0 5px 0px 17px;
font-size: 12px;
color: #fff;
display: inline-block;
}
.notify-title div {
	display: inline-block;
width: calc(100% - 136px);
width: -moz-calc(100% - 136px);
width: -webkit-calc(100% - 136px);
width: -o-calc(100% - 136px);
}




div.notify svg {
    text-align: center;
min-width: 12px;
border-radius: 50px;
padding: 8px;
margin: 0 5px 0px 17px;
font-size: 12px;
color: #fff;
display: inline-block;
}
.notify div {
	display: inline-block;
width: calc(100% - 136px);
width: -moz-calc(100% - 136px);
width: -webkit-calc(100% - 136px);
width: -o-calc(100% - 136px);
}

.notification-green svg{
    background-color: #9DC45F;
}

.notification-red svg{
    background-color: red;
}

.notification-yellow svg{
    background-color: #dfba49;
}

.notification-blue svg{
    background-color: #008CB5;
}

.notification-orange svg{
    background-color: #ffa84c;
}

.notifications-day{
    margin-top: 20px;
    max-width:700px;
}

.notifications-more
{
    width: 100%;
    text-align: right;
    margin-top: 20px;
    color: #384d61;
    cursor: pointer;
}

.notifications-more a{
    color: #384d61;
}