<style>
    .ui-accordion .ui-accordion-header {
    font-size: 16px !important;
    font-weight:bold !important;
    }
    .ui-accordion .ui-accordion-content{
    padding: 0px !important;
    height: auto !important;
    }
    .ui-state-active {
    background-color: #d2d6de !important;
    border:1px solid #d2d6de !important;
    }
    </style>
<section class="content">

<div class="alert alert-info" id="otp-status">
    <strong><font style="color: #000;">2-Step Verification Add OTP Security Options  <a href="<?php echo $this->url('profile', array('action'=>'security'));?>">Click Here</a></font></strong>
  </div>

    <!-- /.calling booking-statistics.phtml file -->
    <?php echo $this->partial('booking-statistics');?>

    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-7 connectedSortable">
            <!-- Custom tabs (Charts with tabs)-->
            <!-- calling personal-detail.phtml file -->
            <?php //echo $this->partial('personal-detail.phtml'); ?>
            <!-- calling recent-booking.phtml file -->
            <?php //echo $this->partial('recent-booking.phtml');?>
            <!-- calling unassigned-booking.phtml file -->
            <?php //echo $this->partial('unassigned-booking.phtml');?>
            <!-- calling credit-balance.phtml file -->
            <?php echo $this->partial('credit-balance.phtml');?>
            <!-- /.box -->

        </section><!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-5 connectedSortable">

            <!-- Map box -->

            <?php echo $this->partial('wallet-amount.phtml');?>

        </section><!-- right col -->

          <section class="col-lg-12 connectedSortable margin-top26px">
              <div id="accordion">
            <!-- Custom tabs (Charts with tabs)-->
            <!-- calling personal-detail.phtml file -->
            <?php //echo $this->partial('personal-detail.phtml'); ?>
            <!-- calling recent-booking.phtml file -->
            <?php echo $this->partial('recent-booking.phtml');?>
            <!-- calling unassigned-booking.phtml file -->
            <?php echo $this->partial('unassigned-booking.phtml');?>
            <?php if($personalDetails['user_type_id']==7 && count($userListing)>0){ ?>
            <?php echo $this->partial('bid-listing.phtml');?>
            <?php echo $this->partial('user-listing.phtml');?>
            <?php } ?>
              </div>
        </section><!-- /.Left col -->

    </div><!-- /.row (main row) -->
</section>
<div class="modal fade" id="myModalBookingDetails" role="dialog">
    <div class="modal-dialog modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>