==============================
12 October, 2017 - Version 1.4
==============================

-------------------------------------------------------------------------------------------
Backup your theme/style folder and files before applying these updates.
-------------------------------------------------------------------------------------------
The best way is to use a compare tool, like: https://sourceforge.net/projects/kdiff3/files/
and use it to compare the 'folders' (the version you're using with the new version)
-------------------------------------------------------------------------------------------
Updating HTML Templates Requires Manual Work.
-------------------------------------------------------------------------------------------


*. WHMCS template updated to be compatible with latest "WHMCS Version 7.3.0"
----------------------------------------------------------------------------

	*. Simply Replace The Following Files:
	--------------------------------------
		-> css/theme/theme.css
		-> css/theme/theme-color-2.css
		-> css/theme/theme-color-3.css
		-> css/theme/theme-color-4.css
		-> css/theme/theme-color-5.css
		-> css/theme/theme-color-6.css
		-> css/theme/theme-color-7.css
		-> css/theme/theme-color-8.css
		-> css/theme/theme-color-9.css
		-> css/theme/theme-color-10.css
		-> css/theme/theme-overrides.css
		-> css/all.css
		-> css/all.min.css
		-> css/invoice.css
		-> css/styles.css
		-> css/help.md (+Add)
		-> error/page-not-found.tpl
		-> includes/captcha.tpl
		-> includes/verifyemail.tpl
		-> includes/linkedaccounts.tpl (+Add)
		-> js/scripts.js
		-> js/scripts.min.js
		-> js/whmcs.js
		-> store/spamexperts/index.tpl
		-> store/ssl/dv.tpl
		-> store/ssl/ev.tpl
		-> store/ssl/index.tpl
		-> store/ssl/ov.tpl
		-> store/ssl/wildcard.tpl
		-> store/weebly/index.tpl
		-> store/weebly/upgrade.tpl
		-> clientareaaddcontact.tpl
		-> clientareacontacts.tpl
		-> clientareacreditcard.tpl
		-> clientareasecurity.tpl
		-> clientregister.tpl
		-> knowledgebasearticle.tpl
		-> login.tpl
		-> twitterfeed.tpl
		-> viewinvoice.tpl

	*. Simply Replace The Following Codes:
	--------------------------------------
		-> header.tpl
			=> Deleted:
			-----------
			Line 186:<section id="header">
			Line 187:    <div class="container">
			Line 188:        <!-- Top Bar -->
			Line 189:        <div id="top-nav">
			Line 190:            <!-- Language -->
			Line 191:            {if $languagechangeenabled && count($locales) > 1}
			Line 192:                <div class="pull-right nav">
			Line 193:                    <a href="#" class="quick-nav" data-toggle="popover" id="languageChooser"><i class="fa fa-language"></i> {$LANG.chooselanguage} <span class="caret"></span></a>
			Line 194:                    <div id="languageChooserContent" class="hidden">
			Line 195:                        <ul>
			Line 196:                            {foreach from=$locales item=locale}
			Line 197:                                <li><a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a></li>
			Line 198:                            {/foreach}
			Line 199:                        </ul>
			Line 200:                    </div>
			Line 201:                </div>
			Line 202:            {/if}
			Line 203:            <!-- Login/Account Notifications -->
			Line 204:            {if $loggedin}
			Line 205:                <div class="pull-right nav">
			Line 206:                    <a href="#" class="quick-nav" data-toggle="popover" id="accountNotifications" data-placement="bottom" title="{lang key="notifications"}"><i class="fa fa-info"></i> {$LANG.notifications} ({$clientAlerts|count})</a>
			Line 207:                    <div id="accountNotificationsContent" class="hidden">
			Line 208:                        {foreach $clientAlerts as $alert}
			Line 209:                            <div class="clientalert text-{$alert->getSeverity()}">{$alert->getMessage()}{if $alert->getLinkText()} <a href="{$alert->getLink()}" class="btn btn-xs btn-{$alert->getSeverity()}">{$alert->getLinkText()}</a>{/if}</div>
			Line 210:                        {foreachelse}
			Line 211:                            <div class="clientalert text-success"><i class="fa fa-check-square-o"></i> {$LANG.notificationsnone}</div>
			Line 212:                        {/foreach}
			Line 213:                    </div>
			Line 214:                </div>
			Line 215:            {else}
			Line 216:                <div class="pull-right nav">
			Line 217:                    <a href="#" class="quick-nav" data-toggle="popover" id="loginOrRegister" data-placement="bottom"><i class="fa fa-user"></i> {$LANG.login}</a>
			Line 218:                    <div id="loginOrRegisterContent" class="hidden">
			Line 219:                        <form action="{if $systemsslurl}{$systemsslurl}{else}{$systemurl}{/if}dologin.php" method="post" role="form">
			Line 220:                            <div class="form-group">
			Line 221:                                <input type="email" name="username" class="form-control" placeholder="{$LANG.clientareaemail}" required />
			Line 222:                            </div>
			Line 223:                            <div class="form-group">
			Line 224:                                <div class="input-group">
			Line 225:                                    <input type="password" name="password" class="form-control" placeholder="{$LANG.loginpassword}" autocomplete="off" required />
			Line 226:                                    <span class="input-group-btn">
			Line 227:                                        <input type="submit" class="btn btn-primary" value="{$LANG.login}" />
			Line 228:                                    </span>
			Line 229:                                </div>
			Line 230:                            </div>
			Line 231:                            <label class="checkbox-inline">
			Line 232:                                <input type="checkbox" name="rememberme" /> {$LANG.loginrememberme} &bull; <a href="{$WEB_ROOT}/pwreset.php">{$LANG.forgotpw}</a>
			Line 233:                            </label>
			Line 234:                        </form>
			Line 235:                        {if $condlinks.allowClientRegistration}
			Line 236:                            <hr />
			Line 237:                            {$LANG.newcustomersignup|sprintf2:"<a href=\"$WEB_ROOT/register.php\">":"</a>"}
			Line 238:                        {/if}
			Line 239:                    </div>
			Line 240:                </div>
			Line 241:            {/if}
			Line 242:            <!-- Shopping Cart -->
			Line 243:            <div class="pull-right nav">
			Line 244:                <a href="{$WEB_ROOT}/cart.php?a=view" class="quick-nav"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs">{$LANG.viewcart} (</span><span id="cartItemCount">{$cartitemcount}</span><span class="hidden-xs">)</span></a>
			Line 245:            </div>
			Line 246:
			Line 247:            {if $adminMasqueradingAsClient}
			Line 248:                <!-- Return to admin link -->
			Line 249:                <div class="alert alert-danger admin-masquerade-notice">
			Line 250:                    {$LANG.adminmasqueradingasclient}<br />
			Line 251:                    <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="alert-link">{$LANG.logoutandreturntoadminarea}</a>
			Line 252:                </div>
			Line 253:            {elseif $adminLoggedIn}
			Line 254:                <!-- Return to admin link -->
			Line 255:                <div class="alert alert-danger admin-masquerade-notice">
			Line 256:                    {$LANG.adminloggedin}<br />
			Line 257:                    <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="alert-link">{$LANG.returntoadminarea}</a>
			Line 258:                </div>
			Line 259:            {/if}
			Line 260:
			Line 261:        </div>
			Line 262:    </div>
			Line 263:</section>
			
			=> Added:
			---------
			Line 186:<section id="header">
			Line 187:    <div class="container">
			Line 188:        <ul class="top-nav">
			Line 189:            {if $languagechangeenabled && count($locales) > 1}
			Line 190:                <li>
			Line 191:                    <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
			Line 192:                        {$activeLocale.localisedName}
			Line 193:                        <b class="caret"></b>
			Line 194:                    </a>
			Line 195:                    <div id="languageChooserContent" class="hidden">
			Line 196:                        <ul>
			Line 197:                            {foreach $locales as $locale}
			Line 198:                                <li>
			Line 199:                                    <a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a>
			Line 200:                                </li>
			Line 201:                            {/foreach}
			Line 202:                        </ul>
			Line 203:                    </div>
			Line 204:                </li>
			Line 205:            {/if}
			Line 206:            {if $loggedin}
			Line 207:                <li>
			Line 208:                    <a href="#" data-toggle="popover" id="accountNotifications" data-placement="bottom">
			Line 209:                        {$LANG.notifications}
			Line 210:                        {if count($clientAlerts) > 0}<span class="label label-info">NEW</span>{/if}
			Line 211:                        <b class="caret"></b>
			Line 212:                    </a>
			Line 213:                    <div id="accountNotificationsContent" class="hidden">
			Line 214:                        <ul class="client-alerts">
			Line 215:                        {foreach $clientAlerts as $alert}
			Line 216:                            <li>
			Line 217:                                <a href="{$alert->getLink()}">
			Line 218:                                    <i class="fa fa-fw fa-{if $alert->getSeverity() == 'danger'}exclamation-circle{elseif $alert->getSeverity() == 'warning'}warning{elseif $alert->getSeverity() == 'info'}info-circle{else}check-circle{/if}"></i>
			Line 219:                                    <div class="message">{$alert->getMessage()}</div>
			Line 220:                                </a>
			Line 221:                            </li>
			Line 222:                        {foreachelse}
			Line 223:                            <li class="none">
			Line 224:                                {$LANG.notificationsnone}
			Line 225:                            </li>
			Line 226:                        {/foreach}
			Line 227:                        </ul>
			Line 228:                    </div>
			Line 229:                </li>
			Line 230:                <li class="primary-action">
			Line 231:                    <a href="{$WEB_ROOT}/logout.php" class="btn">
			Line 232:                        {$LANG.clientareanavlogout}
			Line 233:                    </a>
			Line 234:                </li>
			Line 235:            {else}
			Line 236:                <li>
			Line 237:                    <a href="{$WEB_ROOT}/clientarea.php">{$LANG.login}</a>
			Line 238:                </li>
			Line 239:                {if $condlinks.allowClientRegistration}
			Line 240:                    <li>
			Line 241:                        <a href="{$WEB_ROOT}/register.php">{$LANG.register}</a>
			Line 242:                    </li>
			Line 243:                {/if}
			Line 244:                <li class="primary-action">
			Line 245:                    <a href="{$WEB_ROOT}/cart.php?a=view" class="btn">
			Line 246:                        {$LANG.viewcart}
			Line 247:                    </a>
			Line 248:                </li>
			Line 249:            {/if}
			Line 250:            {if $adminMasqueradingAsClient || $adminLoggedIn}
			Line 251:                <li>
			Line 252:                    <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="btn btn-logged-in-admin" data-toggle="tooltip" data-placement="bottom" title="{if $adminMasqueradingAsClient}{$LANG.adminmasqueradingasclient} {$LANG.logoutandreturntoadminarea}{else}{$LANG.adminloggedin} {$LANG.returntoadminarea}{/if}">
			Line 253:                        <i class="fa fa-sign-out"></i>
			Line 254:                    </a>
			Line 255:                </li>
			Line 256:            {/if}
			Line 257:        </ul>
			Line 258:
			Line 259:    </div>
			Line 260:</section>
		
		-> header.tpl
			=> Deleted:
			-----------
			Line 383:<section id="main-body">
			Line 384:    <div class="container{if $skipMainBodyContainer}-fluid without-padding{/if}">
			Line 385:        <div class="row">
			Line 386:            {if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}
			Line 387:                {if $primarySidebar->hasChildren() && !$skipMainBodyContainer}
			Line 388:                    <div class="col-md-9 pull-md-right">
			Line 389:                        {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
			Line 390:                    </div>
			Line 391:                {/if}
			Line 392:                <div class="col-md-3 pull-md-left sidebar">
			Line 393:                    {include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
			Line 394:                </div>
			Line 395:            {/if}
			Line 396:            <!-- Container for main page display content -->
			Line 397:            <div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}col-md-9 pull-md-right{else}col-xs-12{/if} main-content">
			Line 398:                {if !$primarySidebar->hasChildren() && !$showingLoginPage && !$inShoppingCart && $templatefile != 'homepage' && !$skipMainBodyContainer}
			Line 399:                    {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
			Line 400:                {/if}
			
			=> Added:
			---------
			Line 379:<section id="main-body">
			Line 380:    <div class="container{if $skipMainBodyContainer}-fluid without-padding{/if}">
			Line 381:        <div class="row">
			Line 382:
			Line 383:        {if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}
			Line 384:            {if $primarySidebar->hasChildren() && !$skipMainBodyContainer}
			Line 385:                <div class="col-md-9 pull-md-right">
			Line 386:                    {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
			Line 387:                </div>
			Line 388:            {/if}
			Line 389:            <div class="col-md-3 pull-md-left sidebar">
			Line 390:                {include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
			Line 391:            </div>
			Line 392:        {/if}
			Line 393:        <!-- Container for main page display content -->
			Line 394:        <div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}col-md-9 pull-md-right{else}col-xs-12{/if} main-content">
			Line 395:            {if !$primarySidebar->hasChildren() && !$showingLoginPage && !$inShoppingCart && $templatefile != 'homepage' && !$skipMainBodyContainer}
			Line 396:                {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
			Line 397:            {/if}
		
		-> footer.tpl
			=> Deleted:
			-----------
			Line 1 :            </div><!-- /.main-content -->
			Line 2 :            {if !$inShoppingCart && $secondarySidebar->hasChildren()}
			Line 3 :                <div class="col-md-3 pull-md-left sidebar">
			Line 4 :                    {include file="$template/includes/sidebar.tpl" sidebar=$secondarySidebar}
			Line 5 :                </div>
			Line 6 :            {/if}
			Line 7 :        </div>
			Line 8 :        <div class="clearfix"></div>
			Line 9 :    </div>
			Line 10:</section>
			
			=> Added:
			---------
			Line 1 :                </div><!-- /.main-content -->
			Line 2 :                {if !$inShoppingCart && $secondarySidebar->hasChildren()}
			Line 3 :                    <div class="col-md-3 pull-md-left sidebar">
			Line 4 :                        {include file="$template/includes/sidebar.tpl" sidebar=$secondarySidebar}
			Line 5 :                    </div>
			Line 6 :                {/if}
			Line 7 :            <div class="clearfix"></div>
			Line 8 :        </div>
			Line 9 :    </div>
			Line 10:</section>