anchor.diff:                                          hr
                                           br
                                           .row
  -                                            button.btn.btn-default(ng-click='selectAllColumns()', style='color:#337ab7;') Select All Columns
  -                                            button.btn.btn-default(ng-click='deSelectAllColumns()', style='color:#337ab7;') De-select All Columns
  -                                            button.btn.btn-default(ng-click='fnExcelReport()')
  -
  -                                                | Export Data Table to Excel
  -                                        br
  -                                        .row.row-margin
  -                                            .col-lg-3.col-md-4.col-sm-6
  -                                            
  -                                                .form-comp-cont-bottomrow
  -                                                    label From Date
  -                                                    .dropdown
  -                                                        a#dropdown1.dropdown-toggle(role='button', data-toggle='dropdown', data-target='#', href='')
  -                                                            .input-group
  -                                                                div.form-control(type='text')
  -                                                                    | {{chartDataFromDate | date:'MMM d, yyyy'}}
  -                                                                span.input-group-addon
  -                                                                    i.glyphicon.glyphicon-calendar
  -                                                        ul.dropdown-menu(role='menu', aria-labelledby='dLabel')
  -                                                            datetimepicker(data-on-set-time="fromdateChanged(newDate, oldDate)" data-ng-model='chartDataFromDate', data-datetimepicker-config="{ dropdownSelector: '#dropdown1',startView:'day', minView:'day' }")
  -                                            .col-lg-3.col-md-4.col-sm-6
  -                                                .form-comp-cont-bottomrow2
  -                                                    label To Date
  -                                                    .dropdown
  -                                                        a#dropdown2.dropdown-toggle(role='button', data-toggle='dropdown', data-target='#', href='')
  -                                                            .input-group
  -                                                                div.form-control(type='text')
  -                                                                    | {{chartDataToDate | date:'MMM d, yyyy'}}
  -                                                                span.input-group-addon
  -                                                                    i.glyphicon.glyphicon-calendar
  -                                                        ul.dropdown-menu(role='menu', aria-labelledby='dLabel')
  -                                                            datetimepicker(data-on-set-time="todateChanged(newDate, oldDate)" data-ng-model='chartDataToDate', data-datetimepicker-config="{ dropdownSelector: '#dropdown2',startView:'day', minView:'day' }")
  -                                            .col-lg-6.col-md-4.col-sm-0
  +                                            .col-lg-12
  +                                                h4
  +                                                    | Select Columns
  +                                        br
  +                                        .row
  +                                            .col-lg-3
  +                                                label
  +                                                    | From Date
  +                                                .dropdown
  +                                                    a#dropdown1.dropdown-toggle(role='button', data-toggle='dropdown', data-target='#', href='')
  +                                                        .input-group
  +                                                            div.form-control(type='text')
  +                                                                | {{chartDataFromDate | date:'MMM d, yyyy'}}
  +                                                            span.input-group-addon
  +                                                                i.glyphicon.glyphicon-calendar
  +                                                    ul.dropdown-menu(role='menu', aria-labelledby='dLabel')
  +                                                        datetimepicker(data-on-set-time="fromdateChanged(newDate, oldDate)" data-ng-model='chartDataFromDate', data-datetimepicker-config="{ dropdownSelector: '#dropdown1',startView:'day', minView:'day' }")
  +                                            .col-lg-3
  +                                                label
  +                                                    | To Date
  +                                                .dropdown                                                    
  +                                                    a#dropdown2.dropdown-toggle(role='button', data-toggle='dropdown', data-target='#', href='')
  +                                                        .input-group
  +                                                            div.form-control(type='text')
  +                                                                | {{chartDataToDate | date:'MMM d, yyyy'}}
  +                                                            span.input-group-addon
  +                                                                i.glyphicon.glyphicon-calendar
  +                                                    ul.dropdown-menu(role='menu', aria-labelledby='dLabel')
  +                                                        datetimepicker(data-on-set-time="todateChanged(newDate, oldDate)" data-ng-model='chartDataToDate', data-datetimepicker-config="{ dropdownSelector: '#dropdown2',startView:'day', minView:'day' }")     
  +                                            .col-lg-3
  +                                                label
  +                                                    | &nbsp;
  +                                                br
                                                   button.btn.btn-success(type="button" ng-click="refreshCheckedCols()")
                                                       | GO
  +                                        br
  +                                        .row
  +                                            .col-lg-12
  +                                                label
  +                                                    | (or)
  +                                        br
  +                                        .row
  +                                            .col-lg-12
  +                                                button.btn.btn-default(ng-click='selectAllColumns()', style='color:#337ab7;') Select All Columns
  +                                                button.btn.btn-default(ng-click='deSelectAllColumns()', style='color:#337ab7;') De-select All Columns
                                           br
                                           .row
                                               .col-lg-12(style="overflow:scroll;")
  
positive.code:                                                                                 input.form-control(type='textarea' ng-model='serie.color')
                                                                                  |  Axis Bind To (default to left Y-Axis)
                                                                                  input.form-control(type='number' ng-model='serie.yAxis' min=0 max="{{highChartTempConfig.yAxis.length-1}}" value='serie.yAxis')
                                                      br
                                                      highchart(id="chartTemp" config='highChartTempConfig')
                                                      br
                                                      button.btn.btn-default(ng-click='addChart()', style='color:#337ab7;') Save Chart
                                                      button.btn.btn-default(ng-click='resetChart()', style='color:#337ab7;') Reset Chart
                                          br
                                          .row
                                              .col-lg-12
  
                                                  div(ng-repeat='chartConfig in customizedDoc.chartConfigs track by $index', style="margin-bottom:30px;")
                                                     
                                                      div.well
                                                          //- label
                                                          //-     |Chart Title 
                                                          //-     input.form-control(type='textarea' ng-model='chartConfig.title.text')
                                                          //- &nbsp;&nbsp;
                                                          //- label
                                                          //-     |Y-axis Title 
                                                          //-     input.form-control(type='textarea' ng-model='chartConfig.yAxis[0].title.text')
                                                          //- &nbsp;&nbsp;
                                                          //- label
                                                          //-     |X-axis Title 
                                                          //-     input.form-control(type='textarea' ng-model='chartConfig.xAxis.title.text')
                                                          highchart(id="{{'chartHC_'+$index}}" config='chartConfig')
                                                          br
                                                          button.btn.btn-warning(ng-click='deleteChart($index)', style='color:#337ab7;') Delete Chart
                                                          button.btn.btn-warning(ng-click='editChart($index)', style='color:#337ab7;') Edit Chart
                                          br
                                          .row
                                              .col-lg-12
  
negative.code:                                         br
                                          .row
                                              .col-lg-12
                                                  h4
                                                      | Preview Chart
                                          .well
                                              .row
                                                  .col-lg-8
                                                      highchart(id="chartTemp" config='highChartTempConfig')
                                                      br
                                                      button.btn.btn-default(ng-click='addChart()', style='color:#337ab7;') Save Chart
                                                      button.btn.btn-default(ng-click='resetChart()', style='color:#337ab7;') Reset Chart
                                                  .col-lg-4
                                                      //.well.well-lg
                                                      div.pull-left(style="width:100%;")
                                                          accordion()
                                                              accordion-group(is-open="true"  heading="Customize")
                                                                  accordion()
                                                                      accordion-group(heading="Chart")
                                                                          |Chart Type&nbsp;&nbsp;
  