#bxd-notifications {
    font-size:1.5rem;
    line-height:4.1rem;
    margin: 0;
    cursor:pointer;
}

#bxd-notifications .bxd-bell { cursor:pointer; position:relative; color:rgba(255,255,255,0.5); }
#bxd-notifications .bxd-bell > span { display:none; position:absolute; top:1rem; right:-8px; background:#f05635; color:#fff; font-size:11px; padding:2px 5px 2px 4px; text-align:center; box-sizing:border-box; font-weight:600; line-height:1; min-width:17px; height:17px; border-radius:10px; }

#bxd-notifications .bxd-bell.has-notifications { color:#fff; }
#bxd-notifications .bxd-bell.has-notifications > span { display:block; }

#bxd-notifications-dropdown { cursor:default; display:none; z-index:99; font-size:1rem; line-height:1rem; position:absolute; top:2rem; right:0; padding-top:2rem; width:25rem; background:transparent; border-radius:0 0 10px 10px; box-shadow:0 30px 30px rgba(0,0,0,0.1); }
#bxd-notifications-dropdown .bxd-notification-options { font-size:0.8rem; background:#fff; padding:0.75rem 1rem; }
#bxd-notifications-dropdown .bxd-notification-options > strong { text-transform:uppercase; letter-spacing:0.03rem; }
#bxd-notifications-dropdown .bxd-notification-options > a { float:right; }
#bxd-notifications-dropdown .bxd-tab-content { max-height:20rem; overflow:auto; background:#fff; padding:0; border-radius:0 0 10px 10px; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block { background:#f6f6f6; color:inherit; font-size:0.9rem; position:relative; box-sizing:border-box; display:block; padding:0.75rem 1rem 0.75rem 3.9rem; border-top:1px solid #e5e5e5; border-top:1px solid rgba(0,0,0,0.075); }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block:hover { background:#f4f4f4; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block img.avatar { width:2.1rem; height:2.1rem; position:absolute; top:0.9rem; left:0.9rem; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block .unread-dot { display:none; width:10px; height:10px; background:#f05635; border-radius:5px; position:absolute; top:50%; margin-top:-5px; right:1.25rem; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; padding-top:0.35rem; padding-right:3rem; color:#0974bb; font-size:0.9rem; }
#bxd-notifications-dropdown .bxd-tab-content p { text-align:center; color:inherit; position:relative; box-sizing:border-box; display:block; padding:3rem 0; }

#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.unread { background:#fffce9; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.unread:hover { background:#fffbdf; }

#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.read,
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.read small,
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.read svg { color:#888 !important; }
#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.read img.avatar { opacity:0.75; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); }

#bxd-notifications-dropdown .bxd-tab-content .bxd-notification-block.unread .unread-dot { display:block; }
/*#bxd-notifications:hover { background:rgba(0,0,0,0.25); }*/
#bxd-notifications:hover .bxd-bell {  }
#bxd-notifications:hover #bxd-notifications-dropdown { display:block; }