#notification-count {position: absolute;top: -5px;right:6px;background: #f00;color: #fff;font-size: 10px;padding: 2px 5px;border-radius: 50%;display: none;display: inline-block;width: 18px;height: 18px;padding: 1px;text-align: center;font-weight: 900;font-family: initial;}
.notification-content{display: flex;flex-direction: column;}
.notification-content div a{font-size: 17px !important;}
.notification-box {direction: rtl;background: #fff;overflow-y: auto;margin-bottom: 100px;}
.notification-item {padding: 20px;border-bottom: 1px solid #eee;background-color: var(--color-01);}
.notification-item.read {opacity: 0.6;background-color: #f5f5f5;}
.notification-item a {color: #333;text-decoration: none;}
.notification-item.read a {color: #000;}
.noNotification{text-align: center;padding: 10px;}
#load-more-btn{margin: 30px auto;border-radius: 24px;font-family: inherit;background: var(--color-09);}
@media (max-width:768px) {
	.notification-box{width: 100%;right: 0;display: block;}
}