<h3>Alert Content </h3>
<div class="alert alert-lagom alert-warning alert-primary alert-dismissible">
    <div class="alert-content">
        <div class="alert-body">
            <h6 class="alert-title">Test Alert Content 1</h6>
            <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        </div>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
        </div>
    </div>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
    <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
        <span class="lm lm-close"></span>
    </button>
</div>
<div class="alert alert-lagom alert-warning alert-primary">
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
    <div class="alert-content">
        <div class="alert-body">
            <h6 class="alert-title">Test Alert Content 1</h6>
            <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        </div>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
</div>
<div class="alert alert-lagom alert-warning alert-primary">
    <div class="alert-content">
        <div class="alert-body">
            <h6 class="alert-title">Test Alert Content 1</h6>
            <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        </div>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
        </div>
    </div>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
</div>
<div class="alert alert-lagom alert-warning alert-primary">
    <div class="alert-content">
        <div class="alert-body">
            <h6 class="alert-title">Test Alert Content 1</h6>
            <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        </div>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
    <span class="alert-icon ls ls-exclamation-circle"></span>
</div>

<h3>Alert Primary </h3>
<div class="alert alert-lagom alert-warning alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 1</h6>
        <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>
<div class="alert alert-lagom alert-success alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 2</h6>
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>

<div class="alert alert-lagom alert-info alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 3</h6>
    </div>
    <div class="alert-actions">   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>
<div class="alert alert-lagom alert-danger alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>

<div class="alert alert-lagom alert-warning alert-primary">
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 1</h6>
       <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
</div>
<div class="alert alert-lagom alert-success alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 2</h6>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
</div>

<div class="alert alert-lagom alert-danger alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
</div>
<div class="alert alert-lagom alert-warning alert-primary">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
    </div>
    <div class="alert-actions">   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>
<div class="alert alert-lagom alert-warning alert-primary">
    <div class="alert-body">
        <p>Please check your email and follow the link to verify your email address.  Please check your email and follow the link to verify your email address.</p>
    </div>
    <div class="alert-actions">
        <a class="btn btn-sm btn-icon" href="/clientarea.php?action=invoices" data-toggle="tooltip" data-title="Pay Now" data-container="body" data-original-title="" title=""><span class="ls ls-wallet"></span></a>
        <a class="btn btn-sm btn-icon" href="/clientarea.php?action=invoices" data-toggle="tooltip" data-title="Pay Now" data-container="body" data-original-title="" title=""><span class="ls ls-wallet"></span></a>   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
</div>
{* ////////////////////////////////////////////////////////////// *}
<h3>Alert Default Lagom </h3>

<div class="alert alert-lagom alert-warning alert-dismissible">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 1</h6>
        Please check your email and follow the link to verify your email address. Please check your email and follow the link to verify your email address. Please check your email and follow the link to verify your email address. Please check your email and follow the link to verify your email address. Please check your email and follow the link to verify your email address.
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
    </div>
    <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
        <span class="lm lm-close"></span>
    </button>
</div>
<div class="alert alert-lagom alert-success">
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 2</h6>
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>
<div class="alert alert-lagom alert-info">
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 3</h6>
    </div>
    <div class="alert-actions">   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
</div>
<div class="alert alert-lagom alert-danger alert-dismissible">
    <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
        <span class="lm lm-close"></span>
    </button>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
    <div class="alert-body">
        Please check your email and follow the link to verify your email address.
    </div>
    <div class="alert-actions">   
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
        <a href="" class="btn btn-primary">
            <i class="btn-icon ls ls-check"></i>
            Test Button
        </a>
    </div>
</div>

<div class="alert alert-lagom alert-warning">
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 1</h6>
        Please check your email and follow the link to verify your email address.
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
    <span class="alert-icon">{include file="$template/includes/common/svg-icon.tpl" icon="protect-user-privacy"} </span>
</div>

<div class="alert alert-lagom alert-success">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        <h6 class="alert-title">Test Alert 2</h6>
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
                <span class="lm lm-close"></span>
            </button>
        </div>
    </div>
</div>

<div class="alert alert-lagom alert-danger alert-dismissible">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        Please check your email and follow the link to verify your email address.
        <div class="alert-actions">   
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
            <a href="" class="btn btn-primary">
                <i class="btn-icon ls ls-check"></i>
                Test Button
            </a>
        </div>
    </div>
    <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
        <span class="lm lm-close"></span>
    </button>
</div>
<div class="alert alert-lagom alert-warning">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        Please check your email and follow the link to verify your email address.
    </div>
    <div class="alert-actions">   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>
<div class="alert alert-lagom alert-warning">
    <span class="alert-icon ls ls-exclamation-circle"></span>
    <div class="alert-body">
        Please check your email and follow the link to verify your email address.
    </div>
    <div class="alert-actions">
        <a class="btn btn-sm btn-icon" href="/clientarea.php?action=invoices" data-toggle="tooltip" data-title="Pay Now" data-container="body" data-original-title="" title=""><span class="ls ls-wallet"></span></a>
        <a class="btn btn-sm btn-icon" href="/clientarea.php?action=invoices" data-toggle="tooltip" data-title="Pay Now" data-container="body" data-original-title="" title=""><span class="ls ls-wallet"></span></a>   
        <button class="btn btn-sm btn-icon" type="button" data-dismiss="alert" data-toggle="tooltip" data-title="{$LANG.supportticketsclose}" aria-label="{$LANG.supportticketsclose}"data-container="body">
            <span class="lm lm-close"></span>
        </button>
    </div>
</div>

<h3>Alert complete.tpl</h3>
<div class="alert alert-warning text-center">
    {$LANG.ordercompletebutnotpaid}
    <br /><br />
    <a href="{$WEB_ROOT}/viewinvoice.php?id={$invoiceid}" target="_blank" class="alert-link">
        {$LANG.invoicenumber}{$invoiceid}
    </a>
</div>
<div class="alert alert-warning alert-primary text-center">
    {$LANG.ordercompletebutnotpaid}
    <br /><br />
    <a href="{$WEB_ROOT}/viewinvoice.php?id={$invoiceid}" target="_blank" class="alert-link">
        {$LANG.invoicenumber}{$invoiceid}
    </a>
</div>
