<xf:macro name="user_info"
	arg-user="!" 
	 arg-threadUserId=""
	arg-fallbackName="">
<span class="message-userArrow"></span>
	 <section itemscope itemtype="https://schema.org/Person" class="message-user">
		<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
				<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
					<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
				</xf:if>
			</div>
		</div>
		<div class="messagePostBitWrapper">
			<div class="message-userDetails">
				<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
				<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
				<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline() && ( {{ property('onlineIndicator') }} == 'userbanner')">
					<div class="userBanner message-userBanner userBanner--online">
						<span class="userBanner-before"></span>
						<strong>{{ phrase('online_now')}}</strong>
						<span class="userBanner-after"></span>
					</div>
				</xf:if>
				<xf:if is="($user.user_id == $threadUserId) && (property('originalPoster') != 'none')">
					<xf:if is="property('originalPoster') == 'userbanner'">
						<div class="userBanner message-userBanner userBanner--op">
							<span class="userBanner-before"></span>
								<strong>{{ phrase('th_original_poster')}}</strong>
							<span class="userBanner-after"></span>
						</div>
					<xf:elseif is="property('originalPoster') == 'icon'" />
						<div class="originalPoster__icon" data-xf-init="tooltip" title="{{ phrase('th_original_poster') }}">
							<xf:fa icon="fa-user-edit" class="mdi mdi-account-edit" />
						</div>
					</xf:if>
				</xf:if>
				<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
				<xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
			</div>
			<xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
			<xf:if is="$user.user_id">
				<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
				<xf:if contentcheck="true">
					<xf:if is="property('collapseExtraInfo')">
						<div class="thThreads__message-userExtras"> 
							</div>
					</xf:if> 
					
					 
					 
					 
					 
			   <div class="message-userExtras">
				<xf:contentcheck>
					<xf:if is="$extras.register_date">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-calendar"></i>{{ phrase('joined') }}</dt>
							<dd>{{ date($user.register_date) }}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.message_count">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-comments"></i>{{ phrase('messages') }}</dt>
							<dd>{$user.message_count|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.reaction_score">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-heart"></i>{{ phrase('reaction_score') }}</dt>
							<dd>{$user.reaction_score|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-star"></i>{{ phrase('points') }}</dt>
							<dd>{$user.trophy_points|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.age && $user.Profile.age">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-user"></i>{{ phrase('age') }}</dt>
							<dd>{$user.Profile.age}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.location && $user.Profile.location">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-map-marker"></i>{{ phrase('location') }}</dt>
							<dd>
								<xf:if is="$xf.options.geoLocationUrl">
									<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
								<xf:else />
									{$user.Profile.location}
								</xf:if>
							</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.website && $user.Profile.website">
						<dl class="pairs pairs--justified">
							<dt><i class="fa fa-sitemap"></i>{{ phrase('website') }}</dt>
							<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
						</dl>
					</xf:if>
					<xf:if is="$user.Profile.custom_fields.facebook">
						<dl class="pairs pairs--justified">
							<dt><i class="fab fa-facebook-f"></i>Facebook</dt>
							<dd>{$user.Profile.custom_fields.facebook}</dd>
						</dl>
					</xf:if>
					<xf:if is="$user.Profile.custom_fields.twitter">
						<dl class="pairs pairs--justified">
							<dt><i class="fab fa-twitter"></i>Twitter</dt>
							<dd>{$user.Profile.custom_fields.twitter}</dd>
						</dl>
					</xf:if>					
					<xf:if is="$user.Profile.custom_fields.skype">
						<dl class="pairs pairs--justified">
							<dt><i class="fab fa-skype"></i>Skype</dt>
							<dd>{$user.Profile.custom_fields.skype}</dd>
						</dl>
					</xf:if>
									<xf:if is="$extras.custom_fields">
										<xf:macro template="custom_fields_macros" name="custom_fields_values"
											arg-type="users"
											arg-group="personal"
											arg-set="{$user.Profile.custom_fields}"
											arg-additionalFilters="{{ ['message'] }}"
											arg-valueClass="pairs pairs--justified"
										/>
										<xf:if is="$user.canViewIdentities()">
											<xf:macro template="custom_fields_macros" name="custom_fields_view"
												arg-type="users"
												arg-group="contact"
												arg-set="{$user.Profile.custom_fields}"
												arg-additionalFilters="{{ ['message'] }}"
												arg-valueClass="pairs pairs--justified"
											/>
										</xf:if>
									</xf:if> 
									
									
								</xf:contentcheck>
							</div>
						<xf:if is="property('collapseExtraInfo')">
							
							<div class="thThreads__userExtra--toggle">
								<span class="thThreads__userExtra--trigger" data-xf-click="ththreads-userextra-trigger"></span>
							</div>
						</xf:if>
				</xf:if>
			</xf:if>
		</div> 
		
		
		
		
		
		
		
		<span class="message-userArrow"></span>
	</section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
	<header itemscope itemtype="https://schema.org/Person" class="message-user">
		<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
		<div class="message-avatar">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
			</div>
		</div>
		<span class="message-userArrow"></span>
	</header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
	<xf:if contentcheck="true">
		<xf:css src="attachments.less" />
		<section class="message-attachments">
			<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
			<ul class="attachmentList">
				<xf:contentcheck>
					<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
						<xf:macro template="attachment_macros" name="attachment_list_item"
							arg-attachment="{$attachment}"
							arg-canView="{$canView}" />
					</xf:foreach>
				</xf:contentcheck>
			</ul>
		</section>
	</xf:if>
</xf:macro>


<xf:macro name="signature" arg-user="!">
	<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
		<xf:if contentcheck="true">
			<aside class="message-signature">
			<xf:contentcheck>
				{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
			</xf:contentcheck>
			</aside>
		</xf:if>
	</xf:if>
</xf:macro>

 
 .block--messages .message-userExtras{font-size:11px;color:#32444f}  
  
 .message-innerFirst .User-InfoPost{width:380px;margin:0 auto;padding-top:15px;display:block;float:left}  
 
 


.block--messages .message-cell.message-cell--user{flex:0 0 180px} 

 .block--messages .message-userExtras{         font-size:11px;color:#01445f}  
 
 
 
.message-userExtras dl {
 padding: 5px 8px 5px 25px;
 background-color: #fff;
  margin: 0 0 3px;
    position: relative;
    
    height: 24px;
    border: 1px solid #e4e4e4; 
	 
  	border-right: 5px solid #43859B;
	font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 10px;
font-weight: normal;
         
	 border-bottom: @xf-borderSize #323232 solid;border-radius: 5px; 
	box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);
} 
 
 .message-userExtras dl:nth-child(even){
background:#eaf8ff;
}



.message-userExtras dl i {
 position: absolute;
 top: 0;
left: 0;
 width: 24px;
 height: 24px;
  border-left: 5px solid #43859B;
    color: #2C4255;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    font-weight: lighter;  
	}
	
.pairs.pairs--justified > dt {
    color: #212121;
} 




 
.message-userTitle{ 
  background: #b5be50;
                  color:#323232;
	
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 3px;    
line-height: 1.4;
font-weight: 600;

margin:8px 0 8px; 
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75); 

	border-left: 5px solid #323232; 
		border-right: 5px solid #323232;  
	font-size:13px;	
		
		
}