 

        <noscript>
            <div class="alert alert-block col-md-12">
                <h4 class="alert-heading">Warning!</h4>

                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                    enabled to use this site.</p>
            </div>
        </noscript>

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
            <div>
    <ul class="breadcrumb">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">main page</a>
        </li>
    </ul>
</div>
<div class=" row">
    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="6 new members." class="well top-block" href="#">
            <i class="glyphicon glyphicon-user blue"></i>

            <div>Total Active</div>
            <div>507</div>
            <span class="notification">6</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="4 new pro members." class="well top-block" href="#">
            <i class="glyphicon glyphicon-star green"></i>

            <div>Today Sub</div>
            <div>228</div>
            <span class="notification green">4</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="$34 new sales." class="well top-block" href="#">
            <i class="glyphicon glyphicon-shopping-cart yellow"></i>

            <div>Phantom</div>
            <div>$13320</div>
            <span class="notification yellow">$34</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="12 new messages." class="well top-block" href="#">
            <i class="glyphicon glyphicon-envelope red"></i>

            <div>new  application</div>
            <div>25</div>
            <span class="notification red">12</span>
        </a>
    </div>
</div>





<div class="row">
    
    <div class="box col-md-6">
        <div class="box-inner homepage-box">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list-alt"></i> Chart Subscribers</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
               
            </div>
        </div>
    </div>
    
    
    
    
    
    
    <!--/span-->
<div class="box col-md-6">
        <div class="box-inner homepage-box">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list-alt"></i> Chart Phantom</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
               
            </div>
        </div>
    </div>
    <!--/span-->










    
    <!--/span-->
<div class="box col-md-6">
        <div class="box-inner homepage-box">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list-alt"></i> Phantom Times</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table table-striped table-bordered bootstrap-datatable datatable responsive">
                                         
                         
                         
                           <tr>
                             <td>Phantom Time</td>
                             <td align="center" valign="middle">Status</td>
                             <td align="center" valign="middle">Start </td>
                             <td align="center" valign="middle">                             Finish </td>
                           </tr>
               <?php 
			   /*if($_SESSION['serviceID']!=0){ 
			   
			   $selectPhantomTime=mysql_query("select * from PhantomTimes
			   where PhantomTimes_servicesID='".$_SESSION['serviceID']."'"); 
			   
			   while($rowPhantom=mysql_fetch_array($selectPhantomTime)){  
			   ?>
               
                <tr>
                             <td><?php  echo($rowPhantom['PhantomTimes_fromTime']); ?> </td>
                             <td align="center" valign="middle"><?php  echo($rowPhantom['PhantomTimes_status']); ?></td>
                             <td align="center" valign="middle">&nbsp;</td>
                             <td align="center" valign="middle"><?php  echo($rowPhantom['PhantomTimes_finishTime']); ?></td>
                           </tr>
               
               
               <?php }  ?>
			   
			   </table>
			   
			   <?php }*/ ?>
               
            </div>
        </div>
    </div>
    <!--/span-->













    
</div><!--/row-->


</div><!--/row-->
    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->

  
   

    <hr> 