diff --git a/public/Importer/chat.html b/public/Importer/chat.html
index e3140d0..98765a2 100644
--- a/public/Importer/chat.html
+++ b/public/Importer/chat.html
@@ -93,12 +93,9 @@
 			   		margin-right: -100%;
 			   	}
 			   }
-            .media-object-4 {
-         width: 35px;
-         position: right ;
-         margin-left: 82%;
-         margin-top:0.7%;
-      }
+			 .media-object-4 {
+				  width: 35px;
+			 }
             </style>
          </head>
          <!-- END HEAD -->
@@ -121,12 +118,14 @@
                   </a>
                   <!-- END RESPONSIVE MENU TOGGLER -->
                   <!-- BEGIN TOP NAVIGATION MENU -->
-                  <img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
+				  
                   <div class="top-menu">
                      <ul class="nav navbar-nav pull-right">
                         <!-- BEGIN USER LOGIN DROPDOWN -->
                         <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
-                        <li class="dropdown dropdown-user">
+						
+                        <li class="dropdown dropdown-user pull-right">
+							
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
                            <span class="username username-hide-on-mobile"> Syed Amir </span>
@@ -143,6 +142,7 @@
                               </li>
                            </ul>
                         </li>
+						<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
                         <!-- END USER LOGIN DROPDOWN -->
                      </ul>
                   </div>
@@ -182,7 +182,7 @@
                            </center>
                         </li>
                         <hr>
-                        <li class="nav-item start">
+                        <li class="nav-item start ">
                                 <a href="index.html" class="nav-link nav-toggle">
                                     <i class="icon-home"></i>
                                     <span class="title">Order Status</span>
@@ -196,48 +196,42 @@
                                     <span class="selected"></span>
                                 </a>
                             </li>
-							<li class="nav-item  active open">
-								<a href="chat.html" class="nav-link nav-toggle">
-									<i class="fa fa-comments-o"></i>
-									<span class="title">Messenger</span>
-									<span class="selected"></span>
-								</a>
-							</li>
-							<li class="nav-item">
-								<a href="trackorder.html" class="nav-link nav-toggle">
-									<i class="icon-basket"></i>
-									<span class="title">Track Order</span>
-									<span class="selected"></span>
-								</a>
-							</li>
-							<li class="nav-item  ">
-								<a href="javascript:;" class="nav-link nav-toggle">
-									<i class="icon-basket"></i>
-									<span class="title">Orders</span>
-									<span class="arrow"></span>
-								</a>
-								<ul class="sub-menu">
-									<li class="nav-item  ">
-										<a href="purchaseorder.html" class="nav-link ">
-											<i class="icon-clock"></i>
-											<span class="title">Purchase Order</span>
-										</a>
-									</li>
-									<li class="nav-item  ">
-										<a href="shippingorder.html" class="nav-link ">
-											<i class="icon-check"></i>
-											<span class="title">Shipping Order</span>
-										</a>
-									</li>
-									<li class="nav-item  ">
-										<a href="opendraft.html" class="nav-link ">
-											<i class="icon-envelope"></i>
-											<span class="title">Open Draft</span>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li class="nav-item">
+                            <ul class="sub-menu">
+                                    <li class="nav-item  ">
+                                        <a href="deliveryarrange.html" class="nav-link ">
+                                            <i class="icon-clock"></i>
+                                            <span class="title">Delivery Arrangement</span>
+                                        </a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a href="shipementarrange.html" class="nav-link ">
+                                            <i class="icon-check"></i>
+                                            <span class="title">Shipment Arrangement</span>
+                                        </a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a href="warehousenote.html" class="nav-link ">
+                                            <i class="icon-check"></i>
+                                            <span class="title">Departure Warehouse Receive Note</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                            
+						<li class="nav-item  active open">
+							<a href="chat.html?menu=true" class="nav-link nav-toggle">
+								<i class="fa fa-comments-o"></i>
+								<span class="title">Messenger</span>
+								<span class="selected"></span>
+							</a>
+						</li>
+                        <li class="nav-item">
+                            <a href="trackorder.html?menu=true" class="nav-link nav-toggle">
+                                <i class="icon-basket"></i>
+                                <span class="title">Track Order</span>
+                                <span class="selected"></span>
+                            </a>
+                        </li>
+							<li class="nav-item ">
                                 <a href="profile.html" class="nav-link nav-toggle">
                                     <i class="icon-user"></i>
                                     <span class="title">Profile</span>
@@ -249,6 +243,27 @@
                                     <span class="title">Contact List</span>
                                 </a>
                             </li>
+                            <li class="nav-item">
+                                <a href="javascript:;" class="nav-link nav-toggle">
+                                    <i class="icon-settings"></i>
+                                    <span class="title">Settings</span>
+                                    <span class="arrow"></span>
+                                </a>
+                                <ul class="sub-menu">
+                                    <li class="nav-item  ">
+                                        <a href="formcustomize.html" class="nav-link ">
+                                            <i class="icon-clock"></i>
+                                            <span class="title">Form Customization</span>
+                                        </a>
+                                    </li>
+                                    <li class="nav-item">
+                                        <a href="updatecurrency.html" class="nav-link ">
+                                            <i class="icon-check"></i>
+                                            <span class="title">Update Currency</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </li>
                      </ul>
                      <!-- END SIDEBAR MENU -->
                      <!-- END SIDEBAR MENU -->
@@ -288,15 +303,16 @@
                                                 <div class="inputs">
                                                    <div class="row">
                                                       <div class="col-md-12">
-                                                         <div class="col-md-7">
+                                                         <div class="col-md-9">
                                                             <div class="portlet-input input-inline input-small" style="margin-bottom:10px">
                                                                <div class="input-icon right">
                                                                   <i class="icon-magnifier"></i>
                                                                   <input type="text" class="form-control input-circle" placeholder="search...">
+                                                              
                                                                </div>
                                                             </div>
                                                          </div>
-                                                         <div class="col-md-2">
+                                                         <div class="col-md-3">
                                                             <div class="btn-group" style="width:100%">
                                                                <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                <span class="fa fa-filter"></span>
@@ -325,14 +341,6 @@
                                                                </ul>
                                                             </div>
                                                          </div>
-                                                          <div class="col-md-2">
-                                                            <div class="btn-group" style="width:100%">
-                                                               <a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
-                                                               <span class="fa fa-bell"></span> 
-                                                                </a>
-                                                            </div>
-                                                        </div>
-                                                          <span style="position: relative;" class="badge badge-danger">1</span>
                                                       </div>
                                                    </div>
                                                 </div>
@@ -340,9 +348,9 @@
                                              <div class="portlet-body">
                                                 <div id="tree_1" class="tree-demo">
                                                    <ul>
-                                                       <li>
+                                                       <li onclick="show_general();">
                                                          General
-                                                      </li>
+														</li>
                                                       <li>
                                                          CIEF
                                                          <ul>
@@ -375,8 +383,8 @@
                                              </div>
                                              <div class="portlet-body">
                                                 <div class="row">
-                                                        <div class="col-md-6">
-                                                            <img src="../assets/global/img/folderimg.ico" alt="Image" style="width:150px;height:150px;" data-toggle="modal" href="#doc">
+                                                        <div class="col-md-12" style="text-align:center;">
+                                                            <img src="../assets/global/img/folderimg.ico" alt="Image" style="width:100px;height:100px;" data-toggle="modal" href="#doc">
                                                         </div>
                                                  </div>
                                              </div>
@@ -384,7 +392,7 @@
                                        </div>
                                     </div>
                                  </div>
-                                 <div class="col-md-9"  id="with_content" >
+                                 <div class="col-md-9" id="with_content">
                                     <div class="row">
                                        <div class="col-md-12">
                                           <div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
@@ -396,8 +404,6 @@
                                                 <div class="actions">
                                                    <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#chat">
                                                    <i class="fa fa-plus"></i> Add Group </a>
-                                                   <a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#doc">
-                                                   <i class="fa fa-plus"></i> Upload </a>
                                                    <a href="javascript:window.open('trackorder2.html', 'Track Order', 'width=1000,height=600');" class="btn btn-circle btn-default tooltips" data-placement="bottom" data-original-title="Track Order">
                                                    <i class="fa fa-map-marker" aria-hidden="true"></i> Track Order
                                                    </a>
@@ -543,7 +549,153 @@
 										   </div>
 									 </div>
 								 </div>
-                              </div>
+ 								 <div class="col-lg-9" id="general_content" style="display:none;" >
+									<div class="portlet light bordered">
+										<div class="portlet-title">
+											<div class="caption">
+												<i class="icon-share font-dark hide"></i>
+												<span class="caption-subject font-dark bold uppercase">General Notifications</span>
+											</div>
+											<div class="actions">
+												<div class="btn-group">
+													<a class="btn btn-sm blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Filter By
+														<i class="fa fa-angle-down"></i>
+													</a>
+													<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
+														<label class="mt-checkbox mt-checkbox-outline">
+															<input type="checkbox" /> 
+															<span></span>
+														</label>
+														<label class="mt-checkbox mt-checkbox-outline">
+															<input type="checkbox" /> Currency Update
+															<span></span>
+														</label>
+													</div>
+												</div>
+											</div>
+										</div>
+                                        <div class="tab-content">
+                                                         <div class="tab-pane active" id="tab_1_1_1">
+                                                            <ul class="chats">
+                                                               <li class="in">
+                                                                   
+                                                                  <br>
+                                                                  <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
+                                                                  <div class="message">
+                                                                     <div class="desc"> CIEF updated currency <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
+                                                                     <span class="datetime" style="float:left"> 20:11 </span>
+                                                                  </div>
+                                                               </li>
+                                                               <li class="in">
+                                                                  
+                                                                  <br>
+                                                                  <img class="avatar" alt="" src="../assets/global/img/abc.png" />
+                                                                  <div class="message">
+                                                                     <div class="desc"> ABC updated currency. <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
+                                                                     <span class="datetime" style="float:left">  20:11 </span>
+                                                                  </div>
+                                                               </li>
+                                                               <li class="in">
+                                                                  
+                                                                  <br>
+                                                                  <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
+                                                                  <div class="message">
+                                                                     <div class="desc"> CIEF updated currency  <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
+                                                                     <span class="datetime" style="float:left"> 20:33 </span>
+                                                                  </div>
+                                                               </li>
+                                                            </ul>
+                                                         </div>
+                                                         <div class="tab-pane" id="tab_1_1_2">
+                                                            <ul class="chats">
+                                                               <li class="in">
+                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
+                                                                  <br>
+                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
+                                                                  <div class="message">
+                                                                     <span class="arrow"> </span>
+                                                                     <span class="body"> Hi. </span>
+                                                                     <span class="datetime" style="float:right"> 20:30 </span>
+                                                                  </div>
+                                                               </li>
+                                                               <li class="out">
+                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
+                                                                  <br>
+                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
+                                                                  <div class="message">
+                                                                     <span class="arrow"> </span>
+                                                                     <span class="body"> Bye. </span>
+                                                                     <span class="datetime" style="float:left"> 20:33 </span>
+                                                                  </div>
+                                                               </li>
+                                                            </ul>
+                                                         </div>
+                                                      </div>
+<!--
+										<div class="portlet-body">
+											<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
+												<ul class="feeds">
+													<li>
+														<div class="col1">
+															<div class="cont">
+																<div class="cont-col1">
+																	<div class="label label-sm label-info">
+																		<i class="fa fa-money"></i>
+																	</div>
+																</div>
+																<div class="cont-col2">
+																	<div class="desc"> CIEF updated their currency on <strong>05/08/2017 13:12</strong> for <strong>MYR</strong> currency. The new rate are <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</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-money"></i>
+																		</div>
+																	</div>
+																	<div class="cont-col2">
+																		<div class="desc"> ABC updated their currency on <strong>05/08/2017 12:52</strong> for <strong>USD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</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-money"></i>
+																	</div>
+																</div>
+																<div class="cont-col2">
+																	<div class="desc"> ABC updated their currency on <strong>05/08/2017 13:48</strong> for <strong>HKD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
+																</div>
+															</div>
+														</div>
+														<div class="col2">
+															<div class="date"> 24 mins </div>
+														</div>
+													</li>
+												</ul>
+											</div>
+										</div>
+-->
+									</div>
+								</div>
+								
+							 </div>
                            </div>
                         </div>
                      </div>
@@ -780,6 +932,46 @@
                         </div>
                     </div>
                 <!-- Modal -->
+				<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="doc">Documents</option>
+															<option value="img">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">
@@ -821,6 +1013,9 @@
                             <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>
@@ -856,24 +1051,25 @@
 								<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;">
-											<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+											<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">
+											<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" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
+											<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">
+											<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">
+											<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>
@@ -882,10 +1078,11 @@
 							</div>
 						</div>
 						<div class="col-md-9" id="lists" style="display:none;">
-                            <table class="table table-hover" style="height:300px"> 
+                            <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>
@@ -894,28 +1091,32 @@
                                     </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></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></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></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></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>
                                     
                                    
@@ -930,7 +1131,6 @@
     </div>
     
                </div>
-			   <a id="download" href="" download hidden></a>
                <!-- END CONTENT -->
                <!-- BEGIN QUICK SIDEBAR -->
                <a href="javascript:;" class="page-quick-sidebar-toggler">
@@ -1014,7 +1214,7 @@
             </div>
                 
             </div>
-                
+                <a id="download" href="" download hidden></a>
                 
             <!-- END CONTAINER -->
             <!-- BEGIN FOOTER -->
@@ -1068,12 +1268,14 @@
 						//alert('heiiiii');
 						document.getElementById("without_content").style.display = "";
 						document.getElementById("with_content").style.display = "none";
+						document.getElementById("general_content").style.display = "none";
 						document.getElementById("file_manager").style.display = "none";
 						
 					}else{
 						//alert('hoooo');
 						document.getElementById("without_content").style.display = "none";
 						document.getElementById("with_content").style.display = "";
+						document.getElementById("general_content").style.display = "none";
 						document.getElementById("file_manager").style.display = "";
 					}
 					
@@ -1106,6 +1308,14 @@
 						document.getElementById("without_content").style.display = "none";
 						document.getElementById("with_content").style.display = "";
 						document.getElementById("file_manager").style.display = "";
+						document.getElementById("general_content").style.display = "none";
+					}
+			function show_general(){
+						//alert('hoooo');
+						document.getElementById("without_content").style.display = "none";
+						document.getElementById("general_content").style.display = "";
+						document.getElementById("with_content").style.display = "none";
+						document.getElementById("file_manager").style.display = "none";
 					}
                window.onload = function() {
                    var elements = getElementsByClassName('editInPlace', '*', document);
@@ -1144,7 +1354,7 @@
                    }
                    return returnElements;
                }
-               $('[data-toggle="popover"]').popover({trigger: 'focus'}) 
+               $('[data-toggle="popover"]').popover({trigger: 'focus'})
 			   
             </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>
@@ -1154,7 +1364,6 @@
             $(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() {
@@ -1169,10 +1378,33 @@
 						}
                     });
                 });
-				 $(document).on('click', '.fa-download', function(event) {
+				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) {
@@ -1248,6 +1480,15 @@
 				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";
+				}
+			}
+			
         </script>
          </body>
       </html>
\ No newline at end of file