<?php
                /**
                 * Intranet
                 *
                 * PHP version 5
                 *
                 * @category  PHP
                 * @package   Rocket_form
                 * @author    Softdiscover <info@softdiscover.com>
                 * @copyright 2015 Softdiscover
                 * @license   http://www.php.net/license/3_01.txt  PHP License 3.01
                 * @link      http://wordpress-form-builder.uiform.com/
                 */
                if (!defined('BASEPATH')) {exit('No direct script access allowed');}
                ?>
                <!-- options -->
            <script type="text/html" id="tmpl-zgfm-field-opt-type-1">&lt;div id=&quot;uifm-field-opt-content&quot;&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm-field-selected-id&quot; value=&quot;&quot;&gt; &lt;input type=&quot;hidden&quot; id=&quot;uifm-field-selected-type&quot; value=&quot;1&quot;&gt; &lt;input type=&quot;hidden&quot; id=&quot;zgpb-field-selected-block&quot; value=&quot;0&quot;&gt; &lt;div class=&quot;uiform-builder-maintab-container&quot;&gt; &lt;div class=&quot;uiform-set-panel-header&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-inner&quot;&gt; &lt;div class=&quot;sfdc-row&quot;&gt; &lt;div class=&quot;sfdc-col-md-7&quot;&gt; &lt;div class=&quot;uifm-set-section-fieldname&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-fldnme&quot;&gt; &lt;label for=&quot;&quot;&gt;Field name &lt;a href=&quot;javascript:void(0);&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-original-title=&quot;This is important to identify the field on reports and conditional logic&quot; &gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;/label&gt; &lt;input type=&quot;text&quot; id=&quot;uifm_fld_main_fldname&quot; class=&quot;sfdc-form-control&quot; placeholder=&quot;Type field name&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-5&quot;&gt; &lt;div class=&quot;uiform-set-panel-header-opts&quot;&gt; &lt;span&gt; Options:&lt;/span&gt; &lt;div class=&quot;sfdc-btn-group &quot;&gt; &lt;button class=&quot;sfdc-btn sfdc-btn-sm sfdc-btn-danger&quot; onclick=&quot;javascript:rocketform.fieldsetting_deleteFieldDialog();&quot;&gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; Remove&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;uiform-set-panel-container&quot;&gt; &lt;div class=&quot;uiform-set-panel-1 &quot;&gt; &lt;div class=&quot;uiform-set-options-tabs&quot;&gt; &lt;!-- Nav tabs --&gt; &lt;ul class=&quot;sfdc-nav sfdc-nav-tabs&quot;&gt; &lt;li class=&quot;sfdc-active&quot;&gt;&lt;a href=&quot;#sfdc-fields-opt-col-1&quot; data-toggle=&quot;sfdc-tab&quot;&gt;Skin&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#sfdc-fields-opt-col-2&quot; data-toggle=&quot;sfdc-tab&quot; class=&quot;last-child&quot;&gt;More Options&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!-- Tab panes --&gt; &lt;div class=&quot;sfdc-tab-content &quot;&gt; &lt;div class=&quot;sfdc-tab-pane sfdc-in sfdc-active&quot; id=&quot;sfdc-fields-opt-col-1&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;uiform-set-field-wrap&quot;&gt; &lt;div class=&quot;sfdc-tab-content2&quot;&gt; &lt;div id=&quot;zgpb_fld_col_style_wrapper&quot; style=&quot;display:none;&quot;&gt; &lt;fieldset&gt; &lt;legend&gt;Center &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable Center position&lt;/label&gt; &lt;a data-original-title=&quot;Enable center position&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-align-show_st&quot; id=&quot;zgpb_fld_col_style_st&quot; name=&quot;zgpb_fld_col_style_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable Width&lt;/label&gt; &lt;a data-original-title=&quot;Enable Width&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt; &lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;!-- &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-align-max_width_st&quot; id=&quot;zgpb_fld_col_style_maxwidth_st&quot; name=&quot;zgpb_fld_col_style_maxwidth_st&quot; type=&quot;checkbox&quot;/&gt;--&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_style_maxwidth&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-align-max_width&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Mobile &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Keep grid&lt;/label&gt; &lt;a data-original-title=&quot;Keep grid&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-mobile-keep_grid_st&quot; id=&quot;zgpb_fld_keep_grid_st&quot; name=&quot;zgpb_fld_keep_grid_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;fieldset&gt; &lt;legend&gt;Margin &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Top&lt;/label&gt; &lt;a data-original-title=&quot;Top margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_top&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Bottom&lt;/label&gt; &lt;a data-original-title=&quot;Bottom margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_bottom&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;left&lt;/label&gt; &lt;a data-original-title=&quot;Left margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_left&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;right&lt;/label&gt; &lt;a data-original-title=&quot;Right margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_margin_right&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-margin-right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Padding &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Top&lt;/label&gt; &lt;a data-original-title=&quot;Top margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_top&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-top&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Bottom&lt;/label&gt; &lt;a data-original-title=&quot;Bottom margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_bottom&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-bottom&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;left&lt;/label&gt; &lt;a data-original-title=&quot;Left margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_left&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-left&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;right&lt;/label&gt; &lt;a data-original-title=&quot;Right margin (px)&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input id=&quot;zgpb_fld_col_padding_right&quot; class=&quot;zgpb_fld_settings_spinner&quot; data-field-store=&quot;skin-padding-right&quot; type=&quot;text&quot; &gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Text &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Color&lt;/label&gt; &lt;a data-original-title=&quot;Color for texts inner field&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-text-color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_text_color&quot; name=&quot;zgpb_fld_col_text_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Background &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable background&lt;/label&gt; &lt;a data-original-title=&quot;Enable background&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-background-show_st&quot; id=&quot;zgpb_fld_col_bg_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Background type&lt;/label&gt; &lt;a data-original-title=&quot;Choose background type&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;skin-background-type&quot; data-field-value=&quot;1&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;sfdc-group-radiobutton&quot; id=&quot;zgpb_fld_col_bg_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning zgpb-col-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;skin-background-type&quot; data-field-value=&quot;2&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;sfdc-group-radiobutton&quot; id=&quot;zgpb_fld_col_bg_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning zgpb-col-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Gradient &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;zgpb_fld_col_bg_type_1_cont&quot;&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Color&lt;/label&gt; &lt;a data-original-title=&quot;Color for background&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-background-cl_solid_color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_bg_clsolidcolor&quot; name=&quot;zgpb_fld_col_bg_clsolidcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;zgpb_fld_col_bg_type_2_cont&quot;&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Start color&lt;/label&gt; &lt;a data-original-title=&quot;Start color for background&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-background-cl_start_color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_bg_clstartcolor&quot; name=&quot;zgpb_fld_col_bg_clstartcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;End color&lt;/label&gt; &lt;a data-original-title=&quot;End color for background&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-background-cl_end_color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_bg_clendcolor&quot; name=&quot;zgpb_fld_col_bg_clendcolor&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Image&lt;/label&gt; &lt;a data-original-title=&quot;Background image&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;zgpb_fld_col_bg_thumbnail&quot; id=&quot;zgpb_fld_col_bg_srcimg_wrap&quot;&gt; &lt;/div&gt; &lt;input name=&quot;zgpb_fld_col_bg_imgsource&quot; id=&quot;zgpb_fld_col_bg_imgsource&quot; value=&quot;&quot; type=&quot;hidden&quot;&gt; &lt;input data-field-store=&quot;skin-background-img_source&quot; id=&quot;zgpb_fld_col_bg_imgsourcebtnadd&quot; value=&quot;Update Image&quot; class=&quot;sfdc-btn sfdc-btn-default&quot; type=&quot;button&quot;&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;javascript:rocketform.modal_editfield_col_bg_delimg();&quot; class=&quot;sfdc-btn sfdc-btn-default&quot; &gt; &lt;i class=&quot;fa fa-trash-o&quot;&gt;&lt;/i&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Size&lt;/label&gt; &lt;a data-original-title=&quot;Background size&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;select data-field-store=&quot;skin-background-img_size_type&quot; id=&quot;zgpb_fld_col_bg_sizetype&quot; name=&quot;zgpb_fld_col_bg_sizetype&quot; class=&quot;sfdc-form-control zgpb-f-setoption&quot;&gt; &lt;option value=&quot;0&quot;&gt;auto&lt;/option&gt; &lt;option value=&quot;1&quot;&gt;length&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;percentage&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;cover&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;contain&lt;/option&gt; &lt;option value=&quot;5&quot;&gt;initial&lt;/option&gt; &lt;option value=&quot;6&quot;&gt;inherit&lt;/option&gt; &lt;/select&gt; &lt;div id=&quot;zgpb_fld_col_bg_sizetype_len_wrap&quot;&gt; &lt;div class=&quot;space10&quot;&gt;&lt;/div&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control zgpb-f-setoption&quot; name=&quot;zgpb_fld_col_bg_sizetype_len&quot; id=&quot;zgpb_fld_col_bg_sizetype_len&quot; data-field-store=&quot;skin-background-img_size_len&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Repeat&lt;/label&gt; &lt;a data-original-title=&quot;Background repeat&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;select data-field-store=&quot;skin-background-img_repeat&quot; id=&quot;zgpb_fld_col_bg_repeat&quot; name=&quot;zgpb_fld_col_bg_repeat&quot; class=&quot;sfdc-form-control zgpb-f-setoption&quot;&gt; &lt;option value=&quot;0&quot;&gt;repeat&lt;/option&gt; &lt;option value=&quot;1&quot;&gt;repeat-x&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;repeat-y&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;no-repeat&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;initial&lt;/option&gt; &lt;option value=&quot;5&quot;&gt;inherit&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Position&lt;/label&gt; &lt;a data-original-title=&quot;Background position&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;input type=&quot;text&quot; class=&quot;sfdc-form-control zgpb-f-setoption&quot; name=&quot;zgpb_fld_col_bg_pos&quot; id=&quot;zgpb_fld_col_bg_pos&quot; data-field-store=&quot;skin-background-img_position&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Border &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable Border&lt;/label&gt; &lt;a data-original-title=&quot;Enable border&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-border-show_st&quot; id=&quot;zgpb_fld_col_border_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Color&lt;/label&gt; &lt;a data-original-title=&quot;Color for border&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-border-color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_border_color&quot; name=&quot;zgpb_fld_col_border_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Border type&lt;/label&gt; &lt;a data-original-title=&quot;Choose border type&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div class=&quot;sfdc-controls sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-btn-group sfdc-btn-group-justified&quot; data-toggle=&quot;buttons&quot;&gt; &lt;label data-field-store=&quot;skin-border-type&quot; data-field-value=&quot;1&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;sfdc-group-radiobutton&quot; id=&quot;zgpb_fld_col_border_type_1&quot; class=&quot;sfdc-btn sfdc-btn-warning zgpb-col-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;1&quot;&gt; Solid &lt;/label&gt; &lt;label data-field-store=&quot;skin-border-type&quot; data-field-value=&quot;2&quot; data-toggle-enable=&quot;sfdc-btn-warning&quot; data-toggle-disable=&quot;sfdc-btn-warning&quot; data-settings-option=&quot;sfdc-group-radiobutton&quot; id=&quot;zgpb_fld_col_border_type_2&quot; class=&quot;sfdc-btn sfdc-btn-warning zgpb-col-setoption-btn&quot; &gt; &lt;input type=&quot;radio&quot; value=&quot;2&quot; checked&gt; Dotted &lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Width&lt;/label&gt; &lt;a data-original-title=&quot;Border width&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;skin-border-width&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;zgpb_fld_col_border_width&quot; class=&quot;zgpb-custom-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Border radius &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable border radius&lt;/label&gt; &lt;a data-original-title=&quot;Enable border radius&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-border_radius-show_st&quot; id=&quot;zgpb_fld_col_bradius_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Size&lt;/label&gt; &lt;a data-original-title=&quot;Drag the slider to increase the size of border radius&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;skin-border_radius-size&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;zgpb_fld_col_bradius_size&quot; class=&quot;zgpb-custom-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;fieldset&gt; &lt;legend&gt;Shadow &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Enable shadow&lt;/label&gt; &lt;a data-original-title=&quot;Enable shadow&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input class=&quot;zgpb-switch-field&quot; data-field-store=&quot;skin-shadow-show_st&quot; id=&quot;zgpb_fld_col_shadow_st&quot; type=&quot;checkbox&quot;/&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Color&lt;/label&gt; &lt;a data-original-title=&quot;Shadow color&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;div data-field-store=&quot;skin-shadow-color&quot; class=&quot;sfdc-input-group zgpb-custom-color&quot;&gt; &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;zgpb_fld_col_shadow_color&quot; name=&quot;zgpb_fld_col_shadow_color&quot; class=&quot;sfdc-form-control&quot; /&gt; &lt;span class=&quot;sfdc-input-group-addon&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Horizontal&lt;/label&gt; &lt;a data-original-title=&quot;Drag the slider to modify horizontal value&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;skin-shadow-h_shadow&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;zgpb_fld_col_shadow_h&quot; class=&quot;zgpb-custom-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Vertical&lt;/label&gt; &lt;a data-original-title=&quot;Drag the slider to modify vertical value&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;skin-shadow-v_shadow&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;zgpb_fld_col_shadow_v&quot; class=&quot;zgpb-custom-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Blur&lt;/label&gt; &lt;a data-original-title=&quot;Drag the slider to modify blur value&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; style=&quot;width:100%;&quot; data-field-store=&quot;skin-shadow-blur&quot; data-slider-value=&quot;14&quot; data-slider-step=&quot;1&quot; data-slider-max=&quot;60&quot; data-slider-min=&quot;0&quot; data-slider-id=&quot;&quot; id=&quot;zgpb_fld_col_shadow_blur&quot; class=&quot;zgpb-custom-slider&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-tab-pane &quot; id=&quot;sfdc-fields-opt-col-2&quot;&gt; &lt;div class=&quot;uiform-tab-content scroll-pane-arrows&quot;&gt; &lt;div class=&quot;uiform-tab-content-inner&quot;&gt; &lt;div class=&quot;sfdc-tab-content2&quot;&gt; &lt;fieldset&gt; &lt;legend&gt;Additional &lt;/legend&gt; &lt;div class=&quot;zgpb-modal-body-tab-inner&quot;&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;ID selector&lt;/label&gt; &lt;a data-original-title=&quot;ID selector let you control through css or javascript&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;skin-custom_css-ctm_id&quot; id=&quot;zgpb_fld_col_ctmid&quot; name=&quot;zgpb_fld_col_ctmid&quot; placeholder=&quot;&quot; class=&quot;zgpb-field-col-event-txt sfdc-form-control&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;CSS class&lt;/label&gt; &lt;a data-original-title=&quot;CSS class let you control through css or javascript&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;input type=&quot;text&quot; data-field-store=&quot;skin-custom_css-ctm_class&quot; id=&quot;zgpb_fld_col_ctmclass&quot; name=&quot;zgpb_fld_col_ctmclass&quot; placeholder=&quot;&quot; class=&quot;zgpb-field-col-event-txt sfdc-form-control&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;zgpb-opt-divider-stl1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;sfdc-row &quot;&gt; &lt;div class=&quot;sfdc-col-md-12&quot;&gt; &lt;div class=&quot;sfdc-form-group&quot;&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;label for=&quot;&quot;&gt;Additional css&lt;/label&gt; &lt;a data-original-title=&quot;Additional css&quot; data-placement=&quot;right&quot; data-toggle=&quot;tooltip&quot; href=&quot;javascript:void(0);&quot;&gt;&lt;span class=&quot;fa fa-question-circle&quot;&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;sfdc-col-md-6&quot;&gt; &lt;textarea class=&quot;zgpb-field-col-event-txt sfdc-form-control &quot; data-field-store=&quot;skin-custom_css-ctm_additional&quot; style=&quot;width: 100%; height: 200px;&quot; name=&quot;zgpb_fld_ctmaddt&quot; id=&quot;zgpb_fld_ctmaddt&quot;&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;space5&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; zgfm_back_fld_options.selfld_field_opt_column(); &lt;/script&gt; </script>