.note-count-new{
	padding:5px;
	line-height:5px;
	border-radius:30px;
	background:red;
	position:absolute;
	color:white;
	right:0;
	top:8px;
	text-align:center;
}
.dropdown-menu2{
  top: 60px;
  right: 0px;
  left: unset;
  width: 360px;
  box-shadow: 0px 5px 7px -1px #c1c1c1;
  padding-bottom: 0px;
  padding: 0px;
	margin-top:-20px;
}
.dropdown-menu2:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 2px;
  border:10px solid #555555;
  z-index:1000;
  border-color: transparent transparent #555555 transparent;
}
.drop-head , .drop-footer{
	font-size:12px;
}

.drop-head *{
	text-align:right;
}

.text-light{color:white;}

.drop-head{
  padding:5px 15px;
  border-radius: 3px 3px 0px 0px;
  background:#555555;
}
.dropdown-menu .drop-footer a:hover{ 
	background:#555555;
}

.drop-footer{
  padding:5px 15px;
  border-radius: 0px 0px 3px 3px; 
  background:#555555;
}
.notification-box a .note-desc div{
	color:#555555;
}

.notification-box *{
	direction:rtl;
	text-align:right;
	font-size:12px;
}

.notification-box img{
	border-radius:5px;
}

.notification-box:hover{
	background:#fafafa;
}

.notification-box{
  padding: 10px 0px; 
  border-bottom:1px solid #cacaca;
}
.bg-gray{
  background-color: #eee;
}

.notification-box .note-desc *{
	line-height:15px;
}

@media (max-width: 640px) {
    .dropdown-menu{
      top: 50px;
      right: 2px;  
	  margin-top:0px;
      width: 290px;
    } 
	.notification-box .note-desc{
		padding-right:25px !important;
	}
	.notification-box *{
		direction:rtl;
		text-align:right !important;
	}
     
}