.mention
{
cursor:pointer;
padding:2px 4px 2px 4px;
border-radius:3px;
border:1px solid #a3bcea;
background: #dbe5f8; /* Old browsers */
background: -moz-linear-gradient(top,  #dbe5f8 0%, #bed0f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe5f8), color-stop(100%,#bed0f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbe5f8 0%,#bed0f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5f8', endColorstr='#bed0f1',GradientType=0 ); /* IE6-9 */
}


div#mentionpopup {
  display: none;
  position: absolute;
  width: auto;
  padding: 0;
  background: #fff;
  color: #000000;
  
  box-shadow:8px 8px 20px rgba(0,0,0,0.2);
  border-radius:8px;

	box-shadow:8px 8px 60px rgba(0,0,0,0.1);
	
	z-index:99999;
}

/**new */
div#mentionpopup:after, div#mentionpopup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div#mentionpopup:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ecf0f3;
	border-width: 10px;
	left: 35px;
	margin-left: -10px;
}

/*
div#mentionpopup:before {
	border-color: rgba(207, 207, 207, 0);
	border-top-color: #cfcfcf;
	border-width: 11px;
	left: 35px;
	margin-left: -11px;
}
*/


.mentionsTopContainer
{
	height:76px;
	display:flex;
}

.mentionsAvatar 
{
	/*
	float:left;
	width:76px;
	height:76px;
	

	position:absolute;
	top:-6px;
	left:-14px;
	
	display:flex;
	*/
	
	display:flex;

}

.mentionsAvatar img
{
	width:76px;

		max-width: 76px !important;
    	max-height: 76px !important;
	
	height:auto;
	margin:auto;
	

	border-radius:50%;
	box-shadow:4px 4px 18px #0000002e;
	
	margin-left:-14px;
	margin-top:-6px;
	
	align-self:center;	
}

.mentionsText
{

	margin:20px 0px 0px 82px;
	
	margin:0;
	display:block;
	align-self:center;
	margin-left:20px;
}

.mentionsUsername
{
	font-family: Roboto, 'lucida grande',tahoma,verdana,arial,sans-serif;	
	font-size:19px;
	font-weight:700;
	color:#000;
}

.mentionsLocation
{
	color:#666;
	font-family: Roboto, 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight:400;
	font-size:11px;	
}

.mentionsStats
{
	clear:both;
	background:#ecf0f3;
	padding:4px 8px;
	height:auto;
	display:inline-block;
	border-radius:0 0 8px 8px;
	border-radius:0;
}

.mentionsStatsInd
{

	float:left;
	margin:0;
	padding:6px 26px;
	text-align:center;
	color:#555;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight:400;
}

.mentionsStatsInd div
{
	color:#999;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:10px;
	font-weight:300;
}