.notification-dropdown-menu .dropdown-menu {
	min-width: 365px;
	padding: 0;
}
.notification-dropdown-menu .notification-outer-div {
	display: flex;
    flex-direction: column;
    height: 370px;
}
.notification-dropdown-menu .notification-outer-div > div,
.notification-dropdown-menu .notification-outer-div > div > a {
	width: 100%;
	display: flex;
}
.notification-dropdown-menu .dropdown-menu li a {
	padding: 10px 20px;
}
.notification-dropdown-menu .dropdown-menu .dropdown-menu-arrow {
	left: 94%;
	top: -18px;
}
.notification-dropdown-menu .dropdown-header {
	font-weight: 700;
	font-size: 14px;
	color: #354463;
	padding: 12px 20px;
}
.notification-dropdown-menu .empty-notification {
	height: 300px;
	padding: 3px 20px;
	align-items: center;
    justify-content: center;
}
.notification-hr {
	background-color: #cddae0;
    border: 0;
    color: #cddae0;
    height: 1px;
    margin: 0;
    width: 100%;
}
.notification-dropdown-menu .notification-bottom-li {
	margin-top: auto;
}
.notification-dropdown-menu .dropdown-menu .notification-bottom-li a {
	padding: 12px 20px;
}
.empty-notification-div {
	min-height: 400px
}
.notification-page-image {
	width: 20%;
}
.mark-all-popup {
	font-size: 12px;
}
.mark-all-page {
	font-size: 14px;
}
.notification-div-header {
	padding: 8px 20px;
    background-color: #eff1f6;
}
.notification-div {
	padding: 12px 5px 10px 20px;
	display: flex;
}
.notification-icon {
	padding: 0 5px 0 0;
}
.notification-text {
	flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
    padding: 0px 7px;
}
.notification-info {
	flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
    padding: 0px 7px;
}
.notification-date {
	color: #354463;
	opacity: .6;
	font-size: 11px;
}