background-color: #949eb7;
box-shadow: 0 0 0 2px rgb(255 255 255 / 95%);

<span class="user_online">
{if {$user_online}}
<i title="Online" class="Online fa fa-dot-circle-o" aria-hidden="true"></i>
{else}
<i title="Offline" class="Offline fa fa-dot-circle-o" aria-hidden="true"></i>
{/if}
</span>

{if {$ReplierInfo['bday_year']} != ''}

<div class="writer_info right_text_align">
{$lang['Case']} :
{if {$user_online}}
<img alt="{$lang['Online']}"
src="{$image_path}/icon_user_online.gif" 
title="{$lang['Online']}" />
{else}
<img alt="{$lang['Ofline']}"
src="{$image_path}/icon_user_offline.gif" 
title="{$lang['Ofline']}"/>
{/if}
</div>