#notification-realtime-wrapper {display:none;position:fixed;z-index:10;bottom:20px;left:20px;color:#fff;}
#notification-realtime-wrapper a {color:#fff;}
.notification-box .notification-row a {border:none;padding:0;}
.notification-box .notification-row a:hover {background:rgba(255,255,255,.1);}
.notification-box {float:left;position: relative;margin-bottom: 20px;padding:10px;background:rgba(0,0,0,.95);padding-right:35px;}
.notification-box .notification-close {position: absolute;font-size:120%;right: 5px;top: 5px;padding:2px 8px;}
.notification-box .notification-close:hover {text-decoration:none;background:#d00;}
.navbar-notifications .actions {position: absolute;width: 100%;text-align: center;left: 0;}
.navbar-notifications .dropdown-menu {width: 350px;padding: 0;margin:0;padding-bottom: 30px;}
.navbar-notifications .notifications {max-height: 420px;overflow: auto;}
.notification-row a {float:left;width:100%;border-bottom: 1px solid #e5e5e5;padding:10px !important;line-height:1.2em;}
.notification-row a:hover {background:#eee;text-decoration:none;}
.notification-row .notification-image {margin-right:10px;}
.notification-row .notification-image img {width:40px;height:40px;}
.notification-row .notification-time {margin-top:-4px;}
.navbar-notifications .fa.fa-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 34px;
    margin-left: -17px;
    margin-top: -17px
}
.navbar-notifications .actions a {
	padding: 0 !important;
}
.navbar-notifications .actions .load-more {
	margin-right: 10px;
}
.navbar-notifications .actions .load-more,
.navbar-notifications .actions .mark-all-read {
	display: inline-block;
}
.navbar-notifications .now-loading {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    padding: 20px 0;
}
.navbar-notifications .no-notifications {
	padding: 20px 0;
}
.navbar-notifications .notification-row[data-status="0"] { /** unread **/
	background: #eee;
}