==============================
14 October, 2017 - Version 2.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/colorhost-colors/theme-color-1.css
		-> css/colorhost-colors/theme-color-2.css
		-> css/colorhost-colors/theme-color-3.css
		-> css/colorhost-colors/theme-color-4.css
		-> css/colorhost-colors/theme-color-5.css
		-> css/colorhost-colors/theme-color-6.css
		-> css/colorhost-colors/theme-color-7.css
		-> css/colorhost-colors/theme-color-8.css
		-> css/colorhost-colors/theme-color-9.css
		-> css/colorhost-colors/theme-color-10.css
		-> css/all.css
		-> css/all.min.css
		-> css/colorhost-theme.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 108:<section id="header">
			Line 109:    <div class="container">
			Line 110:
			Line 111:        <!-- Top Bar -->
			Line 112:        <div id="top-nav">
			Line 113:            <!-- Language -->
			Line 114:            {if $languagechangeenabled && count($locales) > 1}
			Line 115:                <div class="pull-right nav">
			Line 116:                    <a href="#" class="quick-nav" data-toggle="popover" id="languageChooser"><i class="fa fa-language"></i> {$LANG.chooselanguage} <span class="caret"></span></a>
			Line 117:                    <div id="languageChooserContent" class="hidden">
			Line 118:                        <ul>
			Line 119:                            {foreach from=$locales item=locale}
			Line 120:                                <li><a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a></li>
			Line 121:                            {/foreach}
			Line 122:                        </ul>
			Line 123:                    </div>
			Line 124:                </div>
			Line 125:            {/if}
			Line 126:            <!-- Login/Account Notifications -->
			Line 127:            {if $loggedin}
			Line 128:                <div class="pull-right nav">
			Line 129:                    <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 130:                    <div id="accountNotificationsContent" class="hidden">
			Line 131:                        {foreach $clientAlerts as $alert}
			Line 132:                            <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 133:                        {foreachelse}
			Line 134:                            <div class="clientalert text-success"><i class="fa fa-check-square-o"></i> {$LANG.notificationsnone}</div>
			Line 135:                        {/foreach}
			Line 136:                    </div>
			Line 137:                </div>
			Line 138:            {else}
			Line 139:                <div class="pull-right nav">
			Line 140:                    <a href="#" class="quick-nav" data-toggle="popover" id="loginOrRegister" data-placement="bottom"><i class="fa fa-user"></i> {$LANG.login}</a>
			Line 141:                    <div id="loginOrRegisterContent" class="hidden">
			Line 142:                        <form action="{if $systemsslurl}{$systemsslurl}{else}{$systemurl}{/if}dologin.php" method="post" role="form">
			Line 143:                            <div class="form-group">
			Line 144:                                <input type="email" name="username" class="form-control" placeholder="{$LANG.clientareaemail}" required />
			Line 145:                            </div>
			Line 146:                            <div class="form-group">
			Line 147:                                <div class="input-group">
			Line 148:                                    <input type="password" name="password" class="form-control" placeholder="{$LANG.loginpassword}" autocomplete="off" required />
			Line 149:                                    <span class="input-group-btn">
			Line 150:                                        <input type="submit" class="btn btn-primary" value="{$LANG.login}" />
			Line 151:                                    </span>
			Line 152:                                </div>
			Line 153:                            </div>
			Line 154:                            <label class="checkbox-inline">
			Line 155:                                <input type="checkbox" name="rememberme" /> {$LANG.loginrememberme} &bull; <a href="{$WEB_ROOT}/pwreset.php" class="link--hover">{$LANG.forgotpw}</a>
			Line 156:                            </label>
			Line 157:                        </form>
			Line 158:                        {if $condlinks.allowClientRegistration}
			Line 159:                            <hr />
			Line 160:                            {$LANG.newcustomersignup|sprintf2:"<a href=\"$WEB_ROOT/register.php\" class=\"link--hover\">":"</a>"}
			Line 161:                        {/if}
			Line 162:                    </div>
			Line 163:                </div>
			Line 164:            {/if}
			Line 165:            <!-- Shopping Cart -->
			Line 166:            <div class="pull-right nav">
			Line 167:                <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 168:            </div>
			Line 169:
			Line 170:            {if $adminMasqueradingAsClient}
			Line 171:                <!-- Return to admin link -->
			Line 172:                <div class="alert alert-danger admin-masquerade-notice">
			Line 173:                    {$LANG.adminmasqueradingasclient}<br />
			Line 174:                    <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="alert-link">{$LANG.logoutandreturntoadminarea}</a>
			Line 175:                </div>
			Line 176:            {elseif $adminLoggedIn}
			Line 177:                <!-- Return to admin link -->
			Line 178:                <div class="alert alert-danger admin-masquerade-notice">
			Line 179:                    {$LANG.adminloggedin}<br />
			Line 180:                    <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="alert-link">{$LANG.returntoadminarea}</a>
			Line 181:                </div>
			Line 182:            {/if}
			Line 183:
			Line 184:        </div>
			Line 185:
			Line 186:    </div>
			Line 187:</section>
			
			=> Added:
			---------
			Line 108:<section id="header">
			Line 109:    <div class="container">
			Line 110:
			Line 111:        <ul class="top-nav">
			Line 112:            {if $languagechangeenabled && count($locales) > 1}
			Line 113:                <li>
			Line 114:                    <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
			Line 115:                        {$activeLocale.localisedName}
			Line 116:                        <b class="caret"></b>
			Line 117:                    </a>
			Line 118:                    <div id="languageChooserContent" class="hidden">
			Line 119:                        <ul>
			Line 120:                            {foreach $locales as $locale}
			Line 121:                                <li>
			Line 122:                                    <a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a>
			Line 123:                                </li>
			Line 124:                            {/foreach}
			Line 125:                        </ul>
			Line 126:                    </div>
			Line 127:                </li>
			Line 128:            {/if}
			Line 129:            {if $loggedin}
			Line 130:                <li>
			Line 131:                    <a href="#" data-toggle="popover" id="accountNotifications" data-placement="bottom">
			Line 132:                        {$LANG.notifications}
			Line 133:                        {if count($clientAlerts) > 0}<span class="label label-info">NEW</span>{/if}
			Line 134:                        <b class="caret"></b>
			Line 135:                    </a>
			Line 136:                    <div id="accountNotificationsContent" class="hidden">
			Line 137:                        <ul class="client-alerts">
			Line 138:                        {foreach $clientAlerts as $alert}
			Line 139:                            <li>
			Line 140:                                <a href="{$alert->getLink()}">
			Line 141:                                    <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 142:                                    <div class="message">{$alert->getMessage()}</div>
			Line 143:                                </a>
			Line 144:                            </li>
			Line 145:                        {foreachelse}
			Line 146:                            <li class="none">
			Line 147:                                {$LANG.notificationsnone}
			Line 148:                            </li>
			Line 149:                        {/foreach}
			Line 150:                        </ul>
			Line 151:                    </div>
			Line 152:                </li>
			Line 153:                <li class="primary-action">
			Line 154:                    <a href="{$WEB_ROOT}/logout.php" class="btn">
			Line 155:                        {$LANG.clientareanavlogout}
			Line 156:                    </a>
			Line 157:                </li>
			Line 158:            {else}
			Line 159:                <li>
			Line 160:                    <a href="{$WEB_ROOT}/clientarea.php">{$LANG.login}</a>
			Line 161:                </li>
			Line 162:                {if $condlinks.allowClientRegistration}
			Line 163:                    <li>
			Line 164:                        <a href="{$WEB_ROOT}/register.php">{$LANG.register}</a>
			Line 165:                    </li>
			Line 166:                {/if}
			Line 167:                <li class="primary-action">
			Line 168:                    <a href="{$WEB_ROOT}/cart.php?a=view" class="btn">
			Line 169:                        {$LANG.viewcart}
			Line 170:                    </a>
			Line 171:                </li>
			Line 172:            {/if}
			Line 173:            {if $adminMasqueradingAsClient || $adminLoggedIn}
			Line 174:                <li>
			Line 175:                    <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 176:                        <i class="fa fa-sign-out"></i>
			Line 177:                    </a>
			Line 178:                </li>
			Line 179:            {/if}
			Line 180:        </ul>
			Line 181:
			Line 182:    </div>
			Line 183:</section>
		
		-> 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>