.shqela-notification-menu{
position:relative;
}


.shqela-notification-toggle{
font-size:22px;
position:relative;
}



.shqela-notification-count{

background:#e63946;
color:white;
border-radius:50%;
font-size:12px;
padding:3px 7px;
position:absolute;
top:-10px;
right:-10px;

}




.shqela-notification-dropdown{

display:none;
position:absolute;
right:0;
top:45px;
width:320px;
background:white;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
padding:20px;
z-index:9999;

}




.shqela-notification-menu:hover 
.shqela-notification-dropdown{

display:block;

}





.shqela-notification-dropdown.active{

display:block;

}




.shqela-notification-item{

padding:12px;
border-bottom:1px solid #eee;

}





.shqela-notification-item small{

display:block;
color:#777;
margin-top:5px;

}





.shqela-mark-read{

margin-top:15px;
width:100%;
background:#2563eb;
color:white;
border:none;
padding:10px;
border-radius:8px;

}