diff --git a/public/Forwarder/decisionmaking.html b/public/Forwarder/decisionmaking.html
new file mode 100644
index 0000000..93c21c1
--- /dev/null
+++ b/public/Forwarder/decisionmaking.html
@@ -0,0 +1,1920 @@
+<!DOCTYPE html>
+<!-- 
+Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
+Version: 4.7.5
+Author: KeenThemes
+Website: http://www.keenthemes.com/
+Contact: support@keenthemes.com
+Follow: www.twitter.com/keenthemes
+Dribbble: www.dribbble.com/keenthemes
+Like: www.facebook.com/keenthemes
+Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
+Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
+License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+-->
+<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
+<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
+<!--[if !IE]><!-->
+<html lang="en">
+    <!--<![endif]-->
+    <!-- BEGIN HEAD -->
+
+    <head>
+        <meta charset="utf-8" />
+        <title>IZYIM | Decision Making</title>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
+        <meta content="" name="author" />
+        <!-- BEGIN GLOBAL MANDATORY STYLES -->
+        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
+        <!-- END GLOBAL MANDATORY STYLES -->
+        <!-- BEGIN PAGE LEVEL PLUGINS -->
+        <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
+        <!-- END PAGE LEVEL PLUGINS -->
+        <!-- BEGIN THEME GLOBAL STYLES -->
+        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
+        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
+        <!-- END THEME GLOBAL STYLES -->
+        <!-- BEGIN THEME LAYOUT STYLES -->
+        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
+        <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
+        <!-- END THEME LAYOUT STYLES -->
+        <link rel="shortcut icon" href="favicon.ico" /> 
+        </head>
+    <!-- END HEAD -->
+
+    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
+        
+            <!-- BEGIN HEADER -->
+            
+            <!-- END HEADER -->
+            <!-- BEGIN HEADER & CONTENT DIVIDER --
+            <!-- END HEADER & CONTENT DIVIDER -->
+            <!-- BEGIN CONTAINER -->
+           
+                <div class="page-content-wrapper">
+                    <!-- BEGIN CONTENT BODY -->
+                    
+                        <!-- BEGIN PAGE BAR -->
+                        
+                        <!-- END PAGE BAR -->
+                        <!-- BEGIN PAGE TITLE-->
+                        <h1 class="page-title" color="white"><font color="white">Decision Making
+                            </font></h1>
+                        
+                        <!-- CONTENT -->
+                        <!-- END CONTENT -->
+                    <div class="row">
+                            <div class="col-md-12 col-sm-12">
+                                <div class="portlet light portlet-fit bordered">
+                                    <div class="portlet-title">
+                                        <div class="caption">
+                                            <i class="icon-directions font-green hide"></i>
+                                            <span class="caption-subject bold font-dark uppercase "> </span>
+                                            <span class="caption-helper"></span>
+                                        </div>
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                        
+                                        
+                                    </div>
+                                    <div class="modal-body"> 
+                                        <div class="form">
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="form-group">
+                                                        <label>Issue</label>
+                                                        <select id="folder" class="form-control"  onchange="show_hide(this);">
+                                                            <option>Please Select</option>
+                                                            <option value="damage">Damage</option>
+                                                            <option value="unmatch">Unmatch </option>
+                                                            <option value="others">Others</option>
+                                                        </select>
+                                                        <div class="tab-pane active" id="issue1" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br>
+                                                                    </div>
+                                                                    <div class="form-group">
+                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                        </div>
+                                                                         
+                                                                        <div>
+                                                                                <span class="fileinput-new"></span>
+                                                                                <span class="fileinput-exists"></span>
+                                                                                <input type="file" name="...">
+                                                                        </div>
+                                                                        <br/>
+                                                                            <div class="form-group">
+                                                                                <label>Problem</label>
+                                                                                <textarea class="form-control" rows="3"></textarea>
+                                                                            </div>
+                                                                    </div>
+                                                                </div>   
+                                                                    
+                                                                    <div class="modal-footer">
+                                                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                        <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                    </div>
+                                                                
+                                                            </form>
+                                                        </div> 
+                                                        <div class="tab-pane active" id="issue2" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div class="portlet-body">
+                                                                        <table class="table table-bordered table-hover">
+                                                                        <thead>
+                                                                            <tr >
+                                                                                <th width="5">No</th>
+                                                                                <th width="10">Total Ctn (nominal)</th>
+                                                                                <th width="10">Measurement (nominal)</th>
+                                                                                <th width="10">Weight (nominal)</th>
+                                                                                <th width="5">Total Ctn (actual)</th>
+                                                                                <th width="10">Measurement (actual)</th>
+                                                                                <th width="10">Weight (actual)</th>
+                                                                                <th width="10">Photo Reference</th>
+                                                                            </tr>
+                                                                        </thead>
+                                                                        <tbody>
+                                                                            <tr bgcolor="#FF0000">
+                                                                                    <td>1</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt="" style="width: 50%; height: 50%"></span>
+                                                                                              
+                                                                                        </div>    
+                                                                                    </td>
+                                                                                </tr>
+                                                                            <tr>
+                                                                                    <td>2</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement2" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight2" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                          <span><img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt="" style="width: 50%; height: 50%"></span>  
+                                                                                                
+                                                                                        </div>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>3</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement3" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight3" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt="" style="width: 50%; height: 50%"></span>   
+                                                                                        </div> 
+                                                                                    </td>
+                                                                                </tr>
+                                                                        </tbody>
+                                                                        </table>
+                                                                        <div class="modal-footer">
+                                                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                            <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                        </div>
+                                            
+                                                                </div>
+                                                                </div>
+                                                            </form>
+                                                        </div> 
+                                                        <div class="tab-pane active" id="issue3" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                        </div>
+                                                                    <div>
+                                                                        <span class="fileinput-new"></span>
+                                                                        <span class="fileinput-exists"></span>
+                                                                        <input type="file" name="...">   
+                                                                    </div>
+                                                                    <br/>
+                                                                    <div class="form-group">
+                                                                        <label>Problem</label>
+                                                                        <textarea class="form-control" rows="3"></textarea>
+                                                                    </div>
+                                                                    <div class="modal-footer">
+                                                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                        <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                    </div>
+                                                                </div>
+                                                            </form>
+                                                        </div> 
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                
+                                            
+                                        </div>
+                                    </div>
+                                    </div>
+                                    </div>
+                                    
+                <!-- END CONTENT -->
+ <div id="form_modal11" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
+                                            <div class="modal-dialog">
+                                                <div class="modal-content">
+                                                    <div  class="modal-header">
+                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                                        <h4 class="modal-title">Appoinment Request</h4>
+                                                    </div>
+                                                    <div class="modal-body">
+                                                        <form action="#" class="form-horizontal" role="form">
+                                                        <div class="row">
+                                                            <div class="form-group">
+                                                                <label class="control-label col-md-4"><b>Order No</b></label>
+                                                                <label class="form-control-static">0005</label>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label class="control-label col-md-4"><b>Delivery date</b></label>
+                                                                <label class="form-control-static">03-07-2017</label>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label class="control-label col-md-4"><b>Driver Name</b></label>
+                                                                <label class="form-control-static">Bob</label>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label class="control-label col-md-4"><b>Contact</b></label>
+                                                                <label class="form-control-static">013-3456789</label>
+                                                            </div>
+                                                            <div class="form-group">
+                                                                <label class="control-label col-md-4"><b>Vehicle No</b></label>
+                                                                <label class="form-control-static">WAA 123 C</label>
+                                                            </div>
+                                                        </form>
+                                                    </div>
+                                                    <div class="mt-repeater-input mt-repeater-textarea">
+                                                        <label class="control-label"><b>Message</b></label>
+                                                        <br/>
+                                                        <textarea name="textarea-input" class="form-control" rows="5">Hi Bella, Your order has been proceed. Here is your order no 0005 on date 03-07-2017. You able to contact the driver Bob (013-3456789) and vehicle no WAA 123 C. Thank you.</textarea>
+                                                    </div>
+                                                    <div class="modal-footer">
+                                                        <button class="btn green" data-dismiss="modal">Send</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modal fade in" id="move" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                        
+                                        <div class="caption">
+                                            <i class="fa fa-gift"></i>Move File
+                                        </div>
+                                    </div>
+                                    <div class="modal-body"> 
+                                        <div class="form">
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="form-group">
+                                                        <label>Folder</label>
+                                                        <select id="folder" class="form-control"  onchange="show_hide(this);">
+                                                            <option>Select / Create New Folder</option>
+                                                            <option value="issue1">Documents</option>
+                                                            <option value="issue2">Images</option>
+                                                            <option value="sound">Sounds</option>
+                                                            <option value="oth">Others</option>
+                                                            <option value="create">Create New</option>
+                                                        </select>
+                                                    </div>
+                                                    <div class="form-group" id="folder_name" style="display: none">
+                                                        <label>Folder Name</label>
+                                                        <input type="text" class="form-control">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                        <button type="button" class="btn green" data-dismiss="modal">Move</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+    <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+            
+                <div class="modal-header">
+                 <button type="button" class="close" data-dismiss="modal">✕</button>
+                    <h4 class="modal-title" id="myModalLabel">File Manager</h4>    
+                </div>
+                    
+                <div class="modal-body">
+                    <div class="row">
+                    <div class="col-md-12">
+                        <div class="col-md-4">
+                                <div class="btn-group ">
+                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                <span class="glyphicon glyphicon-plus-sign"></span>File Type
+                                <span class="caret"></span>
+                                </a>
+                                <ul class="dropdown-menu">
+                                <li><a href="#">Documents</a></li>
+                                <li><a href="#">Images</a></li>
+                                <li><a href="#">Sounds</a></li>
+                                <li><a href="#">Others</a></li>
+                                </ul>
+                                </div>
+                        </div>
+                        </div>
+                        </div>
+                        </div>
+                        <br/>
+                         <div class="col-md-4">
+                            <div class="input-group">
+                                <input type="text" class="form-control" placeholder="Search" name="q">
+                                <div class="input-group-btn">
+                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="col-md-4">
+                        <div class="pull-right"> 
+                            <button class="btn btn-default">
+                                <span class="glyphicon glyphicon-refresh"></span>
+                            </button>
+                            <a class="btn btn-default" href='#move' data-toggle='modal'>
+                                <span class="glyphicon glyphicon-move"></span>
+                            </a>
+                                <div class="btn-group">
+                                <button id="list"  type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
+                                </button>
+                                <button id="thumbnail" type="button" class="btn btn-default">  <span class="glyphicon glyphicon-th"></span>
+                                </button>
+                                </div>
+                                 <div class="btn-group ">
+                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                Sort
+                                <span class="caret"></span>
+                                </a>
+                                <ul class="dropdown-menu">
+                                <li><a href="#">ID</a></li>
+                                <li><a href="#">Title</a></li>
+                                <li><a href="#">Date</a></li>
+                                </ul>
+                                </div>
+                        </div>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                         <div class="col-md-3">
+                            <div class="row">
+                                <div class="col-md-9">
+                                    <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                        <h4 class="sbold">Drop files here or click to upload</h4>
+                                    </form>
+                                </div>
+                             </div>
+                        </div>
+                         <div id="thumbnails" class="col-md-9">
+                            <div data-code="example-2">
+                                <div class="row">
+                                    <div class="col-md-10" style="float: none;  margin: 0 auto;">
+                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
+                                            <h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=253"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
+                                            </a>
+                                        </div>
+                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
+                                            <a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=255"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=256"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-9" id="lists" style="display:none;">
+                            <table class="table table-hover" id="example2" style="height:300px"> 
+                            
+                                    <thead> 
+                                    <tr>
+                                    <th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
+                                    <th>ID</th>
+                                    <th>Date</th>
+                                    <th>Title</th>
+                                    <th class="text-center">Action</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>1</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>2</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>3</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
+                                    <td>4</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    
+                                   
+                                    </tbody>
+                            </table>
+                        </div>
+                    </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+               </div>
+
+                                        <!-- .................. -->
+                <!-- BEGIN QUICK SIDEBAR -->
+                <a href="javascript:;" class="page-quick-sidebar-toggler">
+                    <i class="icon-login"></i>
+                </a>
+                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+                    <div class="page-quick-sidebar">
+                        <ul class="nav nav-tabs">
+                            <li class="active">
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                            </li>
+                            <li class="dropdown">
+                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                                <ul class="dropdown-menu pull-right">
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-bell"></i> Alerts </a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-info"></i> Notifications </a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-speech"></i> Activities </a>
+                                    </li>
+                                    <li class="divider"></li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-settings"></i> Settings </a>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                        <div class="tab-content">
+                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                                    <h3 class="list-heading">Staff</h3>
+                                    <ul class="media-list list-items">
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-success">8</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Bob Nilson</h4>
+                                                <div class="media-heading-sub"> Project Manager </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Nick Larson</h4>
+                                                <div class="media-heading-sub"> Art Director </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-danger">3</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Deon Hubert</h4>
+                                                <div class="media-heading-sub"> CTO </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Ella Wong</h4>
+                                                <div class="media-heading-sub"> CEO </div>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                    <h3 class="list-heading">Customers</h3>
+                                    <ul class="media-list list-items">
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-warning">2</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Lara Kunis</h4>
+                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="label label-sm label-success">new</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Ernie Kyllonen</h4>
+                                                <div class="media-heading-sub"> Project Manager,
+                                                    <br> SmartBizz PTL </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Lisa Stone</h4>
+                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-success">7</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Deon Portalatin</h4>
+                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Irina Savikova</h4>
+                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-danger">4</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Maria Gomez</h4>
+                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="page-quick-sidebar-item">
+                                    <div class="page-quick-sidebar-chat-user">
+                                        <div class="page-quick-sidebar-nav">
+                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                                <i class="icon-arrow-left"></i>Back</a>
+                                        </div>
+                                        <div class="page-quick-sidebar-chat-user-messages">
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> When could you send me the report ? </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> Alright. Thanks! :) </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:16</span>
+                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> No probs. Just take your time :) </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:40</span>
+                                                    <span class="body"> Alright. I just emailed it to you. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:40</span>
+                                                    <span class="body"> Please let me know if you have any comment. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="page-quick-sidebar-chat-user-form">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control" placeholder="Type a message here...">
+                                                <div class="input-group-btn">
+                                                    <button type="button" class="btn green">
+                                                        <i class="icon-paper-clip"></i>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                                <div class="page-quick-sidebar-alerts-list">
+                                    <h3 class="list-heading">General</h3>
+                                    <ul class="feeds list-items">
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-check"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 4 pending tasks.
+                                                            <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> Just now </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-success">
+                                                                <i class="fa fa-bar-chart-o"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-danger">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-shopping-cart"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> New order received with
+                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 30 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-success">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-bell-o"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> Web server hardware needs to be upgraded.
+                                                            <span class="label label-sm label-warning"> Overdue </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 2 hours </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-default">
+                                                                <i class="fa fa-briefcase"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                    <h3 class="list-heading">System</h3>
+                                    <ul class="feeds list-items">
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-check"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 4 pending tasks.
+                                                            <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> Just now </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-danger">
+                                                                <i class="fa fa-bar-chart-o"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-default">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-shopping-cart"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> New order received with
+                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 30 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-success">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-warning">
+                                                            <i class="fa fa-bell-o"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> Web server hardware needs to be upgraded.
+                                                            <span class="label label-sm label-default "> Overdue </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 2 hours </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-info">
+                                                                <i class="fa fa-briefcase"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                                <div class="page-quick-sidebar-settings-list">
+                                    <h3 class="list-heading">General Settings</h3>
+                                    <ul class="list-items borderless">
+                                        <li> Enable Notifications
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Allow Tracking
+                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Log Errors
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Auto Sumbit Issues
+                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Enable SMS Alerts
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                    </ul>
+                                    <h3 class="list-heading">System Settings</h3>
+                                    <ul class="list-items borderless">
+                                        <li> Security Level
+                                            <select class="form-control input-inline input-sm input-small">
+                                                <option value="1">Normal</option>
+                                                <option value="2" selected>Medium</option>
+                                                <option value="e">High</option>
+                                            </select>
+                                        </li>
+                                        <li> Failed Email Attempts
+                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                                        <li> Secondary SMTP Port
+                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                                        <li> Notify On System Error
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Notify On SMTP Error
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                    </ul>
+                                    <div class="inner-content">
+                                        <button class="btn btn-success">
+                                            <i class="icon-settings"></i> Save Changes</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- END QUICK SIDEBAR -->
+            </div>
+            
+                <!-- BEGIN QUICK SIDEBAR -->
+                <a href="javascript:;" class="page-quick-sidebar-toggler">
+                    <i class="icon-login"></i>
+                </a>
+                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
+                    <div class="page-quick-sidebar">
+                        <ul class="nav nav-tabs">
+                            <li class="active">
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
+                                    <span class="badge badge-danger">2</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
+                                    <span class="badge badge-success">7</span>
+                                </a>
+                            </li>
+                            <li class="dropdown">
+                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                                <ul class="dropdown-menu pull-right">
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-bell"></i> Alerts </a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-info"></i> Notifications </a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-speech"></i> Activities </a>
+                                    </li>
+                                    <li class="divider"></li>
+                                    <li>
+                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
+                                            <i class="icon-settings"></i> Settings </a>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                        <div class="tab-content">
+                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
+                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
+                                    <h3 class="list-heading">Staff</h3>
+                                    <ul class="media-list list-items">
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-success">8</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Bob Nilson</h4>
+                                                <div class="media-heading-sub"> Project Manager </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Nick Larson</h4>
+                                                <div class="media-heading-sub"> Art Director </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-danger">3</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Deon Hubert</h4>
+                                                <div class="media-heading-sub"> CTO </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Ella Wong</h4>
+                                                <div class="media-heading-sub"> CEO </div>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                    <h3 class="list-heading">Customers</h3>
+                                    <ul class="media-list list-items">
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-warning">2</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Lara Kunis</h4>
+                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
+                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="label label-sm label-success">new</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Ernie Kyllonen</h4>
+                                                <div class="media-heading-sub"> Project Manager,
+                                                    <br> SmartBizz PTL </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Lisa Stone</h4>
+                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
+                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-success">7</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Deon Portalatin</h4>
+                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Irina Savikova</h4>
+                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
+                                            </div>
+                                        </li>
+                                        <li class="media">
+                                            <div class="media-status">
+                                                <span class="badge badge-danger">4</span>
+                                            </div>
+                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
+                                            <div class="media-body">
+                                                <h4 class="media-heading">Maria Gomez</h4>
+                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
+                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="page-quick-sidebar-item">
+                                    <div class="page-quick-sidebar-chat-user">
+                                        <div class="page-quick-sidebar-nav">
+                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
+                                                <i class="icon-arrow-left"></i>Back</a>
+                                        </div>
+                                        <div class="page-quick-sidebar-chat-user-messages">
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> When could you send me the report ? </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:15</span>
+                                                    <span class="body"> Alright. Thanks! :) </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:16</span>
+                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> No probs. Just take your time :) </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:40</span>
+                                                    <span class="body"> Alright. I just emailed it to you. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post in">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Ella Wong</a>
+                                                    <span class="datetime">20:40</span>
+                                                    <span class="body"> Please let me know if you have any comment. </span>
+                                                </div>
+                                            </div>
+                                            <div class="post out">
+                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                <div class="message">
+                                                    <span class="arrow"></span>
+                                                    <a href="javascript:;" class="name">Bob Nilson</a>
+                                                    <span class="datetime">20:17</span>
+                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="page-quick-sidebar-chat-user-form">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control" placeholder="Type a message here...">
+                                                <div class="input-group-btn">
+                                                    <button type="button" class="btn green">
+                                                        <i class="icon-paper-clip"></i>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
+                                <div class="page-quick-sidebar-alerts-list">
+                                    <h3 class="list-heading">General</h3>
+                                    <ul class="feeds list-items">
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-check"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 4 pending tasks.
+                                                            <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> Just now </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-success">
+                                                                <i class="fa fa-bar-chart-o"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-danger">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-shopping-cart"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> New order received with
+                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 30 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-success">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-bell-o"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> Web server hardware needs to be upgraded.
+                                                            <span class="label label-sm label-warning"> Overdue </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 2 hours </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-default">
+                                                                <i class="fa fa-briefcase"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                    <h3 class="list-heading">System</h3>
+                                    <ul class="feeds list-items">
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-check"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 4 pending tasks.
+                                                            <span class="label label-sm label-warning "> Take action
+                                                                <i class="fa fa-share"></i>
+                                                            </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> Just now </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-danger">
+                                                                <i class="fa fa-bar-chart-o"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-default">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-info">
+                                                            <i class="fa fa-shopping-cart"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> New order received with
+                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 30 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-success">
+                                                            <i class="fa fa-user"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 24 mins </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div class="col1">
+                                                <div class="cont">
+                                                    <div class="cont-col1">
+                                                        <div class="label label-sm label-warning">
+                                                            <i class="fa fa-bell-o"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="cont-col2">
+                                                        <div class="desc"> Web server hardware needs to be upgraded.
+                                                            <span class="label label-sm label-default "> Overdue </span>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="col2">
+                                                <div class="date"> 2 hours </div>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;">
+                                                <div class="col1">
+                                                    <div class="cont">
+                                                        <div class="cont-col1">
+                                                            <div class="label label-sm label-info">
+                                                                <i class="fa fa-briefcase"></i>
+                                                            </div>
+                                                        </div>
+                                                        <div class="cont-col2">
+                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="col2">
+                                                    <div class="date"> 20 mins </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
+                                <div class="page-quick-sidebar-settings-list">
+                                    <h3 class="list-heading">General Settings</h3>
+                                    <ul class="list-items borderless">
+                                        <li> Enable Notifications
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Allow Tracking
+                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Log Errors
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Auto Sumbit Issues
+                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Enable SMS Alerts
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                    </ul>
+                                    <h3 class="list-heading">System Settings</h3>
+                                    <ul class="list-items borderless">
+                                        <li> Security Level
+                                            <select class="form-control input-inline input-sm input-small">
+                                                <option value="1">Normal</option>
+                                                <option value="2" selected>Medium</option>
+                                                <option value="e">High</option>
+                                            </select>
+                                        </li>
+                                        <li> Failed Email Attempts
+                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
+                                        <li> Secondary SMTP Port
+                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
+                                        <li> Notify On System Error
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                        <li> Notify On SMTP Error
+                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
+                                    </ul>
+                                    <div class="inner-content">
+                                        <button class="btn btn-success">
+                                            <i class="icon-settings"></i> Save Changes</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- END QUICK SIDEBAR -->
+            </div>
+            <!-- END CONTAINER -->
+            <!-- BEGIN FOOTER -->
+            <div class="page-footer">
+                <div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
+                <div class="scroll-to-top">
+                    <i class="icon-arrow-up"></i>
+                </div>
+            </div>
+            <!-- END FOOTER -->
+        </div>
+        <!--[if lt IE 9]>
+<script src="../assets/global/plugins/respond.min.js"></script>
+<script src="../assets/global/plugins/excanvas.min.js"></script> 
+<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
+<![endif]-->
+        <!-- BEGIN CORE PLUGINS -->
+        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
+        <!-- END CORE PLUGINS -->
+        <!-- BEGIN PAGE LEVEL PLUGINS -->
+        <script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/horizontal-timeline2/horizontal-timeline.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
+        <script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
+        <!-- END PAGE LEVEL PLUGINS -->
+        <!-- BEGIN THEME GLOBAL SCRIPTS -->
+        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
+        <!-- END THEME GLOBAL SCRIPTS -->
+        <!-- BEGIN PAGE LEVEL SCRIPTS -->
+        <script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
+        <!-- END PAGE LEVEL SCRIPTS -->
+        <!-- BEGIN THEME LAYOUT SCRIPTS -->
+        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
+        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
+        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
+        <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
+        <!-- END THEME LAYOUT SCRIPTS -->
+        <script>
+            $(document).ready(function()
+            {
+                $('#clickmewow').click(function()
+                {
+                    $('#radio1003').attr('checked', 'checked');
+                });
+            })
+        </script>
+        <script src="http://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
+            <script src="../assets/lightbox/dist/ekko-lightbox.js"></script>
+            <script src="http://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.1/anchor.min.js"></script>
+            <script type="text/javascript">
+            $(document).ready(function ($) {
+                // delegate calls to data-toggle="lightbox"
+                $(document).on('click', '[data-toggle="lightbox"]:not([data-gallery="navigateTo"]):not([data-gallery="example-gallery-11"])', function(event) {
+                    event.preventDefault();
+                    return $(this).ekkoLightbox({
+                        onShown: function() {
+                            if (window.console) {
+                                return console.log('Checking our the events huh?');
+                            }
+                        },
+                        onNavigate: function(direction, itemIndex) {
+                            if (window.console) {
+                                return console.log('Navigating '+direction+'. Current item: '+itemIndex);
+                            }
+                        }
+                    });
+                });
+                var table = $('#example2');
+        
+                var tableWrapper = jQuery('#example2_wrapper');
+
+                table.find('.group-checkable').change(function () {
+                    var set = jQuery(this).attr("data-set");
+                    var checked = jQuery(this).is(":checked");
+                    jQuery(set).each(function () {
+                        if (checked) {
+                            $(this).prop("checked", true);
+                            $(this).parents('tr').addClass("active");                   
+                        } else {
+                            $(this).prop("checked", false);
+                            $(this).parents('tr').removeClass("active");
+                        }               
+                    });
+                });
+                
+                 $(document).on('click', '#download2', function(event) { 
+                 var url = $( ".ekko-lightbox-item.show" ).children("img").attr('src');
+                    $("a#download").attr("href", url);
+                    document.getElementById('download').click();
+            
+                });
+                
+                table.on('change', 'tbody tr .checkboxes', function () {
+                    $(this).parents('tr').toggleClass("active");            
+                });
+                // disable wrapping
+                $(document).on('click', '[data-toggle="lightbox"][data-gallery="example-gallery-11"]', function(event) {
+                    event.preventDefault();
+                    return $(this).ekkoLightbox({
+                        wrapping: false
+                    });
+                });
+
+                //Programmatically call
+                $('#open-image').click(function (e) {
+                    e.preventDefault();
+                    $(this).ekkoLightbox();
+                });
+                $('#open-youtube').click(function (e) {
+                    e.preventDefault();
+                    $(this).ekkoLightbox();
+                });
+
+                // navigateTo
+                $(document).on('click', '[data-toggle="lightbox"][data-gallery="navigateTo"]', function(event) {
+                    event.preventDefault();
+
+                    return $(this).ekkoLightbox({
+                        onShown: function() {
+
+                            this.modal().on('click', '.modal-footer a', function(e) {
+
+                                e.preventDefault();
+                                this.navigateTo(2);
+
+                            }.bind(this));
+
+                        }
+                    });
+                });
+
+
+                /**
+                 * Documentation specific - ignore this
+                 */
+                anchors.options.placement = 'left';
+                anchors.add('h3');
+                $('code[data-code]').each(function() {
+
+                    var $code = $(this),
+                        $pair = $('div[data-code="'+$code.data('code')+'"]');
+
+                    $code.hide();
+                    var text = $code.text($pair.html()).html().trim().split("\n");
+                    var indentLength = text[text.length - 1].match(/^\s+/)
+                    indentLength = indentLength ? indentLength[0].length : 24;
+                    var indent = '';
+                    for(var i = 0; i < indentLength; i++)
+                        indent += ' ';
+                    if($code.data('trim') == 'all') {
+                        for (var i = 0; i < text.length; i++)
+                            text[i] = text[i].trim();
+                    } else  {
+                        for (var i = 0; i < text.length; i++)
+                            text[i] = text[i].replace(indent, '    ').replace('    ', '');
+                    }
+                    text = text.join("\n");
+                    $code.html(text).show();
+
+                });
+            });
+            $('#thumbnail').on('click', function() {
+                document.getElementById("thumbnails").style.display = "";
+                document.getElementById("lists").style.display = "none";
+            });
+            $('#list').on('click', function() {
+                document.getElementById("thumbnails").style.display = "none";
+                document.getElementById("lists").style.display = "";
+            });
+            function show_hide(val){
+                var drop_val = val.value;
+                if(drop_val == "create"){
+                    document.getElementById("folder_name").style.display = "";
+                }else{
+                    document.getElementById("folder_name").style.display = "none";
+                }
+            }
+
+            $( "#folder" ).change(function() {
+                var select_value = $(this).val();
+                if(select_value == "damage"){
+                    $("#issue1").show();
+                    $("#issue2").hide();
+                    $("#issue3").hide();
+                }else if(select_value == "unmatch"){
+                    $("#issue2").show();
+                    $("#issue1").hide();
+                    $("#issue3").hide();
+                }else if(select_value == "others"){
+                    $("#issue3").show();
+                    $("#issue2").hide();
+                    $("#issue1").hide();
+                }
+            
+            });
+            
+        </script>
+    </body>
+
+</html>
\ No newline at end of file
diff --git a/public/Forwarder/warehousenote.html b/public/Forwarder/warehousenote.html
index e623d1c..814741b 100644
--- a/public/Forwarder/warehousenote.html
+++ b/public/Forwarder/warehousenote.html
@@ -759,7 +759,7 @@
                                                                                                 <div class="col-md-offset-5 col-md-9">
                                                                                                     <a href="javascript:;" class="btn default button-previous">
                                                                                                         <i class="fa fa-angle-left"></i> Back </a>
-                                                                                                    <a href="chat.html" class="btn green button-submit"> Submit
+                                                                                                    <a href="javascript:window.open('decisionmaking.html', 'Track Order', 'width=1000,height=600');" class="btn green button-submit"> Submit
                                                       </a>
                                                                                                 </div>
                                                                                             </div>
@@ -773,10 +773,16 @@
                                                                                 <div class="row">
                                                                                     <div class="col-md-offset-5 col-md-9">
                                                                                         <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
+                                                                                        <button type="button" class="btn btn-outline green button-next" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="<button type='button' class='btn btn-outline green button-next'></button>
+                                                         <script>
+                                                            $('#testing').click(function(){$('#decision').modal('show');})
+                                                         </script>
+                                                         "><i class="fa fa-plus-square" aria-hidden="true"></i></button>
                                                                                     </div>
                                                                                 </div>
                                                                             </div>
                                                                         </div>
+                                                                        
                                                                     </div>
                                                                 </div>
                                                             </div>
@@ -792,65 +798,441 @@
                             <!-- END CONTENT BODY -->
                         </div>
                         <!-- END CONTENT -->
-                        <div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
-                            <div class="portlet-body">
-                                <div class="modal-dialog">
-                                    <div class="modal-content">
-                                        <div class="modal-body">
-                                            <div class="form-body">
-                                                <div class="form-group">
-                                                    <!-- PERSONAL INFO TAB -->
-                                                    <div align="center">
-                                                    </div>
-                                                    <div class="tab-pane active" id="tab_1_1">
-                                                        <div class="portlet light bordered">
-                                                            <div class="portlet-title">
-                                                                <div class="caption">
-                                                                    <i class="icon-social-dribbble font-green hide"></i>
-                                                                    <span class="caption-subject font-dark bold uppercase">Consolidation</span>
-                                                                </div>
-                                                            </div>
-                                                            <div class="portlet light bordered">
-                                                                <div class="portlet-title">
-                                                                    <div class="caption">
-                                                                        <i class="icon-social-dribbble font-green hide"></i>
-                                                                        <span class="caption-subject font-dark bold uppercase">Customs Examination</span>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="portlet-body">
-                                                                    <br>
-                                                                    <p>Customs Examination Departure Port</p>
-                                                                    <br>
-                                                                    <p class="caption-subject font-red">New ETD :
-                                                                        <input type="date" name="">
-                                                                    </p>
-                                                                    <p class="caption-subject font-red">New ETA :
-                                                                        <input type="date" name="">
-                                                                    </p>
-                                                                    <br>
-                                                                    <p>Customs Examination Arrival Port</p>
-                                                                    <br>
-                                                                    <p class="caption-subject font-red">Release Date :
-                                                                        <input type="date" name="">
-                                                                    </p>
-                                                                    <div class="row">
-                                                                        <div class="col-md-offset-4 col-md-9">
-                                                                            <a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
-                                                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
+                        <!-- Modal -->
+                 <div class="modal fade in " id="decision" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
+                            <div class="modal-dialog modal-lg">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                        
+                                        <div class="caption">
+                                            <h3><i class='fa fa-question'></i> Decision Making</h3>
+                                        </div>
+                                    </div>
+                                    <div class="modal-body"> 
+                                        <div class="form">
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="form-group">
+                                                        <label>Issue</label>
+                                                        <select id="folder" class="form-control"  onchange="show_hide(this);">
+                                                            <option>Please Select</option>
+                                                            <option value="damage">Damage</option>
+                                                            <option value="unmatch">Unmatch </option>
+                                                            <option value="others">Others</option>
+                                                        </select>
+                                                        <div class="tab-pane active" id="issue1" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div>
+                                                                        <div class="form-group">
+                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
                                                                         </div>
+                                                                         
+                                                                        <div>
+                                                                                <span class="fileinput-new"></span>
+                                                                                <span class="fileinput-exists"></span>
+                                                                                <input type="file" name="...">
+                                                                        </div>
+                                                                        <br/>
+                                                                            <div class="form-group">
+                                                                                <label>Problem</label>
+                                                                                <textarea class="form-control" rows="3"></textarea>
+                                                                            </div>
+                                                                    </div>
+                                                                </div>   
+                                                                    </div>
+                                                                    <div class="modal-footer">
+                                                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                        <button type="button" class="btn green" data-dismiss="modal">Send</button>
                                                                     </div>
                                                                 </div>
-                                                            </div>
-                                                        </div>
+                                                            </form>
+                                                        </div> 
+                                                        <div class="tab-pane active" id="issue2" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div class="portlet-body">
+                                                                        <table class="table table-bordered table-hover">
+                                                                        <thead>
+                                                                            <tr >
+                                                                                <th width="5">No</th>
+                                                                                <th width="10">Total Ctn (nominal)</th>
+                                                                                <th width="10">Measurement (nominal)</th>
+                                                                                <th width="10">Weight (nominal)</th>
+                                                                                <th width="5">Total Ctn (actual)</th>
+                                                                                <th width="10">Measurement (actual)</th>
+                                                                                <th width="10">Weight (actual)</th>
+                                                                                <th width="10">Photo Reference</th>
+                                                                            </tr>
+                                                                        </thead>
+                                                                        <tbody>
+                                                                            <tr bgcolor="#FF0000">
+                                                                                    <td>1</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt="" style="width: 50%; height: 50%"></span>
+                                                                                              
+                                                                                        </div>    
+                                                                                    </td>
+                                                                                </tr>
+                                                                            <tr>
+                                                                                    <td>2</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement2" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight2" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                          <span><img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt="" style="width: 50%; height: 50%"></span>  
+                                                                                                
+                                                                                        </div>
+                                                                                    </td>
+                                                                                </tr>
+                                                                                <tr>
+                                                                                    <td>3</td>
+                                                                                    <td>4</td>
+                                                                                    <td>40x40x40</td>
+                                                                                    <td>10kg</td>
+                                                                                    <td><a href="javascript:void(0)" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="measurement3" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
+                                                                                    <td><a href="javascript:void(0)" id="weight3" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
+                                                                                    <td>
+                                                                                        <div>
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt="" style="width: 50%; height: 50%"></span>   
+                                                                                        </div> 
+                                                                                    </td>
+                                                                                </tr>
+                                                                        </tbody>
+                                                                        </table>
+                                                                        <div class="modal-footer">
+                                                                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                            <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                        </div>
+                                            
+                                            </div>
+                                                                </div>
+                                                            </form>
+                                                        </div> 
+                                                        <div class="tab-pane active" id="issue3" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                        </div>
+                                                                    <div>
+                                                                        <span class="fileinput-new"></span>
+                                                                        <span class="fileinput-exists"></span>
+                                                                        <input type="file" name="...">   
+                                                                    </div>
+                                                                    <br/>
+                                                                    <div class="form-group">
+                                                                        <label>Problem</label>
+                                                                        <textarea class="form-control" rows="3"></textarea>
+                                                                    </div>
+                                                                    <div class="modal-footer">
+                                                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                        <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                    </div>
+                                                                </div>
+                                                            </form>
+                                                        </div> 
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
+                                    
+                                </div>
+                            </div>
+                        </div>  
+                <div class="modal fade in" id="move" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+                                        
+                                        <div class="caption">
+                                            <i class="fa fa-gift"></i>Move File
+                                        </div>
+                                    </div>
+                                    <div class="modal-body"> 
+                                        <div class="form">
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="form-group">
+                                                        <label>Folder</label>
+                                                        <select id="folder" class="form-control"  onchange="show_hide(this);">
+                                                            <option>Select / Create New Folder</option>
+                                                            <option value="issue1">Documents</option>
+                                                            <option value="issue2">Images</option>
+                                                            <option value="sound">Sounds</option>
+                                                            <option value="oth">Others</option>
+                                                            <option value="create">Create New</option>
+                                                        </select>
+                                                    </div>
+                                                    <div class="form-group" id="folder_name" style="display: none">
+                                                        <label>Folder Name</label>
+                                                        <input type="text" class="form-control">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                        <button type="button" class="btn green" data-dismiss="modal">Move</button>
+                                    </div>
                                 </div>
                             </div>
                         </div>
+    <div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+            
+                <div class="modal-header">
+                 <button type="button" class="close" data-dismiss="modal">✕</button>
+                    <h4 class="modal-title" id="myModalLabel">File Manager</h4>    
+                </div>
+                    
+                <div class="modal-body">
+                    <div class="row">
+                    <div class="col-md-12">
+                        <div class="col-md-4">
+                                <div class="btn-group ">
+                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                <span class="glyphicon glyphicon-plus-sign"></span>File Type
+                                <span class="caret"></span>
+                                </a>
+                                <ul class="dropdown-menu">
+                                <li><a href="#">Documents</a></li>
+                                <li><a href="#">Images</a></li>
+                                <li><a href="#">Sounds</a></li>
+                                <li><a href="#">Others</a></li>
+                                </ul>
+                                </div>
+                        </div>
+                        <br/>
+                         <div class="col-md-4">
+                            <div class="input-group">
+                                <input type="text" class="form-control" placeholder="Search" name="q">
+                                <div class="input-group-btn">
+                                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="col-md-4">
+                        <div class="pull-right"> 
+                            <button class="btn btn-default">
+                                <span class="glyphicon glyphicon-refresh"></span>
+                            </button>
+                            <a class="btn btn-default" href='#move' data-toggle='modal'>
+                                <span class="glyphicon glyphicon-move"></span>
+                            </a>
+                                <div class="btn-group">
+                                <button id="list"  type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
+                                </button>
+                                <button id="thumbnail" type="button" class="btn btn-default">  <span class="glyphicon glyphicon-th"></span>
+                                </button>
+                                </div>
+                                 <div class="btn-group ">
+                                <a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
+                                Sort
+                                <span class="caret"></span>
+                                </a>
+                                <ul class="dropdown-menu">
+                                <li><a href="#">ID</a></li>
+                                <li><a href="#">Title</a></li>
+                                <li><a href="#">Date</a></li>
+                                </ul>
+                                </div>
+                        </div>
+                        </div>
                     </div>
+                    <div class="col-md-12">
+                         <div class="col-md-3">
+                            <div class="row">
+                                <div class="col-md-9">
+                                    <form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
+                                        <h4 class="sbold">Drop files here or click to upload</h4>
+                                    </form>
+                                </div>
+                             </div>
+                        </div>
+                         <div id="thumbnails" class="col-md-9">
+                            <div data-code="example-2">
+                                <div class="row">
+                                    <div class="col-md-10" style="float: none;  margin: 0 auto;">
+                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
+                                            <h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=253"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
+                                            </a>
+                                        </div>
+                                        <div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
+                                            <a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=255"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
+                                            </a>
+                                            <a href="https://unsplash.it/1200/768.jpg?image=256"  data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+                                                <img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-9" id="lists" style="display:none;">
+                            <table class="table table-hover" id="example2" style="height:300px"> 
+                            
+                                    <thead> 
+                                    <tr>
+                                    <th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
+                                    <th>ID</th>
+                                    <th>Date</th>
+                                    <th>Title</th>
+                                    <th class="text-center">Action</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>1</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>2</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
+                                    <td>3</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    <tr>
+                                    <td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
+                                    <td>4</td>
+                                    <td>2017-08-02 13:45:22</td>
+                                    <td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
+                                    <td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
+                                    </tr>
+                                    
+                                   
+                                    </tbody>
+                            </table>
+                        </div>
+                    </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+               </div>
                     <!-- END CONTENT -->
                     <!-- END CONTAINER -->
                     <!-- BEGIN FOOTER -->
@@ -899,6 +1281,8 @@
                     <script src="../assets/global/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>
                     <script src="../assets/global/plugins/bootstrap-typeahead/bootstrap3-typeahead.min.js" type="text/javascript"></script>
                     <script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
+                    <script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
+                    <script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
                     <!-- END THEME GLOBAL SCRIPTS -->
                     <!-- END PAGE LEVEL SCRIPTS -->
                     <!-- BEGIN THEME LAYOUT SCRIPTS -->
