{*
* 2017-2019 Zemez
*
* JX Mega Menu
*
* NOTICE OF LICENSE
*
* This source file is subject to the General Public License (GPL 2.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/GPL-2.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade the module to newer
* versions in the future.
*
* @author     Zemez (Alexander Grosul)
* @copyright  2017-2019 Zemez
* @license    http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
*}

<form method="post" action="" enctype="multipart/form-data" class="defaultForm form-horizontal">
  <div class="panel jxmegamenu">
    <div class="panel-heading">
      {if isset($item) && $item}{l s='Update item' mod='jxmegamenu'}{else}{l s='Add new item' mod='jxmegamenu'}{/if}
    </div>
    <div class="form-wrapper">
      <div class="form-group">
        <label class="control-label col-lg-3 text-right required"> {l s='Enter item name' mod='jxmegamenu'}</label>
        {foreach from=$languages item=language}
          {assign var='title_text' value="title_{$language.id_lang|escape:'htmlall':'UTF-8'}"}
          <div class="translatable-field lang-{$language.id_lang|escape:'htmlall':'UTF-8'}">
            <div class="col-lg-2">
              <input type="text" id="name_{$language.id_lang|escape:'htmlall':'UTF-8'}" class="tagify CurrentText" name="name_{$language.id_lang|escape:'htmlall':'UTF-8'}" value="{if isset($item) && $item && isset($item.$title_text)}{$item.$title_text|escape:'htmlall':'UTF-8'}{/if}"/>
            </div>
            <div class="col-lg-1">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                {$language.iso_code|escape:'htmlall':'UTF-8'}
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu">
                {foreach from=$languages item=language}
                  <li>
                    <a href="javascript:hideOtherLanguage({$language.id_lang|escape:'htmlall':'UTF-8'});">{$language.name|escape:'htmlall':'UTF-8'}</a>
                  </li>
                {/foreach}
              </ul>
            </div>
          </div>
        {/foreach}
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">{l s='Active' mod='jxmegamenu'}</label>
        <div class="col-lg-9">
          <span class="switch prestashop-switch fixed-width-lg">
              <input type="radio" name="addnewactive" id="addnewactive_on" value="1" {if isset($item) && $item && $item.active == 1}checked="checked"{/if}>
              <label for="addnewactive_on" class="radioCheck">
                <i class="color_success"></i> {l s='Yes' mod='jxmegamenu'}
              </label>
              <input type="radio" name="addnewactive" id="addnewactive_off" value="0" {if isset($item) && $item}{if $item.active == 0}checked="checked" {/if}{else}checked="checked"{/if}>
              <label for="addnewactive_off" class="radioCheck">
                <i class="color_danger"></i> {l s='No' mod='jxmegamenu'}
              </label>
              <a class="slide-button btn"></a>
          </span>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-lg-3 text-right">{l s='Link' mod='jxmegamenu'}</label>
        <div class="col-lg-2">
          <select id="jxmegamenu_url_type" name="tab_url_type">
            <option value="1" {if isset($item) && $item && $item.is_custom_url}selected="selected"{/if}>Url</option>
            <option value="0" {if isset($item) && $item && !$item.is_custom_url}selected="selected"{/if}>Existing Url
            </option>
          </select>
        </div>
      </div>
      <div class="form-group jxmegamenu_url_text">
        <label class="control-label col-lg-3 text-right"></label>

        {if isset($item) && $item}
          {assign var='url_num' value="url_{$default_language.id_lang|escape:'htmlall':'UTF-8'}"}
          {if $item.$url_num}
            {assign var='active' value=$item.$url_num}
          {else}
            {assign var='active' value=''}
          {/if}
        {else}
          {assign var='active' value=''}
        {/if}
        <div class="jxmegamenu-fields-url" style="display:none;">
          {foreach from=$languages item=language}
            {if isset($item) && $item}
              {assign var='url_text' value="url_{$language.id_lang|escape:'htmlall':'UTF-8'}"}
            {/if}
            <div class="translatable-field lang-{$language.id_lang|escape:'htmlall':'UTF-8'}">
              <div class="col-lg-2">
                <input type="text" id="url_{$language.id_lang|escape:'htmlall':'UTF-8'}" class="tagify CurrentText" name="tab_url_{$language.id_lang|escape:'htmlall':'UTF-8'}" placeholder="{l s='Custom Url' mod='jxmegamenu'}" value="{if isset($item) && $item && $item.is_custom_url && isset($item.$url_text)}{$item.$url_text|escape:'htmlall':'UTF-8'}{/if}"/>
              </div>
              <div class="col-lg-1">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  {$language.iso_code|escape:'htmlall':'UTF-8'}
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                  {foreach from=$languages item=language}
                    <li>
                      <a href="javascript:hideOtherLanguage({$language.id_lang|escape:'htmlall':'UTF-8'});">{$language.name|escape:'htmlall':'UTF-8'}</a>
                    </li>
                  {/foreach}
                </ul>
              </div>
            </div>
          {/foreach}
        </div>
        <div class="col-lg-2">
          <select name="tab_url" style="display:none;">
            <option disabled="disabled">{l s='Categories' mod='jxmegamenu'}</option>
            {foreach from=$categTree.children item=child name=categTree}
              {include file="$branche_tpl_path" node=$child active=$active}
            {/foreach}
            <option disabled="disabled">{l s='Cms Categories' mod='jxmegamenu'}</option>
            {foreach from=$cmsCatTree item=child name=categTree}
              {include file="$branche_tpl_path" node=$child active=$active}
            {/foreach}
            {if isset($blogCatTree) && $blogCatTree}
              <option disabled="disabled">{l s='Blog Categories' mod='jxmegamenu'}</option>
              {foreach from=$blogCatTree item=child name=categTree}
                {include file="$branche_tpl_path" node=$child active=$active}
              {/foreach}
            {/if}
          </select>
        </div>
      </div>
      <div class="selector item-field form-group">
        <label class="control-label col-lg-3">{l s='Sort order' mod='jxmegamenu'}</label>
        <div class="col-lg-1">
          <input type="text" name="sort_order" value="{if isset($item) && $item}{$item.sort_order|escape:'htmlall':'UTF-8'}{/if}">
        </div>
      </div>
      <div class="item-field form-group">
        <label class="control-label col-lg-3">{l s='Specific class' mod='jxmegamenu'}</label>
        <div class="col-lg-2">
          <input type="text" name="specific_class" value="{if isset($item) && $item}{$item.specific_class|escape:'htmlall':'UTF-8'}{/if}">
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-lg-3 text-right"> {l s='Enter item badge' mod='jxmegamenu'}</label>
        {foreach from=$languages item=language}
          {if isset($item) && $item}
            {assign var='badge_text' value="badge_{$language.id_lang|escape:'htmlall':'UTF-8'}"}
          {/if}
          <div class="translatable-field lang-{$language.id_lang|escape:'htmlall':'UTF-8'}">
            <div class="col-lg-2">
              <input type="text" id="badge_{$language.id_lang|escape:'htmlall':'UTF-8'}" class="tagify CurrentText" name="badge_{$language.id_lang|escape:'htmlall':'UTF-8'}" value="{if isset($item) && $item && isset($item.$badge_text)}{$item.$badge_text|escape:'htmlall':'UTF-8'}{/if}"/>
            </div>
            <div class="col-lg-1">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                {$language.iso_code|escape:'htmlall':'UTF-8'}
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu">
                {foreach from=$languages item=language}
                  <li>
                    <a href="javascript:hideOtherLanguage({$language.id_lang|escape:'htmlall':'UTF-8'});">{$language.name|escape:'htmlall':'UTF-8'}</a>
                  </li>
                {/foreach}
              </ul>
            </div>
          </div>
        {/foreach}
      </div>
      <div id="is_mega_menu" class="form-group">
        <label class="col-lg-3 control-label">{l s='It is Mega Menu' mod='jxmegamenu'}</label>
        <div class="col-lg-9">
          <span class="switch prestashop-switch fixed-width-lg">
              <input type="radio" name="addnewmega" id="addnewmega_on" value="1" {if isset($item) && $item && $item.is_mega}checked="checked"{/if}>
              <label for="addnewmega_on" class="radioCheck">
                <i class="color_success"></i> {l s='Yes' mod='jxmegamenu'}
              </label>
              <input type="radio" name="addnewmega" id="addnewmega_off" value="0" {if isset($item) && $item}{if !$item.is_mega}checked="checked" {/if}{else}checked="checked"{/if}>
              <label for="addnewmega_off" class="radioCheck">
                <i class="color_danger"></i> {l s='No' mod='jxmegamenu'}
              </label>
              <a class="slide-button btn"></a>
          </span>
        </div>
      </div>
      <div id="is_simple_menu" class="form-group">
        <label class="col-lg-3 control-label">{l s='Use simple menu' mod='jxmegamenu'}</label>
        <div class="col-lg-9">
        <span class="switch prestashop-switch fixed-width-lg">
            <input type="radio" name="issimplemenu" id="issimplemenu_on" value="1" {if isset($item) && $item && $item.is_simple}checked="checked"{/if}>
            <label for="issimplemenu_on" class="radioCheck">
              <i class="color_success"></i> {l s='Yes' mod='jxmegamenu'}
            </label>
            <input type="radio" name="issimplemenu" id="issimplemenu_off" value="0" {if isset($item) && $item}{if !$item.is_simple}checked="checked" {/if}{else}checked="checked"{/if}>
            <label for="issimplemenu_off" class="radioCheck">
              <i class="color_danger"></i> {l s='No' mod='jxmegamenu'}
            </label>
            <a class="slide-button btn"></a>
        </span>
        </div>
      </div>
      <div class="simple_menu">
        <div class="form-group">
          <label class="control-label col-lg-3"> </label>
          <div class="col-lg-9">
            <div class="row">
              <div class="col-lg-4">
                <h4>{l s='Available items' mod='jxmegamenu'}</h4>
                <div class="form-group">
                  {$option_select}
                </div>
                <button id="addItem" class="btn btn-default">{l s='Add' mod='jxmegamenu'} -></button>
              </div>
              <div class="col-lg-1 order-buttons">
                <button id="menuOrderUp" class="btn btn-default btn-block">{l s='Up' mod='jxmegamenu'}</button>
                <button id="menuOrderDown" class="btn btn-default btn-block">{l s='Down' mod='jxmegamenu'}</button>
              </div>
              <div class="col-lg-4">
                <h4>{l s='Selected items' mod='jxmegamenu'}</h4>
                <div class="form-group">
                  {$option_selected}
                </div>
                <button id="removeItem" class="btn btn-default"><- {l s='Remove' mod='jxmegamenu'}</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mega_menu">
        {if !isset($item)}
          <p class="alert alert-info text-left">{l s='Auto save will be available after item\'s first saving.' mod='jxmegamenu'}</p>{/if}
        <div id="megamenu-content">
          {if isset($megamenu) && $megamenu}{$megamenu}{/if}
        </div>
        <a class="btn btn-sm btn-default" id="add-megamenu-row" href="#" onclick="return false;">{l s='Add row' mod='jxmegamenu'}</a>
        <input type="hidden" value="" name="megamenu_options"/>
      </div>
      <input type="hidden" name="id_tab" value="{if isset($item) && $item}{$item.id_item|escape:'htmlall':'UTF-8'}{/if}"/>
      <input type="hidden" name="id_item" value="{if isset($item) && $item}{$item.id_item|escape:'htmlall':'UTF-8'}{/if}"/>
      <input type="hidden" name="unique_code" value="{if isset($item) && $item && $item.unique_code}{$item.unique_code|escape:'htmlall':'UTF-8'}{/if}"/>
      <input type="hidden" name="cssname" value="{if isset($item) && $item && $item.unique_code}{$item.unique_code|escape:'htmlall':'UTF-8'}{/if}"/>
      <input type="hidden" name="hookname" value="{$currentHook|escape:'html':'UTF-8'}_menu"/>
    </div>
    <div class="panel-footer">
      <button type="submit" name="updateItem" class="button-new-item-save btn btn-default pull-right">
        <i class="process-icon-save"></i> {l s='Save' mod='jxmegamenu'}</button>
      <button type="submit" name="updateItemStay" class="button-new-item-save-stay btn btn-default pull-right">
        <i class="process-icon-save"></i> {l s='Save & Stay' mod='jxmegamenu'}</button>
      <button type="button" class="btn pull-right btn-primary" data-toggle="modal" data-target="#myModal">
        <i class="process-icon-edit"></i> {l s='Edit styles' mod='jxmegamenu'}</button>
      <a class="btn btn-default" href="{$url_enable|escape:'htmlall':'UTF-8'}">
        <i class="process-icon-cancel"></i>
        {l s='Cancel' mod='jxmegamenu'}
      </a>
    </div>
  </div>
</form>
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">{l s='Item Styles' mod='jxmegamenu'}</h4>
      </div>
      <div class="modal-body">
        {if isset($item) && $item && $item.unique_code}
          <div class="form-wrapper">
            <form id="jxmegamenu-style" class="form-horizontal" action="" method="post">
              <fieldset>
                <h4>{l s='Top level element' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper opened">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.color) && $top_level_menu_li.color}{$top_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.background_color) && $top_level_menu_li.background_color}{$top_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_top_color) && $top_level_menu_li.border_top_color}{$top_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_right_color) && $top_level_menu_li.border_right_color}{$top_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_bottom_color) && $top_level_menu_li.border_bottom_color}{$top_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_left_color) && $top_level_menu_li.border_left_color}{$top_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li.border_top_width) && $top_level_menu_li.border_top_width}{$top_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li.border_right_width) && $top_level_menu_li.border_right_width}{$top_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li.border_bottom_width) && $top_level_menu_li.border_bottom_width}{$top_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li.border_left_width) && $top_level_menu_li.border_left_width}{$top_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li.border_top_right_radius) && $top_level_menu_li.border_top_right_radius}{$top_level_menu_li.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li.border_bottom_right_radius) && $top_level_menu_li.border_bottom_right_radius}{$top_level_menu_li.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li.border_bottom_left_radius) && $top_level_menu_li.border_bottom_left_radius}{$top_level_menu_li.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li.border_top_left_radius) && $top_level_menu_li.border_top_left_radius}{$top_level_menu_li.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-6">
                          <input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_menu_li.box_shadow) && $top_level_menu_li.box_shadow}{$top_level_menu_li.box_shadow|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='example' mod='jxmegamenu'}: 0px 0px 0px 0px
                            rgba(0,0,0,0.75)</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Top level element' mod='jxmegamenu'} <span>{l s='(hover & active)' mod='jxmegamenu'}</span>
                </h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.color) && $top_level_menu_li_hover.color}{$top_level_menu_li_hover.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.background_color) && $top_level_menu_li_hover.background_color}{$top_level_menu_li_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_top_color) && $top_level_menu_li_hover.border_top_color}{$top_level_menu_li_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_right_color) && $top_level_menu_li_hover.border_right_color}{$top_level_menu_li_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_bottom_color) && $top_level_menu_li_hover.border_bottom_color}{$top_level_menu_li_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_left_color) && $top_level_menu_li_hover.border_left_color}{$top_level_menu_li_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_hover.border_top_width) && $top_level_menu_li_hover.border_top_width}{$top_level_menu_li_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_hover.border_right_width) && $top_level_menu_li_hover.border_right_width}{$top_level_menu_li_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_hover.border_bottom_width) && $top_level_menu_li_hover.border_bottom_width}{$top_level_menu_li_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_hover.border_left_width) && $top_level_menu_li_hover.border_left_width}{$top_level_menu_li_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li_hover.border_top_right_radius) && $top_level_menu_li_hover.border_top_right_radius}{$top_level_menu_li_hover.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li_hover.border_bottom_right_radius) && $top_level_menu_li_hover.border_bottom_right_radius}{$top_level_menu_li_hover.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li_hover.border_bottom_left_radius) && $top_level_menu_li_hover.border_bottom_left_radius}{$top_level_menu_li_hover.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li_hover.border_top_left_radius) && $top_level_menu_li_hover.border_top_left_radius}{$top_level_menu_li_hover.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-6">
                          <input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_menu_li_hover.box_shadow) && $top_level_menu_li_hover.box_shadow}{$top_level_menu_li_hover.box_shadow|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='example' mod='jxmegamenu'}: 0px 0px 0px 0px
                            rgba(0,0,0,0.75)</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li:hover"/>
                  <input type="hidden" class="classes" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li.sfHover, .{$item.unique_code|escape:'html':'UTF-8'}.jxmegamenu_item.top-level-menu-li.sfHoverForce"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Top level badge' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.color) && $top_level_badge.color}{$top_level_badge.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.background_color) && $top_level_badge.background_color}{$top_level_badge.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_top_color) && $top_level_badge.border_top_color}{$top_level_badge.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_right_color) && $top_level_badge.border_right_color}{$top_level_badge.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_bottom_color) && $top_level_badge.border_bottom_color}{$top_level_badge.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_left_color) && $top_level_badge.border_left_color}{$top_level_badge.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_badge.border_top_width) && $top_level_badge.border_top_width}{$top_level_badge.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_badge.border_right_width) && $top_level_badge.border_right_width}{$top_level_badge.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_badge.border_bottom_width) && $top_level_badge.border_bottom_width}{$top_level_badge.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_badge.border_left_width) && $top_level_badge.border_left_width}{$top_level_badge.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_badge.border_top_right_radius) && $top_level_badge.border_top_right_radius}{$top_level_badge.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_badge.border_bottom_right_radius) && $top_level_badge.border_bottom_right_radius}{$top_level_badge.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_badge.border_bottom_left_radius) && $top_level_badge.border_bottom_left_radius}{$top_level_badge.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_badge.border_top_left_radius) && $top_level_badge.border_top_left_radius}{$top_level_badge.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-6">
                          <input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_badge.box_shadow) && $top_level_badge.box_shadow}{$top_level_badge.box_shadow|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='example' mod='jxmegamenu'}: 0px 0px 0px 0px
                            rgba(0,0,0,0.75)</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-badge"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Top level element link' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.color) && $top_level_menu_li_a.color}{$top_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.background_color) && $top_level_menu_li_a.background_color}{$top_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_top_color) && $top_level_menu_li_a.border_top_color}{$top_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_right_color) && $top_level_menu_li_a.border_right_color}{$top_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_bottom_color) && $top_level_menu_li_a.border_bottom_color}{$top_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_left_color) && $top_level_menu_li_a.border_left_color}{$top_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_a.border_top_width) && $top_level_menu_li_a.border_top_width}{$top_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_a.border_right_width) && $top_level_menu_li_a.border_right_width}{$top_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_a.border_bottom_width) && $top_level_menu_li_a.border_bottom_width}{$top_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_a.border_left_width) && $top_level_menu_li_a.border_left_width}{$top_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li_a.border_top_right_radius) && $top_level_menu_li_a.border_top_right_radius}{$top_level_menu_li_a.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li_a.border_bottom_right_radius) && $top_level_menu_li_a.border_bottom_right_radius}{$top_level_menu_li_a.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li_a.border_bottom_left_radius) && $top_level_menu_li_a.border_bottom_left_radius}{$top_level_menu_li_a.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li_a.border_top_left_radius) && $top_level_menu_li_a.border_top_left_radius}{$top_level_menu_li_a.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li-a"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Top level element link' mod='jxmegamenu'}
                  <span>{l s='(hover & active)' mod='jxmegamenu'}</span></h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.color) && $top_level_menu_li_a_hover.color}{$top_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.background_color) && $top_level_menu_li_a_hover.background_color}{$top_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_top_color) && $top_level_menu_li_a_hover.border_top_color}{$top_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_right_color) && $top_level_menu_li_a_hover.border_right_color}{$top_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_bottom_color) && $top_level_menu_li_a_hover.border_bottom_color}{$top_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_left_color) && $top_level_menu_li_a_hover.border_left_color}{$top_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_a_hover.border_top_width) && $top_level_menu_li_a_hover.border_top_width}{$top_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_a_hover.border_right_width) && $top_level_menu_li_a_hover.border_right_width}{$top_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_a_hover.border_bottom_width) && $top_level_menu_li_a_hover.border_bottom_width}{$top_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_a_hover.border_left_width) && $top_level_menu_li_a_hover.border_left_width}{$top_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li_a_hover.border_top_right_radius) && $top_level_menu_li_a_hover.border_top_right_radius}{$top_level_menu_li_a_hover.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li_a_hover.border_bottom_right_radius) && $top_level_menu_li_a_hover.border_bottom_right_radius}{$top_level_menu_li_a_hover.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li_a_hover.border_bottom_left_radius) && $top_level_menu_li_a_hover.border_bottom_left_radius}{$top_level_menu_li_a_hover.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li_a_hover.border_top_left_radius) && $top_level_menu_li_a_hover.border_top_left_radius}{$top_level_menu_li_a_hover.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li-a:hover"/>
                  <input type="hidden" class="classes" value="{$item.unique_code|escape:'html':'UTF-8'}.top-level-menu-li.sfHover > a, .{$item.unique_code|escape:'html':'UTF-8'}.jxmegamenu_item.top-level-menu-li.sfHoverForce > a"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='First level' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.color) && $first_level_menu.color}{$first_level_menu.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.background_color) && $first_level_menu.background_color}{$first_level_menu.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-10">
                          <div class="row">
                            <div class="input-group">
                              <input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="flmbgimg" value="{if isset($first_level_menu.background_image) && $first_level_menu.background_image}{$first_level_menu.background_image|escape:'html':'UTF-8'}{/if}"/>
                              <span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
                              <span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
                              <span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="flmbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="background-repeat">
                            <option></option>
                            <option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="background-position">
                            <option></option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_top_color) && $first_level_menu.border_top_color}{$first_level_menu.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_right_color) && $first_level_menu.border_right_color}{$first_level_menu.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_bottom_color) && $first_level_menu.border_bottom_color}{$first_level_menu.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_left_color) && $first_level_menu.border_left_color}{$first_level_menu.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu.border_top_width) && $first_level_menu.border_top_width !=''}{$first_level_menu.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu.border_right_width) && $first_level_menu.border_right_width  !=''}{$first_level_menu.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu.border_bottom_width) && $first_level_menu.border_bottom_width !=''}{$first_level_menu.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu.border_left_width) && $first_level_menu.border_left_width !=''}{$first_level_menu.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($first_level_menu.border_top_right_radius) && $first_level_menu.border_top_right_radius !=''}{$first_level_menu.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($first_level_menu.border_bottom_right_radius) && $first_level_menu.border_bottom_right_radius !=''}{$first_level_menu.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($first_level_menu.border_bottom_left_radius) && $first_level_menu.border_bottom_left_radius !=''}{$first_level_menu.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($first_level_menu.border_top_left_radius) && $first_level_menu.border_top_left_radius !=''}{$first_level_menu.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-6">
                          <input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($first_level_menu.box_shadow) && $first_level_menu.box_shadow}{$first_level_menu.box_shadow|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
                            rgba(0,0,0,0.75)</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.first-level-menu"/>
                  <input type="hidden" class="classes" value="top_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu, .jxmegamenu_item.top_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu ul, .jxmegamenu_item.column_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu, .jxmegamenu_item.column_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu ul"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='First level element' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.color) && $first_level_menu_li.color}{$first_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.background_color) && $first_level_menu_li.background_color}{$first_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_top_color) && $first_level_menu_li.border_top_color}{$first_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_right_color) && $first_level_menu_li.border_right_color}{$first_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_bottom_color) && $first_level_menu_li.border_bottom_color}{$first_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_left_color) && $first_level_menu_li.border_left_color}{$first_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li.border_top_width) && $first_level_menu_li.border_top_width !=''}{$first_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li.border_right_width) && $first_level_menu_li.border_right_width  !=''}{$first_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li.border_bottom_width) && $first_level_menu_li.border_bottom_width !=''}{$first_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li.border_left_width) && $first_level_menu_li.border_left_width !=''}{$first_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.first-level-menu-li"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='First level element link' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.color) && $first_level_menu_li_a.color}{$first_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.background_color) && $first_level_menu_li_a.background_color}{$first_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_top_color) && $first_level_menu_li_a.border_top_color}{$first_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_right_color) && $first_level_menu_li_a.border_right_color}{$first_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_bottom_color) && $first_level_menu_li_a.border_bottom_color}{$first_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_left_color) && $first_level_menu_li_a.border_left_color}{$first_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li_a.border_top_width) && $first_level_menu_li_a.border_top_width !=''}{$first_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li_a.border_right_width) && $first_level_menu_li_a.border_right_width  !=''}{$first_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li_a.border_bottom_width) && $first_level_menu_li_a.border_bottom_width !=''}{$first_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li_a.border_left_width) && $first_level_menu_li_a.border_left_width !=''}{$first_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.first-level-menu-li-a"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li a"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='First level element link' mod='jxmegamenu'}
                  <span>{l s='(hover & active)' mod='jxmegamenu'}</span></h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.color) && $first_level_menu_li_a_hover.color}{$first_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.background_color) && $first_level_menu_li_a_hover.background_color}{$first_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_top_color) && $first_level_menu_li_a_hover.border_top_color}{$first_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_right_color) && $first_level_menu_li_a_hover.border_right_color}{$first_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_bottom_color) && $first_level_menu_li_a_hover.border_bottom_color}{$first_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_left_color) && $first_level_menu_li_a_hover.border_left_color}{$first_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li_a_hover.border_top_width) && $first_level_menu_li_a_hover.border_top_width !=''}{$first_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li_a_hover.border_right_width) && $first_level_menu_li_a_hover.border_right_width  !=''}{$first_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li_a_hover.border_bottom_width) && $first_level_menu_li_a_hover.border_bottom_width !=''}{$first_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li_a_hover.border_left_width) && $first_level_menu_li_a_hover.border_left_width !=''}{$first_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.first-level-menu-li-a:hover"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li.sfHover > a, .jxmegamenu_item.top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li:hover > a, .jxmegamenu_item.top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li.sfHoverForce > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li.sfHover > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li:hover > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li.sfHoverForce > a"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Next level' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.color) && $next_level_menu.color}{$next_level_menu.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.background_color) && $next_level_menu.background_color}{$next_level_menu.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-10">
                          <div class="row">
                            <div class="input-group">
                              <input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="nlmbgimg" value="{if isset($next_level_menu.background_image) && $next_level_menu.background_image}{$next_level_menu.background_image|escape:'html':'UTF-8'}{/if}"/>
                              <span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
                              <span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
                              <span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="nlmbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="background-repeat">
                            <option></option>
                            <option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="background-position">
                            <option></option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_top_color) && $next_level_menu.border_top_color}{$next_level_menu.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_right_color) && $next_level_menu.border_right_color}{$next_level_menu.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_bottom_color) && $next_level_menu.border_bottom_color}{$next_level_menu.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_left_color) && $next_level_menu.border_left_color}{$next_level_menu.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu.border_top_width) && $next_level_menu.border_top_width !=''}{$next_level_menu.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu.border_right_width) && $next_level_menu.border_right_width  !=''}{$next_level_menu.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu.border_bottom_width) && $next_level_menu.border_bottom_width !=''}{$next_level_menu.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu.border_left_width) && $next_level_menu.border_left_width !=''}{$next_level_menu.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($next_level_menu.border_top_right_radius) && $next_level_menu.border_top_right_radius !=''}{$next_level_menu.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($next_level_menu.border_bottom_right_radius) && $next_level_menu.border_bottom_right_radius !=''}{$next_level_menu.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($next_level_menu.border_bottom_left_radius) && $next_level_menu.border_bottom_left_radius !=''}{$next_level_menu.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($next_level_menu.border_top_left_radius) && $next_level_menu.border_top_left_radius !=''}{$next_level_menu.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-6">
                          <input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($next_level_menu.box_shadow) && $next_level_menu.box_shadow}{$next_level_menu.box_shadow|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
                            rgba(0,0,0,0.75)</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.next-level-menu"/>
                  <input type="hidden" class="classes" value="top_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu ul, .jxmegamenu_item.column_menu > ul > li.{$item.unique_code|escape:'html':'UTF-8'} ul.is-simplemenu ul"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Next level element' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.color) && $next_level_menu_li.color}{$next_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.background_color) && $next_level_menu_li.background_color}{$next_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_top_color) && $next_level_menu_li.border_top_color}{$next_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_right_color) && $next_level_menu_li.border_right_color}{$next_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_bottom_color) && $next_level_menu_li.border_bottom_color}{$next_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_left_color) && $next_level_menu_li.border_left_color}{$next_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li.border_top_width) && $next_level_menu_li.border_top_width !=''}{$next_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li.border_right_width) && $next_level_menu_li.border_right_width  !=''}{$next_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li.border_bottom_width) && $next_level_menu_li.border_bottom_width !=''}{$next_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li.border_left_width) && $next_level_menu_li.border_left_width !=''}{$next_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.next-level-menu-li"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Next level element link' mod='jxmegamenu'}</h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.color) && $next_level_menu_li_a.color}{$next_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.background_color) && $next_level_menu_li_a.background_color}{$next_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_top_color) && $next_level_menu_li_a.border_top_color}{$next_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_right_color) && $next_level_menu_li_a.border_right_color}{$next_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_bottom_color) && $next_level_menu_li_a.border_bottom_color}{$next_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_left_color) && $next_level_menu_li_a.border_left_color}{$next_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li_a.border_top_width) && $next_level_menu_li_a.border_top_width !=''}{$next_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li_a.border_right_width) && $next_level_menu_li_a.border_right_width  !=''}{$next_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li_a.border_bottom_width) && $next_level_menu_li_a.border_bottom_width !=''}{$next_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li_a.border_left_width) && $next_level_menu_li_a.border_left_width !=''}{$next_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.next-level-menu-li-a"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li a"/>
                </div>
              </fieldset>
              <fieldset>
                <h4>{l s='Next level element link' mod='jxmegamenu'}
                  <span>{l s='(hover & active)' mod='jxmegamenu'}</span></h4>
                <div class="fieldset-content-wrapper closed">
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.color) && $next_level_menu_li_a_hover.color}{$next_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group">
                        <div class="col-lg-4">
                          <div class="row">
                            <div class="input-group">
                              <input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.background_color) && $next_level_menu_li_a_hover.background_color}{$next_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_top_color) && $next_level_menu_li_a_hover.border_top_color}{$next_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_right_color) && $next_level_menu_li_a_hover.border_right_color}{$next_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_bottom_color) && $next_level_menu_li_a_hover.border_bottom_color}{$next_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <div class="input-group">
                            <input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_left_color) && $next_level_menu_li_a_hover.border_left_color}{$next_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
                          </div>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <select name="border-top-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-right-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-bottom-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <select name="border-left-style">
                            <option></option>
                            <option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
                            <option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
                          </select>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
                    <div class="col-lg-10">
                      <div class="form-group no-indent">
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li_a_hover.border_top_width) && $next_level_menu_li_a_hover.border_top_width !=''}{$next_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li_a_hover.border_right_width) && $next_level_menu_li_a_hover.border_right_width  !=''}{$next_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li_a_hover.border_bottom_width) && $next_level_menu_li_a_hover.border_bottom_width !=''}{$next_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
                        </div>
                        <div class="col-lg-3">
                          <input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li_a_hover.border_left_width) && $next_level_menu_li_a_hover.border_left_width !=''}{$next_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
                          <p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="mainclass" value="{$item.unique_code|escape:'html':'UTF-8'}.next-level-menu-li-a:hover"/>
                  <input type="hidden" class="classes" value="top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li.sfHover > a, .jxmegamenu_item.top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li:hover > a, .jxmegamenu_item.top_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li.sfHoverForce > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li.sfHover > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li:hover > a, .jxmegamenu_item.column_menu li.{$item.unique_code|escape:'html':'UTF-8'} li li.sfHoverForce > a"/>
                </div>
              </fieldset>
            </form>
          </div>
        {else}
          <p class="alert alert-warning">{l s='You should save this item before styles changing' mod='jxmegamenu'}</p>
        {/if}
      </div>
      <div class="modal-footer">
        <button id="generate-styles" class="btn btn-sm btn-success" {if !isset($item)}disabled="disabled"{/if}>{l s='Generate styles' mod='jxmegamenu'}</button>
        <button id="reset-styles" class="btn btn-sm btn-danger pull-left" {if !isset($item)}disabled="disabled"{/if}>{l s='Reset styles' mod='jxmegamenu'}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{l s='Close' mod='jxmegamenu'}</button>
      </div>
    </div>
    <div class="modal-loader"><span class="loader-gif"></span></div>
  </div>
</div>
<script type="text/javascript">
  $.fn.mColorPicker.defaults.imageFolder = baseDir + 'img/admin/';
</script>
<script type="text/javascript">
  hideOtherLanguage({$default_language.id_lang|escape:'htmlall':'UTF-8'});
  var product_add_text = '{l s='Indicate the ID number for the product' mod='jxmegamenu'}';
  var product_id = '{l s='Product ID #' mod='jxmegamenu'}';
  var move_warning = '{l s='Please select just one item' mod='jxmegamenu'}';
  var add_megamenu_column = '{l s='Add column' mod='jxmegamenu'}';
  var col_width_label = '{l s='Set column width' mod='jxmegamenu'}';
  var col_width_text = '{l s='Set column width (2 min -> 12 max)' mod='jxmegamenu'}';
  var col_width_alert_min_text = '{l s='Column width can not be less than 2' mod='jxmegamenu'}';
  var col_width_alert_max_text = '{l s='Column width can not be  less than 2 and more than 12' mod='jxmegamenu'}';
  var col_items_text = '{l s='Set content' mod='jxmegamenu'}';
  var col_items_selected_text = '{l s='Selected item' mod='jxmegamenu'}';
  var col_class_text = '{l s='Enter specific class' mod='jxmegamenu'}';
  var col_content_type_text = '{l s='Content type' mod='jxmegamenu'}';
  var col_html_text = '{l s='HTML' mod='jxmegamenu'}';
  var col_links_text = '{l s='Links' mod='jxmegamenu'}';
  var add_col_content_text = '{l s='Add content' mod='jxmegamenu'}';
  var error_type_text = '{l s='Please select column content type!' mod='jxmegamenu'}';
  var btn_add_text = '{l s='Add' mod='jxmegamenu'}';
  var btn_remove_text = '{l s='Remove' mod='jxmegamenu'}';
  var btn_remove_column_text = '{l s='Remove block' mod='jxmegamenu'}';
  var btn_remove_row_text = '{l s='Remove row' mod='jxmegamenu'}';
  var warning_class_text = '{l s='Can not contain special chars, only _ is allowed.(Will be automatically replaced)' mod='jxmegamenu'}';
  var option_list = '{$option_select}';
  var theme_url = '{$theme_url}';
</script>