<style>
	.chats li{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    font-size: 13px;
	}
	li.date {
	margin-top: 15px !important;
	}
	li.unread {
	margin-top: 15px !important;
	}
</style>
<div class="full-height-content full-height-content-scrollable">
	<div class="full-height-content-body">
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-3">
						<div class="row">
							<div class="col-md-12">
								<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
									<div class="portlet-title">
										<div class="caption">
											<span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
										</div>
										<div class="inputs">
											<div class="row">
												<div class="col-md-12">
													<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-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>
															</a>
															<ul class="dropdown-menu pull-right">
																<li>
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Active </span>
																	</a>
																</li>
																<li>
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Closed </span>
																	</a>
																</li>
																<li class="active">
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Pending </span>
																	</a>
																</li>
																<li class="active">
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Cancel </span>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="portlet-body">
										<div class="full-height-content-body">
											<div id="tree_1" class="tree-demo">
												<ul>
													<li data-jstree='{ "selected" : true }'>
														<a href="/messenger/general">General <?php echo (getGeneralUnread()>0?'<span class="badge badge-danger unread">'.getGeneralUnread().'</span>':""); ?></a>
													</li>
													<li data-jstree='{"opened": true }'>
														Order List <span class='badge badge-danger'><?php echo getOrderUnread(); ?></span>
														<ul>
															<?php echo getRoomLists(); ?>
														</ul>
													</li>
													<li>
														<a href="/messenger/help">Help <?php //echo (getGeneralUnread()>0?'<span class="badge badge-danger unread">'.getGeneralUnread().'</span>':""); ?></a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-9">
						<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
							<div class="portlet-title">
								<div class="caption">
									<i class=" icon-layers font-dark"></i>
									<span class="caption-subject font-dark bold uppercase">General Notification</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="portlet-body" id="chats">
								<div class="full-height-content-body">
									<ul class="chats" id="general_content"></ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>