.notificationsPill{
    background-color:#1F4C89;
    padding: 5px 25px;
    border-radius:10px;
    border:1px solid steelblue;
    display:block;
    margin-bottom:4px;
    color:#0165B1;
    margin-top:4px;
    cursor:pointer;
    max-width: 230px;

}
.notificationsPill:hover{
    border:1px solid #004274;

}

.notificationCount{
    background-color:#E26D00;
    color:white;
    border-radius:10px;
    padding:0px 4px;
    font-weight:bold;
    float:right;
    animation: blinker 1s linear infinite;

}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.headLoginMiddle{
    height: 46px;
}


#notificationsHeaderMenu{
    display:none;
    position:absolute;
    top:70px;
    width:300px;
    height:auto;
    padding-bottom:6px;
    background-color:white;
    border:2px solid #f5f5f5;
    box-shadow: 1px 2px 6px black;
    z-index: 30;
    border-radius: 2px 2px 10px 10px;

    font-size:12px;
}

.headerNotificationHeading{
    font-weight:bold;
    margin-bottom:0px;
}
.headerNotificationHeading > i{
    color:red;
}

.headerNotificationText{
    margin-bottom:0px;
}
.headerNotification{
    border-top:1px solid rgba(128, 128, 128, 0.25);
    padding-top:5px;
    padding-left:6px;
    padding-right:6px;
}

.notificationHeaderMarkAsSeen{
    float:right;
    font-size:25px;
    color: rgba(34, 139, 34, 0.4);
    height:55px;
    cursor:pointer;
}
.notificationHeaderMarkAsSeen:hover i{
    color:forestgreen;
}

.notificationHeaderTime{
    font-size:80%;
    opacity:0.6;
    font-style: italic;
}
.notificationHeaderAllLink{
    width:100%;
    display:block!important;
    color:#E26D00!important;
    opacity:0.7;
    margin-top:10px;
    text-align:center;
}
.notificationHeaderAllLink{

    opacity:1;
}