.notifications-menu .fa-bell {
	font-size: 23px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		background-color: #ffffff;
		padding: 7px 10px;
		border-bottom: 1px solid #f4f4f4;
		color: #444444;
		font-size: 12px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
		max-height: 200px;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-x: hidden;
}

.notify-hover>a,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
		color: #444444;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 400;
		display: block;
}

.notify-hover .time {
	color: #909090;
	font-size: smaller;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
		padding: 10px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.notification-view>a {
		font-size: 12px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
		display: block;
		white-space: nowrap;
		border-bottom: 1px solid #f4f4f4;
}

.notify-hover.reada,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.read > a {
    background: #fff;
    text-decoration: none;
}

.notify-hover.read:hover,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.read > a:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.notify-hover.unread,
.notify-hover.unread:hover,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.unread > a,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li.unread > a:hover {
    background-color: rgba(255, 114, 28, 0.1);
    text-decoration: none;
}

.notify-hover > a .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a .fa {
    color: #b0b0b0;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer {
	text-align: center;
}

@media (min-width: 768px) {	
	.notifications-menu .dropdown-menu {
		width: 300px;
	}
}

@media (max-width: 767px) {
	.mobile-view-nav .notifications-menu.open .dropdown-menu {
	    position: absolute;
	    right: 0;
	    left: -124px;
	    border: 1px solid #ddd;
	    background: #fff;
	    width: 300px;
	    padding: 0 0 0 0;
	    margin: 0;
	    top: 100%;
	    margin-top: 1px;
	}
	.navbar-default .mobile-view-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .mobile-view-nav .open .dropdown-menu>li>a:hover {
        background-color: #ff721c;
	}
}