<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Background color</span>
        <p>Choose the background color for the block</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_background_color',
            'default_color' => '#1c1c1c'
        ));
        ?>
    </div>
</div>


<?php //added to divide the colors in groups?>
<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title"></span>
        <p></p>
    </div>
    <div class="td-box-control-full">
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Drop down background color</span>
        <p>Choose the background color for block drop down</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_drop_down_background_color',
            'default_color' => '#1e1e1e'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Drop down border color</span>
        <p>Choose the border color for block drop down</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_drop_down_border_color',
            'default_color' => '#424242'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Drop down text color</span>
        <p>Choose the text color for block drop down</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_drop_down_text_color',
            'default_color' => '#c4c4c4'
        ));
        ?>
    </div>
</div>


<?php //added to divide the colors in groups?>
<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title"></span>
        <p></p>
    </div>
    <div class="td-box-control-full">
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post title color</span>
        <p>Choose the post title color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_title_color',
            'default_color' => '#ffffff'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post excerpt color</span>
        <p>Choose the post excerpt color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_excerpt_color',
            'default_color' => '#c4c4c4'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post author color</span>
        <p>Choose the post author color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_author_color',
            'default_color' => '#e2e2e2'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post date color</span>
        <p>Choose the post date color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_date_color',
            'default_color' => '#c4c4c4'
        ));
        ?>
    </div>
</div>



<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post comments box color</span>
        <p>Choose the post comments box color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_comments_box_background_color',
            'default_color' => '#4db2ec'
        ));
        ?>
    </div>
</div>



<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post comments color</span>
        <p>Choose the post comments color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_comments_color',
            'default_color' => '#ffffff'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Post divider color</span>
        <p>Choose the post divider color for the block modules</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_module_post_divider_color',
            'default_color' => '#3a3a3a'
        ));
        ?>
    </div>
</div>


<?php //added to divide the colors in groups?>
<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title"></span>
        <p></p>
    </div>
    <div class="td-box-control-full">
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Navigation background color</span>
        <p>Choose the background color for block navigation</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_navigation_background_color',
            'default_color' => '#1e1e1e'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Navigation text color</span>
        <p>Choose the text color for block navigation</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_navigation_text_color',
            'default_color' => '#ffffff'
        ));
        ?>
    </div>
</div>


<div class="td-box-row td-block-style">
    <div class="td-box-description">
        <span class="td-box-title">Hover color</span>
        <p>Choose the hover color for this block style</p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_block_styles',
            'item_id' => 'style_2',
            'option_id' => 'tds_block_hover_style',
            'default_color' => ''
        ));
        ?>
    </div>
</div>